.studio-hero{position:relative;overflow:clip}.studio-hero-shell{flex-direction:column;justify-content:center;min-height:min(900px,100dvh);padding-top:8.5rem;padding-bottom:5rem;display:flex}.studio-hero-grid{flex:1;grid-template-columns:1.08fr 1fr;align-items:center;gap:clamp(2rem,4vw,4rem);display:grid}.studio-hero-copy{z-index:1;min-width:0;position:relative}.studio-hero-eyebrow{color:var(--muted);letter-spacing:.06em;font-size:.8rem}.studio-hero h1{letter-spacing:-.055em;margin-top:2rem;font-size:clamp(3rem,4.2vw,5.5rem);font-weight:400;line-height:1.18}.studio-hero h1 span{color:var(--muted)}.studio-hero-lead{max-width:30rem;color:var(--muted);margin-top:1.75rem;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.65}.studio-hero-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.studio-text-link{align-items:center;gap:1rem;min-height:44px;font-size:.9rem;display:inline-flex}.studio-hero-location{color:var(--muted);max-width:25rem;margin-top:2rem;font-size:.75rem;line-height:1.6}.studio-hero-showcase{min-width:0;padding-top:1rem}.studio-hero-showcase-label{color:var(--muted);border-bottom:1px solid var(--line-strong);justify-content:space-between;padding-bottom:.75rem;font-size:.7rem;display:flex}.studio-hero-stage{aspect-ratio:1.42;position:relative}.studio-hero-desk{transform-style:preserve-3d;position:absolute;inset:0}.studio-hero-back-window{opacity:.45;filter:saturate(.45);width:83%;position:absolute;top:12%;left:0;transform:rotate(-9deg)}.studio-hero-main-window{filter:drop-shadow(0 18px 20px #0000004d);width:92%;position:absolute;top:21%;left:4%}.studio-hero-main-window>div{transform:rotate(-2deg)}.studio-hero-main-phone{width:34%;top:0;left:36%}.studio-hero-main-phone>div{transform:rotate(4deg)}.studio-hero-phone-companion{filter:drop-shadow(0 15px 15px #0006);width:22%;position:absolute;bottom:0;right:-1%;transform:rotate(9deg)translateZ(20px)}.studio-hero-project-caption{justify-content:space-between;align-items:center;gap:1.5rem;min-height:92px;padding:1rem 0 1.25rem;display:flex}.studio-hero-project-caption strong{font-size:1rem;font-weight:400}.studio-hero-project-caption p{color:var(--muted);margin-top:.35rem;font-size:.75rem;line-height:1.5}.studio-hero-project-caption a{border:1px solid var(--line-strong);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;transition:transform .18s;display:grid}.studio-hero-project-caption a:hover{transform:rotate(45deg)}.studio-hero-media-tabs{border-top:1px solid var(--line-strong);grid-template-columns:.8fr 1.25fr 1fr;gap:.5rem;display:grid}.studio-hero-media-tabs button{text-align:left;min-height:56px;color:var(--muted);cursor:pointer;align-items:baseline;gap:.6rem;padding-block:1rem;font-size:.75rem;display:flex;position:relative}.studio-hero-media-tabs button:before{content:"";background:var(--text);transform-origin:0;height:2px;transition:transform .22s;position:absolute;inset:-1px 0 auto;transform:scaleX(0)}.studio-hero-media-tabs button[aria-selected=true]{color:var(--text)}.studio-hero-media-tabs button[aria-selected=true]:before{transform:scaleX(1)}.studio-hero-media-tabs button span{font-size:.6rem}.studio-hero-media-tabs button:active{opacity:.65}.studio-hero-footer{border-top:1px solid var(--line-strong);color:var(--muted);justify-content:space-between;align-items:center;gap:2rem;margin-top:2rem;padding-top:1.5rem;font-size:.75rem;display:flex}.studio-hero-footer>div{gap:2rem;display:flex}.studio-hero-footer a{align-items:center;gap:1rem;min-height:32px;display:inline-flex}.studio-hero-footer a:hover{color:var(--text)}@media (width>=1440px){.studio-hero-stage{aspect-ratio:1.36}}@media (width<=1023px){.studio-hero-shell{min-height:auto;padding-top:8rem}.studio-hero-grid{grid-template-columns:1fr;gap:2.5rem}.studio-hero h1{font-size:clamp(3rem,6.8vw,5rem)}.studio-hero-lead{max-width:35rem}.studio-hero-showcase{justify-self:center;width:100%;max-width:44rem}.studio-hero-stage{aspect-ratio:1.5}}@media (width<=767px){.studio-hero-shell{padding-top:7rem;padding-bottom:4.5rem}.studio-hero h1{margin-top:1.5rem;font-size:clamp(2.2rem,8.2vw,4.5rem)}.studio-hero-eyebrow{font-size:.65rem}.studio-hero-lead{margin-top:1.25rem}.studio-hero-actions{gap:.75rem 1.25rem;margin-top:1.5rem}.studio-hero-location{margin-top:1.5rem;font-size:.7rem}.studio-hero-grid{gap:2rem}.studio-hero-stage{aspect-ratio:1.35}.studio-hero-main-window{top:24%}.studio-hero-main-phone{top:2%}.studio-hero-project-caption{min-height:92px}.studio-hero-media-tabs{grid-template-columns:.8fr 1.2fr 1fr;gap:.75rem}.studio-hero-media-tabs button{flex-direction:column;gap:.3rem;font-size:.75rem;line-height:1.4}.studio-hero-footer{flex-direction:column;align-items:start;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem}.studio-hero-footer>div{flex-wrap:wrap;gap:1.5rem;font-size:.7rem}}@media (prefers-reduced-motion:reduce){.studio-hero *{transition:none!important}}.studio-hero-showcase-label{align-items:center;min-height:44px}.studio-hero-screen{object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=767px){.studio-hero-showcase-label{font-size:.65rem}}.studio-hero-copy{translate:0 calc(var(--hero-out,0) * -3.5rem);opacity:calc(1 - var(--hero-out,0) * .7)}.studio-hero-back-window{translate:0 calc(var(--hero-out,0) * 4rem)}.studio-hero-main-window{translate:0 calc(var(--hero-out,0) * -1.5rem)}.studio-hero-phone-companion{translate:0 calc(var(--hero-out,0) * -7rem)}