body.act{background:#fffdf8}
.act-hero{padding:88px 0 72px;min-height:700px;background:linear-gradient(135deg,#fff8e8 0%,#ffd8e6 47%,#dfe7ff 100%);overflow:hidden}.act-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:6vw}.act-title{font-size:clamp(78px,12vw,170px);font-weight:1000;line-height:.75;letter-spacing:-.08em;margin:18px 0}.act-title span{display:block;color:#315bff}.act-hero p{font-size:19px;line-height:1.8;max-width:640px}.act-art{position:relative;height:560px}.act-art img{position:absolute;width:230px;border-radius:18px;box-shadow:0 26px 55px rgba(49,51,75,.18);border:8px solid #fff}.act-art img:nth-child(1){left:4%;top:5%;transform:rotate(-7deg)}.act-art img:nth-child(2){right:6%;top:40px;transform:rotate(6deg)}
.act-intro{background:#fff}.act-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.act-intro h2{font-size:clamp(50px,7vw,94px);line-height:.9;margin:0}.act-intro p{font-size:18px;line-height:1.9;color:#58534d}.beats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px}.beat{padding:28px;border-radius:24px;min-height:210px}.beat:nth-child(1){background:#ffda52}.beat:nth-child(2){background:#7be2ea}.beat:nth-child(3){background:#ff7ea9}.beat b{font-size:40px}.beat p{line-height:1.7}
.package-zone{background:#101010;color:#fff}.pkg{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:start;padding:62px 0;border-bottom:1px solid rgba(255,255,255,.15)}.pkg:last-child{border-bottom:0}.pkg-card{position:sticky;top:110px}.pkg-tag{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff;color:#111;font-size:11px;font-weight:900}.pkg h3{font-size:clamp(50px,6vw,82px);line-height:.9;margin:18px 0}.pkg-price{font-size:54px;font-weight:1000;margin:28px 0}.pkg ul{padding-left:20px;line-height:1.95;color:#d1d1cd}.sample-wrap{background:#1b1b1a;border-radius:24px;padding:22px}.sample-wrap h4{margin:0 0 16px;font-size:15px}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}.sample-shot{margin:0;border-radius:16px;overflow:hidden;background:#080808}.sample-shot.strip{aspect-ratio:1/3}.sample-shot.postcard{aspect-ratio:2/3}.sample-shot img{width:100%;height:100%;object-fit:cover}.sample-empty{grid-column:1/-1;padding:34px;border:1px dashed rgba(255,255,255,.25);border-radius:16px;color:#999;text-align:center}
.act-video{background:#315bff;color:#fff}.act-cta{background:#ffda52;text-align:center}.act-cta h2{font-size:clamp(52px,8vw,108px);line-height:.84;margin:14px 0 28px;letter-spacing:-.06em}
@media(max-width:880px){.act-hero-grid,.act-intro-grid,.pkg{grid-template-columns:1fr}.act-art{height:470px}.beats{grid-template-columns:1fr}.pkg-card{position:static}.sample-grid{grid-template-columns:repeat(2,1fr)}}

/* V2.1 3Act Hero — typography only, no hero photos */
.act-title{font-family:"Manrope",Arial,sans-serif;font-weight:800;font-size:clamp(76px,11vw,156px);line-height:.76;letter-spacing:-.075em}
.act-title span{font-family:"Manrope",Arial,sans-serif}
.act-hero p{font-family:"Noto Sans Thai","Manrope",Arial,sans-serif;max-width:650px}
.act-hero-message{
 min-height:460px;border-radius:34px;padding:clamp(30px,5vw,58px);
 display:flex;flex-direction:column;justify-content:space-between;
 background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.72);
 box-shadow:0 28px 80px rgba(58,47,86,.12);backdrop-filter:blur(12px);
 transform:rotate(2deg)
}
.act-hero-message span,.act-hero-message small{font-family:"Manrope",Arial,sans-serif;font-weight:800;letter-spacing:.16em}
.act-hero-message strong{font-family:"Manrope",Arial,sans-serif;font-size:clamp(48px,6vw,86px);line-height:.88;letter-spacing:-.055em;color:#315bff}
.act-intro h2{font-family:"Manrope",Arial,sans-serif;font-weight:800;letter-spacing:-.055em;line-height:.9}
.act-intro h2 span{color:#ff4f8a}
.beat b,.beat h3,.pkg h3,.pkg-price{font-family:"Manrope","Noto Sans Thai",Arial,sans-serif}
.pkg h3{font-weight:800;letter-spacing:-.05em}
.pkg-price{font-weight:800;letter-spacing:-.04em}
@media(max-width:880px){
 .act-hero-message{min-height:330px;transform:none;margin-top:18px}
}
@media(max-width:560px){
 .act-title{font-size:clamp(68px,22vw,100px);line-height:.78}
 .act-hero-message strong{font-size:clamp(44px,14vw,66px)}
 .act-intro h2{font-size:clamp(44px,14vw,68px)}
}


/* V3.0 3Act curated Page Layout — Hero stays typography-only */
.act-curated{background:#fffdf8}
.act-curated-grid{display:grid;grid-template-columns:1.2fr .62fr .82fr;gap:14px;align-items:end}
.act-curated-grid .layout-media{border-radius:26px;box-shadow:0 20px 50px rgba(44,44,60,.08)}
.curated-wide{aspect-ratio:16/10}.curated-tall{aspect-ratio:9/16}.curated-square{aspect-ratio:1/1}
@media(max-width:880px){.act-curated-grid{grid-template-columns:1fr 1fr}.curated-wide{grid-column:1/-1}.curated-tall,.curated-square{aspect-ratio:4/5}}