:root{--rg-bg: #0f0e0d;--rg-fg: #f6f1e9;--rg-fg-2: rgb(246 241 233 / .74);--rg-accent: #e2703a;--rg-display: "Big Shoulders", "Arial Narrow", sans-serif;--rg-text: "Schibsted Grotesk", system-ui, sans-serif;--sky-top: #0b1736;--sky-low: #1f468f;--stands: #0b1020;--court: #070a10;--ink: #eef1f6;--ink-2: #c2cbd8;--rim-line: rgb(214 223 236);--amber: #ffb547;--glow: 0 0 .55em rgb(150 182 255 / .3);--glow-amber: 0 0 .45em rgb(255 168 56 / .5);--display: "Antonio", "Arial Narrow", sans-serif;--text: "Sofia Sans", system-ui, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:dark;background:var(--rg-bg);-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--rg-bg)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.doors{display:flex;flex-direction:column;min-height:100svh}.door{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;flex:1 0 auto;min-height:50svh;overflow:hidden;padding:26px 24px calc(28px + env(safe-area-inset-bottom,0px));text-align:center;text-decoration:none;isolation:isolate;cursor:pointer;transition:flex-grow .9s var(--ease-out)}.door__cup{position:relative;width:100%;min-height:clamp(130px,22svh,240px)}.door__cup picture{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.door__cup img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;transition:transform 1.1s var(--ease-out)}.door__text{display:grid;justify-items:center;gap:10px;max-width:36rem}.nowrap{white-space:nowrap}.door__title{margin:0;text-wrap:balance}.door__lede{text-wrap:pretty}.door__go{display:inline-flex;align-items:center;gap:12px;margin-top:4px}.door__arrow{width:40px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transition:transform .7s var(--ease-out)}.door--rg{background:var(--rg-bg);color:var(--rg-fg)}.door--rg .door__cup:before{content:"";position:absolute;inset:-10% -6%;z-index:-1;background:radial-gradient(closest-side,rgb(46 45 44) 0%,rgb(36 35 33) 40%,rgb(22 21 20) 72%,transparent 100%);opacity:.9;transition:opacity 1.1s var(--ease-out)}.door--rg .door__cup img{-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%)}.door--rg .door__title{color:var(--rg-fg);font:700 clamp(2.4rem,3.9vw,4rem) / .9 var(--rg-display);letter-spacing:.01em;text-transform:uppercase}.door--rg .door__lede{color:var(--rg-fg-2);font:400 clamp(.98rem,1.15vw,1.1rem) / 1.45 var(--rg-text)}.door--rg .door__go{color:var(--rg-fg);font:600 .8125rem/1 var(--rg-text);letter-spacing:.14em;text-transform:uppercase}.door--rg .door__arrow{color:var(--rg-accent)}.door--rg ::selection{background:var(--rg-accent);color:var(--rg-bg)}.door--rg:focus-visible{outline:2px solid var(--rg-accent);outline-offset:-6px}.door--sw19{--rim: 11%;--below-rim: 5svh;background:var(--stands);color:var(--ink)}.door--sw19:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 42% at 50% 52%,rgb(255 196 120 / .12),transparent 70%);pointer-events:none}.door__rim{position:absolute;inset:0;pointer-events:none;z-index:-1}.door__rim svg{position:absolute;inset:0;width:100%;height:100%}.door__rim .door__sky{inset:0 auto auto 50%;width:max(100%,60vw);height:16%;translate:-50% 0;will-change:transform}.door__fascia{fill:#0c1222}.door__edge{fill:none;stroke:var(--rim-line);stroke-width:1.2;opacity:.85}.door__lamp{--d: calc(min(var(--i), 11 - var(--i))*-.07s + .42s) ;position:absolute;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px #ffecc8b3,0 0 22px 6px #ffd6962e;opacity:.9;animation:lamp-on .65s calc(.25s + var(--d)) both;transition:box-shadow .9s var(--ease-out),opacity .9s var(--ease-out)}@keyframes lamp-on{0%{opacity:0}25%{opacity:1}40%{opacity:.25}to{opacity:.9}}.door--sw19 .door__cup{margin-top:var(--below-rim)}.door--sw19 .door__title{color:var(--ink);font:200 clamp(2.4rem,3.9vw,4rem) / .95 var(--display);letter-spacing:.01em;text-shadow:var(--glow);transition:text-shadow .9s var(--ease-out)}.door--sw19 .door__lede{color:var(--ink-2);font:400 clamp(.98rem,1.15vw,1.1rem) / 1.45 var(--text)}.door__time{color:var(--amber);font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:var(--glow-amber);white-space:nowrap}.door--sw19 .door__go{color:var(--ink);font:400 .95rem/1 var(--display);letter-spacing:.2em;text-transform:uppercase}.door--sw19 ::selection{background:var(--amber);color:var(--stands)}.door--sw19:focus-visible{outline:2px solid var(--amber);outline-offset:-6px}@media(hover:hover){.door:hover .door__arrow,.door:focus-visible .door__arrow{transform:translate(6px)}.door:hover .door__cup img,.door:focus-visible .door__cup img{transform:translateY(-1.5%) scale(1.03)}.door--rg:hover .door__cup:before,.door--rg:focus-visible .door__cup:before{filter:brightness(1.35)}.door--sw19:hover .door__lamp,.door--sw19:focus-visible .door__lamp{opacity:1;box-shadow:0 0 8px 3px #ffecc8d9,0 0 34px 10px #ffd6963d}.door--sw19:hover .door__title,.door--sw19:focus-visible .door__title{text-shadow:0 0 .6em rgb(150 182 255 / .5)}}@media(min-width:760px)and (min-height:480px){.doors{flex-direction:row;height:100svh}.door{flex:1 1 0;min-height:0;padding:clamp(28px,5svh,56px) clamp(28px,4vw,64px) clamp(36px,7svh,72px)}.door__cup{min-height:0}.door__text{width:min(36rem,calc(50vw - (2*clamp(28px,4vw,64px))))}.door--sw19{--below-rim: 14svh}.door--sw19{box-shadow:inset 1px 0 #f6f1e914}@media(hover:hover){.door:hover,.door:focus-visible{flex-grow:1.14}}}.door--rg .door__cup img{view-transition-name:rg-cup}.door--sw19 .door__title{view-transition-name:sw19-title}::view-transition-group(rg-cup),::view-transition-group(sw19-title){animation-duration:.95s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(root){animation:.3s cubic-bezier(.4,0,1,1) both door-out}::view-transition-new(root){animation:.65s .3s cubic-bezier(.16,1,.3,1) both door-in}@keyframes door-out{to{opacity:0}}@keyframes door-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.door,.door__cup img,.door__arrow,.door__lamp{transition:none}.door__lamp{animation:none}.door:hover,.door:focus-visible{flex-grow:1}.door:hover .door__cup img,.door:focus-visible .door__cup img,.door:hover .door__arrow,.door:focus-visible .door__arrow{transform:none}}
