:root{--bg: #0b0a08;--ink: #e9e4da;--ink-dim: rgba(233, 228, 218, .55);--gold: #b3986b;--line: rgba(233, 228, 218, .14);--serif: "Cormorant Garamond", Georgia, serif;--sans: "Manrope", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.gate-locked{overflow:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}::selection{background:var(--gold);color:var(--bg)}.kicker{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.38em;text-transform:uppercase;color:var(--gold)}.display{font-family:var(--serif);font-weight:300;line-height:1.05}.display em{font-style:italic;color:var(--gold)}.grain{position:fixed;inset:-100px;z-index:70;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-30px,25px)}40%{transform:translate(25px,-35px)}60%{transform:translate(-40px,-15px)}80%{transform:translate(35px,30px)}to{transform:translate(0)}}.gate{position:fixed;inset:0;z-index:50;overflow:hidden;background:var(--bg);transition:opacity 1.4s ease,visibility 1.4s}.gate.hidden{opacity:0;visibility:hidden}.gate-bg{position:absolute;inset:0}.gate-bg img{width:100%;height:100%;object-fit:cover;filter:blur(5px) brightness(.32) saturate(.85);transform:scale(1.06);animation:kenburns 36s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1.06) translateY(0)}to{transform:scale(1.16) translateY(-1.5%)}}.gate-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(90% 70% at 50% 50%,#0b0a081a,#0b0a08d1)}.gate-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.9rem;text-align:center;padding:0 1.5rem}.gate .wordmark{font-family:var(--serif);font-size:clamp(2.8rem,8vw,6.2rem);font-weight:300;letter-spacing:.16em;text-shadow:0 2px 40px rgba(0,0,0,.6)}.gate .wordmark em{font-style:italic;color:var(--gold)}.gate-rule{width:56px;height:1px;background:var(--gold);opacity:.7}.gate .gate-sub{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-dim)}.gate .gate-actions{display:flex;gap:1rem;margin-top:1.2rem;flex-wrap:wrap;justify-content:center}.gate button{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;padding:1.15rem 2.7rem;cursor:pointer;transition:all .35s ease}.gate .btn-sound{background:var(--ink);color:var(--bg);border:1px solid var(--ink)}.gate .btn-sound:hover:not(:disabled){background:var(--gold);border-color:var(--gold)}.gate .btn-mute{background:#0b0a0840;color:var(--ink-dim);border:1px solid rgba(233,228,218,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gate .btn-mute:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.gate button:disabled{opacity:.45;cursor:wait}.gate .gate-note{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#e9e4da59}.gate-back{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#e9e4da66;text-decoration:none;transition:color .3s}.gate-back:hover{color:var(--gold)}.portfolio{min-height:100vh}.pf-head{min-height:52vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;text-align:center;padding:clamp(4rem,10vh,7rem) 1.5rem 2rem}.pf-title{font-size:clamp(2.4rem,7vw,5.6rem);letter-spacing:.14em;white-space:nowrap}.pf-sub{font-size:13px;line-height:1.9;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.pf-grid{max-width:1380px;margin:0 auto;padding:2rem clamp(1.4rem,5vw,5rem) clamp(5rem,10vh,8rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,3vw,2.4rem)}.pf-card{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;background:#141210;text-decoration:none;color:var(--ink);opacity:0}.pf-card img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);filter:saturate(.92) brightness(.92);transition:transform 1.6s cubic-bezier(.19,1,.22,1),filter 1.6s}.pf-card:hover img{transform:scale(1.11);filter:saturate(1.05) brightness(1)}.pf-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#0b0a081a,#0b0a0800 40%,#0b0a08c7)}.pf-meta{position:absolute;left:clamp(1.2rem,3vw,2.2rem);right:clamp(1.2rem,3vw,2.2rem);bottom:clamp(1.1rem,3vh,2rem);display:flex;flex-direction:column;gap:.45rem}.pf-name{font-size:clamp(1.7rem,3.4vw,2.9rem);letter-spacing:.05em;text-transform:uppercase}.pf-info{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim)}.pf-enter{margin-top:.5rem;font-size:10px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s}.pf-card:hover .pf-enter{opacity:1;transform:translateY(0)}.pf-num{position:absolute;top:1.1rem;right:1.4rem;font-style:italic;font-size:clamp(1.2rem,2.4vw,1.9rem);color:#e9e4dacc;text-shadow:0 1px 12px rgba(0,0,0,.7)}.pf-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.8rem;padding:2rem clamp(1.6rem,6vw,6rem);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#e9e4da59}.pf-footer a{color:var(--gold);text-decoration:none}.cta-back{margin-top:2rem}.cta-back a{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim);text-decoration:none;transition:color .3s}.cta-back a:hover{color:var(--gold)}.stage{position:relative}.stage-viewport{position:relative;height:100vh;width:100%;overflow:hidden;background:#000}.stage canvas{display:block;width:100%;height:100%;filter:saturate(1.07) contrast(1.05) brightness(.985)}.stage-grade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(200deg,#b3986b1a,#0000 40%,#14182624);mix-blend-mode:soft-light}.stage-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 95% at 50% 45%,#0000 58%,#0504036b),linear-gradient(180deg,#0b0a0880,#0b0a0800 20% 74%,#0b0a088c)}.bar{position:absolute;left:0;right:0;height:0;background:#000;z-index:3;pointer-events:none}.bar-top{top:0}.bar-bot{bottom:0}.stage-brand{position:absolute;top:2.2rem;left:50%;transform:translate(-50%);z-index:4;font-family:var(--serif);font-size:1.02rem;letter-spacing:.5em;text-transform:uppercase;color:var(--ink);opacity:.85;mix-blend-mode:difference}.stage-intro{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;text-align:center;pointer-events:none;will-change:opacity,transform;background:radial-gradient(80% 60% at 50% 55%,#05040361,#05040300 70%)}.intro-title{font-size:clamp(2.6rem,6.5vw,5.6rem);text-shadow:0 2px 50px rgba(0,0,0,.65)}.stage-outro{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;text-align:center;pointer-events:none;opacity:0;will-change:opacity,transform;background:radial-gradient(75% 55% at 50% 52%,#05040370,#05040300 72%)}.outro-title{font-size:clamp(2.2rem,5.5vw,4.6rem);text-shadow:0 2px 46px rgba(0,0,0,.65)}.stage-label{position:absolute;left:clamp(2rem,6vw,6rem);bottom:calc(7vh + clamp(2.2rem,6vh,4.2rem));z-index:4;opacity:0;will-change:opacity,transform}.stage-label .idx{font-size:11px;letter-spacing:.4em;color:var(--gold);display:block;margin-bottom:.75rem}.stage-label .idx:after{content:"";display:inline-block;width:42px;height:1px;background:var(--gold);margin-left:14px;vertical-align:middle;opacity:.75}.stage-label .name{font-family:var(--serif);font-size:clamp(2rem,5.5vw,4.6rem);font-weight:300;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 34px rgba(0,0,0,.65)}.stage-rail{position:absolute;right:clamp(1.4rem,4vw,3.4rem);top:50%;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:14px}.stage-rail .tick{width:1px;height:24px;background:var(--line);transition:background .4s,height .5s ease}.stage-rail .tick.active{background:var(--gold);height:44px}.stage-hint{position:absolute;bottom:calc(7vh + 1.2rem);left:50%;transform:translate(-50%);z-index:4;font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-dim);animation:hint 2.6s ease-in-out infinite;transition:opacity .6s}@keyframes hint{0%,to{opacity:.25;transform:translate(-50%)}50%{opacity:.85;transform:translate(-50%,6px)}}section.block{padding:clamp(6rem,14vh,11rem) clamp(1.6rem,6vw,6rem);max-width:1380px;margin:0 auto}.block-head{margin-bottom:clamp(2.6rem,6vh,4.6rem)}.block-head h2{font-family:var(--serif);font-weight:300;font-size:clamp(2.1rem,4.6vw,3.8rem);letter-spacing:.04em;margin-top:1.1rem}.quote{text-align:center}.quote blockquote{margin:1.6rem auto 0;max-width:940px;font-size:clamp(1.9rem,4.4vw,3.4rem);font-style:italic;letter-spacing:.02em}.quote .q-word{opacity:.08}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:3rem 1rem;text-align:center;border-left:1px solid var(--line)}.stat:first-child{border-left:none}.stat .num{font-family:var(--serif);font-size:clamp(2.4rem,5vw,4rem);font-weight:300;color:var(--ink)}.stat .num span.unit{font-size:.45em;color:var(--gold);margin-left:.3rem;letter-spacing:.1em}.stat .cap{margin-top:.8rem;font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-dim)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.g-card{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:#141210;opacity:0}.g-card img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 1.6s cubic-bezier(.19,1,.22,1),filter 1.6s;filter:saturate(.9) brightness(.96)}.g-card:hover img{transform:scale(1.13);filter:saturate(1.06) brightness(1.02)}.g-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 55%,#0000008c);pointer-events:none}.g-card .g-cap{position:absolute;left:1.2rem;bottom:1rem;z-index:1;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink)}.g-card .g-num{position:absolute;top:1rem;right:1.2rem;z-index:1;font-family:var(--serif);font-style:italic;color:#e9e4dad9;text-shadow:0 1px 10px rgba(0,0,0,.7)}.materials{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr);gap:clamp(2rem,5vw,5rem);align-items:center}.mat-visual{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:#141210}.mat-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.045);transition:opacity .9s ease,transform 1.6s ease}.mat-visual img.on{opacity:1;transform:scale(1)}.mat-tabs{display:flex;flex-direction:column}.mat-tab{text-align:left;background:none;border:none;border-top:1px solid var(--line);padding:1.6rem .2rem;cursor:pointer;color:var(--ink-dim);transition:color .4s}.mat-tab:last-child{border-bottom:1px solid var(--line)}.mat-tab .mat-name{font-family:var(--serif);font-size:clamp(1.4rem,2.4vw,2rem);font-weight:300;letter-spacing:.05em;display:flex;justify-content:space-between;align-items:baseline}.mat-tab .mat-name .mat-idx{font-size:11px;font-family:var(--sans);letter-spacing:.3em}.mat-tab.active{color:var(--ink)}.mat-tab.active .mat-idx{color:var(--gold)}.mat-tab p{max-height:0;overflow:hidden;font-size:13px;line-height:1.75;font-weight:300;color:var(--ink-dim);transition:max-height .6s ease,margin .6s ease}.mat-tab.active p{max-height:130px;margin-top:.9rem}.cta{text-align:center;border-top:1px solid var(--line)}.cta h2{font-family:var(--serif);font-weight:300;font-size:clamp(2.4rem,6vw,5rem);letter-spacing:.05em;margin:1.2rem 0 2.6rem}.cta h2 em{font-style:italic;color:var(--gold)}.cta a.btn{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--bg);background:var(--ink);padding:1.2rem 3rem;text-decoration:none;transition:background .35s}.cta a.btn:hover{background:var(--gold)}footer{padding:2.4rem clamp(1.6rem,6vw,6rem) 3rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#e9e4da59;border-top:1px solid var(--line)}.reveal{opacity:0;transform:translateY(38px)}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:none}.stat{border-top:1px solid var(--line)}.stat:nth-child(-n+2){border-top:none}.gallery-grid{grid-template-columns:1fr 1fr}.materials{grid-template-columns:1fr}.stage-label .name{white-space:normal}.pf-grid{grid-template-columns:1fr}}