/* PROVE / 007 — broad creative and technology positioning. */
.hero h1{font-size:clamp(62px,6.5vw,108px)}
.hero h1 span,.hero h1 em{width:max-content;max-width:100%}
.hero-subtitle{max-width:640px}
.showcase-property video{object-position:center}
.showcase-campaign img{object-position:50% 50%}
.showcase-web img{object-position:top left}
.services .section-heading:after{content:"01—03"}
.service-panel-video{isolation:isolate;background:#0c183b}
.service-panel-video:before{z-index:1;bottom:4%;left:3%;content:"AI / FILM";color:rgba(255,255,255,.47);font-size:clamp(70px,9vw,165px);letter-spacing:-.09em;line-height:.8;mix-blend-mode:overlay}
.service-panel-video>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.service-panel-property{isolation:isolate;background:radial-gradient(circle at 50% 25%,#a6fff0,#71c8cf 48%,#3d75d7)}
.service-panel-property:before{inset:8%;border-color:rgba(255,255,255,.68);border-radius:24px;transform:none}
.service-panel-property>img{position:relative;z-index:2;width:90%;height:auto;aspect-ratio:16/9;object-fit:cover;border:7px solid #152b57;border-radius:18px;box-shadow:0 26px 60px rgba(8,38,81,.29);transform:rotate(-2deg);transition:transform .55s cubic-bezier(.22,1,.36,1)}
.service-panel:hover .service-panel-property>img{transform:rotate(0) translateY(-7px)}
.service-panel-web{background:radial-gradient(circle at 85% 15%,#edfffc,#c2ccff 45%,#96a7eb)}
.service-browser{height:76%;border-color:#18234a;border-radius:13px}
.service-browser img{object-position:top left}
.ai-film-visual{background:#131e37}
.ai-film-visual:after{display:none}
.ai-film-visual>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.ai-film-visual .play-button{z-index:3}
.mobile-app-visual{isolation:isolate;background:radial-gradient(circle at 50% 55%,#8febf3,#497bdc 64%,#243484)}
.mobile-app-visual:after{content:"MOBILE";position:absolute;z-index:0;top:4%;left:1%;color:rgba(255,255,255,.22);font-size:clamp(95px,12vw,220px);font-weight:800;line-height:1;letter-spacing:-.11em;pointer-events:none}
.mobile-app-visual>img{position:relative;z-index:1;width:87%;height:auto;aspect-ratio:16/9;object-fit:cover;border:8px solid #112752;border-radius:18px;box-shadow:0 33px 65px rgba(13,26,70,.4);transform:rotate(3deg);transition:transform .55s cubic-bezier(.22,1,.36,1)}
.work-feature:hover .mobile-app-visual>img{transform:rotate(0) translateY(-7px)}
.work-feature-digital .digital-visual{background:radial-gradient(circle at 10% 5%,#d7fff3,#b6c9ff 55%,#768de7)}
.work-feature-web .digital-visual{background:radial-gradient(circle at 80% 14%,#ffd4aa,#ed95a7 60%,#b560c0)}
.work-feature .browser-frame{width:87%;border:6px solid #151d37;border-radius:15px;box-shadow:0 29px 65px rgba(16,24,56,.35)}
.work-feature .browser-frame img{height:clamp(280px,30vw,430px);object-position:top left}
.work-feature-web{border-bottom:1px solid rgba(255,255,255,.27)!important}
.closing-service-line{flex-wrap:wrap}
.closing-service-line span{white-space:nowrap}
@media(max-width:1100px){
  .hero h1{font-size:clamp(57px,6.8vw,82px)}
  .mobile-app-visual>img{width:92%}
}
@media(max-width:900px){
  .hero h1{font-size:clamp(57px,10vw,82px)}
  .service-panel-video>video{object-position:center}
}
@media(max-width:680px){
  .hero h1{font-size:clamp(48px,11.4vw,72px)}
  .hero-subtitle{font-size:16px}
  .showcase-web img{object-position:top left}
  .service-panel-video{min-height:345px}
  .service-panel-video:before{font-size:20vw}
  .service-panel-property>img{width:94%;border-width:5px;border-radius:12px}
  .mobile-app-visual>img{width:94%;border-width:5px;border-radius:11px}
  .work-feature .browser-frame{width:92%;border-width:4px}
  .work-feature .browser-frame img{height:260px}
}
@media(prefers-reduced-motion:reduce){
  .service-panel-property>img,.mobile-app-visual>img{transition:none!important}
}