*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0a0a0a;color:#f2f2f0;font-family:Barlow,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;font-family:'Barlow Condensed',Helvetica,Arial,sans-serif}
p{margin:0}
img{display:block;max-width:100%}
a{color:#e8ec12;text-decoration:none}
address{font-style:normal}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* ============ LOGO ============ */
.logo-img-sm{height:52px;width:auto}
.logo-img-lg{width:100%;max-width:640px;height:auto;margin:0 auto clamp(22px,4vw,34px)}
.logo-img-xs{height:44px;width:auto}
/* Type fallback for images/logo.png: shown only if the file is missing (the
img's onerror puts .no-logo on ). Size is driven by font-size on
.wordmark; both lines scale from it in em. */
.wordmark{display:none;font-family:'Barlow Condensed',Helvetica,Arial,sans-serif;font-style:italic;font-weight:700;text-transform:uppercase;line-height:.86;white-space:nowrap}
.no-logo .logo-img{display:none}
.no-logo .wordmark{display:block}
.wordmark-l1{display:block;color:#e8ec12;font-size:1em;letter-spacing:-.005em}
.wordmark-l2{display:block;color:#ffffff;font-size:.365em;letter-spacing:.155em;margin-top:.12em}
.wordmark-lg{font-size:clamp(46px,10.5vw,104px);margin:0 auto clamp(22px,4vw,34px);text-align:center}
.wordmark-sm{font-size:clamp(23px,5.4vw,34px)}
.wordmark-xs{font-size:26px}
/* ============ BUTTONS ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;font-family:'Barlow Condensed',Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
.btn svg{flex:none}
.btn-primary{background:#e8ec12;color:#0a0a0a}
.btn-primary:hover{background:#ffffff;color:#0a0a0a}
.btn-outline{border:2px solid #e8ec12;color:#e8ec12}
.btn-outline:hover{background:#e8ec12;color:#0a0a0a}
.btn-ghost{border:2px solid #3a3a36;color:#f2f2f0;font-size:19px;padding:12px 22px}
.btn-ghost:hover{border-color:#e8ec12;color:#e8ec12}
.btn-lg{font-size:clamp(18px,4.6vw,21px);padding:15px 30px}
.btn-primary.btn-lg{padding:17px 32px}
.btn-map{font-size:19px;padding:14px 24px}
/* ============ HEADER ============ */
.site-header{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.95);backdrop-filter:blur(8px);border-bottom:2px solid #e8ec12}
.header-inner{max-width:1200px;margin:0 auto;padding:14px clamp(16px,4vw,24px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo-link{display:flex;align-items:center;min-height:44px}
.header-right{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px}
.nav{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px}
.nav,.nav-call{font-family:'Barlow Condensed',Helvetica,Arial,sans-serif;font-size:19px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.nav>a{flex:none;white-space:nowrap;color:#f2f2f0;transition:color .16s ease}
.nav>a:hover{color:#e8ec12}
.nav-call{flex:none;white-space:nowrap;background:#e8ec12;color:#0a0a0a;padding:10px 20px;font-weight:700;letter-spacing:.06em;transition:background-color .16s ease}
.nav-call:hover{background:#ffffff;color:#0a0a0a}
/* ============ HERO ============ */
.hero{position:relative;overflow:hidden;border-bottom:1px solid #1e1e1e}
.hero-stripes{position:absolute;inset:0;background:repeating-linear-gradient(135deg,#111 0 24px,#0a0a0a 24px 48px);opacity:.9}
.hero-glow{position:absolute;right:-120px;top:-120px;width:520px;height:520px;background:radial-gradient(circle,rgba(232,236,18,.16),transparent 65%)}
.hero-inner{position:relative;max-width:1200px;margin:0 auto;padding:clamp(52px,9vw,80px) clamp(18px,5vw,24px) clamp(56px,9vw,88px);text-align:center}
.hero-badge{display:inline-block;white-space:nowrap;border:1px solid #e8ec12;padding:7px 14px;margin-bottom:clamp(20px,4vw,26px);font-family:'Barlow Condensed',Helvetica,Arial,sans-serif;font-size:clamp(13px,1.5vw,15px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#e8ec12}
.hero h1{font-style:italic;font-weight:700;font-size:clamp(40px,8vw,88px);line-height:.94;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:24px;color:#ffffff;text-wrap:balance}
.hero h1 span{color:#e8ec12}
.hero-sub{margin:0 auto clamp(28px,5vw,36px);font-size:clamp(17px,4.4vw,20px);line-height:1.6;color:#b9b9b4;max-width:600px;text-wrap:pretty}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
/* ============ TICKER ============ */
.ticker{background:#e8ec12;color:#0a0a0a}
.ticker-inner{max-width:1200px;margin:0 auto;padding:20px clamp(18px,5vw,24px);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 30px;font-family:'Barlow Condensed',Helvetica,Arial,sans-serif;font-size:22px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ticker-inner span{white-space:nowrap}
.ticker-inner span+span::before{content:"/";opacity:.4;margin-right:.9em}
/* ============ SECTION FURNITURE ============ */
.eyebrow{font-family:'Barlow Condensed',Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#e8ec12}
.section-head h2,.info h2{font-style:italic;font-weight:700;line-height:1;text-transform:uppercase;color:#ffffff}
/* ============ SERVICES ============ */
.services{max-width:1200px;margin:0 auto;padding:clamp(60px,10vw,96px) clamp(18px,5vw,24px) 40px;scroll-margin-top:110px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:44px}
.section-head .eyebrow{margin-bottom:12px}
.section-head h2{font-size:clamp(34px,5.5vw,58px)}
.section-lead{max-width:380px;font-size:17px;line-height:1.6;color:#a5a5a0}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#1c1c1c;border:1px solid #1c1c1c}
.service-card{background:#0d0d0d;padding:34px 30px 32px;display:flex;flex-direction:column;gap:12px;transition:background .16s ease}
.service-card:hover{background:#131310}
.service-num{font-family:'Barlow Condensed',Helvetica,Arial,sans-serif;font-size:15px;font-weight:700;letter-spacing:.16em;color:#5c5c58}
.service-card h3{font-size:clamp(24px,2.6vw,29px);font-weight:700;text-transform:uppercase;letter-spacing:.01em;color:#e8ec12}
.service-card p:not(.service-num){font-size:16px;line-height:1.6;color:#a5a5a0;text-wrap:pretty}
/* ============ TEAM ============ */
.team{max-width:1200px;margin:0 auto;padding:64px clamp(18px,5vw,24px) clamp(64px,10vw,96px);scroll-margin-top:110px}
.team>.eyebrow{margin-bottom:20px}
.team-grid{border-top:2px solid #e8ec12;padding-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:44px}
.team-member h3{font-size:clamp(26px,3vw,32px);font-weight:700;text-transform:uppercase;margin-bottom:8px;color:#ffffff}
.team-member p{font-size:17px;line-height:1.65;color:#e8ec12;font-weight:600}
/* ============ HOURS + CONTACT ============ */
.info{background:#101010;border-top:1px solid #1e1e1e;border-bottom:1px solid #1e1e1e;scroll-margin-top:110px}
.info-inner{max-width:1200px;margin:0 auto;padding:clamp(60px,9vw,88px) clamp(18px,5vw,24px);display:grid;grid-template-columns:1fr 1fr;gap:64px}
.info .eyebrow{margin-bottom:14px}
.info h2{font-size:clamp(32px,5vw,52px);margin-bottom:32px}
.contact-col{scroll-margin-top:110px}
.hours-list{display:flex;flex-direction:column}
.hours-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #1e1e1e}
.hours-day{font-family:'Barlow Condensed',Helvetica,Arial,sans-serif;font-size:23px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f2f2f0}
.hours-time{font-size:18px;font-weight:600;color:#e8ec12}
.contact-list{display:flex;flex-direction:column;gap:24px}
.field-label{font-family:'Barlow Condensed',Helvetica,Arial,sans-serif;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:#7c7c78;margin-bottom:6px}
.address-link{font-size:clamp(18px,4.6vw,20px);line-height:1.5;color:#f2f2f0;border-bottom:1px solid #3a3a36;transition:color .16s ease}
.address-link:hover{color:#e8ec12}
.contact-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-strong{font-size:22px;font-weight:700;color:#e8ec12;transition:color .16s ease}
.contact-strong:hover{color:#ffffff}
.contact-email{display:inline-block;font-size:clamp(17px,4.6vw,22px);white-space:nowrap}
.social-row{display:flex;flex-wrap:wrap;gap:12px}
/* ============ FOOTER ============ */
.site-footer{border-top:2px solid #e8ec12;background:#0a0a0a}
.footer-inner{max-width:1200px;margin:0 auto;padding:44px clamp(18px,5vw,24px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.footer-meta{font-size:15px;color:#6f6f6b;line-height:1.7}
/* ============ RESPONSIVE ============ */
@media (max-width:1040px){
.header-right,.nav{flex-wrap:wrap;justify-content:flex-end;gap:12px 20px}
}
@media (max-width:900px){
.services-grid,.team-grid{grid-template-columns:1fr 1fr}
.team-grid{gap:36px}
.info-inner{grid-template-columns:1fr;gap:56px}
}
@media (max-width:620px){
/* Compact two-row header: logo + call button, then the links beneath.
.header-right dissolves so its children lay out in .header-inner. */
.header-inner{flex-wrap:wrap;padding:9px 16px;gap:9px 12px}
.header-right{display:contents}
.logo-img-sm{height:38px}
.wordmark-sm{font-size:22px}
.nav-call{order:1;font-size:16px;padding:0 16px;min-height:40px;display:inline-flex;align-items:center}
.nav{order:2;flex:1 0 100%;justify-content:space-between;gap:0;font-size:14px;letter-spacing:.05em}
.services-grid,.team-grid,.contact-pair{grid-template-columns:1fr}
.ticker-inner{font-size:18px;gap:6px 22px}
.hero-ctas .btn{flex:1 1 240px}
.footer-inner{gap:20px}
/* Anchor offset must clear the shorter mobile header (~90px tall). */
.services,.team,.info,.contact-col{scroll-margin-top:104px}
}