/* Eight seconds in total: layered event memories, then the club identity. */
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/open-sans-bold.ttf') format('truetype')}
.entry-intro{--intro-ready:1;position:fixed;inset:0;z-index:1000;display:grid;place-items:center;box-sizing:border-box;padding:72px 24px;background:radial-gradient(ellipse at 50% 40%,#102442 0%,#070e1a 56%,#03060c 100%);color:#fff;overflow:hidden;isolation:isolate}
.entry-intro[hidden],.entry-intro [hidden]{display:none!important}
.entry-intro__collage{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.entry-intro__photo{position:absolute;left:var(--x);top:var(--y);width:var(--w);margin:0;opacity:0;transform-origin:center;box-shadow:0 18px 60px #0009;border:1px solid #dce7f133;background:#0b1421}
.entry-intro__photo:not([data-ready]){visibility:hidden}
.entry-intro__photo img{display:block;width:100%;height:auto;max-width:100%;opacity:0;transition:opacity .28s ease-out}
.entry-intro__photo img[data-ready]{opacity:1}
.entry-intro__collage .entry-intro__photo:nth-child(1){--x:3%;--y:10%;--w:30%;--turn:-3deg;--delay:0.050s}
.entry-intro__collage .entry-intro__photo:nth-child(2){--x:61%;--y:10%;--w:33%;--turn:3deg;--delay:0.140s}
.entry-intro__collage .entry-intro__photo:nth-child(3){--x:31%;--y:57%;--w:31%;--turn:-2deg;--delay:0.230s}
.entry-intro__collage .entry-intro__photo:nth-child(4){--x:34%;--y:16%;--w:31%;--turn:2deg;--delay:0.320s}
.entry-intro__collage .entry-intro__photo:nth-child(5){--x:4%;--y:52%;--w:18%;--turn:3deg;--delay:0.410s}
.entry-intro__collage .entry-intro__photo:nth-child(6){--x:64%;--y:51%;--w:31%;--turn:-3deg;--delay:0.500s}
.entry-intro__collage .entry-intro__photo:nth-child(7){--x:20%;--y:30%;--w:33%;--turn:-2deg;--delay:0.590s}
.entry-intro__collage .entry-intro__photo:nth-child(8){--x:45%;--y:34%;--w:36%;--turn:2deg;--delay:0.680s}
.entry-intro__collage .entry-intro__photo:nth-child(9){--x:6%;--y:8%;--w:30%;--turn:-3deg;--delay:0.770s}
.entry-intro__collage .entry-intro__photo:nth-child(10){--x:64%;--y:8%;--w:33%;--turn:3deg;--delay:0.860s}
.entry-intro__collage .entry-intro__photo:nth-child(11){--x:34%;--y:55%;--w:31%;--turn:-2deg;--delay:0.950s}
.entry-intro__collage .entry-intro__photo:nth-child(12){--x:37%;--y:14%;--w:31%;--turn:2deg;--delay:1.040s}
.entry-intro__collage .entry-intro__photo:nth-child(13){--x:7%;--y:50%;--w:29%;--turn:3deg;--delay:1.130s}
.entry-intro__collage .entry-intro__photo:nth-child(14){--x:67%;--y:49%;--w:31%;--turn:-3deg;--delay:1.220s}
.entry-intro__collage .entry-intro__photo:nth-child(15){--x:23%;--y:28%;--w:33%;--turn:-2deg;--delay:1.310s}
.entry-intro__collage .entry-intro__photo:nth-child(16){--x:48%;--y:32%;--w:36%;--turn:2deg;--delay:1.400s}
.entry-intro__collage .entry-intro__photo:nth-child(17){--x:1%;--y:12%;--w:30%;--turn:-3deg;--delay:1.490s}
.entry-intro__collage .entry-intro__photo:nth-child(18){--x:59%;--y:12%;--w:33%;--turn:3deg;--delay:1.580s}
.entry-intro__collage .entry-intro__photo:nth-child(19){--x:29%;--y:59%;--w:31%;--turn:-2deg;--delay:1.670s}
.entry-intro__collage .entry-intro__photo:nth-child(20){--x:32%;--y:18%;--w:31%;--turn:2deg;--delay:1.760s}
.entry-intro__collage .entry-intro__photo:nth-child(21){--x:66%;--y:48%;--w:31%;--turn:-3deg;--delay:1.850s}
.entry-intro__collage .entry-intro__photo:nth-child(22){--x:3%;--y:51%;--w:29%;--turn:3deg;--delay:1.940s}
.entry-intro__collage .entry-intro__photo:nth-child(23){--x:29%;--y:13%;--w:32%;--turn:-2deg;--delay:2.030s}
.entry-intro__content{position:relative;z-index:3;width:min(100%,1050px);margin:auto;text-align:center;opacity:0}
.entry-intro__marks{display:flex;align-items:center;justify-content:center;gap:clamp(30px,5vw,72px);margin:0 auto 28px}
.entry-intro__marks img{display:block;flex:none;max-width:100%;height:auto;object-fit:contain}
.entry-intro__wheel{width:clamp(100px,12vw,162px)}
.entry-intro__crest{width:clamp(122px,15vw,196px);padding:7px;border-radius:50%;background:#fafcff;box-shadow:0 0 70px #2860a42b}
.entry-intro__name{margin:0;font-family:'Open Sans',Arial,sans-serif;font-size:clamp(32px,5.3vw,70px);font-weight:700;line-height:1.16;letter-spacing:-.035em;text-wrap:balance;color:#f6f9ff}
.entry-intro__name span{display:block}
.entry-intro__rule{width:60px;height:3px;margin:26px auto 0;background:#f7a81b}
.entry-intro__skip{position:absolute;z-index:4;top:max(20px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));display:inline-flex;align-items:center;gap:12px;min-height:44px;box-sizing:border-box;padding:10px 16px;border:1px solid #ccdcf05c;border-radius:3px;background:#081426d9;color:#fff;font:700 13px/1.4 'Open Sans',Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.entry-intro__skip:hover{background:#17365b;border-color:#d6e7ff}
.entry-intro__skip:focus-visible{outline:3px solid #f7a81b;outline-offset:4px}
.entry-intro:not([hidden]){animation:entry-intro-exit 8s linear both}
.entry-intro:not([hidden]) .entry-intro__collage{animation:entry-collage-fade 8s linear both}
.entry-intro:not([hidden]) .entry-intro__photo{animation:entry-photo-arrive .6s var(--delay) cubic-bezier(.2,.65,.25,1) both}
.entry-intro:not([hidden]) .entry-intro__content{animation:entry-identity-arrive .55s 4.8s ease-out both}
/* Shared collage dissolve: 4.8–5.35s. Logos hold: 5.35–7.4s. Final exit completes at 8s. */
@keyframes entry-intro-exit{0%,92.5%{opacity:1;visibility:visible}99.999%{visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}
@keyframes entry-collage-fade{0%,60%{opacity:1;transform:scale(1)}66.875%,100%{opacity:0;transform:scale(1.025)}}
@keyframes entry-photo-arrive{from{opacity:0;transform:translateY(12px) scale(.96) rotate(var(--turn))}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--turn))}}
@keyframes entry-identity-arrive{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:650px){
 .entry-intro__collage .entry-intro__photo:nth-child(1){--x:2%;--y:12%;--w:65%}
 .entry-intro__collage .entry-intro__photo:nth-child(2){--x:34%;--y:38%;--w:63%}
 .entry-intro__collage .entry-intro__photo:nth-child(3){--x:1%;--y:66%;--w:65%}
 .entry-intro__collage .entry-intro__photo:nth-child(4){--x:33%;--y:18%;--w:62%}
 .entry-intro__collage .entry-intro__photo:nth-child(5){--x:2%;--y:40%;--w:38%}
 .entry-intro__collage .entry-intro__photo:nth-child(6){--x:33%;--y:65%;--w:64%}
 .entry-intro__collage .entry-intro__photo:nth-child(7){--x:3%;--y:24%;--w:68%}
 .entry-intro__collage .entry-intro__photo:nth-child(8){--x:17%;--y:48%;--w:72%}
 .entry-intro__collage .entry-intro__photo:nth-child(9){--x:2%;--y:12%;--w:65%}
 .entry-intro__collage .entry-intro__photo:nth-child(10){--x:34%;--y:38%;--w:63%}
 .entry-intro__collage .entry-intro__photo:nth-child(11){--x:1%;--y:66%;--w:65%}
 .entry-intro__collage .entry-intro__photo:nth-child(12){--x:33%;--y:18%;--w:62%}
 .entry-intro__collage .entry-intro__photo:nth-child(13){--x:2%;--y:40%;--w:63%}
 .entry-intro__collage .entry-intro__photo:nth-child(14){--x:33%;--y:65%;--w:64%}
 .entry-intro__collage .entry-intro__photo:nth-child(15){--x:3%;--y:24%;--w:68%}
 .entry-intro__collage .entry-intro__photo:nth-child(16){--x:17%;--y:48%;--w:72%}
 .entry-intro__collage .entry-intro__photo:nth-child(17){--x:2%;--y:12%;--w:65%}
 .entry-intro__collage .entry-intro__photo:nth-child(18){--x:34%;--y:38%;--w:63%}
 .entry-intro__collage .entry-intro__photo:nth-child(19){--x:1%;--y:66%;--w:65%}
 .entry-intro__collage .entry-intro__photo:nth-child(20){--x:33%;--y:18%;--w:62%}
 .entry-intro__collage .entry-intro__photo:nth-child(21){--x:35%;--y:61%;--w:62%}
 .entry-intro__collage .entry-intro__photo:nth-child(22){--x:1%;--y:12%;--w:64%}
 .entry-intro__collage .entry-intro__photo:nth-child(23){--x:2%;--y:36%;--w:63%}


 .entry-intro{padding:72px 22px}.entry-intro__marks{gap:30px;margin-bottom:26px}.entry-intro__name{font-size:clamp(30px,7.7vw,47px);line-height:1.2}.entry-intro__name span:last-child{max-width:12em;margin-inline:auto}.entry-intro__skip{right:16px}.entry-intro__rule{margin-top:24px}
}
@media(max-height:480px) and (min-width:600px){.entry-intro{padding:60px 24px 30px}.entry-intro__marks{margin-bottom:16px}.entry-intro__wheel{width:78px}.entry-intro__crest{width:98px}.entry-intro__name{font-size:30px}.entry-intro__rule{margin-top:16px}.entry-intro__photo{max-width:29%}.entry-intro__photo:nth-child(5){max-width:13%}}
/* Final three arrive at the same 90ms spacing; the last two stay away from the right-side card. */
@media(prefers-reduced-motion:reduce){.entry-intro{display:none!important;animation:none!important}.entry-intro *{animation:none!important;transition:none!important}}