/* Boots & Booze brand-kit application, October 2026.
   Exact supplied palette. Display type is a web interpretation: the screenshots
   did not specify a licensed brand font. Existing approved PNG logos are intact. */
:root{--blue:#8fb7bf;--rose:#f4998c;--brand-line:rgba(23,21,21,.24)}
.bb{--muted:#57524e;--line:var(--brand-line)}
.bb h1,.bb h2,.bb .space-title h3,.bb .drink-list h3{font-family:var(--sans);font-weight:800;letter-spacing:-.045em;line-height:1.02}
.bb h1,.bb h2{text-transform:uppercase;text-wrap:balance}
.bb h1 em,.bb h2 em{font-style:normal;font-weight:inherit}
.bb .header{border-bottom:1px solid var(--ink)}
.bb .brand img{width:155px;height:auto;object-fit:contain}
.bb .desktop-nav{gap:24px}
.bb .desktop-nav a,.bb .merch-nav a{font-weight:700}
.bb .button{background:var(--ink);border-color:var(--ink);color:var(--sand);font-weight:800;letter-spacing:.035em}
.bb .button:hover{background:var(--red);border-color:var(--ink);color:var(--ink)}
.bb .button.light{background:var(--sand);border-color:var(--sand);color:var(--ink)}
.bb .button.light:hover{background:var(--blue);border-color:var(--blue)}
.bb .button.outline{background:transparent;border-color:var(--ink);color:var(--ink)}
.bb .button.outline:hover{background:var(--ink);color:var(--sand)}
.bb a:focus-visible,.bb button:focus-visible,.bb summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px;box-shadow:0 0 0 2px var(--ink)}
.bb input:focus,.bb textarea:focus{outline-color:var(--ink)}
.bb .eyebrow{font-weight:800;letter-spacing:.11em}
.bb .hero-shade{background:linear-gradient(180deg,rgba(23,21,21,.55),rgba(23,21,21,.16) 30%,rgba(23,21,21,.82))}
.bb .hero-copy{bottom:100px}
.bb .hero h1{font-size:clamp(60px,7.8vw,116px);line-height:.94;margin-bottom:22px;letter-spacing:-.05em}
.bb .hero-tagline{font-size:clamp(17px,1.7vw,23px);margin-bottom:27px}
.bb .intro{position:relative;color:var(--ink)}
.bb .intro h2{font-size:clamp(48px,7vw,104px)}
.bb .brand-stamp{border:1.5px solid var(--ink);box-shadow:inset 0 0 0 4px var(--sand),inset 0 0 0 5px var(--ink);padding:15px 24px;width:fit-content;margin:0 auto 32px;font-weight:800;font-size:11px;line-height:1.35;text-align:center;letter-spacing:.025em}
.bb .section-heading h2{font-size:clamp(34px,3.5vw,53px);max-width:780px}
.bb .space-title h3{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.035em}
.bb .space-title span{color:var(--ink);font-weight:800;border:1px solid var(--ink);padding:2px 6px}
.bb .space-card img{border-bottom:5px solid var(--ink)}
.bb .space-card:nth-child(2) img{border-color:var(--rose)}
.bb .space-card:nth-child(3) img{border-color:var(--blue)}
.bb .drinks-teaser{background:var(--blue);border-top:1px solid var(--ink)}
.bb .drinks-teaser h2,.bb .merch-teaser h2{color:var(--ink);font-size:clamp(40px,4.2vw,65px)}
.bb .word-ribbon{background:var(--red);color:var(--ink);font-family:var(--sans);font-weight:900;font-size:clamp(21px,2.8vw,40px);letter-spacing:-.025em;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.bb .gather{background:var(--ink);border-top:0}
.bb .gather-copy{padding:80px 10%}
.bb .gather-copy h2{font-size:clamp(42px,4.7vw,70px)}
.bb .gather-copy .eyebrow{color:var(--rose)}
.bb .gather-detail{border-top:1px solid #f2e9dd55;padding-top:20px}
.bb .visit h2,.bb .social,.bb .dialog-heading h2,.bb .privacy-dialog h2{color:var(--ink)}
.bb .visit h2{font-size:clamp(38px,4.4vw,66px)}
.bb .text-link{color:var(--ink);font-weight:700}
.bb .exterior figcaption{font-family:var(--sans);font-size:14px;font-weight:600}
.bb .social{background:var(--rose)}
.bb .social h2{font-size:clamp(42px,5vw,75px)}
.bb .instagram-handle{font-family:var(--sans);font-weight:800;letter-spacing:-.04em;font-size:clamp(22px,2.5vw,35px);overflow-wrap:anywhere}
.bb .faq-list summary:after{color:var(--ink)}
.bb .footer{border-top:6px solid var(--red)}
.bb .dialog-heading h2{font-size:clamp(28px,4vw,40px);letter-spacing:-.035em}
.bb .privacy-dialog h2{font-size:40px}
.bb .menu-intro{background:var(--blue);color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:55px}
.bb .menu-intro h1{font-size:clamp(42px,6.5vw,92px)}
.bb .menu-content{padding-top:45px}
.bb .menu-category h2{color:var(--ink);font-size:clamp(27px,3vw,40px);border-left:6px solid var(--red);padding-left:18px}
.bb .drink-list h3{font-size:24px;letter-spacing:-.025em}
.bb .menu-category:nth-child(2n) h2{border-color:var(--blue)}
.bb.merch-page h1{color:var(--ink);font-size:clamp(43px,4.8vw,72px)}
.bb.merch-page .merch-teaser .eyebrow{background:var(--rose);padding:7px 12px;width:fit-content;border:1px solid var(--ink)}
.bb.merch-page .merch-teaser figure{border:1px solid var(--ink);padding:24px;background:rgba(255,255,255,.2)}
.bb .menu-footer .button{border-color:var(--sand)}
@media(max-width:1100px){.bb .desktop-nav{gap:14px}.bb .desktop-nav a{font-size:12px}.bb .brand img{width:135px}}
@media(min-width:701px) and (max-width:900px){.bb .header{padding-left:3%;padding-right:3%}.bb .desktop-nav{gap:10px}.bb .button.small{padding:12px}.bb .brand img{width:115px}}
@media(max-width:700px){.bb .brand img{width:119px}.bb .hero h1{font-size:clamp(52px,12vw,80px)}.bb .hero .eyebrow{max-width:34ch}.bb .hero-copy{bottom:95px}.bb .hero-tagline{font-size:16px;max-width:26ch}.bb .intro h2{font-size:clamp(39px,10vw,66px)}.bb .section-heading h2{font-size:36px}.bb .space-title h3{font-size:28px}.bb .gather-copy{padding:55px 6%}.bb .gather-copy h2{font-size:49px}.bb .visit h2{font-size:46px}.bb .social h2{font-size:49px}.bb .merch-nav{gap:12px;font-size:11px}.bb .merch-teaser{padding-top:40px}.bb.merch-page h1{font-size:48px}.bb .menu-intro h1{font-size:clamp(36px,9vw,60px)}.bb .menu-category h2{font-size:27px}.bb .dialog-heading h2{font-size:30px}}

/* Venue phone: contact section and page footers, with mobile tap targets. */
.bb .phone-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.bb .venue-phone{margin-top:10px}.bb .footer .phone-link{display:flex;width:fit-content;margin-bottom:8px}.bb .menu-footer .phone-link{font-size:15px}
