.site-nav-item.chaos-nav[aria-current=page]{color:#ff91db}
.site-nav-item.chaos-nav[aria-current=page]::after{background:#ff68d1}
#join-the-chaos:focus,#creators:focus{outline:none}
.mobile-menu{padding-bottom:max(45px,env(safe-area-inset-bottom));overscroll-behavior:contain}
.chaos-section,.creators-section{position:relative;isolation:isolate;background:#070b12;color:#f3eee4;scroll-margin-top:var(--site-nav-height)}
.chaos-section{padding:110px max(6vw,env(safe-area-inset-left)) 70px;overflow:hidden;border-top:1px solid #ff65cf38}
.chaos-atmosphere{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#050b12 0%,#070a12c9 24%,#070a12c7 65%,#070b12 100%),url('/assets/overview/city-arena-v2.webp') center 45%/cover}
.chaos-section::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 39%,#f528b719,transparent 60%)}
.chaos-section::after{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#ff66ce,transparent);box-shadow:0 0 24px #fc33b9}
.chaos-inner{width:min(100%,1000px);margin:auto;text-align:center}
.chaos-eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 26px;font:10px/1.5 'Courier New',monospace;letter-spacing:2.3px;color:#98e5f2}
.chaos-eyebrow>span{width:5px;height:5px;background:#8beaff;box-shadow:0 0 10px #42cce9}
#chaos-title{font:italic 900 clamp(60px,8.5vw,126px)/.98 RAMGODCondensed,'Arial Black',sans-serif;letter-spacing:1px;margin:0 0 29px;text-wrap:balance;text-shadow:0 0 32px #ff39c224}
#chaos-title em{font-style:inherit;color:#ff68d1;text-shadow:0 0 28px #ff37c760,0 0 70px #ff37c730}
.chaos-manifesto{font:700 clamp(20px,2vw,27px)/1.35 RAMGODCondensed,Arial,sans-serif;letter-spacing:1.2px;margin:0 auto 19px;max-width:640px}
.chaos-invite{font:15px/1.8 Arial,sans-serif;color:#bac5d2;max-width:490px;margin:0 auto}
.chaos-signup-panel{max-width:650px;margin:34px auto 0;text-align:left}
#chaos-signup label{display:block;margin-bottom:11px;font:700 10px/1.5 Arial,sans-serif;letter-spacing:2px;color:#dae2eb}
.chaos-fields{display:flex;gap:10px}
#chaos-email{min-width:0;flex:1;height:58px;border:1px solid #7e8eaa80;background:#060b16e8;color:#fff;padding:0 18px;font:16px Arial,sans-serif;border-radius:2px;box-shadow:inset 0 0 24px #151b3022;transition:border-color .2s,box-shadow .2s}
#chaos-email::placeholder{color:#8997ab}
#chaos-email:focus{outline:none;border-color:#70dff5;box-shadow:0 0 0 3px #70dff526}
#chaos-email[aria-invalid=true]{border-color:#ff93b4}
.chaos-submit{display:flex;align-items:center;justify-content:center;gap:24px;flex-shrink:0;min-height:58px;padding:0 25px;background:#f14fbd;border:1px solid #ff95da;border-radius:2px;color:#110818;font:800 13px Arial,sans-serif;letter-spacing:1.1px;box-shadow:0 0 24px #ff37c728;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}
.chaos-submit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.chaos-submit:hover{background:#ff8cd8;box-shadow:0 0 28px #ff37c751;transform:translateY(-2px)}
.chaos-submit:active{transform:translateY(1px);box-shadow:0 0 10px #ff37c730}
.chaos-submit:focus-visible,.chaos-consent a:focus-visible,.studio-logo-link:focus-visible{outline:2px solid #88eaff;outline-offset:5px}
.chaos-submit:disabled{cursor:wait;opacity:.65;transform:none}
.chaos-message{font:13px/1.6 Arial,sans-serif;margin:0;overflow-wrap:anywhere}
.chaos-error:not(:empty){margin-top:13px;padding-left:12px;border-left:2px solid #ff93b4;color:#ffc0d1}
.chaos-availability{font:12px/1.6 Arial,sans-serif;color:#dbb3d1;margin:16px 0 0}
.chaos-consent{font:11px/1.8 Arial,sans-serif;color:#a6b1c2;margin:13px 0 0;max-width:620px}
.chaos-consent a{color:#d2dbe6;text-underline-offset:3px}
.chaos-confirmation{padding:22px 24px;border:1px solid #70dff569;background:#081923d9;text-align:center;outline:none}
.chaos-confirmation[hidden],#chaos-signup[hidden],.chaos-availability[hidden]{display:none}
.chaos-check{display:block;color:#96efff;font-size:30px}.chaos-confirmation h3{font:700 33px RAMGODCondensed,Arial;margin:10px 0;color:#f6f2f4}.chaos-confirmation p{font:14px/1.7 Arial;color:#cbd7df;margin:0}
.creators-section{padding:64px 6vw 40px;background:radial-gradient(ellipse at 50% 0,#25102b33,transparent 65%),#070b12}
.creators-inner{max-width:960px;margin:auto;text-align:center}
#creators-title{font:700 clamp(23px,2.5vw,32px)/1.3 RAMGODCondensed,Arial,sans-serif;letter-spacing:3px;margin:0 0 14px;color:#f1eaf1}
.creators-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:38px;max-width:800px;margin:0 auto;font:700 clamp(32px,3.7vw,53px)/1.12 RAMGODCondensed,Arial,sans-serif;letter-spacing:1.6px}
.creator-card{min-width:0;margin:0}
.creator-portrait{position:relative;aspect-ratio:4/5;overflow:hidden;background:#0b1726;border:1px solid #68d8ee55;box-shadow:0 12px 36px #0005}
.creator-card:nth-child(2) .creator-portrait{border-color:#f06cc655}
.creator-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.creator-card figcaption{margin-top:23px}
.creators-section .creator-compare-hint{margin:0 0 24px;font:11px/1.6 'Courier New',monospace;letter-spacing:.7px;color:#9daebf}
.creator-compare-hint[hidden],.creator-comparison [hidden],.creator-comparison .creator-slider[hidden]{display:none}
.creator-comparison{--creator-accent:#8beaff}
.creator-card:nth-child(2) .creator-comparison{--creator-accent:#ff91db}
.creator-comparison .creator-original{display:none}
.creator-artwork{height:100%}
.comparison-ready .creator-original{display:block}
.comparison-ready .creator-artwork{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--art-reveal)) 0 0);pointer-events:none}
.creator-comparison[data-creator=owen] .creator-original{object-position:left 35%}
.creator-divider{position:absolute;z-index:1;top:0;bottom:0;left:var(--art-reveal);width:2px;transform:translateX(-1px);background:var(--creator-accent);box-shadow:0 0 12px #0009;pointer-events:none}
.creator-slider-handle{position:absolute;z-index:2;top:50%;left:clamp(23px,var(--art-reveal),calc(100% - 23px));transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--creator-accent);border-radius:50%;background:#07111ef2;color:var(--creator-accent);box-shadow:0 0 18px #0009;pointer-events:none}
.creator-slider-handle svg{width:29px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.creator-comparison .creator-slider{position:absolute;z-index:3;inset:0 auto 0 -22px;display:block;width:calc(100% + 44px);height:100%;padding:0;margin:0;border:0;opacity:0;appearance:none;-webkit-appearance:none;cursor:ew-resize;touch-action:pan-y}
.creator-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:44px;height:44px;border:0;background:transparent}
.creator-slider::-moz-range-thumb{width:44px;height:44px;border:0;background:transparent}
.creator-slider::-webkit-slider-runnable-track{height:44px;background:transparent}
.creator-slider::-moz-range-track{height:44px;background:transparent}
.creator-comparison:has(.creator-slider:focus-visible){outline:2px solid var(--creator-accent);outline-offset:5px}
.creator-comparison:has(.creator-slider:focus-visible) .creator-slider-handle{background:#173242;box-shadow:0 0 0 3px #050b12,0 0 0 5px var(--creator-accent)}
.studio-footer.site-footer{display:flex;justify-content:center;align-items:center;text-align:center;min-height:0;padding:28px max(6vw,env(safe-area-inset-left)) max(36px,env(safe-area-inset-bottom));border-top:1px solid #ff37c71f;background:#070b12}
.studio-footer .studio-logo-link{display:inline-flex;flex-direction:column;align-items:center;gap:12px;max-width:100%;min-height:60px;padding:8px;text-decoration:none;transition:filter .25s,transform .25s}
.studio-logo-link img{display:block;width:clamp(210px,22vw,260px);max-width:76vw;height:auto}
.studio-logo-link:hover{filter:drop-shadow(0 0 14px #f35cc74d);transform:translateY(-2px)}
.studio-copyright{font:10px/1.7 Arial,sans-serif;letter-spacing:1.2px;color:#8f9aaa;margin:16px 0 0}
@media(prefers-reduced-motion:no-preference){
 [data-closing-reveal].closing-visible{animation:closing-reveal .7s cubic-bezier(.2,.7,.25,1) both}
 .chaos-section:has(.closing-visible)::before{animation:chaos-light 6s ease-in-out 2 alternate}
 @keyframes closing-reveal{from{opacity:.25;transform:translateY(18px)}to{opacity:1;transform:none}}
 @keyframes chaos-light{from{opacity:.6}to{opacity:1}}
}
@media(max-width:760px){
 .chaos-section{padding:75px 24px 45px}
 .chaos-eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:25px}
 #chaos-title{font-size:clamp(60px,13.5vw,95px);max-width:520px;margin:0 auto 26px}
 .chaos-manifesto{font-size:22px;max-width:360px}.chaos-desktop-break{display:none}
 .chaos-invite{font-size:14px;max-width:380px}.chaos-signup-panel{margin-top:28px;max-width:460px}
 .chaos-fields{flex-direction:column;gap:12px}#chaos-email{width:100%;flex:auto;height:56px}.chaos-submit{width:100%;min-height:54px}
 .chaos-consent{font-size:11px;line-height:1.8}
 .creators-section{padding:48px 24px 32px}#creators-title{font-size:25px;letter-spacing:2px;margin-bottom:12px}
 .creators-names{gap:18px;font-size:clamp(27px,5.1vw,39px);letter-spacing:.8px}.creator-card figcaption{margin-top:16px}
 .studio-footer.site-footer{padding-top:24px;padding-bottom:max(30px,env(safe-area-inset-bottom))}.studio-logo-link img{width:230px}
}
@media(max-width:360px){.chaos-section{padding-left:20px;padding-right:20px}#chaos-title{font-size:59px}.creators-names{gap:12px;font-size:26px}.creators-section{padding-left:17px;padding-right:17px}}

/* One studio signature and one clear destination below the creators. */
.studio-explore{display:flex;align-items:center;justify-content:center;gap:10px;color:#a9e5f1;font:700 12px/1.5 Arial,sans-serif;letter-spacing:1px}
.studio-explore svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .2s ease}
@media(hover:hover){.studio-logo-link:hover .studio-explore{color:#fff}.studio-logo-link:hover svg{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){.studio-logo-link,.studio-explore svg{transition:none}.studio-logo-link:hover,.studio-logo-link:hover svg{transform:none}}