/* Editorial first-screen grid; search surfaces and choreography retained. */
:root{--hero-gutter:clamp(24px,4.5vw,88px)}
.site-header{padding:20px var(--hero-gutter);height:120px;max-width:2200px;margin-inline:auto}
.site-header .brand{width:174px;height:92px}
.site-header .brand img{width:218px!important;left:-24px;top:-24px}
#top{padding-inline:var(--hero-gutter);grid-template-columns:46% 54%;height:max(760px,100svh)}
#top>.service-switch{top:40px;right:var(--hero-gutter);padding:0;gap:28px;background:transparent}
#top .reel-intro{padding:0 38px 0 0;margin:0;align-self:center;transform:translateY(-35px);max-width:620px}
#top .reel-intro h1,#top .reel-intro h1>span,#top .reel-intro h1 em{font-family:'DW Sora',sans-serif!important;white-space:normal;font-style:normal;letter-spacing:-.055em}
#top .reel-intro h1>span{font-size:14px;font-weight:500;letter-spacing:.1em;line-height:1.6;color:#52717b}
#top .reel-intro h1 em{font-size:clamp(48px,4.75vw,88px);font-weight:500;line-height:1.09;margin-top:20px;color:#102e3a;text-wrap:balance;max-width:10.8ch}
#top .reel-intro>.hero-subline{font-size:clamp(16px,1.28vw,21px);line-height:1.65;letter-spacing:-.02em;color:#52616c;max-width:46ch;margin-top:24px;text-wrap:pretty}
#top .hero-offer{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;align-items:center;margin-top:32px;padding:0;border:0}
#top #hero-service-price{grid-column:1;grid-row:1 / 3;margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
#top #hero-service-price strong{font-family:'DW Sora',sans-serif!important;font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-.04em;color:#102e3a}
#top .hero-offer>span{grid-column:2;grid-row:1;font-size:14px;font-weight:500;line-height:1.5;color:#213f4b}
#top #hero-service-copy{display:block;grid-column:2;grid-row:2;margin:0;max-width:none;font-size:13px;line-height:1.5;color:#687783;letter-spacing:0}
#top .hero-actions{margin-top:18px;gap:0}
#top .hero-actions .button{min-height:52px;height:auto;padding:14px 23px;font-size:14px;line-height:1.5;border-radius:15px;width:auto;max-width:100%}
h2,h3,h4,h2 *,h3 *,h4 *{font-family:'DW Sora',sans-serif!important;letter-spacing:-.045em}
@media(max-width:1100px) and (min-width:851px){#top{grid-template-columns:46% 54%}#top .reel-intro{padding-right:24px}#top .reel-intro h1 em{font-size:4.9vw}#top .reel-intro>.hero-subline{font-size:16px}#top #hero-service-copy{font-size:12px}}
@media(max-width:850px){.site-header{padding:14px var(--hero-gutter)}#top{height:auto;padding-top:150px;display:flex}#top>.service-switch{top:40px;gap:20px}#top .reel-intro{transform:none;padding:0;max-width:640px;align-self:stretch}#top .reel-intro h1 em{font-size:clamp(48px,8vw,68px);max-width:13ch}#top .reel-intro>.hero-subline{max-width:48ch;font-size:18px}#top .reel-console{margin-top:8px}#top .hero-offer{margin-top:25px}}
@media(max-width:600px){.site-header .brand{width:127px;height:75px}.site-header .brand img{width:164px!important;left:-19px;top:-18px}#top{padding-top:148px}#top>.service-switch{top:101px;left:var(--hero-gutter);right:auto;max-width:none;gap:22px}#top>.service-switch button{font-size:12px}#top .reel-intro h1>span{font-size:12px;letter-spacing:.08em}#top .reel-intro h1 em{font-size:clamp(40px,10.5vw,58px);margin-top:14px;max-width:11.5ch}#top .reel-intro>.hero-subline{font-size:16px;margin-top:19px;line-height:1.65}#top .hero-actions .button{font-size:13px;padding-inline:18px}#top #hero-service-price strong{font-size:30px}#top .reel-console{margin-top:0}}
/* Cohesive editorial copy and purchase block. */
.site-header{display:flex;align-items:flex-start;justify-content:space-between}
.site-header nav{display:flex;gap:26px;pointer-events:auto;padding-top:21px}
.site-header nav a{font-size:14px;font-weight:500;color:#24404b}
#top>.service-switch{top:100px;gap:24px}
#top .reel-intro{transform:none;padding-right:26px;padding-top:150px;padding-bottom:100px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;max-width:680px}
#top .reel-intro h1>span{font-size:16px;letter-spacing:.025em;text-transform:none;font-weight:500;color:#44616b}
#top .reel-intro h1 em,#top .reel-intro h1 em b{font-family:'DW Space',sans-serif!important;font-size:clamp(48px,4.85vw,88px);line-height:1.08;letter-spacing:-.035em;font-weight:400;max-width:none;white-space:nowrap}
#top .reel-intro h1 em b{display:block;font-weight:500;color:#083b49}
#top .reel-intro h1 em{margin-top:19px}
#top .reel-intro>.hero-subline{margin-top:26px;font-size:clamp(16px,1.3vw,21px);max-width:44ch;line-height:1.7}
#top .hero-offer{display:flex;flex-wrap:wrap;column-gap:18px;row-gap:8px;margin-top:32px;align-items:baseline}
#top .hero-offer>span{font-size:18px;order:0}
#top #hero-service-price{order:1;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:8px}
#top #hero-service-price strong{font-size:26px}
#top #hero-service-price span{font-size:12px;color:#62717a}
#top #hero-service-copy{order:2;flex-basis:100%;font-size:14px;color:#526770}
#top .hero-actions{margin-top:20px;width:100%;max-width:445px}
#top .hero-actions .button{width:100%;font-size:15px;min-height:54px;padding:15px 18px}
#top .purchase-note{font-size:12px;line-height:1.6;color:#647781;margin-top:12px;max-width:445px}
#top[data-service=ai] .purchase-note,#top[data-service=editing] .purchase-note{display:none}
.portfolio-card-caption .film-demo{pointer-events:auto;font:500 13px/1.5 'DW Sora',sans-serif;color:#184855;background:none;padding:4px 6px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.portfolio-card:not(.is-selected) .film-demo{visibility:hidden}
.portfolio-card.is-selected{pointer-events:auto}
@media(max-width:1100px) and (min-width:851px){#top .reel-intro h1 em,#top .reel-intro h1 em b{font-size:4.75vw}#top #hero-service-price span{flex-basis:100%}#top .hero-offer{column-gap:12px}}
@media(max-width:850px){#top .reel-intro{padding:0;max-width:650px;align-self:stretch}#top{padding-top:180px}#top .reel-intro h1 em,#top .reel-intro h1 em b{font-size:clamp(48px,8vw,70px)}#top .hero-actions{max-width:445px}}
@media(max-width:600px){.site-header nav{gap:20px;padding-top:18px}#top>.service-switch{top:102px;left:var(--hero-gutter);right:auto}#top{padding-top:165px}#top .reel-intro h1 em,#top .reel-intro h1 em b{font-size:clamp(40px,10.2vw,59px)}#top .reel-intro h1>span{font-size:15px}#top .hero-offer>span{font-size:16px}#top #hero-service-price strong{font-size:23px}#top #hero-service-price span{font-size:12px}#top .hero-actions .button{font-size:14px}.portfolio-card-caption .film-demo{font-size:11px}}
#top>.service-switch{background:#fbfdfff0;padding:3px 12px;border-radius:18px;backdrop-filter:blur(12px)}
.film-live-overlay{position:absolute;inset:0;z-index:3;display:block;pointer-events:none}
.portfolio-card.is-selected .film-live-overlay{pointer-events:auto;cursor:pointer}
.film-live-overlay:focus-visible{outline:3px solid #06bad8;outline-offset:-5px}
.portfolio-card-caption a.film-demo{display:inline-block;white-space:nowrap}
.booking-sample-link{display:inline-block;margin-top:15px;font-size:14px;line-height:1.6;color:#175d6d;text-decoration:underline;text-underline-offset:4px}
/* Five focused refinements: unified header, open headline, clear purchase rhythm. */
.site-header{align-items:center;height:118px;padding-block:14px}
.site-header nav{display:flex;align-items:center;gap:28px;padding:0}
.site-header nav .service-switch{position:static;display:flex;align-items:center;gap:28px;margin:0;padding:0;border:0;background:none;max-width:none;width:auto;backdrop-filter:none}
.site-header nav .service-switch button{flex:none;font-size:14px;line-height:1.5;font-weight:500;padding:8px 0;min-height:40px;color:#29454f;white-space:nowrap}
.site-header nav .service-switch button[aria-selected=true]{color:#087c8c}
.site-header nav a{padding-block:8px;white-space:nowrap}
#top .reel-intro h1 em,#top .reel-intro h1 em b{font-family:'DW Sora',sans-serif!important;font-size:clamp(48px,4.9vw,88px);font-weight:500;letter-spacing:-.035em;line-height:1.12;color:#102f3a}
#top .reel-intro h1>span{font-size:14px;letter-spacing:.075em;font-weight:500}
#top .hero-offer{gap:10px 20px;align-items:baseline;margin-top:32px}
#top .hero-offer>span{font-size:20px;font-weight:500}
#top #hero-service-price strong{font-size:30px;font-weight:500}
#top #hero-service-copy{font-size:15px;line-height:1.6;color:#536a74}
#top .hero-actions{max-width:none;width:auto;align-items:flex-start;margin-top:22px}
#top .hero-actions .button{width:auto;min-height:60px;height:auto;font-size:17px;font-weight:500;padding:17px 26px;line-height:1.5}
#top .purchase-note{font-size:13px;line-height:1.65;margin-top:14px;max-width:none;color:#65747b}
@media(max-width:1100px) and (min-width:851px){.site-header nav,.site-header nav .service-switch{gap:19px}.site-header nav a,.site-header nav .service-switch button{font-size:13px}#top .reel-intro h1 em,#top .reel-intro h1 em b{font-size:4.85vw}#top .hero-actions .button{font-size:15px;padding-inline:20px}}
@media(max-width:850px){.site-header{height:auto;align-items:center;flex-wrap:wrap;row-gap:8px}.site-header nav,.site-header nav .service-switch{gap:18px}.site-header nav a,.site-header nav .service-switch button{font-size:13px}#top{padding-top:170px}#top .reel-intro h1 em,#top .reel-intro h1 em b{font-size:clamp(44px,8.2vw,70px)}}
@media(max-width:600px){.site-header{padding-top:10px;row-gap:0}.site-header nav{width:100%;justify-content:space-between;gap:12px}.site-header nav .service-switch{gap:12px}.site-header nav a,.site-header nav .service-switch button{font-size:11px}#top{padding-top:172px}#top .reel-intro h1 em,#top .reel-intro h1 em b{font-size:clamp(38px,10.4vw,58px)}#top .hero-offer>span{font-size:18px}#top #hero-service-price strong{font-size:28px}#top .hero-actions .button{font-size:15px;padding:17px 20px;max-width:100%}#top #hero-service-copy{font-size:14px}}

/* A small invitation appears only while the Med Spa result is settled. */
.sample-click-hint{position:absolute;right:16px;bottom:16px;max-width:calc(100% - 32px);padding:10px 14px;border:1px solid rgba(119,255,235,.7);border-radius:999px;background:rgba(12,27,34,.9);color:#fff;font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;backdrop-filter:blur(12px);box-shadow:0 4px 20px #0003;opacity:0;transform:translateY(7px);transition:opacity .2s ease,transform .25s ease;pointer-events:none}
#reel-console[data-state="locked"] .is-selected[data-film="medspa"][data-media="playing"] .sample-click-hint{opacity:1;transform:translateY(0);transition-delay:.4s}
@media(prefers-reduced-motion:reduce){.sample-click-hint{transition:none;transform:none}}