/* Mobile hero v5: the host and the four destinations share the opening. */
@media(max-width:760px){
.home .studio-hero{--hero-depth:clamp(0,calc(var(--travel,0)*2.5),1);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:16px 20px 34px;background:#123e32;color:#f6f4e8;overflow:hidden;isolation:isolate}
.home .studio-hero:before{inset:0;clip-path:polygon(100% 0,100% 100%,0 100%,0 57%);background:#0a2e25;z-index:-1}
.home .studio-hero:after{display:none}
.home .studio-hero .hero-copy{display:contents}
.home .studio-hero .profile-links{order:0;margin:0;gap:8px;z-index:10}
.home .studio-hero .profile-link{min-height:54px;padding:12px 14px;background:#1c5141;border:1px solid #668b6866;color:#fff;box-shadow:none;animation:none;font-size:14px;border-radius:6px}
.home .studio-hero .profile-link.p0{background:#e6cd68;border-color:#e6cd68;color:#142c24}
.home .studio-hero .profile-link:active{transform:scale(.97)}
.home .studio-hero .profile-link:focus-visible{outline:3px solid #fff;outline-offset:3px}
.home .studio-hero .hero-copy p.link-note{order:1;font-size:11px;line-height:1.45;margin:10px 0 0;max-width:100%;color:#d3dfd4}
.home .studio-hero .hero-art{order:2;flex:none;height:350px;min-height:0;width:calc(100% + 40px);margin:18px -20px 0;overflow:hidden;isolation:isolate;perspective:1000px}
.home .studio-hero .hero-art:before{width:115%;height:86%;aspect-ratio:auto;left:-7%;top:16%;border-radius:50% 50% 0 0;background:#bfd275;z-index:0;transform:rotate(-9deg) translateY(calc(var(--travel)*-22px))}
.home .studio-hero .studio-backdrop{left:8%;top:12px;width:84%;font-size:25vw;line-height:.88;letter-spacing:-.07em;color:#f6f4e8;z-index:1;transform:translateY(calc(var(--hero-depth)*-32px)) rotate(-6deg) scale(calc(1 - var(--hero-depth)*.1))}
.home .studio-hero .studio-backdrop span+span{color:#163c2c;text-align:right;margin-top:8px}
.home .studio-hero .portrait-plane{inset:0;z-index:4;transform:translateY(calc(var(--hero-depth)*120px)) scale(calc(1 - var(--hero-depth)*.3));transform-origin:50% 20%}
.home .studio-hero .portrait-plane img{position:absolute;width:150%;max-width:none;height:auto;left:-25%;top:calc(-60vw + 28px);object-fit:contain;filter:drop-shadow(-8px 12px 9px #061f2533)}
.home .studio-hero .studio-disc{width:116%;height:75%;left:-8%;top:27%;border-color:#fff6;z-index:2;transform:rotateX(63deg) rotateZ(calc(-18deg + var(--travel)*22deg));pointer-events:none}
.home .studio-hero .disc-near{display:none}
.home .studio-hero .programme-plane{display:none}
.home .studio-hero .stage-edge{left:-8%;right:-8%;height:15%;bottom:-11%;background:#123e32;border-color:#dce99c66;z-index:6;transform:rotate(-5deg) translateY(calc(var(--travel)*-12px))}
.home .studio-hero h1{order:3;font-size:clamp(29px,7.7vw,43px);line-height:1.06;letter-spacing:-.045em;margin:24px 0 16px;max-width:20ch;animation:none;text-wrap:balance}
.home .studio-hero .hero-copy>p:first-of-type{order:4;font-size:16px;line-height:1.65;color:#dce6dc;margin:0;animation:none}
.home .studio-hero .brand-shortcut{order:5;align-self:flex-start;margin-top:20px;color:#e6cd68;border-color:#e6cd68}
}
@media(max-width:380px){.home .studio-hero .hero-art{height:320px}.home .studio-hero .profile-link{font-size:13px;padding:10px 12px}}
@media(min-width:500px) and (max-width:760px){.home .studio-hero .hero-art{height:480px}.home .studio-hero .portrait-plane img{width:120%;left:-10%;top:-44vw}.home .studio-hero .studio-backdrop{font-size:24vw}}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
.home .studio-hero .hero-art.art-entered .portrait-plane{animation:host-arrival 1.05s cubic-bezier(.16,1,.3,1) both}
.home .studio-hero .hero-art.art-entered .studio-backdrop{animation:host-name .85s cubic-bezier(.16,1,.3,1) both}
.home .studio-hero .hero-art.art-entered:before{animation:host-stage .9s cubic-bezier(.16,1,.3,1) both}
}
@keyframes host-arrival{from{opacity:0;transform:translateY(85px) scale(.92) rotate(5deg)}to{opacity:1;transform:translateY(calc(var(--hero-depth)*120px)) scale(calc(1 - var(--hero-depth)*.3))}}
@keyframes host-name{from{opacity:.2;transform:rotate(-6deg) translateY(18px);clip-path:inset(-20% 100% -20% -20%)}to{opacity:1;transform:translateY(calc(var(--hero-depth)*-32px)) rotate(-6deg) scale(calc(1 - var(--hero-depth)*.1));clip-path:inset(-20%)}}
@keyframes host-stage{from{transform:rotate(6deg) translateY(90px);opacity:.4}to{transform:rotate(-9deg) translateY(calc(var(--travel)*-22px));opacity:1}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.home .studio-hero .hero-art:before,.home .studio-hero .hero-art *{animation:none!important}.home .studio-hero .portrait-plane{transform:none}.home .studio-hero .studio-backdrop{transform:rotate(-6deg)}.home .studio-hero .hero-art:before{transform:rotate(-9deg)}}