:root{--black:#050403;--black2:#0a0806;--bone:#e8dfd1;--muted:#968e83;--gold:#b79561;--gold2:#e0c496;--red:#a51116;--line:rgba(218,190,146,.19);--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--bone);font-family:var(--sans);line-height:1.6;overflow-x:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:1000;left:18px;top:12px;transform:translateY(-180%);padding:10px 16px;background:var(--bone);color:var(--black);text-decoration:none;font-size:.68rem;letter-spacing:.14em}.skip:focus{transform:none}.grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.nav{position:fixed;z-index:80;left:0;right:0;top:0;height:72px;padding:0 clamp(20px,4.2vw,72px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(225,201,161,.17);background:linear-gradient(#050403d9,#05040373,transparent);transition:.4s}.nav.scrolled{height:62px;background:rgba(5,4,3,.88);backdrop-filter:blur(18px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--serif);font-size:.72rem;letter-spacing:.27em}.brand-mark,.final-mark{position:relative}.brand-mark{width:24px;height:30px}.brand-mark:before,.brand-mark:after,.final-mark:before,.final-mark:after{content:"";position:absolute;background:linear-gradient(135deg,var(--bone),var(--gold));box-shadow:0 0 12px rgba(190,143,75,.35)}.brand-mark:before,.final-mark:before{inset:2px 55% 2px 2px;clip-path:polygon(0 0,100% 15%,100% 77%,0 100%)}.brand-mark:after,.final-mark:after{inset:0 2px 0 42%;clip-path:polygon(100% 0,100% 100%,64% 88%,0 28%,0 13%)}.links{display:flex;align-items:center;gap:clamp(20px,3vw,52px)}.links a,.enter{text-decoration:none;text-transform:uppercase;font-size:.6rem;letter-spacing:.25em;color:#c7bdaf;white-space:nowrap}.links a{position:relative}.links a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--gold2);transition:.35s}.links a:hover:after,.links a:focus-visible:after{right:0}.enter{justify-self:end;border:1px solid rgba(218,190,146,.52);padding:9px 20px;transition:.3s}.enter:hover{background:rgba(183,149,97,.12);border-color:var(--gold2)}.menu{display:none;justify-self:end;border:0;background:none;color:var(--bone);font-size:1.4rem;cursor:pointer}
.hero{height:max(720px,100svh);min-height:720px;position:relative;isolation:isolate;overflow:hidden;background:#050403}.hero-media{position:absolute;inset:0;z-index:-4}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015);animation:breathe 14s ease-out both}.hero-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,rgba(5,4,3,.48),transparent 18%,transparent 66%,rgba(5,4,3,.55) 84%,#050403 100%),linear-gradient(90deg,rgba(5,4,3,.22),transparent 22%,transparent 78%,rgba(5,4,3,.14))}.production{position:absolute;top:104px;left:clamp(24px,4.2vw,72px);max-width:210px;color:#dbd0c0;font-family:var(--serif);font-size:.71rem;line-height:1.55;letter-spacing:.31em;text-transform:uppercase;text-shadow:0 2px 12px #000;animation:fade 1.2s .35s both}.descent{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:#d4c8b7;font-family:var(--serif);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap}.descent i{position:relative;width:40px;height:40px;border:1px solid rgba(232,223,209,.65);border-radius:50%}.descent i:before{content:"";position:absolute;left:50%;top:9px;width:1px;height:17px;background:var(--bone)}.descent i:after{content:"";position:absolute;left:16px;top:20px;width:7px;height:7px;border-right:1px solid var(--bone);border-bottom:1px solid var(--bone);transform:rotate(45deg)}.fracture{position:absolute;left:50%;bottom:-54px;width:2px;height:185px;background:linear-gradient(transparent,var(--red) 28%,#e42c31 56%,var(--red) 82%,transparent);filter:drop-shadow(0 0 8px #d01b21);transform:rotate(-2deg);opacity:.8;clip-path:polygon(0 0,100% 0,100% 22%,0 30%,100% 52%,0 60%,100% 78%,0 85%,100% 100%,0 100%)}
.section{position:relative;padding:clamp(100px,11vw,178px) clamp(24px,7vw,120px)}.intro{min-height:92vh;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(46px,8vw,140px);background:radial-gradient(circle at 78% 38%,rgba(145,101,44,.1),transparent 30%),linear-gradient(#050403,#0a0806 52%,#050403)}.intro:before{content:"";position:absolute;left:50%;top:0;width:1px;height:100%;background:linear-gradient(var(--red),rgba(165,17,22,.15) 18%,transparent 50%);box-shadow:0 0 12px rgba(165,17,22,.3)}.chapter{color:var(--gold2);font-size:.6rem;letter-spacing:.34em;text-transform:uppercase;margin-bottom:25px}.display{font-family:var(--serif);font-weight:400;font-size:clamp(3.5rem,6.5vw,7.4rem);line-height:.83;letter-spacing:-.035em;margin:0}.outline{color:transparent;-webkit-text-stroke:1px rgba(232,223,209,.55)}.intro-copy p{font-family:var(--serif);font-size:clamp(1.35rem,2vw,2rem);line-height:1.5;color:#c9bdae;margin:0 0 28px}.intro-copy small{display:block;max-width:540px;color:var(--muted);font-size:.85rem;line-height:1.9}.axioms{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.axiom{padding:25px 22px;border-right:1px solid var(--line)}.axiom:last-child{border:0}.axiom b{display:block;font-family:var(--serif);font-size:2rem;font-weight:400;color:var(--gold2)}.axiom span{font-size:.54rem;letter-spacing:.18em;text-transform:uppercase;color:#827a70}
.timeline{overflow:hidden;background:#050403}.section-head{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:60px}.section-head p{max-width:460px;color:var(--muted);font-size:.87rem;margin:0}.time-track{position:relative;margin-top:100px;display:grid;grid-template-columns:repeat(6,1fr)}.time-track:before{content:"";position:absolute;left:0;right:0;top:13px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),rgba(183,149,97,.27),transparent)}.era{position:relative;padding:45px 18px 25px 0;min-height:180px}.era:before{content:"";position:absolute;top:8px;left:0;width:10px;height:10px;border:1px solid var(--gold);background:var(--black);transform:rotate(45deg);transition:.35s}.era:hover:before{background:var(--red);border-color:#e35659;box-shadow:0 0 20px rgba(195,31,37,.65)}.era b{font-family:var(--serif);font-size:1.5rem;font-weight:400;color:#d8cdbc}.era span{display:block;margin-top:8px;color:#716a62;font-size:.54rem;letter-spacing:.16em;text-transform:uppercase}
.glyphs{padding-left:0;padding-right:0;background:radial-gradient(circle at 50% 22%,rgba(190,143,75,.1),transparent 28%),#070604;overflow:hidden}.glyphs .section-head{padding:0 clamp(24px,7vw,120px)}.glyphs-stage{margin-top:76px;display:flex;gap:18px;width:max-content;padding:0 7vw 28px;animation:drift 55s linear infinite}.glyphs-stage:hover{animation-play-state:paused}.glyph-card{width:clamp(190px,18vw,280px);aspect-ratio:.775;position:relative;overflow:hidden;border:1px solid rgba(218,190,146,.17);background:#0b0907;isolation:isolate;transition:.45s}.glyph-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.68);transform:scale(1.02);transition:.55s}.glyph-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,4,3,.88),transparent 48%),radial-gradient(circle at 50% 45%,transparent,rgba(5,4,3,.28));pointer-events:none}.glyph-card:hover{transform:translateY(-10px);border-color:rgba(224,196,150,.58);box-shadow:0 20px 80px rgba(0,0,0,.45)}.glyph-card:hover img{filter:saturate(.92) brightness(.94);transform:scale(1.055)}.glyph-card span{position:absolute;z-index:2;left:18px;bottom:14px;color:#cfc1ab;font-family:var(--serif);font-size:.64rem;letter-spacing:.25em}.red-resonance{height:1px;width:min(820px,70vw);margin:70px auto 0;background:linear-gradient(90deg,transparent,var(--red),#e44c4f,var(--red),transparent);box-shadow:0 0 15px rgba(165,17,22,.48)}
.ensemble{min-height:100svh;display:flex;align-items:flex-end;background:#050403 url('the-ensemble-v3.1.webp') center 18%/cover no-repeat;isolation:isolate}.ensemble:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#050403 1%,rgba(5,4,3,.9) 17%,transparent 60%),linear-gradient(90deg,rgba(5,4,3,.5),transparent 35%,transparent 70%,rgba(5,4,3,.38))}.ensemble-inner{width:100%}.ensemble-copy{display:flex;align-items:end;justify-content:space-between;gap:40px}.ensemble-copy p{max-width:430px;margin:0;color:#a69b8d}.names{display:grid;grid-template-columns:repeat(7,1fr);margin-top:58px;border-top:1px solid var(--line)}.person{padding:22px 15px;border-right:1px solid var(--line)}.person:last-child{border:0}.person b{display:block;font-family:var(--serif);font-size:1.15rem;font-weight:500;letter-spacing:.1em}.person span{display:block;color:#746d64;font-size:.5rem;letter-spacing:.13em;text-transform:uppercase;margin-top:6px}
.finale{min-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 46%,rgba(143,101,46,.12),transparent 30%)}.finale .display{max-width:1050px}.finale p{max-width:560px;color:var(--muted);margin:30px auto 0}.final-mark{width:64px;height:78px;margin-bottom:45px}.social{width:min(1180px,100%);display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:10px;margin-top:64px}.social a{min-height:58px;display:flex;align-items:center;justify-content:center;padding:14px 16px;border:1px solid rgba(218,190,146,.2);background:linear-gradient(145deg,rgba(255,255,255,.026),transparent);text-decoration:none;color:#b8aea0;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;position:relative;overflow:hidden;transition:border-color .35s,color .35s,background .35s,transform .35s}.social a:before{content:"";position:absolute;left:50%;right:50%;bottom:0;height:1px;background:var(--gold2);transition:.35s}.social a:hover,.social a:focus-visible{color:var(--bone);border-color:rgba(224,196,150,.58);background:rgba(183,149,97,.08);transform:translateY(-3px)}.social a:hover:before,.social a:focus-visible:before{left:14px;right:14px}.social a:last-child{border-color:rgba(165,17,22,.42)}.social a:last-child:before{background:#d43a3e}.copyright{margin-top:42px;color:#5c554d;font-size:.52rem;letter-spacing:.15em;text-transform:uppercase}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s}.js .reveal.visible{opacity:1;transform:none}
@keyframes breathe{from{transform:scale(1.055)}to{transform:scale(1.015)}}@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes drift{to{transform:translateX(calc(-50% - 9px))}}
@media(max-width:960px){.nav{grid-template-columns:1fr auto}.links,.enter{display:none}.menu{display:block}.links.open{display:flex;position:fixed;inset:0;z-index:-1;background:rgba(5,4,3,.97);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:34px}.links.open a{font-size:.72rem}.hero{height:auto;min-height:100svh;display:flex;align-items:center}.hero-media{inset:72px 0 auto;height:min(56.25vw,58vh)}.hero-media img{object-fit:contain}.hero-shade{background:linear-gradient(180deg,rgba(5,4,3,.2),transparent 60%,#050403 100%)}.production{top:auto;bottom:18%;max-width:190px}.descent{bottom:24px}.intro{grid-template-columns:1fr;gap:55px}.intro:before{left:25px}.section-head{grid-template-columns:1fr}.time-track{grid-template-columns:repeat(3,1fr);row-gap:24px}.ensemble{min-height:82vh}.names{grid-template-columns:repeat(4,1fr)}.person:nth-child(4){border-right:0}.social{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.nav{height:61px;padding:0 19px}.brand{font-size:.57rem}.hero{height:min(100svh,650px);min-height:560px}.hero-media{inset:61px 0 auto;height:56vw}.production{bottom:24%;left:22px;font-size:.58rem}.descent{bottom:28px}.fracture{height:115px}.section{padding:90px 22px}.display{font-size:3.55rem}.intro{min-height:auto}.axioms{grid-template-columns:1fr}.axiom{border-right:0;border-bottom:1px solid var(--line)}.time-track{grid-template-columns:repeat(2,1fr);margin-top:65px}.glyphs{padding-left:0;padding-right:0}.glyph-card{width:176px}.ensemble{min-height:76vh;background-size:auto 58%;background-position:center top;background-repeat:no-repeat}.ensemble-copy{display:block}.ensemble-copy p{margin-top:25px}.names{grid-template-columns:repeat(2,1fr);margin-top:42px}.person:nth-child(even){border-right:0}.finale{min-height:90vh}.social{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:48px}.social a{min-height:52px;font-size:.58rem;padding:12px 8px}.social a:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}