@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--bg: #090b16;--seam-top: 34%;--seam-bottom: 66%;--break-shift: 0px;--control-drop-distance: calc(50dvh - 37px) }*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:#fff}.app-shell{position:relative;min-height:100vh;isolation:isolate}.app-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.app-background-video{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;opacity:.92}.app-section{position:absolute;top:0;right:0;bottom:0;left:0;min-height:100vh;z-index:2}.app-section-left{position:relative;display:flex;align-items:flex-end;padding:clamp(24px,4vw,56px);clip-path:polygon(0 0,calc(var(--seam-top) + var(--break-shift) - .5px) 0,calc(var(--seam-bottom) - var(--break-shift) - .5px) 100%,0 100%);background:linear-gradient(180deg,#ffffff1f,#ffffff08),#ffffff0d;background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:16px;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px #ffffff38,inset -1px 0 #ffffff2e,18px 0 34px #080c162e,0 4px 30px #0000001f;backdrop-filter:blur(9px) saturate(1.08);-webkit-backdrop-filter:blur(9px) saturate(1.08);transform-origin:left center;backface-visibility:hidden;transition:transform 2.2s cubic-bezier(.4,0,1,1),clip-path .42s ease-out}.app-section-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff2e,#ffffff0d 34%,#ffffff05),radial-gradient(circle at 18% 18%,#fff3,#fff0 34%),linear-gradient(90deg,#ffffff1f,#ffffff08 36%,#fff0 68%);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff2e,inset 0 0 24px #ffffff0a;pointer-events:none}.app-section-left:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#fff0 82%,#ffffff2e 96%,#ffffff47),linear-gradient(180deg,#ffffff0f,#fff0);box-shadow:inset -18px 0 24px #0a0e1824;pointer-events:none}.left-story{position:absolute;right:clamp(18px,3vw,38px);bottom:clamp(22px,3.5vw,48px);z-index:1;max-width:min(31rem,34vw);padding:clamp(22px,2.8vw,28px) clamp(16px,2vw,22px);background:#ffffff05;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);color:#111}.left-story p{margin:10px 0}.left-story p.left-cta{font-size:.92rem;line-height:1.3;font-weight:600;font-style:italic;color:red!important}.left-story-question{max-width:25ch;font-size:clamp(1.25rem,2vw,1.9rem);line-height:.98;font-weight:800;letter-spacing:-.06em;margin-bottom:10px;padding-bottom:10px}.left-story-body{margin-top:.6rem;max-width:38ch;font-size:.92rem;line-height:1.26;opacity:.88}.left-story-signoff{margin-top:.7rem;font-size:.95rem;line-height:1.15;font-weight:800;letter-spacing:-.03em}.left-story-tag{margin-top:.4rem;font-size:.76rem;line-height:1.2;text-transform:uppercase;letter-spacing:.14em;opacity:.62}.left-copy{position:relative;z-index:1;max-width:18rem;color:#111;display:flex;flex-direction:column;gap:2px}.left-kicker{margin:0;font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.left-copy h1{margin:0;font-size:clamp(1.95rem,4vw,3.4rem);line-height:.9;letter-spacing:-.07em}.left-copy p{margin:0}.left-subtitle{max-width:18ch;font-size:.86rem;line-height:1.22;opacity:.9}.left-cta{margin-top:.45rem}.left-highlight{display:inline-block;border:0;background:transparent;padding:0;font:inherit;color:#050505;font-weight:800;font-size:1.22em;letter-spacing:-.02em;position:relative;text-shadow:0 0 0 rgba(0,0,0,0),0 0 12px rgba(255,255,255,.2);transition:transform .18s ease,text-shadow .18s ease,letter-spacing .18s ease}.left-highlight:hover{cursor:pointer;transform:translateY(-1px);letter-spacing:.01em;text-shadow:0 0 0 rgba(0,0,0,0),0 0 16px rgba(255,255,255,.28)}.left-highlight:active{transform:translateY(0)}.app-section-right{clip-path:polygon(calc(var(--seam-top) - var(--break-shift) + .5px) 0,100% 0,100% 100%,calc(var(--seam-bottom) + var(--break-shift) + .5px) 100%);background-color:#eef1f8;background-repeat:no-repeat;background-position:right center;background-size:cover;border-radius:16px;box-shadow:0 4px 30px #0000001a;transform-origin:right center;backface-visibility:hidden;transition:transform 2.2s cubic-bezier(.4,0,1,1) .05s,clip-path .42s ease-out}.app-shell.is-breaking{--break-shift: 8px}.app-shell.is-breaking .app-section-left{transform:translate3d(0,-6px,0)}.app-shell.is-breaking .app-section-right{transform:translate3d(0,6px,0)}.app-shell.is-breaking .app-section-left,.app-shell.is-breaking .app-section-right{transition-duration:.22s,.22s,.22s}.app-shell.is-sliding .app-section-left{transform:translate3d(-110%,0,0)}.app-shell.is-sliding .app-section-right{transform:translate3d(110%,0,0)}.app-shell.is-dropping .app-section-left,.app-shell.is-settled .app-section-left{transform:translate3d(-110%,0,0)}.app-shell.is-dropping .app-section-right,.app-shell.is-settled .app-section-right{transform:translate3d(110%,0,0)}.app-center-control{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;transform:translateY(-22px);z-index:4;overflow:visible}.app-shell.is-dropping .app-center-control{animation:control-drop-bounce .76s cubic-bezier(.14,.82,.2,1) forwards}.app-shell.is-settled .app-center-control,.app-shell.is-closing .app-center-control{transform:translateY(var(--control-drop-distance))}.app-shell.is-rising .app-center-control{animation:control-rise-bounce .64s cubic-bezier(.2,.82,.22,1) forwards}.play-button{position:relative;pointer-events:auto;width:74px;height:74px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:#10131f;box-shadow:0 16px 32px #00000029,inset 0 2px 4px #ffffffe6,inset 0 -7px 12px #6a707c1f,inset 0 0 0 1px #ffffffbf;overflow:hidden;transform-origin:center;animation:button-float 3.4s ease-in-out infinite;transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease,background-color .18s ease}.play-button:hover{cursor:pointer;transform:translateY(-4px) scale(1.05);box-shadow:0 22px 50px #0000004d,inset 0 1px #ffffffeb}.app-shell.is-dropping .play-button,.app-shell.is-settled:not(.is-video-complete) .play-button,.app-shell.is-closing .play-button,.app-shell.is-rising .play-button{pointer-events:none;filter:grayscale(1);opacity:.58;box-shadow:0 10px 22px #00000024,inset 0 2px 4px #ffffffc7,inset 0 -6px 10px #7c808829,inset 0 0 0 1px #d6dae0eb}.app-shell.is-dropping .play-button:hover,.app-shell.is-settled:not(.is-video-complete) .play-button:hover,.app-shell.is-closing .play-button:hover,.app-shell.is-rising .play-button:hover{cursor:default}.play-button.is-dimmed{opacity:1}.play-button:before,.play-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.play-button:before{clip-path:polygon(0 0,58% 0,26% 100%,0 100%);background:linear-gradient(180deg,#ffffff4d,#ffffff14),linear-gradient(60deg,#fff,#f7f8fafa);opacity:.96;animation:button-sheen 3.8s ease-in-out infinite}.play-button:after{clip-path:polygon(58% 0,100% 0,100% 100%,26% 100%);background:linear-gradient(180deg,#ffffff29,#e5e9efe6),linear-gradient(60deg,#fff,#edf0f4fa);opacity:1;mix-blend-mode:normal;animation:button-glow-lite 2.8s ease-in-out infinite}.play-button>svg{z-index:2}.play-button:hover:before{opacity:.95}.play-button:hover:after{opacity:.8}.play-button:active{transform:translateY(-1px) scale(.99)}.play-button svg{position:relative;z-index:1;width:3.8rem;height:3.8rem;fill:currentColor;margin-left:0;transform:translateY(4px);filter:drop-shadow(0 0 1px rgba(255,255,255,.45))}@keyframes button-float{0%,to{transform:translateY(0) scale(1);box-shadow:0 16px 32px #00000029,inset 0 2px 4px #ffffffe6,inset 0 -7px 12px #6a707c1f,inset 0 0 0 1px #ffffffbf}50%{transform:translateY(-3px) scale(1.015);box-shadow:0 21px 42px #00000038,inset 0 2px 4px #ffffffeb,inset 0 -7px 12px #6a707c1a,inset 0 0 0 1px #fffc}}@keyframes button-sheen{0%,to{opacity:.9}50%{opacity:1}}@keyframes button-glow-lite{0%,to{opacity:.92}50%{opacity:1}}@keyframes control-drop-bounce{0%{transform:translateY(-22px) scale(1)}16%{transform:translateY(calc(var(--control-drop-distance) * .26)) scale(1.012)}34%{transform:translateY(calc(var(--control-drop-distance) * .96)) scale(.996)}46%{transform:translateY(calc(var(--control-drop-distance) * 1.11)) scale(.978)}58%{transform:translateY(calc(var(--control-drop-distance) * .78)) scale(1.012)}68%{transform:translateY(calc(var(--control-drop-distance) * 1.035)) scale(.992)}78%{transform:translateY(calc(var(--control-drop-distance) * .9)) scale(1.006)}86%{transform:translateY(calc(var(--control-drop-distance) * 1.018)) scale(.996)}93%{transform:translateY(calc(var(--control-drop-distance) * .97)) scale(1.002)}to{transform:translateY(var(--control-drop-distance)) scale(1)}}@keyframes control-rise-bounce{0%{transform:translateY(var(--control-drop-distance)) scale(1)}36%{transform:translateY(calc(var(--control-drop-distance) * .34)) scale(1.006)}58%{transform:translateY(calc(var(--control-drop-distance) * -.08)) scale(1.012)}76%{transform:translateY(calc(var(--control-drop-distance) * .04)) scale(.996)}90%{transform:translateY(calc(var(--control-drop-distance) * -.02)) scale(1.002)}to{transform:translateY(-22px) scale(1)}}@media (max-width: 900px){:root{--seam-top: 36%;--seam-bottom: 64%}.left-story{right:clamp(16px,2.8vw,28px);bottom:clamp(18px,3vw,30px);max-width:min(25rem,38vw)}}@media (max-width: 720px){:root{--seam-top: 42%;--seam-bottom: 58%;--control-drop-distance: calc(50dvh - 37px) }.app-center-control{transform:translateY(-14px)}.left-story{right:clamp(12px,4vw,22px);bottom:clamp(14px,4vw,18px);max-width:min(18rem,54vw);padding:18px 14px 20px}.left-story-question{font-size:clamp(1rem,3.6vw,1.3rem)}.left-story-body,.left-story-signoff,.left-story-tag{max-width:none}}