:root{--dark:#07101f;--deep:#060b15;--cyan:#63ebfc;--muted:#b2c3d2;--light:#edf1ee;--ink:#101a25;--edge:#273849;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:#f6fbfd;font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #19aac3;outline-offset:4px}.skip{position:fixed;left:16px;top:-80px;z-index:4;background:var(--cyan);color:var(--ink);padding:8px 16px}.skip:focus{top:10px}.wrap{width:min(1220px,calc(100% - 104px));margin:auto}.header{border-bottom:1px solid var(--edge);background:var(--deep)}.nav{display:flex;justify-content:space-between;gap:25px;align-items:center;min-height:76px}.logo{font-size:25px;font-weight:900;letter-spacing:-.085em;white-space:nowrap;line-height:1}.logo span{color:var(--cyan);font-weight:500;margin-left:3px}.logo sup{font:12px var(--mono);color:var(--cyan);margin-left:4px}.nav nav{display:flex;gap:28px;color:var(--muted);font-size:14px}.nav nav a:hover{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:49px;padding:10px 18px;font-weight:800;font-size:14px;border:1px solid transparent;cursor:pointer;transition:background .2s,color .2s}.button span{font-size:19px}.button.primary{background:var(--cyan);color:#07141c}.button.primary:hover{background:white}.button.outline{border-color:#3d6976;color:var(--cyan)}.button.outline:hover{background:#162e3c}.hero{position:relative;isolation:isolate;background:#050b16;overflow:hidden}.hero-image{position:absolute;z-index:-1;inset:0 0 0 33%;background:linear-gradient(90deg,#050b16 0%,transparent 35%),linear-gradient(0deg,#050b16 2%,transparent 28%),url('/hero.webp') center 51%/cover no-repeat}.hero-wrap{min-height:685px;display:flex;flex-direction:column;justify-content:space-between;padding-top:74px}.hero-content{max-width:580px;padding-bottom:45px}.kicker,.number,.hero-foot,.date,figcaption{font:700 12px/1.4 var(--mono);letter-spacing:.12em}.kicker{display:flex;gap:10px;align-items:center;color:var(--cyan);margin-bottom:25px}.kicker i{width:8px;height:8px;background:currentColor;display:inline-block}.kicker b,.hero-foot b{color:#ff674d}.hero h1{font-size:clamp(70px,9vw,136px);font-weight:900;line-height:.84;letter-spacing:-.092em}.hero h1 em,.signup h2 em{font-style:normal;color:var(--cyan)}.hero-copy{max-width:395px;margin:27px 0 23px;color:#c6d5de;font-size:16px}.hero-foot{min-height:59px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #2a4658;color:#b5cbd7}.hero-foot strong{font-size:17px;color:white}.section{padding:93px 0}.light{background:var(--light);color:var(--ink)}.light .kicker{color:#146474}.story,.agenda,.signup{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,112px);align-items:center}h2{font-size:clamp(40px,5.2vw,78px);line-height:.98;letter-spacing:-.07em;font-weight:900}h3{font-size:30px;line-height:1.05;letter-spacing:-.045em}.section h2+p,.story p+p,.section h3+p{margin-top:19px}.section p:not(.kicker):not(#status){max-width:55ch}.story figure{padding:11px;background:#0d1825;color:#e4f7fa}.story figure img{aspect-ratio:1.55;object-fit:cover;width:100%}figcaption{font-size:10px;display:flex;gap:12px;padding:12px 3px 2px;letter-spacing:.06em}figcaption span{color:var(--cyan)}.experiences{background:radial-gradient(ellipse at 80% 0,#123049 0,transparent 65%),var(--dark)}.cards{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;border:1px solid var(--edge)}.cards article{padding:25px 28px 32px}.cards article+article{border-left:1px solid var(--edge)}.cards p,.signup>div>p:not(.kicker){color:var(--muted)}.number,.symbol{color:var(--cyan)}.symbol{font-size:43px;margin:14px 0 9px}.agenda{align-items:start}.schedule{border-top:1px solid #a5b7b9}.schedule details{border-bottom:1px solid #a5b7b9;padding:16px 0}.schedule summary{cursor:pointer;font-size:19px;font-weight:800}.schedule summary span{font:12px var(--mono);color:#146474;margin:0 9px}.schedule p{padding:10px 0 0 38px;color:#344956}.registration{background:linear-gradient(120deg,#0b1c31,#070e19 70%);border-bottom:1px solid var(--edge)}.date{margin-top:24px;color:var(--cyan)}.date span{color:var(--muted);margin-left:8px}.signup form{background:#101e2c;border:1px solid #365162;padding:30px}.signup form>p{font-size:14px;color:#c4d4df}.signup label{display:block;margin-top:14px;font-weight:700;font-size:14px}.signup input:not([type=checkbox]),.signup select{width:100%;margin-top:4px;min-height:45px;border:1px solid #527082;background:#071320;color:white;border-radius:0;padding:8px 10px}.signup .check{display:flex;align-items:flex-start;gap:9px;font-size:13px;font-weight:400;color:#c4d4df}.check input{accent-color:var(--cyan);margin-top:5px}.signup form .button{width:100%;margin-top:17px}.signup button:disabled{opacity:.6;cursor:wait}#status:not(:empty){margin-top:12px;color:var(--cyan)}.footer{min-height:100px;display:flex;justify-content:space-between;gap:25px;align-items:center}.footer img{width:min(350px,60%)}@media(max-width:900px){.wrap{width:calc(100% - 60px)}.hero-image{left:24%;opacity:.78}.hero-wrap{min-height:625px}.story,.agenda,.signup{gap:35px}.cards article{padding:20px}}@media(max-width:680px){.wrap{width:calc(100% - 36px)}.nav{min-height:64px;gap:12px}.nav nav{display:none}.logo{font-size:23px}.nav .button{min-height:39px;padding:5px 10px;font-size:12px;gap:7px}.hero-wrap{padding-top:35px;min-height:0}.hero-image{left:0;top:42px;bottom:auto;height:340px;opacity:.73;background:linear-gradient(0deg,#050b16 0%,transparent 44%),linear-gradient(90deg,#050b16 0%,transparent 70%),url('/hero.webp') 55% 50%/cover no-repeat}.hero-content{padding-bottom:28px}.hero h1{font-size:clamp(59px,13vw,86px);text-shadow:0 3px 25px #050b16}.hero-copy{margin:23px 0 18px;max-width:32ch}.hero-foot{min-height:60px;font-size:10px}.hero-foot span:last-child{text-align:right;max-width:160px}.hero-foot strong{font-size:13px}.section{padding:59px 0}.story,.agenda,.signup,.cards{grid-template-columns:1fr}.cards article+article{border-left:0;border-top:1px solid var(--edge)}.signup form{padding:22px}.footer{flex-wrap:wrap;padding:22px 0;gap:15px}.footer img{width:min(100%,310px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Cinematic opening, with the arena photo as the initial poster. */
.hero-image{inset:0;height:auto;opacity:1;background:#07101f url('/arena.webp') center 43%/cover no-repeat}
.hero-image::after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,#050a13 2%,rgba(5,10,19,.27) 76%),linear-gradient(90deg,rgba(4,10,20,.7),transparent 85%)}
.hero-image video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-wrap{min-height:min(790px,max(620px,calc(100svh - 76px)));justify-content:flex-end}
.hero-content{max-width:100%;padding-bottom:45px}
.hero-brand{font-weight:900;font-size:34px;letter-spacing:-.075em;margin-bottom:7px}
.hero-brand span{color:var(--cyan);font-weight:500}
.hero-brand sup{font:15px var(--mono);color:var(--cyan)}
.hero h1{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-stretch:condensed;font-size:clamp(53px,8.8vw,130px);line-height:.91;letter-spacing:-.045em}
.hero-copy{max-width:45ch;color:#e1eaf0;text-shadow:0 2px 12px #000}
.button{border-radius:50px}
@media(min-width:1040px){.hero-cta{position:absolute;right:max(52px,calc((100% - 1220px)/2));bottom:105px}}
.experiences{background:linear-gradient(90deg,#07101f 48%,#07101fc9),url('/hero.webp') right center/auto 115% no-repeat,#07101f}
.cards article{background:#091424dc;transition:background .22s}
.cards article:hover{background:#143043}
@media(max-width:680px){.hero-wrap{min-height:620px}.hero-content{padding-bottom:29px}.hero-image{inset:0;background-position:60% center}.hero h1{font-size:clamp(41px,9vw,65px);letter-spacing:-.043em}.hero-brand{font-size:28px}.hero-copy{margin:19px 0}.experiences{background-position:75% center}.hero-content .kicker{font-size:10px;letter-spacing:.055em}}
@media(prefers-reduced-motion:reduce){.hero-image video{display:none}}
@media(prefers-reduced-motion:no-preference){.hero-content{animation:hero-in .72s ease-out both}.reveal-in{animation:hero-in .6s ease-out both}@keyframes hero-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}

.hero-image{background:#07101f}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;opacity:0;transition:opacity 1.15s ease}
.hero-slide.active{opacity:1}
.slideshow-toggle,.gallery-controls button{background:#07101f;color:#e0f7fb;border:1px solid #496473;cursor:pointer;font:700 12px var(--mono);padding:10px 14px;border-radius:30px}
.slideshow-toggle:hover,.gallery-controls button:hover{background:#16364a}
.legacy{background:#05080e;overflow:hidden}
.legacy-copy{text-align:center}.legacy .kicker{justify-content:center;letter-spacing:.21em;margin-bottom:15px}
.legacy h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;text-transform:uppercase;color:var(--cyan);font-size:clamp(37px,6.2vw,91px);letter-spacing:-.045em}
.legacy .legacy-copy>p:last-child{margin:20px auto 0;color:#d8e2e8}
.legacy-gallery{display:flex;gap:clamp(13px,2vw,29px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;padding:48px 24px 22px;scrollbar-width:thin;scrollbar-color:#365369 #05080e}
.legacy-gallery figure{flex:0 0 25%;aspect-ratio:4/5;scroll-snap-align:start;border-radius:19px;overflow:hidden;background:#112235;transform:perspective(900px) rotateY(7deg);transition:transform .25s}
.legacy-gallery figure:nth-child(even){transform:perspective(900px) rotateY(-7deg) translateY(10px)}
.legacy-gallery figure:hover{transform:none}
.legacy-gallery img{width:100%;height:100%;object-fit:cover}
.legacy-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:var(--muted);font:11px var(--mono);letter-spacing:.12em}
.gallery-controls{display:flex;gap:8px}.gallery-controls button{font-size:18px;min-width:42px}
@media(max-width:680px){.hero-slide{object-position:56% center}.legacy-gallery{padding:33px 18px 15px;scroll-padding-inline:18px}.legacy-gallery figure{flex-basis:69%}}

/* AUTOP color system and mechanical signature */
:root{--dark:#060d22;--deep:#030717;--cyan:#63e1ff;--hot:#ff5a34;--edge:#23395d;--light:#edf4f8}
.header{background:linear-gradient(100deg,#030717 30%,#081b37);border-image:linear-gradient(90deg,#15314c,#2a9cdf,#fb5034 90%) 1}
.logo sup,.kicker b{color:var(--hot)}
.button.primary{background:linear-gradient(120deg,#ff8555,#ff542f);color:#120811;box-shadow:0 0 24px #ff583539}
.button.primary:hover{background:#ffad86}
.hero-image::after{background:linear-gradient(0deg,#030717 1%,#050b1a30 65%),linear-gradient(90deg,#04091ac9,#06163739 70%)}
.hero-brand{position:absolute;z-index:1;top:4%;right:max(16px,calc((100% - 1220px)/2));width:min(46vw,570px);height:auto;aspect-ratio:1.55;pointer-events:none;margin:0}
.hero-brand img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;mask-image:radial-gradient(ellipse at 50% 51%,#000 43%,transparent 74%)}
.hero-brand svg{position:absolute;width:61%;left:19.5%;top:69%;filter:drop-shadow(0 0 9px #219cff)}
.hero-content>:not(.hero-brand){position:relative;z-index:2}
@media(min-width:1040px){.hero-content>.hero-cta{position:absolute}}
.hero h1 em{color:#a9edff}
.hero-foot{position:relative;z-index:2}
.legacy{background:radial-gradient(ellipse at 50% 68%,#081e39,#030717 65%)}
.legacy-gallery{position:relative;padding-bottom:76px;gap:clamp(12px,1.7vw,26px)}
.legacy-gallery figure,.legacy-gallery figure:nth-child(even),.legacy-gallery figure:hover{flex-basis:24%;transform:perspective(720px) translateY(var(--depth,0px)) rotateY(var(--tilt,0deg)) rotateZ(var(--roll,0deg));transition:none;border:1px solid #4dd4ff54;box-shadow:0 12px 30px #020616}
.legacy-gallery img{transition:filter .3s;filter:saturate(1.14) contrast(1.04)}
.legacy-gallery figure:hover img{filter:saturate(1.2) brightness(1.15)}
.registration{background:radial-gradient(ellipse at 8% 90%,#112a54,#050b1c 65%)}
@media(max-width:680px){.hero-brand{top:20px;right:50%;transform:translateX(50%);width:min(95vw,435px)}.legacy-gallery{padding-bottom:72px}.legacy-gallery figure,.legacy-gallery figure:nth-child(even),.legacy-gallery figure:hover{flex-basis:64%}}
@media(prefers-reduced-motion:no-preference){
  .hero-content{animation:none}
  .hero-brand{animation:brand-in .85s cubic-bezier(.18,.72,.24,1) both}
  .hero-content>:not(.hero-brand){animation:hero-in .75s cubic-bezier(.18,.72,.24,1) both}
  .hero-content h1{animation-delay:.12s}
  .hero-content .hero-copy{animation-delay:.24s}
  .hero-content .hero-cta{animation-delay:.35s}
  .hero-slide.active{animation:camera-drift 6.2s ease-out both}
  .reveal-pending:not(.reveal-in){opacity:0;transform:translateY(32px)}
  .reveal-pending.reveal-in{animation:section-in .85s cubic-bezier(.18,.72,.24,1) both}
  .cards article:nth-child(2){animation-delay:.12s}.cards article:nth-child(3){animation-delay:.24s}
  @keyframes brand-in{from{opacity:0;filter:blur(9px) brightness(1.45)}to{opacity:1;filter:none}}
  @keyframes camera-drift{from{transform:scale(1.035)}to{transform:scale(1.12)}}
  @keyframes section-in{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
}

:root{--accent:#ff3028;--accent-deep:#d91c14}
.header{border-image:linear-gradient(90deg,#192038,#922824 72%,var(--accent)) 1}
.logo{position:relative;display:block;flex:none;width:108px;aspect-ratio:1.58}
.logo img{width:100%;height:100%;object-fit:fill;mask-image:radial-gradient(ellipse at 50% 51%,#000 42%,transparent 76%)}
.logo svg{position:absolute;top:69%;left:19.5%;width:61%;filter:drop-shadow(0 0 3px #39b5ff)}
.footer .logo{width:146px}
.footer .logo img{width:100%}
.nav nav a:hover,.kicker,.kicker b,.hero h1 em,.legacy h2,.signup h2 em,.date,.number,.symbol,.schedule summary span,#status:not(:empty){color:var(--accent)}
.button.primary{color:#fff;background:var(--accent-deep);box-shadow:0 0 22px #ff30284d}
.button.primary:hover{background:#bc1710}
.button.outline{color:var(--accent);border-color:var(--accent)}.button.outline:hover{background:#48201f}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--accent)}
.check input{accent-color:var(--accent)}
.light{background:#100e13;color:#f8f1f0}
.light .kicker{color:var(--accent)}
.schedule,.schedule details{border-color:#533230}.schedule p{color:#d5c5c5}
.slideshow-toggle,.gallery-controls button{border-color:#a63631;color:var(--accent)}
.slideshow-toggle:hover,.gallery-controls button:hover,.cards article:hover{background:#361b22}
.legacy{background:#040406}
.legacy-gallery{gap:clamp(12px,1.4vw,26px);padding:48px 12px 30px;scroll-padding-inline:12px;scrollbar-color:#702824 #040406;align-items:center}
.legacy-gallery figure,.legacy-gallery figure:nth-child(even),.legacy-gallery figure:hover{
  flex-basis:23%;aspect-ratio:4/5;border:0;border-radius:clamp(12px,1.6vw,28px);box-shadow:none;
  transform:perspective(850px) rotateY(var(--panel-tilt,0deg)) scale(var(--panel-scale,1));
}
.legacy-gallery img{filter:saturate(1.05) contrast(1.03)}
@media(max-width:680px){
  .logo{width:90px}.footer .logo{width:120px}
  .legacy-gallery{padding:28px 10px 17px}
  .legacy-gallery figure,.legacy-gallery figure:nth-child(even),.legacy-gallery figure:hover{flex-basis:64%}
}
.gallery-controls .gallery-toggle{font-size:11px;white-space:nowrap}
.legacy-footer{gap:10px;flex-wrap:wrap}