:root{--ink:#17201d;--cream:#f3efe6;--paper:#fbfaf6;--rust:#a95432;--line:#d8d3c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.announcement{padding:10px 5vw;background:var(--ink);color:#fff;text-align:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.announcement span{margin:0 12px;color:#d9b89e}header{height:92px;padding:0 6vw;display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(251,250,246,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand img{width:118px;height:72px;object-fit:contain}.brand{margin-right:auto}nav{display:flex;gap:34px}nav a,.header-cta,.product a,.section-title a,footer a{color:inherit;text-decoration:none}.header-cta{margin-left:38px;padding-bottom:5px;border-bottom:1px solid;font-weight:600}.menu{display:none;background:none;border:0}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1fr;padding:80px 6vw;gap:7vw;align-items:center}.kicker{font-size:11px;font-weight:700;letter-spacing:.18em;margin:0 0 22px}.hero h1,.story h2,.service h2{font:500 clamp(50px,6.8vw,100px)/.92 "Newsreader",serif;letter-spacing:-.045em;margin:0}.hero h1 em,.story h2 em,.service h2 em{font-weight:500;color:var(--rust)}.hero-text>p:not(.kicker){font-size:18px;line-height:1.7;max-width:620px;margin:32px 0}.actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;padding:15px 22px;text-decoration:none;font-weight:600}.button.dark{background:var(--ink);color:#fff}.button.link{padding-left:0;color:var(--ink)}.hero-visual{height:530px;background:#d9cfc1;position:relative;overflow:hidden}.cloth{position:absolute;border-radius:50%;box-shadow:0 30px 70px #17201d33}.cloth-a{width:520px;height:180px;background:repeating-linear-gradient(12deg,#1b2624 0 3px,#35413d 3px 7px);transform:rotate(-25deg);left:-60px;top:80px}.cloth-b{width:490px;height:180px;background:repeating-linear-gradient(-8deg,#b0b6ad 0 2px,#d5d4ce 2px 6px);transform:rotate(18deg);right:-100px;top:230px}.cloth-c{width:390px;height:120px;background:repeating-linear-gradient(4deg,#a45737 0 4px,#c77e59 4px 8px);transform:rotate(-8deg);left:80px;bottom:-30px}.hero-visual>span{position:absolute;right:26px;top:24px;color:#fff;font:500 30px/1.05 "Newsreader",serif;text-align:right}.story{padding:110px 6vw;background:var(--cream)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.story h2,.service h2{font-size:clamp(44px,5vw,72px)}.story-grid>p{font-size:19px;line-height:1.8;max-width:620px}.products{padding:110px 6vw}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px}.section-title h2,.faq h2{font:500 clamp(42px,5vw,70px)/1 "Newsreader",serif;margin:0}.section-title>a{border-bottom:1px solid;padding-bottom:4px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.swatch{height:330px;position:relative;overflow:hidden}.swatch:before{content:"";position:absolute;inset:20% -20%;border-radius:50%;transform:rotate(-14deg);box-shadow:0 20px 40px #0004}.swatch span{position:absolute;z-index:2;top:16px;left:16px;background:#fff;padding:7px 9px;font-size:11px}.swatch-black{background:#232a29}.swatch-black:before{background:repeating-linear-gradient(10deg,#111 0 3px,#444 3px 6px)}.swatch-gray{background:#b7b8b3}.swatch-gray:before{background:repeating-linear-gradient(-6deg,#777 0 2px,#aaa 2px 5px)}.swatch-mesh{background:#7b8582}.swatch-mesh:before{background:radial-gradient(circle,#d4d8d4 1px,#58615e 2px);background-size:8px 8px}.swatch-caramel{background:#b16d49}.swatch-caramel:before{background:linear-gradient(110deg,#6d3d28,#bd7954 45%,#7a4029)}.product>p{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:20px 0 8px}.product h3{font:500 25px/1.15 "Newsreader",serif;margin:0 0 8px}.product small{display:block;color:#67706d;line-height:1.5}.product a{display:inline-block;margin-top:18px;border-bottom:1px solid;font-weight:600}.service{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.service-photo{background:linear-gradient(135deg,#24302cbb,#24302c33),repeating-linear-gradient(45deg,#98a49f 0 8px,#7e8b86 8px 16px);position:relative}.service-photo span{position:absolute;bottom:36px;left:36px;color:#fff;font-weight:700;letter-spacing:.12em}.service-copy{padding:90px 7vw;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:center}.service-copy h2 em{color:#d9b89e}.service-copy>p:not(.kicker){line-height:1.8;color:#d9dfdc;font-size:18px}.button.light{background:#fff;color:var(--ink);align-self:flex-start;margin-top:18px}.faq{padding:110px 6vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:24px 0}summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";font-size:22px}details[open] summary:after{content:"−"}details p{color:#66706d;line-height:1.7;max-width:680px}footer{padding:45px 6vw;background:var(--cream);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:35px;border-top:1px solid var(--line)}footer p,footer small{color:#68706d}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){header{height:76px}.brand img{width:92px;height:58px}header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:25px 6vw;background:var(--paper);flex-direction:column;border-bottom:1px solid var(--line)}header nav.open{display:flex}.header-cta{display:none}.menu{display:block}.menu span{display:block;width:25px;height:2px;background:var(--ink);margin:6px}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{height:420px}.story-grid,.service,.faq{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}.section-title{align-items:start;gap:25px;flex-direction:column}.service-photo{min-height:420px}footer{grid-template-columns:1fr;gap:10px}}@media(max-width:560px){.announcement{font-size:9px}.hero{padding:45px 5vw}.hero h1{font-size:54px}.hero-visual{height:350px}.cloth-a{left:-190px}.cloth-b{right:-200px}.story,.products,.faq{padding:75px 5vw}.product-grid{grid-template-columns:1fr}.swatch{height:390px}.story-grid>p{font-size:17px}.service-copy{padding:70px 6vw}}