/* Editorial revision: photographs, material studies and useful reading. */
.home-cover{padding:64px 5vw 0}.cover-title{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px 50px;padding-bottom:42px}.cover-title>.eyebrow{width:100%}.cover-title h1{font-size:clamp(36px,4.7vw,76px);letter-spacing:-.055em;line-height:1.22;margin:0;font-weight:400}.cover-title h1 em{font-style:normal;color:#7c776c}.cover-title p{line-height:1.9;color:#716d66;margin-bottom:6px;font-size:14px}.cover-photo{position:relative;margin:0;background:#ded9cd}.cover-photo>img{display:block;width:100%;height:clamp(420px,52vw,760px);object-fit:cover}.cover-photo figcaption{position:absolute;left:24px;bottom:22px;background:#f7f4eade;padding:8px 12px;font-size:10px;letter-spacing:.12em}.cover-explore{position:absolute;right:24px;bottom:20px;background:#f7f4ea;padding:18px 24px;display:flex;gap:65px;align-items:center}.cover-explore span{font-size:22px}.cover-bottom{display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:10px;letter-spacing:.13em;border-bottom:1px solid #d6d1c7}.selected-edit{padding:90px 5vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading h2{font-weight:400;font-size:32px;letter-spacing:-.035em}.selected-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 28px}.selected-grid>a:nth-child(even){margin-top:90px}.selected-grid img{width:100%;aspect-ratio:1.36;object-fit:cover;display:block;transition:filter .3s}.selected-grid a:hover img{filter:brightness(.95)}.selected-grid span{display:block;letter-spacing:.14em;font-size:11px;margin-top:18px}.selected-grid h3{font-size:21px;font-weight:400;margin:12px 0}.store-visit{display:grid;grid-template-columns:1.5fr 1fr;background:#e9e5dc;margin:60px 5vw;gap:6vw;align-items:center}.store-visit figure{margin:0;position:relative}.store-visit img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover}.store-visit figcaption{position:absolute;bottom:16px;left:16px;background:#f5f2e9d9;padding:8px 12px;font-size:10px}.store-visit>div{padding:40px 40px 40px 0}.store-visit h2{font-size:30px;font-weight:400;line-height:1.55}.store-visit p{font-size:14px;line-height:1.95;color:#68645d}.home-questions details{border-bottom:1px solid #d6d1c7;padding:20px 0}.home-questions summary{cursor:pointer;font-size:17px}.home-questions details p{max-width:800px;line-height:1.9}.store-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.store-photo-grid .photo:first-child{grid-column:1/-1}.store-photo-grid img{width:100%;aspect-ratio:1.5;object-fit:cover}.store-photo-grid .photo:first-child img{aspect-ratio:2.1}.social-visit{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;gap:40px}.social-visit>a{text-align:center}.social-visit img{width:170px;height:180px;object-fit:contain;display:block;margin:0 auto 20px}.social-visit h2{font-size:28px}.social-visit span{font-size:13px}.material-panorama{margin:32px 0 40px}.material-panorama img{display:block;width:100%;max-height:700px;object-fit:cover}.material-panorama figcaption,.grade-layout figcaption,.sleep-anatomy figcaption{font-size:11px;color:#736f68;margin-top:12px}.grade-layout{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin:35px 0}.grade-layout figure{margin:0}.grade-layout img{width:100%;aspect-ratio:1;object-fit:cover;object-position:85% center}.grade-scale article{display:flex;gap:22px;align-items:center;border-top:1px solid #d0cabf;padding:23px 0}.grade-scale article>span{font-size:32px;min-width:70px;letter-spacing:-.06em}.grade-scale article>div{flex:1}.grade-scale h3{font-size:14px;font-weight:400;margin:0 0 10px}.grade-scale p{font-size:12px;margin:0 0 12px}.grade-scale i{display:block;width:var(--bar);height:6px;background:#8a9684}.wood-grades>p{max-width:800px;line-height:1.9}.wood-grades details{border-top:1px solid #d0cabf;padding-top:18px}.custom-bed{background:#eae7df;padding:60px!important}.custom-bed h2{line-height:1.55}.brand-logo-plate{height:225px;background:#ede9e1;display:flex;align-items:center;justify-content:center;margin:0 0 22px}.brand-logo-plate img{max-width:68%;height:auto!important;max-height:80px;object-fit:contain!important;aspect-ratio:auto!important}.slumberland-mark{display:block;width:170px;height:90px;background:url('assets-v14/slumberland-logo.webp') center top/170px 90px no-repeat}.brand-page-mark{margin:60px 7vw 0;min-height:65px;display:flex;align-items:center}.brand-page-mark>img{width:200px;max-height:70px;object-fit:contain}.brand-page-mark+.intro{padding-top:30px}.sleep-anatomy>figure{margin:30px 0 45px}.sleep-anatomy>figure>img{width:100%;display:block}.sleep-anatomy .reading-grid{margin-top:30px}.chapter-nav{display:flex;gap:32px;flex-wrap:wrap;border-top:1px solid #d5d0c7;border-bottom:1px solid #d5d0c7;padding:20px 5vw;font-size:12px}.chapter-nav a:last-child{margin-left:auto}.product-notes{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:70px 7vw}.product-notes h2{font-size:32px;font-weight:400;line-height:1.5}.product-notes p{line-height:1.9;color:#6b675e}.product-notes dl{margin:0}.product-notes dl>div{border-bottom:1px solid #d2cdc3;padding:18px 0;display:grid;grid-template-columns:110px 1fr;gap:16px}.product-notes dt{font-size:12px;color:#777268}.product-notes dd{margin:0;font-size:14px;line-height:1.8}.product-journal .detail-shot{margin-bottom:80px;gap:5vw}.product-journal .detail-shot:nth-child(even){direction:ltr}.product-journal .detail-shot>*{direction:ltr}.product-journal .detail-shot img{max-height:none;aspect-ratio:1.3;object-fit:contain;background:#eeeae2}.product-journal .detail-shot figcaption h2{font-size:28px;line-height:1.5}.product-journal .detail-opening h1{font-size:clamp(48px,6vw,90px)}
@media(max-width:760px){.home-cover{padding-top:38px}.cover-title{padding-bottom:25px;gap:20px}.cover-title h1{font-size:39px}.cover-title p{font-size:12px}.cover-photo>img{height:400px;object-position:center}.cover-explore{right:12px;bottom:12px;padding:14px;gap:20px;font-size:12px}.cover-photo figcaption{left:12px;bottom:68px;font-size:8px}.cover-bottom{font-size:8px;flex-wrap:wrap}.cover-bottom>span:last-child{display:none}.selected-edit{padding-top:55px;padding-bottom:50px}.section-heading{display:block}.section-heading h2{font-size:26px}.selected-grid{gap:30px 15px}.selected-grid>a:nth-child(even){margin-top:45px}.selected-grid h3{font-size:16px;line-height:1.5}.selected-grid span{font-size:9px}.selected-grid img{aspect-ratio:.95}.store-visit{grid-template-columns:1fr;gap:0}.store-visit>div{padding:28px}.store-visit h2{font-size:26px}.social-visit{grid-template-columns:1fr 1fr;gap:20px}.social-visit>div{grid-column:1/-1}.social-visit img{width:125px;height:145px}.store-photo-grid{gap:12px}.grade-layout{grid-template-columns:1fr;gap:20px}.grade-layout img{aspect-ratio:1.5}.grade-scale p{font-size:11px}.custom-bed{padding:28px!important}.brand-logo-plate{height:170px}.product-notes{grid-template-columns:1fr;gap:20px;margin:45px 6vw}.product-notes h2{font-size:25px}.product-notes dl>div{grid-template-columns:80px 1fr}.chapter-nav{gap:20px;font-size:11px}.chapter-nav a:last-child{margin-left:0}.product-journal .detail-shot:nth-child(even){direction:ltr}.product-journal .detail-shot{margin-bottom:45px}.home-questions summary{font-size:15px}.store-photo-grid .photo:first-child img{aspect-ratio:1.5}}

.structure-art>img{display:block;width:100%;height:auto;max-width:100%}.brand-picture img{object-fit:contain!important}
/* Actual-photo studies for the four sofa journals. */
.sofa-views,.sofa-compare{margin:100px auto;padding:0 5.5%;max-width:1680px;scroll-margin-top:125px}
.sofa-views-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:end;margin-bottom:36px}
.sofa-views h2,.sofa-compare h2{font-size:clamp(28px,3.3vw,52px);font-weight:400;line-height:1.45;margin:20px 0}
.sofa-views-heading p,.sofa-view-caption p,.sofa-care p{font-size:14px;line-height:1.9;color:#77736c}
.sofa-view-tabs{display:flex;border-top:1px solid #ccc7bd;border-bottom:1px solid #ccc7bd;margin-bottom:24px}
.sofa-view-tabs button{flex:1;border:0;background:transparent;padding:20px 12px;color:#77736c;cursor:pointer;font:inherit;font-size:14px;transition:background .2s,color .2s}
.sofa-view-tabs button span{font-size:10px;margin-right:14px;letter-spacing:.1em}
.sofa-view-tabs button[aria-selected="true"]{background:#353b34;color:#fff}
.sofa-view-tabs button:focus-visible{outline:2px solid #8e7651;outline-offset:3px}
.sofa-view-panel{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);background:#e9e5dd;align-items:center}
.sofa-view-panel[hidden]{display:none}
.sofa-view-panel .photo{width:100%;margin:0;display:block}
.sofa-view-panel .photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;height:auto}
.sofa-view-caption{padding:32px;min-width:0}
.sofa-view-caption h3{font-size:25px;line-height:1.5;font-weight:400;margin:20px 0}
.sofa-care-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:36px}
.sofa-care-grid h3{font-weight:400;font-size:23px;line-height:1.5}
.sofa-care details{border-top:1px solid #ccc7bd;padding:20px 0}
.sofa-care summary{cursor:pointer;font-size:16px}
.sofa-care{scroll-margin-top:120px}
.sofa-compare{border-top:1px solid #ccc7bd;padding-top:60px}
.sofa-compare-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:32px}
.sofa-compare-card{display:block;text-decoration:none;color:inherit;padding-bottom:22px;border-bottom:1px solid #ccc7bd}
.sofa-compare-card.is-current{border-bottom:3px solid #353b34}
.sofa-compare-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin-bottom:22px}
.sofa-compare-card h3{font-size:25px;font-weight:400;margin:12px 0;display:flex;justify-content:space-between;align-items:center;gap:8px}
.sofa-compare-card h3 span{font-size:11px;color:#77736c}
.sofa-compare-card p{font-size:14px;margin:12px 0 6px}
.sofa-compare-card small{font-size:11px;color:#77736c;line-height:1.7;display:block}
@media(max-width:760px){
 .sofa-views,.sofa-compare{margin:64px auto;padding-left:6%;padding-right:6%}
 .sofa-views-heading,.sofa-view-panel,.sofa-care-grid{grid-template-columns:1fr;gap:20px}
 .sofa-view-tabs{display:grid;grid-template-columns:1fr 1fr}
 .sofa-view-tabs button{padding:17px 8px;font-size:12px}
 .sofa-view-caption{padding:8px 24px 26px}
 .sofa-view-caption h3{font-size:23px;margin:12px 0}
 .sofa-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
 .sofa-compare-card h3{font-size:21px;flex-wrap:wrap}
 .sofa-compare-card p{font-size:12px}
}
/* Useful navigation on desktop and small screens. */
.menu-toggle{display:none}
/* Keep modal controls usable on narrow and landscape screens. */
dialog .bar{min-width:0}dialog .bar h2{overflow-wrap:anywhere}
dialog .bar button,dialog .original-download{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
dialog .bar button[hidden]{display:none}
dialog .original-download{border:1px solid var(--line);padding:7px 12px;font-size:12px}
dialog .caption{max-height:5.4em;overflow:auto;overflow-wrap:anywhere}
.image-stage{overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
.thumbs{overscroll-behavior-x:contain}
@media(max-width:760px){
 .model-select select{font-size:16px;max-width:100%;min-height:44px}
 .filters button,.model-filters button,.jump-links a{min-height:44px}
 dialog .bar>div{gap:6px;justify-content:space-between}
 dialog .bar button,dialog .original-download{padding:6px 9px;font-size:12px}
}
@media(max-height:500px){
 dialog[open]{height:98dvh;max-height:98dvh;grid-template-rows:auto minmax(70px,1fr) auto;gap:6px}
 dialog .thumbs{display:none}dialog .bar{display:flex}dialog .bar h2{font-size:13px}
 dialog .caption{max-height:3.6em}
}
header nav{gap:18px}
.site-actions{position:fixed;right:22px;bottom:22px;display:flex;align-items:stretch;gap:8px;z-index:30;filter:drop-shadow(0 4px 12px #26251f1a)}
.site-actions a{display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #ccc6b9;min-height:58px;padding:10px 17px;gap:10px;border-radius:3px}
.action-main{background:#f6f3ed;color:#343931;flex-direction:column;gap:3px!important}
.action-main span{font-size:12px;letter-spacing:.14em}.action-main small{font-size:10px;color:#77736c}
.site-actions .action-chat{background:#fee500;color:#29251d;border-color:#fee500;font-size:13px}
.action-chat svg{width:24px;height:24px}.action-chat small{display:block;margin-top:3px;font-size:10px;font-weight:400}
body:has(dialog[open]) .site-actions{visibility:hidden}
footer{padding-bottom:110px}
.comfort-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:36px 0}
.comfort-steps article{border-top:1px solid #c8c1b5;padding-top:24px}
.comfort-steps article>span{display:block;font-size:42px;line-height:1;color:#8d9987;font-weight:300}
.comfort-steps h3{font-size:23px;font-weight:400;margin:20px 0 14px}.comfort-steps p{font-size:14px;line-height:1.95;color:#77736c}
@media(max-width:1100px) and (min-width:761px){header{flex-wrap:wrap;gap:20px}header nav{width:100%;justify-content:space-between}}
@media(max-width:760px){
 header{padding:19px 6% 14px!important;display:block!important;position:relative!important}
 header .logo{display:inline-block;font-size:20px;margin-bottom:17px}
 header nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px!important;overflow:visible!important;width:100%}
 header nav>a{white-space:normal!important;min-height:42px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:5px 0}
 header nav>a:last-child{grid-column:1/-1;flex-direction:row;gap:10px;border-top:1px solid #d5cfc4;padding-top:13px;margin-top:3px}
 header .nav-en{font-size:9px!important;letter-spacing:.06em!important}.nav-ko{font-size:9px!important;margin-top:5px}.store-nav{font-size:11px!important}
 .site-actions{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));gap:6px}
 .site-actions a{min-height:49px;padding:8px 13px}.site-actions .action-chat{font-size:12px}
 footer{padding-bottom:112px!important}
 .comfort-steps{grid-template-columns:1fr;gap:24px}.comfort-steps article>span{font-size:34px}
 .cover-title h1{font-size:clamp(31px,9vw,39px)}
 .cover-photo>img{height:auto;aspect-ratio:1.1;object-fit:cover;object-position:52% 57%}
 .cover-explore{right:12px;bottom:42px;padding:12px 16px;gap:24px;font-size:12px}
 .cover-photo figcaption{left:12px;bottom:10px;font-size:9px;padding:5px 7px}
 .chapter-nav{gap:18px;padding:17px 6%;font-size:11px}.chapter-nav a:last-child{margin-left:0}
}
@media(max-width:760px){
 header.mobile-navigation{min-height:82px;padding-top:20px!important;padding-bottom:20px!important}
 header.mobile-navigation .logo{margin:0;line-height:42px}
 .menu-toggle{display:block;position:absolute;top:20px;right:6%;min-height:44px;min-width:58px;padding:6px 12px;background:transparent;border:1px solid var(--line);font-size:13px}
 header.mobile-navigation nav{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}
 header.mobile-navigation .menu-toggle[aria-expanded="false"]+nav{display:none!important}
 header.mobile-navigation .nav-en{font-size:12px!important}
 header.mobile-navigation .nav-ko{font-size:10px!important}
 header.mobile-navigation nav>a{min-height:56px}
}

/* Material and archive refinement */
.material-confirmed{padding:18px 24px;background:#e7ebe2;border-left:3px solid #687861;color:#344233;line-height:1.7}.material-notes .material-detail-photo{display:block;width:100%;padding:0;margin:20px 0;background:none;border:0}.material-detail-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.restonic-focus>p{max-width:720px}.store-gallery-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}

/* Mobile controls: equal compact actions and a distinct store navigation row. */
@media(max-width:760px){
 .site-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:158px;gap:6px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom))}
 .site-actions a{width:100%;min-width:0;min-height:44px;padding:4px 6px;line-height:1.25}
 .site-actions .action-chat{font-size:12px;text-align:center;word-break:keep-all}
 .site-actions .action-chat>span{max-width:5em}
 .site-actions .action-chat svg,.site-actions .action-chat small{display:none}
 header nav>a[href="about"]{flex-direction:column;gap:4px;padding:10px 14px;text-align:center;background:linear-gradient(180deg,#f3f0e9,#eae6dc);border:1px solid #cec8bb;border-radius:4px;box-shadow:inset 0 1px 0 #ffffffa6,0 3px 8px #353b3410}
 header nav>a[href="about"] .store-nav{font-size:12px!important;line-height:1.4}
 header.mobile-navigation nav>a[href="about"] .nav-ko{margin-top:0;font-size:11px!important;line-height:1.4}
 header nav>a[href="about"].active{border-color:#a5ac9d}
}

/* Fade only the content, without moving or resizing photographs. */
@keyframes heo-page-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
 html[data-heo-motion] main#main{animation:heo-page-enter 1.2s ease-in-out}
 html[data-heo-motion="welcome"] main#main{animation-duration:1.7s}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}