:root{
  --cobalt:#1e3fa8;
  --royal:#0c2196;
  --cream:#fbf7ee;
  --paper:#fffdf8;
  --oat:#ebe0c9;
  --sand:#ddceae;
  --ink:#0c2196;
  --ink-soft:#5c6291;
  --shadow:4px 4px 0 var(--royal);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Hanken Grotesk',system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}
img{display:block;max-width:100%}
a{color:inherit}
a:focus-visible{outline:3px solid #d9a441;outline-offset:4px}
.display{font-family:'Baloo 2',system-ui,sans-serif;font-weight:800;line-height:1.02;letter-spacing:-.01em}
.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}
.page-nav{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;padding:13px clamp(16px,4vw,34px);background:var(--cobalt);border-bottom:2px solid var(--royal)}
.nav-links{display:flex;align-items:center;justify-content:center;gap:24px;min-width:0}
.brand{display:flex;align-items:center;gap:9px;color:var(--cream);font-family:'Baloo 2';font-weight:800;font-size:1.28rem;text-decoration:none;white-space:nowrap}
.brand img{width:34px;height:30px;object-fit:contain}
.brand small{opacity:.62;font-family:'Hanken Grotesk';font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;margin-left:2px}
.nav-link{color:var(--cream);font-weight:800;text-decoration:none;border-bottom:2px solid transparent;padding:5px 0}
.nav-link:hover,.nav-link[aria-current="page"]{border-bottom-color:var(--cream)}
.nav-pickup-short{display:none}
.order-link{justify-self:end;color:var(--royal);background:var(--cream);font-weight:800;text-decoration:none;border:2px solid var(--royal);border-radius:999px;padding:8px 15px;box-shadow:3px 3px 0 var(--royal);white-space:nowrap}
.policy-hero{position:relative;overflow:hidden;background:var(--cobalt);color:var(--cream);padding:clamp(64px,10vw,118px) 20px clamp(58px,8vw,90px);text-align:center}
.policy-hero::before,.policy-hero::after{content:"";position:absolute;border:2px solid rgba(251,247,238,.22);border-radius:50%;width:260px;height:260px}
.policy-hero::before{left:-120px;top:-110px}.policy-hero::after{right:-125px;bottom:-150px}
.policy-hero .eyebrow{color:#b9c6fb;margin-bottom:12px}
.policy-hero h1{font-size:clamp(2.7rem,7vw,5.4rem);text-shadow:3px 3px 0 var(--royal)}
.policy-hero p{max-width:42rem;margin:16px auto 0;color:#d8dfff;font-size:clamp(1rem,2vw,1.2rem)}
.policy-shell{width:min(760px,calc(100% - 32px));margin:-32px auto 70px;position:relative;z-index:2}
.policy-card{background:var(--paper);border:2px solid var(--royal);border-radius:24px;padding:clamp(26px,5vw,56px);box-shadow:var(--shadow)}
.policy-card .updated{display:inline-block;background:var(--oat);border-radius:999px;padding:5px 11px;color:var(--ink-soft);font-weight:700;font-size:.78rem;margin-bottom:25px}
.policy-card h2{font-family:'Baloo 2';font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.15;margin-top:30px;margin-bottom:7px;color:var(--royal)}
.policy-card h2:first-of-type{margin-top:0}
.policy-card p{color:#30386f}
.policy-card p+p{margin-top:12px}
.policy-card strong{color:var(--royal)}
.policy-card a{font-weight:800;color:var(--royal)}
.policy-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px;padding-top:26px;border-top:1px solid var(--sand)}
.policy-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--cream);border:2px solid var(--royal);border-radius:14px;padding:12px 14px;text-decoration:none;font-family:'Baloo 2';font-weight:800;line-height:1.1}
.policy-links a:hover{background:var(--oat)}
.about-hero{background:var(--cobalt);color:var(--cream);padding:clamp(58px,8vw,98px) 20px;overflow:hidden}
.about-grid{width:min(1040px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:center;gap:clamp(28px,7vw,84px)}
.about-copy .eyebrow{color:#b9c6fb;margin-bottom:12px}
.about-copy h1{font-size:clamp(3rem,7vw,6.2rem);text-shadow:3px 3px 0 var(--royal)}
.about-copy .lead{font-size:clamp(1.08rem,2vw,1.3rem);color:#d8dfff;max-width:34rem;margin-top:18px}
.about-bruno{background:var(--cream);border:2px solid var(--royal);border-radius:42% 58% 46% 54% / 53% 43% 57% 47%;padding:40px 30px;box-shadow:8px 8px 0 var(--royal);transform:rotate(2deg)}
.about-bruno img{width:min(300px,100%);margin:auto}
.story{padding:clamp(56px,8vw,92px) 20px;background:var(--cream)}
.story-grid{width:min(1040px,100%);margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(28px,7vw,80px);align-items:start}
.story-aside{position:sticky;top:100px;background:var(--oat);border:2px solid var(--royal);border-radius:22px;padding:24px;box-shadow:var(--shadow)}
.story-aside img{width:150px;margin:0 auto 18px;filter:drop-shadow(0 9px 10px rgba(12,33,150,.18))}
.story-aside p{text-align:center;color:var(--ink-soft);font-style:italic}
.story-copy h2{font-family:'Baloo 2';font-size:clamp(2rem,5vw,3.7rem);line-height:1.08;margin-bottom:16px}
.story-copy h3{font-family:'Baloo 2';font-size:1.55rem;margin-top:32px;margin-bottom:5px}
.story-copy p{color:#30386f;font-size:1.05rem}
.story-copy p+p{margin-top:14px}
.flavour-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
.flavour{background:var(--paper);border:2px solid var(--royal);border-radius:18px;padding:14px;text-align:center;font-family:'Baloo 2';font-weight:800;line-height:1.08}
.flavour img{aspect-ratio:1;object-fit:contain;background:var(--cobalt);border-radius:12px;margin-bottom:9px}
.contact-options{display:grid;gap:16px;margin-top:28px}
.contact-option{display:block;background:var(--cream);border:2px solid var(--royal);border-radius:18px;padding:18px 20px;text-decoration:none;box-shadow:3px 3px 0 var(--royal)}
.contact-option:hover{background:var(--oat)}
.contact-option strong{display:block;font-family:'Baloo 2';font-size:1.25rem;color:var(--royal)}
.contact-option span{display:block;color:var(--ink-soft);font-weight:600;margin-top:2px;overflow-wrap:anywhere}
.site-footer{background:var(--cream);border-top:2px solid var(--royal);padding:28px 20px 36px;color:var(--ink-soft);text-align:center}
.site-footer strong{font-family:'Baloo 2';font-size:1.15rem;color:var(--royal)}
.site-footer p{margin-top:4px;font-size:.9rem}
.site-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:14px}
.site-footer a{color:var(--royal);font-weight:700;font-size:.84rem}
@media(max-width:720px){
  .page-nav{padding:11px 13px;gap:9px}.nav-links{gap:9px}.brand{font-size:1.05rem;gap:6px}.brand img{width:29px;height:26px}.brand-name,.brand small,.nav-pickup-full{display:none}.nav-pickup-short{display:inline}.nav-link{font-size:.78rem}.order-link{padding:7px 9px;font-size:.76rem}
  .policy-links{grid-template-columns:1fr}.about-grid,.story-grid{grid-template-columns:1fr}.about-copy{text-align:center}.about-copy .lead{margin-left:auto;margin-right:auto}.about-bruno{width:min(300px,85%);margin:auto}.story-aside{position:static}.flavour-strip{grid-template-columns:repeat(2,1fr)}
}