:root{--paper:#f8f5f0;--ink:#262521;--muted:#77736c;--line:#ded9d0;--accent:#b78369;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.header{height:84px;padding:0 7.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26252112}.wordmark{font-size:23px;letter-spacing:-1.3px;font-weight:600}.wordmark span{color:var(--accent)}nav{display:flex;gap:35px;color:#615d56;font-size:12px}.header-cta{font-size:12px}.header-cta span,.text-link span{color:var(--accent);margin-left:8px}.menu-toggle{display:none;border:0;background:none;font-size:20px}.hero{min-height:670px;padding:76px 10% 70px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;position:relative}.hero-copy{padding-bottom:14px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--accent);font-weight:600}.hero h1,h2{font:400 clamp(42px,5vw,68px)/1.12 var(--serif);letter-spacing:-1.7px;margin:24px 0}.hero h1 em,h2 em{font-weight:400;color:var(--accent)}.lead{max-width:390px;line-height:1.9;color:var(--muted);font-size:14px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:35px}.button{border:0;cursor:pointer;padding:17px 23px;font-size:11px;letter-spacing:.3px}.button span{padding-left:20px}.dark{background:var(--ink);color:white}.text-link{font-size:11px}.hero-note{font-size:10px;color:var(--muted);margin-top:62px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9aab89;margin-right:8px}.hero-image{height:490px;position:relative}.hero-image img,.intro-photo img,.gallery img{width:100%;height:100%;object-fit:cover}.hero-image img{object-position:center 40%}.image-caption{position:absolute;right:0;bottom:0;background:var(--paper);padding:15px 19px;font-size:8px;letter-spacing:1.5px}.hero-index{position:absolute;bottom:30px;right:7.5%;color:#8a857d;font-size:9px;letter-spacing:1px}.section{padding:110px 12%}.intro{display:grid;grid-template-columns:.65fr 1fr .8fr;gap:8%;align-items:center;border-top:1px solid var(--line)}.section-kicker{font-size:9px;letter-spacing:1.5px;color:var(--muted);align-self:start}.intro h2,.section h2{font-size:48px}.intro-body>p:not(.eyebrow){line-height:1.9;color:var(--muted);max-width:410px}.signature{font:italic 18px var(--serif);color:var(--accent)!important;margin-top:25px}.intro-photo{height:380px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:310px;color:var(--muted);line-height:1.8}.service-list article{display:grid;grid-template-columns:50px 1fr 110px 120px 24px;gap:20px;align-items:center;border-top:1px solid var(--line);padding:25px 0}.service-no,.service-time{font-size:10px;color:var(--muted)}.service-list h3{font:400 20px var(--serif);margin:0 0 8px}.service-list p{font-size:11px;color:var(--muted);margin:0}.service-price{font-size:12px}.service-list article>a{font-size:18px;color:var(--accent)}.fine-print{font-size:10px;color:var(--muted);margin-top:20px}.quote{text-align:center;padding:90px 20%;background:#ede8df}.quote blockquote{font:400 clamp(25px,3vw,38px)/1.45 var(--serif);max-width:740px;margin:25px auto}.quote>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-item{position:relative;border:0;padding:0;height:320px;overflow:hidden;background:#eee;cursor:zoom-in}.gallery-item img{transition:transform .6s}.gallery-item:hover img{transform:scale(1.04)}.gallery-item span{position:absolute;bottom:0;left:0;right:0;text-align:left;padding:18px;color:white;background:linear-gradient(transparent,#0008);font-size:11px}.booking{background:#eee9e0;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.booking-copy h2{font-size:47px}.booking-copy>p:not(.eyebrow){line-height:1.9;color:var(--muted);max-width:390px}.booking-contact{margin-top:65px;line-height:2;color:var(--muted)}.booking-contact a{color:var(--ink)}form{display:grid;gap:17px}label{font-size:10px;color:#615d56;display:grid;gap:8px}input,select,textarea{width:100%;border:0;border-bottom:1px solid #cfc9bf;background:transparent;padding:10px 0;color:var(--ink);outline:none;font-size:12px}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical}.optional{display:inline;color:#aaa;margin-left:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.submit{justify-self:start;margin-top:5px}.form-hint,.form-status{font-size:10px;line-height:1.7;color:var(--muted);margin:0}.messengers{display:flex;flex-wrap:wrap;gap:8px}.messengers button{background:transparent;border:1px solid #c9c0b6;padding:10px 13px;cursor:pointer;font-size:10px}.messengers button:hover{background:var(--ink);color:white}.contact{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact h2{font-size:48px}.contact-details{align-self:center;line-height:1.8;color:var(--muted)}.social-links{display:flex;gap:23px;margin-top:25px;color:var(--ink);font-size:11px}.map-frame{grid-column:1/-1;height:280px;background:#eee9e0;overflow:hidden}.map-frame iframe{width:100%;height:100%;border:0;filter:saturate(.72)}footer{height:85px;border-top:1px solid var(--line);padding:0 7.5%;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}footer .wordmark{color:var(--ink)}.lightbox{position:fixed;inset:0;z-index:5;background:#171614ed;display:grid;place-items:center;padding:6vw}.lightbox[hidden],.messengers[hidden]{display:none}.lightbox img{max-width:90vw;max-height:85vh;object-fit:contain}.lightbox button{position:absolute;right:30px;top:18px;border:0;background:none;color:white;font-size:36px;cursor:pointer}@media(max-width:850px){.header{padding:0 6%;height:70px}nav{gap:17px}.hero{padding:55px 7%;gap:5%;min-height:580px}.hero-image{height:420px}.section{padding:80px 8%}.intro{grid-template-columns:.5fr 1fr .8fr;gap:4%}.intro-photo{height:320px}.booking{gap:7%}.gallery-item{height:260px}}@media(max-width:620px){.header{height:65px}.header nav,.header-cta{display:none}.menu-toggle{display:block}.header.menu-open nav{position:absolute;z-index:3;top:65px;left:0;right:0;background:var(--paper);display:flex;flex-direction:column;padding:22px 7%;border-bottom:1px solid var(--line)}.hero{display:flex;flex-direction:column;align-items:stretch;padding:52px 7% 70px;gap:35px}.hero h1{font-size:43px}.hero-image{height:380px}.hero-note{margin-top:35px}.hero-index{bottom:24px}.section{padding:70px 7%}.intro{grid-template-columns:1fr 1fr;gap:20px}.section-kicker{grid-column:1/-1}.intro-body{grid-column:1/-1;grid-row:2}.intro h2,.section h2{font-size:42px}.intro-photo{grid-column:1/-1;height:350px}.section-heading{display:block}.section-heading>p{margin-top:15px}.service-list article{grid-template-columns:28px 1fr 22px;gap:10px}.service-time{grid-column:2;grid-row:2}.service-price{grid-column:2;grid-row:3;margin-top:-6px}.service-list article>a{grid-column:3;grid-row:1/4}.quote{padding:70px 8%}.gallery{grid-template-columns:1fr 1fr;gap:10px}.gallery-item{height:250px}.gallery-item:last-child{display:none}.booking{grid-template-columns:1fr;gap:35px}.booking-copy h2{font-size:42px}.booking-contact{margin-top:25px}.contact{grid-template-columns:1fr;gap:20px}.map-frame{grid-column:auto;height:220px}.social-links{gap:15px}footer{padding:0 7%;font-size:9px}}

/* Прайс в две колонки: названия процедур и цены выровнены построчно. */
.price-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:48px 0 18px}.price-card{background:#eee9e0;padding:30px 34px;border:1px solid #e5ded4}.price-card .eyebrow{margin:0 0 13px}.price-card h3{font:400 27px/1.2 var(--serif);margin:0 0 22px;color:var(--ink)}.price-card dl{margin:0}.price-card dl div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid #d9d1c6;padding:13px 0}.price-card dt{font-size:12px;color:#625d56}.price-card dd{margin:0;text-align:right;white-space:nowrap;font-size:12px;color:var(--ink)}.price-cards+.fine-print{margin-top:15px}@media(max-width:700px){.price-cards{grid-template-columns:1fr;gap:14px}.price-card{padding:24px 22px}}

.price-booking-cta{display:flex;justify-content:center;margin:38px 0 12px}.price-booking-cta .button{padding:18px 30px}.site-footer{height:auto;min-height:120px;padding:24px 7.5%;gap:30px}.footer-contact{display:flex;gap:28px;flex-wrap:wrap;justify-content:center}.footer-contact a{font-size:11px;color:#625d56;white-space:nowrap}.footer-contact a span{color:var(--accent);font-size:16px;vertical-align:-1px;margin-right:6px}@media(max-width:700px){.site-footer{padding:28px 7%;display:grid;grid-template-columns:1fr auto}.footer-contact{grid-column:1/-1;display:grid;gap:15px;justify-content:start}.site-footer>a:last-child{grid-column:2;grid-row:1}}

/* Финальная визуальная настройка: спокойная деловая типографика и единый ритм. */
:root{--paper:#f7f4ef;--ink:#24231f;--muted:#716d66;--line:#ded8ce;--accent:#ad765e}.header{height:78px;position:sticky;top:0;z-index:4;background:#f7f4eff2;backdrop-filter:blur(12px);padding-inline:8%}.header nav a{transition:color .2s}.header nav a:hover,.header-cta:hover{color:var(--accent)}.header-cta{border-bottom:1px solid var(--accent);padding:9px 0}.hero{max-width:1500px;margin:auto;min-height:640px;gap:7%;padding-inline:9%}.hero h1{font-size:clamp(46px,5.2vw,70px);line-height:1.08}.hero-image{height:500px;box-shadow:0 20px 55px #29241a12}.button{transition:transform .2s,background .2s;letter-spacing:.4px}.button:hover{transform:translateY(-2px);background:#4b463f}.section{max-width:1440px;margin-inline:auto}.section-heading{margin-bottom:48px}.price-card{background:#f1ede6;border:0;padding:34px 36px}.price-card h3{font-size:30px}.price-card dl div{padding:15px 0}.price-card dt,.price-card dd{font-size:13px}.price-booking-cta{margin:42px 0 16px}.price-booking-cta .button{min-width:230px;text-align:center}.quote{background:#efebe4}.gallery-item{box-shadow:0 10px 30px #29241a10}.contact-details{font-size:14px}.map-frame{height:300px}.site-footer{background:#efebe4;border-top:0;min-height:130px}.footer-contact a:hover{color:var(--accent)}@media(max-width:620px){.header{position:sticky;padding-inline:7%}.hero{min-height:0}.hero-image{height:350px}.price-card{padding:26px 22px}.map-frame{height:240px}}

/* Чуть более читаемая навигация и спокойная акцентная кнопка записи. */
.header nav{font-size:14px;gap:38px;color:#514d47}.header nav a{padding:8px 0}.header-cta{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;padding:13px 19px;border:1px solid var(--ink);font-size:13px;transition:background .2s,color .2s,transform .2s}.header-cta span{color:#d5a18a;margin:0}.header-cta:hover{background:transparent;color:var(--ink);transform:translateY(-1px)}.header-cta:hover span{color:var(--accent)}@media(max-width:850px){.header nav{font-size:13px;gap:22px}}@media(max-width:620px){.header-cta{display:none}}

.contact-details>p{font-size:16px;line-height:1.65;color:#625d56;margin:0 0 16px}.social-links{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.contact-chip{display:inline-flex;align-items:center;gap:10px;padding:12px 15px;background:#eee9e0;border:1px solid #e5ded4;font-size:13px;color:var(--ink);transition:background .2s,border-color .2s,transform .2s}.contact-chip:hover{background:#e8dfd4;border-color:#d4c4b3;transform:translateY(-1px)}.contact-chip b{font-weight:400;color:var(--accent);margin-left:4px}.contact-icon{width:20px;height:20px;display:grid;place-items:center;border:1px solid #c7a693;border-radius:50%;font-size:12px;color:#9c6a52}.instagram-icon{font-size:18px}.avito-icon{font:600 12px var(--sans)}@media(max-width:620px){.social-links{gap:9px}.contact-chip{font-size:12px;padding:11px 12px}}

.contact-icon.avito-image{display:block;object-fit:cover;border:0;border-radius:5px;width:24px;height:24px}.contact-chip:has(.avito-image){background:#f1ede7}

/* Компактный кроп иконки Авито: убираем край исходного скриншота и смягчаем форму. */
.contact-icon.avito-image{width:25px;height:25px;object-fit:cover;clip-path:inset(3% round 22%);border-radius:0;box-shadow:0 1px 4px #26252112}.contact-chip:has(.avito-image){background:#f0ece5;border-color:#e2dbd1}.contact-chip:has(.avito-image):hover{background:#e9e2d8}

.social-image{width:25px;height:25px;object-fit:cover;clip-path:inset(2% round 50%);border:0;box-shadow:0 1px 4px #26252118}.footer-social-image{width:20px;height:20px;object-fit:cover;vertical-align:middle;margin-right:7px;clip-path:inset(2% round 50%);box-shadow:0 1px 3px #26252118}.footer-contact a{display:inline-flex;align-items:center}

.portfolio-carousel{overflow:hidden;position:relative;margin-inline:-2%;padding:12px 2% 4px}.carousel-track{display:flex;align-items:center;justify-content:center;gap:22px;transition:transform .8s cubic-bezier(.22,.61,.36,1);will-change:transform}.portfolio-carousel .gallery-item{flex:0 0 min(31%,420px);height:390px;opacity:.58;filter:blur(3px) saturate(.75);transform:scale(.91);transition:filter .7s ease,opacity .7s ease,transform .7s ease;cursor:pointer}.portfolio-carousel .gallery-item.is-active{opacity:1;filter:none;transform:scale(1);z-index:1}.portfolio-carousel .gallery-item img{object-position:center 35%}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:25px}.carousel-arrow{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background .2s,color .2s}.carousel-arrow:hover{background:var(--ink);color:#fff}.carousel-dots{display:flex;align-items:center;gap:8px}.carousel-dot{width:6px;height:6px;border:0;border-radius:50%;padding:0;background:#c9c0b6;cursor:pointer;transition:transform .25s,background .25s}.carousel-dot.is-active{background:var(--accent);transform:scale(1.5)}@media(max-width:850px){.portfolio-carousel .gallery-item{flex-basis:42%;height:330px}.carousel-track{gap:12px}}@media(max-width:620px){.portfolio-carousel{margin-inline:-7%;padding-inline:7%;overflow:hidden}.portfolio-carousel .gallery-item{flex-basis:76%;height:340px}.carousel-track{justify-content:flex-start;gap:12px}}

/* Исправленное кадрирование портфолио: крупный вертикальный кадр волос по центру. */
.portfolio-carousel{padding:16px 0 8px;margin:0;overflow:hidden}.carousel-track{justify-content:flex-start;gap:24px;padding:0;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.portfolio-carousel .gallery-item{flex:0 0 min(48vw,560px);height:520px;opacity:.38;filter:blur(2px) saturate(.8);transform:scale(.94);overflow:hidden}.portfolio-carousel .gallery-item.is-active{opacity:1;filter:none;transform:scale(1)}.portfolio-carousel .gallery-item img{object-fit:cover;object-position:center 28%}.portfolio-carousel .gallery-item span{font-size:13px;padding:22px;background:linear-gradient(transparent,#171614b3)}@media(max-width:850px){.portfolio-carousel .gallery-item{flex-basis:66vw;height:440px}}@media(max-width:620px){.portfolio-carousel{margin-inline:-7%;padding-inline:0}.portfolio-carousel .gallery-item{flex-basis:84vw;height:430px}.carousel-track{gap:12px}}

/* Портфолио: сохраняем кадр целиком и показываем активную работу без размытия. */
.portfolio-carousel{width:100%;padding:18px 0 8px;margin:0;overflow:hidden}.carousel-track{display:flex;align-items:center;justify-content:flex-start;gap:24px;padding:0;transition:transform .75s cubic-bezier(.2,.7,.2,1);will-change:transform}.portfolio-carousel .gallery-item{flex:0 0 min(34vw,420px);height:560px;aspect-ratio:auto;opacity:.45;filter:blur(1.5px);transform:scale(.96);background:#eee9e0;transition:filter .6s ease,opacity .6s ease,transform .6s ease;cursor:zoom-in}.portfolio-carousel .gallery-item.is-active{opacity:1;filter:none;transform:scale(1);z-index:2}.portfolio-carousel .gallery-item img{width:100%;height:100%;object-fit:contain;object-position:center;background:#eee9e0}.portfolio-carousel .gallery-item span{font-size:13px;padding:20px;background:linear-gradient(transparent,#171614a8)}.carousel-controls{position:relative;z-index:3}@media(max-width:850px){.portfolio-carousel .gallery-item{flex-basis:48vw;height:500px}.carousel-track{gap:16px}}@media(max-width:620px){.portfolio-carousel{margin-inline:-7%;width:calc(100% + 14%)}.portfolio-carousel .gallery-item{flex-basis:78vw;height:470px}.carousel-track{gap:12px}}

/* Автоматическая галерея: одна крупная чёткая работа и размытые фоновые кадры. */
.portfolio-carousel .carousel-controls{display:none}.portfolio-carousel .gallery-item{opacity:.34;filter:blur(3px) saturate(.78);transform:scale(.84);transition:filter .8s ease,opacity .8s ease,transform .8s ease}.portfolio-carousel .gallery-item.is-active{opacity:1;filter:none;transform:scale(1.04);z-index:4}.portfolio-carousel .gallery-item:not(.is-active) span{opacity:0;transition:opacity .4s}.portfolio-carousel .gallery-item.is-active span{opacity:1}.carousel-track{transition:transform 1s cubic-bezier(.22,.61,.36,1)}

/* Главный портрет целиком: мягкий размытый фон заполняет свободные края. */
.hero-image{overflow:hidden;isolation:isolate;background:#eee9e0}
.hero-image::before{content:"";position:absolute;z-index:0;inset:-18px;background:url("about-work.jpg") center 38%/cover no-repeat;filter:blur(16px);opacity:.34;transform:scale(1.04);pointer-events:none}
.hero-image img{position:relative;z-index:1;object-fit:contain;object-position:center;background:transparent}
.hero-image .image-caption{z-index:2}

/* Фотоблоки подстраиваются под собственные пропорции снимков без полей и обрезки. */
.hero-image{width:min(100%,300px);height:auto;min-height:0;max-width:300px;justify-self:center;aspect-ratio:auto;overflow:hidden;background:transparent;box-shadow:0 20px 55px #29241a12}
.hero-image::before{display:none}
.hero-image img{position:relative;z-index:1;display:block;width:100%;height:auto;object-fit:initial;object-position:center;background:transparent}
.intro-photo{height:auto;min-height:0;aspect-ratio:auto;overflow:hidden}
.intro-photo img{display:block;width:100%;height:auto;object-fit:initial;object-position:center}
@media(max-width:620px){.hero-image{height:auto}.intro-photo{height:auto}}

/* Чёткий ритм между разделами главной страницы. */
.services,.portfolio,.contact{border-top:1px solid var(--line);padding-top:92px}
.services{background:#f2eee8}
.services .price-card{background:#faf8f4}
.contact{background:#f2eee8}
@media(max-width:620px){.services,.portfolio,.contact{padding-top:66px}}

/* Описания процедур перед прайсом: лёгкие карточки в общей эстетике. */
.service-descriptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:38px 0 48px}
.service-description{border-top:1px solid #cbb09f;padding:18px 4px 0}
.service-description-no{font-size:8px;letter-spacing:1.5px;color:var(--accent);font-weight:600}
.service-description h3{font:400 23px/1.2 var(--serif);margin:13px 0 10px;color:var(--ink)}
.service-description p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:440px}
@media(max-width:850px){.service-descriptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 22px}.service-description:last-child{grid-column:1/-1}}
@media(max-width:620px){.service-descriptions{grid-template-columns:1fr;gap:24px;margin:30px 0 38px}.service-description:last-child{grid-column:auto}.service-description h3{font-size:21px}}

/* Описание каждой процедуры находится внутри её прайс-карточки. */
.price-card h3{margin-bottom:15px}
.price-card-description{min-height:92px;margin:0 0 14px;font-size:12px;line-height:1.75;color:var(--muted)}
.shared-service-description{border-top:1px solid #e3dbd1;padding-top:10px;margin-top:9px}
.shared-service-description h4{font:400 16px/1.3 var(--serif);margin:0 0 4px;color:var(--ink)}
.shared-service-description p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}
.price-card-caption{border-top:1px solid #d9d1c6;padding-top:13px;margin:15px 0 0;font-size:8px;letter-spacing:1.4px;color:var(--accent);font-weight:600}
.price-card-caption+dl{margin-top:2px}
@media(max-width:700px){.price-card-description{min-height:0}.shared-service-description p{font-size:12px}}
.price-card>.eyebrow,.price-card-caption{font-size:11px;letter-spacing:1.1px}
@media(max-width:620px){.price-card>.eyebrow,.price-card-caption{font-size:10px;letter-spacing:.9px}}

/* Смягчаем смену активной карточки: меньше масштаб, общий плавный тайминг движения и фокуса. */
.portfolio-carousel .gallery-item{opacity:.48;filter:blur(1.2px) saturate(.82);transform:scale(.94);transition:filter 1.15s cubic-bezier(.22,.61,.36,1),opacity 1.15s cubic-bezier(.22,.61,.36,1),transform 1.15s cubic-bezier(.22,.61,.36,1)}
.portfolio-carousel .gallery-item.is-active{opacity:1;filter:none;transform:scale(1);z-index:4}
.portfolio-carousel .carousel-track{transition:transform 1.15s cubic-bezier(.22,.61,.36,1)}