:root{--font-geist-sans:Arial,Helvetica,sans-serif;--font-geist-mono:"Courier New",monospace;--acid:#dfff00;--ink:#0a0a09;--bone:#f1eadc;--coffee:#68391f;--dust:#cbc9be;--progress:0;--scene-1:1;--scene-2:0;--scene-3:0;--scene-4:0;--scene-5:0}
*{box-sizing:border-box}
html{background:var(--ink);scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--font-geist-sans),Arial,sans-serif;overflow-x:hidden}
a{color:inherit}
::selection{color:var(--ink);background:var(--acid)}
.experience{height:600vh;position:relative;background:var(--ink)}
.sticky-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 45%,#23231f 0,#10100e 43%,#070706 100%)}
.particle-canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none}
.grain{position:absolute;z-index:2;inset:-50%;pointer-events:none;opacity:.12;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");animation:noise .24s steps(2) infinite}
@keyframes noise{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,4%)}100%{transform:translate(-3%,-2%)}}
.topbar{position:absolute;z-index:20;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(18px,3vw,52px);border-bottom:1px solid rgba(241,234,220,.28);font-family:var(--font-geist-mono),monospace;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.logo{font-family:Impact,"Arial Black",sans-serif;font-size:2.2rem;letter-spacing:-.04em;text-decoration:none}.logo span{font:700 .55rem var(--font-geist-mono);vertical-align:top;color:var(--acid)}
.topbar p{margin:0}.live{justify-self:end;display:flex;align-items:center;gap:9px}.live i{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 16px var(--acid);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.25;scale:.7}}
.fixed-socials{position:absolute;z-index:21;right:clamp(18px,3vw,52px);top:50%;display:flex;flex-direction:column;gap:8px;transform:translateY(-50%)}
.fixed-socials a{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(241,234,220,.42);border-radius:50%;font:700 .62rem var(--font-geist-mono);text-decoration:none;transition:.25s ease}.fixed-socials a:hover,.fixed-socials a:focus-visible{color:var(--ink);border-color:var(--acid);background:var(--acid);transform:scale(1.15)}
.scene{position:absolute;z-index:5;inset:76px 0 0;padding:clamp(24px,4vw,70px);display:flex;pointer-events:none}
.scene-one{opacity:var(--scene-1);flex-direction:column;justify-content:center;align-items:flex-start}
.eyebrow{margin:0 0 18px;padding:7px 11px;color:var(--ink);background:var(--acid);font:800 clamp(.63rem,.8vw,.78rem) var(--font-geist-mono);letter-spacing:.12em;text-transform:uppercase}
.scene-one h1,.scene-four h2,.social-heading h2{margin:0;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(4.2rem,10.7vw,11.5rem);font-weight:900;line-height:.76;letter-spacing:-.055em;text-transform:uppercase}.scene-one h1 em,.scene-four h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--bone)}
.intro{max-width:49ch;margin:26px 0 0 4px;font-size:clamp(.86rem,1.15vw,1.08rem);line-height:1.5;color:rgba(241,234,220,.72)}
.scroll-prompt{position:absolute;bottom:28px;left:50%;display:flex;align-items:center;gap:24px;transform:translateX(-50%);font:800 .68rem var(--font-geist-mono);letter-spacing:.13em}.scroll-prompt b{color:var(--acid);font-size:1.5rem;animation:down 1.2s ease-in-out infinite}@keyframes down{50%{transform:translateY(7px)}}
.scene-two{opacity:var(--scene-2);align-items:flex-end;justify-content:center}.scene-caption{margin:0 0 7vh;padding:9px 13px;color:var(--ink);background:var(--acid);font:800 .7rem var(--font-geist-mono);letter-spacing:.12em}.orbit-note{position:absolute;top:10%;left:5%;font:700 .62rem var(--font-geist-mono);letter-spacing:.16em;writing-mode:vertical-rl}
.scene-three{opacity:var(--scene-3);align-items:center;justify-content:space-between;gap:5vw}.material-label{width:min(39vw,560px);padding:24px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.material-label>span{font:800 .62rem var(--font-geist-mono);letter-spacing:.14em}.material-label h2{margin:12px 0;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(3.3rem,7.2vw,8.4rem);line-height:.79;letter-spacing:-.04em}.material-label p{max-width:32ch;margin:0;color:rgba(241,234,220,.7);font-size:clamp(.78rem,1vw,.98rem);line-height:1.45}.coffee-label{color:#d89263}.pm-label{text-align:right;color:var(--dust)}.pm-label p{margin-left:auto}.material-cross{font-family:Impact;font-size:clamp(3rem,7vw,8rem);color:var(--acid)}
.scene-four{opacity:var(--scene-4);flex-direction:column;align-items:center;justify-content:center;text-align:center}.scene-four h2{font-size:clamp(4rem,10.2vw,10.8rem)}.scene-four>p:last-child{margin:25px 0 0;font:700 clamp(.75rem,1vw,.95rem) var(--font-geist-mono);line-height:1.6;letter-spacing:.08em;text-transform:uppercase}
.scene-five{opacity:var(--scene-5);pointer-events:auto;display:grid;grid-template-columns:minmax(330px,.72fr) minmax(560px,1.28fr);gap:clamp(28px,5vw,90px);align-items:center;padding-bottom:70px;background:rgba(10,10,9,.92)}
.experience:not([data-final="true"]) .scene-five{pointer-events:none}
.social-heading>span{display:inline-block;margin-bottom:20px;color:var(--acid);font:800 .68rem var(--font-geist-mono);letter-spacing:.13em}.social-heading h2{font-size:clamp(4rem,8.2vw,9.5rem)}
.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-grid a{position:relative;min-height:clamp(150px,21vh,220px);padding:20px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(241,234,220,.35);overflow:hidden;text-decoration:none;transition:color .3s ease,border-color .3s ease,transform .3s cubic-bezier(.2,.8,.2,1)}.social-grid a::before{content:"";position:absolute;z-index:-1;inset:0;background:var(--social-color);transform:translateY(101%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.social-grid a:hover,.social-grid a:focus-visible{color:var(--ink);border-color:var(--social-color);transform:translateY(-5px)}.social-grid a:hover::before,.social-grid a:focus-visible::before{transform:translateY(0)}.social-grid small{position:absolute;top:13px;left:15px;font:700 .6rem var(--font-geist-mono)}.social-grid strong{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(2.25rem,3.8vw,4.6rem);line-height:.9;text-transform:uppercase}.social-grid span{margin-top:9px;font:700 clamp(.62rem,.8vw,.75rem) var(--font-geist-mono)}.social-grid b{position:absolute;right:14px;bottom:7px;font-size:2.1rem}.scene-five footer{position:absolute;left:clamp(24px,4vw,70px);right:clamp(24px,4vw,70px);bottom:20px;display:flex;justify-content:space-between;border-top:1px solid rgba(241,234,220,.3);padding-top:13px;font:700 .62rem var(--font-geist-mono);letter-spacing:.1em}
.progress-rail{position:absolute;z-index:22;left:0;bottom:0;width:100%;height:4px;background:rgba(241,234,220,.12)}.progress-rail span{display:block;height:100%;width:calc(var(--progress) * 100%);background:var(--acid);box-shadow:0 0 18px var(--acid)}
@media(max-width:900px){.topbar{grid-template-columns:1fr 1fr}.topbar p{display:none}.scene-five{grid-template-columns:1fr;align-content:center;overflow-y:auto}.social-heading h2{font-size:clamp(3.5rem,12vw,6.5rem);line-height:.78}.social-heading h2 br{display:none}.social-grid a{min-height:140px}.fixed-socials{display:none}.scene-three{gap:15px}.material-label{width:45vw;padding:15px}.material-cross{font-size:3rem}}
@media(max-width:580px){.experience{height:650vh}.topbar{height:62px;padding:0 14px}.logo{font-size:1.8rem}.live{font-size:.55rem}.scene{inset:62px 0 0;padding:20px 14px}.scene-one h1{font-size:clamp(3.6rem,19vw,6rem);line-height:.79}.scene-one h1 em{-webkit-text-stroke-width:1px}.intro{font-size:.78rem;max-width:34ch}.scene-three{flex-direction:column;justify-content:center}.material-label{width:92%;text-align:left}.pm-label{text-align:right}.material-label h2{font-size:clamp(3rem,15vw,5rem)}.material-label p{display:none}.material-cross{line-height:.5}.scene-four h2{font-size:clamp(3.4rem,17vw,5.6rem);line-height:.78}.scene-four h2 em{-webkit-text-stroke-width:1px}.scene-five{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:74px 14px 48px}.social-heading{align-self:stretch}.social-heading>span{margin-bottom:8px}.social-heading h2{font-size:clamp(3.1rem,15vw,4.9rem)}.social-grid{width:100%;grid-template-columns:1fr 1fr}.social-grid a{min-height:112px;padding:13px}.social-grid strong{font-size:clamp(1.65rem,8vw,2.4rem)}.social-grid span{font-size:.52rem}.scene-five footer{left:14px;right:14px;bottom:11px;font-size:.48rem}.scroll-prompt{bottom:18px;width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain,.live i,.scroll-prompt b{animation:none}.social-grid a,.social-grid a::before,.fixed-socials a{transition:none}}

/* ABOUT EXPERIENCE */
button{font:inherit;color:inherit}
.top-actions{justify-self:end;display:flex;align-items:center;gap:18px}
.about-trigger{position:relative;padding:10px 13px;border:1px solid var(--acid);color:var(--acid);background:transparent;font:800 .67rem var(--font-geist-mono);letter-spacing:.12em;cursor:pointer;overflow:hidden;transition:color .25s ease,transform .25s ease}
.about-trigger::before{content:"";position:absolute;z-index:-1;inset:0;background:var(--acid);transform:translateX(-102%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.about-trigger:hover,.about-trigger:focus-visible{color:var(--ink);transform:rotate(-1deg)}.about-trigger:hover::before,.about-trigger:focus-visible::before{transform:translateX(0)}
.about-trigger span{display:inline-block;margin-left:7px;transition:transform .25s}.about-trigger:hover span{transform:translate(3px,-3px)}

.about-gate{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:24px;color:var(--bone);background:#090908;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .35s ease,visibility .35s}
body.gate-open{overflow:hidden}body.gate-open .about-gate{visibility:visible;opacity:1;pointer-events:auto}
.gate-noise{position:absolute;inset:0;opacity:.5;background:radial-gradient(circle at 12% 20%,rgba(104,57,31,.48),transparent 22%),radial-gradient(circle at 84% 72%,rgba(200,200,192,.17),transparent 30%),repeating-radial-gradient(circle at 50% 50%,rgba(230,230,220,.25) 0 1px,transparent 1px 8px);background-size:auto,auto,19px 17px;filter:contrast(1.6);animation:gateDrift 13s linear infinite alternate}
@keyframes gateDrift{to{transform:translate3d(2%,-3%,0) scale(1.08)}}
.gate-card{position:relative;z-index:3;width:min(820px,92vw);padding:clamp(28px,5vw,70px);border:1px solid rgba(241,234,220,.4);background:rgba(10,10,9,.82);box-shadow:0 40px 120px rgba(0,0,0,.7);backdrop-filter:blur(12px);clip-path:polygon(0 2%,98% 0,100% 96%,97% 100%,2% 98%)}
.gate-index{display:block;margin-bottom:24px;color:var(--acid);font:800 .65rem var(--font-geist-mono);letter-spacing:.15em}
.gate-card h2{margin:0;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(4rem,9.5vw,9rem);line-height:.76;letter-spacing:-.05em}.gate-card h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--bone)}
.gate-card p{margin:30px 0;color:rgba(241,234,220,.75);font:700 clamp(.75rem,1vw,.95rem)/1.6 var(--font-geist-mono);text-transform:uppercase;letter-spacing:.07em}
.gate-actions{display:flex;gap:12px;flex-wrap:wrap}.gate-actions button{padding:14px 18px;border:1px solid rgba(241,234,220,.6);background:transparent;font:800 .68rem var(--font-geist-mono);letter-spacing:.1em;cursor:pointer;transition:.25s ease}.gate-actions button:first-child{color:var(--ink);border-color:var(--acid);background:var(--acid)}.gate-actions button:hover{transform:translateY(-4px);box-shadow:0 8px 0 rgba(223,255,0,.16)}
.gate-bean{position:absolute;z-index:2;width:clamp(90px,16vw,250px);filter:drop-shadow(0 25px 35px rgba(0,0,0,.7));pointer-events:none}.bean-one{left:3%;bottom:5%;transform:rotate(-28deg);animation:beanFloat 5s ease-in-out infinite alternate}.bean-two{right:2%;top:4%;transform:rotate(42deg) scale(.7);animation:beanFloat 6.5s -2s ease-in-out infinite alternate-reverse}@keyframes beanFloat{to{translate:0 -22px;rotate:12deg}}

.about-page{position:fixed;z-index:100;inset:0;overflow-y:auto;overflow-x:hidden;color:var(--bone);background:#0a0a09;visibility:hidden;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .45s ease,transform .45s ease,visibility .45s;scroll-behavior:smooth}
body.about-open{overflow:hidden}body.about-open .about-page{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.about-progress{position:fixed;z-index:106;top:0;left:0;right:0;height:4px;background:rgba(241,234,220,.14)}.about-progress span{display:block;width:0;height:100%;background:var(--acid);box-shadow:0 0 18px var(--acid)}
.about-atmosphere{position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 20%,rgba(104,57,31,.34),transparent 29%),radial-gradient(circle at 86% 60%,rgba(160,160,153,.15),transparent 26%),radial-gradient(circle at 55% 95%,rgba(223,255,0,.08),transparent 24%)}
.about-atmosphere::after{content:"";position:absolute;inset:0;opacity:.2;background-image:radial-gradient(circle,rgba(228,226,215,.65) 0 1px,transparent 1.5px);background-size:29px 31px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);animation:aboutDust 18s linear infinite}@keyframes aboutDust{to{background-position:90px -120px}}
.about-nav{position:sticky;z-index:105;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:74px;padding:10px clamp(16px,3vw,50px);border-bottom:1px solid rgba(241,234,220,.25);background:rgba(10,10,9,.82);backdrop-filter:blur(14px)}
.about-nav>span{justify-self:end;font:700 .6rem var(--font-geist-mono);letter-spacing:.12em}.about-logo{justify-self:start}.about-back{padding:11px 14px;border:1px solid rgba(241,234,220,.4);background:transparent;font:800 .62rem var(--font-geist-mono);letter-spacing:.1em;cursor:pointer;transition:.25s ease}.about-back:hover,.about-back:focus-visible{color:var(--ink);border-color:var(--acid);background:var(--acid);transform:rotate(-.6deg)}
.about-article{position:relative;max-width:1540px;margin:0 auto;padding:0 clamp(20px,5vw,80px)}
.about-hero{position:relative;min-height:calc(100svh - 74px);display:flex;flex-direction:column;justify-content:center;padding:80px 0 100px}
.about-number,.chapter-label{display:inline-block;align-self:flex-start;margin:0 0 24px;padding:7px 10px;color:var(--ink);background:var(--acid);font:800 .64rem var(--font-geist-mono);letter-spacing:.13em}
.about-hero h2{margin:0;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(6rem,17vw,17rem);line-height:.7;letter-spacing:-.06em}.about-hero h2 span{color:transparent;-webkit-text-stroke:2px var(--bone)}
.about-hero h3{position:absolute;right:2%;top:27%;margin:0;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(2rem,4vw,5rem);line-height:.88;text-align:right;text-transform:uppercase;transform:rotate(2deg)}
.about-hero blockquote{max-width:600px;margin:70px 0 0;padding-left:20px;border-left:5px solid var(--acid);font:700 clamp(1rem,1.7vw,1.65rem)/1.35 var(--font-geist-mono);text-transform:uppercase}
.about-location{position:absolute;right:0;bottom:70px;display:grid;grid-template-columns:auto auto;gap:6px 20px;align-items:center;padding:16px 20px;border:1px solid rgba(241,234,220,.4);background:rgba(10,10,9,.65);font:700 clamp(.65rem,.9vw,.85rem) var(--font-geist-mono);transform:rotate(-1deg)}.about-location span{color:var(--acid);font-size:.55rem;letter-spacing:.12em}.about-location b{position:absolute;left:-36px;top:-38px;color:var(--acid);font-size:3rem}
.about-copy{padding-bottom:10vh}.about-chapter{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(300px,1fr);column-gap:clamp(30px,8vw,140px);max-width:1120px;margin:15vh auto}.about-chapter .chapter-label{grid-row:1/6}.about-chapter p{grid-column:2;margin:0 0 24px;color:rgba(241,234,220,.7);font-size:clamp(1rem,1.35vw,1.28rem);line-height:1.65}.about-chapter p.lead{color:var(--bone);font:700 clamp(1.8rem,3.2vw,3.6rem)/1.12 var(--font-geist-sans);letter-spacing:-.035em}
.material-interlude{margin:20vh calc(50% - 50vw);padding:clamp(70px,10vw,150px) 5vw;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--bone);color:var(--ink);transform:rotate(-1deg)}.material-interlude span{font:800 .62rem var(--font-geist-mono);letter-spacing:.14em}.material-interlude del{margin:25px 0 10px;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(3rem,8vw,9rem);line-height:.85}.material-interlude strong{color:#ff4a35;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(4rem,11vw,12rem);line-height:.8;transform:rotate(-3deg)}
.about-material-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:16vh 0;background:rgba(241,234,220,.25);border:1px solid rgba(241,234,220,.25)}.about-material{position:relative;min-height:850px;padding:clamp(30px,5vw,70px);overflow:hidden;background:#0d0d0b}.about-material>span,.free-art span{font:800 .62rem var(--font-geist-mono);letter-spacing:.14em}.about-material h3,.anatomy-chapter h3,.free-art h3,.about-ending h3{margin:70px 0 50px;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(4rem,8vw,9rem);line-height:.77;letter-spacing:-.04em}.about-material p{position:relative;z-index:2;max-width:46ch;margin:0 0 20px;color:rgba(241,234,220,.7);font-size:clamp(.9rem,1.1vw,1.05rem);line-height:1.6}.coffee-material{color:#d89364}.coffee-material img{position:absolute;right:-12%;bottom:-16%;width:70%;opacity:.62;filter:drop-shadow(0 30px 40px rgba(0,0,0,.7));transform:rotate(28deg)}.pm-material{color:#d4d3cb;background:radial-gradient(circle at 70% 75%,rgba(190,190,182,.22),transparent 28%),#10100f}.pm-material::after{content:"";position:absolute;inset:0;opacity:.52;background-image:radial-gradient(circle,rgba(220,220,212,.8) 0 1px,transparent 1.5px);background-size:13px 17px;mask-image:radial-gradient(circle at 65% 70%,#000,transparent 67%);animation:aboutDust 12s linear infinite}
.anatomy-chapter{max-width:1250px;padding:clamp(40px,6vw,90px);border:1px solid rgba(241,234,220,.28);background:linear-gradient(125deg,rgba(255,74,53,.1),transparent 50%)}.anatomy-chapter h3{grid-column:2;margin-top:0;font-size:clamp(4rem,9vw,10rem)}
.free-art{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(40px,9vw,150px);margin:20vh 0;padding:clamp(45px,7vw,100px);color:var(--ink);background:var(--acid);clip-path:polygon(0 2%,98% 0,100% 96%,97% 100%,2% 98%)}.free-art h3{font-size:clamp(5rem,10vw,11rem)}.free-art p{margin:0 0 26px;font-size:clamp(1rem,1.35vw,1.28rem);line-height:1.6}
.about-ending{min-height:92svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.about-ending>span{font:800 .65rem var(--font-geist-mono);letter-spacing:.14em;color:var(--acid)}.about-ending h3{margin:35px 0;font-size:clamp(5rem,13vw,15rem)}.about-ending h3 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--bone)}.about-ending p{max-width:62ch;margin:0 0 35px;color:rgba(241,234,220,.72);font:700 clamp(.78rem,1vw,.95rem)/1.6 var(--font-geist-mono);text-transform:uppercase;letter-spacing:.07em}.ending-back{border-color:var(--acid);color:var(--acid)}
.about-reveal{opacity:.18;transform:translateY(70px);filter:blur(5px);transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1),filter .8s ease}.about-reveal.is-visible{opacity:1;transform:none;filter:none}

@media(max-width:900px){.top-actions{gap:10px}.live{display:none}.about-nav{grid-template-columns:1fr auto}.about-nav>span{display:none}.about-hero h3{position:static;margin:35px 0 0;text-align:left}.about-location{position:relative;right:auto;bottom:auto;align-self:flex-end;margin-top:50px}.about-chapter{grid-template-columns:1fr}.about-chapter .chapter-label,.about-chapter p{grid-column:1;grid-row:auto}.about-material-grid,.free-art{grid-template-columns:1fr}.about-material{min-height:680px}.free-art{gap:10px}.about-nav .about-logo{display:none}}
@media(max-width:580px){.about-trigger{padding:8px 9px;font-size:.56rem}.top-actions{gap:0}.gate-card{padding:32px 22px}.gate-card h2{font-size:clamp(3.6rem,18vw,5.4rem)}.gate-bean{opacity:.45}.about-nav{min-height:62px;padding:9px 12px}.about-back{font-size:.52rem}.about-article{padding:0 14px}.about-hero{padding-top:60px}.about-hero h2{font-size:clamp(5.2rem,27vw,8rem)}.about-hero h2 span{-webkit-text-stroke-width:1px}.about-hero h3{font-size:2.2rem}.about-hero blockquote{margin-top:50px;font-size:.85rem}.about-location{width:100%;grid-template-columns:1fr;margin-top:45px}.about-location b{display:none}.about-chapter{margin:12vh auto}.about-chapter p.lead{font-size:2rem}.material-interlude{margin-top:13vh;margin-bottom:13vh}.material-interlude del{font-size:3rem}.material-interlude strong{font-size:4.5rem}.about-material-grid{margin:12vh 0}.about-material{min-height:610px;padding:30px 20px}.about-material h3{font-size:4.2rem}.anatomy-chapter{padding:32px 20px}.anatomy-chapter h3{grid-column:1;font-size:4.2rem}.free-art{margin:14vh 0;padding:50px 24px}.free-art h3{font-size:5rem}.about-ending h3{font-size:5.2rem}.about-ending h3 em{-webkit-text-stroke-width:1px}}
@media(prefers-reduced-motion:reduce){.gate-noise,.gate-bean,.about-atmosphere::after,.pm-material::after{animation:none}.about-reveal{opacity:1;transform:none;filter:none;transition:none}}

/* STANDALONE /ABOUT PAGE */
body.about-standalone{overflow-x:hidden;overflow-y:auto;background:#0a0a09}
body.about-standalone .about-page{position:relative;inset:auto;min-height:100vh;overflow:visible;visibility:visible;opacity:1;transform:none;pointer-events:auto}
.about-back{text-decoration:none}
.about-hero h1{margin:0;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(6rem,17vw,17rem);line-height:.7;letter-spacing:-.06em}
.about-hero h1 span{color:transparent;-webkit-text-stroke:2px var(--bone)}
.about-hero>h2{position:absolute;right:2%;top:27%;margin:0;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(2rem,4vw,5rem);line-height:.88;text-align:right;text-transform:uppercase;transform:rotate(2deg)}
.about-material h2,.anatomy-chapter h2,.free-art h2,.about-ending h2{margin:70px 0 50px;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(4rem,8vw,9rem);line-height:.77;letter-spacing:-.04em}
.anatomy-chapter h2{grid-column:2;margin-top:0;font-size:clamp(4rem,9vw,10rem)}
.free-art h2{font-size:clamp(5rem,10vw,11rem)}
.about-ending h2{margin:35px 0;font-size:clamp(5rem,13vw,15rem)}
.about-ending h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--bone)}
@media(max-width:900px){.about-hero>h2{position:static;margin:35px 0 0;text-align:left}.anatomy-chapter h2{grid-column:1}}
@media(max-width:580px){.about-hero h1{font-size:clamp(5.2rem,27vw,8rem)}.about-hero h1 span{-webkit-text-stroke-width:1px}.about-hero>h2{font-size:2.2rem}.about-material h2,.anatomy-chapter h2{font-size:4.2rem}.free-art h2{font-size:5rem}.about-ending h2{font-size:5.2rem}.about-ending h2 em{-webkit-text-stroke-width:1px}}