@layer reset, base, components, responsive;

@layer reset {
  *,*::before,*::after{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body,h1,h2,h3,p,figure,blockquote{margin:0}
  button,input{font:inherit}
  svg{display:block;max-width:100%}
  a{color:inherit}
}

@layer base {
  :root{--yellow:#ffd400;--teal:#087e86;--deep:#063f44;--ink:#101413;--paper:#f4f0df;--white:#f8fff9;--coral:#ff5b3b;--blue:#92e7e7;--wake:0;--rock:0deg}
  html{background:var(--ink)}
  body{min-width:320px;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:'Outfit',sans-serif;font-size:16px;line-height:1.55}
  body::after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:multiply}
  ::selection{background:var(--coral);color:white}
  :focus-visible{outline:3px solid var(--coral);outline-offset:4px}
  .skip-link{position:fixed;top:12px;left:12px;z-index:999;transform:translateY(-150%);background:white;color:#111;padding:12px 18px;font-weight:800;text-decoration:none}.skip-link:focus{transform:none}
  #wake-canvas{position:fixed;inset:0;z-index:8;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
  main,footer{position:relative;z-index:2}
  .section-pad{padding:clamp(90px,11vw,170px) max(24px,calc((100vw - 1280px)/2))}
  .eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem}
  h2{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(4rem,9vw,8.8rem);line-height:.82;letter-spacing:-.025em;text-transform:uppercase}h2 span{color:var(--teal)}
  .lead{font-size:clamp(1.16rem,1.8vw,1.55rem);line-height:1.5;font-weight:400}
  .section-label{display:flex;align-items:center;gap:18px;margin-bottom:clamp(48px,6vw,90px);font-size:.69rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.section-label i{height:1px;flex:1;background:currentColor;opacity:.35}.section-label span:last-child{opacity:.62}.section-label.light{color:var(--paper)}
  .wake-card{transform:rotate(var(--rock));transform-origin:50% 100%;will-change:transform}
}

@layer components {
  .start-lights{position:fixed;z-index:999;inset:0;background:var(--yellow);display:grid;place-content:center;grid-template-columns:repeat(5,20px);gap:10px;animation:curtain 1s 1.4s cubic-bezier(.8,0,.2,1) forwards;pointer-events:none}.start-lights i{width:20px;height:20px;border-radius:50%;background:var(--ink);animation:light-on .25s ease both}.start-lights i:nth-child(2){animation-delay:.12s}.start-lights i:nth-child(3){animation-delay:.24s}.start-lights i:nth-child(4){animation-delay:.36s}.start-lights i:nth-child(5){animation-delay:.48s}@keyframes light-on{from{transform:scale(.2);opacity:.2}}@keyframes curtain{to{clip-path:inset(0 0 100% 0);visibility:hidden}}
  .site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:86px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;color:var(--ink);border-bottom:1px solid rgba(16,20,19,.3)}
  .wordmark{display:flex;align-items:center;gap:12px;font-family:'Anton';font-size:1.2rem;letter-spacing:.04em;text-decoration:none}.wordmark>span:last-child>span{color:var(--coral)}.flag-mark,.footer-flag{width:26px;height:26px;background:conic-gradient(#111 0 25%,#fff 0 50%,#111 0 75%,#fff 0);background-size:13px 13px;border:2px solid #111}
  .site-header nav{display:flex;gap:clamp(18px,3vw,46px)}.site-header nav a{font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;position:relative}.site-header nav a::after,footer a::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s}.site-header nav a:hover::after,footer a:hover::after{transform:scaleX(1);transform-origin:left}
  .speed-chip{display:flex;align-items:baseline;gap:5px;font-family:'Anton';font-size:1.35rem}.speed-chip small{font-family:'Outfit';font-size:.58rem;font-weight:800}
  .hero{height:max(760px,100svh);min-height:720px;overflow:hidden;position:relative;background:var(--yellow);padding:120px clamp(24px,6vw,90px) 45px;isolation:isolate}
  #water-canvas{position:absolute;z-index:-1;inset:54% 0 0;width:100%;height:46%;background:var(--teal)}.hero-sun{position:absolute;z-index:-2;width:min(37vw,530px);aspect-ratio:1;border:2px solid rgba(16,20,19,.3);border-radius:50%;top:13%;right:5%;box-shadow:0 0 0 45px rgba(255,255,255,.15),0 0 0 90px rgba(255,255,255,.08)}.hero-grid{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(0,0,0,.08) 50%,transparent 50.2%),linear-gradient(rgba(0,0,0,.07) 1px,transparent 1px);background-size:25% 100%,100% 90px;mask-image:linear-gradient(#000,transparent 62%)}
  .hero-kicker{display:flex;justify-content:space-between;padding-right:40%;font-size:.7rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.hero h1{position:relative;z-index:2;margin-top:3vh;font-family:'Anton';font-size:clamp(6.2rem,16.1vw,15.5rem);font-weight:400;line-height:.72;letter-spacing:-.037em;text-transform:uppercase}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--ink);font-size:.55em;letter-spacing:-.015em}.hero-deck{position:absolute;top:45%;right:6%;z-index:4;width:240px;font-size:1.2rem;line-height:1.25}.hero-deck strong{display:block;font-weight:800}.hydro-wrap{position:absolute;z-index:3;left:22%;top:50%;width:min(68vw,960px);height:250px;filter:drop-shadow(0 35px 18px rgba(0,0,0,.22));transform:rotate(-2deg)}
  .hydro{position:absolute;width:76%;height:104px;left:16%;top:43%;transition:transform .15s linear}.hydro::before{content:"";position:absolute;inset:0;background:linear-gradient(172deg,#fff372 0 24%,var(--yellow) 25% 70%,#ac8d00 71%);clip-path:polygon(0 54%,55% 18%,75% 3%,81% 29%,100% 56%,95% 78%,31% 84%,14% 100%,2% 89%)}.hydro::after{content:"";position:absolute;left:3%;right:2%;bottom:18px;height:10px;background:var(--ink);transform:skewX(-25deg);clip-path:polygon(0 0,100% 0,96% 100%,7% 100%)}.fin{position:absolute;z-index:-1;left:55%;bottom:59%;width:90px;height:115px;background:var(--yellow);border:7px solid var(--ink);clip-path:polygon(20% 100%,28% 0,61% 0,100% 100%)}.fin b{display:block;font-family:'Anton';font-size:1.75rem;transform:rotate(-90deg) translate(-61px,11px)}.canopy{position:absolute;z-index:-1;left:53%;bottom:67%;width:150px;height:72px;background:linear-gradient(145deg,#d6ffff,#43868c);border:7px solid var(--ink);border-radius:90% 50% 8% 8%}.deck-stripe{position:absolute;z-index:1;width:33%;height:18px;background:var(--coral);left:12%;top:52%;transform:skewX(-24deg)}.hull-name{position:absolute;z-index:2;left:43%;top:55%;font-family:'Anton';font-size:1.14rem;letter-spacing:.06em}.sponson{position:absolute;z-index:1;top:63%;width:31%;height:72px;background:var(--yellow);border:6px solid var(--ink)}.sponson.left{left:-1%;clip-path:polygon(0 37%,100% 0,87% 100%,9% 90%)}.sponson.right{right:-3%;clip-path:polygon(0 0,100% 35%,93% 91%,18% 100%)}.prop{position:absolute;right:14%;bottom:-34%;width:9px;height:52px;background:#c9d5d2;box-shadow:0 0 0 3px #111;transform:rotate(14deg)}.roost-back{position:absolute;width:68%;height:230px;right:34%;top:8%;background:radial-gradient(ellipse at 90% 78%,rgba(235,255,255,.98),rgba(177,242,244,.66) 18%,rgba(211,255,255,.13) 47%,transparent 70%),repeating-linear-gradient(166deg,transparent 0 13px,rgba(222,255,255,.32) 14px 17px);clip-path:polygon(0 0,100% 46%,100% 100%,25% 82%);filter:blur(4px);mix-blend-mode:screen;transform:skewX(-18deg);opacity:calc(.48 + var(--wake) * .006)}
  .hero-meta{position:absolute;z-index:4;bottom:35px;left:6%;display:grid;grid-template-columns:repeat(3,1fr);width:44%;border-top:1px solid rgba(255,255,255,.55);color:white}.hero-meta>div{padding:15px 14px 0;display:grid;grid-template-columns:auto 1fr;gap:0 11px;border-right:1px solid rgba(255,255,255,.35)}.hero-meta span{grid-row:1/3;font-family:'Anton';font-size:2rem;color:var(--yellow)}.hero-meta b{font-family:'Anton';font-size:1.25rem;font-weight:400}.hero-meta small{text-transform:uppercase;font-size:.58rem;letter-spacing:.12em}.scroll-cue{position:absolute;z-index:4;right:5%;bottom:35px;color:white;text-decoration:none;display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:.65rem;font-weight:800;letter-spacing:.14em}.scroll-cue i{display:block;width:54px;height:54px;border:1px solid white;border-radius:50%;position:relative}.scroll-cue i::after{content:"↓";position:absolute;inset:0;display:grid;place-content:center;font-size:1.2rem;animation:bob 1.5s ease-in-out infinite}@keyframes bob{50%{transform:translateY(5px)}}
  .reveal{opacity:0;transform:translateY(25px);animation:reveal .8s cubic-bezier(.2,.9,.2,1) forwards 1.65s}.hero h1{animation-delay:1.75s}.hero-deck{animation-delay:1.9s}.hydro-wrap{animation-delay:2s}.hero-meta{animation-delay:2.1s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}
  .marquee-band{overflow:hidden;background:var(--ink);color:var(--yellow);padding:14px 0;border-block:4px solid var(--coral);font-family:'Anton';font-size:1.25rem;letter-spacing:.08em}.marquee-track{display:flex;gap:34px;width:max-content;animation:marquee 26s linear infinite}.marquee-track b{color:white}@keyframes marquee{to{transform:translateX(-50%)}}
  .flight-section{background:var(--paper)}.flight-head{display:grid;grid-template-columns:1.4fr .6fr;gap:9vw;align-items:end;margin-bottom:70px}.flight-head .lead{max-width:500px}.ride-console{--card-depth:.4;background:var(--ink);color:white;border-radius:3px;overflow:hidden;box-shadow:18px 18px 0 var(--teal)}.console-stage{height:min(50vw,550px);min-height:390px;position:relative;background:radial-gradient(circle at 30% 25%,#176d72 0,transparent 35%),linear-gradient(150deg,#032f33,#0a555a);overflow:hidden}.console-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:42px 42px}.three-point-svg{position:absolute;inset:5% 4%;width:92%;height:90%;overflow:visible;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.point{fill:var(--coral);stroke:var(--coral);stroke-width:2}.point text{font-family:'Outfit';font-size:13px;font-weight:800;letter-spacing:.1em;stroke:none}.waterline{filter:drop-shadow(0 0 7px #baffff)}.console-readout{position:absolute;right:4%;top:6%;display:flex;align-items:flex-end;gap:8px;color:var(--yellow)}.console-readout span{font-family:'Anton';font-size:4rem;line-height:1}.console-readout small{font-size:.65rem;font-weight:800;margin-bottom:7px}.draft-lines i{position:absolute;left:-10%;width:120%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:draft 2s linear infinite}.draft-lines i:nth-child(1){top:28%}.draft-lines i:nth-child(2){top:43%;animation-delay:-.8s}.draft-lines i:nth-child(3){top:66%;animation-delay:-.3s}.draft-lines i:nth-child(4){top:78%;animation-delay:-1.4s}@keyframes draft{from{transform:translateX(-30%)}to{transform:translateX(30%)}}
  .throttle-panel{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:34px 40px;border-top:1px solid rgba(255,255,255,.2)}.throttle-panel label{display:flex;justify-content:space-between;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.73rem}.throttle-panel output{color:var(--yellow)}.throttle-panel input{grid-column:2;grid-row:1;width:100%;accent-color:var(--yellow);cursor:grab}.throttle-panel input:active{cursor:grabbing}.range-labels{grid-column:2;display:flex;justify-content:space-between;color:#aab9b6;font-size:.6rem;font-weight:800;letter-spacing:.12em}.throttle-panel p{grid-row:2/4;font-size:.9rem;color:#c8d4d1;align-self:end;max-width:240px}.ride-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2)}.ride-stats article{padding:30px 40px;border-right:1px solid rgba(255,255,255,.2)}.ride-stats article:last-child{border:0}.ride-stats b{display:block;font-family:'Anton';font-size:3rem;color:var(--yellow);line-height:1}.ride-stats span{display:block;margin:8px 0 12px;font-size:.64rem;font-weight:800;letter-spacing:.15em}.ride-stats p{font-size:.86rem;color:#b8c5c2}
  .heats-section{background:var(--teal);color:var(--paper);position:relative}.heats-section::before{content:"";position:absolute;top:0;right:4%;width:22%;height:26px;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0/26px 26px}.heats-title-row{display:grid;grid-template-columns:1fr 260px;align-items:end;margin-bottom:80px}.heats-section h2 span{color:var(--yellow)}.course-note{border:1px solid rgba(255,255,255,.4);padding:20px}.course-note span{font-size:.65rem;font-weight:800;letter-spacing:.15em}.course-note svg{margin-top:10px}.course-note path{fill:none;stroke:var(--paper);stroke-width:2}.course-note circle{fill:var(--yellow)}
  .bracket{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;align-items:center}.heat-column{position:relative}.heat-column::after{content:"";position:absolute;right:-30px;top:24%;width:10px;height:52%;border-block:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5)}.heat-column.final::after{display:none}.heat-column h3{font-family:'Anton';font-weight:400;font-size:1.15rem;letter-spacing:.06em;margin:25px 0 9px}.heat-column h3 span{color:var(--yellow);font-family:'Outfit';font-size:.62rem;margin-right:8px}.boat-row{display:grid;grid-template-columns:52px 1fr auto;align-items:center;min-height:50px;border-top:1px solid rgba(255,255,255,.28);font-size:.85rem}.boat-row b{font-family:'Anton';font-weight:400;font-size:1.3rem}.boat-row strong{font-size:.75rem}.boat-row.winner{background:var(--yellow);color:var(--ink);padding:0 11px;transform:translateX(-11px);width:calc(100% + 22px)}.boat-row.coral b{color:#ffb09d}.boat-row.champion{min-height:86px}.boat-row.champion b{font-size:2rem}.boat-row.champion strong{font-family:'Anton';font-size:2.7rem}.final-stamp{display:inline-block;background:var(--coral);padding:8px 13px;font-family:'Anton';letter-spacing:.06em;transform:rotate(-2deg)}.margin-note{font-size:.8rem;color:#bce2df;margin-top:18px;max-width:270px}.announcer-strip{margin-top:80px;padding:28px 34px;background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:12px 12px 0 var(--yellow);transform:rotate(-.4deg)}.announcer-strip span{font-size:clamp(1.2rem,2.3vw,2rem);font-weight:700;font-style:italic}.announcer-strip small{font-weight:700;max-width:230px}
  .archive-section{background:var(--paper)}.archive-head{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end;margin-bottom:90px}.archive-head>p{font-size:1.12rem;max-width:460px}.poster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:start}.poster{--card-depth:.7;display:block;transition:transform .35s cubic-bezier(.2,.8,.2,1);cursor:crosshair}.poster:nth-child(even){margin-top:70px}.poster:hover,.poster:focus-visible{transform:rotate(0deg) translateY(-18px) scale(1.025);z-index:4}.poster svg{box-shadow:10px 12px 0 var(--ink);border:1px solid var(--ink)}.poster svg text{font-family:'Anton';font-size:78px;fill:#111;letter-spacing:-2px}.poster svg text.poster-small{font-family:'Outfit';font-size:14px;font-weight:900;letter-spacing:2px}.poster>span{display:block;margin-top:22px;font-size:.69rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.poster-a{transform:rotate(-2deg)}.poster-b{transform:rotate(1.5deg)}.poster-c{transform:rotate(-1deg)}.poster-d{transform:rotate(2deg)}
  .reckoning-section{background:#111615;color:var(--paper);padding:clamp(100px,12vw,175px) max(24px,calc((100vw - 1280px)/2));position:relative;overflow:hidden}.reckoning-section::before{content:"";position:absolute;top:-30%;left:-15%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(0,126,134,.24),transparent 66%)}.reckoning-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;position:relative}.reckoning-title-wrap h2 span{color:var(--coral)}.reckoning-intro{margin-top:40px;max-width:570px;color:#c5ceca;font-size:1.15rem}.canopy-vignette{position:relative;align-self:end;min-height:540px;background:radial-gradient(circle at 60% 55%,rgba(255,212,0,.2),transparent 55%);display:grid;place-items:center}.canopy-vignette svg{position:relative;z-index:2;width:100%}.halo{position:absolute;width:340px;aspect-ratio:1;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.018)}.diagram-tag{position:absolute;z-index:3;background:var(--paper);color:var(--ink);padding:7px 11px;font-size:.59rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.tag-one{right:3%;top:20%}.tag-two{left:4%;bottom:18%}.tag-three{right:4%;bottom:5%}.safety-timeline{margin-top:90px;border-top:1px solid #4c5652}.safety-timeline article{display:grid;grid-template-columns:180px 1fr;gap:35px;padding:30px 0;border-bottom:1px solid #4c5652}.safety-timeline time{font-family:'Anton';font-size:2.6rem;color:var(--yellow)}.safety-timeline h3{font-family:'Anton';font-weight:400;font-size:1.6rem;letter-spacing:.05em}.safety-timeline p{color:#aebbb7;max-width:660px}.reckoning-section blockquote{margin:100px auto 0;max-width:920px;text-align:center;font-size:clamp(2rem,4vw,4.2rem);font-weight:300;line-height:1.08}.reckoning-section cite{display:block;margin-top:25px;font-style:normal;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow)}
  .river-section{background:#bde7e1}.river-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:center}.river-copy .lead{margin:35px 0;max-width:470px}.text-link{display:inline-flex;gap:15px;align-items:center;text-transform:uppercase;font-size:.7rem;font-weight:900;letter-spacing:.14em;text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:7px}.text-link span{font-size:1rem}.map-card{--card-depth:.5;background:var(--teal);padding:25px;box-shadow:18px 18px 0 var(--ink)}.map-card svg{width:100%}.map-card .land{fill:#f4f0df}.map-card .river-path{fill:none;stroke:#65c5c5;stroke-width:34}.map-card .course{fill:none;stroke:var(--yellow);stroke-width:7;stroke-dasharray:14 8}.map-card .buoys{fill:var(--coral);stroke:var(--ink);stroke-width:3}.map-card .race-arrow{fill:none;stroke:white;stroke-width:6}.map-card text{font-family:'Outfit';font-size:15px;font-weight:900;letter-spacing:1px;fill:var(--ink)}.map-legend{display:flex;gap:25px;color:white;text-transform:uppercase;font-size:.59rem;font-weight:800;letter-spacing:.1em}.map-legend span{display:flex;align-items:center;gap:7px}.map-legend i{width:16px;height:3px;background:var(--yellow)}.map-legend span:nth-child(2) i{background:white}.map-legend span:nth-child(3) i{background:#65c5c5}.field-notes{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:2px solid var(--ink)}.field-notes article{padding:25px 24px;border-right:1px solid rgba(0,0,0,.3)}.field-notes article:last-child{border:0}.field-notes span{font-size:.59rem;font-weight:900;letter-spacing:.13em}.field-notes b{font-family:'Anton';font-size:2.5rem;display:block;margin:10px 0;line-height:1}.field-notes p{font-size:.83rem}
  .finale{min-height:800px;padding:120px 6vw;display:grid;place-content:center;text-align:center;background:var(--yellow);color:var(--ink);position:relative;overflow:hidden}.finale-checkers{position:absolute;inset:0;background:repeating-conic-gradient(var(--ink) 0 25%,transparent 0 50%) 50%/100px 100px;opacity:.07;transform:perspective(500px) rotateX(58deg) scale(1.4)}.finale>p:first-of-type{position:relative;font-size:.72rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.finale h2{position:relative;font-size:clamp(5rem,13vw,13rem)}.finale h2 span{color:var(--coral)}.winner-disc{position:absolute;right:9%;top:20%;width:190px;aspect-ratio:1;background:var(--ink);color:white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(10deg);box-shadow:12px 12px 0 var(--teal)}.winner-disc small{letter-spacing:.2em}.winner-disc b{font-family:'Anton';font-size:4.2rem;color:var(--yellow);line-height:1}.winner-disc span{font-size:.66rem;font-weight:900;letter-spacing:.12em}.finale-note{position:relative;max-width:460px;margin:30px auto 0;font-size:1.05rem;font-weight:600}
  footer{background:var(--ink);color:var(--paper);min-height:150px;padding:45px max(24px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border-top:5px solid var(--teal)}footer .footer-flag{border-color:var(--paper)}footer p{font-size:.75rem;font-weight:700;letter-spacing:.06em}footer nav{display:flex;gap:25px}footer a{position:relative;text-decoration:none;font-size:.7rem;font-weight:700}
}

@layer responsive {
  @media(max-width:900px){
    .site-header nav{display:none}.site-header{height:74px}.hero{padding-top:110px}.hero-kicker{padding-right:0}.hero h1{font-size:clamp(6rem,16vw,9rem);margin-top:7vh}.hero-deck{top:37%;right:4%;font-size:1rem}.hydro-wrap{left:5%;width:94vw;top:50%}.hero-meta{width:64%}.flight-head,.archive-head{grid-template-columns:1fr;gap:35px}.flight-head .lead,.archive-head>p{margin-left:auto}.bracket{gap:20px}.heat-column::after{right:-12px}.poster-grid{grid-template-columns:repeat(2,1fr);gap:55px}.poster:nth-child(even){margin-top:55px}.reckoning-grid{grid-template-columns:1fr}.canopy-vignette{min-height:460px}.river-layout{grid-template-columns:1fr}.river-copy{max-width:600px}.field-notes{grid-template-columns:repeat(2,1fr)}.field-notes article:nth-child(2){border-right:0}.field-notes article:nth-child(-n+2){border-bottom:1px solid rgba(0,0,0,.3)}.winner-disc{right:4%;top:13%;width:150px}footer{grid-template-columns:auto 1fr}footer nav{grid-column:1/-1}
  }
  @media(max-width:600px){
    .section-pad{padding:78px 20px}.section-label{gap:10px;margin-bottom:43px}.section-label span:last-child{display:none}h2{font-size:clamp(3.7rem,19vw,5.3rem)}
    .site-header{position:absolute;padding:0 18px}.speed-chip{font-size:1.1rem}.wordmark{font-size:1rem}.flag-mark{width:22px;height:22px;background-size:11px 11px}.hero{height:760px;min-height:700px;padding:98px 18px 25px}.hero-sun{width:70vw;right:-16%;top:15%}.hero-grid{background-size:50% 100%,100% 70px}.hero-kicker{font-size:.58rem;gap:15px}.hero-kicker span:last-child{text-align:right}.hero h1{font-size:23vw;line-height:.77;margin-top:52px}.hero h1 em{-webkit-text-stroke:1px var(--ink)}.hero-deck{top:37%;left:20px;right:auto;width:200px;font-size:.98rem}.hydro-wrap{top:48%;left:-18%;width:140vw;height:210px}.hydro{height:78px}.fin{width:63px;height:90px;border-width:5px}.fin b{font-size:1.2rem;transform:rotate(-90deg) translate(-48px,8px)}.canopy{width:100px;height:52px;border-width:5px}.hull-name{font-size:.76rem}.sponson{border-width:4px;height:52px}.hero-meta{bottom:27px;left:18px;width:calc(100% - 36px)}.hero-meta>div{padding:10px 5px 0;gap:0 5px}.hero-meta span{font-size:1.4rem}.hero-meta b{font-size:1rem}.hero-meta small{font-size:.46rem}.scroll-cue{display:none}#water-canvas{inset:53% 0 0;height:47%}
    .marquee-band{font-size:1rem}.flight-head{margin-bottom:45px}.flight-head .lead{font-size:1.05rem}.ride-console{box-shadow:8px 9px 0 var(--teal)}.console-stage{height:310px;min-height:0}.three-point-svg{inset:4% -16%;width:132%;height:92%}.console-readout{right:4%;top:5%}.console-readout span{font-size:2.7rem}.point text{font-size:10px}.throttle-panel{display:block;padding:25px 20px}.throttle-panel input{margin-top:25px}.range-labels{margin-top:7px}.throttle-panel p{margin-top:20px;max-width:none}.ride-stats{grid-template-columns:1fr}.ride-stats article{padding:23px 20px;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.ride-stats b{font-size:2.5rem}
    .heats-title-row{grid-template-columns:1fr;gap:35px;margin-bottom:55px}.course-note{width:190px;margin-left:auto}.bracket{display:block}.heat-column{margin-bottom:55px}.heat-column::after{display:none}.boat-row{min-height:48px}.announcer-strip{margin-top:40px;padding:22px;display:block;box-shadow:7px 7px 0 var(--yellow)}.announcer-strip small{display:block;margin-top:15px}.poster-grid{grid-template-columns:repeat(2,1fr);gap:28px 16px}.poster:nth-child(even){margin-top:35px}.poster svg{box-shadow:5px 6px 0 var(--ink)}.poster>span{font-size:.56rem;margin-top:14px}.archive-head{margin-bottom:55px}.archive-head>p{font-size:1rem}
    .reckoning-section{padding:80px 20px}.reckoning-intro{font-size:1rem}.canopy-vignette{min-height:340px}.diagram-tag{font-size:.48rem;padding:5px 7px}.tag-one{top:15%}.safety-timeline{margin-top:60px}.safety-timeline article{grid-template-columns:80px 1fr;gap:15px}.safety-timeline time{font-size:2rem}.safety-timeline h3{font-size:1.3rem}.safety-timeline p{font-size:.88rem}.reckoning-section blockquote{margin-top:70px;font-size:2rem}
    .map-card{padding:12px;box-shadow:8px 9px 0 var(--ink)}.map-card text{font-size:12px}.map-legend{gap:10px;flex-wrap:wrap}.field-notes{margin-top:65px}.field-notes article{padding:20px 10px}.field-notes b{font-size:2rem}.field-notes p{font-size:.75rem}.field-notes span{font-size:.5rem}
    .finale{min-height:660px;padding:100px 18px}.finale h2{font-size:21vw}.winner-disc{position:relative;right:auto;top:auto;width:135px;margin:45px auto 0}.finale-note{font-size:.9rem}footer{display:flex;flex-wrap:wrap;align-items:center;padding:38px 20px}footer nav{width:100%;display:grid;gap:12px;margin-top:15px}footer a{min-height:28px;display:flex;align-items:center}
  }
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}#wake-canvas{display:none}.wake-card{transform:none!important}}
}

@layer overrides {
  .archive-section{padding-bottom:clamp(80px,7vw,105px)}
  .poster-d svg>text:not(.poster-small){fill:#fff}
  .poster-d svg>text:nth-of-type(2){fill:var(--yellow)}
  .poster-d svg text.poster-small{fill:#fff}
  .reckoning-section{padding-top:clamp(100px,8vw,125px)}
  .reckoning-title-wrap .eyebrow{margin-bottom:18px}
  #throttle{min-height:44px}
  @media(max-width:900px){.hydro-wrap{top:56%}}
  @media(max-width:600px){
    .site-header:not(.guide-header){height:118px;padding:0 18px 44px}
    .site-header:not(.guide-header) nav{position:absolute;display:flex;left:18px;right:18px;bottom:0;height:44px;border-top:1px solid rgba(16,20,19,.3);justify-content:space-between;gap:4px}
    .site-header:not(.guide-header) nav a{min-height:44px;display:flex;align-items:center;font-size:.54rem;letter-spacing:.08em}
    .hero{height:780px;min-height:720px;padding-top:140px}
    .hero-sun{top:20%}
    .hero h1{font-size:21.5vw;line-height:.82;margin-top:42px}
    .hero-deck{top:44.5%;width:190px;font-size:.9rem}
    .hydro-wrap{top:51%;left:-7%;width:114vw}
    footer nav{gap:2px}
    footer a{min-height:44px}
  }
}

@layer pass2 {
  body{font-kerning:normal;text-rendering:optimizeLegibility}
  .start-lights{grid-template-columns:1fr;gap:22px;text-align:center;animation:curtain .8s 1s cubic-bezier(.82,0,.18,1) forwards}
  .start-lights span{font-size:.64rem;font-weight:900;letter-spacing:.24em;text-transform:uppercase}
  .start-lights>div{display:grid;grid-template-columns:repeat(5,18px);gap:11px;justify-content:center}
  .start-lights i{width:18px;height:18px;box-shadow:0 0 0 1px rgba(16,20,19,.16)}
  .start-lights i:nth-child(1){animation-delay:.08s}.start-lights i:nth-child(2){animation-delay:.16s}.start-lights i:nth-child(3){animation-delay:.24s}.start-lights i:nth-child(4){animation-delay:.32s}.start-lights i:nth-child(5){animation-delay:.4s}
  .reveal{animation-delay:1.12s}.hero h1{animation-delay:1.2s}.hero-deck{animation-delay:1.34s}.hydro-wrap{animation-delay:1.46s}.hero-meta{animation-delay:1.58s}.hero-heat{animation-delay:1.28s}
  .site-header nav a{min-height:44px;display:flex;align-items:center}
  .wake-meter{position:fixed;right:18px;bottom:18px;z-index:9;width:154px;height:34px;pointer-events:none;color:white;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:0 10px;background:rgba(16,20,19,.9);border:1px solid rgba(255,255,255,.42);box-shadow:4px 4px 0 var(--yellow);backdrop-filter:blur(4px);overflow:hidden}
  .wake-meter::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,126,134,.92),rgba(146,231,231,.82));transform:scaleX(calc(.04 + var(--wake) * .0096));transform-origin:0 50%;transition:transform .08s linear}
  .wake-meter i{display:none}.wake-meter span,.wake-meter b{position:relative;z-index:1;font-size:.48rem;line-height:1;font-weight:900;letter-spacing:.12em}.wake-meter b{font-size:.5rem;color:var(--yellow)}
  .hero{background:linear-gradient(105deg,#ffd400 0 55%,#ffdf28 82%,#ffc800 100%)}
  #water-canvas{inset:51% 0 0;height:49%;background:#07737c}
  .hero::after{content:"";position:absolute;z-index:1;left:0;right:0;top:50.5%;height:16px;background:linear-gradient(180deg,rgba(255,255,255,.54),transparent);opacity:.45;filter:blur(4px);pointer-events:none}
  .hero-sun{border-color:rgba(16,20,19,.42);box-shadow:0 0 0 50px rgba(255,255,255,.16),0 0 0 105px rgba(255,255,255,.075)}
  .hero-kicker{padding-right:37%;max-width:1080px}
  .hero-heat{position:absolute;right:6%;top:112px;width:230px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-block:1px solid rgba(16,20,19,.35);font-size:.56rem;font-weight:900;letter-spacing:.12em}
  .hero-heat b{font-family:'Anton';font-size:1.05rem;font-weight:400}.hero-heat i{height:5px;background:repeating-linear-gradient(90deg,var(--ink) 0 6px,transparent 6px 10px)}.hero-heat small{grid-column:3;font-size:.48rem}
  .hero h1{text-shadow:1px 1px 0 rgba(255,255,255,.18)}
  .hero-deck{font-size:1.15rem;padding-left:17px;border-left:4px solid var(--ink)}
  .hydro-wrap{filter:drop-shadow(0 30px 13px rgba(0,0,0,.32))}
  .hydro::before{background:linear-gradient(174deg,#fff59b 0 17%,#ffe04a 18% 28%,var(--yellow) 29% 67%,#a98800 68% 75%,#715c00 76%)}
  .hydro::after{height:12px;background:linear-gradient(90deg,var(--ink) 0 63%,#f7f0d9 63% 68%,var(--ink) 68%)}
  .hydro{filter:drop-shadow(-18px 12px 0 rgba(184,239,237,.15))}
  .hydro .sponson::after{content:"";position:absolute;left:10%;right:8%;bottom:9px;height:5px;background:rgba(255,255,255,.58);transform:skewX(-20deg)}
  .deck-stripe{box-shadow:0 5px 0 rgba(16,20,19,.14)}
  .canopy{background:linear-gradient(145deg,#efffff 5%,#93d9dc 38%,#2d6970 85%);box-shadow:inset -17px -8px 0 rgba(16,20,19,.16)}
  .roost-back{width:76%;height:260px;right:29%;top:-3%;filter:blur(3px);opacity:calc(.58 + var(--wake) * .006);background:radial-gradient(ellipse at 93% 78%,rgba(250,255,255,.98),rgba(170,240,244,.76) 14%,rgba(211,255,255,.22) 39%,transparent 67%),repeating-linear-gradient(164deg,transparent 0 12px,rgba(234,255,255,.38) 13px 17px)}
  .hero-meta{background:linear-gradient(90deg,rgba(5,66,70,.28),transparent);backdrop-filter:blur(2px)}
  .scroll-cue{border:0;background:none;font-family:'Outfit';cursor:pointer;padding:0;color:white}
  .scroll-cue i::after{content:"↯";font-weight:900;animation:bob 1.5s ease-in-out infinite}
  .scroll-cue:hover i{background:white;color:var(--teal)}
  .scroll-cue.is-thrown i{animation:throw-pulse .55s cubic-bezier(.2,.8,.2,1)}@keyframes throw-pulse{45%{transform:scale(1.25);background:white;color:var(--teal)}}
  .wake-card{transform:translateY(calc(var(--wake) * -.055px)) rotate(var(--rock));transition:filter .15s linear;filter:drop-shadow(0 calc(var(--wake) * .05px) calc(var(--wake) * .12px) rgba(0,70,76,.18))}
  .flight-section,.archive-section{position:relative}
  .flight-section::before,.archive-section::before{content:"";position:absolute;top:0;left:0;right:0;height:18px;background:linear-gradient(176deg,var(--ink) 0 44%,transparent 46%),linear-gradient(184deg,var(--coral) 0 40%,transparent 42%);background-size:72px 18px;opacity:.16}
  .ride-console{border:1px solid rgba(255,255,255,.15);box-shadow:18px 18px 0 var(--teal),23px 23px 0 var(--ink)}
  .console-stage{background:radial-gradient(ellipse at 30% 40%,#187a80 0,transparent 34%),radial-gradient(ellipse at 75% 82%,rgba(146,231,231,.22),transparent 38%),linear-gradient(150deg,#032f33,#0a555a)}
  .throttle-panel input{height:44px}
  .heats-section{background:linear-gradient(140deg,#087e86,#056b73 72%,#064c53)}
  .boat-row{transition:transform .25s ease,background .25s ease}.boat-row:hover{transform:translateX(7px)}
  .poster-grid{position:relative;isolation:isolate}
  .poster svg{transition:filter .3s ease;filter:saturate(.93) contrast(1.03)}
  .poster:hover svg{filter:saturate(1.12) contrast(1.05)}
  .archive-ticket{margin:45px 0 0 auto;width:min(100%,620px);display:grid;grid-template-columns:1fr auto;gap:8px 28px;padding:25px 30px;border:2px solid var(--ink);border-left:14px solid var(--coral);background:#fff8e7;box-shadow:10px 10px 0 var(--yellow);transform:rotate(-.6deg)}
  .archive-ticket b{font-family:'Anton';font-size:1.55rem;font-weight:400;letter-spacing:.04em}.archive-ticket span{grid-column:1;line-height:1.45}.archive-ticket small{grid-column:2;grid-row:1/3;max-width:150px;padding-left:24px;border-left:1px solid #777;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .reckoning-section{background:radial-gradient(circle at 80% 18%,rgba(255,212,0,.08),transparent 29%),linear-gradient(145deg,#101716,#090d0d 72%)}
  .safety-timeline article{transition:background .25s ease,padding .25s ease}.safety-timeline article:hover{background:rgba(255,255,255,.035);padding-inline:18px}
  .safety-principles{margin-top:80px;border-block:1px solid #4c5652;display:grid;grid-template-columns:repeat(3,1fr) 2fr;align-items:stretch}
  .safety-principles span,.safety-principles strong{padding:24px 18px;border-right:1px solid #4c5652;text-transform:uppercase;font-size:.65rem;letter-spacing:.1em}.safety-principles span b{display:block;font-family:'Anton';font-size:2rem;color:var(--yellow);font-weight:400}.safety-principles strong{display:flex;align-items:center;color:var(--coral);font-family:'Anton';font-size:1.45rem;font-weight:400;border:0}
  .river-section{background:linear-gradient(160deg,#c9f0eb 0,#a8ded9 70%,#8bcfce)}
  .finale{place-content:initial;text-align:left;padding:135px max(24px,calc((100vw - 1280px)/2));display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
  .finale h2{max-width:1120px;z-index:1;line-height:.76}.finale>p:first-of-type{margin-left:38%;z-index:1}.finale-note{margin:34px 0 0 40%;max-width:430px;text-align:left;z-index:1}.winner-disc{z-index:2}
  .scroll-in{opacity:1;transform:none}.scroll-in.in-view{animation:section-arrive .7s cubic-bezier(.2,.8,.2,1) both}@keyframes section-arrive{from{opacity:.78;transform:translateY(24px)}}
  @media(min-width:901px){
    .poster-grid{grid-template-columns:1.08fr .78fr 1fr .84fr;gap:34px;align-items:center}
    .poster:nth-child(even){margin-top:0}.poster-a{transform:rotate(-3deg) translateY(-28px)}.poster-b{transform:rotate(2.2deg) translateY(48px)}.poster-c{transform:rotate(-1.4deg) translateY(-8px)}.poster-d{transform:rotate(2.8deg) translateY(60px)}
    .poster:hover{transform:rotate(0deg) translateY(-20px) scale(1.035)}
  }
  @media(min-width:601px) and (max-width:900px){
    .site-header nav{display:flex;gap:15px}.site-header nav a{font-size:.6rem;letter-spacing:.08em}.speed-chip{display:none}
    .hero{padding-top:102px}.hero-heat{display:none}.hero-kicker{padding-right:0}.hero h1{margin-top:6vh}.hero-deck{top:39%}
    .archive-ticket{margin-top:45px}.safety-principles{grid-template-columns:repeat(3,1fr)}.safety-principles strong{grid-column:1/-1;border-top:1px solid #4c5652}
  }
  @media(max-width:600px){
    .wake-meter{right:8px;bottom:8px;width:118px;height:30px;padding-inline:8px;box-shadow:3px 3px 0 var(--yellow);opacity:.88}.wake-meter span{font-size:.4rem}.wake-meter b{font-size:.42rem}
    .hero{height:800px;min-height:760px;padding-top:142px}.hero-heat{display:none}.hero h1{font-size:21vw;line-height:.8;margin-top:40px}.hero-deck{top:42.5%;width:205px;font-size:.88rem;line-height:1.25;border-left-width:3px}.hero-sun{top:19%}
    #water-canvas{inset:50.5% 0 0;height:49.5%}.hydro-wrap{top:52.5%;left:-5%;width:111vw}.roost-back{height:205px;right:25%;top:0}
    .hero-meta{bottom:22px}.hero-meta small{letter-spacing:.07em}.hero-meta>div{padding-inline:4px}.scroll-cue{display:flex;right:13px;bottom:117px}.scroll-cue span{display:none}.scroll-cue i{width:46px;height:46px}
    .archive-ticket{margin-top:65px;padding:20px;display:block}.archive-ticket span,.archive-ticket small{display:block}.archive-ticket small{border:0;border-top:1px solid #999;margin-top:16px;padding:14px 0 0;max-width:none}
    .safety-principles{grid-template-columns:1fr}.safety-principles span,.safety-principles strong{border-right:0;border-bottom:1px solid #4c5652}.safety-principles strong{font-size:1.25rem}
    .finale{align-items:center;text-align:center;padding-inline:18px}.finale>p:first-of-type,.finale-note{margin-left:auto;margin-right:auto;text-align:center}.finale h2{text-align:center}
  }
  @media(prefers-reduced-motion:reduce){.scroll-in{opacity:1;transform:none}.wake-meter{display:none}.wake-card{transform:none;filter:none}}
}

@layer pass3 {
  :root{--teal:#07747b}
  ::selection{background:#a82212;color:white}
  html{scrollbar-color:var(--yellow) var(--ink);scrollbar-width:thin}
  ::-webkit-scrollbar{width:12px}
  ::-webkit-scrollbar-track{background:var(--ink)}
  ::-webkit-scrollbar-thumb{background:var(--yellow);border:3px solid var(--ink);border-radius:0}
  body{font-optical-sizing:auto;font-variant-numeric:lining-nums tabular-nums}
  p{max-width:72ch;text-wrap:pretty}
  h1,h2,h3{text-wrap:balance}
  .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .speed-chip,.hero-meta,.console-readout,.ride-stats,.heat-column,.field-notes,.wake-meter,.finish-replay{font-variant-numeric:tabular-nums lining-nums}
  .eyebrow,.section-label,.hero-kicker{letter-spacing:.16em}
  .lead{max-width:32ch;text-wrap:pretty}
  body:not(.guide-page) .site-header>*{animation:masthead-in .65s 1.05s cubic-bezier(.16,1,.3,1) both}
  body:not(.guide-page) .site-header nav{animation-delay:1.14s}
  body:not(.guide-page) .site-header .speed-chip{animation-delay:1.22s}
  @keyframes masthead-in{from{opacity:0;transform:translateY(-10px)}}
  .wordmark .flag-mark{transition:transform .45s cubic-bezier(.2,.9,.2,1),box-shadow .45s ease}
  .wordmark{min-height:44px}
  .wordmark>span:last-child>span{color:#a82212}
  .wordmark:hover .flag-mark,.wordmark:focus-visible .flag-mark{transform:rotate(90deg);box-shadow:4px 4px 0 var(--coral)}
  .site-header nav a::after,footer a::after{transition:transform .35s cubic-bezier(.16,1,.3,1)}
  .site-header nav a:focus-visible::after,footer a:focus-visible::after{transform:scaleX(1);transform-origin:left}
  .scroll-cue{min-width:44px;min-height:54px;transition:transform .3s cubic-bezier(.16,1,.3,1)}
  .scroll-cue:hover,.scroll-cue:focus-visible{transform:translateY(-5px)}
  .text-link{position:relative;min-height:44px;transition:color .25s ease,background .25s ease,padding .25s cubic-bezier(.16,1,.3,1)}
  .text-link:hover,.text-link:focus-visible{background:var(--yellow);padding-inline:10px;color:var(--ink)}
  #throttle:focus-visible{outline-color:var(--yellow)}
  .heats-section{background:linear-gradient(140deg,#07747b,#056870 72%,#064c53)}
  .boat-row.coral b{color:#ffe2da}
  .margin-note{color:#eef7ef}
  .final-stamp{color:var(--ink)}
  .finish-replay{margin-top:78px;background:#0b1212;color:var(--paper);border:1px solid rgba(255,255,255,.3);box-shadow:14px 14px 0 var(--yellow);overflow:hidden;isolation:isolate}
  .replay-head{min-height:112px;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid rgba(255,255,255,.22);background:linear-gradient(100deg,rgba(7,116,123,.35),transparent 62%)}
  .replay-head .eyebrow{color:var(--blue);font-size:.61rem;margin-bottom:8px}
  .replay-head h3{font-family:'Anton';font-size:clamp(1.75rem,3vw,2.7rem);font-weight:400;line-height:.92;letter-spacing:.025em}
  .replay-trigger{min-height:50px;min-width:190px;padding:0 18px;border:2px solid var(--yellow);background:var(--yellow);color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:.64rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:6px 6px 0 var(--teal);transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,background .28s ease,color .28s ease}
  .replay-trigger i{width:10px;height:10px;background:var(--coral);transform:rotate(45deg);transition:transform .45s cubic-bezier(.16,1,.3,1)}
  .replay-trigger:hover,.replay-trigger:focus-visible{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--teal);background:var(--paper)}
  .replay-trigger:hover i,.replay-trigger:focus-visible i{transform:rotate(225deg) scale(1.2)}
  .replay-course{--finish-distance:720px;position:relative;height:255px;overflow:hidden;background:linear-gradient(rgba(146,231,231,.07) 1px,transparent 1px),radial-gradient(ellipse at 78% 50%,rgba(146,231,231,.17),transparent 25%),linear-gradient(105deg,#082e31,#07535a);background-size:100% 33.333%,auto,auto}
  .replay-course::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(164deg,transparent 0 22px,rgba(255,255,255,.035) 23px 25px);transform:translateX(-8%)}
  .frame-code{position:absolute;z-index:2;top:12px;left:18px;color:#a8cfcb;font-size:.52rem;font-weight:900;letter-spacing:.16em}
  .finish-line{position:absolute;z-index:1;top:0;bottom:0;left:88%;width:23px;background:repeating-conic-gradient(#fff 0 25%,#101413 0 50%) 0/23px 23px;box-shadow:0 0 30px rgba(255,255,255,.25)}
  .finish-line::after{content:"FINISH";position:absolute;top:10px;left:-38px;font-size:.46rem;font-weight:900;letter-spacing:.16em;transform:rotate(-90deg);transform-origin:100% 100%;color:var(--yellow)}
  .replay-runner{position:absolute;z-index:3;left:5%;width:62px;height:31px;display:grid;place-items:center;background:var(--yellow);color:var(--ink);clip-path:polygon(0 26%,80% 0,100% 50%,81% 100%,0 75%,12% 50%);filter:drop-shadow(-10px 7px 0 rgba(161,229,229,.16));will-change:transform}
  .replay-runner::before{content:"";position:absolute;right:86%;top:8px;width:105px;height:16px;background:linear-gradient(90deg,transparent,rgba(212,255,255,.54));clip-path:polygon(0 45%,100% 0,100% 100%)}
  .replay-runner b{position:relative;z-index:1;font-family:'Anton';font-size:.92rem;font-weight:400;letter-spacing:.04em}
  .replay-runner i{position:absolute;right:8px;bottom:2px;width:22px;height:2px;background:white}
  .runner-v9{top:52px}.runner-s88{top:126px;background:var(--coral);color:var(--ink)}.runner-r14{top:198px;background:var(--paper)}
  .finish-replay.is-running .runner-v9{animation:run-v9 1.85s cubic-bezier(.18,.72,.14,1) forwards}
  .finish-replay.is-running .runner-s88{animation:run-s88 2.1s cubic-bezier(.2,.7,.18,1) forwards}
  .finish-replay.is-running .runner-r14{animation:run-r14 2.24s cubic-bezier(.23,.66,.19,1) forwards}
  @keyframes run-v9{0%{transform:translate3d(0,0,0) rotate(-1deg)}28%{transform:translate3d(var(--finish-22),3px,0) rotate(1.5deg)}57%{transform:translate3d(var(--finish-58),-2px,0) rotate(-1deg)}100%{transform:translate3d(var(--finish-distance),0,0)}}
  @keyframes run-s88{0%{transform:translate3d(0,0,0)}43%{transform:translate3d(var(--finish-45),-2px,0)}100%{transform:translate3d(var(--finish-minus-30),0,0)}}
  @keyframes run-r14{0%{transform:translate3d(0,0,0)}35%{transform:translate3d(var(--finish-30),2px,0)}100%{transform:translate3d(var(--finish-minus-76),0,0)}}
  .photo-stamp{position:absolute;z-index:5;right:4%;top:50%;width:210px;padding:16px 18px;background:var(--paper);color:var(--ink);border-left:9px solid var(--coral);box-shadow:8px 8px 0 var(--yellow);transform:translateY(-50%) rotate(-3deg) scale(.7);opacity:0;transition:opacity .2s ease,transform .65s cubic-bezier(.16,1,.3,1)}
  .photo-stamp small,.photo-stamp span{display:block;font-size:.48rem;font-weight:900;letter-spacing:.14em}.photo-stamp b{display:block;font-family:'Anton';font-size:3.7rem;font-weight:400;line-height:.95;color:var(--teal)}
  .finish-replay.is-finished .photo-stamp{opacity:1;transform:translateY(-50%) rotate(-3deg) scale(1)}
  .finish-replay.is-finished .replay-course::after{content:"";position:absolute;z-index:4;inset:0;background:linear-gradient(90deg,transparent 84%,rgba(255,255,255,.85) 88%,transparent 92%);animation:finish-flash .55s ease-out both;pointer-events:none}
  @keyframes finish-flash{to{opacity:0}}
  .archive-section{background-color:var(--paper);background-image:radial-gradient(circle at 4% 28%,rgba(255,91,59,.08) 0 2px,transparent 3px),linear-gradient(90deg,rgba(7,116,123,.055) 1px,transparent 1px);background-size:43px 43px,clamp(100px,12.5vw,180px) 100%}
  .poster>span{line-height:1.35;text-wrap:balance}
  .finale h2{letter-spacing:-.032em}
  .finale h2 span{color:#d7351c}
  footer a{min-height:44px;display:flex;align-items:center}
  @media(max-width:900px){
    .finish-line{left:86%}.finish-replay{box-shadow:10px 10px 0 var(--yellow)}
    .photo-stamp{right:5%;width:190px}.replay-head{padding-inline:22px}
  }
  @media(max-width:600px){
    .eyebrow,.section-label,.hero-kicker{letter-spacing:.125em}
    .finish-replay{margin-top:58px;box-shadow:7px 7px 0 var(--yellow)}
    .replay-head{min-height:0;padding:20px;display:block}.replay-head h3{font-size:1.8rem}.replay-trigger{width:100%;min-width:0;margin-top:18px;min-height:48px}
    .replay-course{height:230px}.frame-code{font-size:.43rem}.finish-line{left:84%;width:18px;background-size:18px 18px}
    .runner-v9{top:48px}.runner-s88{top:112px}.runner-r14{top:176px}.replay-runner{width:54px;height:28px}
    .photo-stamp{right:6%;top:50%;width:160px;padding:12px 14px}.photo-stamp b{font-size:3rem}
  }
  @media(prefers-reduced-motion:reduce){
    body:not(.guide-page) .site-header>*{animation:none}
    .finish-replay .runner-v9{transform:translate3d(var(--finish-distance),0,0)}
    .finish-replay .runner-s88{transform:translate3d(var(--finish-minus-30),0,0)}
    .finish-replay .runner-r14{transform:translate3d(var(--finish-minus-76),0,0)}
    .finish-replay .photo-stamp{opacity:1;transform:translateY(-50%) rotate(-3deg) scale(1)}
    .finish-replay.is-finished .replay-course::after{animation:none;opacity:0}
  }
}