/* Client's annotated homepage revisions; all copy remains editable HTML. */
.studio-polished .site-header .brand strong,.studio-polished[lang=th] .site-header .brand strong{font-family:var(--sans);font-weight:800;letter-spacing:-.045em;text-align:left}
.studio-polished .reference-home .ref-hero{min-height:780px;height:min(100svh,980px);max-height:none}
.studio-polished .reference-home .hero-copy,.studio-polished .reference-home .hero:has(.hero-film) .hero-copy{padding-top:clamp(170px,21vh,270px);padding-bottom:130px}
.studio-polished .reference-home .hero h1,.studio-polished[lang=th] .reference-home .hero h1{font-size:clamp(46px,5.3vw,88px);max-width:850px;line-height:1.04;letter-spacing:-.055em;white-space:pre-line;text-wrap:balance}
.studio-polished .reference-home .hero-sub{font-size:clamp(15px,1.3vw,21px);margin-top:20px;max-width:650px}
.studio-polished .reference-home .hero-buttons{margin-top:26px}
.hero-trust{display:grid;grid-template-columns:1.25fr 1.15fr 1fr;gap:0;max-width:670px;margin-top:28px;padding:18px 0;background:none;border:0;backdrop-filter:none}
.hero-trust-item{display:flex;gap:12px;align-items:center;padding:0 18px;border:0}
.hero-trust-item:first-child{border:0}.hero-trust-item svg{width:29px;min-width:29px;height:29px;color:#f4f3ef}.hero-trust-item>span{font:500 12px/1.6 var(--sans);white-space:pre-line;color:#fff}
.studio-polished .reference-home .hero-scroll{bottom:22px}
.studio-polished .site-header .nav a{white-space:nowrap}
.reference-mosaic{position:relative;margin-bottom:52px}
.mosaic-controls{position:absolute;top:calc(100% + 15px);right:0;display:flex;gap:9px;z-index:3}
.mosaic-controls button{display:grid;place-items:center;width:42px;height:38px;border:1px solid #ffffff65;background:transparent;color:#fff;font:500 17px var(--sans);cursor:pointer}
.mosaic-controls button:hover,.mosaic-controls button:focus-visible{background:#ffffff20}
.mosaic-slot img{animation:mosaic-in .7s ease both}
@keyframes mosaic-in{from{opacity:.25;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
.real-media-extras{width:100%}
.real-media-extras .real-media-section:first-child{padding-top:clamp(60px,6vw,100px)}
.review-controls{display:flex;align-items:center;gap:10px}
.reviews-more{display:inline-flex;align-items:center;gap:20px;min-height:46px;padding:12px 19px;border:1px solid currentColor;margin-right:auto;font:600 12px/1.6 var(--sans);text-decoration:none}
.reviews-more::after{content:'↗';font-size:18px}.reviews-more:hover{background:#111;color:#fff}
.studio-polished .footer-invitation h2{max-width:760px}
@media(min-width:1100px){.studio-polished .site-header .nav{gap:clamp(15px,1.7vw,28px)}.studio-polished .site-header .nav a{font-size:10px}.studio-polished .ref-collection{padding-bottom:clamp(95px,8vw,140px)}}
@media(max-width:1099px){.studio-polished .reference-home .hero h1,.studio-polished[lang=th] .reference-home .hero h1{max-width:680px;font-size:clamp(45px,6.6vw,70px)}}
@media(max-width:767px){.studio-polished .reference-home .ref-hero{height:auto;min-height:850px}.studio-polished .reference-home .hero-copy,.studio-polished .reference-home .hero:has(.hero-film) .hero-copy{padding:230px 22px 120px}.studio-polished .reference-home .hero h1,.studio-polished[lang=th] .reference-home .hero h1{font-size:clamp(39px,10.5vw,64px);line-height:1.08;letter-spacing:-.045em;max-width:100%}.studio-polished .reference-home .hero-sub{font-size:15px;line-height:1.7;margin-top:20px}.hero-trust{grid-template-columns:1fr;margin-top:24px;max-width:100%;padding:5px 15px}.hero-trust-item{gap:12px;padding:10px 0;border:0}.hero-trust-item:first-child{border:0}.hero-trust-item>span{white-space:normal;font-size:11px}.hero-trust-item svg{width:23px;min-width:23px;height:23px}.studio-polished .reference-home .hero-buttons{gap:10px;margin-top:24px}.studio-polished .reference-home .hero-buttons .button{padding-inline:12px;font-size:9px;gap:10px}.reference-mosaic{margin-bottom:48px}.review-controls{flex-wrap:wrap}.reviews-more{font-size:11px}.studio-polished .footer-invitation h2{font-size:clamp(41px,10vw,64px)}}
@media(prefers-reduced-motion:reduce){.mosaic-slot img{animation:none}}
