/* The hero astronaut takes off as the page moves into the first section. */
.hero{--takeoff:0}.hero.scroll-takeoff .hero-astronaut{animation:none;transform:translateX(-50%) rotate(calc(-13deg + var(--takeoff)*13deg));translate:var(--pointer-x,0px) calc(var(--takeoff)*-480px);opacity:calc(1 - var(--takeoff)*.9);transition:translate .12s linear,opacity .12s linear,transform .12s linear}.hero.scroll-takeoff .hero-word{translate:0 calc(var(--takeoff)*45px);opacity:calc(1 - var(--takeoff))}.hero.scroll-takeoff .float-note{opacity:calc(1 - var(--takeoff)*1.8);translate:0 calc(var(--takeoff)*-45px)}.takeoff-trails{position:absolute;z-index:1;top:55%;left:50%;width:110px;height:260px;transform:translateX(-50%);opacity:calc(var(--takeoff)*1.7);pointer-events:none;mask-image:linear-gradient(transparent,#000 20%,#000 65%,transparent)}.takeoff-trails i{position:absolute;top:0;width:2px;height:100%;background:linear-gradient(transparent,#1c9ca0,#8ce0dd,transparent);box-shadow:0 0 13px #1c9ca0;transform-origin:top;rotate:4deg}.takeoff-trails i:first-child{left:10%;height:80%;rotate:8deg}.takeoff-trails i:nth-child(2){left:50%}.takeoff-trails i:last-child{right:5%;height:70%;rotate:-8deg}.hero .cloud{display:none}.channel-strip{position:relative;background:var(--surface)}
.floating-section{--fan:0;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 70%,#1c9ca016,transparent 60%);border-block:1px solid var(--line);overflow:clip}.floating-stage{height:860px;max-width:1440px;position:relative;margin:auto}.floating-heading{position:absolute;top:70px;left:50%;transform:translateX(-50%);text-align:center;width:90%;z-index:2}.floating-heading h2{font-size:clamp(40px,4.5vw,64px);margin:20px 0 18px}.floating-heading p{font-size:12px}.floating-astronaut{position:absolute;z-index:3;width:310px;height:450px;object-fit:contain;left:50%;bottom:15px;transform:translateX(-50%);translate:0 calc((1 - var(--fan))*70px);transition:translate .12s linear;filter:drop-shadow(0 20px 30px #0005)}.floating-orbit{position:absolute;width:750px;height:260px;border:1px solid #1c9ca044;border-radius:50%;left:50%;bottom:40px;transform:translateX(-50%) rotate(-12deg);box-shadow:0 0 0 40px #1c9ca003}.floating-card{position:absolute;z-index:2;top:390px;left:calc(50% - 115px);width:230px;min-height:235px;border:1px solid #1c9ca060;border-radius:24px;background:linear-gradient(145deg,var(--surface-soft),var(--surface));padding:26px;box-shadow:0 18px 45px #0003;opacity:clamp(.05,var(--fan)*2.5,1);transition:border-color .25s,box-shadow .25s;will-change:transform}.floating-card h3{font-family:Georgia,serif;font-size:30px;font-weight:400;letter-spacing:-.03em;margin:10px 0}.floating-card p{font-size:11px;line-height:1.7;margin-bottom:16px}.floating-icon{color:var(--teal);font-size:30px;line-height:1}.card-link{font-size:8px;color:var(--teal)}.card-strategy{transform:translate(calc(var(--fan)*-290px),calc((1 - var(--fan))*120px + var(--fan)*45px)) rotate(calc(var(--fan)*-13deg))}.card-creative{transform:translateY(calc((1 - var(--fan))*120px - var(--fan)*35px));z-index:1}.card-paid{transform:translate(calc(var(--fan)*290px),calc((1 - var(--fan))*120px + var(--fan)*45px)) rotate(calc(var(--fan)*13deg))}.floating-card:hover,.floating-card:focus-visible{border-color:var(--teal);box-shadow:0 20px 50px #1c9ca022;z-index:5}.floating-card:hover .card-link{text-decoration:underline;text-underline-offset:4px}html[data-theme=light] .floating-card{box-shadow:0 16px 40px #0001}.motion-paused .floating-section{--fan:1!important}.motion-paused .hero.scroll-takeoff .hero-astronaut{opacity:1;translate:0 0}.motion-paused .takeoff-trails{display:none}
@media(max-width:1000px){.floating-stage{height:830px}.floating-card{width:195px;left:calc(50% - 97px);padding:22px;min-height:220px}.card-strategy{transform:translate(calc(var(--fan)*-215px),calc((1 - var(--fan))*120px + var(--fan)*55px)) rotate(calc(var(--fan)*-11deg))}.card-paid{transform:translate(calc(var(--fan)*215px),calc((1 - var(--fan))*120px + var(--fan)*55px)) rotate(calc(var(--fan)*11deg))}.floating-orbit{width:580px}.floating-astronaut{height:420px;width:290px}}
@media(max-width:700px){.hero.scroll-takeoff .hero-astronaut{translate:0 calc(var(--takeoff)*-320px)}.takeoff-trails{width:75px;height:180px}.floating-stage{height:820px}.floating-heading{top:50px}.floating-heading h2{font-size:37px}.floating-heading p{font-size:10px}.floating-card{width:150px;left:calc(50% - 75px);top:370px;padding:17px;min-height:185px;border-radius:18px}.floating-card h3{font-size:25px}.floating-card p{font-size:9px}.floating-icon{font-size:24px}.card-link{font-size:7px}.card-strategy{transform:translate(calc(var(--fan)*-93px),calc((1 - var(--fan))*80px + var(--fan)*75px)) rotate(calc(var(--fan)*-10deg))}.card-paid{transform:translate(calc(var(--fan)*93px),calc((1 - var(--fan))*80px + var(--fan)*75px)) rotate(calc(var(--fan)*10deg))}.card-creative{transform:translateY(calc((1 - var(--fan))*80px - var(--fan)*80px))}.floating-astronaut{height:310px;width:230px;bottom:0}.floating-orbit{width:330px;height:190px;bottom:10px}.floating-card:hover{z-index:5}}
@media(prefers-reduced-motion:reduce){.floating-section{--fan:1!important}.floating-card,.floating-astronaut{transition:none;will-change:auto}.hero.scroll-takeoff .hero-astronaut{opacity:1;translate:0 0}.takeoff-trails{display:none}}
/* Keep the fanned cards readable above the astronaut. */
@media(min-width:701px){.floating-card{top:330px}.floating-astronaut{height:330px;width:250px}}
@media(max-width:700px){.floating-card{top:340px}.card-strategy{transform:translate(calc(var(--fan)*-93px),calc((1 - var(--fan))*80px + var(--fan)*45px)) rotate(calc(var(--fan)*-10deg))}.card-paid{transform:translate(calc(var(--fan)*93px),calc((1 - var(--fan))*80px + var(--fan)*45px)) rotate(calc(var(--fan)*10deg))}.floating-astronaut{height:250px;width:185px}}
/* The content rises and stretches into place in sync with the takeoff. */
.takeoff-surface{--lift:0;position:relative;z-index:4;background:var(--paper);transform-origin:50% 0;transform:translateY(calc((1 - var(--lift))*110px)) scaleY(calc(.82 + var(--lift)*.18));clip-path:inset(0 calc((1 - var(--lift))*4%) 0 round calc((1 - var(--lift))*70px) calc((1 - var(--lift))*70px) 0 0);opacity:calc(.2 + var(--lift)*.8);will-change:transform,opacity;transition:transform .1s linear,opacity .1s linear,clip-path .1s linear}.takeoff-surface:before{content:'';position:absolute;z-index:5;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#1c9ca0,transparent);opacity:calc(1 - var(--lift));pointer-events:none}.takeoff-surface.lift-complete{transform:none;clip-path:none;opacity:1;will-change:auto}.takeoff-surface .channel-strip{border-top-color:#1c9ca04a}.motion-paused .takeoff-surface{transform:none;clip-path:none;opacity:1;transition:none}@media(max-width:700px){.takeoff-surface{transform:translateY(calc((1 - var(--lift))*65px)) scaleY(calc(.9 + var(--lift)*.1));clip-path:inset(0 calc((1 - var(--lift))*2%) 0 round calc((1 - var(--lift))*35px) calc((1 - var(--lift))*35px) 0 0)}}@media(prefers-reduced-motion:reduce){.takeoff-surface{transform:none;clip-path:none;opacity:1;transition:none;will-change:auto}}

/* Let the astronaut pass in front of hero copy while retaining clickable controls. */
.hero .hero-scene{z-index:auto}.hero .hero-astronaut{z-index:6;pointer-events:none}.hero .hero-word{z-index:0}.hero .float-note{z-index:2}.hero .takeoff-trails{pointer-events:none}