/*
  EGE / EXPERIENCE LAYER
  A shared cinematic system for the full site. The original page identities remain
  intact; this layer adds depth, motion, continuity and premium interaction.
*/

:root{
  --ease-cinematic:cubic-bezier(.16,1,.3,1);
  --ease-shutter:cubic-bezier(.76,0,.24,1);
  --experience-red:#ee2a23;
  --pointer-x:50vw;
  --pointer-y:50vh;
  --site-progress:0;
  --hero-shift:0px;
}

::selection{background:var(--experience-red);color:#fff}
html{background:#080808;scrollbar-color:#3a3936 #0a0a0a}
body{isolation:isolate}
body>main,body>footer{position:relative;z-index:1}
body.experience-leaving{overflow:hidden}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible{outline:1px solid var(--experience-red);outline-offset:5px}

.experience-field{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:
    radial-gradient(650px circle at var(--pointer-x) var(--pointer-y),rgba(223,36,31,.075),transparent 62%),
    radial-gradient(900px circle at 82% 12%,rgba(255,255,255,.025),transparent 55%);
}
.experience-field:before{
  content:"";
  position:absolute;
  left:-20%;
  right:-20%;
  bottom:-54vh;
  height:92vh;
  background-image:linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px);
  background-size:72px 72px;
  transform:perspective(550px) rotateX(66deg);
  transform-origin:center top;
  mask-image:linear-gradient(to bottom,transparent,#000 32%,transparent 92%);
  opacity:.48;
}
.experience-field:after{
  content:"";
  position:absolute;
  width:46vw;
  aspect-ratio:1;
  right:-20vw;
  top:12vh;
  border:1px solid rgba(223,36,31,.09);
  border-radius:50%;
  box-shadow:0 0 0 8vw rgba(223,36,31,.018),0 0 0 16vw rgba(223,36,31,.012);
  animation:experienceOrbit 24s linear infinite;
}

.site-progress{
  position:fixed;
  z-index:1002;
  left:0;
  top:0;
  width:100%;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg,var(--experience-red),#ff766f);
  transform:scaleX(var(--site-progress));
  transform-origin:left;
  box-shadow:0 0 18px rgba(238,42,35,.65);
}

.experience-curtain{position:fixed;z-index:1000;inset:0;display:grid;grid-template-columns:repeat(3,1fr);pointer-events:none;overflow:hidden}
.experience-curtain__panel{background:#080808;transform:translateY(0);transition:transform .92s var(--ease-shutter);will-change:transform}
.experience-curtain__panel:nth-child(2){background:#0d0d0d;transition-delay:.055s}
.experience-curtain__panel:nth-child(3){transition-delay:.11s}
.experience-curtain__mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:800 clamp(54px,8vw,108px)/1 var(--sans);letter-spacing:-.09em;color:#f1eee8;opacity:1;transition:opacity .28s ease .15s}
.experience-curtain__mark i{font:500 8px var(--mono);letter-spacing:.2em;color:var(--experience-red);position:absolute;left:calc(100% + 12px);top:7px;white-space:nowrap}
.experience-loaded .experience-curtain__panel{transform:translateY(-101%)}
.experience-loaded .experience-curtain__mark{opacity:0;transition-delay:.1s}
.experience-leaving .experience-curtain__panel{transform:translateY(0)!important;transition-duration:.62s}
.experience-leaving .experience-curtain__panel:nth-child(1){transition-delay:.1s}
.experience-leaving .experience-curtain__panel:nth-child(2){transition-delay:.05s}
.experience-leaving .experience-curtain__panel:nth-child(3){transition-delay:0s}
.experience-leaving .experience-curtain__mark{opacity:1;transition-delay:.32s}

/* Navigation becomes one coherent floating command bar on every page. */
.experience-enabled .nav{
  position:fixed!important;
  top:0;
  transition:height .35s var(--ease-cinematic),background .35s ease,padding .35s var(--ease-cinematic),border-color .35s ease,box-shadow .35s ease!important;
}
.experience-enabled .nav:before{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:18%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--experience-red),transparent);
  opacity:.8;
  animation:navScanner 8s ease-in-out infinite;
}
.experience-enabled .nav.is-scrolled{
  height:70px;
  padding-inline:22px;
  background:rgba(8,8,8,.78)!important;
  border-color:rgba(241,238,232,.13)!important;
  box-shadow:0 20px 70px rgba(0,0,0,.24);
  backdrop-filter:blur(20px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.25)!important;
}
.experience-enabled .mark{position:relative;transition:filter .3s ease,transform .3s var(--ease-cinematic)}
.experience-enabled .mark:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--experience-red);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-cinematic)}
.experience-enabled .mark:hover{transform:translateY(-2px);filter:drop-shadow(0 0 16px rgba(223,36,31,.5))}
.experience-enabled .mark:hover:after{transform:scaleX(1)}
.experience-enabled .nav nav a{transition:color .25s ease,opacity .25s ease,text-shadow .25s ease}
.experience-enabled .nav nav:hover a{opacity:.42}
.experience-enabled .nav nav a:hover,.experience-enabled .nav nav a.active{opacity:1;text-shadow:0 0 18px rgba(223,36,31,.38)}
.experience-enabled #lang{transition:color .25s ease,border-color .25s ease,background .25s ease,transform .3s var(--ease-cinematic)}
.experience-enabled #lang:hover{color:#fff;border-color:var(--experience-red);background:var(--experience-red);transform:rotate(-8deg) scale(1.06)}

/* Hero — a restrained 3D identity instrument rather than decorative clutter. */
.landing-page .hero{perspective:1400px}
.landing-page .hero:before{
  content:"";
  position:absolute;
  z-index:2;
  left:50%;
  top:51%;
  width:min(58vw,760px);
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.11);
  border-radius:50%;
  transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-12deg);
  box-shadow:0 0 0 7vw rgba(255,255,255,.018),inset 0 0 70px rgba(223,36,31,.04);
  pointer-events:none;
  animation:heroGyro 18s ease-in-out infinite alternate;
}
.landing-page .hero:after{
  content:"";
  position:absolute;
  z-index:2;
  left:9vw;
  right:9vw;
  top:52%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16) 28%,var(--experience-red) 50%,rgba(255,255,255,.16) 72%,transparent);
  transform:scaleX(.65);
  opacity:.55;
  pointer-events:none;
}
.hero-interface{position:absolute;z-index:3;inset:118px 34px 34px;pointer-events:none;font:7px var(--mono);letter-spacing:.18em;color:rgba(255,255,255,.62)}
.hero-interface__corner{position:absolute;display:flex;align-items:center;gap:12px}
.hero-interface__corner:before{content:"";display:block;width:28px;height:1px;background:var(--experience-red)}
.hero-interface__corner--a{left:0;top:0}.hero-interface__corner--b{right:0;top:0;flex-direction:row-reverse}.hero-interface__corner--c{left:0;bottom:0}.hero-interface__corner--d{right:0;bottom:0;flex-direction:row-reverse}
.hero-interface__reticle{position:absolute;left:50%;top:50%;width:13px;height:13px;border:1px solid rgba(255,255,255,.4);border-radius:50%;transform:translate(-50%,-50%)}
.hero-interface__reticle:before,.hero-interface__reticle:after{content:"";position:absolute;background:var(--experience-red)}
.hero-interface__reticle:before{width:27px;height:1px;left:-8px;top:5px}.hero-interface__reticle:after{width:1px;height:27px;left:5px;top:-8px}
.landing-page .hero-content{transform-style:preserve-3d;transform:translate3d(0,var(--hero-shift),0)}
.landing-page .hero-kicker{transform:translateZ(42px)}
.hero-title-stage{
  --hero-title-rx:0deg;
  --hero-title-ry:0deg;
  position:relative;
  display:grid;
  place-items:center;
  width:min(100%,1040px);
  margin:34px 0 38px;
  transform-style:preserve-3d;
  transform:rotateX(calc(-3deg + var(--hero-title-rx))) rotateY(var(--hero-title-ry));
  animation:heroTitleAlive 6.5s ease-in-out infinite alternate;
  will-change:transform;
}
.hero-title-stage h1,.hero-title-layer{grid-area:1/1;margin:0!important;width:100%;font-size:clamp(68px,8vw,128px);line-height:.78;letter-spacing:-.085em;text-align:center}
.hero-title-stage h1{position:relative;z-index:6;transform:translateZ(70px);filter:drop-shadow(0 34px 35px rgba(0,0,0,.56));animation:heroTitlePulse 4.2s ease-in-out infinite alternate}
.hero-title-stage h1>span,.hero-title-layer{display:block}
.hero-title-stage h1>span{background:linear-gradient(108deg,#817e78 0%,#fff 18%,#f1eee8 48%,#fff 70%,#98948d 100%);background-size:240% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:heroTitleLight 5.6s ease-in-out infinite}
.hero-title-stage h1 em{color:var(--experience-red);-webkit-text-fill-color:var(--experience-red);filter:drop-shadow(0 0 26px rgba(238,42,35,.34))}
.hero-title-layer{z-index:2;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.16);pointer-events:none;filter:blur(.15px)}
.hero-title-layer em{font-style:italic;font-weight:500;-webkit-text-stroke-color:rgba(238,42,35,.34)}
.hero-title-layer--1{transform:translate3d(0,3px,35px);color:rgba(65,62,59,.48);-webkit-text-stroke-color:rgba(255,255,255,.08)}
.hero-title-layer--2{transform:translate3d(0,7px,17px);color:rgba(42,39,37,.7);-webkit-text-stroke-color:rgba(223,36,31,.22)}
.hero-title-layer--3{transform:translate3d(0,12px,-2px);color:rgba(27,25,24,.8);-webkit-text-stroke-color:rgba(223,36,31,.18)}
.hero-title-layer--4{transform:translate3d(0,19px,-22px);color:rgba(8,8,8,.92);-webkit-text-stroke-color:rgba(255,255,255,.07);filter:blur(.7px)}
.hero-title-glint{position:absolute;z-index:8;left:6%;top:8%;width:14%;height:84%;transform:translateZ(88px) skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);filter:blur(12px);mix-blend-mode:screen;animation:heroGlint 5.8s var(--ease-cinematic) infinite;pointer-events:none}
.landing-page .hero-bottom{transform:translateZ(55px)}
.landing-page .hero-bottom a,.landing-cta,.primary-action{position:relative;overflow:hidden}
.landing-page .hero-bottom a:before,.landing-cta:before,.primary-action:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 66%);transform:translateX(-120%);transition:transform .72s var(--ease-cinematic)}
.landing-page .hero-bottom a:hover:before,.landing-cta:hover:before,.primary-action:hover:before{transform:translateX(120%)}
.scroll span{position:relative;overflow:hidden}
.scroll span:after{content:"";position:absolute;left:-1px;top:-30%;height:28%;border-left:2px solid #fff;animation:scrollSignal 2s ease-in-out infinite}

/* Section entrances receive a subtle scan and depth edge. */
.experience-enabled main>section,.experience-enabled main>header{position:relative}
.experience-enabled main>section.fx-section-inview:after,.experience-enabled main>header.fx-section-inview:after{
  content:"";
  position:absolute;
  z-index:8;
  left:0;
  top:0;
  width:100%;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--experience-red),transparent);
  animation:sectionScan 1.5s var(--ease-cinematic) both;
}
.reveal,.about-reveal{will-change:transform,opacity,filter}
.experience-enabled .reveal,.experience-enabled .about-reveal{filter:blur(8px)}
.experience-enabled .reveal.visible,.experience-enabled .about-reveal.is-visible{filter:blur(0)}

/* Opt-in perspective cards. JS only updates CSS variables. */
.fx-tilt{
  --tilt-x:0deg;
  --tilt-y:0deg;
  --lift:0px;
  transform-style:preserve-3d!important;
  transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translate3d(0,var(--lift),0)!important;
  transition:transform .55s var(--ease-cinematic),box-shadow .45s ease!important;
  will-change:transform;
}
.fx-tilt:hover{--lift:-8px;box-shadow:0 34px 90px rgba(0,0,0,.38)}
.fx-tilt>.fx-sheen{position:absolute!important;z-index:7!important;inset:0!important;pointer-events:none!important;background:radial-gradient(380px circle at var(--sheen-x,50%) var(--sheen-y,50%),rgba(255,255,255,.14),transparent 58%)!important;mix-blend-mode:screen;opacity:var(--sheen-opacity,0);transition:opacity .35s ease}
.fx-tilt .directory-card__body,.fx-tilt .directory-card__top,.fx-tilt .chapter-card__body,.fx-tilt .chapter-card__top,.fx-tilt .chapter-card__action{transform:translateZ(34px)}
.fx-tilt>img{transform:translateZ(1px) scale(1.018)}
.fx-tilt:hover>img{transform:translateZ(1px) scale(1.06)}
.fx-magnetic{transform:translate3d(var(--magnetic-x,0),var(--magnetic-y,0),0);transition:transform .45s var(--ease-cinematic),background .25s ease,color .25s ease,border-color .25s ease}

/* Home page — editorial contrast, more dimensional cards and transitions. */
.about-preview__media{transform:translate3d(0,calc(var(--hero-shift) * -.16),0) scale(1.02)}
.about-preview:before{content:"";position:absolute;z-index:1;width:min(52vw,720px);aspect-ratio:1;right:-16vw;top:13%;border-radius:50%;border:1px solid rgba(255,255,255,.11);box-shadow:0 0 0 70px rgba(255,255,255,.015),0 0 0 140px rgba(223,36,31,.025);animation:experienceOrbit 27s linear infinite}
.about-preview__copy h2,.landing-directory h2,.direct-contact h2{filter:drop-shadow(0 22px 38px rgba(0,0,0,.22))}
.about-preview__chapters span{position:relative;overflow:hidden;transition:padding .3s var(--ease-cinematic),color .3s ease}
.about-preview__chapters span:before{content:"";position:absolute;left:-100%;right:100%;top:0;bottom:0;background:rgba(223,36,31,.12);transition:left .45s var(--ease-cinematic),right .45s var(--ease-cinematic)}
.about-preview__chapters span:hover{padding-left:12px;color:#fff}.about-preview__chapters span:hover:before{left:0;right:0}
.about-preview__chapters span>*{position:relative}
.landing-directory{background:radial-gradient(circle at 80% 18%,rgba(223,36,31,.08),transparent 28%),#0d0d0d}
.directory-grid{perspective:1700px;background:rgba(255,255,255,.13)}
.directory-card{transform-origin:center bottom}
.directory-card:before{content:"";position:absolute;z-index:3;left:0;right:0;top:0;height:2px;background:var(--experience-red);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease-cinematic)}
.directory-card:hover:before{transform:scaleX(1)}
.directory-card h3{transition:letter-spacing .5s var(--ease-cinematic),color .3s ease}
.directory-card:hover h3{letter-spacing:-.075em;color:#fff}
.landing-contact:after{content:"∞";position:absolute;right:-.04em;top:50%;transform:translateY(-50%) rotate(-8deg);font:400 min(54vw,780px)/1 Georgia,serif;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.05);pointer-events:none}
.contact-channel{position:relative;overflow:hidden}
.contact-channel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 48%,rgba(223,36,31,.08) 48.2%,transparent 48.5%);transform:translateX(-100%);transition:transform .7s var(--ease-cinematic)}
.contact-channel:hover:before{transform:translateX(0)}
.contact-channel>*{position:relative;z-index:2}
.contact-channels--single{grid-template-columns:1fr}
.contact-channels--single .contact-channel{min-height:270px;display:grid;grid-template-columns:minmax(180px,.62fr) 1.38fr;grid-template-rows:auto 1fr;column-gap:70px;align-items:center}
.contact-channels--single .contact-channel__top{grid-column:1;align-self:start}
.contact-channels--single .contact-channel>strong{grid-column:2;grid-row:1/-1;margin:0;font-size:clamp(27px,4vw,60px)}
.contact-channels--single .contact-channel__action{grid-column:1;align-self:end}

/* About — preserve the four-chapter UX while making the index tactile. */
.about-page .origins-masthead{perspective:1400px}
.about-page .origins-masthead:after{content:"";position:absolute;z-index:1;width:min(56vw,800px);aspect-ratio:1;right:-15vw;top:12%;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 7vw rgba(255,255,255,.018);transform:rotateX(62deg) rotateZ(-18deg);animation:aboutGyro 20s ease-in-out infinite alternate;pointer-events:none}
.about-page .origins-masthead__content{transform:translate3d(0,var(--hero-shift),0);transform-style:preserve-3d}
.about-page .origins-masthead h1{transform:translateZ(65px);filter:drop-shadow(0 30px 50px rgba(0,0,0,.46))}
.chapter-grid{perspective:1700px}
.chapter-card{transform-origin:center 85%}
.chapter-card:before{content:"";position:absolute;z-index:4;left:0;top:0;width:2px;height:100%;background:var(--experience-red);transform:scaleY(0);transform-origin:top;transition:transform .52s var(--ease-cinematic)}
.chapter-card:hover:before{transform:scaleY(1)}
.chapter-card strong{transition:letter-spacing .42s var(--ease-cinematic)}
.chapter-card:hover strong{letter-spacing:-.06em}
.chapter-panel:not([hidden]){animation:chapterMaterialize .78s var(--ease-cinematic) both}
.chapter-dock{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 14px 50px rgba(0,0,0,.25)}
.competition-gallery img,.brotherhood-photo img,.pressure-proof__image img{transition:transform 1.1s var(--ease-cinematic),filter .7s ease}
.competition-gallery:hover img,.brotherhood-photo:hover img,.pressure-proof:hover .pressure-proof__image img{transform:scale(1.025);filter:saturate(.78) contrast(1.08)}

/* Articles — the cover behaves like a physical object; the essay stays readable. */
.articles-page .archive{background:radial-gradient(circle at 74% 24%,rgba(223,36,31,.055),transparent 23%),var(--paper)}
.manifesto-cover.fx-tilt:hover{--lift:-11px}
.manifesto-cover.fx-tilt .manifesto-cover__top,.manifesto-cover.fx-tilt .manifesto-cover__bottom,.manifesto-cover.fx-tilt>strong,.manifesto-cover.fx-tilt .manifesto-cover__equation{transform:translateZ(42px)}
.manifesto-cover.fx-tilt .manifesto-cover__art{transform:translateZ(2px) scale(.96)}
.manifesto-cover.fx-tilt:hover .manifesto-cover__art{transform:translateZ(2px) scale(1)}
.article-page .essay-hero{perspective:1400px}
.article-page .essay-hero h1{transform:translateZ(80px);text-shadow:0 30px 50px rgba(0,0,0,.45)}
.article-page .essay-hero__zero{animation:zeroBreathe 10s ease-in-out infinite alternate}
.essay-section{transition:background .6s ease}
.essay-section:hover{background:linear-gradient(90deg,transparent,rgba(223,36,31,.025),transparent)}
.essay-copy blockquote{position:relative}
.essay-copy blockquote:after{content:"";position:absolute;left:0;bottom:-20px;width:74px;height:2px;background:var(--experience-red);transform-origin:left;transform:scaleX(.3);transition:transform .55s var(--ease-cinematic)}
.essay-section:hover .essay-copy blockquote:after{transform:scaleX(1)}

/* Roulette remains precise and playable; only the surrounding presentation is elevated. */
.roulette-page{--experience-red:#d9ad67}
.roulette-page .experience-field{background:radial-gradient(700px circle at var(--pointer-x) var(--pointer-y),rgba(217,173,103,.065),transparent 62%),radial-gradient(900px circle at 50% 14%,rgba(0,100,62,.13),transparent 60%)}
.roulette-page .experience-field:after{border-color:rgba(217,173,103,.08);box-shadow:0 0 0 8vw rgba(217,173,103,.014),0 0 0 16vw rgba(4,91,54,.015)}
.roulette-page .game-shell{position:relative;box-shadow:0 38px 120px rgba(0,0,0,.48),0 0 0 1px rgba(217,173,103,.12);transition:box-shadow .6s ease}
.roulette-page .game-shell:before{content:"";position:absolute;z-index:10;left:4%;right:4%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#d9ad67,transparent);animation:rouletteGlint 5s ease-in-out infinite;pointer-events:none}
.roulette-page .wheel-shell{filter:drop-shadow(0 28px 34px rgba(0,0,0,.46));transform-style:preserve-3d}
.roulette-page .wheel-panel{perspective:1100px}

@keyframes experienceOrbit{to{transform:rotate(360deg)}}
@keyframes navScanner{0%,100%{transform:translateX(-30%);opacity:.2}50%{transform:translateX(470%);opacity:.9}}
@keyframes heroGyro{0%{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-12deg) scale(.96)}100%{transform:translate(-50%,-50%) rotateX(55deg) rotateZ(14deg) scale(1.04)}}
@keyframes aboutGyro{0%{transform:rotateX(62deg) rotateZ(-18deg) scale(.96)}100%{transform:rotateX(54deg) rotateZ(12deg) scale(1.04)}}
@keyframes heroTitleAlive{0%{transform:translate3d(0,-4px,0) rotateX(calc(-4deg + var(--hero-title-rx))) rotateY(var(--hero-title-ry))}100%{transform:translate3d(0,5px,0) rotateX(calc(-1deg + var(--hero-title-rx))) rotateY(var(--hero-title-ry))}}
@keyframes heroTitlePulse{from{filter:drop-shadow(0 25px 28px rgba(0,0,0,.5))}to{filter:drop-shadow(0 42px 42px rgba(0,0,0,.65))}}
@keyframes heroTitleLight{0%,18%{background-position:100% 0}58%,100%{background-position:0 0}}
@keyframes heroGlint{0%,26%{transform:translate3d(-150%,0,88px) skewX(-18deg);opacity:0}40%{opacity:1}64%,100%{transform:translate3d(720%,0,88px) skewX(-18deg);opacity:0}}
@keyframes scrollSignal{0%{transform:translateY(-90%);opacity:0}35%{opacity:1}100%{transform:translateY(310%);opacity:0}}
@keyframes sectionScan{from{clip-path:inset(0 100% 0 0);opacity:0}35%{opacity:1}to{clip-path:inset(0 0 0 100%);opacity:0}}
@keyframes chapterMaterialize{from{opacity:0;transform:translateY(28px);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes zeroBreathe{from{transform:translateY(-50%) scale(.94);opacity:.7}to{transform:translateY(-50%) scale(1.03);opacity:1}}
@keyframes rouletteGlint{0%,100%{transform:scaleX(.1);opacity:.2}50%{transform:scaleX(1);opacity:.8}}

@media(max-width:1120px){
  .experience-enabled .nav{left:0!important;right:0!important;transform:none!important;margin-inline:auto}
  .experience-enabled .nav nav:hover a{opacity:1}
  .hero-interface{inset:98px 22px 28px}
  .landing-page .hero:before{width:74vw}
  .fx-tilt{transform:none!important}
  .fx-tilt:hover{--lift:0px;box-shadow:none}
  .fx-tilt>.fx-sheen{display:none}
}

@media(max-width:650px){
  .cursor{display:none}
  .experience-field:before{bottom:-32vh;height:68vh;background-size:48px 48px;opacity:.34}
  .experience-field:after{width:95vw;right:-58vw;top:18vh}
  .experience-curtain{grid-template-columns:repeat(2,1fr)}
  .experience-curtain__panel:nth-child(3){display:none}
  .experience-curtain__mark{font-size:62px}
  .experience-enabled .nav.is-scrolled{height:64px;padding-inline:14px}
  .hero-interface{inset:86px 14px 20px}
  .hero-interface__corner--b,.hero-interface__corner--c{display:none}
  .hero-interface__corner{font-size:6px}
  .landing-page .hero:before{top:45%;width:112vw;opacity:.62}
  .landing-page .hero:after{left:0;right:0;top:48%;opacity:.38}
  .landing-page .hero-content h1:before{white-space:normal}
  .hero-title-stage{margin:25px 0 35px}
  .hero-title-stage h1,.hero-title-layer{font-size:58px}
  .hero-title-layer--1{transform:translate3d(0,2px,22px)}.hero-title-layer--2{transform:translate3d(0,5px,10px)}.hero-title-layer--3{transform:translate3d(0,8px,-2px)}.hero-title-layer--4{transform:translate3d(0,13px,-14px)}
  .about-preview:before{width:105vw;right:-72vw;top:20%}
  .landing-contact:after{font-size:100vw;right:-.22em}
  .reveal,.about-reveal{will-change:auto}
  .experience-enabled .reveal,.experience-enabled .about-reveal{filter:none}
}

@media(pointer:coarse){.fx-tilt{transform:none!important}.fx-tilt>.fx-sheen{display:none}.experience-field{background:radial-gradient(650px circle at 78% 18%,rgba(223,36,31,.06),transparent 62%)}}

@media(prefers-reduced-motion:reduce){
  .experience-curtain{display:none}
  .experience-field:after,.experience-enabled .nav:before,.landing-page .hero:before,.scroll span:after,.about-preview:before,.about-page .origins-masthead:after,.article-page .essay-hero__zero,.roulette-page .game-shell:before,.hero-title-stage,.hero-title-stage h1,.hero-title-stage h1>span,.hero-title-glint{animation:none!important}
  .experience-enabled .reveal,.experience-enabled .about-reveal{filter:none}
  .fx-tilt,.fx-magnetic{transform:none!important;transition:none!important}
}

/* Continuous scenes: a common surface, readable type and quieter movement. */
:root{--scene:#0b0c0e;--scene-rgb:11,12,14;--scene-text:#f1eee8;--scene-copy:#c7c3bc;--scene-muted:#aaa69f;--scene-line:rgba(241,238,232,.15)}
:is(.about-page,.articles-page,.article-page,.services-page,.roulette-page){background:var(--scene);color:var(--scene-text)}
:is(.about-page,.articles-page,.article-page,.services-page,.roulette-page)>main{background:var(--scene)}
:is(.about-page,.articles-page,.article-page,.services-page) .noise{opacity:.025}
.experience-curtain{display:block;background:var(--scene);opacity:1;transition:opacity .42s ease}
.experience-curtain__panel,.experience-curtain__mark{display:none}
.experience-loaded .experience-curtain{opacity:0}
.experience-leaving .experience-curtain{opacity:1;transition-duration:.24s}
.experience-enabled :is(.reveal,.about-reveal){filter:none;transform:translateY(18px);transition:opacity .85s ease,transform 1.05s cubic-bezier(.22,1,.36,1);will-change:auto}
.experience-enabled :is(.reveal.visible,.about-reveal.is-visible){filter:none;transform:none}
.experience-enabled main>:is(section,header).fx-section-inview:after{display:none}
:is(.about-page,.articles-page,.article-page,.services-page) .section-tag{border-color:var(--scene-line);font-size:.75rem;line-height:1.6}
:is(.about-page,.articles-page,.article-page,.services-page) :is(.about-footer,.article-footer){background:var(--scene);border-top:1px solid var(--scene-line)}
:is(.about-page,.articles-page,.article-page,.services-page) :is(.about-footer,.article-footer)>p{font-size:.75rem;line-height:1.6;letter-spacing:.07em}

/* About: the four chapters keep their structure, without alternating white slides. */
.about-page :is(.origins-masthead,.chapter-index,.origin-note,.brotherhood-block,.early-horizons,.education,.education-era,.university-era,.building,.attention-era,.commerce-era,.systems-era,.competition,.competition-creed,.competitive-record,.pressure-proof){background:var(--scene);color:var(--scene-text)}
.about-page :is(.early-horizons,.university-era,.systems-era){background:radial-gradient(ellipse at 75% 50%,rgba(151,30,28,.12),transparent 68%),var(--scene)}
.about-page :is(.origins-masthead:after,.early-horizons:before,.university-era:before,.systems-era:before){display:none}
.about-page :is(.origins-coordinate,.competition-coordinate){display:none}
.about-page :is(.origins-masthead__image,.competition-opener__image){-webkit-mask-image:linear-gradient(#000 68%,transparent 100%);mask-image:linear-gradient(#000 68%,transparent 100%)}
.about-page .origins-masthead__shade{background:linear-gradient(90deg,var(--scene) 0%,var(--scene) 42%,rgba(var(--scene-rgb),.76) 59%,rgba(var(--scene-rgb),.13) 100%)}
.about-page .competition-opener__shade{background:linear-gradient(90deg,var(--scene) 0%,var(--scene) 40%,rgba(var(--scene-rgb),.82) 56%,rgba(var(--scene-rgb),.22) 100%)}
.about-page .pressure-proof__image{-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 70%,transparent)}
.about-page .pressure-proof__shade{background:linear-gradient(90deg,rgba(var(--scene-rgb),.95),rgba(var(--scene-rgb),.76) 52%,rgba(var(--scene-rgb),.38))}
.about-page :is(.origins-masthead,.origins-masthead__content){min-height:92svh}
.about-page :is(.competition-opener,.competition-opener__content,.pressure-proof,.pressure-proof__content){min-height:85svh}
.about-page :is(.chapter-index,.origin-note,.brotherhood-block,.early-horizons,.education-opener,.education-era,.university-era,.education-manifesto,.building-opener,.attention-era,.commerce-era,.systems-era,.building-manifesto,.competition-creed,.competitive-record){padding-top:clamp(80px,8vw,125px);padding-bottom:clamp(80px,8vw,125px)}
.about-page :is(.origins-masthead h1,.chapter-index h2,.education-opener h2,.building-opener h2,.competition-opener h2,.era-copy h3,.university-copy h3,.building-copy h3,.commerce-head h3,.systems-copy h3,.competition-creed h3,.competitive-record h3,.brotherhood-copy blockquote,.education-manifesto blockquote,.building-manifesto blockquote,.pressure-proof blockquote){line-height:.98}
.about-page :is(.origins-masthead__foot p,.brotherhood-copy>p,.early-horizons__copy>p,.education-thesis>p,.education-foundation>p,.era-copy>p,.university-copy>p,.building-intro>p,.first-signal p,.building-copy>p,.commerce-head>p,.systems-copy>p,.experiment-grid p,.competition-thesis>p,.competition-creed__text p,.competitive-record__head>p,.sport-ledger p,.pressure-proof__content>p){font-size:1rem;line-height:1.8;color:var(--scene-copy)}
.about-page :is(.education-principle small,.education-foundation>span,.education-metrics small,.university-details small,.operator-loop small,.first-signal small,.competition-thesis small){color:var(--scene-muted);font-size:.75rem;line-height:1.6;letter-spacing:.08em}
.about-page :is(.era-index,.education-metrics,.education-metrics>div+div,.competition-creed__copy .eyebrow,.competition-creed__text blockquote){border-color:var(--scene-line)}
.about-page :is(.origins-index,.era-index,.manifesto-code,.competition-creed__copy .eyebrow){font-size:.75rem;line-height:1.6;letter-spacing:.08em}
.about-page :is(.archive-card,.university-visual,.competition-gallery figure){background:#17191c;color:var(--scene-text);border:1px solid var(--scene-line);border-radius:4px}
.about-page :is(.saint-visual,.falcon-card,.signal-board,.systems-console){border:1px solid var(--scene-line);border-radius:4px}
.about-page :is(.archive-card,.falcon-card,.saint-visual,.university-visual,.competition-gallery figure) figcaption{font-size:.75rem;line-height:1.5;letter-spacing:.045em;flex-wrap:wrap}
.about-page .chapter-grid{gap:18px;padding:0;background:transparent}
.about-page .chapter-card{border:1px solid var(--scene-line);border-radius:5px}
.about-page .chapter-card__body strong{line-height:1.02}
.about-page .chapter-card__body small{font-size:.875rem;line-height:1.65;color:var(--scene-copy)}
.about-page :is(.chapter-card__top,.chapter-card__action){font-size:.75rem;line-height:1.5;letter-spacing:.045em}
.about-page .chapter-dock{background:rgba(var(--scene-rgb),.94);border-color:var(--scene-line);box-shadow:0 12px 35px rgba(0,0,0,.18)}
.about-page .chapter-dock button{font-size:.75rem;line-height:1.5;letter-spacing:.045em;color:var(--scene-muted)}
.about-page .chapter-dock button:is(:hover,.is-active){color:var(--scene-text)}
.about-page .chapter-panel:not([hidden]){animation:continuousChapterIn .7s cubic-bezier(.22,1,.36,1) both}
@keyframes continuousChapterIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* Articles: continuous dark reading surfaces, with contrast reserved for the words. */
:is(.about-page,.articles-page,.article-page,.services-page){--red:#ef4b43;--article-red:#ef4b43}
.articles-page .archive{background:radial-gradient(ellipse at 78% 30%,rgba(151,30,28,.08),transparent 62%),var(--scene);color:var(--scene-text)}
.articles-page .archive:before{-webkit-text-stroke-color:rgba(241,238,232,.045)}
.articles-page :is(.archive__head,.article-meta,.archive__footer,.archive-ledger,.archive-ledger__entry,.archive-ledger__entry>span){border-color:var(--scene-line)}
.articles-page :is(.archive__head h1,.archive__head h2,.featured-article h3,.archive-ledger__head h3,.archive-ledger__entry>div strong){line-height:1.02}
.articles-page :is(.featured-article__copy p,.featured-article blockquote,.archive__footer p,.archive-ledger__entry>div p){color:var(--scene-copy)}
.articles-page .featured-article .secondary-action{color:var(--scene-text)}
.articles-page :is(.article-meta,.featured-article__kicker,.archive__footer,.archive-ledger__head>span,.archive-ledger__entry>div small,.archive-ledger__entry>span i){font-size:.75rem;line-height:1.6;letter-spacing:.08em}
.articles-page .archive-ledger{margin-top:clamp(70px,8vw,115px)}
.articles-page .archive-ledger__entry{background:rgba(241,238,232,.025);color:var(--scene-text);border-radius:5px}
.articles-page .archive-ledger__entry:hover{background:rgba(241,238,232,.05);color:var(--scene-text);transform:translateY(-3px)}
.articles-page .archive-ledger__entry:hover>div p{color:var(--scene-copy)}
.articles-page :is(.manifesto-cover,.strategy-cover){border-radius:5px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.article-page :is(.essay-hero,.strategy-hero,.essay,.strategy-article,.essay-close,.strategy-close){background:var(--scene);color:var(--scene-text)}
.article-page :is(.essay-hero:before,.strategy-hero:before,.strategy-close:before){display:none}
.article-page .strategy-hero__visual{clip-path:none;-webkit-mask-image:linear-gradient(#000 65%,transparent 100%);mask-image:linear-gradient(#000 65%,transparent 100%)}
.article-page .strategy-hero__visual:after{background:linear-gradient(90deg,var(--scene),transparent 42%)}
.article-page .essay-hero__art:after{background:linear-gradient(0deg,var(--scene),transparent 28%),linear-gradient(90deg,transparent 55%,rgba(var(--scene-rgb),.28))}
.article-page :is(.essay-hero,.strategy-hero){min-height:92svh}
.article-page :is(.essay-close,.strategy-close){min-height:0;padding-top:clamp(95px,10vw,145px);padding-bottom:clamp(95px,10vw,145px)}
.article-page .essay-close:before{background:radial-gradient(ellipse at 50% 50%,rgba(151,30,28,.12),transparent 66%)}
.article-page :is(.essay-copy h2,.strategy-hero h1,.strategy-copy h2,.strategy-close h2){line-height:1.02}
.article-page :is(.essay-section,.strategy-section,.strategy-opening){padding-top:clamp(75px,8vw,115px);padding-bottom:clamp(75px,8vw,115px)}
.article-page :is(.essay-section+.essay-section,.final-question .essay-copy blockquote,.strategy-opening__label,.strategy-opening__copy blockquote,.strategy-section+.strategy-section,.strategy-copy ul,.strategy-copy li,.incentive-list,.incentive-list article,.leverage-grid,.leverage-grid article,.strategy-sources){border-color:var(--scene-line)}
.article-page :is(.equation-section,.strategy-section--dark){color:var(--scene-text)}
.article-page :is(.equation-section:before,.strategy-section--dark:before){background:radial-gradient(ellipse at 76% 50%,rgba(151,30,28,.12),transparent 65%)}
.article-page :is(.essay-copy p,.strategy-copy p,.strategy-opening__copy>p){color:var(--scene-copy);line-height:1.65}
.article-page :is(.essay-copy .one-word,.short-lines span:first-child){color:var(--article-red)}
.article-page .final-question .essay-copy blockquote{color:var(--scene-text)}
.article-page :is(.essay-opening .essay-copy>p:nth-child(2),.strategy-copy p.small,.strategy-section--dark .strategy-copy p.small,.strategy-aside,.strategy-section--dark .strategy-aside,.incentive-list article>p,.field-note p,.leverage-grid p,.strategy-sources li){color:var(--scene-copy)}
.article-page :is(.incentive-list article>p,.leverage-grid p,.strategy-sources li){font-size:1rem;line-height:1.75}
.article-page .field-note{background:rgba(241,238,232,.035);border-radius:4px}
.article-page :is(.essay-back,.strategy-back,.essay-hero__meta,.strategy-hero__meta,.essay-hero__eyebrow,.strategy-hero__eyebrow,.essay-section__number,.strategy-section__number,.strategy-opening__label,.strategy-aside,.strategy-copy li b,.auction-model small,.incentive-list article>span,.field-note>span,.game-audit li:before,.game-audit span,.leverage-grid small,.strategy-sources>span){font-size:.75rem;line-height:1.6;letter-spacing:.07em}
.article-page :is(.game-audit span,.auction-model small){color:var(--scene-muted)}
.article-page :is(.primary-action,.secondary-action),.articles-page :is(.primary-action,.secondary-action){font-size:.75rem;line-height:1.6;letter-spacing:.065em}
.article-page :is(.essay-hero__mark,.strategy-hero__issue){display:none}

/* Services and game surround share the same canvas; the actual game stays intact. */
.services-page .service-intro{min-height:85svh;padding-bottom:clamp(65px,7vw,100px)}
.services-page .service-intro h1{line-height:1.02}
.services-page .service-intro__image{transform:none;border-color:var(--scene-line);border-radius:5px}
.services-page .service-intro__image:after{background:linear-gradient(0deg,var(--scene),transparent 58%)}
.services-page .service-process{background:radial-gradient(ellipse at 70% 50%,rgba(151,30,28,.1),transparent 68%),var(--scene);color:var(--scene-text)}
.services-page :is(.service-process .service-label,.service-steps span){color:var(--red)}
.services-page :is(.service-section-head,.service-offer,.service-offer__detail li,.service-disclosure){border-color:var(--scene-line)}
.services-page :is(.service-steps p,.service-disclosure){color:var(--scene-copy)}
.services-page .service-steps li{border-top-color:rgba(239,75,67,.55)}
.roulette-page .roulette-arena{background:radial-gradient(ellipse at 50% 45%,rgba(4,80,48,.12),transparent 65%),var(--scene)}
.roulette-page .roulette-footer{background:var(--scene);border-top:1px solid var(--scene-line)}
.roulette-page .game-shell:before{display:none}
@media(max-width:900px){
  .about-page :is(.origins-masthead__shade,.competition-opener__shade){background:linear-gradient(90deg,rgba(var(--scene-rgb),.92),rgba(var(--scene-rgb),.3)),linear-gradient(0deg,var(--scene),transparent 65%)}
  .article-page .strategy-hero__visual:after{background:linear-gradient(90deg,var(--scene),rgba(var(--scene-rgb),.4) 65%,transparent)}
  .services-page .service-intro{min-height:0}
}
@media(max-width:650px){
  .about-page :is(.origins-masthead,.origins-masthead__content,.competition-opener,.competition-opener__content,.pressure-proof,.pressure-proof__content){min-height:0}
  .about-page .origins-masthead__content{padding:145px 0 80px}
  .about-page :is(.competition-opener__content,.pressure-proof__content){padding:90px 0 65px}
  .about-page .chapter-grid{gap:16px}
  .about-page .chapter-card{height:300px;min-height:0}
  .about-page .chapter-card__body{bottom:65px}
  .about-page .chapter-dock__inner{grid-template-columns:repeat(5,minmax(155px,1fr))}
  .article-page :is(.essay-hero,.strategy-hero){min-height:0;padding-top:120px;padding-bottom:75px}
  .article-page .strategy-hero__visual:after{background:linear-gradient(90deg,var(--scene),rgba(var(--scene-rgb),.58) 75%,rgba(var(--scene-rgb),.38))}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .experience-curtain{display:none}
  .experience-enabled :is(.reveal,.about-reveal){opacity:1;transform:none;transition:none;filter:none}
  .about-page .chapter-panel:not([hidden]){animation:none}
  .about-page .origins-masthead__content{transform:none}
}