/* BONDS visual layer. Store facts and SEO stay in the existing templates/config.
   Mobile defaults; desktop enhancements at 761px and 981px. */
:root { --color-bg-dark:#202321; --color-bg-dark-soft:#292d29; --color-bg-light:#f5f2ea; --color-bg-light-soft:#eae6db; --color-accent:#a53328; --color-accent-hover:#84271f; --content-width:1160px; }
html { scroll-padding-top:100px; }
body { font-feature-settings:normal; letter-spacing:.015em; }
main [id] { scroll-margin-top:100px; }
::selection { background:#a53328; color:#fff; }
:focus-visible { outline:3px solid #b04436; outline-offset:5px; }
.site-header { background:#202321; }
.header-inner { min-height:72px; }
.brand-name { letter-spacing:.015em; }
.brand-name small { color:#c3c5b9; }
.button { border-radius:999px; min-height:52px; padding:14px 24px; transition:background-color .18s,color .18s,box-shadow .18s,transform .18s; }
.button:active,.scene-card:active { transform:translateY(1px); }
.button-primary,.button-small { background:#a53328; color:#fff; }
.button-secondary { border-color:#8c8c7e; }
.button-secondary:hover { color:#fff; background:#303831; border-color:#303831; }
.button-small { min-height:44px; }
.desktop-nav { gap:26px; }
.menu-toggle { border-radius:50%; border-color:#64695f; }
.mobile-nav { border-radius:0 0 22px 22px; max-height:calc(100svh - 90px); overflow:auto; box-shadow:0 16px 30px #0002; }
.mobile-nav a { padding-inline:8px; }
.hero { position:relative; overflow:hidden; color:#252b25; background:#f5f2ea; padding:20px 0 32px; }
.hero-layout { position:relative; display:block; }
.hero-copy { position:relative; z-index:1; }
.hero-brand-lockup { display:flex; align-items:center; justify-content:center; gap:13px; margin:0 0 12px; }
.hero-brand-lockup img { width:80px; height:80px; flex:0 0 auto; object-fit:contain; }
.hero-brand-lockup p { display:none; margin:0; color:#3d443b; line-height:1; letter-spacing:.08em; }
.hero-brand-lockup span { display:block; margin-bottom:6px; font-size:9px; font-weight:700; }
.hero-brand-lockup strong { display:block; color:#a53328; font-family:Impact,'Arial Black','Helvetica Neue',sans-serif; font-size:28px; letter-spacing:.02em; }
.hero-kicker { max-width:100%; margin-bottom:12px; color:#616757; font-size:10px; font-weight:700; line-height:1.6; letter-spacing:.03em; }
.hero-copy h1 { margin:0 0 12px; font-size:inherit; line-height:1; letter-spacing:0; }
.hero-location { display:block; margin-bottom:6px; font-size:13px; font-weight:600; letter-spacing:.1em; }
.hero-wordmark { display:block; width:fit-content; color:#a53328; font-family:Impact,'Arial Black','Helvetica Neue',sans-serif; font-size:clamp(68px,21vw,128px); font-weight:900; letter-spacing:-.045em; line-height:.95; }
.hero-lead { margin:14px 0 8px; color:#252b25; font-size:22px; line-height:1.5; font-weight:700; letter-spacing:-.025em; }
.hero-lead strong { color:inherit; font-weight:700; }
.hero-intro { margin:0 0 12px; font-size:13px; line-height:1.65; color:#555d51; }
.hero-facts { display:grid; grid-template-columns:1fr 1.35fr; gap:16px; margin:0; border-top:1px solid #c9cabc; border-bottom:1px solid #c9cabc; padding:13px 0; }
.hero-facts div { display:block; padding:0; border:0; }
.hero-facts div+div { padding-left:16px; border-left:1px solid #c9cabc; }
.hero-facts dt { margin:0 0 3px; color:#5e6659; font-size:11px; font-weight:500; }
.hero-facts dd { margin:0; color:#252b25; font-size:17px; font-weight:800; line-height:1.5; white-space:nowrap; font-variant-numeric:tabular-nums; }
.hero-facts div:first-child dd { font-size:29px; line-height:1.15; }
.hero-facts small { display:block; margin-top:5px; font-size:10px; font-weight:500; }
.hero-drinks { margin:10px 0 16px; font-size:11px; color:#545d50; line-height:1.7; }
.hero .button-row { display:grid; grid-template-columns:1.6fr 1fr; gap:10px; }
.hero .button { padding-inline:8px; font-size:12px; }
.button-label-short { display:inline; }
.button-label-full { display:none; }
.scene-section { padding:48px 0; background:#eae6db; color:#252b25; }
.scene-heading { margin-bottom:24px; }
.section-kicker { margin:0 0 9px; font-size:11px; color:#a53328; font-weight:700; letter-spacing:.08em; }
.scene-heading h2 { font-size:26px; margin:0 0 6px; line-height:1.4; letter-spacing:-.025em; }
.scene-heading .text-link { color:#565f50; font-size:12px; border:0; gap:12px; }
.scene-grid { display:grid; gap:12px; }
.scene-card { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:10px 18px; border-radius:18px; background:#faf8f2; padding:23px; border:1px solid #d5d6c8; transition:transform .2s,box-shadow .2s,border-color .2s; }
.scene-number { grid-column:1/-1; color:#7a4439; font-size:10px; font-weight:700; letter-spacing:.13em; }
.scene-card h3 { margin:0; font-size:18px; letter-spacing:-.03em; line-height:1.55; }
.scene-card p { margin:0; color:#5c6557; font-size:12px; line-height:1.8; }
.scene-link { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; margin-top:6px; padding-top:10px; border-top:1px solid #d8d9cc; font-size:11px; font-weight:700; }
.scene-link span { font-size:20px; line-height:1; }
.section { padding:52px 0; }
.section-heading { margin-bottom:24px; }
.section-heading h2,.reading-copy h2,.access-copy h2 { font-size:28px; letter-spacing:-.035em; line-height:1.4; }
.section-heading p { font-size:13px; }
.section-light { background:#f5f2ea; }
.section-muted { background:#eae6db; }
.store-facts { grid-template-columns:1fr 1fr; gap:0 20px; border:0; }
.store-facts div,.store-facts div:nth-child(3n+1),.store-facts div:nth-child(2n+1) { padding:17px 0; min-height:0; border:0; border-bottom:1px solid #cecec1; }
.store-facts dt { font-size:11px; margin-bottom:6px; font-weight:500; }
.store-facts dd { font-size:13px; line-height:1.75; }
.split-layout,.access-layout,.access-detail-layout { gap:26px; }
.reading-copy { font-size:14px; line-height:1.95; }
.reading-copy p { margin-bottom:16px; }
.price-list { border:0; padding:8px 22px; background:#fffdf7; border-radius:20px; }
.price-list div { display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px; padding:20px 0; }
.price-list div:last-child { border-bottom:0; }
.price-list dt { margin:0; font-size:12px; }
.price-list dd { font-size:26px; text-align:right; color:#a53328; font-variant-numeric:tabular-nums; }
.price-list dd small { font-size:10px; }
.payment-note { font-size:12px; }
.access-photo,.building-photo { position:relative; border-radius:24px; overflow:hidden; background:#eae6db; }
.access-photo img,.building-photo img { aspect-ratio:1; object-fit:cover; }
.access-photo figcaption,.building-photo figcaption { padding:14px 20px; margin:0; background:#eae6db; color:#3f493b; font-size:12px; font-weight:700; }
.access-copy address { font-size:14px; border-bottom:0; padding-bottom:0; margin-block:20px; }
.faq-list { display:grid; gap:10px; border:0; }
.faq-list details { border:1px solid #d0d1c3; border-radius:14px; padding:0 18px; background:#fffdf7; transition:border-color .2s,background-color .2s; }
.faq-list details[open] { border-color:#8a9680; background:#f0f2e8; }
.faq-list summary { min-height:60px; font-size:14px; padding:18px 34px 18px 0; line-height:1.7; }
.faq-list summary::after { right:0; top:16px; }
.faq-list details > div { padding:0 0 20px; font-size:13px; line-height:1.9; }
.page-header { padding:30px 0 40px; background:#f5f2ea; color:#252b25; }
.page-header h1 { max-width:19em; font-size:32px; line-height:1.4; letter-spacing:-.035em; }
.page-header p { font-size:14px; color:#596352; line-height:1.9; }
.breadcrumb { color:#66705e; font-size:11px; margin-bottom:22px; }
.breadcrumb a { display:inline-flex; min-height:34px; align-items:center; }
.detail-list div { grid-template-columns:72px minmax(0,1fr); gap:14px; padding:18px 0; }
.detail-list dt { font-size:12px; }
.detail-list dd { font-size:15px; }
.access-detail-layout .building-photo { order:-1; }
.occasion-list li { font-size:15px; }
.contact-section { padding:42px 0; }
.contact-layout h2 { font-size:24px; }
.footer-layout { gap:24px; padding:40px 0; }
.footer-links a { min-height:44px; display:flex; align-items:center; }
.footer-bottom { color:#aeb2a6; }
.ai-consult-trigger { display:none; }
.ai-consult-topic-list button { min-height:44px; }
.ai-consult-dialog { border-radius:22px; }
.text-link { gap:8px; font-size:13px; }
.mobile-action-bar { right:10px; left:10px; bottom:max(10px,env(safe-area-inset-bottom)); padding:6px; border:1px solid #626a5c; border-radius:20px; background:#202321; box-shadow:0 6px 24px #0003; grid-template-columns:repeat(4,minmax(0,1fr)); }
.mobile-action-bar a,.mobile-action-bar button { display:flex; min-width:0; min-height:48px; align-items:center; justify-content:center; padding:4px 2px; color:inherit; border:0; border-radius:14px; background:transparent; font-size:10px; font-weight:700; line-height:1.2; gap:4px; cursor:pointer; }
.mobile-action-bar a.is-primary { border-radius:14px; background:#f5f2ea; color:#293225; }
.mobile-action-bar a span,.mobile-action-bar button span { font-size:15px; }
body { padding-bottom:calc(88px + env(safe-area-inset-bottom)); }
@media (min-width:360px) and (max-width:760px) {
 .hero-brand-lockup img { width:96px; height:96px; }
}
@media (hover:hover) {
 .scene-card:hover { transform:translateY(-4px); box-shadow:0 10px 24px #27322212; border-color:#9aab89; }
 .button:hover { box-shadow:0 4px 12px #0001; }
 .faq-list details:hover { border-color:#939d85; }
 .footer-links a:hover { color:#e5b2a3; }
}
@media (min-width:761px) {
 body { padding-bottom:0; }
 .hero { padding:48px 0 56px; }
 .hero-kicker { font-size:12px; }
 .hero-lead { font-size:30px; }
 .hero-intro { font-size:15px; }
 .hero-copy { max-width:780px; }
 .hero-brand-lockup { justify-content:flex-start; gap:18px; margin-bottom:22px; }
 .hero-brand-lockup img { width:112px; height:112px; }
 .hero-brand-lockup p { display:block; }
 .hero-brand-lockup span { font-size:10px; }
 .hero-brand-lockup strong { font-size:34px; }
 .hero-facts { max-width:480px; }
 .hero-facts dd { font-size:21px; }
 .hero-facts div:first-child dd { font-size:34px; }
 .hero-drinks { font-size:12px; }
 .hero .button-row { max-width:480px; }
 .hero .button { font-size:14px; }
 .ai-consult-trigger { position:fixed; right:24px; bottom:24px; display:inline-flex; width:auto; margin:0; box-shadow:0 10px 28px rgba(0,0,0,.28); }
 .button-label-short { display:none; }
 .button-label-full { display:inline; }
 .scene-section { padding:64px 0; }
 .scene-heading { display:grid; grid-template-columns:1fr auto; align-items:center; }
 .scene-heading .section-kicker { grid-column:1/-1; }
 .scene-heading h2 { font-size:32px; }
 .scene-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
 .scene-card { display:flex; flex-direction:column; padding:26px; }
 .scene-card h3 { font-size:23px; margin-top:8px; }
 .scene-card p { font-size:13px; margin:8px 0 12px; }
 .scene-link { width:100%; margin-top:auto; }
 .section { padding:76px 0; }
 .store-facts { grid-template-columns:repeat(3,1fr); gap:0 32px; }
 .store-facts dd { font-size:16px; }
 .section-heading h2,.reading-copy h2,.access-copy h2 { font-size:36px; }
 .reading-copy { font-size:16px; }
 .page-header { padding:42px 0 54px; }
 .page-header h1 { font-size:44px; }
 .page-header p { font-size:16px; }
 .price-list { padding:12px 32px; }
 .price-list dd { font-size:32px; }
 .faq-list summary { font-size:16px; }
 .faq-list details > div { font-size:15px; }
 .footer-layout { gap:44px; }
}
@media (min-width:981px) {
 .access-detail-layout .building-photo { order:0; }
 .hero { padding:58px 0 68px; }
 .hero-layout { display:block; }
 .hero-copy { max-width:900px; }
 .hero-brand-lockup img { width:124px; height:124px; }
 .hero-wordmark { font-size:132px; }
 .hero-facts,.hero .button-row { max-width:620px; }
 .split-layout,.access-layout,.access-detail-layout { gap:70px; }
}
@media (prefers-reduced-motion:no-preference) {
 .hero-copy { animation:arrive .45s ease-out both; }
 @keyframes arrive { from { opacity:.5; transform:translateY(8px); } to { opacity:1; transform:none; } }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }