/* R06: owner-approved two-line Prompt headline. Full-word spans keep Thai marks intact. */
.hero-copy.reveal{animation:none}
.hero-copy .hero-title{margin:2px 0 0;white-space:normal;font-family:Prompt,sans-serif;font-style:normal;letter-spacing:0;overflow:visible;line-height:1.5}
.hero-title-lead,.hero-title-line{display:block;width:max-content;max-width:100%;white-space:nowrap;overflow:visible}
.hero-title-lead{font-size:clamp(44px,3.9vw,56px);font-weight:400;line-height:1.5;animation:title-rise .65s .12s var(--ease) both}
.hero-title-line{font-size:clamp(58px,5.3vw,76px);font-weight:500;line-height:1.6;animation:title-rise .7s .22s var(--ease) both}
.hero-title-emphasis{display:inline-block;position:relative;color:var(--wine);font-weight:600;padding-bottom:2px}
.hero-title-emphasis:after{content:'';position:absolute;left:3%;right:3%;height:1px;bottom:.08em;background:currentColor;transform-origin:left;animation:title-thread .55s .65s var(--ease) both}
.hero-copy .hero-title+p{margin-top:8px}
@keyframes title-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes title-thread{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:701px) and (max-width:1000px){.hero-title-lead{font-size:clamp(32px,4vw,40px)}.hero-title-line{font-size:clamp(44px,5.6vw,56px)}}
@media(max-width:700px){.hero-copy .hero-title{margin-top:2px}.hero-title-lead{font-size:clamp(26px,7vw,28px);line-height:1.5}.hero-title-line{font-size:clamp(36px,9.7vw,40px);line-height:1.6}.hero-copy .hero-title+p{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.hero-title-lead,.hero-title-line,.hero-title-emphasis:after{animation:none!important;opacity:1;transform:none}}
.motion-off .hero-title-lead,.motion-off .hero-title-line,.motion-off .hero-title-emphasis:after{opacity:1;transform:none;animation:none!important}