:root{--ink:#0d0b09;--charcoal:#17120e;--wood:#2a1a12;--brick:#8f3f2c;--brick-deep:#5f261d;--gold:#d4a44f;--gold-soft:#f1d69b;--cream:#f7ead0;--paper:#fff3d6;--muted:#f7ead0b8;--line:#f7ead02e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--cream);background:linear-gradient(#0d0b09b8,#0d0b09b8),linear-gradient(90deg,#5f261d8c 0 49%,#0d0b092e 49% 51%,#5f261d6b 51%) 0 0/112px 46px,linear-gradient(#f7ead00f 1px,#0000 1px) 0 0/56px 23px,#24130f;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{z-index:20;color:var(--ink);background:var(--gold);padding:10px 14px;font-weight:900;position:fixed;top:14px;left:14px;transform:translateY(-140%)}.skip-link:focus-visible{transform:translateY(0)}.scroll-top{z-index:18;width:46px;height:46px;color:var(--ink);background:linear-gradient(135deg, var(--gold-soft), var(--gold));cursor:pointer;opacity:0;pointer-events:none;border:1px solid #d4a44f9e;border-radius:999px;place-items:center;transition:opacity .16s,transform .16s,box-shadow .16s;display:grid;position:fixed;bottom:clamp(14px,4vw,28px);right:clamp(14px,4vw,28px);transform:translateY(12px);box-shadow:0 16px 34px #0d0b0952}.scroll-top span{font-size:1.35rem;font-weight:1000;line-height:1;transform:translateY(-1px)}.scroll-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top:hover,.scroll-top:focus-visible{box-shadow:0 18px 38px #d4a44f38}.barber-header{z-index:10;backdrop-filter:blur(16px);background:#160c08eb;border:1px solid #d4a44f80;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;width:min(100% - 40px,1180px);margin:14px auto 0;padding:8px 10px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #0d0b0947}.barber-brand,.barber-header nav,.language-switch{align-items:center;display:flex}.barber-brand{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;gap:12px;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:900}.brand-mark{background:linear-gradient(135deg, transparent 40%, var(--gold) 41% 44%, transparent 45% 55%, var(--gold) 56% 59%, transparent 60%), linear-gradient(var(--brick) 0 0) 9px 8px / 20px 3px no-repeat, linear-gradient(var(--brick) 0 0) 9px 27px / 20px 3px no-repeat, #211811;border:1px solid #d4a44f8c;border-radius:8px;width:38px;height:38px;position:relative}.barber-header nav{scrollbar-width:none;gap:8px;min-width:0;overflow-x:auto}.barber-header nav::-webkit-scrollbar{display:none}.menu-toggle{border:1px solid var(--line);width:40px;height:40px;color:var(--cream);cursor:pointer;background:#f7ead00a;border-radius:4px;flex:none;place-items:center;display:none}.menu-toggle span{background:currentColor;border-radius:999px;grid-area:1/1;width:17px;height:2px;transition:transform .16s,opacity .16s;display:block}.menu-toggle span:first-child{transform:translateY(-6px)}.menu-toggle span:nth-child(3){transform:translateY(6px)}.barber-header.is-menu-open .menu-toggle span:first-child{transform:rotate(45deg)}.barber-header.is-menu-open .menu-toggle span:nth-child(2){opacity:0}.barber-header.is-menu-open .menu-toggle span:nth-child(3){transform:rotate(-45deg)}.barber-header nav a,.language-switch button{border:1px solid var(--line);min-height:38px;color:var(--cream);font:inherit;text-transform:uppercase;cursor:pointer;background:#f7ead00a;border-radius:4px;justify-content:center;align-items:center;padding:0 13px;font-size:.8rem;font-weight:850;transition:color .14s,background .14s,border-color .14s;display:inline-flex}.barber-header nav a:hover,.language-switch button:hover,.language-switch button.is-active{border-color:var(--gold);color:var(--ink);background:var(--gold)}.language-switch{gap:4px}.barber-hero,.section,.ticker{width:min(100% - 40px,1180px);margin-inline:auto}.barber-hero{grid-template-columns:minmax(0,.86fr) minmax(320px,.96fr);align-items:stretch;gap:clamp(28px,5vw,72px);min-height:calc(100vh - 68px);padding:clamp(54px,8vw,96px) 0 68px;display:grid}.eyebrow{border:1px solid var(--gold);width:fit-content;max-width:100%;color:var(--gold);letter-spacing:.16em;text-transform:uppercase;background:#0d0b09b8;margin:0 0 18px;padding:7px 10px;font-size:.76rem;font-weight:950}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:0;font-family:Georgia,Times New Roman,serif;line-height:.98}h1{max-width:780px;margin-bottom:22px;font-size:clamp(2.7rem,5.8vw,5.45rem)}h2{margin-bottom:22px;font-size:clamp(2.15rem,4.3vw,4.25rem)}h3{margin-bottom:10px;font-size:clamp(1.18rem,2vw,1.65rem);line-height:1.16}p{color:var(--muted);line-height:1.7}.hero-copy>p:not(.eyebrow){max-width:610px;font-size:clamp(1rem,1.4vw,1.13rem)}.hero-copy{align-self:center}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-height:50px;padding:0 20px;font-weight:900;transition:transform .14s,background .14s,border-color .14s;display:inline-flex}.button:hover{transform:translateY(-2px)}.primary{color:var(--ink);background:linear-gradient(180deg, var(--gold-soft), var(--gold))}.secondary{border-color:var(--line);color:var(--cream);background:#f7ead00d}.hero-frame{border:8px solid var(--wood);background:linear-gradient(90deg,#d4a44f33,#0000 32%),#120b08;border-radius:4px;align-self:center;padding:18px;position:relative;transform:translateY(28px);box-shadow:18px 18px #d4a44f2e,-18px -18px #5f261d80}.hero-frame:before{content:"";z-index:1;pointer-events:none;border:1px solid #f7ead059;position:absolute;inset:12px}.hero-frame img{z-index:0;filter:sepia(.15)saturate(.86)contrast(1.06);object-fit:cover;border-radius:2px;width:100%;min-height:clamp(390px,50vw,590px);position:relative}.shop-sign,.open-card{z-index:2;border:1px solid var(--gold);color:var(--gold);letter-spacing:.16em;background:#0d0b09db;font-family:Georgia,Times New Roman,serif;font-weight:900;position:absolute}.shop-sign{padding:10px 18px;top:-22px;left:34px;box-shadow:0 8px #5f261de6}.open-card{text-align:center;gap:3px;min-width:116px;padding:13px 16px;display:grid;bottom:-26px;right:28px}.open-card span{font-size:.7rem}.open-card strong{color:var(--paper);letter-spacing:0;font-size:1.35rem}.hero-prices{border:1px solid var(--gold);background:#0d0b09bd;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:620px;margin:34px 0 0;display:grid}.hero-prices div{border-right:1px solid #d4a44f75;padding:15px 14px}.hero-prices div:last-child{border-right:0}.hero-prices dt{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:900}.hero-prices dd{color:var(--paper);margin:6px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:900}.ticker{border:1px solid var(--line);background:#0d0b09b8;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.ticker span{border-right:1px solid var(--line);min-height:58px;color:var(--paper);letter-spacing:.1em;text-align:center;text-transform:uppercase;place-items:center;font-size:.78rem;font-weight:950;display:grid}.ticker span:last-child{border-right:0}.section{content-visibility:auto;contain-intrinsic-size:1px 620px;padding:86px 0}.section-heading{max-width:760px;margin-bottom:30px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.service-grid article,.booking,form,.craft-copy{background:linear-gradient(90deg,#f7ead00b 1px,#0000 1px) 0 0/28px 28px,#140b08e6;border:1px solid #d4a44f57;border-radius:4px}.service-grid article{min-height:260px;padding:26px;transition:transform .15s,border-color .15s}.service-grid article:hover{border-color:#d4a44fa8;transform:translateY(-4px)}.service-grid span{color:var(--paper);margin-bottom:72px;font-weight:950;display:block}.craft{grid-template-columns:.82fr 1fr;align-items:stretch;gap:clamp(24px,5vw,60px);display:grid}.craft-copy{align-content:end;padding:clamp(28px,5vw,48px);display:grid}.craft-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.craft-gallery img{border:8px solid var(--wood);filter:sepia(.16)saturate(.9)contrast(1.05);object-fit:cover;border-radius:2px;width:100%;height:100%;min-height:520px}.craft-gallery img:nth-child(2){margin-top:44px}.booking{grid-template-columns:.82fr 1fr;gap:28px;padding:clamp(28px,5vw,54px);display:grid}.booking>div{padding:clamp(12px,2vw,22px)}form{background:0 0;border:0;align-self:stretch;gap:14px;padding:clamp(28px,4vw,44px);display:grid}label{color:var(--cream);gap:8px;font-weight:850;display:grid}input,select{width:100%;min-height:48px;color:var(--cream);font:inherit;background:#0d0b09bd;border:0;border-radius:2px;padding:0 13px;box-shadow:inset 0 0 0 1px #f7ead024,0 12px 28px #0000002e}option{color:var(--ink)}.footer{border-top:1px solid var(--line);justify-content:space-between;gap:20px;display:flex}.footer a{color:var(--gold);font-weight:900}@media (width<=940px){.barber-header{align-items:center}.barber-header nav{flex-wrap:nowrap;flex:1}.barber-hero,.service-grid,.craft,.booking{grid-template-columns:1fr}.hero-frame{order:-1;transform:none}.ticker{grid-template-columns:repeat(2,minmax(0,1fr))}.ticker span:nth-child(2){border-right:0}}@media (width<=620px){.barber-header,.barber-hero,.section,.ticker{width:min(100% - 36px,1180px)}.barber-header{padding:8px}.barber-header nav a,.language-switch{flex:none}.language-switch{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.language-switch button,.hero-actions .button,form .button{width:100%}.language-switch button{width:100%;min-height:34px;padding-inline:10px}.menu-toggle{display:grid}.barber-header nav{opacity:0;pointer-events:none;background:#160c08f5;border:1px solid #d4a44f80;border-radius:4px;gap:8px;padding:10px;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;transform:translateY(-8px);box-shadow:0 14px 28px #0d0b095c}.barber-header.is-menu-open nav{opacity:1;pointer-events:auto;transform:translateY(0)}.booking{gap:22px;padding:clamp(34px,8vw,46px) clamp(26px,7vw,38px)}.booking>div{padding:clamp(8px,3vw,16px)}form{gap:20px;padding:clamp(34px,9vw,46px) clamp(28px,8vw,40px)}input,select{padding-inline:14px}h1{font-size:clamp(2.25rem,10.5vw,3.35rem)}h2{font-size:clamp(1.9rem,9vw,2.8rem)}.barber-hero{background-color:#0000;background-image:linear-gradient(#0d0b0933,#0d0b09e6),linear-gradient(90deg,#0d0b09c7,#0d0b0947),url(/assets/images/barbershop/hero-chair.webp);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:min(780px,100svh);margin-top:104px;padding:42px clamp(20px,7vw,34px);display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;align-self:end;position:relative}.hero-frame{display:none}.hero-prices{grid-template-columns:1fr}.hero-prices div{border-bottom:1px solid #d4a44f75;border-right:0}.hero-prices div:last-child{border-bottom:0}.craft-gallery img{aspect-ratio:4/3;min-height:0}.craft-gallery{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;padding:0 0 12px;scroll-padding-inline:0;display:flex;overflow-x:auto}.craft-gallery img:nth-child(2){margin-top:0}.craft-gallery img{object-position:center;scroll-snap-align:start;flex:0 0 min(86%,420px);height:clamp(230px,58vw,330px)}.ticker{grid-template-columns:1fr}.ticker span{border-right:0;border-bottom:1px solid var(--line)}.ticker span:last-child{border-bottom:0}.section{padding:58px 0}.booking.section{padding:58px 0 0}}