/* v0.5.8 — mobile spacing/partners, video link and subtle icon motion. */
.mobile-logo-rows{display:none}
.projects-title-row{display:flex;align-items:center;gap:22px}
.projects-title-row h2{min-width:0;font-size:clamp(39px,3.7vw,54px);line-height:1.18}
.project-youtube{position:relative;display:grid;place-items:center;width:76px;height:76px;flex:none;border-radius:50%}
.project-youtube img{width:48px;height:48px;object-fit:contain}
.youtube-orbit{position:absolute;inset:2px;border:1.5px dashed #fa4616;border-radius:50%;animation:youtube-circle 18s linear infinite;pointer-events:none}
.project-youtube:hover img{transform:scale(1.06)}
.approach-grid article.is-visible .approach-icon svg{transform-origin:50% 50%;animation:approach-gentle 6s ease-in-out infinite}
.approach-grid article:nth-child(2) .approach-icon svg{animation-delay:-2s}
.approach-grid article:nth-child(3) .approach-icon svg{animation-delay:-4s}
.approach-section.is-offscreen .approach-icon svg,.projects-section.is-offscreen .youtube-orbit,.motion-paused .approach-icon svg,.motion-paused .youtube-orbit{animation-play-state:paused!important}
@keyframes youtube-circle{to{transform:rotate(360deg)}}
@keyframes approach-gentle{0%,100%{transform:translateY(0) rotate(0deg)}45%{transform:translateY(-3px) rotate(-3deg)}65%{transform:translateY(-2px) rotate(2deg)}}
@media(max-width:700px){
 .hero.hero-v5{height:auto;min-height:0;padding-bottom:0}
 .hero-v5 .immersion-scene{height:clamp(430px,78vw,560px);margin-top:28px}
 .hero-v5 .frame-journey{--top:0px;--left:-6%;--width:43%}
 .hero-v5 .frame-interaction{--top:8px;--left:76%;--width:31%}
 .hero-v5 .frame-summit{--top:115px;--left:11%;--width:78%}
 .hero-v5 .frame-backstage{--top:175px;--left:-12%;--width:38%}
 .hero-v5 .frame-digital{--top:195px;--left:78%;--width:36%}
 .hero-v5 .frame-gala{--top:calc(100% - 32vw);--left:-1%;--width:43%}
 .hero-v5 .frame-light{--top:calc(100% - 27vw);--left:59%;--width:43%}
 .hero-v5 .hero-foot{position:relative;inset:auto;left:auto;bottom:auto;transform:none;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;width:calc(100% - 36px);margin:0 auto;padding:8px 0 12px}
 .client-v5{padding-top:36px}
 .client-v5 .client-heading{display:block;margin-bottom:22px}
 .client-banners>.logo-marquee{display:none}
 .client-banners{gap:0}
 .mobile-logo-rows{display:grid;gap:8px;min-width:0}
 .mobile-logo-rows .logo-tile{width:112px;height:62px;padding:12px;border-radius:8px}
 .mobile-logo-rows .logo-tile img{height:35px}
 .mobile-logo-rows .logo-group{gap:8px;padding-right:8px}
 .mobile-logo-rows .logo-track{animation-duration:32s}
 .mobile-logo-rows .reverse .logo-track{animation-duration:36s}
 .mobile-logo-rows .logo-marquee:last-child .logo-track{animation-duration:40s}
 .projects-heading{display:block}
 .projects-heading>p{max-width:none;margin-top:18px}
 .projects-title-row{gap:14px}
 .projects-title-row h2{font-size:clamp(28px,7.6vw,36px);line-height:1.2}
 .project-youtube{width:56px;height:56px}
 .project-youtube img{width:36px;height:36px}
 .youtube-orbit{inset:0}
}
@media(max-width:370px){.projects-title-row{gap:12px}.project-youtube{width:46px;height:46px}.project-youtube img{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.approach-grid article.is-visible .approach-icon svg,.youtube-orbit{animation:none!important;transform:none}.project-youtube img{transform:none!important}}