@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=IBM+Plex+Mono:wght@400;500;600&family=Instrument+Sans:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--black:#101013;--paper:#e9e0d2;--white:#f7f1e8;--violet:#b9a2ff;--display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--mono:"IBM Plex Mono",monospace;--pad:clamp(1.2rem,5vw,6rem);background:var(--black);color:var(--white);font-family:Instrument Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}img{display:block;width:100%;object-fit:cover}::selection{color:#111;background:var(--violet)}:focus-visible{outline:2px solid #c69a3c;outline-offset:5px}h1,h2,h3{font-family:var(--display);font-weight:900;line-height:.82;letter-spacing:-.03em;text-transform:uppercase}h2{font-size:clamp(4rem,10vw,12rem)}h3{font-size:clamp(3rem,7vw,8rem)}p{line-height:1.55}.mono{font-family:var(--mono);text-transform:uppercase;font-size:.73rem;letter-spacing:.07em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.skip{position:fixed;z-index:5;top:.5rem;left:.5rem;background:var(--white);color:#111;padding:.6rem;transform:translateY(-150%)}.skip:focus{transform:none}.topbar,.menu-bar,footer{display:flex;align-items:center;justify-content:space-between;padding:1.1rem var(--pad);gap:1rem}.topbar{position:absolute;z-index:2;width:100%}.mark{display:inline-flex;align-items:baseline;gap:.22em;font:900 italic 2rem/.9 var(--display);letter-spacing:-.03em}.mark span{color:var(--violet);font-size:.7em}.menu-toggle,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border:1px solid currentColor;background:transparent;padding:.6rem .75rem}.menu-toggle:hover,.icon-button:hover{background:var(--violet);color:#160e23}.menu-panel{border:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;background:#1b1329;color:var(--white)}.menu-panel[open]{animation:wipe-in .35s both}@keyframes wipe-in{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.menu-panel nav{padding:3vh var(--pad) 2rem}.menu-panel nav a{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;padding:.2em 0;border-top:1px solid #ffffff40;font:900 clamp(2.35rem,8vw,6rem)/.88 var(--display);text-transform:uppercase}.menu-panel nav a:hover{color:var(--violet)}.hero{min-height:100svh;position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-rows:1fr auto;background:#10091c}.hero-art,.hero-shade{position:absolute;inset:0;height:100%;width:100%;z-index:-1}.hero-art{object-position:50% 57%}.hero-shade{background:linear-gradient(180deg,#10091c 0%,#10091c68 30%,transparent 56%,#10091c35 75%,#10091cec 100%)}.hero-title{padding:clamp(6.5rem,15vh,10rem) var(--pad) 0;text-align:center}.hero-title p{margin-bottom:.8rem;color:#e0d0ff}.hero-title p span{padding:0 .65rem}.hero h1{font-size:clamp(3.75rem,12.7vw,16rem);text-shadow:0 8px 55px #08040c90;animation:hero-in .85s cubic-bezier(.2,.8,.2,1) both}@keyframes hero-in{0%{opacity:0;transform:translateY(30px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}.hero-caption{padding:1.5rem var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.hero-caption span:last-child{text-align:right}.hero-caption span span{color:var(--violet)}.hero-caption a{display:grid;place-items:center;border:1px solid #fff9;width:2.8rem;height:2.8rem;border-radius:50%}.grain{background-image:radial-gradient(circle at 1px 1px,#ffffff10 .65px,transparent 1px),radial-gradient(circle at 3px 3px,#00000028 .7px,transparent 1.1px);background-size:5px 5px}.intro,.off-field,.community{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw;padding:clamp(5rem,13vw,14rem) var(--pad);overflow:hidden}.intro{background-color:#17131e}.kicker{color:var(--violet);margin-bottom:1.1rem}.intro em{color:var(--violet)}.intro-copy>p:not(.kicker),.off-field>div>p:not(.kicker),.community>div>p:not(.kicker),.contact>p:not(.kicker){max-width:35ch;margin-top:1.65rem;font-size:clamp(1rem,1.5vw,1.35rem)}.text-link{display:inline-flex;gap:1rem;align-items:center;padding-bottom:.4rem;border-bottom:1px solid;margin-top:1.5rem}.text-link:hover{opacity:.7}.rookie{position:relative;width:min(100%,350px);justify-self:center;padding:9px;background:linear-gradient(132deg,#f9e8ff,#9878c1 23%,#36234f 43%,#d9b7ef 68%,#61448c 81%,#ecddff);box-shadow:0 25px 90px #0009;border:1px solid #e8d6ff}.rookie img{aspect-ratio:3/3.65;object-position:64% center}.card-top{display:flex;justify-content:space-between;background:#16101f;padding:.5rem}.card-number{position:absolute;bottom:4.2rem;right:1.1rem;color:#dfc9ff;font:900 italic 5rem/.8 var(--display);text-shadow:0 0 18px #1a1131}.rookie figcaption{background:#16101f;padding:.55rem .7rem}.rookie figcaption strong{display:block;font:900 1.8rem/1 var(--display);text-transform:uppercase}.moments,.journal,.contact{padding:clamp(4rem,10vw,10rem) var(--pad)}.moments{background-color:#241639}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2.5rem}.pitch{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #c6b3fa65;padding:1.25rem .4rem;background:repeating-linear-gradient(90deg,#110c1b15 0 9.8%,#c6b3fa40 9.8% 10%);overflow:hidden}.pitch-circle{position:absolute;top:50%;left:50%;width:5rem;aspect-ratio:1;border:1px solid #c6b3fa65;border-radius:50%;transform:translate(-50%,-50%)}.pitch-marker{position:relative;display:grid;gap:.45rem;justify-items:center;padding:.6rem .25rem;border:0;background:transparent;text-align:center;font-weight:700}.pitch-marker .mono{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;border:1px solid #c6b3fa;background:#241639}.pitch-marker[aria-pressed=true] .mono,.pitch-marker:hover .mono{color:#241639;background:var(--violet)}.moment-display{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(1rem,4vw,4rem);align-items:center;margin-top:1.4rem}.moment-photo{position:relative;overflow:hidden}.moment-photo img{aspect-ratio:16/10;animation:photo-in .35s both}@keyframes photo-in{0%{opacity:.45;transform:scale(1.05)}to{opacity:1;transform:none}}.viewfinder{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0003 3px 4px);pointer-events:none}.moment-copy p:not(.kicker){margin-top:1rem}.moment-controls{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.off-field{background-color:#18181a}.print{background:var(--paper);color:#201a28;padding:.65rem .65rem 0;transform:rotate(4deg);box-shadow:0 18px 65px #0008}.print img{aspect-ratio:4/4.6}.print figcaption{display:flex;justify-content:space-between;padding:.8rem .2rem}.community,.contact{background-color:var(--paper);color:#221a28}.community .kicker,.contact .kicker{color:#5e3c8d}.community img{aspect-ratio:4/3}.journal{background-color:#1b1427}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.journal-entry{display:grid;justify-items:start;text-align:left;gap:.55rem;border:0;padding:0;background:none}.journal-image{display:block;position:relative;width:100%;overflow:hidden}.journal-image img{aspect-ratio:4/5;transition:transform .45s}.journal-entry:hover img{transform:scale(1.06)}.journal-image svg{position:absolute;right:.6rem;bottom:.6rem;background:#1b1427;padding:.35rem;box-sizing:content-box}.journal-entry strong{font:900 clamp(1.45rem,3vw,2.7rem)/.95 var(--display);text-transform:uppercase}.journal-entry .mono{color:var(--violet)}.contact h2{color:#362448}footer{flex-wrap:wrap}.story-dialog{width:min(90%,45rem);max-height:90svh;padding:0;border:1px solid #a989d6;background:#191222;color:var(--white)}.story-dialog::backdrop{background:#09060dda}.story-dialog>img{aspect-ratio:16/10}.story-dialog>div{padding:1.5rem}.story-dialog h3+p{margin-top:.85rem}.close-story{position:absolute;right:.75rem;top:.75rem;background:#100d14}body:has(dialog[open]){overflow:hidden}@media(max-width:720px){.hero h1{max-width:9ch;margin:auto;font-size:clamp(4.5rem,15vw,8rem)}.hero-title{padding-top:6.5rem}.hero-art{object-position:50% 72%}.hero-caption{grid-template-columns:1fr;justify-items:center}.hero-coordinate{display:none}.intro,.off-field,.community,.moment-display{grid-template-columns:1fr;gap:2rem}.rookie{width:min(78%,300px)}.print{width:90%;justify-self:center}.section-head{display:block}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.pitch-marker>span:last-child{font-size:.72rem}}