:root{--paper: #f0efeb;--paper-2: #e7e5df;--paper-3: #d8d5cc;--ink: #161616;--ink-2: #3d3d3a;--red: #b5342f;--red-deep: #8a1f1b;--red-dark: #6d1613;--graph: #2c2c2a;--graph-2: #3a3a36;--line: #c6c2b7;--line-dark: #4a4842;--on-ink: #d9877f;--on-ink-2: #b0aca2;--mono: "Saira", "Arial Narrow", sans-serif;--disp: "Righteous", "Arial Black", sans-serif;--body: "Saira", system-ui, sans-serif;--shadow: 0 16px 38px -20px rgba(22, 22, 22, .5);--focus: 3px solid #b5342f}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bf,.rv{opacity:1!important;filter:none!important;transform:none!important}*,*:before,*:after{animation:none!important;transition:none!important}.bf{opacity:1!important}}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:var(--red-deep)}:focus-visible{outline:var(--focus);outline-offset:2px}.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink);color:var(--paper);padding:10px 18px}.skip:focus{left:8px;top:8px}h1,h2,h3,.brand-t,.nf-code{font-family:var(--disp);font-weight:400;text-transform:uppercase;letter-spacing:.015em;line-height:1.04}h1{font-size:clamp(2.5rem,6vw,4.4rem)}h2{font-size:clamp(1.7rem,3.4vw,2.5rem);margin-top:10px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.small{font-size:.82rem;color:var(--ink-2)}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:600;color:var(--red-deep)}.lead{color:var(--ink-2);max-width:58ch;margin-top:10px}.wrap{width:min(1180px,92vw);margin-inline:auto}section{padding:clamp(56px,9vw,110px) 0}.clip{position:relative}.clip:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);transform:scaleY(0);transform-origin:top;z-index:3;pointer-events:none}.clip.in:before{animation:clip-guide .62s cubic-bezier(.2,.7,.2,1) forwards}.clip>*{opacity:0;transform:translate(-18px)}.clip.in>*{animation:clip-cut .56s cubic-bezier(.2,.7,.2,1) forwards}.clip.in>*:nth-child(2){animation-delay:60ms}.clip.in>*:nth-child(3){animation-delay:.12s}@keyframes clip-guide{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes clip-cut{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 22px;border-radius:2px;font-family:var(--disp);font-weight:400;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border:2px solid var(--ink);cursor:pointer;transition:transform .12s ease,background .12s ease,color .12s ease}.btn:active{transform:translateY(1px) scale(.995)}.btn-solid{background:var(--ink);color:var(--paper)}.btn-solid:hover{background:var(--red);border-color:var(--red);color:#fff}.btn-line{background:transparent;color:var(--ink)}.btn-line:hover{background:var(--ink);color:var(--paper)}.btn-lg{min-height:56px;width:100%;font-size:1.12rem}.btn-sm{min-height:44px;padding:6px 14px;font-size:.9rem}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--ink)}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;padding:10px clamp(12px,4vw,40px);background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--ink);max-width:100vw;overflow:hidden}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand img{width:30px;height:30px}.brand-t{font-size:1.22rem;letter-spacing:.02em}.brand-t b{color:var(--red)}.topbar nav{margin-left:auto;min-width:0}#nav{display:flex;gap:4px;min-width:0}#nav a{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:600;text-decoration:none;color:var(--ink);padding:12px;min-height:44px;display:inline-flex;align-items:center}#nav a:hover{color:var(--red-deep)}#menu-btn{display:none}.topbar-wa{margin-left:6px}.nav-wa{display:none}.btn-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.hero{position:relative;border-bottom:2px solid var(--ink);overflow:hidden;padding:clamp(28px,5vw,64px) 0 clamp(48px,7vw,90px);background:linear-gradient(90deg,rgba(22,22,22,.07) 1.5px,transparent 1.5px) 0 0 / 72px 72px,linear-gradient(0deg,rgba(22,22,22,.07) 1.5px,transparent 1.5px) 0 0 / 72px 72px,var(--paper)}.hero-grid{position:relative;z-index:2;width:min(1240px,94vw);margin-inline:auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(20px,3vw,44px);align-items:center}.kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;font-weight:600;color:var(--red-deep)}.hero h1{margin-top:12px;font-size:clamp(2.3rem,4.4vw,3.7rem)}.hero h1:after{content:"";display:block;width:120px;height:10px;margin-top:18px;background:repeating-linear-gradient(-45deg,var(--red) 0 10px,#fff 10px 20px,var(--ink) 20px 30px,#fff 30px 40px);border:2px solid var(--ink)}.hero-sub{max-width:46ch;margin-top:18px;font-size:1.1rem;color:var(--ink-2)}.hero-cta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.hero-chips{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.hero-chips span{padding:8px 16px;border-radius:999px;font-size:.9rem;min-height:44px;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--ink)}.hero-chips b{font-family:var(--disp);font-size:1.25rem;font-weight:400;color:var(--red)}.hero-stage{position:relative;min-width:0}.hero-photo{position:relative;aspect-ratio:1.02;max-height:78vh;width:100%}.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:38% 30%;border:2px solid var(--ink);background:var(--paper-3)}.hp-a{clip-path:inset(0 83% 0 0);transform:translateY(-18px)}.hp-b{clip-path:inset(0 0 0 calc(17% + 40px));transform:translateY(14px)}.pole{position:absolute;left:17%;top:-34px;bottom:-34px;width:40px;z-index:3;display:flex;flex-direction:column;box-shadow:0 10px 16px -8px #16161673}.pole-body{position:relative;flex:1;overflow:hidden;border:2px solid var(--ink);border-top:0;border-bottom:0;background:#fff}.pole-body:before{content:"";position:absolute;inset:-80px 0 0;will-change:transform;background:repeating-linear-gradient(-45deg,var(--red) 0 14px,#fff 14px 28px,#2f4a8a 28px 42px,#fff 42px 56px);background-size:80px 80px;animation:pole 3.2s linear infinite}.pole-cap{height:18px;border:2px solid var(--ink);border-radius:10px 10px 2px 2px;background:#cfcbc0}.pole-cap-b{border-radius:2px 2px 10px 10px}@keyframes pole{to{transform:translateY(80px)}}.hero-ticket{position:absolute;right:3%;bottom:-30px;z-index:4;transform:rotate(3deg);filter:drop-shadow(0 18px 18px rgba(22,22,22,.32));animation:tk-drop .9s cubic-bezier(.2,.8,.2,1) .7s backwards}@keyframes tk-drop{0%{transform:translateY(-60px) rotate(-2deg);opacity:0}}.tk{width:min(318px,74vw);padding:14px 20px 30px;background:#fff;color:var(--ink);border-top:8px solid var(--red);-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / 18px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / 18px 100%}.tk-top{display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}.tk-no{font-family:var(--disp);font-size:3.4rem;line-height:1;letter-spacing:.01em;margin:4px 0 2px}.tk-now{font-size:.78rem;letter-spacing:.06em;color:var(--ink-2);border-bottom:2px dashed var(--line);padding-bottom:8px}.tk-now b{color:var(--red-deep)}.tk-steps{list-style:none;display:grid;gap:5px;margin-top:10px;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em}.tk-steps .mono{display:inline-block;font-family:var(--disp);font-size:.85rem;background:var(--ink);color:#fff;padding:0 6px;margin-right:8px;border-radius:2px}.tk-bar,.tp-bar{height:26px;margin-top:12px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,#fff 2px 5px,var(--ink) 5px 6px,#fff 6px 9px,var(--ink) 9px 12px,#fff 12px 14px)}.bf{opacity:0;animation:blurFadeUp 1s ease-out forwards;animation-delay:var(--d, 0ms)}@keyframes blurFadeUp{0%{opacity:0;filter:blur(20px);transform:translateY(40px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.hero-photo.bf{animation-name:fadeOnly}@keyframes fadeOnly{0%{opacity:0}to{opacity:1}}.booking{border-bottom:2px solid var(--ink)}.booking-grid{display:grid;grid-template-columns:1.5fr .9fr;gap:clamp(24px,4vw,60px);align-items:start}.ticket-line{margin-top:26px;padding:10px 14px;background:var(--ink);color:var(--paper);font-size:.8rem;letter-spacing:.14em}#ticket-no{color:#fff;font-weight:700}#ticket-no.roll{animation:roll-up .38s ease;display:inline-block}@keyframes roll-up{0%{transform:translateY(9px);opacity:0}60%{transform:translateY(-2px);opacity:1}to{transform:translateY(0)}}fieldset{border:none}.step{margin-top:26px;padding-top:20px;border-top:2px solid var(--line)}legend{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:600;color:var(--ink-2);margin-bottom:12px}.mm-read{display:inline-block;font-family:var(--disp);color:var(--red);border:2px solid var(--ink);padding:2px 10px;margin-left:8px;font-size:1rem}.tz{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;border:1px solid var(--line);border-radius:2px;padding:2px 6px;vertical-align:2px;text-transform:uppercase;color:var(--ink-2)}.hint{font-size:.85rem;color:var(--ink-2);margin-top:8px}.err{color:var(--red-dark);font-size:.85rem;margin-top:6px;font-weight:600}.form-err{background:#f6e3df;border:1.5px solid var(--red-deep);color:var(--red-dark);padding:10px 14px;border-radius:2px;font-size:.9rem;margin-bottom:14px}.dial{display:flex;flex-wrap:wrap;gap:8px}.dial-mm{width:46px;height:46px;border-radius:2px;background:var(--paper-2);border:1.5px solid var(--line);cursor:pointer;font-size:1.02rem;font-weight:600}.dial-mm:hover{border-color:var(--ink)}.dial-mm.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.service{display:grid;gap:2px;text-align:left;padding:14px 16px;min-height:84px;background:var(--paper-2);border:1.5px solid var(--line);border-radius:2px;cursor:pointer}.service:hover:not([disabled]){border-color:var(--ink)}.service.on{background:var(--ink);border-color:var(--ink)}.service.on .sv-nama,.service.on .sv-ket{color:var(--paper)}.service.on .sv-harga{color:var(--on-ink)}.service.blur{opacity:.45;cursor:not-allowed}.sv-nama{font-weight:700;font-size:1.02rem}.sv-ket{font-size:.8rem;color:var(--ink-2)}.service.on .sv-ket{color:var(--on-ink-2)}.sv-harga{font-weight:600;margin-top:4px}.barber-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.barber{display:grid;justify-items:center;gap:6px;padding:16px 10px;background:var(--paper-2);border:1.5px solid var(--line);border-radius:2px;cursor:pointer}.barber:hover:not(.on){border-color:var(--ink)}.barber.on{background:var(--ink);border-color:var(--ink)}.barber.on .ba-name,.barber.on .ba-peran,.barber.on .ba-exp{color:var(--paper)}.ba-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;position:relative;overflow:hidden;background:var(--graph);color:var(--paper);font-family:var(--disp);font-size:1.5rem;border:2px solid var(--ink);outline:3px solid var(--paper);outline-offset:2px}.ba-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%;transform:scale(2.6);transform-origin:50% 11%;display:block}.barber.on .ba-avatar{background:var(--red)}.ba-name{font-weight:700}.ba-peran{font-size:.78rem;color:var(--ink-2);text-align:center}.barber.on .ba-peran{color:var(--on-ink-2)}.ba-exp{font-size:.72rem;letter-spacing:.04em;color:var(--ink-2);text-align:center}.day-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.day{min-height:64px;padding:6px 4px;display:grid;justify-items:center;gap:2px;align-content:center;background:var(--paper-2);border:1.5px solid var(--line);border-radius:2px;cursor:pointer}.day:not([disabled]):hover{border-color:var(--ink)}.day.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.day[disabled]{opacity:.45;cursor:not-allowed;background:var(--paper-2)}.d-hari{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.d-tgl{font-weight:600}.d-tutup{font-size:.62rem;color:var(--red-dark);text-transform:uppercase;letter-spacing:.08em}.slot-wrap{margin-top:14px}.slot-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.slot{min-height:46px;background:var(--paper-2);border:1.5px solid var(--line);border-radius:2px;cursor:pointer;font-size:.92rem}.slot:not([disabled]):hover{border-color:var(--ink)}.slot.on{background:var(--red);border-color:var(--ink);color:#fff;font-weight:600}.slot[disabled]{opacity:.55;cursor:not-allowed;background:repeating-linear-gradient(45deg,var(--paper-2),var(--paper-2) 5px,var(--paper-3) 5px,var(--paper-3) 10px);text-decoration:line-through}#book-form{margin-top:26px;display:grid;gap:16px}.field label{display:block;font-weight:600;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:10px 12px;background:#fff;border:1.5px solid var(--line);border-radius:2px;font:inherit;color:var(--ink)}.field textarea{min-height:72px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #b5342f2e}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wa-confirm{margin-top:22px;border:2px solid var(--red);border-radius:2px;background:#fdf6f4;padding:20px;display:grid;gap:14px}.wa-ok-title{font-family:var(--disp);font-size:1.25rem;text-transform:uppercase;letter-spacing:.02em}.wa-preview{white-space:pre-wrap;font-family:var(--mono);font-size:.88rem;background:#fff;border:1px dashed var(--line);padding:14px;border-radius:2px}.paket-upsell{margin-top:24px;border:2px solid var(--ink);border-radius:2px;background:var(--paper-2);padding:20px;display:grid;gap:12px}.pu-tag{font-size:.7rem;letter-spacing:.16em;color:var(--red-deep);text-transform:uppercase}.pu-title{font-family:var(--disp);font-size:1.3rem;text-transform:uppercase}.pu-ket{font-size:.95rem;color:var(--ink-2)}.pu-ket b{color:var(--ink)}.punch{list-style:none;display:flex;gap:8px;flex-wrap:wrap}.punch li{width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;font-family:var(--mono);font-weight:700;background:#fff}.punch .punch-free{border-style:dashed;color:var(--red);border-color:var(--red)}.booking-side{align-self:stretch}.booking-extras{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:clamp(28px,4vw,48px)}.guarantee-card,.hours-card{border:2px solid var(--ink);border-radius:2px;background:var(--paper-2);padding:20px;box-shadow:var(--shadow)}.gc-title{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:1.2rem;margin-bottom:12px}.guarantee-card ul{list-style:none;display:grid;gap:12px;font-size:.95rem;color:var(--ink-2)}.guarantee-card b{color:var(--ink)}.hours-card dl{display:grid;grid-template-columns:1fr auto;gap:6px 14px;font-size:.92rem}.hours-card dt{color:var(--ink-2)}.hours-card dd.tutup{color:var(--red-dark)}.harga{background:var(--ink);color:var(--paper);padding-top:0}.harga .wrap{padding-top:clamp(48px,7vw,90px)}.checkered-strip{display:block;width:100%;height:22px;object-fit:cover;object-position:top;opacity:.92}.harga .eyebrow{color:var(--on-ink)}.harga .lead{color:var(--on-ink-2)}.menu-board{margin-top:26px;display:grid;border-top:1px solid var(--line-dark)}.menu-row{display:grid;grid-template-columns:2.4fr 1fr 1fr auto;gap:14px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line-dark)}.mr-name{font-family:var(--disp);font-size:1.18rem;text-transform:uppercase;letter-spacing:.02em}.mr-ket{font-size:.85rem;color:var(--on-ink-2);margin-top:2px}.mr-durasi{font-size:.8rem;color:var(--on-ink-2)}.mr-price{font-weight:700;font-size:1.05rem;color:#fff}.menu-row .btn{border-color:var(--paper);color:var(--paper)}.menu-row .btn:hover{background:var(--paper);color:var(--ink)}.menu-note{margin-top:18px;font-size:.8rem;color:var(--on-ink-2)}.barber-sec{background:var(--paper);border-bottom:2px solid var(--ink)}.barber-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.4vw,30px);margin-top:32px}.barber-card{position:relative;background:#fff;border:2px solid var(--ink);box-shadow:var(--shadow);padding-left:14px}.barber-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;border-right:2px solid var(--ink);background:repeating-linear-gradient(-45deg,var(--red) 0 12px,#fff 12px 24px,var(--ink) 24px 36px,#fff 36px 48px)}.bc-photo{aspect-ratio:3 / 4;overflow:hidden;background:var(--paper-3)}.bc-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.barber-card:hover .bc-photo img{transform:scale(1.04)}.barber-card figcaption{padding:16px 18px 20px;display:grid;gap:4px;border-top:2px solid var(--ink)}.barber-card figcaption b{font-family:var(--disp);font-size:1.5rem;text-transform:uppercase;font-weight:400;line-height:1.1}.bc-peran{font-size:.8rem;color:var(--red-deep);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.bc-exp{font-size:.88rem;color:var(--ink-2)}.bc-gaya{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px}.bc-gaya i{font-style:normal;font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1.5px solid var(--ink);padding:3px 9px;border-radius:999px;background:var(--paper)}.bc-pilih{justify-self:start}.proses{background:var(--paper-2);border-bottom:2px solid var(--ink)}.proses-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(16px,2.4vw,30px);align-items:start}.proses-grid>*{min-width:0}.proses-list{list-style:none;display:grid;gap:10px;margin-top:22px}.proses-list li{display:flex;gap:12px;align-items:baseline;font-weight:600}.proses-list b{font-family:var(--disp);font-weight:400;background:var(--ink);color:#fff;padding:0 7px;border-radius:2px}.vid{background:#fff;border:2px solid var(--ink);padding:10px 10px 0;box-shadow:var(--shadow)}.vid video{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;background:var(--paper-3)}.vid figcaption{padding:10px 2px 12px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;display:flex;gap:8px;align-items:center}.vid figcaption:before{content:"";width:18px;height:8px;background:repeating-linear-gradient(-45deg,var(--red) 0 4px,#fff 4px 8px,var(--ink) 8px 12px,#fff 12px 16px);border:1px solid var(--ink)}.harga-head{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,4vw,56px);align-items:center}.produk{margin:0;border:2px solid var(--paper)}.produk img{display:block;width:100%;height:auto}.produk figcaption{background:var(--paper);color:var(--ink);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:8px 12px}.tp-wrap{display:grid;justify-items:center;padding:8px 0 30px}.tp{width:min(360px,100%);background:#fff;border:2px solid var(--ink);border-top:8px solid var(--red);padding:14px 20px 0;position:relative;box-shadow:var(--shadow)}.tp.printed{animation:tp-print 1.3s steps(14,end) backwards}@keyframes tp-print{0%{clip-path:inset(0 0 100% 0);transform:translateY(-26px)}to{clip-path:inset(0);transform:none}}.tp-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.tp-head .mono{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}.tp-head b{font-family:var(--disp);font-weight:400;font-size:2.2rem}.tp dl{display:grid;gap:6px;margin-top:8px}.tp dl div{display:grid;grid-template-columns:70px 1fr;gap:10px;border-bottom:1px dashed var(--line);padding-bottom:6px}.tp dt{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);padding-top:3px}.tp dd{font-weight:600;overflow-wrap:anywhere}.tp .tp-tot dd{font-family:var(--disp);font-size:1.3rem;font-weight:400;color:var(--red-deep)}.tp-stub{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px -20px 0;padding:12px 20px 14px;border-top:2px dashed var(--ink);background:var(--paper-2);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;transform-origin:0 0;transition:transform .7s cubic-bezier(.4,0,.2,1)}.tp-stub b{font-family:var(--disp);font-weight:400;font-size:1.2rem;letter-spacing:.02em}.tp.torn .tp-stub{transform:translate(14px,10px) rotate(4deg);box-shadow:0 10px 14px -8px #16161680}.paket{background:var(--paper-2);border-bottom:2px solid var(--ink)}.paket-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,60px);align-items:center}.paket-grid>*{min-width:0}#paket-wa{margin-top:22px}.paket-card{background:var(--paper);border:2px solid var(--ink);border-radius:2px;box-shadow:var(--shadow);padding:26px}.pk-name{font-family:var(--disp);font-size:1.6rem;text-transform:uppercase}.pk-name b{color:var(--red)}.pk-price{font-size:1.7rem;font-weight:700;margin-top:6px}.pk-ket{color:var(--ink-2);margin-top:2px}.paket-card .punch{margin-top:18px}.punch-lg li{width:48px;height:48px;font-size:1.05rem}.pk-math{margin-top:20px;border-top:2px dashed var(--line);padding-top:14px;display:grid;gap:8px}.pk-math div{display:flex;justify-content:space-between;gap:12px}.pk-math dt{color:var(--ink-2)}.pk-math dd{font-weight:600}.pk-hemat{border-top:1.5px solid var(--line);padding-top:10px}.pk-hemat dt{color:var(--ink);font-weight:700}.pk-hemat dd{color:var(--red-deep);font-weight:700}.testi{border-bottom:2px solid var(--ink)}.testi-tag{font-size:.8rem;color:var(--ink-2);margin-top:8px}.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.testi-card{background:var(--paper-2);border:1.5px solid var(--line);border-left:4px solid var(--red);border-radius:2px;padding:18px;box-shadow:var(--shadow)}.stars{color:var(--red);letter-spacing:2px;font-size:.9rem}.testi-card blockquote{margin:10px 0 12px;font-size:.95rem;color:var(--ink-2)}.testi-card figcaption{font-size:.88rem}.testi-card figcaption b{font-weight:700}.faq-grid{display:grid;grid-template-columns:.9fr 1.4fr;gap:clamp(24px,4vw,60px);align-items:start}#faq-list{display:grid;border-top:2px solid var(--ink)}#faq-list details{border-bottom:1.5px solid var(--line)}#faq-list summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:12px;padding:14px 4px;font-weight:600;font-size:1.02rem}#faq-list summary::-webkit-details-marker{display:none}#faq-list summary:before{content:"+";font-family:var(--disp);font-size:1.35rem;color:var(--red);width:22px;flex:none}#faq-list details[open] summary:before{content:"–"}#faq-list details p{padding:0 4px 16px 38px;color:var(--ink-2);font-size:.95rem}.lokasi{background:var(--paper-2);border-top:2px solid var(--ink)}.lokasi-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(24px,4vw,60px);align-items:start}.lok-addr{font-style:normal;font-size:1.05rem;margin:14px 0 18px}.lokasi dl{display:grid;grid-template-columns:1fr auto;gap:6px 14px;max-width:320px;margin-bottom:22px;font-size:.92rem}.lokasi dt{color:var(--ink-2)}.lokasi dd.tutup{color:var(--red-dark)}.lok-map{border:2px solid var(--ink);border-radius:2px;overflow:hidden;box-shadow:var(--shadow)}.lok-map svg{display:block;width:100%;height:auto}.lok-right{display:grid;gap:16px}.lok-foto img{object-fit:cover}.lok-foto{border:2px solid var(--ink);border-radius:2px;overflow:hidden;box-shadow:var(--shadow);background:var(--paper-2)}.lok-foto img{display:block;width:100%;height:auto}.lok-foto figcaption{font-size:.78rem;color:var(--ink-2);padding:10px 12px}.footer{position:relative;background:#1a100c;color:var(--paper);padding:clamp(40px,8vw,110px) 0 0;overflow:hidden;border-top:2px solid var(--ink)}.footer-scene{position:absolute;inset:0}.footer-scene img{position:absolute;left:0;width:100%;height:130%;top:-15%;object-fit:cover;will-change:transform;transform:translateY(var(--py, 0px))}.footer-scene:after{content:"";position:absolute;inset:0;background:#1209068c}.footer-card{position:relative;z-index:1;background:#f0efebf5;color:var(--ink);border-radius:6px 6px 0 0;padding:clamp(24px,4vw,44px) clamp(18px,4vw,44px) 0;margin-top:clamp(80px,22vw,340px);box-shadow:0 -20px 60px -20px #0009}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:clamp(20px,4vw,60px);padding-bottom:28px}.footer-brand{font-size:1.6rem}.footer-brand b{color:var(--red)}.footer-h{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700;margin-bottom:6px}.footer a:not(.btn){display:block;color:var(--ink-2);text-decoration:none;padding:10px 0;min-height:44px;font-weight:500}.footer a:not(.btn):hover{color:var(--red)}.footer .small{margin:10px 0 14px}.footer-base{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1.5px solid var(--line);padding:16px 0 20px;font-size:.82rem;color:var(--ink-2)}.topbar-simple{position:static}.legal{padding:40px 0 80px;max-width:780px}.legal h2{margin-top:30px;font-size:1.4rem}.legal p,.legal li{margin-top:10px;color:var(--ink-2)}.legal ul{padding-left:22px}.notfound-body{min-height:100vh;display:grid;place-items:center}.notfound{text-align:center;padding:30px;max-width:560px}.nf-code{font-size:clamp(5rem,16vw,9rem);color:var(--red);line-height:1}.notfound h1{font-size:clamp(1.6rem,4vw,2.4rem)}.notfound p{margin-top:14px;color:var(--ink-2)}.nf-actions{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}.footer-simple{padding:18px 0}.footer-simple a{color:var(--paper)}.gauge{margin-top:14px;display:grid;gap:10px}.gauge-bar{height:14px;border:2px solid var(--ink);border-radius:2px;background:repeating-linear-gradient(90deg,transparent 0 calc(8.333% - 2px),var(--line) calc(8.333% - 2px) 8.333%);position:relative;overflow:hidden}.gauge-bar i{position:absolute;left:0;top:0;bottom:0;width:66%;background:var(--red);transition:width .42s cubic-bezier(.2,.7,.2,1)}.gauge-txt{font-size:.95rem;color:var(--ink-2)}.gauge-txt b{font-family:var(--disp);font-weight:400;text-transform:uppercase;color:var(--ink);margin-right:6px;letter-spacing:.02em}.summary-card{background:var(--ink);color:var(--paper);border-radius:2px;padding:20px 22px;position:sticky;top:76px;box-shadow:var(--shadow)}.summary-card .gc-title{color:var(--paper)}.summary-card dl{display:grid;gap:10px;margin:12px 0}.summary-card dl div{display:grid;grid-template-columns:78px 1fr;gap:10px;border-bottom:1px dashed var(--line-dark);padding-bottom:8px}.summary-card dt{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink-2);padding-top:2px}.summary-card dd{font-weight:600}.summary-card dd.pending{color:var(--on-ink-2);font-weight:400}.summary-card .sm-total dd{font-family:var(--disp);color:#fff;font-size:1.3rem;font-weight:400}.summary-card .small{color:var(--on-ink-2)}.kalk{background:var(--paper);border-bottom:2px solid var(--ink)}.kalk-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px);align-items:center}.kalk-input{margin-top:28px}.kalk-input label{display:flex;justify-content:space-between;gap:12px;font-weight:600}.kalk-input b{color:var(--red-deep)}#kalk-range{width:100%;min-height:44px;margin-top:8px;accent-color:var(--red);cursor:pointer}.kalk-scale{display:flex;justify-content:space-between;font-size:.75rem;color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em}.glass-dark{background:var(--graph);color:var(--paper);border-radius:6px;padding:clamp(22px,3vw,36px);box-shadow:var(--shadow)}.kalk-out dl{display:grid;gap:12px}.kalk-out dl div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px dashed var(--line-dark);padding-bottom:12px}.kalk-out dt{color:var(--on-ink-2)}.kalk-out dd{font-weight:700;color:#fff}.kalk-hemat{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:18px}.kalk-hemat span{font-family:var(--disp);text-transform:uppercase}.kalk-hemat b{font-family:var(--disp);font-weight:400;font-size:clamp(1.8rem,4vw,2.6rem);color:#f0a49d}.glass-dark .small{color:var(--on-ink-2);margin-top:8px}.rv{opacity:0;transform:translateY(28px);filter:blur(10px);transition:opacity .7s ease-out,transform .7s ease-out,filter .7s ease-out;transition-delay:var(--d, 0ms)}.rv.in{opacity:1;transform:none;filter:none}.punch li{transition:background .3s,color .3s}.punch.stamp li.st{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media(max-width:1000px){.topbar-wa{display:none}.nav-wa{display:flex;color:var(--red-deep)}#nav a{padding:12px 8px}.booking-extras{grid-template-columns:1fr}.proses-grid{grid-template-columns:1fr 1fr}.proses-copy{grid-column:1 / -1}.harga-head,.hero-grid,.booking-grid,.faq-grid,.lokasi-grid,.paket-grid,.kalk-grid{grid-template-columns:1fr}.summary-card{position:static}.slot-grid{grid-template-columns:repeat(5,1fr)}.testi-grid{grid-template-columns:1fr 1fr}.menu-row{grid-template-columns:2fr 1fr auto}.mr-durasi{display:none}}@media(max-width:760px){.brand{min-height:44px}.brand-t{font-size:1.3rem}#nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:2px solid var(--ink);flex-direction:column;padding:8px 14px 14px}#nav.open{display:flex}#menu-btn{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;background:transparent;border:2px solid var(--ink);border-radius:2px;font-family:var(--disp);font-weight:400;text-transform:uppercase;cursor:pointer;margin-left:auto}.hero-photo{aspect-ratio:1}.hero-ticket{right:0;bottom:-34px}.hero-cta .btn{flex:1 1 150px}.proses-grid{grid-template-columns:1fr}.service-grid,.barber-grid{grid-template-columns:1fr 1fr}.day-strip{grid-template-columns:repeat(4,1fr)}.slot-grid{grid-template-columns:repeat(3,1fr)}.field-row,.testi-grid,.barber-cards{grid-template-columns:1fr}.barber-card{max-width:420px}.menu-row{grid-template-columns:1fr auto}.footer-grid{grid-template-columns:1fr}}@media(max-width:420px){.kicker{letter-spacing:.08em;font-size:.74rem;text-wrap:balance}.day-strip{grid-template-columns:repeat(3,1fr)}.slot-grid{grid-template-columns:repeat(2,1fr)}.hero-chips span{padding:8px 12px;font-size:.82rem}.tk-no{font-size:2.6rem}}address{font-style:normal}.hours-card .small{margin-top:12px}@font-face{font-family:Righteous;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/barbershop/assets/righteous-latin-ext-400-normal-rbdiPHGJ.woff2) format("woff2"),url(/demo/barbershop/assets/righteous-latin-ext-400-normal-EtPo6WgU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Righteous;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/barbershop/assets/righteous-latin-400-normal-DIzXvQUm.woff2) format("woff2"),url(/demo/barbershop/assets/righteous-latin-400-normal-CRvo487o.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/barbershop/assets/saira-vietnamese-400-normal-BDft9Aer.woff2) format("woff2"),url(/demo/barbershop/assets/saira-vietnamese-400-normal-BxJNjdQK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/barbershop/assets/saira-latin-ext-400-normal-BJFFSgrL.woff2) format("woff2"),url(/demo/barbershop/assets/saira-latin-ext-400-normal-FApn06KW.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/barbershop/assets/saira-latin-400-normal-6Q3FbzbH.woff2) format("woff2"),url(/demo/barbershop/assets/saira-latin-400-normal-Du12DsUY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:600;src:url(/demo/barbershop/assets/saira-vietnamese-600-normal-D5gszP3k.woff2) format("woff2"),url(/demo/barbershop/assets/saira-vietnamese-600-normal-BXtbQ9YO.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:600;src:url(/demo/barbershop/assets/saira-latin-ext-600-normal-BDLPjVgT.woff2) format("woff2"),url(/demo/barbershop/assets/saira-latin-ext-600-normal-DVm3eXEL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:600;src:url(/demo/barbershop/assets/saira-latin-600-normal-DYxBFP1f.woff2) format("woff2"),url(/demo/barbershop/assets/saira-latin-600-normal-DF-o6wW3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}