.demo-cafe{--color-bg: #f7f1ea;--color-ink: #2b2622;--color-muted: #6c5f55;--color-accent: #6d7f6a;--color-accent-dark: #566455;--color-surface: #ffffff;--color-surface-alt: #fef7f1;--color-border: #e7dace;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;font-family:Inter,sans-serif;background:var(--color-bg);color:var(--color-ink);line-height:1.6;min-height:100vh;background-image:radial-gradient(circle at top left,rgba(109,127,106,.12),transparent 45%),radial-gradient(circle at bottom right,rgba(209,111,88,.12),transparent 45%)}.demo-cafe *{box-sizing:border-box}.demo-cafe h1,.demo-cafe h2,.demo-cafe h3,.demo-cafe h4{font-family:Fraunces,serif;margin:0 0 .75rem}.demo-cafe p{margin:0 0 1rem}.demo-cafe .container{width:min(1120px,100%);margin:0 auto;padding:0 1.5rem}.demo-cafe .site-header{position:sticky;top:0;z-index:90;background:#f7f1eaeb;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.demo-cafe .header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 0}.demo-cafe .brand{font-family:Fraunces,serif;font-size:1.5rem;font-weight:600;color:var(--color-ink);text-decoration:none}.demo-cafe .site-nav{display:flex;gap:1.5rem;color:var(--color-muted);font-weight:600}.demo-cafe .site-nav a{text-decoration:none;color:inherit}.demo-cafe .header-actions{display:flex}.demo-cafe .btn{border-radius:999px;padding:.6rem 1.4rem;font-weight:600;border:1px solid transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.demo-cafe .btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 12px 24px #6d7f6a40}.demo-cafe .btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-ink)}.demo-cafe .hero{padding:4.5rem 0 3rem}.demo-cafe .hero-grid{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center}.demo-cafe .hero h1{font-family:Fraunces,serif;font-size:clamp(2.6rem,4.8vw,3.8rem);margin-bottom:1rem}.demo-cafe .hero p{color:var(--color-muted);margin-bottom:1.5rem}.demo-cafe .badge{display:inline-flex;padding:.35rem .9rem;border-radius:999px;background:var(--color-surface-alt);border:1px solid var(--color-border);font-size:.85rem;font-weight:600;color:var(--color-muted)}.demo-cafe .hero-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:2rem;box-shadow:0 20px 40px #2b262214}.demo-cafe .hero-card h3{font-family:Fraunces,serif;margin-bottom:1rem}.demo-cafe .hero-card ul{margin:0;padding-left:1.2rem;color:var(--color-muted)}.demo-cafe .section{padding:3rem 0;content-visibility:auto;contain-intrinsic-size:1px 750px}.demo-cafe .menu-board{padding-top:2rem}.demo-cafe .menu-board-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.demo-cafe .menu-board-card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:1.5rem;box-shadow:0 18px 30px #2b262214}.demo-cafe .menu-board-card ul{margin:0;padding-left:1.2rem;color:var(--color-muted)}.demo-cafe .section-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.demo-cafe .section-title h2{font-family:Fraunces,serif;margin:0}.demo-cafe .highlight-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.demo-cafe .highlight-card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:1.5rem}.demo-cafe .highlight-card h4{margin:0 0 .5rem;font-family:Fraunces,serif}.demo-cafe .highlight-card p{margin:0;color:var(--color-muted)}.demo-cafe .photo-grid{display:grid;gap:1rem}.demo-cafe .photo-grid--mosaic{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:120px}.demo-cafe .photo-tile{border-radius:var(--radius-md);min-height:160px;background:linear-gradient(135deg,#6d7f6a33,#d16f5826);border:1px solid var(--color-border);position:relative;overflow:hidden}.demo-cafe .photo-tile:after{content:"Photo";position:absolute;bottom:12px;left:12px;font-size:.8rem;font-weight:600;color:var(--color-muted)}.demo-cafe .photo-tile--1{grid-column:span 3;grid-row:span 2}.demo-cafe .photo-tile--2{grid-column:span 2;grid-row:span 1}.demo-cafe .photo-tile--3{grid-column:span 1;grid-row:span 2}.demo-cafe .photo-tile--4{grid-column:span 2;grid-row:span 2}.demo-cafe .photo-tile--5,.demo-cafe .photo-tile--6{grid-column:span 2;grid-row:span 1}.demo-cafe .photo-tile--7{grid-column:span 3;grid-row:span 1}.demo-cafe .visit-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.demo-cafe .visit-card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:1.5rem}.demo-cafe .visit-card p{color:var(--color-muted)}.demo-cafe .neighborhood-notes{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.demo-cafe .note-chip{background:var(--color-surface-alt);border:1px solid var(--color-border);padding:.4rem .9rem;border-radius:999px;font-weight:600;font-size:.85rem;color:var(--color-muted)}.demo-cafe .cafe-story{background:#fff9;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.demo-cafe .story-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center}.demo-cafe .demo-actions{position:fixed;bottom:1.5rem;left:1.5rem;display:flex;gap:.75rem;align-items:center;z-index:120}.demo-cafe .demo-home{background:var(--color-ink);color:#fff;padding:.55rem 1.2rem;border-radius:999px;font-weight:700;font-size:.8rem;text-decoration:none}.demo-cafe .demo-toggle{width:36px;height:36px;border-radius:50%;border:none;background:var(--color-ink);color:#fff;font-size:1.1rem;cursor:pointer}.demo-cafe .demo-actions-menu{position:absolute;left:0;bottom:calc(100% + .5rem);background:var(--color-ink);color:#fff;padding:.9rem;border-radius:14px;display:grid;gap:.6rem;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;min-width:200px}.demo-cafe .demo-actions-menu a{color:#fff;text-decoration:none;font-weight:600;font-size:.9rem}.demo-cafe .demo-actions.is-open .demo-actions-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.demo-cafe .site-footer{padding:3rem 0 5rem;border-top:1px solid var(--color-border);margin-top:3rem}.demo-cafe .footer-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.demo-cafe .label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700;color:var(--color-muted);margin-bottom:.5rem}@media(max-width:900px){.demo-cafe .header-inner{flex-direction:column;align-items:flex-start}.demo-cafe .site-nav{flex-wrap:wrap;gap:1rem}}@media(max-width:600px){.demo-cafe .photo-grid--mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:140px}.demo-cafe .photo-tile--1,.demo-cafe .photo-tile--2,.demo-cafe .photo-tile--3,.demo-cafe .photo-tile--4,.demo-cafe .photo-tile--5,.demo-cafe .photo-tile--6,.demo-cafe .photo-tile--7{grid-column:span 1;grid-row:span 1}.demo-cafe .demo-actions{left:1rem;bottom:1rem}.demo-cafe .demo-home{padding:.5rem 1rem;font-size:.75rem}.demo-cafe .demo-toggle{width:34px;height:34px}}