:root{--paper:#f6f3eb;--white:#fffdf8;--ink:#28352b;--olive:#46503b;--muted:#666b5e;--line:#d4d5c6;--wash:#e9ebdf;--gutter:clamp(20px,4vw,84px)}
*{box-sizing:border-box}html{scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:5px}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #8c7043;outline-offset:5px}img{display:block;width:100%;height:auto}figure{margin:0}p{margin:0 0 18px}h1,h2,h3{margin:0;font-weight:400}h1,h2{font-family:Georgia,'Times New Roman',serif;line-height:1.12}h1{font-size:clamp(40px,5.2vw,92px);letter-spacing:-.035em}h2{font-size:clamp(32px,3.25vw,60px);letter-spacing:-.025em}h3{font-size:18px;font-weight:600;line-height:1.4}em{font-weight:400}button{cursor:pointer}.skip{position:absolute;left:20px;top:-100px;background:var(--white);padding:10px;z-index:10}.skip:focus{top:10px}
.topbar{padding:22px var(--gutter);display:flex;gap:32px;align-items:center;border-bottom:1px solid var(--line);min-height:100px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;white-space:nowrap;font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.2}.brand img{width:44px;height:44px}.brand small{display:block;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.03em;color:var(--muted);margin-top:6px}.topbar nav{display:flex;gap:clamp(16px,2.1vw,36px);margin-left:auto;align-items:center;flex-wrap:wrap}.topbar nav a{text-decoration:none;font-size:15px;padding-block:8px}.topbar nav a:hover,.topbar nav a[aria-current]{text-decoration:underline}.header-phone{font-size:15px;white-space:nowrap;text-decoration:none;border-left:1px solid var(--line);padding-left:28px}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.hero-copy{padding:clamp(48px,5vw,88px) var(--gutter);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:23px}.hero h1{margin-bottom:27px;font-size:clamp(46px,5.1vw,91px);line-height:1.07}.hero-lead{font-size:18px;line-height:1.6}.actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:12px}.button{display:inline-flex;justify-content:center;align-items:center;padding:12px 23px;min-height:48px;border:1px solid var(--olive);border-radius:2px;text-decoration:none;font-size:15px;font-weight:400;line-height:1.4;background:transparent}.primary{background:var(--olive);color:var(--white)}.button:hover{background:#353f2e;color:var(--white)}.text-link{display:inline-block;font-size:15px}.hero-note{font-size:13px;color:var(--muted);margin:27px 0 0}.hero-photo{position:relative;min-width:0;overflow:hidden;background:var(--wash)}.hero-photo picture{display:block;width:100%;height:100%}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:47% 45%}.hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:12px 24px;color:white;background:#28352bd9;font-size:12px;letter-spacing:.03em}
.section{width:100%;padding:clamp(50px,5.6vw,96px) var(--gutter)}.intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;border-bottom:1px solid var(--line)}.intro-copy .lead{margin-bottom:22px}.lead{font-size:20px;line-height:1.65}.intro-copy .text-link{margin-top:5px}.price-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;background:var(--wash)}.section-copy h2{margin-bottom:24px}.section-copy p:not(.eyebrow){font-size:16px}.price-row{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-bottom:1px solid #c6caba;padding:18px 0}.price-row:first-child{border-top:1px solid #c6caba}.price-name{font-size:17px}.price-value{font-size:18px;white-space:nowrap;font-variant-numeric:tabular-nums}.price-note{font-size:13px;color:var(--muted);margin:24px 0 0}
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:6vw;background:var(--ink);color:var(--paper)}.contact-section .eyebrow{color:#b4bdac}.contact-section h2{margin-bottom:28px}.contact-phone{display:inline-block;font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,2.6vw,48px);text-decoration:none;margin-top:8px;line-height:1.3}.contact-details{display:grid;gap:25px;padding-top:7px}.contact-details h3{margin-bottom:8px}.contact-details p{margin:0}address{font-style:normal}.small{font-size:13px;line-height:1.6}.contact-section .small{color:#c5cabe;margin-top:7px}.contact-section .primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.contact-section .primary:hover{background:#e4e7d6}.contact-details .booking-caption{margin-top:11px}.footer{padding:30px var(--gutter);display:flex;align-items:center;gap:28px;justify-content:space-between;font-size:13px}.footer small{display:block;color:var(--muted);margin-top:4px}.footer-links{display:flex;flex-wrap:wrap;gap:10px 26px}.credit{font-size:12px;color:var(--muted)}
.page-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:end;border-bottom:1px solid var(--line)}.page-heading h1{font-size:clamp(38px,4.8vw,80px)}.page-heading p:last-child{margin-bottom:0}.service-section{display:grid;grid-template-columns:1.45fr .55fr;gap:6vw}.service{border-bottom:1px solid var(--line);padding:25px 0}.service:first-child{padding-top:0}.service-title{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-bottom:12px}.service h2{font-size:27px;letter-spacing:-.015em}.service p{margin:0;color:var(--muted);font-size:15px}.service .service-price{color:var(--ink);font-size:19px;white-space:nowrap}.price-aside{border-left:1px solid var(--line);padding-left:35px}.price-aside h2{font-size:31px;margin-bottom:20px}.price-aside .small{margin-top:12px;color:var(--muted)}.price-aside .text-link{margin-top:12px}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.about-story h2{margin-bottom:28px}.story-photo img{aspect-ratio:1.2;object-fit:cover;object-position:50% 35%}.story-photo figcaption{font-size:12px;color:var(--muted);margin-top:9px}.education{background:var(--wash)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-heading p{margin-bottom:0;font-size:14px;color:var(--muted)}.section-heading .eyebrow{margin-bottom:16px}.certificate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:36px 24px}.certificate-button{display:block;width:100%;padding:0;border:1px solid var(--line);background:var(--white)}.certificate-button img{aspect-ratio:1.42;object-fit:contain}.certificate h3{font-size:15px;margin-top:12px}.certificate p{font-size:12px;color:var(--muted);margin-top:5px}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.practice-grid img{aspect-ratio:1.5;object-fit:cover}.privacy-content{display:grid;grid-template-columns:1.4fr .6fr;gap:6vw}.privacy-content h2{font-size:29px;margin-bottom:15px}.privacy-content p{margin-bottom:32px}.privacy-content .small{padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}
dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:2px;padding:30px;max-height:90svh}dialog::backdrop{background:#1d291ed9}.booking-dialog{width:min(520px,calc(100% - 32px))}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dialog-head .eyebrow{margin:0}.dialog-head button{background:none;border:0;padding:7px 0;text-decoration:underline;text-underline-offset:4px;font-size:13px;color:var(--ink)}.booking-dialog h2{font-size:35px;margin-bottom:18px}.booking-dialog .small{color:var(--muted);margin:20px 0 0}.image-dialog{width:min(1200px,calc(100% - 24px));padding:20px}.image-dialog h2{font-family:Arial,sans-serif;font-size:18px;line-height:1.4;letter-spacing:0}.image-dialog img{width:100%;height:auto;max-height:72svh;object-fit:contain}.image-dialog .dialog-head{margin-bottom:16px}
@media(min-width:1800px){.hero{min-height:760px}.hero-copy{padding-block:85px}.hero-lead{font-size:23px}.hero-note{font-size:16px}.hero-photo img{object-position:50% 36%}.price-name{font-size:20px}.price-value{font-size:22px}}
@media(max-width:1100px){.topbar{flex-wrap:wrap;gap:12px 25px;padding-block:17px}.topbar nav{order:3;width:100%;margin-left:0;gap:24px}.header-phone{margin-left:auto;border:0;padding:0}.hero{min-height:560px}.hero-copy{padding-block:43px}.hero h1{font-size:clamp(43px,5.8vw,67px)}.hero-lead{font-size:16px}.actions{gap:17px}.price-aside{padding-left:24px}.service-section{grid-template-columns:1.3fr .7fr}.service-title{display:block}.service .service-price{margin-top:8px}.footer{flex-wrap:wrap}.footer-links{margin-left:auto}}
@media(max-width:720px){.topbar{padding:18px var(--gutter) 13px;gap:14px}.brand{font-size:23px}.brand img{width:39px;height:39px}.header-phone{display:none}.topbar nav{gap:8px 23px}.topbar nav a{font-size:14px;min-height:44px;padding-block:10px}.hero{display:flex;flex-direction:column}.hero-copy{padding:39px var(--gutter) 35px}.hero h1{font-size:clamp(43px,12vw,67px);margin-bottom:22px}.hero .eyebrow{margin-bottom:19px}.hero-lead{font-size:17px}.desktop-break{display:none}.actions{gap:20px}.hero-note{margin-top:23px;font-size:12px}.hero-photo{height:310px;min-height:0}.hero-photo img{object-position:50% 37%}.hero-photo figcaption{font-size:11px;padding-inline:var(--gutter)}.intro,.price-section,.contact-section,.page-heading,.service-section,.about-story,.privacy-content{grid-template-columns:1fr;gap:30px}.intro-copy .lead,.lead{font-size:18px}.section{padding-block:45px}.section-copy h2{margin-bottom:18px}.section-copy h2 br{display:none}.price-row{gap:14px;padding:16px 0}.price-name{font-size:15px}.price-value{font-size:15px}.contact-section{gap:36px}.contact-section h2{font-size:40px}.contact-phone{font-size:clamp(25px,7vw,35px)}.contact-details{gap:23px}.footer{display:block;padding-block:27px}.footer-links{display:grid;gap:8px;margin:20px 0}.credit{display:inline-block}.page-heading{gap:24px}.page-heading h1{font-size:40px}.page-heading .lead br{display:none}.price-aside{padding-left:0;padding-top:30px;border-left:0;border-top:1px solid var(--line)}.service h2{font-size:25px}.service-section{gap:40px}.section-heading{display:block}.section-heading p:not(.eyebrow){margin-top:20px}.certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.certificate h3{font-size:14px}.certificate p{font-size:11px}.story-photo img{aspect-ratio:1.1}.practice-grid{gap:16px}.practice-grid img{aspect-ratio:1;object-position:40% 50%}.dialog-head{margin-bottom:20px}.booking-dialog h2{font-size:30px}}
@media(max-width:380px){.actions{align-items:flex-start;flex-direction:column}.certificate-grid{grid-template-columns:1fr}.price-name{font-size:14px}.price-value{font-size:14px}.hero-photo{height:270px}.topbar nav{gap:4px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.hero-photo picture{position:absolute;inset:0}
.footer .legal{font-size:12px;color:var(--muted)}
.legal-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:6vw}.legal-document{min-width:0}.legal-document h2{font-size:29px;margin:32px 0 15px}.legal-document h2:first-child{margin-top:0}.legal-document p{margin-bottom:17px}.legal-document ul{padding-left:22px;margin:0 0 23px}.legal-document li{margin-bottom:9px}.legal-side nav{display:grid;gap:14px;border-left:1px solid var(--line);padding-left:30px}.legal-date{color:var(--muted);font-size:13px}.legal-layout .small{color:var(--muted)}
@media(max-width:720px){.legal-layout{grid-template-columns:1fr;gap:35px}.legal-side nav{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.legal-document h2{font-size:27px}}

/* Theme follows the browser setting until the visitor chooses otherwise. */
:root{--hover:#353f2e;--hover-text:#fffdf8;--primary-text:#fffdf8;--price-line:#c6caba;--contact-bg:#28352b;--contact-text:#f6f3eb;--contact-muted:#c5cabe;--contact-button-bg:#f6f3eb;--contact-button-text:#28352b;--contact-button-hover:#e4e7d6;--focus:#8c7043;color-scheme:light}
:root[data-theme="dark"]{--paper:#19231d;--white:#253129;--ink:#eeeade;--olive:#b7c2a5;--muted:#b4bbad;--line:#455447;--wash:#26352b;--hover:#d7dec6;--hover-text:#172119;--primary-text:#172119;--price-line:#50614e;--contact-bg:#101a14;--contact-text:#eeeade;--contact-muted:#bec9ba;--contact-button-bg:#dbe3d0;--contact-button-text:#172119;--contact-button-hover:#f0f3e7;--focus:#ddba78;color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#19231d;--white:#253129;--ink:#eeeade;--olive:#b7c2a5;--muted:#b4bbad;--line:#455447;--wash:#26352b;--hover:#d7dec6;--hover-text:#172119;--primary-text:#172119;--price-line:#50614e;--contact-bg:#101a14;--contact-text:#eeeade;--contact-muted:#bec9ba;--contact-button-bg:#dbe3d0;--contact-button-text:#172119;--contact-button-hover:#f0f3e7;--focus:#ddba78;color-scheme:dark}}
a:focus-visible,button:focus-visible{outline-color:var(--focus)}
.theme-toggle{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:7px 10px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:2px;white-space:nowrap;font-size:13px;line-height:1.2}
.theme-toggle:hover{background:var(--wash)}
.theme-icon{font-size:19px;line-height:1}
.primary{color:var(--primary-text)}
.button:hover{background:var(--hover);color:var(--hover-text)}
.price-row,.price-row:first-child{border-color:var(--price-line)}
.contact-section{background:var(--contact-bg);color:var(--contact-text)}
.contact-section .small{color:var(--contact-muted)}
.contact-section .primary{background:var(--contact-button-bg);color:var(--contact-button-text);border-color:var(--contact-button-bg)}
.contact-section .primary:hover{background:var(--contact-button-hover);color:var(--contact-button-text)}
@media(max-width:720px){.theme-toggle{margin-left:auto;width:42px;height:42px;justify-content:center;padding:6px}.theme-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media(max-width:720px){.topbar nav{column-gap:10px}}

/* Local Cyrillic fonts: one compact file for the text and one for headings. */
@font-face{font-family:"Bessonova Sans";font-style:normal;font-weight:200 900;font-display:swap;src:url("assets/fonts/source-sans-3-cyrillic-wght-normal.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Bessonova Display";font-style:normal;font-weight:400 900;font-display:swap;src:url("assets/fonts/golos-text-cyrillic-wght-normal.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
body{font-family:"Bessonova Sans",Arial,sans-serif;font-size:17px;letter-spacing:.002em}h1,h2{font-family:"Bessonova Display",Georgia,serif;font-weight:500;letter-spacing:-.045em}.brand{font-family:"Bessonova Display",Georgia,serif;font-weight:600}.brand small,.eyebrow{font-family:"Bessonova Sans",Arial,sans-serif}.topbar nav a,.button,.header-phone{font-weight:600}.lead{font-weight:450}

/* A small line drawing, embedded in the page rather than loaded as an image. */
.experience{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:6vw;position:relative;overflow:hidden;background:var(--wash)}.experience-copy{position:relative;z-index:1}.experience h2{margin-bottom:27px}.experience .lead{margin:27px 0 0}.experience-mark{display:flex;align-items:center;justify-content:center;min-height:360px;color:var(--olive);opacity:.52}.experience-mark svg{width:min(100%,440px);height:auto;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.experience-mark::before,.experience-mark::after{content:"";position:absolute;border:1px solid currentColor;border-radius:50%;opacity:.15}.experience-mark::before{width:360px;height:360px}.experience-mark::after{width:230px;height:230px}
@media(max-width:720px){.experience{grid-template-columns:1fr;gap:30px}.experience-mark{min-height:220px;margin-top:-22px}.experience-mark::before{width:250px;height:250px}.experience-mark::after{width:160px;height:160px}}

/* Тонкий фон с силуэтом массажного сеанса: встроен в CSS, отдельный файл не загружается. */
:root{--massage-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='300' viewBox='0 0 480 300' fill='none' stroke='%2396a08a' stroke-opacity='.42' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='323' cy='144' rx='22' ry='19'/%3E%3Cpath d='M344 144c34-20 79-24 118-5M345 162c40 14 91 14 128-1M286 185c57 12 128 13 183 0M304 188l-9 25M445 188l9 25M407 63c-5 18-16 34-29 54-4 6-6 13-8 20M445 75c-11 15-19 30-26 47M369 141c4-8 11-12 19-13 10-1 18 2 26 7M388 127c1 7 3 13 7 18M399 126c1 7 4 13 8 18M410 129c2 5 5 10 9 14'/%3E%3Cpath d='M55 71c22-18 57-17 77 3M61 83c19-12 45-12 65 1'/%3E%3Ccircle cx='84' cy='148' r='12'/%3E%3Ccircle cx='112' cy='151' r='16'/%3E%3Ccircle cx='145' cy='150' r='10'/%3E%3C/svg%3E")}
:root[data-theme="dark"]{--massage-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='300' viewBox='0 0 480 300' fill='none' stroke='%23708370' stroke-opacity='.36' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='323' cy='144' rx='22' ry='19'/%3E%3Cpath d='M344 144c34-20 79-24 118-5M345 162c40 14 91 14 128-1M286 185c57 12 128 13 183 0M304 188l-9 25M445 188l9 25M407 63c-5 18-16 34-29 54-4 6-6 13-8 20M445 75c-11 15-19 30-26 47M369 141c4-8 11-12 19-13 10-1 18 2 26 7M388 127c1 7 3 13 7 18M399 126c1 7 4 13 8 18M410 129c2 5 5 10 9 14'/%3E%3Cpath d='M55 71c22-18 57-17 77 3M61 83c19-12 45-12 65 1'/%3E%3Ccircle cx='84' cy='148' r='12'/%3E%3Ccircle cx='112' cy='151' r='16'/%3E%3Ccircle cx='145' cy='150' r='10'/%3E%3C/svg%3E")}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--massage-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='300' viewBox='0 0 480 300' fill='none' stroke='%23708370' stroke-opacity='.36' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='323' cy='144' rx='22' ry='19'/%3E%3Cpath d='M344 144c34-20 79-24 118-5M345 162c40 14 91 14 128-1M286 185c57 12 128 13 183 0M304 188l-9 25M445 188l9 25M407 63c-5 18-16 34-29 54-4 6-6 13-8 20M445 75c-11 15-19 30-26 47M369 141c4-8 11-12 19-13 10-1 18 2 26 7M388 127c1 7 3 13 7 18M399 126c1 7 4 13 8 18M410 129c2 5 5 10 9 14'/%3E%3Cpath d='M55 71c22-18 57-17 77 3M61 83c19-12 45-12 65 1'/%3E%3Ccircle cx='84' cy='148' r='12'/%3E%3Ccircle cx='112' cy='151' r='16'/%3E%3Ccircle cx='145' cy='150' r='10'/%3E%3C/svg%3E")}}
body,.price-section,.education,.experience,.page-heading,.service-section,.privacy-content{background-image:var(--massage-pattern);background-repeat:repeat;background-size:480px 300px;background-position:center top}.experience{display:block;background-color:var(--wash)}

/* Детальная фоновая сцена массажа — компактный SVG, загружается один раз и кешируется. */
:root{--massage-pattern:url("assets/massage-pattern-light.svg")}
:root[data-theme="dark"]{--massage-pattern:url("assets/massage-pattern-dark.svg")}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--massage-pattern:url("assets/massage-pattern-dark.svg")}}
body,.price-section,.education,.experience,.page-heading,.service-section,.privacy-content{background-size:720px 420px;background-position:center top}

/* Одна фоновая иллюстрация на весь экран: без повторов и стыков между секциями. */
body{background-image:var(--massage-pattern);background-repeat:no-repeat;background-size:min(70vw,720px) auto;background-position:right 22px center;background-attachment:fixed}
.price-section,.education,.experience,.page-heading,.service-section,.privacy-content{background-image:none}
@media(max-width:720px){body{background-size:460px auto;background-position:center 96px;background-attachment:scroll}}

/* Линии иллюстрации лежат поверх карточек, чтобы фото не скрывало фоновый мотив. */
@media(min-width:721px){body::after{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;background-image:var(--massage-pattern);background-repeat:no-repeat;background-size:min(70vw,720px) auto;background-position:right 22px center}}

/* Фотографии остаются полностью непрозрачными: иллюстрация только за контентом. */
@media(min-width:721px){body::after{display:none}}

/* Единая иллюстрация занимает всю ширину viewport без максимального размера. */
@media(min-width:721px){body{background-size:100vw auto;background-position:center center}}

/* Цветные подложки пропускают силуэт фона, но сами фотографии остаются непрозрачными. */
:root{--wash-panel:rgb(233 235 223 / 84%);--contact-panel:rgb(40 53 43 / 92%)}
:root[data-theme="dark"]{--wash-panel:rgb(38 53 43 / 84%);--contact-panel:rgb(16 26 20 / 92%)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--wash-panel:rgb(38 53 43 / 84%);--contact-panel:rgb(16 26 20 / 92%)}}
.price-section,.education,.experience{background-color:var(--wash-panel)}
.contact-section{background-color:var(--contact-panel)}

/* На телефоне фон — отдельный закреплённый слой, без нестабильного background-attachment: fixed. */
@media(max-width:720px){
  html{background:var(--paper)}
  body{background-color:transparent;background-image:none;isolation:isolate}
  body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:var(--massage-pattern);background-repeat:no-repeat;background-size:auto 68svh;background-position:center center}
}

/* На телефоне рисунок всегда целиком помещается по ширине viewport. */
@media(max-width:720px){body::before{background-size:100vw auto;background-position:center center}}

/* Фоновая сцена целиком помещается в текущий viewport: по ширине или по высоте — смотря что ограничивает экран. */
@media(min-width:721px){body{background-size:contain}}
@media(max-width:720px){body::before{background-size:contain}}

/* Светлые панели прозрачнее: силуэт остаётся заметным под «Моим путём», прайсом и обучением. */
:root{--wash-panel:rgb(233 235 223 / 70%)}
:root[data-theme="dark"]{--wash-panel:rgb(38 53 43 / 64%)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--wash-panel:rgb(38 53 43 / 64%)}}

/* В светлой теме у тёмного блока контактов свой светлый силуэт: его не гасит цвет подложки. */
:root{--contact-pattern:none}
:root[data-theme="light"]{--contact-pattern:url("assets/massage-pattern-dark.svg")}
@media(prefers-color-scheme:light){:root:not([data-theme]){--contact-pattern:url("assets/massage-pattern-dark.svg")}}
.contact-section{background-image:var(--contact-pattern);background-repeat:no-repeat;background-size:contain;background-position:center center}

/* Контакты: силуэт виден через подложку, но не пересекает текст отдельным ярким слоем. */
:root{--contact-panel:rgb(40 53 43 / 76%)}
:root[data-theme="dark"]{--contact-panel:rgb(16 26 20 / 88%)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--contact-panel:rgb(16 26 20 / 88%)}}
.contact-section{background-image:none}


/* Текстовые секции: силуэт остаётся в фоне, но не мешает читать. */
:root{--reading-panel:rgb(246 243 235 / 92%);--reading-shadow:rgb(246 243 235 / 92%)}
:root[data-theme="dark"]{--reading-panel:rgb(25 35 29 / 90%);--reading-shadow:rgb(25 35 29 / 94%)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--reading-panel:rgb(25 35 29 / 90%);--reading-shadow:rgb(25 35 29 / 94%)}}
.intro,.service-section{background-color:var(--reading-panel)}
.intro h2,.intro-copy,.service-section h1,.service-section h2,.service-section h3,.service-section p,.service-section a,.service-section .service-price{text-shadow:0 1px 3px var(--reading-shadow)}