@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}html{scroll-behavior:smooth}body{background:var(--c1);overflow-x:hidden}h1,h2,h3,p{margin:0}h1,h2{font-family:Cabinet,Arial,sans-serif;font-weight:800;letter-spacing:-.075em;line-height:.95}h1 em,h2 em{font:italic .98em/.85 Instrument,Georgia,serif;letter-spacing:-.06em}.overline,.eyebrow,.meta{font:700 10px/1.4 Cabinet,sans-serif;letter-spacing:.18em;text-transform:uppercase}.overline{display:flex;align-items:center;gap:15px}.overline .line{height:1px;width:31px;background:currentColor}.overline .sep{opacity:.4}.hero{height:min(920px,100svh);min-height:700px;position:relative;background:var(--c1);overflow:hidden}.grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.18;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{position:absolute;z-index:10;top:25px;left:50%;transform:translateX(-50%);width:calc(100% - 104px);display:flex;align-items:center;justify-content:center;gap:40px}.wordmark{text-decoration:none;font:800 31px/1 Cabinet;letter-spacing:-.075em}.wordmark-dot{color:var(--c3)}.mark{position:relative}.nav-link{text-decoration:none;font:700 10px/1 Cabinet;letter-spacing:.16em;border-bottom:1px solid currentColor;padding:0 0 6px}.nav-link span{margin-left:15px}.hero-copy{position:absolute;z-index:4;top:28%;left:clamp(52px,8.4vw,150px);max-width:600px}.hero-copy h1{font-size:clamp(72px,7.5vw,138px);margin:30px 0 32px;white-space:nowrap}.hero-copy h1 em{color:var(--c3);font-size:1.01em}.hero-lede{font:400 clamp(15px,1.1vw,18px)/1.65 Cabinet;max-width:290px;color:#464D43}.primary-link{margin-top:36px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--c2);color:var(--c1);padding:19px 21px;text-decoration:none;font:700 11px/1 Cabinet;letter-spacing:.12em;transition:background .3s,transform .3s}.primary-link:hover{background:var(--c3);transform:translateY(-3px)}.hero-viewport{position:absolute;inset:0;overflow:hidden}.hero-viewport canvas{position:relative;width:100%;height:100%;z-index:1}.hero-viewport .shadow{display:none;position:absolute;width:43%;height:6%;left:45%;top:77%;transform:translateX(-50%);border-radius:50%;background:#343329;filter:blur(33px);opacity:.22;pointer-events:none}.scene-fallback{position:absolute;inset:0;z-index:2;background:var(--c1)}.scene-fallback img{height:100%;width:100%;object-fit:contain}.scene-caption{position:absolute;bottom:58px;left:50%;right:9%;z-index:2;display:flex;justify-content:space-between;font:700 9px Cabinet;letter-spacing:.15em}.hero-side{position:absolute;right:27px;top:45%;writing-mode:vertical-rl;font:700 10px Cabinet;letter-spacing:.15em}.scroll-cue{position:absolute;bottom:55px;left:clamp(52px,8.4vw,150px);display:flex;align-items:center;gap:15px;font:700 10px Cabinet;letter-spacing:.15em}.scroll-line{width:55px;height:1px;background:var(--c3)}.interlude{padding:130px clamp(52px,8.4vw,150px) 145px;background:#DAD0C0}.interlude-head{display:flex;justify-content:space-between}.smallcross{font-size:32px;line-height:8px;font-weight:100}.interlude-grid{margin-top:84px;display:grid;grid-template-columns:1.3fr .7fr;gap:12vw;align-items:end}.interlude h2{font-size:clamp(64px,7vw,125px)}.interlude h2 em{color:var(--c3)}.interlude-grid p:not(.meta){font:400 20px/1.6 Cabinet;max-width:440px}.interlude-grid .meta{margin-top:55px;padding-top:17px;border-top:1px solid #9C9B8B}.atelier{background:var(--c2);color:var(--c1);padding:110px clamp(52px,8.4vw,150px) 125px}.atelier-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:55px}.atelier-heading h2{margin:23px 0;font-size:clamp(72px,8vw,145px)}.atelier-heading h2 em{color:#C98B6A}.atelier-heading p:not(.overline){font:400 16px/1.55 Cabinet;max-width:430px;color:#D0CCBE}.atelier-index{display:flex;align-items:end;gap:12px}.atelier-index span{font:800 148px/.75 Cabinet;letter-spacing:-.1em;color:var(--c3)}.atelier-index small{font:700 9px/1.4 Cabinet;letter-spacing:.13em}.studio{display:grid;grid-template-columns:1.67fr .83fr;min-height:660px;border:1px solid #76766A}.studio-main{background:#D9D0C0;position:relative;min-height:660px}.studio-main:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(120deg,transparent 40%,rgba(251,240,221,.1))}.studio-canvas{position:absolute;inset:0;cursor:grab;touch-action:pan-y}.studio-canvas:active{cursor:grabbing}.studio-canvas canvas{width:100%;height:100%}.studio-annotation{position:absolute;left:0;top:0;z-index:6;display:flex;align-items:center;gap:10px;white-space:nowrap;font:700 10px Cabinet;letter-spacing:.13em;color:#29302A;opacity:0;transition:opacity .5s;pointer-events:none;will-change:transform}.studio-annotation i{width:9px;height:9px;border-radius:50%;background:var(--c3);box-shadow:0 0 0 5px rgba(168,85,55,.18);flex:none}.studio-annotation b{font-weight:800;color:var(--c3);margin-right:6px}.studio-annotation .ln{width:34px;height:1px;background:var(--c3);flex:none}.studio-annotation .tx{background:rgba(233,226,214,.94);padding:8px 11px 7px;color:#20241F}.studio-annotation{gap:0!important}.studio-annotation.flip{flex-direction:row-reverse}.studio-main.dusk .studio-annotation,.studio-main.dusk .studio-hint{color:#E9E2D6}.studio-canvas.exploded .studio-annotation{opacity:1}.studio-hint{position:absolute;bottom:24px;left:27px;z-index:3;color:#29302A;font:700 10px Cabinet;letter-spacing:.15em}.studio-hint span{font-size:23px;vertical-align:middle;margin-left:8px}.controls{padding:43px 38px;display:flex;flex-direction:column;justify-content:space-between;gap:35px}.control-block{padding-bottom:25px;border-bottom:1px solid #5A5D50}.control-block .eyebrow{color:#C98B6A}.control-block h3{font:800 24px/1.2 Cabinet;margin:12px 0 9px}.control-block>p:not(.eyebrow){font:400 13px/1.5 Cabinet;color:#BFBBAF}.swatches{display:flex;flex-direction:column;margin-top:20px;gap:9px}.swatch{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0;border:0;border-bottom:1px solid #505146;background:none;text-align:left;color:inherit;font:700 11px Cabinet;letter-spacing:.02em}.swatch b{margin-left:auto;font-size:10px;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;gap:0;margin-top:18px}.segmented button{flex:1;background:none;border:1px solid #868879;padding:13px 8px;font:700 9px Cabinet;letter-spacing:.1em}.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;padding:12px 15px;width:100%;display:flex;align-items:center;gap:12px;margin-top:18px;text-align:left;font:700 10px Cabinet;letter-spacing:.1em;transition:background .25s}.explode:hover,.explode[aria-pressed=true]{background:#B76E51;border-color:#B76E51}.explode>span:last-child{margin-left:auto}.explode-icon{font:400 26px/1 Cabinet}.explode[aria-pressed=true] .explode-icon{transform:rotate(45deg)}.control-block .control-note{margin-top:15px}.concept-note{font:700 9px/1.5 Cabinet;letter-spacing:.12em;color:#ACAA9C}.manifesto{background:#A85537;color:#FBF1E4;padding:125px clamp(52px,8.4vw,150px) 50px}.manifesto-grid{margin:80px 0 145px;display:grid;grid-template-columns:1.25fr .75fr;gap:15vw;align-items:end}.manifesto h2{font-size:clamp(76px,8vw,150px)}.manifesto h2 em{color:#F1C4A3}.manifesto-grid p{font:400 19px/1.6 Cabinet;max-width:420px}.manifesto-rule{height:1px;background:#DBAD98}.manifesto-bottom{padding-top:28px;display:flex;justify-content:space-between;font:700 10px Cabinet;letter-spacing:.13em}.manifesto-bottom a{text-decoration:none}.manifesto-bottom a span{margin-left:20px}
@media(max-width:1080px){.hero-copy{left:6vw}.hero-viewport{width:67%;opacity:.8}.hero-copy h1{font-size:clamp(66px,8vw,100px)}.studio{grid-template-columns:1.3fr 1fr}.controls{padding:25px}.interlude,.atelier,.manifesto{padding-left:6vw;padding-right:6vw}}
@media(max-height:730px){.hero{min-height:650px}.hero-copy{top:25%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.studio-annotation{transition:none}}
.ic{width:14px;height:14px;display:inline-block;vertical-align:middle;flex:none}.ic-lr{width:26px}.ic-plus{width:16px;height:16px}.smallcross .ic-plus{width:22px;height:22px}.nav-link .ic,.primary-link .ic,.manifesto-bottom .ic{margin-left:12px}
#gl{position:fixed;inset:0;width:100vw;height:100vh;z-index:5;pointer-events:none}.hero-copy,.local-nav,.scroll-cue,.scene-caption{z-index:7}.hero-viewport canvas{display:none}.studio-main{transition:background .8s}.studio-main.dusk{background:#3E4954}.studio-hint{z-index:6}
.explode-icon{display:grid;place-items:center;transition:transform .35s}
.loader{position:absolute;left:50%;top:52%;width:120px;height:1px;background:rgba(32,36,31,.15);transform:translateX(-50%);z-index:2;overflow:hidden}.loader:after{content:"";position:absolute;inset:0;background:var(--c3);transform-origin:left;transform:scaleX(var(--p,0));transition:transform .3s}.loaded .loader{opacity:0;transition:opacity .6s}
.poster-mode body>*:not(main),.poster-mode .hero>*:not(.hero-viewport),.poster-mode main>section:not(.hero),.poster-mode .scene-caption,.poster-mode .loader{display:none!important}.poster-mode .zl-bar,.poster-mode .zl-foot{display:none!important}.poster-mode #gl{display:block!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}
