/* About page only: an airy marine composition using the approved site's identity. */
.salon-page{--sans:ManropeHome,Arial,sans-serif;--about-line:#7ca49255}
.salon-page .button{font-size:14px;font-weight:600;justify-content:center;text-align:center;line-height:1.4}
.salon-page .text-link,.salon-page .location{font-weight:550}
.salon-page .salon-intro{position:relative;gap:64px;padding-block:48px 60px}
.salon-page .salon-intro h1{font-size:clamp(54px,5.8vw,79px);line-height:1.07}
.salon-page .salon-intro p{max-width:48ch;font-size:16px;line-height:1.75;margin-top:22px}
.salon-page .salon-intro .salon-conclusion{font:500 30px/1.25 var(--serif);margin-top:20px}
.salon-page .salon-intro figure{position:relative;min-width:0}
.salon-page .salon-intro img{height:560px;object-position:50% 90%}
.salon-seashell{position:absolute;display:block;width:46px;height:40px;pointer-events:none;color:#558e7e}
.salon-seashell .shell-drawing,.values-emblem .shell-drawing{width:100%;height:100%;fill:#d5e7d980;stroke:currentColor;stroke-width:1.8}
.salon-intro .salon-seashell{bottom:14px;right:3px;transform:rotate(20deg)}
.salon-values{position:relative;padding-block:40px 50px;border-top:1px solid var(--about-line)}
.salon-values h2{text-align:center;font:500 clamp(40px,4.1vw,56px)/1.1 var(--serif)}
.values-cluster{position:relative;max-width:970px;margin:35px auto 0;min-height:280px}
.values-branches{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#83ae9b;stroke-width:1.2;pointer-events:none}
.values-emblem{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-9deg);width:80px;height:68px;color:#508674;padding:9px;background:#f0f4e9;border-radius:50%;z-index:1}
.values-cluster ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:75px 230px;align-items:center;min-height:280px}
.values-cluster li{display:flex;align-items:center;justify-content:center;min-height:92px;padding:15px 25px;border:1px solid #8db3a166;border-radius:50%;background:#e5eee1;font:500 clamp(23px,2.55vw,34px)/1.17 var(--serif);text-align:center;position:relative;z-index:1;text-wrap:balance}
.values-cluster li:nth-child(2),.values-cluster li:nth-child(3){background:#dbeae0}
.salon-tide-divider{height:42px;max-width:100%;margin-top:15px;pointer-events:none;overflow:hidden}
.salon-tide-divider svg{display:block;width:100%;height:100%;fill:none;stroke:#8fbaa780;stroke-width:1.2}
.salon-page .salon-motto{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:74px;padding-block:55px 65px;border-bottom:1px solid var(--about-line);align-items:center}
.salon-page .salon-motto h2{font:500 clamp(41px,4.4vw,60px)/1.04 var(--serif)}
.salon-page .salon-motto h2 em{font:400 1.22em/1.25 var(--script);letter-spacing:0}
.salon-page .salon-motto p{font-size:17px;line-height:1.8;max-width:42ch;margin:0}
.salon-page .salon-motto .button{margin-top:25px}
.salon-motto .salon-seashell{width:33px;height:29px;left:42%;bottom:20px;transform:rotate(-20deg);opacity:.7}
.salon-page .contacts{border-top:0;padding-top:65px}
.salon-telegram{display:flex;align-items:center;gap:32px;padding-block:44px;border-bottom:1px solid var(--about-line)}
.telegram-pearl{width:96px;height:96px;flex:0 0 96px;display:grid;place-items:center;border-radius:50%;color:#2b7365;background:linear-gradient(145deg,#e1f4e6,#97cebd);box-shadow:inset 0 2px 3px #ffffffab,0 6px 18px #275e4520;transition:transform .2s ease}
.telegram-pearl:hover{transform:translateY(-3px)}
.telegram-pearl svg{width:67px;height:67px;overflow:visible}
.telegram-plane{fill:currentColor;stroke:none}.telegram-wave{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;opacity:.55}
.salon-page .salon-telegram h2{font:500 34px/1.25 var(--serif)}
.salon-page .salon-telegram h2 em{font:400 1.2em/1.3 var(--script);white-space:nowrap}
.salon-telegram p{font-size:14px;line-height:1.7;margin-top:7px;max-width:58ch}
.salon-telegram .text-link{margin-top:10px;font-size:14px;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:700px){.salon-telegram{gap:20px;padding-block:30px;align-items:flex-start}.telegram-pearl{width:64px;height:64px;flex-basis:64px;margin-top:5px}.telegram-pearl svg{width:49px;height:49px}.salon-page .salon-telegram h2{font-size:28px}.salon-telegram p{font-size:13px}.salon-telegram>div{min-width:0}.salon-telegram .text-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){.telegram-pearl{transition:none}.telegram-pearl:hover{transform:none}}
.contact-map-shot{display:block;border-radius:26px;overflow:hidden;background:#e8eee6}
.contact-map-shot img{display:block;width:100%;height:auto;aspect-ratio:13/9;object-fit:contain}
.contact-map-shot:focus-visible{outline:2px solid #245d48;outline-offset:6px}
.salon-arrival-wave{position:fixed;inset:0;z-index:12;pointer-events:none;visibility:hidden;contain:strict}
.salon-arrival-wave svg{position:absolute;inset:-20% -15%;width:130%;height:140%;fill:#80c3bd2e;stroke:#e2f4e866;stroke-width:2}
.salon-arrival-wave.is-running{visibility:visible;animation:salon-tide-pass 1s cubic-bezier(.77,0,.175,1) both}
@keyframes salon-tide-pass{0%{transform:translate3d(-115%,22%,0);opacity:0}18%{opacity:1}78%{opacity:.75}100%{transform:translate3d(115%,-22%,0);opacity:0}}
@media(max-width:1000px){.salon-page .salon-intro{gap:35px}.salon-page .salon-intro img{height:515px}.salon-page .salon-intro p{font-size:15px}.values-cluster ul{gap:65px 150px}.values-cluster li{font-size:27px}.salon-page .salon-motto{gap:40px}.salon-page .salon-motto p{font-size:16px}}
@media(max-width:700px){.salon-page .salon-intro{padding-block:28px 35px}.salon-page .salon-intro h1{font-size:clamp(49px,12.5vw,72px)}.salon-page .salon-intro p{font-size:15px;margin-top:19px}.salon-page .salon-intro .salon-conclusion{font-size:28px}.salon-page .salon-intro figure{margin-top:27px}.salon-page .salon-intro img{height:350px}.salon-intro .salon-seashell{width:36px;height:32px;right:0;bottom:0}.salon-values{padding-block:30px 28px}.salon-values h2{font-size:42px}.values-cluster{margin-top:25px;min-height:290px}.values-cluster ul{min-height:290px;gap:70px 22px}.values-cluster li{font-size:clamp(20px,5.5vw,27px);min-height:104px;padding:14px 10px;border-radius:46%}.values-emblem{width:58px;height:51px;padding:7px}.values-branches{stroke-width:2.2}.salon-tide-divider{height:28px;margin-top:0}.salon-page .salon-motto{display:block;padding-block:30px 47px}.salon-page .salon-motto h2{font-size:clamp(37px,9.8vw,51px)}.salon-page .salon-motto p{font-size:16px;margin-top:24px}.salon-motto .salon-seashell{left:auto;right:10px;bottom:22px}.salon-page .contacts{padding-top:35px}.contact-map-shot{border-radius:20px}.salon-page .service-actions{gap:12px}.salon-page .service-actions .button{font-size:13px;padding-inline:17px}}
@media(max-width:360px){.values-cluster li{font-size:20px;padding-inline:8px}.values-cluster ul{gap:70px 16px}.salon-page .salon-intro .salon-conclusion{font-size:25px}.salon-page .salon-motto h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.salon-arrival-wave{display:none!important;animation:none!important}}