@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.primary-nav{position:fixed;inset:0;background:var(--blue);color:var(--white);mix-blend-mode:normal;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--pad);gap:1rem;transform:translateX(100%);transition:transform .45s cubic-bezier(.8,0,.2,1);z-index:-1}.primary-nav a{font-family:var(--display);font-size:clamp(3rem,12vw,6rem);line-height:.9}.primary-nav.is-open{transform:translateX(0)}.header-cta{display:none}.menu-toggle{display:flex;align-items:center;gap:.6rem;z-index:2}.menu-toggle i,.menu-toggle i::after{display:block;width:1.6rem;height:2px;background:currentColor;content:"";transition:transform .25s}.menu-toggle i::after{transform:translateY(.45rem)}.menu-toggle[aria-expanded=true] i{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] i::after{transform:rotate(-90deg)}.story{grid-template-columns:1fr;min-height:130svh;padding-top:9rem}.story-copy{align-self:start}.story-product{position:absolute;right:-5%;bottom:3%;width:58vw;height:70svh}.orbit-two{right:auto;left:8%}.how-sticky{display:block;padding-top:7rem}.how-intro h2{font-size:clamp(3.7rem,14vw,7rem)}.how-intro>p{font-size:.9rem;max-width:16rem}.how-product{left:36%;top:64%;width:43vw;height:60svh}.step{width:47vw;top:64%}.step h3{font-size:clamp(4rem,14vw,7rem)}.signup-section,.faq{grid-template-columns:1fr;gap:4rem}.signup-section{padding-top:7rem}.signup-form{padding-bottom:0}.about{grid-template-columns:1fr;gap:2rem}.about h2{align-self:end}.detail-crop{right:-27%;width:94vw}.label-1{right:20%}.label-3{left:3%}.social-cta{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:3rem}.cursor{display:none}}
@media(max-width:600px){:root{--pad:1.1rem}.site-header{height:4.5rem}.logo{font-size:1.7rem}.hero{padding-top:6rem;align-items:flex-start}.hero-title{top:21%;font-size:clamp(4.4rem,22vw,7.5rem);line-height:.78}.hero-line-2{align-self:flex-end}.hero-line-3{align-self:flex-start}.hero-product{position:absolute;right:-1rem;bottom:8%;width:74vw;height:66svh}.hero-kicker{top:5rem}.hero-badge{top:5rem;width:4.8rem}.hero-actions{bottom:1.5rem;right:var(--pad);align-items:flex-start}.hero-actions .text-link{display:none}.scroll-cue{display:none}.pill{font-size:.75rem;padding:.85rem 1rem}.story{min-height:120svh;padding-top:7rem}.mega-heading{font-size:clamp(3.7rem,17vw,6rem)}.story-copy p{font-size:1rem;max-width:20rem}.story-product{width:76vw;height:65svh;right:-10%;bottom:-3%}.orbit-one{right:3%;top:50%}.zip-it h2{font-size:clamp(5.6rem,25vw,8rem);top:40%}.detail-product{right:-43vw;top:-20vh;width:130vw;height:140svh}.note-a{top:15%;right:4%}.note-b{bottom:8%;right:3%}.how-intro>p{display:none}.how-product{left:36%;top:67%;width:62vw;height:58svh}.step{width:50vw;top:61%;right:-2%}.step h3{font-size:clamp(3.5rem,17vw,5rem)}.step p{font-size:.88rem}.lime-hit{height:110svh}.kinetic-word{font-size:65vw}.lime-product{width:72vw;height:75svh}.lime-hit>p{font-size:1.35rem}.product-detail{min-height:110svh;padding-top:7rem}.product-detail h2{font-size:22vw}.detail-crop{top:-16%;right:-58%;width:155vw;height:138svh}.label i{width:2rem}.label-1{top:30%;left:6%;right:auto}.label-2{top:45%;right:2%}.label-3{bottom:18%;left:3%;max-width:9rem}.lifestyle{padding-block:1rem}.lifestyle-frame{height:92svh;border-radius:1rem}.lifestyle h2{top:9%;font-size:15vw}.lifestyle-product{width:82vw;height:90%;right:-17%;bottom:-15%}.sun-disc{width:110vw;right:-40%;top:-17%}.social-cta{min-height:70svh;padding-block:5rem}.social-cta h2{font-size:18vw}.about{padding-top:7rem}.about h2{font-size:22vw}.about-lines{font-size:1.35rem;padding-bottom:7rem}.about-stamp{width:7rem}.signup-section{min-height:100svh}.signup-copy h2{font-size:20vw}.email-field{display:block}.email-field input,.email-field button{width:100%}.email-field button{margin-bottom:.6rem}.faq{padding-top:7rem}.faq-heading h2{font-size:15vw}.finale{min-height:100svh}.finale h2{font-size:25vw}.finale-product{width:72vw;height:70svh}.finale-social{bottom:1.5rem}.finale>.pill{bottom:4.3rem}.footer-wordmark{font-size:36vw}.footer-meta{align-items:flex-start;gap:2rem}.footer-meta div{flex-direction:column;gap:.75rem}.intro div{font-size:44vw}}