@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600&family=DM+Sans:wght@400;500&display=swap');
:root{--ink:#25251f;--paper:#f2f0e9;--cream:#e4dfd2;--line:#c8c3b7;--accent:#817965}*{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-family:'Noto Serif TC',serif;font-size:25px;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:13px;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;background:#696258;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#241e1680 0%,transparent 58%),linear-gradient(0deg,#211e1866,transparent 35%)}.hero>img{height:100%;object-fit:cover;object-position:center 53%}.hero-copy{position:absolute;z-index:2;color:#fff;left:8vw;bottom:13vh}.eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;margin:0 0 22px}.hero h1{font:600 clamp(42px,6vw,84px)/1.15 'Noto Serif TC';letter-spacing:.06em;margin:0 0 24px}.hero-copy>p:not(.eyebrow){font:400 17px/1.9 'Noto Serif TC';letter-spacing:.08em}.hero-copy a{display:inline-block;margin-top:25px;text-decoration:none;font-size:13px;border-bottom:1px solid;padding-bottom:8px}.hero-copy a span{margin-left:30px}.intro,.backrest{padding:140px 10vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.intro h2,.backrest h2,.comfort h2,.split h2,.product h2,.faq h2{font:400 clamp(32px,4vw,56px)/1.45 'Noto Serif TC';letter-spacing:.03em;margin:0}.prose,.split-copy{font:15px/2.15 'Noto Serif TC';color:#4f4e46}.prose p{margin:0 0 24px}.wide-photo,.headrest-photo{margin:0 4vw}.wide-photo img,.headrest-photo img{height:auto;max-height:none;object-fit:contain}.wide-photo figcaption,.headrest-photo figcaption{font:12px/1.6 'Noto Serif TC';color:#77736a;margin-top:12px}.headrest-photo{margin-top:100px}.comfort{margin-top:150px;background:#ded9cd;display:grid;grid-template-columns:56% 44%}.comfort-photo{position:relative}.comfort-photo img{height:100%;object-fit:cover}.tag{position:absolute;bottom:24px;left:24px;background:#f6f4ed;padding:9px 12px;font-size:9px;letter-spacing:.2em}.comfort-copy{padding:10vw 8vw}.comfort-copy .lead{font:21px/1.8 'Noto Serif TC';margin:38px 0}.comfort-copy>p:not(.eyebrow):not(.lead){font:14px/2 'Noto Serif TC';color:#555248}.comfort ul{list-style:none;padding:30px 0 0;margin:40px 0 0;border-top:1px solid #aaa395}.comfort li{display:flex;padding:16px 0;border-bottom:1px solid #bcb5a7}.comfort li b{width:35%;font:500 14px 'Noto Serif TC'}.comfort li span{font-size:12px;color:#69665d}.backrest{background:#292a25;color:#eee}.backrest .prose{color:#bbb9b0}.split{margin:150px 5vw;display:grid;grid-template-columns:38% 62%;align-items:center;background:#e5e1d7}.split-copy{padding:8vw 5vw}.split img{height:auto;max-height:none;object-fit:contain;width:100%}.split .note{font-size:12px;border-left:2px solid var(--accent);padding-left:20px;margin-top:36px}.quote{text-align:center;padding:90px 10vw 150px}.quote p{font:400 clamp(28px,3.4vw,48px)/1.7 'Noto Serif TC';max-width:1000px;margin:auto}.quote span{display:block;font-size:12px;color:#747067;margin-top:28px}.product{display:grid;grid-template-columns:52% 48%;background:#d7d1c4}.product-image img{height:100%;object-fit:cover}.product-info{padding:9vw 8vw}.product-info h2{font-size:64px}.summary{font:16px/2 'Noto Serif TC';color:#514d45}.features{border-top:1px solid #aaa293;margin:45px 0 36px}.features div{display:flex;justify-content:space-between;border-bottom:1px solid #aaa293;padding:18px 0;font-size:13px}.features span{color:#6d685f}.features b{font-weight:500}.primary,.secondary{display:block;text-align:center;width:100%;padding:18px;border:0;text-decoration:none;font-size:13px;letter-spacing:.1em;cursor:pointer}.primary{background:#282923;color:#fff}.primary span{float:right}.secondary{background:transparent;border:1px solid #999184;margin-top:10px}.fine{text-align:center;font-size:11px;color:#777167}.faq{max-width:920px;padding:140px 30px;margin:auto}.faq h2{margin-bottom:50px}.faq details{border-top:1px solid var(--line);padding:24px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font:17px 'Noto Serif TC'}.faq details p{font:14px/1.9 '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:13px 'Noto Serif TC';color:#aaa99f}footer a{font-size:12px}@media(max-width:800px){.nav nav{display:none}.nav{height:60px}.hero-copy{left:8vw;bottom:10vh}.intro,.backrest,.comfort,.split,.product{grid-template-columns:1fr}.intro,.backrest{padding:90px 7vw;gap:50px}.wide-photo,.headrest-photo{margin-left:0;margin-right:0}.comfort{margin-top:90px}.comfort-photo img{height:70vh}.comfort-copy{padding:80px 8vw}.split{margin:90px 0}.split-copy{padding:80px 8vw}.split img{min-height:0}.product-image img{height:55vh}.product-info{padding:80px 8vw}.product-info h2{font-size:48px}footer{align-items:flex-start;gap:25px;flex-direction:column}}
/* Reading comfort — keep supporting text comfortably legible on desktop and mobile. */
.prose,.split-copy{font-size:17px;line-height:2.05}
.comfort-copy>p:not(.eyebrow):not(.lead){font-size:16px;line-height:2}
.comfort li b{font-size:15px}
.comfort li span{font-size:14px;line-height:1.65}
.wide-photo figcaption,.headrest-photo figcaption{font-size:14px;line-height:1.8}
.split .note{font-size:14px;line-height:1.9}
.summary{font-size:17px;line-height:2}
.features div{font-size:15px}
.primary,.secondary{font-size:15px}
.fine{font-size:13px;line-height:1.7}
.faq summary{font-size:19px;line-height:1.65}
.faq details p{font-size:16px;line-height:2}
@media(max-width:800px){
  .prose,.split-copy{font-size:16px;line-height:2}
  .comfort-copy>p:not(.eyebrow):not(.lead){font-size:16px}
  .comfort li{gap:14px}.comfort li b{width:32%;flex:none}.comfort li span{font-size:14px}
  .wide-photo figcaption,.headrest-photo figcaption{padding:0 18px;font-size:14px}
  .faq{padding-left:22px;padding-right:22px}.faq summary{font-size:18px}.faq details p{font-size:16px}
}
.full-hero-photo{max-width:1086px;margin:0 auto 140px;padding:0 30px}
.full-hero-photo img{width:100%;height:auto;object-fit:contain}
.full-hero-photo figcaption{font:14px/1.8 'Noto Serif TC';color:#77736a;margin-top:12px}
@media(max-width:800px){.full-hero-photo{margin-bottom:90px;padding:0}.full-hero-photo figcaption{padding:0 18px}}
