html,body{background:#2a120a;margin:0}@font-face{font-family:Heebo;src:url(/magnum/fonts/Heebo.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Frank Ruhl;src:url(/magnum/fonts/FrankRuhl.woff2)format("woff2");font-weight:300 900;font-display:swap}:root{--gold:#dda53a;--gold-bright:#f5cb6b;--cocoa:#3a1a0e;--cocoa-deep:#2a120a;--ivory:#f4ecdd;--white-choc:#fff6e2;--room-almond:#4a2110;--room-pistachio:#2e3d12;--room-raspberry:#5f0b2b;--room-tricolad:#3a0a12;--pistachio-ink:#1b260a;--vanilla:#f4e6c8;--cream:#fff1ec;--gutter:clamp(20px,3.4vw,48px);--display:"Frank Ruhl",Georgia,serif;--ease-out:cubic-bezier(.23,1,.32,1);--ease:cubic-bezier(.16,1,.3,1);--press:cubic-bezier(.23,1,.32,1);--step-small:clamp(.8125rem,.79rem + .1vw,.875rem);--step-body:clamp(1.0625rem,1rem + .25vw,1.1875rem);--step-lead:clamp(1.25rem,1.1rem + .7vw,1.625rem);--step-head:clamp(2.25rem,1.3rem + 3.6vw,4.5rem)}body{--field:var(--room-almond);--head:var(--gold-bright);--ink:var(--ivory);--plate:#2b1208;--btn:var(--gold-bright);--btn-ink:var(--cocoa-deep)}body[data-flavour="1"]{--field:var(--room-pistachio);--head:var(--white-choc);--ink:#f6f3df;--plate:#1b260a;--btn:var(--white-choc);--btn-ink:var(--pistachio-ink)}body[data-flavour="2"]{--field:var(--room-raspberry);--head:#ffdde6;--ink:var(--cream);--plate:#3a061a;--btn:var(--cream);--btn-ink:#5f0b2b}body[data-flavour="3"]{--field:var(--room-tricolad);--head:var(--gold-bright);--ink:var(--vanilla);--plate:#22060b;--btn:var(--gold-bright);--btn-ink:#3a0a12}body[data-flavour=dark]{--ink:var(--ivory);--head:var(--gold-bright);--btn:var(--gold-bright);--btn-ink:var(--cocoa-deep)}body[data-flavour=light]{--ink:var(--cocoa-deep);--head:var(--cocoa-deep);--btn:var(--cocoa-deep);--btn-ink:var(--gold)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:auto;scrollbar-color:var(--gold) var(--cocoa-deep);scrollbar-width:thin;accent-color:var(--gold)}body{font-family:Heebo,Arial,sans-serif;font-size:var(--step-body);color:var(--ink);-webkit-font-smoothing:antialiased;background:var(--field);margin:0;line-height:1.45;overflow-x:clip}::selection{background:var(--gold);color:var(--cocoa-deep)}a{color:inherit}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:60;background:var(--gold);color:var(--cocoa-deep);border-radius:999px;padding:12px 20px;position:fixed;top:12px;right:12px;transform:translateY(-180%)}.skip:focus{transform:none}body.boot{background:var(--cocoa-deep)}.boot .beat:not(.b-hero),.boot .back{visibility:hidden}.b-hero>:not(.still){animation:arrive .76s var(--ease) backwards}.b-hero>:nth-child(3){animation-delay:80ms}.b-hero>:nth-child(4){animation-delay:.16s}@keyframes arrive{0%{opacity:0;translate:0 24px}}#field,#scene{pointer-events:none;width:100%;height:100lvh;display:block;position:fixed;inset:0}#field{z-index:0}.back{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:clip}#scene{z-index:2}main{z-index:3;position:relative}.name,.head,.say,.closing,.mark{font-family:var(--display);font-weight:900}.name{text-align:center;letter-spacing:-.025em;color:var(--head);white-space:nowrap;margin:0;font-size:min(31vw,60vh);line-height:.9;position:absolute;inset:clamp(64px,9vh,96px) 0 auto}.name span{will-change:transform;display:inline-block}.head{inset-inline:var(--gutter);letter-spacing:-.02em;color:var(--head);margin:0;line-height:.94;position:absolute;top:clamp(84px,11vh,120px)}.head[hidden]{display:none}.head-mid{top:50%;translate:0 -54%}.line{white-space:nowrap;margin-block:-.12em -.22em;margin-inline:-.12em;padding-block:.12em .22em;padding-inline:.12em;display:block;overflow:clip}.line-in{will-change:transform;display:block}.bar{z-index:20;height:76px;padding:0 var(--gutter);color:var(--ink);pointer-events:none;justify-content:space-between;align-items:center;gap:24px;transition:color .18s,background-color .2s;display:flex;position:fixed;inset:0 0 auto}.bar>*{pointer-events:auto}body[data-flavour=dark] .bar{background:color-mix(in srgb,var(--cocoa-deep) 94%,transparent)}body[data-flavour=light] .bar{background:color-mix(in srgb,var(--gold) 94%,transparent)}.mark{letter-spacing:-.02em;color:var(--head);font-size:30px;line-height:1;text-decoration:none;transition:color .18s}.bar nav{gap:4px;display:flex}.bar nav a{min-height:44px;font-size:var(--step-small);transition:background-color .16s ease,color .16s ease,transform .14s var(--press);border-radius:999px;align-items:center;padding:0 16px;font-weight:700;text-decoration:none;display:flex}.bar nav a[aria-current=true]{background:var(--btn);color:var(--btn-ink)}.bar nav a:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.bar nav a:not([aria-current=true]):hover{background:color-mix(in srgb,var(--ink) 14%,transparent)}}.tools{align-items:center;gap:18px;display:flex}.concept{font-size:var(--step-small);white-space:nowrap;font-weight:600}.play{background:var(--btn);height:44px;color:var(--btn-ink);font:inherit;font-size:var(--step-small);cursor:pointer;transition:transform .14s var(--press),background-color .16s ease,color .16s ease;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 18px 0 16px;font-weight:700;display:inline-flex}.play:active,.play-film:active{transform:scale(.95)}.play-icon{border-block:7px solid #0000;border-left:11px solid;border-right:0;flex:none;width:0;height:0}.is-playing .play-icon{border:0 solid;border-width:0 3.5px;width:11px;height:13px}.acts{flex-wrap:wrap;gap:12px;display:flex}.play-film{font:inherit;font-size:var(--step-lead);cursor:pointer;border:0;font-weight:700}.play-film .play-icon{border-block-width:9px;border-left-width:14px}.play-film.is-playing .play-icon{border-width:0 4px;width:13px;height:16px}.go.go-quiet{color:var(--ink);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ink) 55%,transparent);background:0 0}#film{height:1300svh;position:relative}.stage{height:100svh;position:sticky;top:0;overflow:clip}.beat{z-index:1;inset-inline-start:var(--gutter);pointer-events:none;width:min(44vw,640px);position:absolute;bottom:clamp(32px,6.5vh,64px)}.beat[hidden]{display:none}.beat a,.beat button{pointer-events:auto}.say{letter-spacing:-.02em;color:var(--head);margin:0 0 20px;font-size:clamp(2.125rem,1.2rem + 2.6vw,3.75rem);line-height:1}.plate{max-width:24ch;color:var(--ink);letter-spacing:-.01em;text-wrap:balance;margin:0 0 28px;font-size:clamp(1.375rem,1rem + 1.25vw,2.125rem);font-weight:500;line-height:1.24}.beat[data-chapter]:not([data-chapter="-1"]) .plate{inset-inline-start:0;visibility:hidden;margin:0;position:absolute;bottom:0}.b-hero .plate{max-width:30ch;font-size:var(--step-lead);letter-spacing:0;text-wrap:pretty;font-weight:400;line-height:1.4}.go{background:var(--btn);height:60px;color:var(--btn-ink);font-size:var(--step-lead);transition:transform .14s var(--press),background-color .16s ease,color .16s ease;border-radius:999px;align-items:center;gap:14px;padding:0 30px;font-weight:700;text-decoration:none;display:inline-flex}.go:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.go:hover .down{transform:translateY(4px)}.go:hover .up{transform:translateY(-4px)}}.down,.up{width:16px;height:20px;transition:transform .2s var(--ease);display:inline-block;position:relative}.down:before,.up:before{content:"";background:currentColor;width:2.5px;position:absolute;top:0;bottom:0;left:7px}.down:after,.up:after{content:"";border:2.5px solid;border-width:0 2.5px 2.5px 0;width:11px;height:11px;position:absolute;left:2.5px;transform:rotate(45deg)}.down:after{bottom:1px}.up:after{top:1px;transform:rotate(225deg)}.hint{z-index:1;inset-inline-end:var(--gutter);background:var(--btn);color:var(--btn-ink);font-size:var(--step-small);border-radius:999px;margin:0;padding:.5em 1.1em;font-weight:700;position:absolute;bottom:clamp(32px,6.5vh,64px)}.pad{cursor:grab;touch-action:pan-y;z-index:0;background:0 0;border:0;position:absolute;inset:14% 56% 12% 8%}.pad:active{cursor:grabbing}.pad:focus-visible{outline-offset:-10px}.status{inset-inline-end:var(--gutter);margin:0;font-size:15px;font-weight:600;position:absolute;top:88px}.status:empty{display:none}.progress{height:4px;position:absolute;inset:auto 0 0}.progress i{background:var(--head);height:100%;transform:scaleX(var(--p,0));transform-origin:100%;display:block}.inside{z-index:5;background:var(--cocoa-deep);color:var(--ivory);padding:clamp(120px,16vh,180px) var(--gutter) clamp(96px,12vh,140px);grid-template-columns:1fr 1fr;gap:0 clamp(24px,4vw,64px);display:grid;position:relative}.inside-head{font-family:var(--display);font-size:var(--step-head);letter-spacing:-.02em;color:var(--ivory);margin:0 0 clamp(24px,4vh,48px);font-weight:900;line-height:1}.rows{margin:0;padding:0;list-style:none}.rows li{min-height:50svh;transition:opacity .42s var(--ease-out),transform .62s var(--ease-out);flex-direction:column;justify-content:center;gap:14px;display:flex}.live .rows li{opacity:.34;transform-origin:100%;transform:translate(0,0)scale(.94)}.live .rows li.is-on{opacity:1;transform:none}.rows h3{font-family:var(--display);letter-spacing:-.025em;color:var(--gold-bright);margin:0 0 6px;font-size:clamp(3.25rem,1.4rem + 6.2vw,7.5rem);font-weight:900;line-height:.9}.rows p{max-width:30ch;font-size:var(--step-lead);margin:0;line-height:1.3}.rows .core{color:var(--gold-bright);font-weight:700}.source{font-size:var(--step-small);color:#e8cfb0;margin:28px 0 0}.inside-stage{cursor:grab;touch-action:pan-y;align-self:start;height:calc(100svh - 76px);position:sticky;top:76px}.inside-stage:active{cursor:grabbing}.stage-hint{inset-inline-end:0;background:var(--gold-bright);color:var(--cocoa-deep);font-size:var(--step-small);border-radius:999px;margin:0;padding:.5em 1.1em;font-weight:700;position:absolute;bottom:24px}.lead-end{z-index:5;background:radial-gradient(ellipse 62% 78% at 30% 54%,#f3c258 0%,var(--gold) 46%,#b9812a 100%) var(--gold);min-height:100svh;padding:clamp(104px,14vh,140px) var(--gutter) clamp(56px,8vh,96px);grid-template-columns:minmax(0,560px) 1fr;align-items:center;gap:clamp(24px,4vw,64px);display:grid;position:relative}.lead-card{background:var(--ivory);color:var(--cocoa-deep);position:relative}.lead-card wisepage-lead{--wpl-bg:transparent;--wpl-ink:var(--cocoa-deep);--wpl-muted:#6b4a36;--wpl-accent:var(--cocoa-deep);--wpl-on-accent:var(--gold);--wpl-field:#fffaf0;--wpl-line:#3a1a0e47;--wpl-error:#a3123e;--wpl-display:"Frank Ruhl",Georgia,serif;--wpl-pad:36px 32px;display:block}.lead-card wisepage-lead:not(:defined){padding:36px 32px;font-size:18px}.lead-card a{color:var(--cocoa-deep)}.lineup{grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.4vw,24px);height:min(78svh,760px);display:grid;position:sticky;top:96px}.lineup i{display:block}.close{z-index:5;background:var(--cocoa-deep);color:var(--ivory);padding:clamp(96px,12vh,140px) var(--gutter) 56px;flex-direction:column;justify-content:space-between;gap:48px;min-height:100svh;display:flex;position:relative}.closing{letter-spacing:-.025em;color:var(--gold-bright);text-align:center;white-space:nowrap;margin:0;font-size:min(29vw,40vh);line-height:.9}.close-row{justify-content:space-between;align-items:flex-end;gap:36px;display:flex}.close .go{background:var(--gold-bright);color:var(--cocoa-deep);white-space:nowrap}.close :focus-visible{outline-color:var(--gold)}.legal{max-width:62ch;font-size:16px;line-height:1.5}.legal p{margin:0 0 12px}.links{flex-wrap:wrap;gap:8px 24px;display:flex}.links a{text-underline-offset:5px;align-items:center;min-height:32px;display:inline-flex}.noscript{z-index:40;background:var(--cocoa-deep);color:var(--gold);margin:0;padding:16px;position:fixed;inset:auto 0 0}.still,.no-3d #scene,.no-3d #field{display:none}.no-3d .beat .still,.beat.waiting .still{pointer-events:none;z-index:-1;width:auto;height:min(76svh,720px);display:block;position:fixed;top:50%;left:30%;translate:-50% -50%}.no-3d .b-hero .still{rotate:-14deg}.no-3d .inside-stage .still{width:auto;height:80%;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.no-3d .lineup .still{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.no-3d .stage-hint{display:none}.after #scene{z-index:6}.js [data-reveal]>*{opacity:0;transition:opacity .7s var(--ease-out),transform .8s var(--ease-out);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(26px)}.js [data-reveal].in>*{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js [data-reveal]>*{opacity:1;transition:none;transform:none}.line{overflow:visible}.b-hero>*{animation:none}}@media (height<=760px) and (width>=761px){.go{height:52px;font-size:18px}.plate{margin-bottom:20px;font-size:22px}}@media (width<=760px),(aspect-ratio<=4/5){:root{--gutter:20px}.bar{gap:8px;height:64px}.mark{font-size:24px}.bar nav{gap:0}.bar nav a{padding:0 8px;font-size:14px}.bar nav a:nth-child(-n+4){display:none}.tools{flex-direction:column;align-items:flex-end;gap:1px}.concept{font-size:13px;line-height:1.2}.play{gap:8px;height:40px;padding:0 14px 0 12px;font-size:14px}.acts{gap:10px}.acts .go{padding:0 20px}.name{font-size:30vw;inset-block-start:76px}.head{top:76px}.head-mid{top:76px;translate:none}.beat{inset-inline:var(--gutter);width:auto;bottom:24px}.say{margin-bottom:12px;font-size:34px}.plate{max-width:none;margin-bottom:16px;font-size:19px}.beat[data-chapter]:not([data-chapter="-1"]) .plate{background:var(--plate);padding:.6em .8em;font-size:17px;font-weight:600;line-height:1.32;inset-inline:0}.go{height:52px;padding:0 24px;font-size:18px}.hint{font-size:13px;top:calc(76px + 30vw);bottom:auto}.pad{inset:30% 12% 22%}.no-3d .beat .still,.beat.waiting .still{height:46svh;top:52%;left:50%}.inside{grid-template-columns:1fr;padding-top:88px}.inside-stage{z-index:1;background:var(--cocoa-deep);height:44svh;margin-inline:calc(var(--gutter) * -1);order:-1;top:64px}.stage-hint{inset-inline-end:var(--gutter);bottom:16px}.rows li{min-height:40svh}.rows h3{font-size:clamp(44px,14vw,72px)}.lead-end{padding:84px var(--gutter) 40px;grid-template-columns:1fr}.lineup{order:-1;grid-template-columns:1fr;height:48svh;position:relative;top:0}.lineup i:not(:first-child){display:none}.close-row{flex-direction:column-reverse;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.shot,.shot body{background:0 0!important}.shot .bar,.shot .back,.shot main>:not(#film),.shot .stage>*,.shot footer,.shot .skip{display:none!important}.shot #film{height:100svh}
