@font-face{font-family:Anton;src:url("assets/fonts/Anton-400.woff2") format("woff2");font-display:swap;font-weight:400}
@font-face{font-family:Barlow Condensed;src:url("assets/fonts/BarlowCondensed-600.woff2") format("woff2");font-display:swap;font-weight:600}

:root{
  --red:#d71920;
  --yellow:#ffc400;
  --ink:#111;
  --paper:#faf8f4;
  --white:#fff;
  --line:rgba(255,255,255,.24);
  --muted:#5d5b58;
}

*{box-sizing:border-box}
html{background:var(--ink);color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
body{margin:0;min-width:320px;overflow-x:hidden}
a{color:inherit}
.skip-link{position:fixed;z-index:20;top:10px;left:10px;padding:10px 14px;background:var(--yellow);color:var(--ink);font-weight:700;transform:translateY(-150%)}
.skip-link:focus{transform:none}

.site-header{position:absolute;z-index:10;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:92px;padding:12px clamp(22px,4vw,72px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(0,0,0,.72),transparent)}
.brand{display:flex;align-items:center;gap:12px;width:max-content;text-decoration:none;font:400 clamp(1.7rem,2.5vw,2.3rem)/1 Anton,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.brand img{width:58px;height:58px;object-fit:contain}
.site-header nav{display:flex;gap:clamp(20px,3vw,42px);font:600 1rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.08em}
.site-header nav a{text-decoration:none;border-bottom:2px solid transparent;padding:9px 0}
.site-header nav a:hover,.site-header nav a:focus-visible{border-color:var(--yellow)}
.header-directions{justify-self:end;padding:13px 18px;border:2px solid var(--white);text-decoration:none;font:600 1rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em}
.menu-toggle,.mobile-menu{display:none}

.hero{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:flex-end;padding-top:92px}
.hero-photo,.hero-photo img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}
.hero-photo img{object-fit:cover;object-position:50% 62%}
.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.58) 43%,rgba(0,0,0,.06) 76%),linear-gradient(0deg,rgba(0,0,0,.88) 0%,transparent 42%,rgba(0,0,0,.12) 100%)}
.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:clamp(36px,7vw,120px);align-items:end;width:100%;padding:clamp(150px,20vh,220px) clamp(22px,6vw,110px) clamp(232px,29vh,286px)}
.hero-copy{max-width:800px}
.open-kicker{display:flex;align-items:center;gap:11px;margin:0 0 20px;font:600 1rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.16em}
.open-kicker span{width:10px;height:10px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px rgba(255,196,0,.18)}
h1{margin:0;font:400 clamp(5.2rem,10vw,9rem)/1 Anton,sans-serif;text-transform:uppercase;letter-spacing:-.025em;text-wrap:balance}
h1 em{color:var(--yellow);font-style:normal}
.hero-lede{max-width:600px;margin:30px 0 0;font-size:clamp(1.08rem,1.6vw,1.38rem);line-height:1.5}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 23px;text-decoration:none;font:600 1.05rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;border:2px solid transparent;transition:transform .18s ease,background .18s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--yellow);color:var(--ink)}
.button-secondary{border-color:var(--white);background:rgba(0,0,0,.24)}

.road-sign{position:relative;margin:0;padding:27px 28px 25px;background:rgba(13,13,13,.94);border:1px solid rgba(255,255,255,.78);box-shadow:8px 8px 0 var(--red),0 22px 60px rgba(0,0,0,.38)}
.road-sign::before{content:"";position:absolute;top:-2px;left:-2px;width:72px;height:7px;background:var(--yellow)}
.sign-label{margin:0 0 21px;color:#cfcfcf;font:600 .82rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.13em}
.sign-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase}
.sign-row span{font-size:1rem;letter-spacing:.1em}
.sign-row strong{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1}
.sign-hours strong{color:var(--yellow);font:400 clamp(3.7rem,6vw,6.2rem)/.85 Anton,sans-serif}
.sign-rule{height:1px;margin:22px 0;background:var(--line)}
.sign-services{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.sign-services span{padding:7px 9px;background:#282828;font:600 .78rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.07em}

.quick-strip{position:absolute;z-index:3;inset:auto 0 0;display:grid;grid-template-columns:minmax(260px,1fr) 2fr;min-height:112px;background:var(--paper);color:var(--ink)}
.quick-strip p{display:flex;flex-direction:column;justify-content:center;margin:0;padding:21px clamp(22px,6vw,110px);background:var(--red);color:var(--white)}
.quick-strip p strong{font:400 1.8rem/1 Anton,sans-serif;text-transform:uppercase}
.quick-strip p span{margin-top:6px;font-size:.9rem}
.quick-strip>div{display:grid;grid-template-columns:repeat(3,1fr)}
.quick-strip a{display:flex;align-items:center;gap:14px;padding:20px clamp(18px,2.6vw,42px);border-right:1px solid #d5d2cc;text-decoration:none;font:600 1.05rem/1.05 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.025em}
.quick-strip a:hover,.quick-strip a:focus-visible{background:var(--yellow)}

a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}

/* Full-site demo system */
.section-kicker{margin:0 0 18px;font:600 .9rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--red)}
.service-story h2,.store-world h2,.deal-stage h2,.visit-section h2,.community-section h2,.faq-section h2{margin:0;font:400 clamp(3.2rem,6vw,6.8rem)/.94 Anton,sans-serif;text-transform:uppercase;letter-spacing:-.018em;text-wrap:balance}
.text-link{display:inline-flex;gap:9px;align-items:center;width:max-content;color:inherit;font:600 1rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:7px}
.text-link:hover{color:var(--red)}
.button-dark{background:var(--ink);color:var(--white)}
.button-ghost{border-color:var(--white);background:transparent;color:var(--white)}

.service-story{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:clamp(60px,9vw,150px);align-items:center;padding:clamp(100px,13vw,190px) clamp(24px,7vw,132px);overflow:hidden;background:var(--paper);color:var(--ink)}
.story-copy{position:relative;z-index:1;max-width:650px}
.story-copy>p:not(.section-kicker){max-width:56ch;margin:28px 0 0;color:var(--muted);font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.65}
.story-actions{display:flex;gap:28px;flex-wrap:wrap;margin-top:36px}
.story-photo{position:relative;z-index:1;margin:0;box-shadow:18px 18px 0 var(--red)}
.story-photo picture{display:block;aspect-ratio:4/3;overflow:hidden}
.story-photo img{width:100%;height:100%;object-fit:cover}
.story-photo figcaption{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;background:var(--ink);color:var(--white);font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em}
.story-photo figcaption span{color:#bdbdbd}

.store-world{padding:clamp(100px,12vw,180px) clamp(24px,6vw,110px);background:var(--ink);color:var(--white)}
.store-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.7fr);column-gap:8vw;align-items:end;max-width:1500px;margin:0 auto clamp(60px,8vw,110px)}
.store-intro .section-kicker,.store-intro h2{grid-column:1}
.store-intro>p:not(.section-kicker){grid-column:2;grid-row:1/span 2;align-self:end;margin:0 0 5px;color:#c7c7c7;font-size:1.15rem;line-height:1.65}
.store-intro .button{grid-column:2;margin-top:28px;width:max-content}
.store-gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(2,minmax(250px,1fr));gap:14px;max-width:1500px;margin:auto}
.store-gallery>a{position:relative;min-height:300px;overflow:hidden;color:var(--white);text-decoration:none}
.store-gallery .gallery-feature{grid-row:1/span 2;min-height:620px}
.store-gallery picture,.store-gallery img{display:block;width:100%;height:100%}
.store-gallery picture{position:absolute;inset:0}
.store-gallery img{object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.store-gallery>a::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88))}
.store-gallery>a:hover img{transform:scale(1.025)}
.store-gallery a>span{position:absolute;z-index:1;inset:auto 28px 26px;display:flex;flex-direction:column;gap:7px}
.store-gallery small{font:600 .82rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--yellow)}
.store-gallery strong{font:400 clamp(1.8rem,3vw,3.4rem)/1 Anton,sans-serif;text-transform:uppercase}

.deal-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:720px;padding:clamp(80px,10vw,150px) clamp(24px,9vw,170px);overflow:hidden;background:var(--yellow);color:var(--ink)}
.deal-stage::before{content:"";position:absolute;width:55vw;height:55vw;max-width:780px;max-height:780px;right:-8vw;border:2px solid rgba(17,17,17,.18);border-radius:50%}
.deal-copy{position:relative;z-index:2}
.deal-copy .section-kicker{color:var(--ink)}
.deal-stage h2{max-width:720px;font-size:clamp(4.5rem,9vw,10rem);line-height:.82}
.deal-stage h2 span{display:block;color:var(--red)}
.deal-condition{display:inline-block;margin:28px 0 34px;padding:9px 13px;background:var(--red);color:var(--white);font:600 1.25rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.08em}
.deal-copy .button{display:flex;width:max-content}
.deal-photo{position:relative;z-index:1;justify-self:center;width:min(42vw,560px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--ink);box-shadow:20px 20px 0 var(--red)}
.deal-photo picture,.deal-photo img{width:100%;height:100%}
.deal-photo img{object-fit:cover}

.visit-section{display:grid;grid-template-columns:1.05fr .95fr;min-height:760px;background:var(--red);color:var(--white)}
.visit-photo{min-height:600px;overflow:hidden}
.visit-photo picture,.visit-photo img{width:100%;height:100%}
.visit-photo img{object-fit:cover}
.visit-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,9vw,145px)}
.visit-copy .section-kicker{color:var(--yellow)}
.visit-copy dl{margin:42px 0;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(255,255,255,.35)}
.visit-copy dl div{padding:22px 14px 22px 0}
.visit-copy dt{margin-bottom:8px;color:#ffd6d7;font:600 .78rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.12em}
.visit-copy dd{margin:0;font:600 1.05rem/1.4 "Barlow Condensed",sans-serif;text-transform:uppercase}
.visit-actions{display:flex;gap:12px;flex-wrap:wrap}

.community-section{padding:clamp(110px,15vw,230px) clamp(24px,11vw,210px);background:var(--paper);color:var(--ink)}
.community-section h2{max-width:1050px}
.community-section>p:not(.section-kicker){max-width:670px;margin:34px 0;color:var(--muted);font-size:clamp(1.08rem,1.5vw,1.35rem);line-height:1.7}

.faq-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(50px,9vw,150px);padding:clamp(100px,12vw,180px) clamp(24px,8vw,150px);background:#f0eeea;color:var(--ink)}
.faq-list{border-top:2px solid var(--ink)}
.faq-list details{border-bottom:1px solid #b8b4ae;padding:25px 0}
.faq-list summary{cursor:pointer;list-style:none;font:600 clamp(1.2rem,1.8vw,1.55rem)/1.2 "Barlow Condensed",sans-serif;text-transform:uppercase}
.faq-list summary::after{content:"+";float:right;color:var(--red);font-size:1.5em}
.faq-list details[open] summary::after{content:"−"}
.faq-list p{max-width:60ch;margin:17px 0 2px;color:var(--muted);line-height:1.65}
.faq-section>.text-link{grid-column:2}

.demo-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:50px;align-items:start;padding:70px clamp(24px,6vw,110px) 34px;background:var(--ink);color:var(--white)}
.footer-brand{position:static}.demo-footer p{margin:7px 0;color:#bcbcbc;line-height:1.6}.demo-footer nav{display:flex;gap:28px;margin-top:13px;font:600 .9rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.08em}.demo-footer nav a{text-decoration:none}.demo-footer small{grid-column:1/-1;padding-top:35px;border-top:1px solid var(--line);color:#858585}
.demo-footer nav{align-items:center;flex-wrap:wrap}.demo-footer .footer-social-link{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;transition:background .18s ease,color .18s ease,border-color .18s ease}.demo-footer .footer-social-link:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.footer-social-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.footer-social-link svg path,.footer-social-link .social-dot{fill:currentColor;stroke:none}

@media(max-width:900px){
  .site-header{position:fixed;grid-template-columns:minmax(0,1fr) auto;min-height:78px;padding:10px 20px;background:rgba(0,0,0,.94);backdrop-filter:blur(12px)}.site-header nav,.header-directions{display:none}.brand{min-width:0}.brand img{width:48px;height:48px;flex:none}.menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--white);font:600 .95rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.menu-toggle i,.menu-toggle i::before,.menu-toggle i::after{display:block;width:22px;height:2px;background:currentColor;content:"";transition:transform .2s ease}.menu-toggle i{position:relative}.menu-toggle i::before{position:absolute;top:-7px}.menu-toggle i::after{position:absolute;top:7px}.menu-toggle[aria-expanded="true"] i{background:transparent}.menu-toggle[aria-expanded="true"] i::before{top:0;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] i::after{top:0;transform:rotate(-45deg)}
  .mobile-menu{position:fixed;z-index:9;inset:78px 0 0;display:flex;flex-direction:column;padding:28px 22px 36px;background:var(--ink);color:var(--white);overflow:auto}.mobile-menu[hidden]{display:none}.mobile-menu>a{display:flex;align-items:center;gap:16px;padding:20px 4px;border-bottom:1px solid var(--line);font:400 clamp(2.4rem,10vw,4rem)/1 Anton,sans-serif;text-transform:uppercase;text-decoration:none}.mobile-menu .mobile-menu-direction{justify-content:space-between;margin-top:auto;padding:18px 20px;border:0;background:var(--yellow);color:var(--ink);font:600 1rem/1 "Barlow Condensed",sans-serif;letter-spacing:.06em}.menu-open{overflow:hidden}
  .hero{padding-top:78px;min-height:100svh}.hero-photo img{object-position:56% 55%}.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.52) 68%,rgba(0,0,0,.3) 100%)}
  .hero-content{display:block;padding:190px 22px 188px}.hero-copy{max-width:650px}.road-sign{display:none}
  .quick-strip{grid-template-columns:1fr;min-height:0}.quick-strip p{display:none}.quick-strip>div{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.quick-strip a{min-width:0;padding:19px 14px;min-height:76px}
  .service-story{grid-template-columns:1fr;gap:55px}.story-photo{width:calc(100% - 16px)}
  .store-intro{display:block}.store-intro>p:not(.section-kicker){margin-top:25px;max-width:60ch}.store-intro .button{margin-top:25px}.store-gallery{grid-template-columns:1fr 1fr;grid-template-rows:minmax(430px,1.2fr) minmax(260px,.8fr)}.store-gallery .gallery-feature{grid-column:1/-1;grid-row:auto;min-height:430px}
  .deal-stage{grid-template-columns:1fr;gap:55px}.deal-photo{width:min(70vw,500px)}
  .visit-section{grid-template-columns:1fr}.visit-photo{min-height:480px}.visit-copy{padding:80px 7vw}
  .faq-section{grid-template-columns:1fr}.faq-section>.text-link{grid-column:auto}
  .demo-footer{grid-template-columns:1fr 1fr}.demo-footer nav{grid-column:1/-1}
}

@media(max-width:560px){
  .site-header{grid-template-columns:minmax(0,1fr) auto;padding-inline:16px}.brand{gap:9px;font-size:clamp(1.25rem,7vw,1.55rem);white-space:nowrap}.brand img{width:42px;height:42px}.menu-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .hero-content{padding:176px 20px 164px}.open-kicker{margin-bottom:15px}h1{font-size:clamp(3.6rem,17vw,4.6rem);line-height:1;letter-spacing:-.012em;white-space:normal}.hero-lede{max-width:34ch;margin-top:22px;font-size:1rem}.hero-actions{margin-top:25px}.button{width:100%}
  .quick-strip>div,.quick-strip a{min-width:0}.quick-strip a{flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:15px 9px;font-size:clamp(.66rem,2.7vw,.82rem);line-height:1.08;overflow-wrap:anywhere}
  .service-story{padding-block:90px}.service-story h2,.store-world h2,.visit-section h2,.community-section h2,.faq-section h2{font-size:clamp(2.8rem,14vw,4.2rem)}.story-actions{flex-direction:column;align-items:flex-start}.story-photo{box-shadow:10px 10px 0 var(--red)}
  .store-world{padding-block:90px}.store-gallery{display:flex;flex-direction:column}.store-gallery>a,.store-gallery .gallery-feature{min-height:330px}.store-gallery a>span{inset:auto 20px 20px}
  .deal-stage{min-height:0;padding-block:90px}.deal-stage h2{font-size:clamp(4rem,21vw,6.5rem)}.deal-photo{width:78vw;box-shadow:10px 10px 0 var(--red)}
  .visit-photo{min-height:340px}.visit-copy{padding:75px 22px}.visit-copy dl{grid-template-columns:1fr}.visit-copy dl div{border-bottom:1px solid rgba(255,255,255,.25)}.visit-copy dl div:last-child{border:0}.visit-actions .button{width:100%}
  .community-section{padding-block:100px}.faq-section{padding-block:90px}
  .demo-footer{grid-template-columns:1fr;padding-top:55px}.demo-footer nav{grid-column:auto;flex-wrap:wrap}.demo-footer small{grid-column:auto}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.button{transition:none}}