@font-face{font-family:Cabinet;src:url(../../assets/font/cabinetgrotesk-800.woff2) format('woff2');font-weight:800;font-display:swap}@font-face{font-family:Cabinet;src:url(../../assets/font/cabinetgrotesk-500.woff2) format('woff2');font-weight:400 500;font-display:swap}@font-face{font-family:Cabinet;src:url(../../assets/font/cabinetgrotesk-700.woff2) format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Instrument;src:url(../../assets/font/instrumentserif-400-italic.woff2) format('woff2');font-style:italic;font-display:swap}
:root{--c1:#E9E2D6;--c2:#20241F;--c3:#A85537;--f-body:Cabinet,Arial,sans-serif;--f-ui:Cabinet,Arial,sans-serif;--pad:22px}
body{background:var(--c1)}h1,h2,h3,p{margin:0}h1,h2{font-family:Cabinet,Arial,sans-serif;font-weight:800;letter-spacing:-.07em;line-height:.95}h1 em,h2 em{font:italic 1em/.85 Instrument,Georgia,serif;letter-spacing:-.05em}
.overline,.eyebrow,.meta{font:700 10px/1.4 Cabinet,sans-serif;letter-spacing:.16em;text-transform:uppercase}.overline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.overline .line{height:1px;width:24px;background:currentColor}.overline .sep{opacity:.4}
.ic{width:14px;height:14px;display:inline-block;vertical-align:middle;flex:none}.ic-lr{width:26px}.ic-plus{width:16px;height:16px}
.hero{position:relative;padding:76px 0 0;overflow:hidden}.grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.14;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='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.24' filter='url(%23n)'/%3E%3C/svg%3E")}
.local-nav{display:flex;justify-content:space-between;align-items:center;padding:0 var(--pad)}.wordmark{text-decoration:none;font:800 26px/1 Cabinet;letter-spacing:-.075em}.wordmark-dot{color:var(--c3)}.nav-link{text-decoration:none;font:700 10px/1 Cabinet;letter-spacing:.14em;border-bottom:1px solid currentColor;padding-bottom:5px}.nav-link .ic{margin-left:8px}
.hero-copy{padding:34px var(--pad) 0;position:relative;z-index:4}.hero-copy h1{font-size:clamp(48px,14vw,64px);margin:20px 0 18px}.hero-copy h1 em{color:var(--c3)}.hero-lede{font:400 15px/1.6 Cabinet;color:#464D43;max-width:320px}.primary-link{margin-top:22px;display:inline-flex;align-items:center;gap:26px;background:var(--c2);color:var(--c1);padding:16px 18px;text-decoration:none;font:700 11px/1 Cabinet;letter-spacing:.12em}
.hero-photo{margin-top:8px}.hero-photo img{width:100%;height:auto}
.scene-caption{display:flex;justify-content:space-between;padding:6px var(--pad) 0;font:700 9px Cabinet;letter-spacing:.14em}.scroll-cue{display:flex;align-items:center;gap:12px;padding:22px var(--pad) 30px;font:700 9px Cabinet;letter-spacing:.14em}.scroll-line{width:40px;height:1px;background:var(--c3)}
.interlude{padding:70px var(--pad) 76px;background:#DAD0C0}.interlude-head{display:flex;justify-content:space-between;align-items:center}.interlude-grid{margin-top:40px;display:grid;gap:26px}.interlude h2{font-size:clamp(44px,12.5vw,58px)}.interlude h2 em{color:var(--c3)}.interlude-grid p:not(.meta){font:400 16px/1.6 Cabinet}.interlude-grid .meta{margin-top:26px;padding-top:14px;border-top:1px solid #9C9B8B}
.atelier{background:var(--c2);color:var(--c1);padding:64px 0 70px}.atelier-heading{padding:0 var(--pad);margin-bottom:28px}.atelier-heading h2{margin:16px 0;font-size:clamp(46px,13vw,60px)}.atelier-heading h2 em{color:#C98B6A}.atelier-heading p:not(.overline){font:400 15px/1.55 Cabinet;color:#D0CCBE}.atelier-index{display:none}
.studio-main{position:relative;height:min(118vw,470px);background:#D9D0C0;transition:background .8s}.studio-main.dusk{background:#3E4954}.studio-canvas{position:absolute;inset:0;touch-action:pan-y}
#gl{position:fixed;inset:0;width:100vw;height:100vh;z-index:5;pointer-events:none}
.studio-annotation{position:absolute;left:0;top:0;z-index:6;display:flex;align-items:center;white-space:nowrap;font:700 9px Cabinet;letter-spacing:.1em;color:#29302A;opacity:0;transition:opacity .5s;pointer-events:none}.studio-annotation i{width:8px;height:8px;border-radius:50%;background:var(--c3);flex:none}.studio-annotation .ln{width:18px;height:1px;background:var(--c3)}.studio-annotation .tx{background:rgba(233,226,214,.94);padding:6px 8px 5px}.studio-annotation b{color:var(--c3);margin-right:5px}.studio-annotation.flip{flex-direction:row-reverse}.studio-canvas.exploded .studio-annotation{opacity:1}
.studio-hint{position:absolute;bottom:14px;left:var(--pad);z-index:6;color:#29302A;font:700 9px Cabinet;letter-spacing:.14em}.studio-hint .ic-lr{margin-left:6px}.studio-main.dusk .studio-hint{color:#E9E2D6}
.controls{padding:26px var(--pad) 0;display:grid;gap:22px}.control-block{padding-bottom:20px;border-bottom:1px solid #5A5D50}.control-block .eyebrow{color:#C98B6A}.control-block h3{font:800 22px/1.2 Cabinet;margin:10px 0 6px}.control-block>p:not(.eyebrow){font:400 13px/1.5 Cabinet;color:#BFBBAF}
.swatches{display:grid;margin-top:14px;gap:4px}.swatch{display:flex;align-items:center;gap:12px;min-height:46px;border:0;border-bottom:1px solid #505146;background:none;text-align:left;color:inherit;font:700 12px Cabinet}.swatch b{margin-left:auto;font-weight:400;opacity:.45}.swatch.selected{color:#EFB093}.swatch-dot{width:19px;height:19px;border-radius:50%;border:1px solid #B9AB91}.brass{background:linear-gradient(135deg,#161918 50%,#B89250 51%)}.steel{background:linear-gradient(135deg,#343D3D 50%,#B5C3BF 51%)}
.segmented{display:flex;margin-top:14px}.segmented button{flex:1;min-height:46px;background:none;border:1px solid #868879;font:700 10px Cabinet;letter-spacing:.1em;color:inherit}.segmented button+button{border-left:0}.segmented button[aria-pressed=true]{background:var(--c1);color:var(--c2)}
.explode{border:1px solid #8D8D81;background:transparent;color:inherit;min-height:50px;padding:0 14px;width:100%;display:flex;align-items:center;gap:12px;margin-top:14px;font:700 11px Cabinet;letter-spacing:.1em}.explode[aria-pressed=true]{background:#B76E51;border-color:#B76E51}.explode>svg:last-child{margin-left:auto}.explode-icon{display:grid;place-items:center;transition:transform .35s}.explode[aria-pressed=true] .explode-icon{transform:rotate(45deg)}.control-note{margin-top:12px}.concept-note{font:700 9px/1.5 Cabinet;letter-spacing:.12em;color:#ACAA9C}
.manifesto{background:#A85537;color:#FBF1E4;padding:66px var(--pad) 34px}.manifesto-grid{margin:36px 0 64px;display:grid;gap:26px}.manifesto h2{font-size:clamp(46px,13vw,60px)}.manifesto h2 em{color:#F1C4A3}.manifesto-grid p{font:400 16px/1.6 Cabinet}.manifesto-rule{height:1px;background:#DBAD98}.manifesto-bottom{padding-top:20px;display:flex;justify-content:space-between;gap:12px;font:700 9px Cabinet;letter-spacing:.12em}.manifesto-bottom a{text-decoration:none}.manifesto-bottom .ic{margin-left:8px}
@media(max-width:370px){:root{--pad:18px}.hero-copy h1{font-size:46px}.manifesto-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* glass body (helper) */
.swatch.lg{border-radius:0px}
.nav-link.lg{padding:8px 14px;margin:-8px -2px}
.swatches.lg-seg{border-radius:0}
.swatch.lg{border-radius:14px;padding:10px 14px;border-bottom:0;--lg-alpha-dark:30%}
.swatches.lg-seg>.swatch.selected{color:#EFB093!important}
.segmented.lg{--lg-alpha-dark:34%;padding:3px}

/* integrator fix: keep 3D annotations inside the studio on narrow phones */
.studio-main{overflow:hidden}@media(max-width:400px){.studio-annotation{white-space:normal}.studio-annotation .tx{max-width:46vw;line-height:1.35}}