@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600&family=DM+Sans:wght@400;500&display=swap');
:root{--ink:#272722;--paper:#f2f0e9;--sand:#ded8cb;--line:#c9c3b7;--dark:#292a25;--muted:#66635b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans','Noto Sans TC',sans-serif}img{display:block;width:100%}a{color:inherit}.nav{height:72px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;width:100%;color:#fff;border-bottom:1px solid #ffffff60}.brand{font:400 25px 'Noto Serif TC';text-decoration:none;letter-spacing:.15em}.brand span{font:10px 'DM Sans';letter-spacing:.28em;margin-left:8px}.nav nav{display:flex;gap:32px}.nav nav a,.nav-cta{font-size:14px;text-decoration:none;letter-spacing:.08em}.nav-cta{border:1px solid #fff;padding:10px 18px;border-radius:30px}.hero{height:100svh;min-height:720px;position:relative;overflow:hidden;background:#827a6e}.hero>img{height:100%;object-fit:cover;object-position:center 67%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#25201899 0%,#2d271d33 45%,transparent 70%),linear-gradient(0deg,#24211b66,transparent 38%)}.hero-copy{position:absolute;z-index:2;color:#fff;left:8vw;bottom:12vh}.eyebrow{font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;margin:0 0 22px}.eyebrow.dark{color:#706b61}.hero h1{font:600 clamp(2.7rem,6vw,5.4rem)/1.2 'Noto Serif TC';letter-spacing:.05em;margin:0 0 24px}.hero-copy>p:not(.eyebrow){font:400 1.1rem/1.9 'Noto Serif TC';letter-spacing:.06em}.hero-copy a{display:inline-block;margin-top:22px;text-decoration:none;font-size:.9rem;border-bottom:1px solid;padding-bottom:8px}.hero-copy a span{margin-left:28px}.intro{padding:140px 10vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.intro h2,.feature h2,.storage-note h2,.guide h2,.product h2,.faq h2{font:400 clamp(2.1rem,4vw,3.6rem)/1.45 'Noto Serif TC';letter-spacing:.03em;margin:0}.prose{font:1rem/2.15 'Noto Serif TC';color:#4f4e46}.prose p{margin:0 0 24px}.portrait-photo{margin:0 auto;width:min(72vw,980px)}.portrait-photo img{max-height:1050px;object-fit:cover}.portrait-photo figcaption,.wide-photo figcaption{font:0.85rem/1.7 'Noto Serif TC';color:#77736a;margin-top:14px}.feature{margin-top:150px;background:var(--sand);display:grid;grid-template-columns:46% 54%;align-items:stretch}.feature-copy{padding:9vw 7vw}.feature-copy .lead{font:1.35rem/1.8 'Noto Serif TC';margin:38px 0}.feature-copy>p:not(.eyebrow):not(.lead){font:1rem/2 'Noto Serif TC';color:#555248}.feature>img{height:100%;object-fit:cover}.feature ul{list-style:none;padding:28px 0 0;margin:38px 0 0;border-top:1px solid #aaa395}.feature li{display:flex;padding:17px 0;border-bottom:1px solid #bbb4a7}.feature li b{width:40%;font:500 .95rem 'Noto Serif TC'}.feature li span{font-size:.9rem;color:#69665d}.storage-note{background:var(--dark);color:#eee;padding:130px 8vw}.storage-note>h2{max-width:850px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:80px}.note-grid>div{border-top:1px solid #66675f;padding-top:22px}.note-grid span{font-size:.8rem;color:#aaa99f}.note-grid h3{font:400 1.35rem 'Noto Serif TC';margin:22px 0 14px}.note-grid p{font:1rem/1.9 'Noto Serif TC';color:#bdbbb3;margin:0}.wide-photo{margin:140px 4vw}.wide-photo img{height:auto;max-height:1000px;object-fit:contain}.guide{margin:0 5vw 140px;display:grid;grid-template-columns:54% 46%;align-items:center;background:#e6e2d8}.guide-image img{height:auto;object-fit:contain}.guide-copy{padding:7vw 5vw;font:1rem/2.1 'Noto Serif TC';color:#504e46}.guide-copy h2{color:var(--ink)}.checklist{border-top:1px solid #aaa293;margin:38px 0 0}.checklist div{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #aaa293;padding:17px 0;font-size:.9rem}.checklist span{color:#6d685f}.checklist b{font-weight:500;text-align:right}.quote{text-align:center;padding:40px 10vw 150px}.quote p{font:400 clamp(2rem,3.4vw,3.2rem)/1.7 'Noto Serif TC';max-width:1000px;margin:auto}.quote span{display:block;font-size:.85rem;color:#747067;margin-top:28px}.product{display:grid;grid-template-columns:54% 46%;background:#d6d0c4}.product-image img{height:100%;object-fit:cover}.product-info{padding:8vw 7vw}.product-info h2{font-size:clamp(3rem,5vw,4.4rem)}.summary{font:1.05rem/2 'Noto Serif TC';color:#514d45}.specs{border-top:1px solid #aaa293;margin:42px 0 34px}.specs div{display:flex;justify-content:space-between;gap:22px;border-bottom:1px solid #aaa293;padding:18px 0;font-size:.9rem}.specs span{color:#6d685f}.specs b{font-weight:500;text-align:right}.primary,.secondary{display:block;text-align:center;width:100%;padding:18px;text-decoration:none;font-size:.9rem;letter-spacing:.1em}.primary{background:#282923;color:#fff}.primary span{float:right}.secondary{border:1px solid #999184;margin-top:10px}.fine{text-align:center;font-size:.8rem;color:#6f6a61}.faq{max-width:920px;padding:140px 30px;margin:auto}.faq h2{margin-bottom:50px}.faq details{border-top:1px solid var(--line);padding:25px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font:1.15rem 'Noto Serif TC'}.faq details p{font:1rem/1.95 'Noto Serif TC';color:#69665d}footer{background:#262720;color:#eee;padding:70px 5vw;display:flex;align-items:end;justify-content:space-between}footer p{font:1rem 'Noto Serif TC';color:#aaa99f}footer a{font-size:.85rem}
@media(max-width:800px){.nav{height:60px}.nav nav{display:none}.hero-copy{left:7vw;bottom:9vh}.hero>img{object-position:58% 68%}.intro,.feature,.guide,.product{grid-template-columns:1fr}.intro{padding:90px 7vw;gap:48px}.portrait-photo{width:100%;margin:0}.portrait-photo figcaption,.wide-photo figcaption{padding:0 6vw}.feature{margin-top:90px}.feature-copy{padding:80px 8vw}.feature>img{height:auto}.storage-note{padding:90px 8vw}.note-grid{grid-template-columns:1fr;gap:45px;margin-top:60px}.wide-photo{margin:90px 0}.guide{margin:0 0 90px}.guide-copy{padding:75px 8vw}.product-image img{height:auto}.product-info{padding:75px 8vw}.faq{padding:100px 7vw}footer{align-items:flex-start;gap:25px;flex-direction:column}}
.feature>img.mechanism-photo{object-fit:contain;background:#d3ccbf}
.related-products{padding:130px 8vw;background:#ece8df}.related-heading{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end;margin-bottom:60px}.related-heading .eyebrow{grid-column:1/-1;margin-bottom:0}.related-heading h2{font:400 clamp(2.1rem,4vw,3.6rem)/1.4 'Noto Serif TC';margin:0}.related-heading>p:last-child{font:1rem/2 'Noto Serif TC';color:#5c5951;margin:0}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.related-card{display:grid;grid-template-columns:48% 52%;background:#f5f3ed;text-decoration:none;min-height:340px;transition:transform .25s ease,box-shadow .25s ease}.related-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #4f493817}.related-image{display:grid;place-items:center;padding:28px;background:#ded8cd;overflow:hidden}.related-image img{height:100%;max-height:285px;object-fit:contain}.related-card>div:last-child{padding:42px 34px;display:flex;flex-direction:column;justify-content:center}.related-card p{font-size:.75rem;letter-spacing:.16em;color:#7b756b}.related-card h3{font:400 1.55rem/1.5 'Noto Serif TC';margin:8px 0 30px}.related-card span{font-size:.9rem;border-bottom:1px solid;width:max-content;padding-bottom:5px}
@media(max-width:800px){.related-products{padding:85px 7vw}.related-heading,.related-grid{grid-template-columns:1fr}.related-heading{gap:25px}.related-card{grid-template-columns:42% 58%;min-height:250px}.related-image{padding:18px}.related-card>div:last-child{padding:30px 22px}.related-card h3{font-size:1.25rem}}
.related-image img.cream-nightstand{object-fit:cover;object-position:center 76%;transform:scale(2.25);transform-origin:center 76%}