.hero{z-index:0;isolation:isolate;box-sizing:border-box;background-color:var(--brand-white);flex-direction:column;align-items:center;width:100%;height:auto;min-height:100svh;padding:clamp(5.5rem,8.5vh,6.5rem) 1.25rem 0;display:flex;position:relative;overflow:visible}.hero .hero-panel{z-index:0;pointer-events:none;background:linear-gradient(0deg,color-mix(in srgb,var(--brand-blue)32%,white)0%,color-mix(in srgb,var(--brand-blue)15%,white)28%,color-mix(in srgb,var(--brand-blue)5%,white)55%,var(--brand-white)78%);border-radius:clamp(1.35rem,2.8vw,2.25rem);height:calc(100svh - clamp(.65rem,1.4vw,1.1rem) - clamp(1rem,2.4vw,1.75rem));position:absolute;top:clamp(.65rem,1.4vw,1.1rem);left:clamp(.65rem,1.4vw,1.1rem);right:clamp(.65rem,1.4vw,1.1rem)}.hero .hero-copy{z-index:3;text-align:center;flex-direction:column;flex:none;align-items:center;gap:0;max-width:min(92vw,36rem);display:flex;position:relative}.hero .hero-copy h1{letter-spacing:-.04em;text-align:center;text-transform:none;max-width:none;color:var(--brand-blue);margin:0;font-size:clamp(2.15rem,4.4vw,3.55rem);font-weight:600;line-height:1.08}.hero .hero-tagline{max-width:26rem;color:var(--base-700);letter-spacing:-.01em;text-transform:none;font-size:clamp(.92rem,1vw,1.05rem);font-weight:500;line-height:1.45;font-family:var(--font-manrope),sans-serif;margin:.9rem auto 0}.hero .hero-cta{margin-top:1.35rem}.hero .hero-device-stage{z-index:1;pointer-events:none;flex:none;justify-content:center;align-items:flex-start;width:100%;max-width:1500px;margin-top:clamp(1.5rem,3vh,2.5rem);padding-bottom:clamp(1.25rem,2.5vh,2rem);display:flex;position:relative;overflow:visible}.hero .hero-macbook,.hero .hero-iphone{z-index:1;pointer-events:auto;position:relative;overflow:visible}.hero .hero-macbook{width:min(86vw,1040px)}.hero .hero-iphone{width:min(46vw,260px);display:none}.hero .hero-macbook .macbook-hero,.hero .hero-iphone .iphone-hero{width:100%;overflow:visible}@media (max-width:768px){.hero .hero-device--desktop{display:none}.hero .hero-device--mobile{display:block}}@media (max-width:1000px){.hero{padding-top:5.75rem}.hero .hero-panel{border-radius:1.25rem;height:calc(100svh - 1.45rem);top:.55rem;left:.55rem;right:.55rem}.hero .hero-copy{max-width:min(92vw,30rem)}.hero .hero-copy h1{font-size:clamp(1.95rem,7.5vw,2.75rem);line-height:1.1}.hero .hero-tagline{max-width:22rem;margin-top:.75rem}.hero .hero-cta{margin-top:1.15rem}.hero .hero-device-stage{margin-top:1.35rem;padding-bottom:1.25rem}.hero .hero-macbook{width:min(96vw,820px)}.hero .hero-iphone{width:min(48vw,250px)}}@media (max-width:480px){.hero .hero-macbook{width:min(104vw,560px)}.hero .hero-iphone{width:min(52vw,240px)}.hero .hero-device-stage{margin-top:1.1rem;padding-bottom:1rem}}.hero~.what-we-do,.hero~.selected-work,.hero~.marquee-banner,.hero~.text-block{z-index:2;position:relative}.hero~.what-we-do{padding-top:clamp(1.75rem,3.5vw,3rem)}