/* Inner-page adaptation. Kept separate so the approved homepage is unchanged. */
body,body.salon-page{--muted:#426156;--sea-ink:#183f3b;background-color:var(--paper);background-image:radial-gradient(ellipse 75% 520px at 100% 160px,#9fcfc177,transparent 85%),linear-gradient(165deg,#d7ecdc 0,#e5efe2 380px,var(--paper) 900px);background-repeat:no-repeat;color:var(--ink)}
html{scroll-padding-top:24px}
main p{font-size:16px;line-height:1.75}
main h1{font-size:clamp(56px,6vw,84px);line-height:1.05}
main h1 em{font-family:var(--script);font-weight:400;font-style:normal;letter-spacing:0;line-height:1.2}
.page-intro h1 em,.salon-intro h1 em{font-size:1.12em}
.breadcrumbs{padding-top:25px;gap:12px;align-items:baseline;flex-wrap:wrap;font-size:13px}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}
.service-hero{padding-block:26px 40px;gap:56px;align-items:center}
.service-hero h1{line-height:1.05}
.service-hero h1>em:only-child{font-size:1.16em}
.service-hero>div:first-child>p{font-size:16px;line-height:1.7;max-width:38ch;margin-top:20px}
.service-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;margin-top:26px}
.service-actions .button{margin-top:0}
.service-actions .text-link{font-size:14px;min-height:44px;margin-top:0;gap:10px}
.service-art{height:420px;background:transparent;overflow:hidden}
.service-art>img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:url('assets/organic-video-mask.svg');mask-image:url('assets/organic-video-mask.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%}
.service-art.hair>img{object-position:50% 42%}
.service-art.nails>img{object-position:50% 46%}
.service-art:is(.brows,.lashes,.makeup){background:linear-gradient(150deg,#d3e8d8,#a8cebf);border-radius:44% 56% 49% 51% / 48% 42% 58% 52%;height:340px}
.service-art .type-art{font-size:clamp(46px,4.8vw,64px);line-height:1.05;position:relative;z-index:1}
.service-art .type-art em{font-family:var(--script);font-style:normal;font-size:1.24em;line-height:1.25}
.service-art.brows .shell-drawing{width:65px;right:15%;bottom:10%}
.service-art.lashes .lash-art{width:55%;bottom:8%;opacity:.45}
.service-content{padding-block:52px 65px;gap:64px}
.service-content h2{font-size:clamp(38px,4vw,52px)}
.service-content p,.service-panel p{font-size:16px;line-height:1.75}
.service-panel h3{font-size:32px;line-height:1.2}
.service-panel .prototype-inline{font-size:14px}
.catalogue-section{padding-block:36px 52px;border-top:1px solid var(--line)}
.catalogue-section .section-heading{align-items:start;margin-bottom:24px}
.catalogue-section h2{font-size:clamp(36px,4vw,50px)}
.catalogue-section .section-heading>p{font-size:14px;line-height:1.7;max-width:42ch}
.catalogue-group{scroll-margin-top:24px}
.catalogue-group summary{font-family:var(--sans);font-weight:400;font-size:17px;line-height:1.45;min-height:64px;padding-block:20px;gap:20px}
.catalogue-group summary>span{flex:none}
.catalogue-group ul{padding-block:0 18px;column-gap:40px}
.catalogue-group li{font-size:15px;line-height:1.7;padding-block:9px;break-inside:avoid}
.catalogue-group .muted{font-size:14px;color:var(--muted)}
.catalogue-section>.text-link{min-height:44px;font-size:14px;line-height:1.5;margin-top:20px;gap:12px}
.next-direction{padding-block:30px 44px;gap:8px 28px}
.next-direction a{min-height:44px;font-size:14px;display:inline-flex;align-items:center}
.page-intro{padding-block:50px 42px;align-items:end}
.page-intro p{font-size:16px;line-height:1.75;max-width:42ch}
.direction-block{padding-block:12px 24px;border-top:1px solid var(--line)}
.direction-block .directory-row{border:0;min-height:100px;padding-block:20px;gap:24px}
.direction-block .directory-row h2{font-size:clamp(33px,3.7vw,48px)}
.direction-block .directory-row>span:not(.circle-arrow){font-size:14px;line-height:1.6}
.category-links{display:flex;flex-wrap:wrap;gap:2px 28px}
.category-links a{display:inline-flex;align-items:center;min-height:44px;gap:12px;font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:5px;text-decoration-color:#42615655}
.category-links .arrow{width:16px;height:16px}
.season-banner,.compact-promo,.trial-lesson{border-radius:32px}
.season-banner{margin-block:42px 58px}
.compact-promo h2{line-height:1.1}
.course-hero{padding-block:46px 58px;gap:60px}
.course-hero h1{font-size:clamp(58px,6.2vw,82px);line-height:1.02}
.course-hero h1 em{line-height:1.22}
.course-hero>div>p{font-size:16px;line-height:1.7;margin-top:22px;max-width:42ch}
.course-essentials{display:flex;gap:40px;margin:24px 0 0;padding:20px 0;border-block:1px solid var(--line)}
.course-essentials dt{font-size:13px;color:var(--muted)}
.course-essentials dd{font:500 34px/1.25 var(--serif);margin:4px 0 0;white-space:nowrap}
.course-hero .button{margin-top:24px}
.course-hero .trial-hint{font-size:13px;line-height:1.5;margin-top:12px}
.course-poster{background:linear-gradient(150deg,#d0e8d7,#accfc0);border-radius:110px 110px 32px 32px;height:530px;padding:48px 40px}
.poster-type{font-size:clamp(60px,6.5vw,84px);line-height:1}
.poster-top{font-size:12px;letter-spacing:.06em;gap:15px}
.poster-bottom{font-size:14px;line-height:1.6}
.course-detail,.course-program,.course-teacher{gap:60px;padding-block:48px 60px}
.course-detail p,.course-teacher p,.course-program dd,.trial-lesson p{font-size:16px;line-height:1.75}
.course-program dt{font-size:30px;line-height:1.2}
.trial-lesson .muted,.address-art p{color:#315b4c}
.trial-lesson{padding:44px 48px;gap:48px}
.course-questions summary{font-size:16px;line-height:1.5;min-height:64px}
.course-questions details p{font-size:16px;line-height:1.75}
.salon-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:42px 50px}
.salon-intro h1{font-size:clamp(58px,6.2vw,82px)}
.salon-intro p{margin-top:22px;max-width:42ch}
.salon-intro figure{margin:0}
.salon-intro img{display:block;width:100%;height:540px;object-fit:cover;-webkit-mask-image:url('assets/organic-video-mask.svg');mask-image:url('assets/organic-video-mask.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%}
.salon-page .about-teaser{padding-block:48px 65px}
.salon-page .about-teaser h2{font-size:clamp(40px,4.5vw,60px)}
.contacts{gap:60px;padding-block:50px 65px;scroll-margin-top:24px}
.contacts h2{font-size:clamp(42px,4.5vw,58px)}
.contacts address{line-height:1.3}
.contacts .prototype-inline{font-size:14px;line-height:1.7}
.address-art{border-radius:44% 56% 49% 51% / 48% 42% 58% 52%;background:linear-gradient(150deg,#d0e8d7,#accfc0);min-height:330px;text-decoration:none;color:inherit}
.address-art p{display:flex;gap:8px;align-items:center;font-size:14px;line-height:1.6}
.address-art .ui-icon{width:18px;height:18px}
dialog{border-radius:28px}
@media(max-width:1000px){
 .service-hero,.course-hero,.salon-intro{gap:30px}.service-hero h1{font-size:62px}.service-art{height:360px}
 .service-art:is(.brows,.lashes,.makeup){height:310px}.service-art .type-art{font-size:44px}
 .course-hero h1{font-size:65px}.course-essentials{gap:25px}.course-poster{padding:38px 26px;height:470px}.poster-type{font-size:62px}
 .salon-intro h1{font-size:65px}.salon-intro img{height:450px}.service-content{gap:35px}
}
@media(max-width:700px){
 .service-hero,.course-hero,.salon-intro{display:block;padding-block:24px 36px}
 .service-hero h1{font-size:clamp(48px,11.8vw,72px)}
 .service-hero>div:first-child>p{font-size:16px;margin-top:18px}
 .service-actions{gap:12px 20px;margin-top:22px}.service-actions .button{font-size:14px;margin:0;min-height:50px}.service-actions .text-link{font-size:14px}
 .service-art{height:300px;margin-top:22px}.service-art.hair,.service-art.nails{height:300px}
 .service-art:is(.brows,.lashes,.makeup){height:225px;max-width:390px;margin:26px auto 0}.service-art .type-art{font-size:45px}
 .service-art.brows .shell-drawing{width:45px;right:16%;bottom:9%}.service-art.lashes .lash-art{bottom:5%;height:60px}
 .page-intro{display:block;padding-block:30px 28px}.page-intro h1{font-size:clamp(47px,11.9vw,70px)}.page-intro p{font-size:16px;margin-top:20px}
 .direction-block .directory-row{grid-template-columns:minmax(0,1fr) 44px;gap:8px 15px;padding-block:14px;min-height:96px}
 .direction-block .directory-row h2{font-size:34px;line-height:1.15}.direction-block .directory-row>span:not(.circle-arrow){grid-row:2;font-size:14px}.direction-block .directory-row .circle-arrow{grid-column:2;grid-row:1/3}
 .category-links{gap:0 20px}.category-links a{font-size:14px;line-height:1.4;max-width:100%}
 .catalogue-section{padding-block:30px 38px}.catalogue-section .section-heading{display:block;margin-bottom:16px}.catalogue-section h2{font-size:38px}.catalogue-section .section-heading>p{margin-top:14px;font-size:14px}
 .catalogue-group summary{font-size:16px;line-height:1.5;min-height:66px}.catalogue-group ul{columns:1}.catalogue-group li{font-size:15px;line-height:1.7}
 .catalogue-section>.text-link{width:100%;justify-content:space-between}
 .service-content{display:block;padding-block:34px 42px}.service-content h2{font-size:40px;line-height:1.1}.service-content p,.service-panel p{font-size:16px}.service-panel{margin-top:25px}
 .compact-promo{padding:28px 24px;border-radius:26px}.compact-promo h2{font-size:36px}.compact-promo .button{font-size:13px}
 .next-direction{gap:2px 22px}.next-direction>span{font-size:14px}.next-direction a{font-size:14px}
 .course-hero h1{font-size:clamp(54px,13.5vw,72px);line-height:1.03}.course-hero>div>p{font-size:16px;margin-top:16px}.course-essentials{margin-top:20px;padding-block:16px;gap:34px}.course-essentials dd{font-size:32px}
 .course-hero .button{font-size:14px;margin-top:20px}.course-hero .trial-hint{font-size:13px;margin-top:10px}
 .course-poster{height:340px;max-width:460px;margin:32px auto 0;padding:34px 28px;border-radius:90px 90px 26px 26px}.poster-type{font-size:64px}.course-poster>.shell-drawing{bottom:84px;right:32px;width:60px}.poster-bottom{font-size:13px}
 .course-detail,.course-program,.course-teacher{display:block;padding-block:34px 42px}.course-detail h2,.course-program h2,.course-teacher h2{font-size:40px;line-height:1.13}.course-spec{margin-top:24px}.course-program dl,.course-teacher>div{margin-top:25px}
 .course-detail p,.course-program dd,.course-teacher p,.trial-lesson p{font-size:16px}.course-spec dt{font-size:14px}.course-program dt{font-size:28px}
 .trial-lesson{display:block;padding:30px 24px;border-radius:26px;margin-bottom:42px}.trial-lesson h2{font-size:42px}.trial-lesson>div+div{margin-top:24px}.trial-lesson .button{font-size:14px;padding-inline:20px}
 .course-questions h2{font-size:40px}.course-questions summary{font-size:16px}.course-questions details p{font-size:16px}
 .salon-intro h1{font-size:clamp(51px,12.8vw,72px)}.salon-intro p{font-size:16px}.salon-intro img{height:380px;margin-top:24px}.salon-intro .service-actions{gap:12px}
 .salon-page .about-teaser{display:block;padding-block:34px 45px}.salon-page .about-teaser h2{font-size:43px}.salon-page .about-teaser-copy>p{font-size:16px}
 .contacts{display:block;padding-block:35px 50px}.contacts address{font-size:32px}.contacts .button{font-size:13px;padding-inline:19px;gap:13px}.address-art{min-height:280px;margin-top:28px;padding:30px 18px}
}
@media(max-width:360px){
 .service-actions{gap:10px}.service-actions .button{padding-inline:20px}.service-hero h1{font-size:48px}.service-art{height:260px}.service-art.hair,.service-art.nails{height:260px}
 .course-hero h1{font-size:53px}.course-essentials{gap:22px}.course-essentials dd{font-size:29px}.course-essentials dt{font-size:12px}.course-hero .button{font-size:13px;padding-inline:20px}
 .poster-type{font-size:55px}.course-poster{height:320px;padding-inline:24px}.course-poster>.shell-drawing{width:46px}
 .trial-lesson .button{font-size:13px;padding-inline:14px;gap:12px}.contacts .button{font-size:12px;padding-inline:15px;gap:10px}
}