:root{--font-primary:'Manrope',Arial,sans-serif;--font-heading:'Manrope',Arial,sans-serif;--color-bg:#090a0c;--color-bg-card:#0f1013;--color-border:#292b30;--color-text-muted:#a9aab0;--color-primary:#e9ebed}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:#090a0c;color:#f5f5f4}::selection{background:#cdd6e0;color:#111}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:5px}.container{max-width:1260px;width:90%}section{padding:110px 0}h2{font-family:var(--font-heading);font-size:clamp(30px,4vw,54px);font-weight:600;letter-spacing:-2px;line-height:1.13}h2 em{font-style:normal;color:#989ba2}p{line-height:1.8}.overline{font-family:var(--font-primary);font-size:10px!important;letter-spacing:3px!important;color:#a9acb3!important}.btn{border-radius:6px!important;text-transform:none;letter-spacing:0!important;font-weight:600;font-size:12px;transition:background .25s,transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 26px #fff1}.btn-primary{background:linear-gradient(135deg,#fff,#c6c9cf);color:#111!important;border:1px solid #fff8}.btn-primary:hover{background:#fff;color:#111!important}.btn-outline{background:#ffffff05;border-color:#ffffff30;color:#eee}.btn-outline:hover{background:#fff1;color:#fff}
body:has(.hero) #main-header{position:absolute;top:22px;left:3%;width:94%;background:#11131888;border:1px solid #ffffff28;border-radius:12px;backdrop-filter:blur(22px);z-index:1000;box-shadow:0 8px 40px #0002}body:has(.hero) #main-header .container{width:100%;max-width:none;padding:0 26px}body:has(.hero) nav{height:80px}#main-header .logo .brand-name{display:flex!important;align-items:center;gap:16px;white-space:normal!important}#main-header .brand-name b{font-size:32px;font-weight:800;letter-spacing:-3px;line-height:1}.brand-dot{color:#bcc3cb}.brand-descriptor{font-size:9px;letter-spacing:1.7px;line-height:1.6;font-weight:500;border-left:1px solid #ffffff35;padding-left:16px}#main-header .header-contacts{display:none!important}.nav-links{gap:30px}.nav-links li a{font-size:11px;text-transform:none;letter-spacing:.3px}.nav-links li a.btn-primary{padding:12px 24px;border-radius:5px!important}.nav-links li a::after{display:none}.nav-links li a:not(.btn):hover{color:#bbb}.nav-links li a.active{color:#fff}
body .hero{position:relative;isolation:isolate;min-height:790px;height:92svh;max-height:1100px;padding:180px 5% 100px;display:flex;align-items:center;justify-content:center;text-align:center;background-image:linear-gradient(180deg,#06080a18 0%,#06080a20 25%,#06080a65 55%,#090a0c 100%),linear-gradient(90deg,#03040635,#03040600),url('salon.jpg');background-position:center 44%;background-size:cover}.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 24.94%,#ffffff08 25%,transparent 25.06%,transparent 74.94%,#ffffff08 75%,transparent 75.06%)}.hero-content{position:relative;z-index:1}.hero-content>span{font-size:10px!important;letter-spacing:5px!important;color:#fff!important;margin-bottom:25px!important}.hero h1{font-family:var(--font-heading);font-size:clamp(62px,10.7vw,155px)!important;font-weight:800;letter-spacing:-.075em;line-height:1.02;text-shadow:0 4px 40px #0003;white-space:nowrap;position:relative;display:inline-block}.hero h1>span:not(.title-dot){font-weight:300}.hero h1 .title-dot{position:absolute;right:-22px;top:12%;font-size:18px;font-weight:400;letter-spacing:0}.hero .divider{display:none}.hero p{font-size:14px!important;letter-spacing:5px;color:#e1e1e4!important;margin-top:26px!important}.hero .hero-actions{margin-top:35px!important;flex-direction:row!important}.hero .hero-actions>.btn{min-width:160px!important;padding:14px 26px!important;background:#ffffff12;backdrop-filter:blur(12px);border:1px solid #ffffff60;font-size:12px!important}.hero .hero-instagram{border-radius:6px!important;width:49px!important;height:49px!important;background:#ffffff12;backdrop-filter:blur(12px);border:1px solid #ffffff60}.hero .hero-instagram svg{width:21px}.hero-coordinate,.hero-index{position:absolute;bottom:47px;font-size:9px;letter-spacing:2px;color:#c4c6cb}.hero-coordinate{left:5%}.hero-index{right:5%}.scroll-note{display:flex;justify-content:space-between;align-items:center;padding:0 5% 30px;font-size:9px;letter-spacing:2px;color:#8f9299;border-bottom:1px solid #25272b}.scroll-note a{color:#bfc2c8}.hero+ .scroll-note+section{padding:37px 0!important;background:#0c0d0f!important;border-top:0!important}.features-strip{gap:0;display:grid;grid-template-columns:repeat(4,1fr)}.feature-item{text-align:left;padding:0 24px;border-right:1px solid #27292f}.feature-item:first-child{padding-left:0}.feature-item:last-child{border:0}.feature-item i{display:none}.feature-item h3{font-family:var(--font-primary);font-size:12px!important;letter-spacing:0;font-weight:600}.feature-item p{font-size:10px!important;margin-top:6px;color:#90939a!important}
.about-grid{grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-img{height:520px!important;object-fit:cover;object-position:38% center;border-radius:12px;border:1px solid #ffffff20;filter:saturate(.78)}.about-grid p{font-size:13px}.about-grid .divider{width:34px;background:linear-gradient(90deg,#d7dce3,#4c525c)}.section-title{margin-bottom:48px}.section-title h2{margin-top:12px}.service-card{position:relative;border:1px solid #2b2e34!important;background:linear-gradient(135deg,#1b1d22,#101114)!important;border-radius:12px;padding:36px!important;box-shadow:inset 0 1px #ffffff09;transition:transform .3s,border-color .3s}.service-card:hover{transform:translateY(-5px);border-color:#777d86!important}.service-card.featured{background:linear-gradient(135deg,#292d34,#15171b)!important;color:white!important}.service-card h3{font-size:17px!important;font-weight:600;letter-spacing:-.4px}.service-card i{color:#c0c7d2!important;font-size:20px!important;margin-bottom:30px!important}.service-card p{font-size:12px!important;min-height:48px}.service-card>span{font-size:28px;font-weight:500!important;letter-spacing:-1px}.service-card small{font-size:10px}.tim-reviews-grid{gap:20px}.tim-review{border-radius:12px!important;background:#111216!important;border-color:#292c32!important;padding:32px!important}.tim-review blockquote{font-size:13px!important}.tim-review-stars{font-size:11px!important;color:#cdd0d5!important}.tim-review figcaption strong{font-size:11px!important}.tim-review figcaption span{font-size:9px!important}#avis-clients+.container{max-width:none}#avis-clients+section{position:relative;background:radial-gradient(ellipse at 50% 100%,#252a3344,transparent 70%);border-top:1px solid #24272c}#avis-clients+section h2{font-size:clamp(30px,4vw,54px)!important}#avis-clients+section p{font-size:12px}footer{background:#07080a;border-top:1px solid #24262c;padding-bottom:35px}.footer-col h3{font-size:10px;letter-spacing:2px}.footer-col p,.footer-col li{font-size:11px}.footer-col>p:first-child{font-family:var(--font-primary)!important;font-weight:700;letter-spacing:-1px}.footer-bottom{font-size:10px;color:#777}.mobile-booking{background:linear-gradient(135deg,#fff,#c6c9cf);color:#111!important;border:1px solid #fff7}.menu-toggle .bar{background:#eee}
@media(min-width:769px){.mobile-booking{display:none!important}}
@media(max-width:1000px){.nav-links{gap:18px}.brand-descriptor{font-size:8px;letter-spacing:1px}.hero h1{font-size:11vw!important}.features-strip{grid-template-columns:1fr 1fr;gap:28px}.feature-item:nth-child(3){padding-left:0}.feature-item:nth-child(2){border:0}.about-img{height:420px!important}}
@media(max-width:768px){body:has(.hero) #main-header{top:12px;border-radius:9px}body:has(.hero) nav{height:64px}body:has(.hero) #main-header .container{padding:0 18px}#main-header .brand-name b{font-size:28px}.brand-descriptor{font-size:7px}.nav-links{background:#111317f7!important;backdrop-filter:blur(24px);border:1px solid #ffffff26;border-radius:12px;left:-1px!important;right:-1px;width:calc(100% + 2px)!important;top:74px!important;height:auto!important;padding:25px!important;gap:18px;box-shadow:0 12px 30px #0008}.nav-links li a{font-size:15px}.hero{min-height:650px!important;height:87svh!important;max-height:850px;padding:130px 6% 120px!important;background-position:43% center!important}.hero h1{font-size:12vw!important;letter-spacing:-.075em}.hero h1 .title-dot{font-size:10px;right:-12px}.hero p{font-size:9px!important;letter-spacing:2px!important}.hero-content>span{font-size:8px!important;letter-spacing:3px!important}.hero .hero-actions{margin-top:26px!important;gap:10px!important}.hero-coordinate,.hero-index{font-size:7px;letter-spacing:1px;bottom:32px}.scroll-note{font-size:7px;letter-spacing:1px;padding-bottom:22px}.features-strip{gap:23px}.feature-item{padding:0 12px}.feature-item h3{font-size:10px!important}.feature-item p{font-size:9px!important;line-height:1.6}section{padding:70px 0}.about-grid{grid-template-columns:1fr;gap:36px}.about-img{height:350px!important}.container{width:88%}.about-grid h2{font-size:37px}.service-card{padding:28px!important}.service-card p{min-height:0}.tim-reviews-grid{grid-template-columns:1fr}.footer-content{gap:30px}.footer-col:first-child{grid-column:1/-1}footer{padding-bottom:95px}.mobile-booking{border-radius:8px!important;font-size:12px!important;letter-spacing:0!important;font-weight:700}body:has(.hero) .mobile-booking{border-radius:8px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:900px){#main-header .nav-links{position:absolute;left:-1px!important;right:-1px;top:90px!important;width:calc(100% + 2px)!important;height:auto!important;padding:25px!important;background:#111317f7!important;border:1px solid #ffffff26;border-radius:12px;gap:18px;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}#main-header .nav-links.active{visibility:visible;opacity:1;pointer-events:auto;transform:none}#main-header .nav-links li a{font-size:15px}}
@media(max-width:768px){#main-header .nav-links{top:74px!important}}
