
.home-hero{min-height:78vh;padding:90px 0 60px;background:#11110f;color:#fff;display:flex;align-items:end}.home-hero h1{font-size:clamp(62px,9vw,132px);line-height:.82;margin:15px 0 30px}.home-hero p{max-width:700px;font-size:18px;line-height:1.8;color:#cfc8bd}
.services{background:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{min-height:560px;border-radius:26px;overflow:hidden;position:relative;display:flex;align-items:end;padding:30px;color:#fff;background:#222}.service-card:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s ease}.service-card:hover:before{transform:scale(1.04)}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.78))}.service-card.studio:before{background-image:url('/studio-hero.jpg')}.service-card.act:before{background-image:url('/act-strip-02.jpg')}.service-card.live:before{background-image:url('/studio-work-04.jpg')}.service-copy{position:relative;z-index:2}.service-copy h2{font-size:clamp(36px,4vw,58px);margin:10px 0}.service-copy p{line-height:1.7;opacity:.86}.service-copy span{display:inline-block;margin-top:12px;font-weight:900}
@media(max-width:880px){.service-grid{grid-template-columns:1fr}.service-card{min-height:68vh}}

/* V2.1 Home Type */
.home-hero h1{line-height:.84;letter-spacing:-.045em}
.home-hero p,.service-copy p{font-family:"Noto Sans Thai","Manrope",Arial,sans-serif}
.service-copy h2{line-height:.94}
.service-copy span{font-family:"Noto Sans Thai","Manrope",Arial,sans-serif}
@media(max-width:560px){.home-hero h1{font-size:clamp(50px,16vw,76px)}}


/* V3.0 Home Page Layout */
.home-hero{min-height:78vh;padding:78px 0;background:#11110f;color:#fff;display:block}
.home-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:6vw;align-items:center}
.home-hero-copy h1{font-size:clamp(60px,7.8vw,118px);line-height:.84;margin:15px 0 30px}
.home-hero-copy p{max-width:680px;font-size:18px;line-height:1.85;color:#cfc8bd}
.home-hero-media{position:relative;min-height:640px}
.home-main-shot{position:absolute;right:0;top:0;width:75%;height:88%;border-radius:30px}
.home-accent-shot{position:absolute;left:0;bottom:0;width:48%;aspect-ratio:4/3;border-radius:24px;border:10px solid #11110f;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.service-card:before{display:none!important}
.service-cover{position:absolute;inset:0;z-index:0}
.service-cover img,.service-cover video{transition:transform .8s ease}
.service-card:hover .service-cover img,.service-card:hover .service-cover video{transform:scale(1.04)}
.service-card:after{z-index:1}.service-copy{z-index:2}
@media(max-width:880px){.home-hero-grid{grid-template-columns:1fr}.home-hero-media{min-height:560px}.home-main-shot{width:82%}.home-accent-shot{width:52%}}
@media(max-width:560px){.home-hero{padding:52px 0}.home-hero-media{min-height:470px}.home-main-shot{width:88%;height:84%}.home-accent-shot{width:56%;border-width:7px}.home-hero-copy h1{font-size:clamp(50px,16vw,76px)}}
