/* First-visit choice: half of each world, the chosen one slides into full view (chooser.js) */
@property --fwc-split{syntax:'<percentage>';inherits:true;initial-value:50%}
html.fwc-open{overflow:hidden}
.fwc{position:fixed;inset:0;z-index:2147482500;--fwc-split:50%;transition:--fwc-split .8s cubic-bezier(.22,1,.36,1);-webkit-font-smoothing:antialiased}
.fwc[data-lean=film]{--fwc-split:56%}.fwc[data-lean=partners]{--fwc-split:44%}
.fwc.leaving{transition:--fwc-split 1s cubic-bezier(.76,0,.24,1)}
.fwc.leaving[data-pick=film]{--fwc-split:100%}.fwc.leaving[data-pick=partners]{--fwc-split:0%}

/* the other world, in a frame, showing only its half */
.fwc-frame{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .7s ease,transform 1s cubic-bezier(.76,0,.24,1);background:transparent}
.fwc.in .fwc-frame{opacity:1}
.fwc[data-here=film] .fwc-frame{clip-path:inset(0 0 0 var(--fwc-split))}
.fwc[data-here=partners] .fwc-frame{clip-path:inset(0 calc(100% - var(--fwc-split)) 0 0)}
.fwc[data-here=film].leaving[data-pick=film] .fwc-frame{transform:translateX(14vw)}
.fwc[data-here=partners].leaving[data-pick=partners] .fwc-frame{transform:translateX(-14vw)}
/* when the frame's world is chosen, this page's world is pushed out the other way */
body.fwc-pushed{transition:transform 1s cubic-bezier(.76,0,.24,1)}
html[data-mode=film] body.fwc-pushed{transform:translateX(-14vw)}
html[data-mode=partners] body.fwc-pushed{transform:translateX(14vw)}

/* the two halves: each one is a button over its own world */
.fwc-side{position:absolute;top:0;bottom:0;margin:0;padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;text-align:center;font:inherit;color:inherit;outline:none;opacity:0;transition:opacity .6s ease,background-color .6s ease}
.fwc.in .fwc-side{opacity:1}
.fwc-left{left:0;width:var(--fwc-split)}
.fwc-right{left:var(--fwc-split);right:0}
/* a soft shade behind the words, so each world still shows around the edges */
.fwc-side:before{content:'';position:absolute;inset:0;pointer-events:none;transition:opacity .6s ease}
.fwc-left:before{background:radial-gradient(ellipse 50% 36% at 50% 52%,rgba(7,8,13,.95),rgba(7,8,13,.88) 45%,rgba(7,8,13,.45) 78%,rgba(7,8,13,.18) 100%)}
.fwc-right:before{background:radial-gradient(ellipse 50% 36% at 50% 52%,rgba(240,235,222,.98),rgba(240,235,222,.92) 45%,rgba(240,235,222,.5) 78%,rgba(240,235,222,.18) 100%)}
.fwc[data-lean=film] .fwc-left:before,.fwc[data-lean=partners] .fwc-right:before{opacity:.8}
.fwc-inner{position:relative}
.fwc-inner{display:flex;flex-direction:column;align-items:center;gap:16px;width:min(440px,calc(100% - 48px));transition:opacity .35s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.fwc-inner>*{opacity:0;transform:translateY(12px)}
.fwc.in .fwc-inner>*{opacity:1;transform:none;transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.fwc.in .fwc-inner>:nth-child(2){transition-delay:.08s}.fwc.in .fwc-inner>:nth-child(3){transition-delay:.16s}.fwc.in .fwc-inner>:nth-child(4){transition-delay:.24s}
.fwc.leaving .fwc-inner{opacity:0;transform:scale(.97)}
.fwc-kicker{font:500 10.5px/1 ui-monospace,"SF Mono",SFMono-Regular,Menlo,monospace;letter-spacing:.24em;text-transform:uppercase}
.fwc-side strong{display:block;font-weight:700;letter-spacing:-.045em;line-height:1;font-size:clamp(34px,4.3vw,58px)}
.fwc-line{font-size:16px;line-height:1.5;max-width:32ch}
.fwc-cta{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;margin-top:10px;font-size:15px;font-weight:600;transition:transform .3s cubic-bezier(.34,1.4,.64,1),box-shadow .3s ease}
.fwc-cta i{font-style:normal;transition:transform .35s cubic-bezier(.34,1.4,.64,1)}
.fwc-side:hover .fwc-cta,.fwc-side:focus-visible .fwc-cta{transform:translateY(-2px)}
.fwc-side:hover .fwc-cta i,.fwc-side:focus-visible .fwc-cta i{transform:translateX(4px)}
.fwc-side:active .fwc-cta{transform:scale(.96)}
/* the arcade half */
.fwc-film{color:#f4f4f6;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,Helvetica,Arial,sans-serif}
.fwc-film .fwc-kicker{color:#9ea3b5}
.fwc-film strong{background:linear-gradient(180deg,#fff 30%,#b9bccb);-webkit-background-clip:text;background-clip:text;color:transparent}
.fwc-film .fwc-line{color:#c3c6d2}
.fwc-film .fwc-cta{background:#f1f0ea;color:#111;border-radius:16px}
.fwc-film:hover .fwc-cta{box-shadow:0 10px 34px rgba(255,255,255,.18)}
/* the office half */
.fwc-partners{color:#1b1714;font-family:'Plex Sans',-apple-system,BlinkMacSystemFont,sans-serif}
.fwc-partners .fwc-kicker{background:#1b1714;color:#ece6d6;padding:6px 9px;border-radius:4px;font-family:'Plex Mono',ui-monospace,monospace;font-weight:600}
.fwc-partners strong{font-weight:600;letter-spacing:-.035em}
.fwc-partners .fwc-line{color:#4f4a40}
.fwc-partners .fwc-cta{background:linear-gradient(#34332f,#1c1c1b);color:#fff;border:1px solid #0e0e0d;border-radius:8px;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.fwc-partners:hover .fwc-cta{box-shadow:0 10px 30px rgba(40,30,10,.25)}
.fwc-side:focus-visible .fwc-cta{outline:2px solid currentColor;outline-offset:4px}
/* the line where the two worlds meet */
.fwc-seam{position:absolute;top:0;bottom:0;left:var(--fwc-split);width:2px;margin-left:-1px;pointer-events:none;background:linear-gradient(180deg,transparent,#ff6b61 20%,#ffc24d 35%,#6fd48a 50%,#58aaff 65%,#9c7cff 80%,transparent);box-shadow:0 0 18px rgba(156,124,255,.45),0 0 40px rgba(88,170,255,.25);transform:scaleY(0);opacity:.9;transition:transform 1.1s cubic-bezier(.22,1,.36,1) .15s,opacity .4s ease}
.fwc.in .fwc-seam{transform:scaleY(1)}
.fwc.leaving .fwc-seam{opacity:0}
.fwc.gone{opacity:0;transition:opacity .45s ease}

/* phones: one world above the other */
@media (max-width:760px){
 .fwc-left{top:0;left:0;right:0;bottom:auto;width:auto;height:var(--fwc-split)}
 .fwc-right{top:var(--fwc-split);left:0;right:0;bottom:0}
 .fwc[data-here=film] .fwc-frame{clip-path:inset(var(--fwc-split) 0 0 0)}
 .fwc[data-here=partners] .fwc-frame{clip-path:inset(0 0 calc(100% - var(--fwc-split)) 0)}
 .fwc[data-here=film].leaving[data-pick=film] .fwc-frame{transform:translateY(14vh)}
 .fwc[data-here=partners].leaving[data-pick=partners] .fwc-frame{transform:translateY(-14vh)}
 html[data-mode=film] body.fwc-pushed{transform:translateY(-14vh)}
 html[data-mode=partners] body.fwc-pushed{transform:translateY(14vh)}
 .fwc-seam{top:var(--fwc-split);bottom:auto;left:0;right:0;width:auto;height:2px;margin:-1px 0 0;background:linear-gradient(90deg,transparent,#ff6b61 15%,#ffc24d 30%,#6fd48a 50%,#58aaff 70%,#9c7cff 85%,transparent);transform:scaleX(0)}
 .fwc.in .fwc-seam{transform:scaleX(1)}
 .fwc-inner{gap:10px}
 .fwc-left:before{background:rgba(7,8,13,.86)}
 .fwc-right:before{background:rgba(240,235,222,.9)}
 .fwc-side strong{font-size:32px}
 .fwc-line{font-size:14.5px}
 .fwc-cta{height:42px;margin-top:4px}
}
@media (prefers-reduced-motion:reduce){.fwc,.fwc *,body.fwc-pushed{transition:none!important}}
.fwc.leaving .fwc-side:before{opacity:0!important;transition:opacity .5s ease}