/* Navan Restaurant — "The Big Breakfast Board": Fredericka the Great + Libre Caslon Text */
@font-face{font-family:'Fredericka the Great';font-weight:400;font-display:swap;src:url(../fonts/fredericka.woff2) format('woff2')}
@font-face{font-family:'Libre Caslon Text';font-weight:400;font-display:swap;src:url(../fonts/libre-caslon-400.woff2) format('woff2')}
@font-face{font-family:'Libre Caslon Text';font-weight:700;font-display:swap;src:url(../fonts/libre-caslon-700.woff2) format('woff2')}
@font-face{font-family:'Libre Caslon Text';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/libre-caslon-400i.woff2) format('woff2')}
:root{--cream:#F6EFE4;--ink:#2A1A12;--red:#A82A1F;--chalk:#2F3A2E;--s1:8px;--s2:16px;--s3:24px;--s4:40px;--s5:64px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-bottom:96px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'Libre Caslon Text',Georgia,serif;font-size:1.0625rem;line-height:1.65}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{font-family:'Fredericka the Great',cursive;font-weight:400;line-height:1.1;margin:0 0 var(--s2)}
h1{font-size:clamp(2.5rem,7vw,3.5rem)}
h2{font-size:clamp(1.75rem,4vw,2.125rem)}
h3{font-size:1.375rem}
p{margin:0 0 var(--s2)}
a{color:inherit}
.num{white-space:nowrap}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--red);color:#fff;padding:12px 16px;z-index:9}.skip:focus{left:8px}
.top,main>section{width:min(1100px,100% - 40px);margin-inline:auto}
.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:var(--s2) 0}
.brand{font-family:'Fredericka the Great',cursive;font-size:1.55rem;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;color:var(--red)}
.top nav{display:flex;gap:2px}
.top nav a{min-height:44px;padding:0 12px;display:inline-flex;align-items:center;text-decoration:none}
.top nav a:hover{text-decoration:underline;text-underline-offset:5px}
.hero{padding:var(--s4) 0 var(--s5)}
.hero-grid{display:grid;gap:var(--s4);align-items:start}
@media (min-width:860px){.hero-grid{grid-template-columns:1.1fr .9fr;gap:var(--s5)}}
.eyebrow{text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;color:var(--red);font-weight:700}
.lede{max-width:34em}
.actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;text-decoration:none;font-weight:700;border-radius:4px;font-family:'Libre Caslon Text',serif}
.btn-main{background:var(--red);color:#fff}
.btn-main:hover{filter:brightness(1.06)}
.board{position:relative;background:var(--chalk);color:var(--cream);padding:var(--s4) var(--s3);border-radius:6px;box-shadow:inset 0 0 0 6px rgba(246,239,228,.12);animation:dust .9s ease-out both}
.board h2{color:var(--cream);font-size:clamp(1.8rem,3vw,2.2rem)}
.board ul{list-style:none;margin:0;padding:0}
.board li{padding:10px 0;border-bottom:1px dashed rgba(246,239,228,.25);font-size:1.15rem}
.board-note{margin-top:var(--s3);font-style:italic;opacity:.85}
.chalk-dust{position:absolute;right:12px;top:12px;width:48px;height:48px;fill:var(--cream);opacity:0;animation:dustDots .9s ease-out .2s both}
@keyframes dust{from{filter:blur(1px);opacity:.85}to{filter:none;opacity:1}}
@keyframes dustDots{from{opacity:0;transform:translateY(-6px)}to{opacity:.55;transform:none}}
.plates{display:grid;gap:var(--s3);padding-bottom:var(--s5)}
@media (min-width:720px){.plates{grid-template-columns:repeat(3,1fr)}}
.plates figure{margin:0}
.plates img{width:100%;height:260px;object-fit:cover;border-radius:4px;border:3px solid #fff;box-shadow:0 8px 24px rgba(42,26,18,.12)}
.plates figcaption{margin-top:8px;font-style:italic}
.quotes{display:grid;gap:var(--s4);padding:var(--s4) 0 var(--s5)}
@media (min-width:800px){.quotes{grid-template-columns:1fr 1fr}}
.quotes figure{margin:0;padding:var(--s3);background:#fff;border-left:4px solid var(--red);border-radius:0 6px 6px 0}
.quotes blockquote{margin:0 0 var(--s2)}
.quotes blockquote p{margin:0}
.quotes figcaption{font-weight:700}
.visit{display:grid;gap:var(--s4);padding:var(--s4) 0 var(--s5);align-items:center}
@media (min-width:800px){.visit{grid-template-columns:1.1fr .9fr}}
.visit img{width:100%;border-radius:6px;object-fit:cover;max-height:420px}
.visit address{font-style:normal;margin-bottom:var(--s3)}
.hours ul{list-style:none;margin:0 0 var(--s3);padding:0}
.hours li{padding:4px 0}
.foot{padding:var(--s3) 20px 120px;text-align:center;opacity:.7}
.bar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:12px 16px;background:rgba(246,239,228,.96);border-top:1px solid rgba(42,26,18,.15);z-index:8}
.bar .btn{flex:1;max-width:360px}