.sf{color:var(--fg-strong)}.sf-hero{height:300vh;position:relative}.sf-stage{background:#2a5bb0;height:100vh;min-height:640px;position:sticky;top:0;overflow:hidden}.dark .sf-stage{background:#0b111b}.sf-sky{background:url(/images/how/sky.webp) 50% 70%/cover;animation:30s ease-out both sf-push;position:absolute;inset:-2%}.dark .sf-sky{background-image:url(/images/how/sky-night.webp)}.sf-stars{z-index:0;pointer-events:none;display:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 35%,#0000 70%);mask-image:linear-gradient(#000 35%,#0000 70%)}.sf-stars canvas{width:100%;height:100%;position:absolute;inset:0}.sf-stars canvas+canvas{animation:7s ease-in-out infinite alternate sf-twinkle}.sf-stars canvas:first-child{animation:9s ease-in-out infinite alternate-reverse sf-twinkle}.dark .sf-stars{display:block}@keyframes sf-twinkle{0%{opacity:1}to{opacity:.55}}@keyframes sf-push{0%{transform:scale(1.06)}to{transform:scale(1)}}.sf-air{z-index:5;pointer-events:none;background:radial-gradient(60% 70% at 12% 78%,#030c3a9e,#0000 70%),radial-gradient(at 55% 45%,#0000 50%,#02082899);position:absolute;inset:0}.sf-flare{pointer-events:none;z-index:4;background:radial-gradient(circle,#fff8e638,#ffecc814 32%,#0000 58%);width:70vw;height:70vw;position:absolute;top:-30%;left:-12%}.dark .sf-flare{background:radial-gradient(circle,#b9c7da1a,#b9c7da08 34%,#0000 58%)}.sf-plane{aspect-ratio:3/2;z-index:2;width:92vw;position:absolute;top:calc(13vh - 12.5vw);left:22.6vw}.sf-zoom{will-change:transform;width:100%;height:100%}.sf-ap{transform-origin:51% 45%;width:100%;height:100%;animation:3.8s cubic-bezier(.12,.75,.2,1) both sf-approach}.sf-plane:not([data-ready]) .sf-ap{animation-play-state:paused}@keyframes sf-approach{0%{opacity:.2;transform:scale(.1)}to{opacity:1;transform:scale(1)}}.sf-tb{--tb:1;width:100%;height:100%;animation:6.5s ease-in-out infinite sf-turb;position:relative}@keyframes sf-turb{0%,to{transform:none}30%{transform:rotate(calc(var(--tb) * 1.4deg)) translateY(calc(var(--tb) * -12px))}65%{transform:rotate(calc(var(--tb) * -.8deg)) translateY(calc(var(--tb) * 6px))}}.sf-tb>img{width:100%;height:100%;display:block}.sf-fan{aspect-ratio:1;animation:.5s linear infinite sf-spin;position:absolute}.sf-fan canvas{width:100%;height:100%;display:block}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-nose{width:35.16%;height:35.16%;position:absolute;top:24.02%;left:34.18%;-webkit-mask-image:radial-gradient(50% 50%,#000 72%,#0000 100%);mask-image:radial-gradient(50% 50%,#000 72%,#0000 100%)}.sf-nose img{width:100%;height:100%;display:block}.sf-nl{aspect-ratio:1;border-radius:50%;width:1.1%;display:none;position:absolute;transform:translate(-50%,-50%)}.dark .sf-nl{display:block}.sf-nl.g{background:radial-gradient(circle,#eafff0 0,#5dff8f 30%,#5dff8f00 70%);top:14.8%;left:4.04%}.sf-nl.r{background:radial-gradient(circle,#fff0ee 0,#ff5a4a 30%,#ff5a4a00 70%);top:81.25%;left:95.8%}.sf-nl:after{content:"";opacity:0;background:radial-gradient(circle,#fff 0,#fff0 60%);border-radius:50%;animation:1.6s step-end infinite sf-strobe;position:absolute;inset:-60%}.sf-nl.r:after{animation-delay:.8s}@keyframes sf-strobe{0%{opacity:1}6%{opacity:0}}.sf-tun{z-index:1;pointer-events:none;position:absolute;inset:0}.sf-tc{aspect-ratio:1325/756;opacity:0;width:380px;animation:sf-zoomby var(--d) cubic-bezier(.5, 0, 1, .5) infinite reverse;animation-delay:var(--dl);position:absolute;top:40%;left:67%}@keyframes sf-zoomby{0%{transform:translate(-50%, -50%) translate(0, 0) scale(.05) scaleX(var(--fx,1));opacity:0}18%{opacity:.95}68%{opacity:.95}80%{opacity:0}to{transform:translate(-50%, -50%) translate(var(--x), var(--y)) scale(var(--s)) scaleX(var(--fx,1));opacity:0}}.sf-drift{pointer-events:none;z-index:1;position:absolute;inset:0}.sf-cl{aspect-ratio:1325/756;opacity:.95;animation:linear infinite sf-drift;position:absolute;left:0}.sf-drift.far .sf-cl{opacity:.8}@keyframes sf-drift{0%{transform:translateX(110vw) scaleX(var(--fx,1))}to{transform:translateX(-40vw) scaleX(var(--fx,1))}}.sf-cock{z-index:4;opacity:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sf-cbox{aspect-ratio:3/2;width:max(105vw,157.5vh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sf-cbox>img{object-fit:cover;width:100%;height:100%;display:block}.sf-veil{aspect-ratio:1325/756;z-index:5;opacity:0;pointer-events:none;visibility:hidden;width:150vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sf-stage.is-cockpit .sf-sky,.sf-stage.is-cockpit .sf-tun,.sf-stage.is-cockpit .sf-drift,.sf-stage.is-cockpit .sf-plane,.sf-stage.is-cockpit .sf-flare{visibility:hidden}.sf-lb{z-index:7;background:#000;height:10vh;position:absolute;left:0;right:0;transform:scaleY(0)}.sf-lb.t{transform-origin:top;top:0}.sf-lb.b{transform-origin:bottom;bottom:0}.sf-call{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sf-call path{fill:none;stroke:#ffffffeb;stroke-width:1.2px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 2px #00000073)}.sf-call circle{fill:#fff;opacity:0}.sf-tag{border-radius:var(--radius-s);opacity:0;white-space:nowrap;background:#08143094;padding:9px 14px 10px;position:absolute;transform:translateY(calc(-100% - 6px))}.sf-tag small{font-size:var(--fs-tag);font-weight:var(--fw-bold);letter-spacing:var(--tr-caps-l);text-transform:uppercase;color:var(--fg-eyebrow);display:block}.sf-tag b{font-family:var(--font-display);font-size:clamp(20px,1.9vw,30px);font-weight:var(--fw-regular);letter-spacing:var(--tr-title);color:var(--fg-strong);margin-top:4px;display:block}.sf-crew{z-index:8;opacity:0;text-shadow:0 1px 10px #000000b3;flex-wrap:wrap;justify-content:center;gap:14px;margin:0;padding:0;list-style:none;display:none;position:absolute;bottom:13vh;left:16px;right:16px}.sf-crew li{font-size:var(--fs-caption);color:var(--fg-strong)}.sf-crew small{letter-spacing:.22em;text-transform:uppercase;opacity:.75;font-size:10px;display:block}.sf-hint{z-index:6;font-size:var(--fs-kicker);letter-spacing:.24em;text-transform:uppercase;color:var(--fg-eyebrow);white-space:nowrap;margin:0;animation:2s ease-in-out infinite sf-hint;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@keyframes sf-hint{50%{transform:translate(-50%,6px)}}.sf-ht{z-index:6;max-width:min(600px,44vw);position:absolute;bottom:12vh;left:6vw}.sf-ht .type-eyebrow{text-shadow:0 1px 12px #000c3c99;margin:0}.sf-ht h1{font-family:var(--font-display);font-weight:var(--fw-light);font-size:clamp(44px,5.4vw,92px);line-height:var(--lh-heading);letter-spacing:var(--tr-display);color:var(--fg-strong);text-shadow:0 2px 40px #000a3c66;margin:16px 0 18px}.sf-ht p.sf-lead{max-width:38ch;font-size:var(--fs-body-l);font-weight:var(--fw-light);color:var(--fg);text-shadow:0 1px 20px #000a3c66;margin:0}.sf-ht .actions{margin-top:30px}.sf[data-away] *{animation-play-state:paused!important}@media (max-width:860px){.sf-plane{width:190vw;top:8vh;left:-30vw}.sf-tc{top:38%;left:50%}.sf-hint{display:none}.sf-ht{max-width:none;bottom:90px;left:16px;right:16px}.sf-ht p.sf-lead{font-size:var(--fs-body)}.sf-call,.sf-tag{display:none}.sf-crew{display:flex}}@media (prefers-reduced-motion:reduce){.sf *{animation:none!important}}.how-manifesto{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:92vh;padding:12vh 0;display:flex}.how-manifesto:before{content:"";background:linear-gradient(transparent, var(--fg-2));width:1px;height:90px;margin-bottom:48px}.how-manifesto__line{max-width:1100px;font-family:var(--font-display);font-weight:var(--fw-thin);font-size:clamp(30px,4.3vw,72px);line-height:var(--lh-heading);letter-spacing:var(--tr-display);color:var(--fg-strong);text-wrap:balance;margin:0}.how-manifesto__line em{font-style:normal;font-weight:var(--fw-accent)}.how-ticket{--stub:96px;-webkit-mask:radial-gradient(circle 10px at calc(100% - var(--stub)) 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 10px at calc(100% - var(--stub)) 100%, transparent 98%, #000) bottom / 100% 51% no-repeat;-webkit-mask:radial-gradient(circle 10px at calc(100% - var(--stub)) 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 10px at calc(100% - var(--stub)) 100%, transparent 98%, #000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle 10px at calc(100% - var(--stub)) 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 10px at calc(100% - var(--stub)) 100%, transparent 98%, #000) bottom / 100% 51% no-repeat}@media (min-width:761px){.how-ticket{--stub:132px}}.how-ticket__code{font-family:var(--font-display);font-weight:var(--fw-thin);letter-spacing:.02em;color:var(--fg-strong);font-size:clamp(48px,5vw,64px);line-height:.9}.how-stat{font-family:var(--font-display);font-weight:var(--fw-thin);letter-spacing:var(--tr-numeral);color:var(--fg-strong);align-items:flex-start;margin:0;font-size:clamp(140px,19vw,300px);line-height:.78;display:inline-flex}.how-stat span{font-size:.34em;font-weight:var(--fw-light);letter-spacing:0;color:var(--accent);margin:.06em 0 0 .12em}.how-vs-title{font-weight:var(--fw-accent);line-height:.92}.how-vs-title>span{display:block}.how-vs-title>span+i+span{font-weight:var(--fw-thin);opacity:.62}.how-vs-title>i{font-style:normal;font-weight:var(--fw-thin);letter-spacing:var(--tr-caps-xl);text-transform:uppercase;color:var(--accent);margin:.9em 0 .5em;font-size:.32em;display:block}
