/* Vivid presentation layer; colours are an art direction, not verified samples of the attachment. */
:root{--paper:#fff;--white:#fff;--ink:#17171b;--muted:#76767e;--accent:#1254ff;--soft:#b8dfee;--line:#e3e3e8;--warm:#ffa8d1;--radius:28px}
body{background:white}.global{background:rgba(255,255,255,.9);height:64px;backdrop-filter:blur(20px);border-bottom:1px solid #00000010}.global .wordmark{font-size:26px}.global nav a{font-size:12px}.button{background:#1254ff}.button:hover{background:#0646e1}.section h1,.section h2{font-weight:650}.service-hero{min-height:760px;max-width:none;padding:95px max(6vw,calc((100vw - 1400px)/2));background:#ffa8d1;gap:7vw}.service-hero h1{font-size:clamp(60px,7.5vw,118px);line-height:.99;letter-spacing:-.07em}.service-hero .lead{font-size:22px;line-height:1.4;font-weight:550;color:#713145}.service-hero .eyebrow{color:#713145}.service-hero-photo{border-radius:40px;height:620px;box-shadow:0 30px 80px #75174330}.service-hero-photo img{transition:transform 1s}.service-hero-photo:hover img{transform:scale(1.045)}.service-hero:has(.hair){background:#b8dfee}.service-hero:has(.hair) .lead,.service-hero:has(.hair) .eyebrow{color:#27536a}.service-hero:has(.hair) h1{color:#093b5b}.service-hero-graphic.hair{background:#86cde2}.service-hero-graphic.hair span{font-size:650px;color:#207194}.service-hero:has(.laser){background:#ffd17e}.service-hero:has(.lashes){background:#c9b9ff}.service-hero:has(.laser) .lead,.service-hero:has(.lashes) .lead{color:#55412b}.service-hero-graphic{height:620px;border-radius:40px;box-shadow:0 30px 80px #0000000d}.service-hero-graphic.laser{background:#ffab48}.service-hero-graphic.lashes{background:#b8a5f7}.page-intro{max-width:none;padding:120px max(6vw,calc((100vw - 1400px)/2)) 95px;background:#b8dfee}.page-intro h1{font-size:clamp(60px,8vw,125px);line-height:1.02}.page-intro .lead{font-size:24px;color:#27536a;font-weight:550}.care-grid{gap:55px}.care-grid h3{font-size:30px}.care-grid p{font-size:18px;font-weight:500}.care-number{font-size:16px;font-weight:650}.menu-section{background:#f5f5f7;max-width:none;padding-left:max(6vw,calc((100vw - 1250px)/2));padding-right:max(6vw,calc((100vw - 1250px)/2));border-top:0}.menu-section h2{font-size:clamp(42px,5vw,78px)}.menu-scroll{border:0}.price-table thead{background:#e4e9fa}.price-table tbody tr:hover{background:#f0f5ff}.service-card{height:460px}.service-card.typographic{background:#b8dfee}.service-card .abstract{font-size:390px;color:#1254ff}.service-card .card-copy h3{font-size:36px}.branch-card{background:#f5f5f7;border:0;padding:40px}.branch-card .eyebrow{color:#76767e}.branch-card h3{font-size:37px}.branch-hero{max-width:none;padding:80px max(6vw,calc((100vw - 1400px)/2)) 110px;background:#b8dfee}.branch-hero h1{font-size:clamp(65px,9vw,140px);line-height:1.02}.branch-hero .lead{font-size:24px;color:#27536a;font-weight:550}.branch-meta strong{font-size:21px}.cta{background:linear-gradient(125deg,#ffa8d1,#ffa973 55%,#c8b5ff)}.cta h2{font-size:clamp(65px,8vw,120px);font-weight:650;letter-spacing:-.07em}.cta .button{background:#17171b}.cta p{color:#55434b}.cta .eyebrow{color:#55434b}.faq h2{font-size:clamp(42px,4.5vw,65px)}.faq summary{font-size:20px}.visit-info h2{font-size:clamp(45px,4.8vw,75px)}
@media(max-width:820px){.global{height:64px}.global nav{top:64px;background:white}.service-hero{grid-template-columns:1fr;padding:65px 30px;min-height:0}.service-hero h1{font-size:clamp(58px,10vw,85px)}.service-hero .lead{font-size:21px}.service-hero-photo,.service-hero-graphic{height:490px;border-radius:28px}.page-intro{padding:80px 30px 65px}.page-intro h1{font-size:clamp(58px,10vw,90px)}.service-card{height:340px}.branch-hero{padding:55px 30px 80px}.branch-hero h1{font-size:clamp(62px,10vw,95px)}.care-grid{gap:30px}.care-grid h3{font-size:26px}}
@media(max-width:520px){.service-hero{padding:60px 23px}.service-hero h1{font-size:60px}.service-hero .lead{font-size:20px}.service-hero-photo,.service-hero-graphic{height:390px}.service-card{height:300px}.service-card .card-copy h3{font-size:25px}.service-card .abstract{font-size:260px}.page-intro{padding:65px 23px}.page-intro h1{font-size:53px}.page-intro .lead{font-size:21px}.care-grid h3{font-size:27px}.care-grid p{font-size:17px}.menu-section{padding-left:23px;padding-right:23px}.branch-hero{padding:45px 23px 75px}.branch-hero h1{font-size:56px}.branch-card h3{font-size:30px}.cta h2{font-size:58px}.branch-meta strong{font-size:18px}.faq summary{font-size:17px}html[lang=km] .service-hero h1,html[lang=km] .page-intro h1{font-size:41px;line-height:1.4}}
/* Photography leads the treatment pages. */
.service-hero:has(.service-hero-photo){display:grid;grid-template-columns:1fr;padding-bottom:0;gap:64px;text-align:center;background:#f5f5f7}.service-hero:has(.service-hero-photo)>div:first-child{max-width:1000px;margin:auto}.service-hero:has(.service-hero-photo) .lead{max-width:730px;margin:28px auto;color:#62626b}.service-hero:has(.service-hero-photo) .actions{justify-content:center}.service-hero-photo{width:100%;height:min(78vw,820px);border-radius:32px 32px 0 0;box-shadow:none}.service-hero-photo img{object-position:center 42%}.service-hero:has(.service-hero-photo) h1{color:#17171b}.care-grid{padding-top:15px;padding-bottom:25px}@media(max-width:820px){.service-hero:has(.service-hero-photo){padding:65px 24px 0;gap:40px}.service-hero-photo{height:65svh;min-height:360px;border-radius:22px 22px 0 0}.service-hero:has(.service-hero-photo) .lead{font-size:20px}}
