/* Three distinct client identities. Keep details behind the existing tabs. */
body[data-motion="auto"]{--bg:#101214;--ink:#f6f7f2;--muted:#b1b7b6;--lime:#caff00;--line:#383d3e;--accent:#caff00;--surface:#1b2021;--on-accent:#101214}
body[data-motion="remont"]{--paper:#f4f3ed;--ink:#152232;--olive:#2349df;--sand:#d0d5de;--muted:#515e6c;--accent:#2349df;--surface:#e6eaf4;--on-accent:#fff}
body[data-motion="beauty"]{--paper:#fff0f4;--ink:#411626;--olive:#99143d;--sand:#e1b7c6;--muted:#74505d;--accent:#99143d;--surface:#f6d9e5;--on-accent:#fff}
body{accent-color:var(--accent)}
header,.header{height:100px}.demo{font-size:9px;letter-spacing:.08em;padding:8px 15px}
nav a,.nav a{font-weight:700}nav a:hover{color:var(--accent)}
.hero{gap:24px;border-top:0;align-items:center;padding-bottom:34px;min-height:590px}
.hero-copy{padding-top:32px!important;position:relative}
.hero h1{font-weight:900;line-height:.92;letter-spacing:-.07em;margin:15px 0 34px!important}
.hero h1 em{font-style:normal;font-weight:inherit}
.hero-photo{min-height:530px;margin-top:0;isolation:isolate}
.hero-photo img{filter:saturate(.85) contrast(1.08);border-radius:0}
.button,.btn{font-size:13px;font-weight:750;padding:18px 24px;min-height:54px;border-radius:0;transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.button:hover,.btn:hover{background:var(--ink);color:var(--paper,#fff);border-color:var(--ink);box-shadow:5px 5px 0 var(--accent)}
.button.secondary,.btn.light{border-color:currentColor;background:transparent;box-shadow:none}
.button.secondary:hover,.btn.light:hover{background:var(--surface);color:inherit}
.service-tabs{gap:8px;border:0;padding-bottom:0;margin:0 0 16px}
.service-tabs button{font-weight:750;font-size:14px;border:1px solid var(--sand,var(--line));padding:16px 21px;transition:background .2s,color .2s}
.service-tabs button:hover{background:var(--surface)}
.service-tabs button[aria-selected=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.tabbed-services .service{background:var(--surface);border:0;border-left:5px solid var(--accent)}
.tabbed-services .service ul{color:var(--ink);font-size:14px;line-height:1.9}
h2{letter-spacing:-.055em;line-height:1.02}.head,.section-head{align-items:center}
.gallery{gap:20px}.gallery img{filter:saturate(.8) contrast(1.06)}
.gallery figcaption{font-size:14px!important;font-weight:700;border-color:var(--sand,var(--line))}
.contact{position:relative}.contact h2{font-weight:800;line-height:.98}.contact h2 em{color:inherit}
.contact .btn,.contact .button{box-shadow:none}.contact p{color:inherit}
summary{font-weight:650}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
body[data-motion="auto"] .hero{grid-template-columns:1.05fr 1fr}
body[data-motion="auto"] .hero h1{font-size:clamp(58px,6.2vw,92px)}
body[data-motion="auto"] .hero h1 em{font-size:.76em;display:inline-block;border-bottom:7px solid var(--lime);padding-bottom:12px;color:var(--ink)}
body[data-motion="auto"] .hero-photo{border-bottom:8px solid var(--lime)}
body[data-motion="auto"] .hero-photo:after{background:linear-gradient(90deg,#101214aa,transparent 40%)}
body[data-motion="auto"] .work{background:#e9edeb;color:#101214}
body[data-motion="auto"] .contact{color:#101214}.contact .button:hover{background:#323a35}
body[data-motion="remont"] .hero h1{font-size:clamp(60px,6.3vw,90px)}
body[data-motion="remont"] .hero h1 em{color:var(--olive)}
body[data-motion="remont"] .hero-photo{border-bottom:12px solid #ff6b35;box-shadow:12px 12px 0 var(--olive)}
body[data-motion="remont"] .mark{border-width:4px;transform:rotate(-8deg)}
body[data-motion="remont"] h2{font-weight:850}
body[data-motion="remont"] .portfolio{background:#152232;color:#f4f3ed}
body[data-motion="remont"] .portfolio h2 em{color:#ff986c}
body[data-motion="remont"] .portfolio small,body[data-motion="remont"] .portfolio .note{color:#c2cbd6}
body[data-motion="remont"] .team-shot{background:#e6eaf4;border:0;border-left:7px solid #ff6b35}
body[data-motion="remont"] .contact{background:var(--olive)}
body[data-motion="beauty"] .hero{grid-template-columns:1.1fr 1fr}
body[data-motion="beauty"] .hero h1{font-size:clamp(57px,5.8vw,84px);font-weight:400;line-height:1.02;letter-spacing:-.065em}
body[data-motion="beauty"] .hero h1 em{font-style:italic;font-weight:400}
body[data-motion="beauty"] .hero-photo{border-radius:240px 240px 12px 12px;overflow:hidden;border:10px solid #f2c3d6;box-shadow:0 16px 0 #99143d}
body[data-motion="beauty"] .btn{border-radius:40px}
body[data-motion="beauty"] .service-tabs button{border-radius:30px}
body[data-motion="beauty"] .booking{border:0}
body[data-motion="beauty"] .booking article{background:var(--surface);padding:26px!important;border-radius:20px;border:0}
body[data-motion="beauty"] .booking strong{font-size:30px;color:var(--accent);letter-spacing:-.05em}
body[data-motion="beauty"] .portfolio{background:#f1cedd}
body[data-motion="beauty"] .gallery img{border-radius:18px}
body[data-motion="beauty"] .contact h2{font-family:Georgia,serif;font-weight:400}
@media(max-width:800px){header,.header{height:80px}.hero,body[data-motion] .hero{grid-template-columns:1fr;gap:12px;min-height:0}.hero h1{font-size:clamp(48px,11.5vw,76px)!important}.hero-copy{padding-right:0}.hero-photo{min-height:330px!important}.hero{padding-bottom:30px}body[data-motion="remont"] .hero-photo{box-shadow:6px 6px 0 var(--olive)}.actions{gap:10px}.button,.btn{padding:16px 18px}.service-tabs button{font-size:12px;padding:13px 16px}body[data-motion="beauty"] .hero-photo{border-radius:150px 150px 12px 12px}body[data-motion="beauty"] .booking article{padding:20px!important}.demo{font-size:8px}body[data-motion="beauty"] .hero h1{font-size:clamp(42px,10.5vw,68px)!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}