/* Big Blue Cafe — site styles. Palette and type: brand.md §5–6. */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:600 800;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMlGIInE.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";font-style:normal;font-weight:400 600;font-display:swap;src:url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

h1,h2,h3{letter-spacing:-.02em}
h2{font-weight:800}
.btn{font-weight:600}

/* Header */
.site-header{background:#fff}
.brand img{height:48px;width:auto}
.nav a{color:var(--ink);font-size:var(--fs-md)}
.nav .tel{font-weight:600}
@media(max-width:860px){.brand img{height:42px}}

/* The wave: the one ornament, taken from the logo's two lines under "Big Blue" */
.wave{display:block;width:120px;height:14px;color:var(--brand);margin:0 0 var(--s-5)}

/* Hero: text on the building's blue, then the plates */
.hero{background:var(--sky);padding-block:clamp(2.5rem,7vw,5.5rem) clamp(2.5rem,6vw,4.5rem)}
.hero h1{font-size:clamp(2.6rem,1.6rem + 5vw,5.6rem);line-height:.98;letter-spacing:-.035em;max-width:13ch;margin-bottom:var(--s-5)}
.hero .lede{color:var(--ink);max-width:52ch}
.hero .actions{margin-top:var(--s-6)}
.hero .btn-outline{color:var(--link-on-sky);border-color:var(--link-on-sky);background:#fff}
.hero .btn-outline:hover{background:var(--link-on-sky);color:#fff}
.status{display:inline-flex;align-items:center;gap:.55em;margin-top:var(--s-5);font-weight:600;color:var(--ink)}
.status::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--ink-2);flex:none}
.status[data-open="true"]::before{background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 22%,transparent)}
.hero-grid{display:grid;gap:0;grid-template-columns:minmax(0,1fr)}

.plates{margin:0;overflow:hidden;background:var(--sky)}
.plates img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;animation:settle 1.2s var(--ease) both}
@media(min-width:760px){.plates img{aspect-ratio:auto;height:min(78vh,720px)}}
@keyframes settle{from{transform:scale(1.04)}to{transform:none}}
@media(prefers-reduced-motion:reduce){.plates img{animation:none}}

/* The menu: the centerpiece, like a printed diner menu on blue paper */
.menu{background:var(--sky)}
.menu a{color:var(--link-on-sky)}
.menu .section-head{margin-bottom:var(--s-6)}
.menu .section-head p{color:var(--ink)}
.menu-cols{display:grid;gap:var(--s-7) var(--s-8);grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.menu-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.menu-group h3{font-size:var(--fs-xl);font-weight:800;margin-bottom:var(--s-2)}
.menu-group>p{color:var(--ink-2);margin-bottom:var(--s-4)}
.dishes{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.dishes li{padding:var(--s-4) 0;border-bottom:1px solid #B9D1E3}
.dishes h4{font-size:var(--fs-lg);font-weight:700;margin:0 0 .2em;letter-spacing:-.01em}
.dishes p{margin:0;color:var(--ink-2);font-size:var(--fs-sm);line-height:1.5}
.menu-photos{display:grid;gap:var(--s-3);grid-template-columns:repeat(3,minmax(0,1fr));margin-block:var(--s-7)}
.menu-photos img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius)}
@media(max-width:600px){.menu-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-photos img:nth-child(3){display:none}}
.drinks{display:grid;gap:var(--s-7) var(--s-8);grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.drinks{grid-template-columns:repeat(2,minmax(0,1fr))}}
.inline-list{margin:0;padding:var(--s-4) 0 0;border-top:2px solid var(--ink);color:var(--ink);line-height:1.75}
.menu-foot{margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid #B9D1E3;color:var(--ink)}

/* Kitchen */
.kitchen .split{align-items:start}
.kitchen img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius)}
.kitchen p{color:var(--ink-2)}
.quote{margin:var(--s-7) 0 0;padding-top:var(--s-6);border-top:2px solid var(--ink)}
.quote .pullquote{max-width:30ch}

/* Visit */
.visit{background:var(--bg-alt)}
.visit-grid{display:grid;gap:var(--s-7);grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.visit-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.visit-grid>.visit-media{order:0}}
.visit-media{order:2}
.visit .storefront{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}
.visit .map{margin-top:var(--s-5);aspect-ratio:16/10}
.visit address{font-style:normal;font-size:var(--fs-lg);font-weight:600;margin-bottom:var(--s-5)}
.visit .hours{font-size:var(--fs-md);margin-bottom:var(--s-4)}
.visit .hours dt{color:var(--ink)}
.visit .note{color:var(--ink);font-weight:600}
.visit .actions{margin-top:var(--s-5)}
.contact-lines{list-style:none;padding:0;margin:var(--s-5) 0 0;display:grid;gap:.4em}
.contact-lines a{font-weight:600}
:root{--bg-alt:#F3F8FC}

/* Footer */
.site-footer{background:var(--ink)}
.site-footer .footer-logo{background:#fff;border-radius:10px;padding:8px 12px;display:inline-block}
.site-footer .footer-logo img{height:44px;width:auto}