@font-face{font-family:"Cobble Serif";src:url("fonts/cobble-serif.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Cobble Grotesk";src:url("fonts/cobble-grotesk.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
:root{--ink:#0c0a08;--cream:#f2e9dc;--copper:#b06f37;--hair:rgba(242,233,220,.28);--gutter:clamp(1.25rem,4vw,4rem)}
*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--ink);color:var(--cream)}body{margin:0;background:var(--ink);color:var(--cream);font-family:"Cobble Grotesk",Arial,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.11;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.chrome{position:fixed;z-index:40;top:0;left:0;right:0;padding:1.4rem var(--gutter);display:flex;justify-content:space-between;align-items:flex-start;text-transform:uppercase;letter-spacing:.18em;font-size:.68rem}.wordmark{color:var(--cream);text-decoration:none;padding-bottom:.7rem;border-bottom:1px solid var(--hair)}.edition{margin:0}.section-marker{position:fixed;z-index:40;left:var(--gutter);bottom:1.5rem;text-transform:uppercase;letter-spacing:.18em;font-size:.64rem}.progress{position:fixed;z-index:60;bottom:0;left:0;right:0;height:2px;background:rgba(255,255,255,.06)}.progress span{display:block;width:100%;height:100%;background:var(--copper);transform:scaleX(0);transform-origin:left center}
.scrub{height:500vh}.scrub-pin{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--ink)}.hero-media,.hero-shade{position:absolute;inset:0}.sequence-media{overflow:hidden;background:var(--ink)}.sequence-poster,.sequence-poster img,.sequence-media canvas{position:absolute;inset:0;width:100%;height:100%}.sequence-poster{display:block}.sequence-poster img{object-fit:cover}.sequence-media canvas{object-fit:cover;opacity:0;transition:opacity .5s}.frames-ready .hero-media canvas,.pull-ready .pull-media canvas{opacity:1}.hero-shade{background:linear-gradient(180deg,rgba(12,10,8,.28),rgba(12,10,8,.1) 42%,rgba(12,10,8,.65));pointer-events:none}.hero-copy{position:absolute;left:50%;top:44%;width:min(94vw,1100px);transform:translate(-50%,-50%);text-align:center}.hero-copy h1{margin:0;font:600 clamp(3rem,8.2vw,8rem)/.88 "Cobble Serif",Georgia,serif;text-transform:uppercase;letter-spacing:.14em}.hero-copy h1 span{display:inline-block;opacity:0;transform:translateY(.35em)}.tagline{margin:1.5rem 0 0;font:600 clamp(1.25rem,2.5vw,2rem)/1.2 "Cobble Serif",Georgia,serif;opacity:0}.temperature{position:absolute;right:var(--gutter);bottom:5rem;text-align:right}.temperature strong{display:block;font:600 clamp(4.5rem,11vw,10rem)/.75 "Cobble Serif",Georgia,serif}.temperature span,.load-state,.eyebrow{font-size:.63rem;text-transform:uppercase;letter-spacing:.22em}.load-state{position:absolute;left:50%;bottom:1.5rem;transform:translateX(-50%);margin:0;color:rgba(242,233,220,.7)}.frames-ready .load-state,.pull-ready .pull-load{opacity:0}
.pull-scrub{height:400vh}.pull-pin{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--ink)}.pull-media,.pull-pin>.plate-shade{position:absolute;inset:0}.pull-scrub .section-copy{position:absolute;left:0;bottom:0;width:100%}
.plate{position:relative;min-height:110vh;overflow:hidden;display:grid;align-items:end}.plate-poster,.plate-video{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover}.plate-video{opacity:0;transition:opacity .8s}.video-ready .plate-video{opacity:1}.plate-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,10,8,.75),rgba(12,10,8,.1) 70%),linear-gradient(0deg,rgba(12,10,8,.4),transparent)}.section-copy{position:relative;z-index:2;padding:0 var(--gutter) 14vh}.eyebrow{margin:0 0 1.5rem;color:rgba(242,233,220,.7)}h2{margin:0;font:600 clamp(3.2rem,7vw,7rem)/.9 "Cobble Serif",Georgia,serif;letter-spacing:-.02em}.shelf{min-height:120vh;padding:18vh var(--gutter) 14vh;background:var(--cream);color:var(--ink)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12vh}.section-heading .eyebrow{color:rgba(12,10,8,.65)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,3rem)}figure{margin:0;border-top:1px solid rgba(12,10,8,.32);padding-top:1rem}figure img{display:block;width:100%;height:auto;aspect-ratio:1.08/1;object-fit:cover}figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.95rem 0;border-bottom:1px solid rgba(12,10,8,.32);text-transform:uppercase;letter-spacing:.14em;font-size:.62rem}
.counter{min-height:135vh;align-items:center}.counter-media{position:absolute;inset:-4%;transform:scale(1);will-change:transform}.counter-media .plate-poster,.counter-media .plate-video{inset:0;width:100%;height:100%}.counter-shade{background:rgba(12,10,8,.72)}.counter-grid{position:relative;z-index:3;width:100%;display:grid;grid-template-columns:1fr minmax(320px,480px);gap:10vw;align-items:start;padding:18vh var(--gutter) 14vh}.counter-copy dl{margin:4rem 0 0;border-top:1px solid var(--hair)}.counter-copy dl div{display:flex;justify-content:space-between;gap:2rem;padding:1rem 0;border-bottom:1px solid var(--hair)}dt{font-size:.62rem;text-transform:uppercase;letter-spacing:.2em;color:rgba(242,233,220,.62)}dd{margin:0;font-family:"Cobble Serif",Georgia,serif;font-size:1.15rem}form{border-top:1px solid var(--hair)}.field{display:grid;grid-template-columns:7rem 1fr;align-items:start;border-bottom:1px solid var(--hair);padding:1rem 0}.field label{text-transform:uppercase;letter-spacing:.18em;font-size:.62rem;padding-top:.55rem}.field input,.field select,.field textarea{appearance:none;border:0;border-radius:0;background:transparent;color:var(--cream);outline:none;padding:.35rem 0;min-width:0}.field select option{background:var(--ink)}.field textarea{resize:vertical}.field:focus-within{border-color:var(--copper)}form button{width:100%;margin-top:1.2rem;padding:1.05rem;border:1px solid var(--copper);background:var(--copper);color:var(--ink);text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;cursor:pointer}.form-error{min-height:1.2em;margin:1rem 0 0;color:#e0a273;font-size:.75rem}.form-success{display:none;margin:1.2rem 0 0;font:600 1.45rem "Cobble Serif",Georgia,serif}.is-success .field,.is-success button,.is-success .form-error{display:none}.is-success .form-success{display:block}
@media(max-width:760px){.chrome{padding-top:1.1rem}.edition{max-width:9rem;text-align:right;line-height:1.5}.section-marker{bottom:1.25rem}.scrub{height:300vh}.scrub-pin{position:sticky}.pull-scrub{height:300vh}.hero-copy{top:45%;width:90vw}.hero-copy h1{font-size:clamp(2.8rem,14vw,4.3rem);line-height:.93;letter-spacing:.08em}.hero-copy h1 span{opacity:1!important;transform:none!important}.tagline{opacity:1!important}.temperature{right:var(--gutter);bottom:5.5rem}.temperature strong{font-size:4.2rem}.plate{min-height:100svh}.plate-video{display:none}.plate-poster{inset:0;width:100%;height:100%}.section-copy{padding-bottom:16vh}h2{font-size:clamp(3rem,15vw,4.8rem)}.shelf{padding-top:16vh}.section-heading{display:block;margin-bottom:8vh}.section-heading h2{margin-top:1rem}.products{grid-template-columns:1fr;gap:3rem}.counter{min-height:auto}.counter-media{inset:0}.counter-grid{grid-template-columns:1fr;gap:4rem;padding-top:14vh;padding-bottom:16vh}.counter-copy dl{margin-top:3rem}.field{grid-template-columns:6rem 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.plate-video{display:none!important}.counter-media{transform:none!important}}