:root{--ink:#171713;--cream:#f2efe7;--lime:#c7d56f;--line:rgba(23,23,19,.2);--serif:"Instrument Serif",serif;--sans:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;color:#fff;mix-blend-mode:difference}.brand{font-weight:600;letter-spacing:.24em;font-size:22px;color:inherit;text-decoration:none}.brand span{font-size:9px;vertical-align:top;margin-left:2px}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav a,.text-button{color:inherit;text-decoration:none;background:none;border:0;font:500 12px var(--sans);text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.text-button span{margin-left:7px}.menu-toggle{display:none}.hero{min-height:100svh;position:relative;overflow:hidden;background:#5e5a4c}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,14,10,.6),rgba(12,14,10,.03) 63%),linear-gradient(0deg,rgba(10,10,8,.42),transparent 48%)}.hero-copy{position:relative;min-height:100svh;color:#fff;padding:clamp(120px,15vh,180px) 5vw 44px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.section-index{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:600}.hero h1,.section-pad h2,.contact h2{font:400 clamp(72px,11vw,166px)/.78 var(--serif);letter-spacing:-.045em;margin:0}.hero h1 em,.section-pad h2 em,.contact h2 em{font-weight:400}.hero-footer{display:flex;align-items:end;justify-content:space-between;width:min(610px,90vw)}.hero-footer p{max-width:420px;line-height:1.6;margin:0}.round-link{height:58px;width:58px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:20px;transition:.3s}.round-link:hover{background:#fff;color:#111;transform:translateY(4px)}.image-note{position:absolute;right:24px;bottom:18px;color:rgba(255,255,255,.7);font-size:9px;letter-spacing:.08em}.section-pad{padding:130px 5vw}.intro{border-bottom:1px solid var(--line)}.intro h2{font-size:clamp(64px,9vw,132px);max-width:1050px;margin:60px 0 90px}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12vw;border-top:1px solid var(--line);padding-top:38px}.intro-grid p{line-height:1.8}.intro-grid .lede{font:400 clamp(28px,3.6vw,52px)/1.05 var(--serif);margin:0;max-width:620px}.under-link{display:inline-block;margin-top:30px;padding-bottom:7px;border-bottom:1px solid;color:inherit;text-decoration:none}.under-link span{margin-left:25px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:54px}.section-head h2{font-size:clamp(56px,8vw,112px);margin-top:20px}.filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filter{border:1px solid var(--line);border-radius:99px;padding:11px 18px;background:none;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:56px 22px}.product{transition:.45s}.product.hidden{opacity:0;transform:scale(.96);display:none}.product-image,.tone{height:min(62vw,720px);overflow:hidden;position:relative;background:#d4c2aa}.product:not(.large):not(.wide) .product-image,.tone{height:min(48vw,590px)}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.product:hover img{transform:scale(1.035)}.crop-a img{object-position:64% center}.crop-b img{object-position:92% center;transform:scale(1.18)}.crop-c img{object-position:center 80%;transform:scale(1.12)}.quick-view{position:absolute;right:20px;bottom:20px;border:0;border-radius:99px;background:rgba(244,241,232,.92);padding:12px 16px;opacity:0;transform:translateY(8px);transition:.3s;cursor:pointer}.product:hover .quick-view{opacity:1;transform:none}.product-meta{display:flex;justify-content:space-between;padding-top:14px}.product-meta h3{font:400 26px var(--serif);margin:0}.product-meta span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.tone{background:#afb88b;display:flex;flex-direction:column;justify-content:flex-end}.abstract-object{position:absolute;inset:0;display:grid;place-items:center}.abstract-object span{width:45%;aspect-ratio:1;border-radius:50% 48% 45% 52%;background:#e9dfc6;box-shadow:inset -30px -20px 50px rgba(0,0,0,.15);transform:rotate(-18deg)}.abstract-object i{position:absolute;width:18%;height:48%;border:24px solid #5f4633;border-top:0;border-radius:0 0 100px 100px;transform:rotate(25deg)}.tone .product-meta{position:relative;padding:0 18px 18px}.demo-note,.form-note{font-size:10px;color:#6d6a60;margin-top:24px}.material-lab{background:#202019;color:#eeeade;display:grid;grid-template-columns:.78fr 1.22fr;gap:9vw;align-items:center}.material-copy h2{font-size:clamp(65px,8vw,110px);margin:35px 0}.material-copy>p:not(.section-index){max-width:460px;line-height:1.7;color:#bbb8ae}.swatches{margin-top:45px;display:flex;flex-direction:column}.swatch{display:flex;align-items:center;gap:14px;border:0;border-top:1px solid rgba(255,255,255,.2);padding:16px 0;color:#eeeade;background:none;text-align:left;cursor:pointer}.swatch:last-child{border-bottom:1px solid rgba(255,255,255,.2)}.swatch span{width:18px;height:18px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px rgba(255,255,255,.35)}.swatch.active:after{content:"Selected";margin-left:auto;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.material-stage{min-height:650px;background:#e9e2d3;display:flex;align-items:center;justify-content:center;position:relative;color:#191915;transition:background .4s}.material-stage p{position:absolute;left:24px;bottom:18px;margin:0;font:28px var(--serif)}.material-stage small{display:block;font:10px var(--sans);text-transform:uppercase;letter-spacing:.12em;margin-top:5px}.mini-chair{position:relative;width:280px;height:300px;filter:drop-shadow(30px 32px 24px rgba(40,30,20,.2));transform:rotate(-4deg)}.seat,.back,.leg{position:absolute;background:var(--wood);transition:background .5s}.seat{width:250px;height:70px;bottom:90px;border-radius:48% 52% 38% 43%}.back{width:230px;height:160px;left:9px;bottom:135px;border-radius:56% 44% 18% 20%;transform:rotate(-3deg);background:linear-gradient(145deg,color-mix(in srgb,var(--wood),white 20%),var(--wood))}.leg{width:46px;height:118px;bottom:0;border-radius:0 0 20px 20px}.l1{left:35px;transform:rotate(5deg)}.l2{right:35px;transform:rotate(-5deg)}.manifesto{background:var(--lime);overflow:hidden}.marquee{border-bottom:1px solid rgba(0,0,0,.3);padding:16px 0;white-space:nowrap;font-weight:600;letter-spacing:.18em}.marquee span{display:inline-block;animation:marquee 22s linear infinite}.manifesto-inner{text-align:center;min-height:640px;display:flex;flex-direction:column;align-items:center;justify-content:center}.manifesto blockquote{font:400 clamp(48px,7vw,102px)/.92 var(--serif);max-width:1100px;margin:0 0 48px}.manifesto-inner p{text-transform:uppercase;font-size:11px;letter-spacing:.12em}.contact{text-align:center;min-height:720px;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact h2{font-size:clamp(70px,10vw,140px);margin:42px 0}.pill{border:1px solid var(--ink);border-radius:99px;padding:17px 24px;background:transparent;font:500 12px var(--sans);text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.pill:hover{background:var(--ink);color:#fff}.pill span{margin-left:22px}footer{border-top:1px solid var(--line);padding:32px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end}footer p{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:0}footer p:last-child{text-align:right}dialog{width:min(620px,calc(100vw - 32px));border:0;padding:48px;background:#f0ede4;color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(10,10,8,.65);backdrop-filter:blur(5px)}dialog h2{font:68px var(--serif);margin:24px 0}.close-dialog{position:absolute;right:20px;top:16px;border:0;background:none;font-size:30px;cursor:pointer}form{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:10px;text-transform:uppercase;letter-spacing:.1em}input,select,textarea{width:100%;border:0;border-bottom:1px solid #888;background:transparent;padding:12px 0;font:15px var(--sans);border-radius:0;margin-top:5px}textarea,label:nth-child(4){grid-column:1/-1}form .pill{grid-column:1/-1}.success{text-align:center;padding:50px 20px}.success span{font-size:48px}.success h3{font:44px var(--serif);margin:18px 0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:760px){.site-header{padding:20px}.menu-toggle{display:block;border:0;background:none;width:32px}.menu-toggle span{display:block;height:1px;background:#fff;margin:7px 0}.site-header nav{display:none;position:absolute;top:64px;left:16px;right:16px;background:#f1eee5;color:#171713;padding:24px;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.hero-copy{padding-left:24px;padding-right:24px}.hero h1{font-size:22vw}.image-note{display:none}.section-pad{padding:90px 24px}.intro h2{margin:45px 0 65px}.intro-grid,.material-lab{grid-template-columns:1fr}.intro-grid{gap:40px}.section-head{align-items:flex-start;gap:28px;flex-direction:column}.filters{justify-content:flex-start}.product-grid{grid-template-columns:1fr}.product-image,.product:not(.large):not(.wide) .product-image,.tone{height:115vw;max-height:650px}.quick-view{opacity:1;transform:none}.product-meta{display:block}.product-meta span{display:block;margin-top:5px}.material-lab{gap:0}.material-stage{min-height:500px}.mini-chair{transform:scale(.75) rotate(-4deg)}footer{grid-template-columns:1fr;gap:20px}footer p:last-child{text-align:left}form{grid-template-columns:1fr}label:nth-child(4){grid-column:auto}dialog{padding:36px 24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.marquee span{animation:none}}
