/* =========================================================
   Science Kitchen v6 — "easy UI" layer (loads after style.css)
   Smaller type, smaller boxes, one obvious button per block.
   ========================================================= */
:root{--sh:3px 3px 0 var(--black);--sh-lg:5px 5px 0 var(--black)}
body{font-size:15px}
.wrap{max-width:1280px}
.sec{padding-block:72px}
.head{margin-bottom:36px;padding-bottom:16px}
.head.c{margin-bottom:32px}
h2.h2{font-size:clamp(26px,3vw,38px)}
.eyebrow{font-size:11px;letter-spacing:.12em}
.lede{font-size:12.5px}
.btn{padding:13px 20px;font-size:13px;gap:8px}
.btn .ico{font-size:16px}
.btn-sm{padding:10px 14px;font-size:11.5px}

/* header + nav */
.nav .wrap{min-height:64px}
.brand b{font-size:18px}.mark{width:36px;height:36px;font-size:16px}
.menu{font-size:11px}.menu a{padding:0 12px}
.nav .btn{padding:10px 16px;font-size:11.5px}

/* colourful top strip (replaces the old HUD) */
.strip{background:#0B0B0D;border-bottom:2px solid var(--black);overflow:hidden;user-select:none}
.strip .tr{display:flex;width:max-content;animation:mq 46s linear infinite}
.strip:hover .tr{animation-play-state:paused}
.strip span{display:inline-flex;align-items:center;gap:10px;padding:12px 28px 12px 0;font:600 14px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--sc)}
.strip span::before{content:"✦";font-size:14px}
.s-mint{--sc:#7EE8C1}.s-coral{--sc:#FF8A80}.s-yel{--sc:#FFE066}.s-lav{--sc:#B8B5FF}.s-peach{--sc:#FFC08A}

/* hero */
.hero-grid{min-height:540px}
.hero-l{padding:44px 40px;gap:24px}
.pill{font-size:11px;padding:4px 10px;margin-bottom:18px}
.pill .ri{width:18px;height:18px}
h1.h1{font-size:clamp(30px,3.1vw,46px);margin-bottom:20px}
.hero-l p{font-size:clamp(15px,1.15vw,17px)}
.hero-r{padding:28px}
.chai-box{min-height:430px}
.chai-wrap{min-height:360px}
.ticker span{font-size:12.5px}

/* who's hungry: smaller cards + visible "choose" label */
.aud > a{padding:24px 20px 20px;gap:16px}
.aud .top{margin-bottom:16px}
.aud .ri{width:42px;height:42px}
.aud h3{font-size:17px}
.aud p{font-size:13.5px}
.aud .go{width:auto;height:auto;padding:8px 12px;gap:8px;display:inline-flex;align-items:center;font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.04em}

/* quiz, steps, analogies */
.q-step h4{font-size:clamp(17px,1.8vw,21px)}
.q-opts button{padding:14px 16px;font-size:11.5px}
.step{padding:20px}.step h3{font-size:18px}.step .n{font-size:26px}
.an{padding:20px}.an h3{font-size:17px}.an .ri{width:40px;height:40px}
.cards3{gap:24px}

/* spice rack */
.rack-c{gap:30px}
.pol .stk{width:76px;height:76px;font-size:24px}
.pol figcaption b{font-size:15px}

/* order rail lower sections */
.v1-paper q{font-size:13px}
.v1-rc h3{font-size:clamp(22px,2.4vw,30px)}
.v1-bio h3{font-size:clamp(26px,3vw,38px)}
.v1-bio p{font-size:15px}
.v1-skills b{font-size:24px}
.v1-faq summary{font-size:15.5px;padding:16px 0;grid-template-columns:48px 1fr 26px}
.v1-faq summary .n{width:40px;height:40px;font-size:13px}
.v1-faq .a{padding:0 40px 18px 64px;font-size:13px}
.v1-side h4{font-size:20px}

.giant{padding-block:14px}
.giant span{font-size:clamp(40px,6vw,80px)}
.cta{padding-block:64px}
.cta h2{font-size:clamp(30px,4.2vw,52px)}
.cta p{font-size:16px}
.f-g{padding-block:56px 40px}
.float{padding:8px 14px 8px 8px;font-size:11px}
.float .ri{width:24px;height:24px}

/* small shared helpers */
.mini{font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.06em}
.link-a{font:700 12px var(--mono);text-transform:uppercase;letter-spacing:.04em;text-decoration:underline;text-underline-offset:3px}
.link-a:hover{color:var(--red)}
.tick{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tick li{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.tick li::before{content:"✓";flex:none;width:18px;height:18px;display:grid;place-items:center;background:var(--teal);color:#fff;font-size:11px;border:1.5px solid var(--black);margin-top:1px}
.fl{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.fl li{display:flex;gap:12px;align-items:center;font-size:14.5px}
.fl .ri{width:30px;height:30px}
.fl b{font-weight:700}
.tagp{display:inline-flex;align-items:center;gap:6px;font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.04em;padding:4px 9px;border:1.5px solid var(--black);background:var(--c,var(--yellow));color:var(--on,var(--black))}
.tagp i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:ping 1.4s infinite}

/* =========================================================
   WHAT'S COOKING NEXT — 5 variants (ck1 … ck5)
   ========================================================= */
/* ck1 · simple ticket */
.ck1{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);border:2px solid var(--black);background:var(--white);box-shadow:var(--sh-lg)}
.ck1 .l{padding:28px 30px;display:flex;flex-direction:column;gap:16px}
.ck1 h3{margin:0;font-size:clamp(22px,2.4vw,28px);text-transform:uppercase;letter-spacing:-.03em;line-height:1.05}
.ck1 .r{padding:28px 30px;border-left:2px solid var(--black);background:var(--yellow-t);display:flex;flex-direction:column;gap:12px;justify-content:center}
.price-big{font-size:clamp(34px,3.8vw,46px);font-weight:700;letter-spacing:-.05em;line-height:1}
.price-big small{font:700 12px var(--mono);letter-spacing:.02em;color:var(--muted);margin-left:6px;text-decoration:line-through}
.seatbar{display:grid;gap:6px}
.seatbar .b{height:12px;border:2px solid var(--black);background:var(--white)}
.seatbar .b i{display:block;height:100%;width:var(--w,0%);background:var(--teal)}
.ck1 .btn{width:100%}
.ck1 .alt{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}

/* ck2 · 3 steps */
.ck2-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:2px solid var(--black);background:var(--white);margin-bottom:24px}
.ck2-bar div{padding:14px 16px;font-size:14px;font-weight:600}
.ck2-bar div + div{border-left:2px solid var(--black)}
.ck2-bar span{display:block;font:700 10.5px var(--mono);text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.ck2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:k}
.ck2 > div{border:2px solid var(--black);background:var(--white);padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--sh)}
.ck2 > div.main{background:var(--yellow-t);box-shadow:5px 5px 0 var(--red)}
.ck2 .num{width:36px;height:36px;border:2px solid var(--black);display:grid;place-items:center;font:700 15px var(--mono);background:var(--c)}
.ck2 h4{margin:0;font-size:18px;text-transform:uppercase;letter-spacing:-.02em}
.ck2 p{margin:0;font-size:14px;color:#444;flex:1}
.ck2 .btn{align-self:flex-start}

/* ck3 · calendar */
.ck3{display:grid;grid-template-columns:auto minmax(0,1fr);gap:36px;align-items:center;border:2px solid var(--black);background:var(--white);padding:28px;box-shadow:var(--sh-lg)}
.cal{width:220px;border:2px solid var(--black);background:var(--white);box-shadow:var(--sh)}
.cal .m{background:var(--red);color:#fff;border-bottom:2px solid var(--black);padding:8px;text-align:center;font:700 13px var(--mono);letter-spacing:.12em;position:relative}
.cal .m::before,.cal .m::after{content:"";position:absolute;top:-10px;width:8px;height:18px;border:2px solid var(--black);background:var(--white);border-radius:4px}
.cal .m::before{left:40px}.cal .m::after{right:40px}
.cal .d{text-align:center;font-size:54px;font-weight:700;letter-spacing:-.05em;padding:10px 0 4px;line-height:1}
.cal .d small{display:block;font:700 11px var(--mono);letter-spacing:.06em;color:var(--muted);margin-top:4px}
.week{display:grid;grid-template-columns:repeat(7,1fr);border-top:2px solid var(--black)}
.week span{padding:7px 0;text-align:center;font:700 11px var(--mono);color:var(--muted)}
.week span.on{background:var(--yellow);color:#111}
.cal .t{border-top:2px solid var(--black);padding:8px;text-align:center;font:700 12px var(--mono)}
.ck3 h3{margin:0 0 8px;font-size:clamp(22px,2.4vw,28px);text-transform:uppercase;letter-spacing:-.03em}
.ck3 p{margin:0 0 16px;color:#444;font-size:14.5px;max-width:34em}
.ck3 .acts{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px}

/* ck4 · two price cards */
.ck4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:860px;margin:0 auto}
.pc{border:2px solid var(--black);background:var(--white);padding:26px;display:flex;flex-direction:column;gap:14px;position:relative}
.pc.best{box-shadow:6px 6px 0 var(--red);background:var(--yellow-t)}
.pc .rib{position:absolute;top:-14px;left:20px;background:var(--red);color:#fff;font:700 11px var(--mono);text-transform:uppercase;padding:4px 10px;border:2px solid var(--black)}
.pc h4{margin:0;font-size:18px;text-transform:uppercase;letter-spacing:-.02em}
.pc .when{font:700 12px var(--mono);text-transform:uppercase;color:var(--muted)}
.pc .btn{margin-top:auto;width:100%}

/* ck5 · booking bar */
.ck5{display:grid;grid-template-columns:minmax(0,2.2fr) repeat(4,minmax(0,1fr)) auto;border:2px solid var(--black);background:var(--white);box-shadow:var(--sh-lg);align-items:stretch}
.ck5 > div{padding:16px 18px;display:flex;flex-direction:column;justify-content:center;gap:3px;font-weight:600;font-size:14.5px}
.ck5 > div + div{border-left:2px solid var(--black)}
.ck5 span{font:700 10.5px var(--mono);text-transform:uppercase;color:var(--muted)}
.ck5 > div:first-child b{font-size:17px;text-transform:uppercase;letter-spacing:-.02em}
.ck5 .go5{border-left:2px solid var(--black);background:var(--red);color:#fff;padding:0 26px;display:flex;align-items:center;gap:8px;font:700 13px var(--display);text-transform:uppercase;letter-spacing:.06em;transition:background .15s}
.ck5 .go5:hover{background:var(--black);color:var(--white)}
.ck5-sub{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;margin-top:16px}

/* =========================================================
   THE MENU — 5 variants (mn1 … mn5)
   ========================================================= */
.chilis.sm svg{width:17px;height:17px}
/* mn1 · clean cards */
.mn1{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mc{border:2px solid var(--black);background:var(--white);display:flex;flex-direction:column;box-shadow:var(--sh);transition:transform .15s,box-shadow .15s;color:var(--black)}
.mc:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--black)}
.mc .in{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.mc .tp{display:flex;justify-content:space-between;align-items:flex-start}
.mc .ri{width:40px;height:40px;--icf:var(--c)}
.mc .bd{font:700 10px var(--mono);text-transform:uppercase;padding:2px 7px;background:var(--c);color:var(--on,#fff)}
.mc h3{margin:4px 0 0;font-size:17px;text-transform:uppercase;letter-spacing:-.025em;line-height:1.1}
.mc p{margin:0;font-size:13.5px;color:#444;line-height:1.5;flex:1}
.mc .chips2{display:flex;gap:6px;flex-wrap:wrap}
.chips2 span{font:700 10.5px var(--mono);text-transform:uppercase;border:1.5px solid var(--black);padding:3px 6px;background:var(--gray)}
.mc .go{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:2px solid var(--black);background:var(--c);color:var(--on,#fff);font:700 12px var(--mono);text-transform:uppercase;letter-spacing:.04em}
.mc:hover .go{background:var(--black);color:var(--white)}
/* mn2 · tabs by audience */
.mn2-tabs{display:flex;flex-wrap:wrap;gap:0;border:2px solid var(--black);background:var(--white);margin-bottom:20px}
.mn2-tabs button{flex:1 1 0;min-width:150px;border:0;background:none;padding:14px 12px;font:700 12px var(--mono);text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.mn2-tabs button + button{border-left:2px solid var(--black)}
.mn2-tabs button .ri{width:26px;height:26px}
.mn2-tabs button[aria-selected="true"]{background:var(--black);color:var(--white);--icl:var(--white)}
.mn2-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mn2-panel[hidden]{display:none}
.mn2-card{border:2px solid var(--black);background:var(--white);padding:22px;display:grid;grid-template-columns:auto 1fr;gap:16px;box-shadow:var(--sh)}
.mn2-card .ri{width:48px;height:48px;--icf:var(--c)}
.mn2-card h4{margin:0 0 4px;font-size:18px;text-transform:uppercase;letter-spacing:-.02em}
.mn2-card p{margin:0 0 12px;font-size:14px;color:#444}
.mn2-card .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
/* mn3 · menu board list */
.mn3{border:2px solid var(--black);background:var(--white);box-shadow:var(--sh-lg)}
.mn3 a{display:grid;grid-template-columns:52px minmax(0,1fr) 120px 110px 130px;gap:18px;align-items:center;padding:18px 22px;color:var(--black);transition:background .15s}
.mn3 a + a{border-top:2px solid var(--black)}
.mn3 a:hover{background:var(--yellow-t)}
.mn3 .ri{width:44px;height:44px;--icf:var(--c)}
.mn3 h4{margin:0;font-size:17px;text-transform:uppercase;letter-spacing:-.02em;display:flex;align-items:baseline;gap:10px}
.mn3 h4::after{content:"";flex:1;border-bottom:2px dotted rgba(17,17,17,.35);transform:translateY(-4px)}
.mn3 p{margin:2px 0 0;font-size:13.5px;color:#555}
.mn3 .k{font:700 12px var(--mono);text-transform:uppercase}
.mn3 .k span{display:block;font-size:10px;color:var(--muted);font-weight:400}
.mn3 .b3{justify-self:end;padding:9px 12px;border:2px solid var(--black);background:var(--c);color:var(--on,#fff);font:700 11px var(--mono);text-transform:uppercase;white-space:nowrap}
.mn3 a:hover .b3{background:var(--black);color:var(--white)}
/* mn4 · featured + compact */
.mn4{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:22px}
.mn4-feat{border:2px solid var(--black);background:var(--yellow-t);padding:28px;box-shadow:5px 5px 0 var(--red);display:flex;flex-direction:column;gap:14px}
.mn4-feat .ri{width:56px;height:56px}
.mn4-feat h3{margin:0;font-size:clamp(24px,2.6vw,32px);text-transform:uppercase;letter-spacing:-.035em;line-height:1}
.mn4-feat p{margin:0;font-size:15px;color:#333}
.mn4-feat .acts{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:auto}
.mn4-side{display:grid;gap:14px}
.mn4-side a{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:2px solid var(--black);background:var(--white);padding:16px 18px;box-shadow:var(--sh);color:var(--black);transition:transform .15s}
.mn4-side a:hover{transform:translateX(4px)}
.mn4-side .ri{width:40px;height:40px;--icf:var(--c)}
.mn4-side h4{margin:0;font-size:15.5px;text-transform:uppercase;letter-spacing:-.02em}
.mn4-side p{margin:2px 0 0;font-size:12.5px;color:#555}
.mn4-side .ar{width:34px;height:34px;border:2px solid var(--black);display:grid;place-items:center;background:var(--c);color:var(--on,#fff)}
/* mn5 · comparison table */
.mn5w{overflow-x:auto;border:2px solid var(--black);box-shadow:var(--sh-lg);background:var(--white)}
.mn5{width:100%;min-width:760px;border-collapse:collapse;font-size:14px}
.mn5 th,.mn5 td{border:1.5px solid var(--black);padding:12px 14px;text-align:left;vertical-align:top}
.mn5 thead th{background:var(--c);color:var(--on,#fff);font-size:14px;text-transform:uppercase;letter-spacing:-.01em}
.mn5 thead th:first-child{background:var(--gray);color:var(--black)}
.mn5 thead th .ri{width:30px;height:30px;display:block;margin-bottom:6px;--icf:var(--white)}
.mn5 tbody th{font:700 11px var(--mono);text-transform:uppercase;background:var(--gray);width:150px}
.mn5 td .btn{width:100%}

/* vote strip (simpler) */
.vote2{margin-top:28px;border:2px dashed var(--black);padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:var(--white)}
.vote2 b{font-size:15px;text-transform:uppercase}
.vote2 small{display:block;font:400 11px var(--mono);text-transform:uppercase;color:var(--muted)}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:1180px){
  .mn1{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ck5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ck5 > div:first-child{grid-column:1/-1}
  .ck5 > div:nth-child(2),.ck5 > div:nth-child(5){border-left:0}
  .ck5 > div:nth-child(n+2){border-top:2px solid var(--black)}
  .ck5 .go5{grid-column:1/-1;border-left:0;border-top:2px solid var(--black);padding:16px;justify-content:center}
  .mn3 a{grid-template-columns:48px minmax(0,1fr) auto}
  .mn3 .k{display:none}
}
@media (max-width:860px){
  .sec{padding-block:56px}
  .ck1,.ck3,.mn4,.mn2-panel{grid-template-columns:minmax(0,1fr)}
  .ck1 .r{border-left:0;border-top:2px solid var(--black)}
  .ck2,.ck4{grid-template-columns:minmax(0,1fr)}
  .ck2-bar{grid-template-columns:1fr 1fr}
  .ck2-bar div:nth-child(3){border-left:0}
  .ck2-bar div:nth-child(n+3){border-top:2px solid var(--black)}
  .cal{margin:0 auto}
}
@media (max-width:560px){
  .mn1{grid-template-columns:minmax(0,1fr)}
  .ck1 .l,.ck1 .r,.ck3,.pc{padding:20px}
  .ck5{grid-template-columns:1fr 1fr}
  .ck5 > div:nth-child(4){border-left:0}
  .ck5 > div:nth-child(3),.ck5 > div:nth-child(5){border-left:2px solid var(--black)}
  .mn3 a{grid-template-columns:40px minmax(0,1fr);padding:16px}
  .mn3 .b3{grid-column:2;justify-self:start}
  .mn2-card{grid-template-columns:minmax(0,1fr)}
  .mn2-tabs button{min-width:50%}
  .mn2-tabs button:nth-child(3){border-left:0}
  .mn2-tabs button:nth-child(n+3){border-top:2px solid var(--black)}
  .strip span{font-size:12px}
}
.tagp{align-self:flex-start;width:max-content;max-width:100%}

/* ---------- Chef ID badge: printed brand lanyard (final, S2 in blue) ---------- */
#chef{--pt:72px}
@media (max-width:860px){#chef{--pt:56px}}
.ly .v1-strap{display:none}
.ly .hang{margin-top:calc(-1 * var(--pt));display:flex;flex-direction:column;align-items:center}
.ly .v1-badge{transform-origin:50% -40px}
.ly .band{width:34px;height:calc(var(--pt) + 64px);background:var(--blue);border-inline:2px solid var(--black);overflow:hidden;display:flex;justify-content:center}
.ly .band span{writing-mode:vertical-rl;font:700 10px/34px var(--mono);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;color:#fff}
.ly .clip{width:34px;height:40px;display:block;margin-top:-2px}