:root{--bg:#0b0b0c;--panel:#151517;--border:#2a2a2e;--text:#e8e6e1;--muted:#8d8b86;--gold:#c9a24b;--danger:#e5645a;color:var(--text);background:var(--bg);font:16px/1.5 Inter,system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:var(--gold)}.loader{z-index:200;text-align:center;background:#0b0b0c;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:16px;display:flex;position:fixed;inset:0}.loader-brand{color:var(--gold);letter-spacing:.02em;font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,9vw,3.2rem)}.loader-track{background:#c9a24b33;width:min(220px,60vw);height:2px;overflow:hidden}.loader-bar{background:var(--gold);transform-origin:0;height:100%;transition:transform .2s linear}.loader-bar.static{transition:none}.loader-msg{min-height:1.6em;color:var(--muted);font-size:.95rem}.loader-msg p{margin:0}.intro{z-index:150;position:fixed;inset:0;overflow:hidden}.intro-panel{will-change:transform;background:#0b0b0c;width:50%;position:absolute;top:0;bottom:0}.intro-panel.left{border-right:1px solid #c9a24b59;left:0}.intro-panel.right{border-left:1px solid #c9a24b59;right:0}.intro-line{background:linear-gradient(transparent, var(--gold) 20%, var(--gold) 80%, transparent);pointer-events:none;opacity:.8;width:1px;position:absolute;top:0;bottom:0;left:50%}.intro-handle{width:64px;height:64px;color:var(--gold);border:1px solid var(--gold);cursor:grab;touch-action:none;background:#0b0b0c;border-radius:50%;place-items:center;margin-left:-32px;display:grid;position:absolute;top:14vh;left:50%}.intro-handle:active{cursor:grabbing}.intro-hint{text-align:center;color:var(--muted);letter-spacing:.08em;pointer-events:none;margin:0;position:absolute;bottom:14vh;left:0;right:0}.intro .intro-skip{z-index:5;position:absolute;top:16px;right:16px}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.home{--display:"Playfair Display", Georgia, serif}.home h1,.home h2{font-family:var(--display);letter-spacing:.01em;margin:0;font-weight:600}.home section,.home footer{padding-left:16px;padding-right:16px}.block{width:100%;max-width:1040px;margin:0 auto;padding-top:72px;padding-bottom:0}.block h2{margin-bottom:20px;font-size:1.9rem}.block h2:after{content:"";background:var(--gold);width:40px;height:2px;margin-top:10px;display:block}.hero{text-align:center;background:linear-gradient(160deg,#1a160d,#0b0b0c 70%);place-items:center;min-height:75vh;padding-top:32px;padding-bottom:32px;display:grid;position:relative;overflow:hidden}.hero-bg{transform-origin:50% 40%;will-change:transform;background:url(/images/hero.webp) 50%/cover no-repeat;animation:20s ease-in-out infinite alternate kenburns;position:absolute;inset:0}.hero-shade{background:linear-gradient(#0b0b0c80,#0b0b0c38 40%,#0b0b0c80 72%,#0b0b0c);position:absolute;inset:0}.hero-inner{text-align:center;width:100%;max-width:640px;margin-inline:auto;position:relative}.hero-inner>:not(h1){text-shadow:0 2px 16px #000000bf}.hero h1{filter:drop-shadow(0 2px 14px #000000b3)}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.3em;margin:0 0 12px;font-size:.8rem}.hero h1{background:linear-gradient(100deg, var(--text) 0%, var(--text) 42%, #f6dc8e 50%, var(--text) 58%, var(--text) 100%) 120% 0 / 250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;font-size:clamp(2.8rem,12vw,5rem);line-height:1.05;animation:8s ease-in-out infinite title-shine}.lead{color:#c9c6bf;margin:16px 0 28px;font-size:1.15rem}.cta{flex-direction:column;gap:12px;display:flex}.hours{color:#c9c6bf;justify-content:center;align-items:center;gap:8px;margin-top:28px;font-size:.95rem;display:flex}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.12)}}@keyframes title-shine{0%{background-position:120% 0}35%,to{background-position:-20% 0}}@keyframes btn-sheen{0%,55%{transform:translate(-120%)skew(-20deg)}85%,to{transform:translate(220%)skew(-20deg)}}@keyframes spin-angle{to{--angle:360deg}}.btn{min-height:48px;font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 28px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex;position:relative}.btn-gold{background:var(--gold);color:#0b0b0c;border:1px solid var(--gold);overflow:hidden}.btn-gold:hover{background:#dcb862}.btn-gold:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#fff4cda6,#0000);width:40%;animation:6s ease-in-out infinite btn-sheen;position:absolute;top:0;bottom:0;left:0;transform:translate(-120%)skew(-20deg)}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.hero .btn-ghost{border-color:#e8e6e159}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.glow-ok .barbers li.glow{background:linear-gradient(var(--panel), var(--panel)) padding-box, conic-gradient(from var(--angle), #c9a24b1f 0 62%, var(--gold) 82%, #c9a24b1f 100%) border-box;border:1px solid #0000;animation:5s linear infinite spin-angle}.glow-ok .btn-gold.glow{background:linear-gradient(var(--gold), var(--gold)) padding-box, conic-gradient(from var(--angle), #8a6a22 0 60%, #fff3c4 85%, #8a6a22 100%) border-box;border:2px solid #0000;animation:3.5s linear infinite spin-angle}.icon{width:20px;height:20px;color:var(--gold);flex:none}.services,.barbers,.reviews{margin:0;padding:0;list-style:none}.services li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:16px 8px;display:flex;position:relative;overflow:hidden}.services li>*{position:relative}.services li:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 20%,#c9a24b33 50%,#0000 80%);transition:transform .7s;position:absolute;inset:0;transform:translate(-100%)}.services li:hover:before{transform:translate(100%)}@media (width>=900px){.services{grid-template-columns:1fr 1fr;column-gap:56px;display:grid}}.svc-name{font-weight:500;display:block}.svc-dur{color:var(--muted);font-size:.85rem}.svc-price{color:var(--gold);white-space:nowrap;transform-origin:100%;margin-left:auto;font-weight:600;transition:transform .25s}.services li:hover .svc-price{transform:scale(1.1)}.svc-thumb{object-fit:cover;opacity:0;border-radius:8px;width:72px;height:48px;transition:opacity .3s,transform .3s;display:none;transform:translate(10px);-webkit-mask-image:radial-gradient(#000 55%,#0000 100%);mask-image:radial-gradient(#000 55%,#0000 100%)}@media (hover:hover) and (pointer:fine){.svc-thumb{margin-left:auto;display:block}.svc-thumb+.svc-price{margin-left:0}.services li:hover .svc-thumb{opacity:1;transform:none}}.gallery-block{container-type:inline-size}.gallery{--gap:6px;gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:calc((min(100vw, 1040px) - 32px - 3 * var(--gap)) / 4 * 1.4);display:grid}@supports (width:1cqw){.gallery{grid-auto-rows:calc((100cqw - 3 * var(--gap)) / 4 * 1.4)}}.g-item{background:#111;border-radius:8px;min-width:0;min-height:0;margin:0;display:block;position:relative;overflow:hidden}.g-1{grid-area:1/1/3/2}.g-3{grid-area:1/2/2/4}.g-2{grid-area:1/4/2/5}.g-7{grid-area:2/2/4/4}.g-5{grid-area:2/4/4/5}.g-4{grid-area:3/1/4/2}.g-6{grid-area:4/1/5/3}.g-8{grid-area:4/3/5/5}.g-reveal{clip-path:inset(0 0 100%);width:100%;height:100%;transition:clip-path 1.3s cubic-bezier(.22, 1, .36, 1) var(--delay,0s)}.g-reveal.in{clip-path:inset(0)}.g-item img,.g-item .ph{object-fit:cover;filter:grayscale()contrast(1.05);width:100%;height:100%;transition:filter .5s,transform .6s;display:block}.g-item .ph{background:linear-gradient(145deg,#1c1810,#0b0b0c)}.g-item:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(160deg,#c9a24b47,#0000 60%);transition:opacity .5s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.g-item:hover img{filter:grayscale(0)sepia(.25)saturate(1.1);transform:scale(1.04)}.g-item:hover:after{opacity:1}}@media (hover:none){.g-reveal.in img{filter:grayscale(0)sepia(.15);transition:filter 1.2s .7s}}.barbers{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.barbers li{background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:24px 12px;font-weight:500;display:flex}.avatar{object-fit:cover;border:1px solid var(--gold);width:84px;height:84px;color:var(--gold);font-family:var(--display);background:#0f0f10;border-radius:50%;place-items:center;font-size:2rem;display:grid}.reviews{gap:16px;display:grid}.reviews li{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px}.reviews p{margin:12px 0;line-height:1.6}.stars{gap:2px;display:flex}.stars .icon{width:16px;height:16px;fill:var(--gold)}.who{color:var(--muted);font-size:.9rem}.location p{align-items:center;gap:10px;margin:0 0 12px;display:flex}.location a:not(.btn){color:var(--text)}.location .btn{margin-top:12px}.footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:8px;margin-top:64px;padding-top:32px;padding-bottom:32px;display:flex}.footer strong{color:var(--gold);font-family:var(--display);font-size:1.3rem}.footer p{margin:0}.footer a{color:var(--text)}.footer small{margin-top:8px}@media (width>=768px){.hero{min-height:85vh}.cta{flex-direction:row;justify-content:center}.barbers{grid-template-columns:repeat(4,1fr)}.reviews{grid-template-columns:repeat(3,1fr)}.gallery{--gap:8px;grid-auto-rows:190px}}@media (prefers-reduced-motion:reduce){.hero-bg,.hero h1,.btn-gold:after,.glow-ok .barbers li.glow,.glow-ok .btn-gold.glow{animation:none}.hero h1{color:var(--text);background:0 0}.btn-gold:after{display:none}.btn,.svc-price,.svc-thumb,.g-item img,.g-item:after,.services li:before{transition:none}.g-reveal{clip-path:none;transition:none}}.snip{min-height:60vh;color:var(--gold);place-items:center;display:grid}.snip svg{max-width:360px;overflow:visible}.blade{transform-origin:60px 40px}.blade-a{animation:.7s ease-in forwards blade-a}.blade-b{animation:.7s ease-in forwards blade-b}.cut{stroke-dasharray:130;stroke-dashoffset:130px;animation:.6s ease-out .7s forwards cut}@keyframes blade-a{0%{transform:rotate(-30deg)}to{transform:rotate(0)}}@keyframes blade-b{0%{transform:rotate(30deg)}to{transform:rotate(0)}}@keyframes cut{to{stroke-dashoffset:0}}.nav{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0b0b0cd9;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0}.nav nav{align-items:center;gap:16px;display:flex}.nav nav a{color:var(--text);align-items:center;min-height:44px;text-decoration:none;transition:color .2s;display:inline-flex}.nav nav a:hover{color:var(--gold)}.brand{color:var(--gold);font-family:Playfair Display,Georgia,serif;font-size:1.25rem;font-weight:700;text-decoration:none}.lang{border:1px solid var(--gold);color:var(--gold);cursor:pointer;min-width:44px;min-height:36px;font:inherit;background:0 0;border-radius:999px;padding:4px 12px}.page{max-width:560px;margin:0 auto;padding:24px 16px 48px}.form{flex-direction:column;gap:16px;margin-bottom:16px;display:flex}label{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}input,select{background:var(--panel);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:8px;padding:12px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}fieldset.slots{border:1px solid var(--border);border-radius:8px;margin:0;padding:12px}.slots legend{color:var(--muted);padding:0 6px;font-size:14px}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.slot{border:1px solid var(--gold);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:10px 0}.slot:disabled{border-color:var(--border);color:#555;background:var(--panel);cursor:not-allowed;text-decoration:line-through}.slot.selected{background:var(--gold);color:#000}.primary,.secondary{text-align:center;font:inherit;cursor:pointer;border-radius:8px;padding:14px;font-weight:600;text-decoration:none;display:block}.primary{background:var(--gold);color:#000;border:0}.primary:disabled{opacity:.6;cursor:wait}.secondary{border:1px solid var(--gold);color:var(--gold);margin-top:8px}.hint{color:var(--muted);margin:4px 0;font-size:14px}.error{color:var(--danger);margin:0}.badge{border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:6px 14px;font-weight:600;display:inline-block}.badge.approved{color:#5fbf7a;border-color:#5fbf7a}.badge.rejected,.badge.expired,.badge.cancelled{border-color:var(--danger);color:var(--danger)}.details{grid-template-columns:auto 1fr;gap:6px 16px;display:grid}.details dt{color:var(--muted)}.details dd{margin:0}.page.panel{max-width:1100px;font-size:20px}.panel button,.panel select,.panel input{min-height:52px;font-size:18px}.row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.row.between{justify-content:space-between;align-items:center}.row>label{flex:1}.tabs{margin-bottom:16px}.tab{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;font:inherit;border-radius:8px;padding:10px 20px}.tab.active{border-color:var(--gold);color:var(--gold)}button.primary,button.secondary,button.danger{font:inherit;cursor:pointer;border-radius:8px;padding:12px 22px;font-weight:600}button.secondary{border:1px solid var(--gold);color:var(--gold);background:0 0;margin-top:0}button.danger{border:1px solid var(--danger);color:var(--danger);background:0 0}button:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin:12px 0;padding:16px}.card.fresh{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.summary{margin:0 0 4px;font-size:1.2em;font-weight:600}.resched{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.ok{color:#5fbf7a;margin:0}.day{margin:24px 0}.cols{gap:12px;display:grid}.col h4{color:var(--gold);margin:0 0 8px}.appt{border:1px solid var(--border);background:var(--panel);border-radius:8px;margin-bottom:8px;padding:8px}.appt.completed{opacity:.6}.appt.no_show{border-color:var(--danger)}.appt.pending{border-style:dashed}.appt-btn{color:var(--text);text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;padding:4px}.awaiting{color:var(--gold);margin:4px 0;font-weight:600}.list{padding:0;list-style:none}.list li{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;display:flex}.day h3.is-today{color:var(--gold)}.today-tag{border:1px solid var(--gold);color:var(--gold);vertical-align:middle;border-radius:999px;margin-left:10px;padding:2px 10px;font-size:.7em;font-weight:600}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
