/* Foundations */
:root{--black:#080808;--panel:#111;--white:#e9e9e5;--gray:#a3a3a0;--line:#303030;--gutter:clamp(22px,4.2vw,80px);--ease:cubic-bezier(.22,.68,0,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:1px solid var(--line);cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid white;outline-offset:6px}a:hover{color:#fff}p+p{margin-top:24px}::selection{background:#eee;color:#111}[hidden]{display:none!important}.section{padding:100px var(--gutter)}.meta{font-size:12px;letter-spacing:.1em;line-height:1.5}.section-label{display:flex;justify-content:space-between;gap:24px;padding-top:20px;border-top:1px solid var(--line);color:var(--gray);margin-bottom:90px}.lead{font-size:clamp(21px,2vw,30px);line-height:1.45;color:var(--white)}.large-copy{font-size:clamp(44px,6.1vw,94px);letter-spacing:-.055em;line-height:1.04}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:black;padding:12px}.skip-link:focus{top:16px}
/* Navigation */
.site-header{height:84px;position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;gap:30px;padding:0 var(--gutter);border-bottom:1px solid var(--line)}.wordmark{font-size:27px;font-weight:700;letter-spacing:-2px;line-height:1}.wordmark-cross{font-weight:400;font-size:22px;margin-left:7px;vertical-align:top}.header-caption{font-size:11px;letter-spacing:.12em;color:var(--gray)}nav{margin-left:auto;display:flex;gap:30px;font-size:12px;letter-spacing:.07em}nav a{padding:10px 0}.menu-toggle{margin-left:auto;border:0;padding:12px 0;gap:16px;font-size:12px}
/* Opening */
.hero{min-height:850px;min-height:100svh;position:relative;isolation:isolate;padding:122px var(--gutter) 36px;display:flex;flex-direction:column;justify-content:space-between}.hero-media{position:absolute;inset:0;z-index:-2;background:#0c0c0c url('../assets/images/darktimes-poster.jpg') center/cover}.hero-media video{width:100%;height:100%;object-fit:cover;opacity:.8}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 40%,rgba(0,0,0,.55))}.hero-topline{display:flex;justify-content:space-between;color:var(--gray)}.hero-heading{margin:90px 0 65px}.byline{font-size:12px;letter-spacing:.15em;margin-bottom:22px}.hero h1{font-size:clamp(54px,14.2vw,240px);font-weight:700;letter-spacing:-.07em;line-height:.84;margin-left:-.009em}.title-rule{margin-top:28px;border-top:1px solid #656565;padding-top:15px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.hero-statement{font-size:clamp(27px,3vw,48px);letter-spacing:-.035em;line-height:1.2}.hero-statement span{color:var(--gray)}.hero-context{max-width:500px;justify-self:end}.hero-context p{color:#b4b4b0;font-size:15px;line-height:1.75}.hero-links{display:flex;align-items:center;gap:28px;margin-top:30px;flex-wrap:wrap}.text-link{font-size:12px;letter-spacing:.07em;padding:12px 0;border-bottom:1px solid #737373;display:inline-flex;justify-content:space-between;gap:28px}.quiet-link{font-size:11px;letter-spacing:.06em;color:var(--gray)}.scroll-cue{display:flex;align-items:center;gap:15px;margin-top:65px;width:fit-content;font-size:10px;color:var(--gray)}.scroll-line{height:32px;width:1px;background:#777}
/* Editorial sections */
.editorial-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:10vw}.editorial-layout>div{max-width:440px;color:var(--gray)}.manifesto{padding-top:130px}.manifesto-body{padding-top:8px}.behavior-line{font-size:clamp(25px,4.3vw,68px);letter-spacing:-.04em;line-height:1.2;margin-top:120px}.behavior-line span{color:var(--gray)}.manifesto-end{color:var(--gray);margin-top:36px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:64px}.section-heading h2{font-size:clamp(45px,6.5vw,100px);letter-spacing:-.055em;line-height:1.02}.section-heading>p{color:var(--gray);font-size:15px;margin-bottom:5px}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px 7vw;align-items:start}.work:nth-child(even){margin-top:180px}.art-space{position:relative;background:var(--panel);aspect-ratio:6/7;border:1px solid #252525;transform-style:preserve-3d;transition:transform 800ms var(--ease);overflow:hidden}.art-space img{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.frame-number{position:absolute;top:22px;left:24px;z-index:2;font-size:12px;color:#999;font-family:monospace}.frame-note{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:clamp(23px,3vw,48px);letter-spacing:-.04em;z-index:2;pointer-events:none}.frame-note>span{font-size:12px;letter-spacing:.03em;margin-top:12px;color:#a3a3a0}.art-space.has-original .frame-note,.art-space.has-original .frame-number{display:none}.work-title{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:24px}.work-title h3{font-size:18px;letter-spacing:-.02em}.work-title .meta{font-size:10px;color:var(--gray)}figcaption>p{color:var(--gray);font-size:14px;max-width:390px;margin-top:16px;line-height:1.7}.continuation{margin-top:180px;padding-top:50px;border-top:1px solid var(--line)}.continuation .meta{color:var(--gray)}.continuation p{font-size:clamp(38px,4.6vw,72px);line-height:1.05;letter-spacing:-.045em;margin-top:35px}.small-cross{display:block;font-size:70px;font-weight:200;color:#777;margin-top:30px}
/* Cultural artifacts */
.market{background:#e1e1dc;color:#161616;margin-top:50px;padding-bottom:120px}.market .section-label{color:#575753;border-color:#a5a5a0}.market-language{font-size:clamp(15px,2.5vw,38px);line-height:1.4;letter-spacing:-.02em;color:#62625e}.market h2{font-size:clamp(90px,21vw,330px);font-weight:700;letter-spacing:-.075em;line-height:.95;margin:60px 0 45px}.market h2 span{color:#72726e}.market-response{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;border-top:1px solid #a5a5a0;padding-top:40px}.market-response>div{max-width:450px}.market .lead{color:#171717}.perspective{display:grid;grid-template-columns:30px 1.25fr 1fr;gap:40px;padding:55px 0;border-bottom:1px solid var(--line)}.perspective h2{font-size:clamp(28px,4.5vw,72px);letter-spacing:-.05em}.perspective>div{color:var(--gray);max-width:430px}.perspective>.meta{color:var(--gray)}.statement{min-height:100svh;text-align:center;display:flex;flex-direction:column;justify-content:space-between;gap:80px;padding-top:80px;padding-bottom:90px;background:#050505}.statement>.meta{color:var(--gray)}.statement h2{font-size:clamp(54px,10vw,150px);line-height:.96;letter-spacing:-.06em;margin:40px 0}.statement p{color:var(--gray)}.statement-signoff{font-size:14px}.statement-signoff strong{color:var(--white);font-weight:500}
/* Native artwork rail */
.selected{overflow:hidden}.rail-controls{display:flex;gap:12px}.rail-controls button{width:52px;height:52px;font-size:24px}.rail-controls button:hover{background:#252525}.art-rail{display:flex;gap:5vw;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:8px 0 32px;scrollbar-width:thin;scrollbar-color:#555 #151515}.rail-work{flex:0 0 61%;scroll-snap-align:start;min-width:0}.rail-work:nth-child(even){margin-top:0}.rail-work .art-space{aspect-ratio:1.4}.rail-work .art-space img{object-fit:contain}.rail-hint{color:var(--gray);margin-top:24px}.still{padding-top:130px}.belief{font-size:clamp(35px,7.8vw,125px);font-weight:700;line-height:1.06;letter-spacing:-.06em;margin-top:120px}.belief span{color:var(--gray)}.artist-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:10vw}.artist h2{font-size:clamp(58px,9vw,150px);letter-spacing:-.07em}.artist-layout>div{max-width:460px;color:var(--gray)}.artist-links{display:flex;gap:30px;margin-top:30px;color:var(--white)}footer.section{padding-top:30px;padding-bottom:35px}.footer-title{display:block;font-size:clamp(45px,14.2vw,240px);font-weight:700;line-height:1;letter-spacing:-.07em;border-top:1px solid var(--line);padding-top:40px}.footer-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:22px;color:var(--gray);margin-top:50px;font-size:10px}
/* Motion is progressive; content is visible without JavaScript. */
@media(prefers-reduced-motion:no-preference){.reveal.is-waiting{opacity:.12;transform:translateY(24px)}.reveal{transition:opacity 1200ms var(--ease),transform 1200ms var(--ease)}}
@media(min-width:1600px){.hero{min-height:980px}.hero-heading{margin-top:130px}}
@media(max-width:1000px){.header-caption{display:none}nav{gap:20px}.hero-bottom{gap:40px}.hero-links{gap:18px}.editorial-layout,.artist-layout{gap:6vw}.perspective{grid-template-columns:25px 1fr 1fr;gap:22px}.section{padding-top:80px;padding-bottom:80px}.work-title{align-items:start;flex-direction:column;gap:8px}.section-label{margin-bottom:60px}.work:nth-child(even),.continuation{margin-top:100px}.works-grid{gap:80px 5vw}}
@media(max-width:650px){html{scroll-padding-top:20px}.site-header{height:70px;flex-wrap:wrap}.header-caption{display:block;font-size:9px}.menu-toggle:not([hidden]){display:flex}nav{width:100%;flex-wrap:wrap;gap:10px 22px;margin:0;padding:20px 0;background:#080808}.site-header:has(.menu-toggle[hidden]){position:relative;height:auto;padding-top:20px}.js-menu nav{display:none;position:absolute;left:0;right:0;top:70px;width:auto;padding:25px var(--gutter);border-bottom:1px solid #555}.js-menu nav.is-open{display:flex;flex-direction:column;gap:5px}.js-menu nav a{font-size:16px;padding:12px 0}.hero{padding-top:99px;min-height:790px;min-height:100svh}.hero-topline{font-size:9px;gap:20px}.hero-topline span:last-child{text-align:right;max-width:125px}.hero-heading{margin:72px 0 44px}.byline{font-size:9px;letter-spacing:.1em;max-width:230px;margin-bottom:18px}.hero h1{font-size:13.6vw}.title-rule{font-size:9px;margin-top:20px;gap:20px}.title-rule span:last-child{text-align:right}.hero-bottom{grid-template-columns:1fr;gap:26px}.hero-statement{font-size:30px}.hero-context{justify-self:start}.hero-context p{font-size:14px}.hero-links{margin-top:22px;gap:20px}.text-link{font-size:11px;gap:18px}.quiet-link{font-size:10px}.scroll-cue{margin-top:38px;font-size:9px}.section{padding-top:64px;padding-bottom:64px}.section-label{font-size:10px;gap:25px;margin-bottom:48px}.section-label span:last-child{text-align:right;max-width:140px}.editorial-layout,.artist-layout{grid-template-columns:1fr;gap:40px}.large-copy{font-size:46px}.behavior-line{margin-top:64px;font-size:29px}.section-heading{align-items:start;flex-direction:column;gap:28px;margin-bottom:40px}.section-heading h2{font-size:49px}.works-grid{grid-template-columns:1fr;gap:55px}.work:nth-child(even),.continuation{margin-top:0}.work-title{flex-direction:row;align-items:center}.work-title h3{font-size:17px}.frame-note{font-size:34px}.continuation{padding-top:30px}.continuation p{font-size:45px}.market{margin-top:0}.market h2{font-size:23vw;margin:45px 0 30px}.market-response{grid-template-columns:1fr;gap:32px}.perspective{grid-template-columns:22px 1fr;gap:20px;padding:35px 0}.perspective h2{font-size:40px}.perspective>div{grid-column:2}.statement{min-height:750px;gap:70px}.statement h2{font-size:58px}.statement p{font-size:14px}.selected .section-heading{flex-direction:row;align-items:end}.selected .section-heading h2{font-size:40px}.rail-controls{gap:8px}.rail-controls button{width:40px;height:40px}.rail-work{flex-basis:90%}.rail-work .art-space{aspect-ratio:6/7}.rail-work .work-title{flex-direction:column;align-items:start}.belief{font-size:8vw;margin-top:65px}.artist h2{font-size:20vw}.footer-title{font-size:13.6vw}.footer-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:9px}.footer-meta span:nth-child(even){text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-media video{visibility:hidden}.reveal{opacity:1!important;transform:none!important}}
/* Original media */
.hero-media{background-image:url('../assets/images/darktimes-poster.jpg');background-position:72% 38%}.hero-media video{object-position:72% 38%}.hero:after{background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.12) 35%,rgba(0,0,0,.82) 76%,#080808 100%)}.hero h1{text-shadow:0 2px 45px rgba(0,0,0,.18)}.hero-topline,.byline,.title-rule{color:#e9e9e5}.art-space.has-original{aspect-ratio:1312/1199}.art-space.has-original img{background:#111}.rail-work .art-space.has-original{aspect-ratio:1312/1199}
@media(max-width:650px){.hero-media,.hero-media video{background-position:58% top;object-position:58% top}.hero:after{background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.15) 25%,rgba(0,0,0,.85) 57%,#080808 86%)}}
/* Readability and desktop navigation */
.menu-toggle{display:none}.header-caption,.quiet-link,.text-link,.hero-topline,.byline,.title-rule,.work-title .meta,.scroll-cue,.footer-meta,.section-label{font-size:max(12px,.75rem)}
@media(max-width:650px){.menu-toggle:not([hidden]){display:flex}.header-caption{font-size:11px;max-width:135px}.hero-topline{font-size:12px}.byline{max-width:none}.hero-heading{margin-top:55px}.hero-links{align-items:flex-start;gap:14px}.hero-links a{min-height:44px;display:inline-flex;align-items:center}.title-rule{font-size:11px}.footer-meta{font-size:11px}.work-title .meta{font-size:11px}}
/* Artist identity */
.artist-layout>.artist-identity{max-width:none;color:var(--white)}
.artist-portrait{display:block;width:clamp(150px,18vw,260px);height:auto;aspect-ratio:1;object-fit:cover;margin-bottom:30px;border:1px solid var(--line)}
.artist-layout{align-items:end}
@media(max-width:650px){.artist-portrait{width:170px;margin-bottom:25px}}
/* Fine native animated grain: one texture pixel per CSS pixel, never enlarged. */
.hero-media{overflow:hidden}
.art-space.has-original img,.hero-media video{filter:none;transform-origin:center}
.art-space .tv-static,.hero-media .tv-static{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;opacity:.18;background-image:url('../assets/images/tv-static.gif');background-repeat:repeat;background-size:192px 128px;transform:none!important;filter:none}
.art-space.has-original:after,.hero-media:after{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 1px,transparent 1px 4px);opacity:.25}


/* Cinematic reference composition */
.site-header{height:88px;border:0;gap:50px;padding:0 4%;background:linear-gradient(#050505b0,transparent)}
.site-header .wordmark{font-size:20px;letter-spacing:-.025em;font-weight:600;white-space:nowrap}
.site-header nav{gap:clamp(22px,3.1vw,52px);align-items:center;font-size:12px;letter-spacing:.14em}
.site-header .nav-external{border:1px solid #bbb;border-radius:3px;padding:10px 21px;margin-left:3vw;font-size:10px}
.hero{min-height:100svh;padding:0 4%;display:grid;grid-template-columns:57% 43%;grid-template-rows:minmax(550px,65svh) auto 90px;gap:0;background:#030405;isolation:isolate}
.hero-media{inset:0 auto 0 0;width:76%;height:100%;background-position:35% 40%;background-size:cover;z-index:-3}
.hero-media video{object-fit:cover;object-position:35% 40%;opacity:1}
.hero-media .tv-static{opacity:.08}
.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.02) 30%,rgba(0,0,0,.6) 58%,#030405 80%),linear-gradient(0deg,#030405 1%,rgba(0,0,0,.9) 18%,transparent 57%,rgba(0,0,0,.2));z-index:-1}
.hero-copy{grid-column:2;grid-row:1;align-self:center;padding-top:95px;position:relative;z-index:1;max-width:600px}
.hero .hero-copy h1{font-size:clamp(48px,5vw,88px);letter-spacing:-.045em;line-height:1.05;font-weight:700;margin:0;text-shadow:none}
.hero-tagline{font-size:clamp(10px,1.03vw,16px);letter-spacing:.36em;color:#b9b9b9;line-height:1.6;margin-top:7px;font-weight:600}
.hero-description{font-size:clamp(15px,1.08vw,18px);line-height:1.6;color:#e2e2e2;max-width:445px;margin-top:24px}
.hero-actions{display:flex;gap:24px;margin-top:30px;flex-wrap:wrap}
.exhibition-button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:12px 24px;border:1px solid #bebebe;border-radius:3px;font-size:10px;font-weight:600;letter-spacing:.14em;line-height:1.5;transition:background 500ms,color 500ms,transform 500ms}
.exhibition-button:hover{background:#e9e9e5;color:#080808;transform:translateY(-2px)}
.button-light{background:#f0f0ef;color:#111;border-color:#f0f0ef}
.button-light:hover{background:white;color:#000}
.hero-chapters{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;width:76%;align-self:end;padding:28px 0 35px;position:relative;z-index:1}
.hero-chapters article{min-width:0}
.hero-chapters h2{font-size:11px;letter-spacing:.18em;font-weight:600;display:flex;align-items:center;gap:20px;line-height:1.5;white-space:nowrap}
.hero-chapters h2:after{content:"";width:45px;height:1px;background:#777}
.hero-chapters h2 span{font-size:10px}
.hero-chapters p{font-size:14px;line-height:1.65;margin:22px 0 25px 31px;color:#d6d6d6}
.hero-chapters .exhibition-button{margin-left:31px;padding:11px 20px;font-size:9px}
.hero-footline{grid-column:1/-1;grid-row:3;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:9px;letter-spacing:.22em;color:#c6c6c6}
.hero-footline>a span{display:block;font-size:23px;margin-top:4px;line-height:1}
.hero-footline>span:nth-child(2){letter-spacing:.45em}
.edge-note{position:absolute;z-index:1;color:#b0b0b0;font-size:9px;letter-spacing:.35em;line-height:1.65;writing-mode:vertical-rl;top:18%;pointer-events:none}
.edge-left{left:2%;transform:rotate(180deg)}
.edge-right{right:2%;top:30%}
@media(min-width:1700px){.hero{grid-template-rows:minmax(650px,65svh) auto 100px}.hero-chapters{padding-bottom:60px}}
@media(max-width:1100px){.site-header{gap:25px}.site-header nav{gap:20px;font-size:10px}.site-header .nav-external{margin-left:0;padding:9px 12px}.hero{grid-template-columns:52% 48%;grid-template-rows:minmax(510px,62svh) auto 80px}.hero .hero-copy h1{font-size:5.5vw}.hero-tagline{letter-spacing:.24em}.hero-actions{gap:12px}.exhibition-button{padding:12px 17px}.hero-chapters{width:95%;gap:30px}.edge-note{display:none}}
@media(max-width:650px){
 .site-header{height:72px;padding:0 6%}.site-header .wordmark{font-size:17px}.site-header .menu-toggle{font-size:12px;letter-spacing:.1em}
 .js-menu .site-header nav{top:72px;padding:20px 6%;font-size:14px;gap:5px}.site-header .nav-external{margin-top:10px;text-align:center}
 .hero{padding:0 6%;display:block;min-height:auto;padding-top:365px}
 .hero-media{width:100%;height:660px;background-position:50% 23%;background-size:cover}.hero-media video{object-position:50% 23%}
 .hero:after{background:linear-gradient(0deg,#030405 0%,#030405 42%,rgba(0,0,0,.93) 64%,transparent 90%)}
 .hero-copy{padding-top:0;max-width:none}.hero .hero-copy h1{font-size:12.2vw;letter-spacing:-.045em}
 .hero-tagline{font-size:10px;letter-spacing:.22em}.hero-description{font-size:15px;margin-top:22px;max-width:390px}.hero-actions{gap:12px;flex-wrap:wrap}.exhibition-button{min-height:44px;padding:12px 18px;font-size:9px}
 .hero-chapters{width:100%;grid-template-columns:1fr;gap:0;padding:42px 0 0}.hero-chapters article{border-top:1px solid #323232;padding:26px 0;display:grid;grid-template-columns:1fr auto;gap:12px 16px}.hero-chapters h2{grid-column:1/-1;font-size:10px;gap:15px}.hero-chapters p{margin:0;font-size:13px}.hero-chapters .exhibition-button{margin:0;align-self:center;padding:10px 12px;font-size:8px}.hero-chapters h2:after{flex:1;max-width:70px}
 .hero-footline{padding:25px 0 30px;font-size:8px;gap:20px;display:flex;flex-wrap:wrap}.hero-footline>span:nth-child(2){letter-spacing:.17em}.hero-footline>span:last-child{width:100%;text-align:right}
}
@media(max-width:360px){.hero-chapters article{grid-template-columns:1fr}.hero-chapters .exhibition-button{justify-self:start}.hero-actions{flex-direction:column;align-items:flex-start}}

/* Dedicated Chapters Section */
.chapters-section {
  padding: 70px var(--gutter) 85px;
  background: #030405;
  border-top: 1px solid var(--line);
  position: relative;
  z-index: 2;
}
.chapters-section .hero-chapters {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4vw;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0;
  grid-column: unset;
  grid-row: unset;
}
.hero {
  grid-template-rows: 1fr 70px !important;
  min-height: 90svh !important;
}

/* Navbar Sound Control */
.nav-sound {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 1px solid #777;
  border-radius: 3px;
  padding: 8px 14px;
  font-size: 10px;
  letter-spacing: 0.12em;
  color: #e9e9e5;
  cursor: pointer;
  transition: all 250ms var(--ease);
}
.nav-sound:hover {
  border-color: #fff;
  color: #fff;
}
.nav-sound.is-muted {
  color: #777;
  border-color: #444;
}
.nav-sound-wave {
  display: inline-flex;
  align-items: flex-end;
  gap: 2px;
  height: 11px;
}
.nav-sound-wave span {
  width: 2px;
  height: 3px;
  background: currentColor;
  border-radius: 1px;
  transition: height 200ms ease;
}
.nav-sound:not(.is-muted) .nav-sound-wave span:nth-child(1) {
  animation: navWave 0.8s ease-in-out infinite alternate;
}
.nav-sound:not(.is-muted) .nav-sound-wave span:nth-child(2) {
  animation: navWave 0.6s ease-in-out 0.2s infinite alternate;
}
.nav-sound:not(.is-muted) .nav-sound-wave span:nth-child(3) {
  animation: navWave 0.9s ease-in-out 0.4s infinite alternate;
}
@keyframes navWave {
  0% { height: 2px; }
  100% { height: 11px; }
}
@media (max-width: 650px) {
  .nav-sound {
    margin-top: 6px;
    align-self: flex-start;
  }
}

/* Entrance Gate (Immersive Audio Experience) */
.entrance-gate {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: #030405;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px;
  cursor: pointer;
  transition: opacity 700ms cubic-bezier(0.16, 1, 0.3, 1), transform 700ms cubic-bezier(0.16, 1, 0.3, 1), visibility 700ms;
}
.entrance-gate.is-dismissed {
  opacity: 0;
  transform: scale(1.03);
  visibility: hidden;
  pointer-events: none;
}
.gate-noise {
  position: absolute;
  inset: 0;
  background-image: url('../assets/images/tv-static.gif');
  background-repeat: repeat;
  background-size: 192px 128px;
  opacity: 0.08;
  pointer-events: none;
}
.gate-content {
  position: relative;
  z-index: 2;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gate-curator {
  font-size: 11px;
  letter-spacing: 0.18em;
  color: #777;
  margin-bottom: 24px;
  text-transform: uppercase;
}
.gate-title {
  font-size: clamp(48px, 12vw, 110px);
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 0.9;
  color: #f2f2ee;
  margin-bottom: 18px;
  text-shadow: 0 4px 30px rgba(0,0,0,0.8);
}
.gate-tagline {
  font-size: 12px;
  letter-spacing: 0.14em;
  color: #a3a3a0;
  margin-bottom: 48px;
}
.gate-enter-btn {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  background: #f2f2ee;
  color: #080808;
  border: 0;
  border-radius: 2px;
  padding: 16px 36px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  cursor: pointer;
  transition: all 250ms var(--ease);
  box-shadow: 0 0 40px rgba(255,255,255,0.08);
}
.gate-enter-btn:hover {
  background: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 0 50px rgba(255,255,255,0.22);
}
.gate-pulse-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #111;
  animation: gatePulse 1.8s ease-in-out infinite;
}
@keyframes gatePulse {
  0%, 100% { opacity: 0.3; transform: scale(0.85); }
  50% { opacity: 1; transform: scale(1.2); }
}
.gate-btn-arrow {
  font-size: 14px;
  transition: transform 200ms ease;
}
.gate-enter-btn:hover .gate-btn-arrow {
  transform: translateX(4px);
}
.gate-footer {
  margin-top: 55px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #666;
  font-size: 10px;
  letter-spacing: 0.12em;
}
.gate-audio-cue {
  color: #888;
}
.gate-hint {
  color: #555;
}