:root{--ink:#211c19;--cream:#efece5;--bone:#f8f5ef;--gold:#ad8d68;--line:#b7aea2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:ui-serif,Georgia,"Hiragino Mincho ProN","Yu Mincho",serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.demo{padding:7px 16px;text-align:center;background:#2c251f;color:#f5ead9;font:12px/1.5 system-ui,sans-serif}.demo a{text-decoration:underline;text-underline-offset:3px}.site-header{max-width:1480px;margin:auto;padding:30px clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{font:700 23px Georgia,serif;letter-spacing:.21em}.site-nav{display:flex;gap:clamp(14px,3vw,45px);align-items:center;font:12px system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.site-nav a{position:relative;padding-bottom:7px}.site-nav a:after{content:"";height:1px;background:var(--ink);position:absolute;left:0;right:100%;bottom:0;transition:right .3s}.site-nav a:hover:after,.site-nav a.active:after{right:0}.site-nav a.active{color:#8b5b3c}.wrap{max-width:1380px;margin:auto;padding:0 clamp(24px,6vw,92px)}.tag{font:11px system-ui,sans-serif;letter-spacing:.23em;text-transform:uppercase;color:#8a6a52}.hero{min-height:720px;display:grid;grid-template-columns:43% 57%;align-items:center;padding-bottom:80px}.hero-copy{padding-right:6%;position:relative;z-index:2}.hero h1,.page-title{font-size:clamp(62px,8.5vw,134px);font-weight:400;line-height:1.04;letter-spacing:-.075em;margin:36px 0}.hero h1 em,.page-title em{font-style:italic;color:#a1704e}.hero p{font-size:17px;line-height:2;max-width:430px}.under{display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:7px;margin-top:32px;font:13px system-ui,sans-serif;letter-spacing:.06em}.under:hover{color:#9a6743;border-color:#9a6743}.hero-image{height:610px;position:relative;overflow:hidden;background:#877363}.hero-image img{width:100%;height:100%;object-fit:cover;animation:arrive 1.3s ease both}.hero-image:after{content:"";position:absolute;inset:0;border:17px solid rgba(239,236,229,.08);pointer-events:none}.vertical{position:absolute;top:70px;right:22px;writing-mode:vertical-rl;color:#fff;font:11px system-ui,sans-serif;letter-spacing:.24em;z-index:2}.index-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:22px clamp(24px,6vw,92px);max-width:1380px;margin:auto;font:12px system-ui,sans-serif;letter-spacing:.12em}.index-strip span:last-child{color:#9c8978}.section{padding:clamp(95px,12vw,160px) 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.section h2{font-size:clamp(41px,5.7vw,78px);font-weight:400;letter-spacing:-.06em;line-height:1.35;margin:25px 0}.bodycopy{font-size:17px;line-height:2.15;color:#5f534b}.split img{width:100%;height:min(48vw,590px);min-height:360px;object-fit:cover}.dark{background:#2d2621;color:#f0e9de}.dark .bodycopy{color:#cbbfb3}.dark .tag{color:#c9a27d}.dark .under{border-color:#f0e9de}.dark .under:hover{color:#e6b47e}.quote{padding:clamp(90px,12vw,160px) 0;text-align:center}.quote p{font-size:clamp(30px,4.5vw,60px);line-height:1.6;letter-spacing:-.05em;margin:25px auto;max-width:940px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}.card{border-top:1px solid #b2a59a;padding-top:22px}.card .number{font:11px system-ui,sans-serif;letter-spacing:.2em;color:#a27756}.card h3{font-size:25px;font-weight:400;letter-spacing:-.04em;margin:28px 0 12px}.card p{color:#6e6057;line-height:1.95;font-size:15px}.page-lead{padding:85px 0 45px}.page-title{font-size:clamp(60px,8vw,120px);margin:22px 0}.page-lead .bodycopy{max-width:720px}.feature-photo{height:clamp(370px,60vw,690px);width:100%;object-fit:cover;object-position:center 45%}.story-row{display:grid;grid-template-columns:35% 1fr;gap:13%;padding:75px 0;border-bottom:1px solid var(--line)}.story-row h3{font-size:clamp(26px,3vw,42px);font-weight:400;line-height:1.5;margin:0}.products{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:60px}.product{background:#e7e0d5;min-width:0}.product:nth-child(2){background:#d8c6b5}.product img{width:100%;height:410px;object-fit:cover}.product-detail{padding:30px}.product h2{font-size:32px;margin:10px 0;font-weight:400}.product p{font-size:15px;color:#66564b;line-height:1.9}.full-banner{margin-top:80px;height:470px;overflow:hidden;position:relative}.full-banner img{width:100%;height:100%;object-fit:cover}.full-banner .overlay{position:absolute;inset:0;background:linear-gradient(90deg,#211c19b8,transparent 90%);display:flex;align-items:center;padding:5vw;color:#fff}.full-banner h2{font-size:clamp(35px,5vw,70px);font-weight:400;line-height:1.3}.contact-panel{background:#312923;color:#f5ebda;padding:clamp(50px,8vw,110px);margin:70px 0}.contact-panel h2{color:#fff}.contact-panel p{color:#d1c3b4;max-width:710px;font-size:16px;line-height:2}.contact-panel .under{border-color:#e8d7c0}.samplebox{background:#e2d8cc;padding:35px;margin-top:35px;font:15px/2 system-ui,sans-serif}.samplebox b{display:block;margin-bottom:8px}.samplebox ul{padding-left:22px;margin:0}.samplebox p{font-size:13px;margin:12px 0 0;color:#6d6057}.next{padding:70px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.next strong{font-size:clamp(28px,4vw,50px);font-weight:400}.footer{background:#211c19;color:#eee5d9;padding:55px 0 28px}.footer .footer-top{display:flex;justify-content:space-between;gap:20px}.footer .wordmark{font-size:26px}.footer p{font:12px/2 system-ui,sans-serif;color:#b9aea3}.footer-bottom{border-top:1px solid #716359;margin-top:60px;padding-top:22px;font:11px system-ui,sans-serif;color:#b9aea3;display:flex;justify-content:space-between;gap:20px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.on{opacity:1;transform:none}@keyframes arrive{from{transform:scale(1.08);opacity:.6}to{transform:scale(1);opacity:1}}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:45px;min-height:0;padding-top:40px}.hero-copy{padding-right:0}.hero-image{height:480px}.split{gap:5%}.products{gap:18px}.product img{height:320px}}@media(max-width:620px){.site-header{display:block;padding-top:24px;padding-bottom:18px}.site-nav{margin-top:24px;overflow-x:auto;gap:23px;padding-bottom:8px}.wordmark{font-size:20px}.hero{padding-top:50px}.hero h1,.page-title{font-size:clamp(63px,13vw,84px)}.hero-image{height:470px}.split,.story-row,.products,.cards{grid-template-columns:1fr}.split img{height:430px}.index-strip span:last-child{display:none}.story-row{gap:10px;padding:38px 0}.product img{height:340px}.full-banner{height:370px}.next,.footer .footer-top,.footer-bottom{display:block}.next a{display:inline-block;margin-top:22px}.footer-bottom span{display:block;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

@view-transition{navigation:auto}::view-transition-old(root){animation:atelier-out .35s ease-in both}::view-transition-new(root){animation:atelier-in .6s cubic-bezier(.2,.8,.3,1) both}@keyframes atelier-out{to{opacity:0;filter:blur(5px)}}@keyframes atelier-in{from{opacity:0;filter:blur(8px);transform:translateY(16px)}to{opacity:1;filter:blur(0);transform:none}}.reading-progress{position:fixed;top:0;left:0;width:0;height:3px;background:#a1704e;z-index:150;pointer-events:none}.chapter-nav{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-top:70px;padding-bottom:95px;border-top:1px solid #c0b9ae}.chapter-nav>div>span,.chapter-nav a small{font:12px/1.5 system-ui,sans-serif;letter-spacing:.16em;color:#966c52}.chapter-nav p{font-size:18px}.chapter-nav a{display:flex;flex-direction:column;gap:15px;min-width:min(370px,100%);padding:26px 0;border-bottom:1px solid #a1704e;transition:padding .3s,color .3s}.chapter-nav a strong{font-size:clamp(25px,3vw,42px);font-weight:400}.chapter-nav a:hover,.chapter-nav a:focus-visible{padding-left:12px;color:#a1704e}.hero-image img,.split img,.product img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.hero-image:hover img,.split img:hover,.product:hover img{transform:scale(1.035)}@media(max-width:650px){.chapter-nav{display:block;padding-top:45px;padding-bottom:75px}.chapter-nav a{margin-top:20px}.chapter-nav a strong{font-size:30px}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.hero-image img,.split img,.product img,.chapter-nav a{transition:none!important}}
