@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,700&family=Barlow:wght@300;400;500;600&family=Barlow+Condensed:wght@400;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}.home-wrap{background:#080808;color:#f5f0eb;font-family:Barlow,sans-serif;overflow-x:hidden;min-height:100vh}.navbar{position:fixed;top:0;left:0;right:0;z-index:200;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}.navbar.scrolled{background:#080808f7;border-bottom-color:#1a1a1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;padding:1.25rem 2rem;gap:1.5rem}.nav-brand{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.nav-logo{height:42px;width:auto;-o-object-fit:contain;object-fit:contain}.nav-brand-text{display:flex;flex-direction:column}.nav-brand-name{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:900;color:#f5f0eb;line-height:1}.nav-brand-tagline{font-family:Barlow Condensed,sans-serif;font-size:.6rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#a09890}.nav-links{display:flex;gap:.25rem;flex:1;justify-content:center}.nav-link{background:none;border:none;color:#a09890;font-family:Barlow Condensed,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.5rem .85rem;cursor:pointer;transition:color .2s}.nav-link:hover{color:#f5f0eb}.nav-cta{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.btn-ghost-nav{background:none;border:1px solid #2a2a2a;color:#a09890;font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.4rem 1rem;border-radius:2px;cursor:pointer;transition:all .2s;text-decoration:none}.btn-ghost-nav:hover{border-color:#444;color:#f5f0eb}.btn-booking{background:#cc1c1c;color:#f5f0eb;font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.45rem 1.1rem;border-radius:2px;border:none;cursor:pointer;transition:background .2s;text-decoration:none}.btn-booking:hover{background:#e82020}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.25rem}.hamburger span{display:block;width:22px;height:2px;background:#f5f0eb}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:8rem 5% 5rem;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 70% at 70% 50%,rgba(204,28,28,.12) 0%,transparent 70%),radial-gradient(ellipse 40% 50% at 20% 80%,rgba(201,168,76,.05) 0%,transparent 60%),#080808}.hero-bg:after{content:"";position:absolute;top:0;right:0;width:45%;height:100%;background:linear-gradient(135deg,transparent 48%,rgba(204,28,28,.06) 48%,rgba(204,28,28,.06) 52%,transparent 52%)}.hero-content{position:relative;z-index:2;max-width:680px}.hero-tag{display:inline-flex;align-items:center;gap:.6rem;font-family:Barlow Condensed,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#cc1c1c;margin-bottom:1.8rem}.hero-tag:before{content:"";width:28px;height:1px;background:#cc1c1c}.hero-title{font-family:Playfair Display,serif;font-size:clamp(3.2rem,7vw,6rem);font-weight:900;line-height:1;letter-spacing:-.02em;margin-bottom:1.6rem;color:#f5f0eb}.hero-title .accent{color:#cc1c1c;font-style:italic}.hero-title .outline{-webkit-text-stroke:1px #a09890;color:transparent}.hero-sub{font-size:1.05rem;color:#a09890;line-height:1.7;max-width:480px;margin-bottom:2.8rem;font-weight:300}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.hero-stats{position:absolute;right:5%;bottom:8%;display:flex;gap:3rem;z-index:2}.stat{text-align:center}.stat-num{font-family:Playfair Display,serif;font-size:2.4rem;font-weight:900;color:#f5f0eb;line-height:1}.stat-num span{color:#cc1c1c}.stat-label{font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#a09890;margin-top:.3rem}.btn-primary{background:#cc1c1c;color:#f5f0eb;padding:.9rem 2.2rem;font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:background .2s,transform .15s;display:inline-block;border:none;cursor:pointer}.btn-primary:hover{background:#e82020;transform:translateY(-1px)}.btn-ghost{color:#a09890;padding:.9rem 2.2rem;font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;border:1px solid #222;border-radius:2px;transition:color .2s,border-color .2s;display:inline-block;background:transparent;cursor:pointer}.btn-ghost:hover{color:#f5f0eb;border-color:#a09890}.section{padding:7rem 5%;background:#080808}.section-dark{background:#111}.divider{height:1px;background:linear-gradient(90deg,transparent,#222,transparent);margin:0 5%}.section-tag{display:inline-flex;align-items:center;gap:.6rem;font-family:Barlow Condensed,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#cc1c1c;margin-bottom:1rem}.section-tag:before{content:"";width:20px;height:1px;background:#cc1c1c}.section-title{font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.1;margin-bottom:1rem;color:#f5f0eb}.section-title em{color:#cc1c1c;font-style:italic}.section-sub{color:#a09890;font-size:.95rem;line-height:1.7;max-width:520px;font-weight:300}.services-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4rem;flex-wrap:wrap;gap:1.5rem}.layanan-group{margin-bottom:80px}.layanan-group:last-child{margin-bottom:0}.layanan-group-label{font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#a09890;margin-bottom:32px;padding-left:14px;border-left:2px solid #cc1c1c}.layanan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.layanan-card{background:#161616;border:1px solid #222;border-radius:4px;padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .25s,transform .25s}.layanan-card:hover{border-color:#cc1c1c;transform:translateY(-4px)}.layanan-card-icon{font-size:1.8rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#cc1c1c14;border:1px solid rgba(204,28,28,.2);border-radius:4px}.layanan-card-body{flex:1}.layanan-card-name{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;color:#f5f0eb;margin-bottom:.4rem}.layanan-card-desc{font-size:.82rem;color:#a09890;line-height:1.5;font-weight:300}.layanan-card-footer{display:flex;align-items:baseline;justify-content:space-between;padding-top:1rem;border-top:1px solid #222}.layanan-card-harga{font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.03em;color:#c9a84c}.layanan-card-durasi{font-size:.75rem;color:#555;font-family:Barlow Condensed,sans-serif}.rekom-section{background:#080808;position:relative;overflow:hidden}.rekom-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(204,28,28,.07) 0%,transparent 70%);pointer-events:none}.rekom-header{text-align:center;margin-bottom:1rem}.rekom-unlock-note{text-align:center;margin-bottom:3.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#cc1c1c}.rekom-unlock-note:before,.rekom-unlock-note:after{content:"";flex:1;max-width:80px;height:1px;background:#cc1c1c;opacity:.4}.wajah-marquee-wrap{overflow:hidden;width:100%;margin:40px 0 48px;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.wajah-marquee-track{display:flex;gap:40px;width:-moz-max-content;width:max-content;animation:marquee-scroll 24s linear infinite}.wajah-marquee-wrap:hover .wajah-marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.wajah-marquee-item{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.wajah-marquee-svg{width:64px;height:86px;color:#3a3a3a;transition:color .25s}.wajah-marquee-item:hover .wajah-marquee-svg{color:#c9a84c}.wajah-marquee-label{font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;color:#444;letter-spacing:1.5px;text-transform:uppercase}.haircut-preview{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#222;border:1px solid #222;max-width:900px;margin:0 auto 2rem}.haircut-card{background:#161616;padding:2rem 1.5rem;text-align:center;position:relative;overflow:hidden}.haircut-silhouette{width:80px;height:100px;margin:0 auto 1rem}.haircut-silhouette svg{width:100%;height:100%}.haircut-name{font-family:Barlow Condensed,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.3rem;color:#f5f0eb}.haircut-desc{font-size:.75rem;color:#a09890;line-height:1.5}.haircut-face-tag{display:inline-block;margin-top:.8rem;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#cc1c1c;border:1px solid rgba(204,28,28,.3);padding:.2rem .6rem;border-radius:2px}.haircut-card.locked .haircut-silhouette,.haircut-card.locked .haircut-name,.haircut-card.locked .haircut-desc,.haircut-card.locked .haircut-face-tag{filter:blur(5px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.haircut-card.preview-visible{border-bottom:2px solid #cc1c1c}.preview-badge{position:absolute;top:.6rem;right:.6rem;background:#cc1c1c;color:#f5f0eb;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .5rem;border-radius:2px}.haircut-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#080808bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:10}.lock-title{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:900;text-align:center;color:#f5f0eb}.lock-sub{font-size:.8rem;color:#a09890;text-align:center;max-width:260px;line-height:1.6;font-weight:300}.lock-cta{background:#cc1c1c;color:#f5f0eb;padding:.7rem 1.8rem;font-family:Barlow Condensed,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:background .2s;display:inline-block;margin-top:.3rem}.lock-cta:hover{background:#e82020}.barbers-header{margin-bottom:4rem}.barbers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.barber-card{background:#161616;border:1px solid #222;overflow:hidden;transition:border-color .25s}.barber-card:hover{border-color:#cc1c1c}.barber-avatar{width:100%;aspect-ratio:3/4;background:linear-gradient(160deg,#1c1c1c,#111);display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative;overflow:hidden}.barber-foto{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.barber-avatar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,#161616,transparent)}.barber-info{padding:1.2rem 1.5rem 1.5rem}.barber-name{font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700;margin-bottom:.2rem;color:#f5f0eb}.barber-role{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#cc1c1c}.barber-specialty{font-size:.82rem;color:#a09890;margin-top:.6rem;line-height:1.5}.jadwal-header{margin-bottom:2rem}.jadwal-filter{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.date-btn{background:#161616;border:1px solid #222;color:#a09890;font-family:Barlow Condensed,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.5rem 1.25rem;border-radius:2px;cursor:pointer;transition:all .2s}.date-btn:hover{border-color:#444;color:#f5f0eb}.date-btn.active{background:#cc1c1c1a;border-color:#cc1c1c;color:#cc1c1c}.date-input{background:#161616;border:1px solid #222;color:#f5f0eb;font-family:Barlow,sans-serif;font-size:.85rem;padding:.5rem .9rem;border-radius:2px;outline:none;color-scheme:dark;transition:border-color .2s}.date-input:focus{border-color:#cc1c1c}.jadwal-date-label{font-family:Barlow Condensed,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#a09890;margin-bottom:1.25rem}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}.slot-item{padding:1rem;border-radius:2px;border:1px solid;transition:all .2s}.slot-free{background:#22c55e0d;border-color:#22c55e33}.slot-booked{background:#cc1c1c0d;border-color:#cc1c1c33}.slot-jam{font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700;color:#f5f0eb;margin-bottom:.35rem}.slot-booking-info{display:flex;align-items:center;gap:.4rem}.slot-barber{font-size:.7rem;color:#a09890;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.slot-free-text{font-size:.72rem;color:#4ade80;font-family:Barlow Condensed,sans-serif;font-weight:600;letter-spacing:.08em}.slot-legend{display:flex;gap:1.5rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#a09890}.legend-box{width:14px;height:14px;border-radius:2px;border:1px solid}.legend-box.free{background:#22c55e1a;border-color:#22c55e4d}.legend-box.booked{background:#cc1c1c1a;border-color:#cc1c1c4d}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.testi-header{margin-bottom:4rem}.testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.testi-card{background:#080808;border:1px solid #222;padding:2rem;position:relative}.testi-quote{font-size:3rem;line-height:1;color:#cc1c1c;font-family:Playfair Display,serif;opacity:.4;position:absolute;top:1rem;right:1.5rem}.testi-stars{font-size:.9rem;letter-spacing:.1em;margin-bottom:1rem}.star-filled{color:#c9a84c}.star-empty{color:#2a2a2a}.testi-text{font-size:.9rem;color:#a09890;line-height:1.7;margin-bottom:1.5rem;font-weight:300;font-style:italic}.testi-author{display:flex;align-items:center;gap:.8rem}.testi-avatar{width:36px;height:36px;border-radius:50%;background:#cc1c1c;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#f5f0eb;flex-shrink:0}.testi-name{font-size:.85rem;font-weight:600;color:#f5f0eb}.testi-date{font-size:.75rem;color:#a09890}.lokasi-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.lokasi-detail{margin-top:2.5rem;display:flex;flex-direction:column;gap:1.5rem}.lokasi-item{display:flex;gap:1.2rem;align-items:flex-start}.lokasi-icon{width:40px;height:40px;background:#cc1c1c2e;border:1px solid rgba(204,28,28,.3);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.lokasi-item-title{font-family:Barlow Condensed,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#a09890;margin-bottom:.3rem}.lokasi-item-val{font-size:.92rem;line-height:1.6;color:#f5f0eb}.map-container{aspect-ratio:4/3;border:1px solid #222;overflow:hidden;filter:grayscale(30%) contrast(1.1);transition:filter .3s}.map-container:hover{filter:grayscale(0%) contrast(1)}.cta-banner{margin:0 5% 5rem;background:#cc1c1c;padding:4rem 5%;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;right:-5%;top:-30%;width:350px;height:350px;border-radius:50%;background:#ffffff0d}.cta-title{font-family:Playfair Display,serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900;margin-bottom:.4rem;color:#f5f0eb}.cta-sub{font-size:.9rem;opacity:.85;font-weight:300;color:#f5f0eb}.btn-white{background:#f5f0eb;color:#cc1c1c;padding:.9rem 2.4rem;font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:opacity .2s;display:inline-block;position:relative;z-index:1;white-space:nowrap}.btn-white:hover{opacity:.9}.footer{background:#0a0a0a;border-top:1px solid #1a1a1a;padding:1.5rem 5%}.footer-bottom{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#a09890}.footer-link{color:#a09890;text-decoration:none;transition:color .2s}.footer-link:hover{color:#cc1c1c}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:.1s}.reveal:nth-child(3){transition-delay:.2s}.reveal:nth-child(4){transition-delay:.3s}@media(max-width:1024px){.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:fixed;top:70px;left:0;right:0;background:#080808fa;padding:1.5rem;border-bottom:1px solid #1a1a1a}.hamburger{display:flex}.slot-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.hero-stats{position:static;margin-top:3rem;justify-content:flex-start}.lokasi-layout{grid-template-columns:1fr;gap:2.5rem}.services-header{flex-direction:column;align-items:flex-start}.haircut-preview,.slot-grid{grid-template-columns:repeat(2,1fr)}.section{padding:5rem 5%}.fan-icon-lg{font-size:40px}.wajah-marquee-svg{width:52px;height:70px}}