.hero{background:#090909;overflow:hidden;isolation:isolate}.hero-slides{position:absolute;inset:0;z-index:0}.hero-copy,.hero-scroll{position:relative;z-index:1}.hero-slide{position:absolute;inset:0;opacity:0;transform:translateX(-100%);transition:transform 1.05s cubic-bezier(.77,0,.18,1),opacity .5s ease;background-position:center;background-size:cover}.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505e6 5%,#050505aa 44%,#05050536 77%,#05050599)}.hero-slide.active{opacity:1;transform:translateX(0)}.hero-slide.leaving{opacity:0;transform:translateX(100%)}.slide-salon{background-image:url('assets/hero-salon.png')}.slide-waves{background-image:url('assets/hero-waves.png')}.slide-balayage{background-image:url('assets/hero-balayage.png')}.hero-slider-ui{position:absolute;right:8vw;bottom:42px;display:flex;align-items:center;gap:18px;color:#fff;font-size:10px;letter-spacing:2px;z-index:2}.slide-count b{font-size:14px;color:var(--gold)}.slide-progress{height:1px;width:100px;background:#ffffff55;overflow:hidden}.slide-progress i{display:block;width:0;height:100%;background:var(--gold);animation:progress 5s linear infinite}.slider-next{border:0;background:none;color:#fff;font:300 32px/1 "Montserrat",sans-serif;cursor:pointer;padding:2px 0;transition:color .2s,transform .2s}.slider-next:hover{color:var(--gold);transform:translateX(5px)}.hero-copy.copy-in{animation:copyIn .65s ease both}@keyframes progress{to{width:100%}}@keyframes copyIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.nav-cta{font-size:12px;letter-spacing:1.2px;font-weight:600}.button{font-size:11px;letter-spacing:1.1px;font-weight:600}.button-light{border-color:#fff9;background:#16120d66;backdrop-filter:blur(5px)}.button-light:hover{background:var(--gold);border-color:var(--gold);color:#16120d}@media(max-width:800px){.hero-slider-ui{right:7vw;bottom:28px}.slide-progress{width:56px}.hero-scroll{bottom:30px;font-size:7px}.hero-slide{background-position:center}.hero-slide::after{background:linear-gradient(90deg,#050505dd,#05050571,#050505c7)}}
.gallery-card.card-a{background-image:url('assets/atelier-wavy-halfup.jpeg');background-position:center}.gallery-card.card-b{background-image:url('assets/atelier-blonde.jpeg');background-position:center;filter:none}.gallery-card.card-c{background-image:url('assets/atelier-balayage.jpeg');background-position:center}
.contact-section{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:#f6f5f2}.contact-map{min-height:620px;background:#e6e2dc}.contact-map iframe{border:0;width:100%;height:100%;display:block;filter:grayscale(.18) contrast(.95)}.contact-content{padding:105px 10vw 90px 8vw}.contact-content h2{font-size:clamp(44px,5.2vw,72px);line-height:.96;letter-spacing:-3px;text-transform:uppercase;margin:0;font-weight:700}.contact-content h2 em{font-weight:300;text-transform:none}.contact-lead{max-width:510px;font-size:14px;font-weight:300;line-height:1.9;margin:30px 0 46px;color:#534f49}.contact-details{display:grid;gap:0;border-top:1px solid #d4cec4}.contact-details a{display:grid;grid-template-columns:120px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid #d4cec4;font-size:13px;line-height:1.7;transition:color .2s}.contact-details a:hover{color:var(--gold)}.contact-details b{font-size:9px;letter-spacing:1.8px;text-transform:uppercase}.contact-details span{font-weight:300}@media(max-width:800px){.contact-section{grid-template-columns:1fr}.contact-map{min-height:340px;order:2}.contact-content{padding:72px 7vw}.contact-content h2{letter-spacing:-2px}.contact-details a{grid-template-columns:88px 1fr;font-size:12px}}
.quick-actions{position:fixed;z-index:20;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,1fr);height:52px;background:#b89455eF;color:#fff;backdrop-filter:blur(12px);box-shadow:0 -8px 30px #00000022}.quick-actions a{display:flex;align-items:center;justify-content:center;transition:background .2s}.quick-actions a:hover{background:#0f0e0ddd}.quick-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.quick-actions .whatsapp-icon{fill:currentColor;stroke:none}body{padding-bottom:52px}@media(max-width:650px){.quick-actions{height:46px}.quick-actions svg{width:19px;height:19px}.hero .script{margin-bottom:7px;font-size:58px;line-height:.9}.hero h1{line-height:1.03}.hero-copy{padding-bottom:35px}body{padding-bottom:46px}}
.brand{font-size:22px;letter-spacing:-1.8px}.brand span{font-weight:300;letter-spacing:.6px;margin-left:4px}.brand small{font-size:6px;letter-spacing:2.5px;margin-top:8px}
.footer-bottom .made-by{color:#b8b5b1;transition:color .2s}.footer-bottom .made-by span{color:#dca44f}.footer-bottom .made-by:hover{color:#fff}
.scroll-cue{position:absolute;z-index:2;bottom:28px;left:50%;width:30px;height:44px;transform:translateX(-50%);display:grid;place-items:start center;opacity:.9}.scroll-cue span{width:10px;height:10px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(45deg);animation:scrollCue 1.6s ease-in-out infinite}@keyframes scrollCue{0%,100%{transform:translateY(0) rotate(45deg);opacity:.35}50%{transform:translateY(9px) rotate(45deg);opacity:1}}.scroll-cue:hover{opacity:1}

/* Portrait crops preserve the full styling work on narrow screens. */
@media (max-width: 800px) {
  .slide-salon { background-image: url('assets/hero-salon-mobile.png'); }
  .slide-waves { background-image: url('assets/hero-waves-mobile.png'); }
  .slide-balayage { background-image: url('assets/hero-balayage-mobile.png'); }
  .scroll-cue { bottom:58px; }
}

@media (prefers-reduced-motion: reduce) {.scroll-cue span{animation:none}}

/* Refined wordmark treatment for the header. */
.header .brand{min-width:220px;font-size:27px;letter-spacing:-2.2px;line-height:.8}.header .brand span{letter-spacing:.4px;margin-left:5px}.header .brand small{display:flex;align-items:center;gap:6px;width:100%;margin-top:10px;font-size:6px;letter-spacing:1.5px;line-height:1;color:#ffffffcc}.header .brand small::before,.header .brand small::after{content:"";height:1px;flex:1;background:#ffffff88}.header .brand small::before{margin-left:1px}.header .brand small::after{margin-right:1px}@media(max-width:800px){.header .brand{min-width:0;font-size:21px}.header .brand small{font-size:5px;letter-spacing:1.8px;margin-top:8px}}

@media (max-width:650px){.section-heading h2{font-size:clamp(40px,12vw,52px);line-height:1}.mobile-title-line{display:block}#hizmetler .section-heading h2,#randevu h2{font-size:clamp(32px,9.5vw,36px);line-height:1.08;letter-spacing:-1.4px}}