@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #060606;--nav-offset: 10rem;--panel: rgba(28, 17, 16, .84);--panel-strong: rgba(20, 12, 11, .92);--line: rgba(185, 63, 49, .35);--line-soft: rgba(255, 255, 255, .1);--text: #f0ece8;--muted: #c9beb6;--accent: #b93024;--accent-strong: #e24432;--shadow: 0 28px 90px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-offset) + 1rem)}body{margin:0;min-width:320px;padding-top:var(--nav-offset);background:linear-gradient(180deg,#00000094,#000000f0),url(/assets/backgrounds/DARK%20TEXTURE%20BACKGROUND.png) center top / cover fixed,var(--bg);color:var(--text);font-family:Space Grotesk,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}#root{min-height:100vh}.page-shell{overflow-x:clip}.hero,.portfolio-section,.booking-section,.about-section,.faq-section,.site-footer{scroll-margin-top:calc(var(--nav-offset) + 1rem);position:relative}.hero{padding:clamp(5rem,10vw,8rem) clamp(1.25rem,3vw,4rem) 2rem;background:linear-gradient(90deg,#040404f0,#040404c2 42%,#0404044d),url(/assets/backgrounds/HERO%20SECTION%20BACKGROUND.png) center top / cover no-repeat;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/graphics/INK%20SPLATTER%20GRAPHIC.png) center 58% / 60% no-repeat,url(/assets/backgrounds/SMOKE%20OVERLAY.png) center / cover no-repeat,url(/assets/graphics/GRAFFITI%20SCRATCH%20OVERLAY.png) center / cover no-repeat;opacity:.24;pointer-events:none}.nav-bar,.hero-grid,.feature-strip,main,.site-footer{position:relative;z-index:1}.nav-bar{position:fixed;top:0;left:0;right:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;padding:1rem clamp(1.25rem,3vw,4rem);background:#060606e0;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20}.brand-mark img{width:min(365px,43vw);max-height:170px;object-fit:contain}.nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1.85rem;text-transform:uppercase;letter-spacing:.08em;font-size:.9rem}.nav-links a{padding-bottom:.5rem}.nav-links a:first-child{border-bottom:2px solid var(--accent-strong)}.nav-toggle{display:none;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;padding:.7rem;border:1px solid rgba(255,255,255,.72);background:#ffffff14;gap:.28rem}.nav-toggle span{display:block;width:100%;height:2px;background:#fff;transition:transform .18s ease,opacity .18s ease}.nav-toggle-open span:nth-child(1){transform:translateY(.48rem) rotate(45deg)}.nav-toggle-open span:nth-child(2){opacity:0}.nav-toggle-open span:nth-child(3){transform:translateY(-.48rem) rotate(-45deg)}.nav-cta{padding:1rem 1.4rem;border:1px solid var(--accent-strong);text-transform:uppercase;letter-spacing:.08em}.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,.75fr);gap:2rem;align-items:end;min-height:600px;padding:4rem 0 1rem}.hero-copy{max-width:540px}.hero h1,.portfolio-section h2,.booking-section h2,.about-section h2,.faq-section h2,.cta-copy h2,.booking-card h3,.admin-panel h4,.site-footer h3{margin:0;font-family:Bebas Neue,sans-serif;font-weight:400;letter-spacing:.04em}.hero h1{font-size:clamp(4.2rem,9vw,7.6rem);line-height:.9;text-transform:uppercase;text-wrap:balance;text-shadow:0 4px 24px rgba(0,0,0,.4)}.hero-text,.cta-copy p,.about-copy p,.faq-item p,.footer-connect p,.footer-info p,.helper-copy span,.signed-in-box p,.appointments-box p,.empty-copy,.admin-row p{color:var(--muted);line-height:1.65}.hero-text{max-width:360px;margin:1.5rem 0 0;font-size:1.1rem}.hero-actions{display:flex;gap:1rem;margin-top:1.75rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.85rem 1.35rem;border:1px solid transparent;text-transform:uppercase;letter-spacing:.05em}.button--solid{background:linear-gradient(90deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff7f5}.button--outline{background:#00000047;border-color:#ffffff40}.button--full{width:100%}.hero-quote{align-self:end;justify-self:end;max-width:280px;padding:1.25rem 0 1rem 1.25rem;border-left:2px solid var(--accent)}.hero-quote p{margin:0;font-size:1.05rem;line-height:1.55}.hero-quote span,.signature{display:block;margin-top:.6rem;color:var(--accent-strong);font-family:cursive;font-size:1.8rem}.feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:1.35rem 0 .25rem}.feature-item{display:flex;align-items:center;gap:.9rem;padding-right:1rem;border-right:1px solid rgba(185,63,49,.28)}.feature-item:last-child{border-right:0}.feature-item img,.cta-card img,.about-feature img{width:2rem}.feature-item span,.about-feature span{text-transform:uppercase;letter-spacing:.06em}main{padding:0 clamp(1.25rem,3vw,4rem) 0}.portfolio-section,.booking-section,.about-section,.faq-section{padding:2.5rem 0;border-bottom:1px solid rgba(185,63,49,.22)}.portfolio-section,.about-section,.faq-section,.site-footer{background:linear-gradient(180deg,#080808d6,#080808e6),url(/assets/backgrounds/DARK%20TEXTURE%20BACKGROUND.png) center / cover}.section-row{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-row--stack{align-items:start}.section-kicker{margin:0 0 .45rem;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.24em}.portfolio-section h2,.booking-section h2,.about-section h2,.faq-section h2,.cta-copy h2{font-size:clamp(2.9rem,5vw,4.8rem);line-height:.92;text-transform:uppercase}.section-link{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.08em}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.portfolio-card{display:block;min-height:270px;overflow:hidden;border:1px solid rgba(255,255,255,.14)}.portfolio-card:hover img{transform:scale(1.02)}.portfolio-card img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease}.carousel-dots{display:flex;justify-content:center;gap:.7rem;padding-top:1rem}.carousel-dots span{width:.75rem;height:.75rem;border-radius:50%;background:#ffffff38}.carousel-dots .is-active{background:var(--accent-strong)}.cta-band{display:grid;grid-template-columns:1.05fr .8fr .8fr;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(185,63,49,.22);background:linear-gradient(180deg,#36110e99,#100908d1),url(/assets/backgrounds/RED%20GRUNGE%20TEXTURE.png) center / cover}.cta-copy,.cta-card,.booking-card,.admin-panel,.faq-item,.footer-links,.footer-connect,.footer-info{border:1px solid var(--line-soft);background:var(--panel);box-shadow:var(--shadow)}.cta-copy,.cta-card,.booking-card,.admin-panel,.faq-item{padding:1.5rem}.cta-card{display:grid;align-content:start;gap:.8rem}.cta-card h3,.faq-item h3{margin:0;text-transform:uppercase;letter-spacing:.04em}.cta-card span{display:inline-flex;justify-content:center;padding:.8rem 1rem;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-strong) 100%);text-transform:uppercase}.booking-section{background:linear-gradient(180deg,#0a0808c7,#0a0808eb),url(/assets/backgrounds/DARK%20TEXTURE%20BACKGROUND.png) center / cover}.notice{max-width:420px;padding:1rem 1.1rem;border:1px solid var(--line-soft);background:#ffffff0a}.notice--success{color:#80d49b}.notice--error{color:#ff8b76}.booking-grid,.admin-grid,.faq-list,.metric-grid,.about-features{display:grid;gap:1rem}.booking-grid{grid-template-columns:.78fr 1fr .82fr}.booking-card h3,.admin-panel h4{font-size:2.1rem;text-transform:uppercase}.booking-form,.admin-form{display:grid;gap:1rem}.admin-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;margin-top:1.5rem}label{display:grid;gap:.45rem;color:var(--muted);font-size:.95rem}input,select,textarea{width:100%;padding:.95rem 1rem;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--text)}textarea{resize:vertical}.helper-copy,.signed-in-box,.appointments-box,.slot-row,.admin-row,.metric-grid div,.empty-box{border:1px solid rgba(255,255,255,.08);background:#ffffff08}.helper-copy,.signed-in-box,.appointments-box,.empty-box,.metric-grid div{padding:1rem}.helper-copy{display:grid;gap:.5rem;margin-top:1rem}.auth-divider{height:1px;margin:1.25rem 0;background:#ffffff1f}.auth-subtitle{margin:0 0 1rem;font-family:Bebas Neue,sans-serif;font-size:1.7rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.auth-card{align-content:start}.signed-in-box span,.admin-row span,.appointment-row span,.slot-row span,.metric-grid span{color:var(--muted)}.location-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.8rem}.location-tabs button{min-height:2.75rem;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--muted)}.location-tabs button.is-active{border-color:var(--accent-strong);color:var(--text)}.slot-list,.appointments-box,.admin-list{display:grid;gap:.8rem;margin-top:1rem}.slot-row,.admin-row,.appointment-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem}.appointment-row{border:1px solid rgba(255,255,255,.08);background:#ffffff05}.admin-panel{margin-top:1rem}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-width:480px}.metric-grid strong{display:block;font-size:2rem}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.admin-list{align-content:start}.admin-list h4,.appointments-box h4{margin:0 0 .35rem}.admin-row--stack{display:grid;align-items:start}.text-button{border:0;background:transparent;color:var(--accent-strong);text-transform:uppercase}.status-pill{display:inline-flex;padding:.35rem .7rem;background:#e2443224;color:var(--accent-strong);text-transform:uppercase;font-size:.8rem}.about-section{display:grid;grid-template-columns:1.05fr 1fr;gap:2rem}.about-copy{max-width:640px}.about-features{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}.about-feature{display:grid;justify-items:center;gap:.8rem;text-align:center}.faq-list{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer{display:grid;grid-template-columns:1.25fr .7fr .7fr .9fr;gap:1rem;padding:2rem clamp(1.25rem,3vw,4rem)}.footer-brand{display:flex;align-items:center}.footer-brand img{width:min(340px,100%)}.footer-links,.footer-connect,.footer-info{display:grid;align-content:start;gap:.5rem;padding:1.25rem}.footer-legal{grid-column:1 / -1;color:var(--accent-strong);text-align:center;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}@media (max-width: 1100px){.hero-grid,.booking-grid,.about-section,.faq-list,.site-footer,.cta-band,.feature-strip,.portfolio-grid,.about-features,.admin-grid{grid-template-columns:1fr}.nav-bar{grid-template-columns:1fr;justify-items:start}.hero-quote{justify-self:start}.admin-form,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.feature-item{border-right:0;border-bottom:1px solid rgba(185,63,49,.28);padding-bottom:1rem}.feature-item:last-child{border-bottom:0}}@media (max-width: 720px){:root{--nav-offset: 8.5rem}.hero{padding-top:2.5rem}.nav-bar{grid-template-columns:1fr auto;align-items:start;gap:1rem}.brand-mark{width:100%}.brand-mark img{width:min(300px,62vw);max-height:110px}.nav-toggle{display:inline-flex}.nav-links,.nav-cta{display:none}.nav-links.nav-links-open,.nav-cta.nav-cta-open{display:flex;grid-column:1 / -1;width:100%}.nav-links.nav-links-open{margin-top:.25rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}.nav-links,.hero-actions,.section-row,.slot-row,.admin-row,.appointment-row{flex-direction:column;align-items:flex-start}.admin-form,.metric-grid,.location-tabs{grid-template-columns:1fr}.button,.nav-cta{width:100%}}
