@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--blue:#39c0cd;--pink:#eeb1c8;--yellow:#f9e346;--black:#000;--cream:#fffdf7;--green:#406f4d;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:#111;font-family:Nunito,Arial,sans-serif;font-size:18px;line-height:1.55}a{color:inherit}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.site-header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:4px solid #000}.nav{min-height:94px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;padding:10px 8px}.brand img{width:116px;display:block}.links{display:flex;align-items:center;gap:19px;margin-left:auto;font-weight:900;font-size:14px;text-transform:uppercase}.links a{text-decoration:none}.links a:hover{text-decoration:underline;text-decoration-thickness:3px}.menu-btn{display:none;margin-left:auto;border:3px solid #000;background:var(--yellow);font:900 16px Nunito;padding:9px 12px}.hero{position:relative;overflow:hidden;background:var(--blue);border-bottom:5px solid #000}.hero:after{content:"";position:absolute;inset:0;background:url('../images/many-pies.png') center/cover;opacity:.22;pointer-events:none}.hero-grid{position:relative;z-index:1;min-height:550px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:35px}.eyebrow{font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:14px}.hero h1,.display{font-size:clamp(48px,7vw,90px);line-height:.88;margin:.15em 0;font-weight:900;letter-spacing:-.04em}.hero h2{font-size:clamp(25px,3vw,42px);margin:0 0 14px}.hero p{max-width:680px;font-size:21px;font-weight:700}.hero-pie{width:min(100%,410px);justify-self:center;filter:drop-shadow(10px 12px 0 rgba(0,0,0,.2));border:5px solid #000;transform:rotate(2deg)}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;text-decoration:none;background:#000;color:#fff;border:3px solid #000;padding:12px 18px;font-weight:900;text-transform:uppercase;box-shadow:5px 5px 0 rgba(0,0,0,.2)}.btn.alt{background:var(--yellow);color:#000}.btn.white{background:#fff;color:#000}.section{padding:82px 0;border-bottom:4px solid #000}.section h2{font-size:clamp(38px,5vw,64px);line-height:1;margin:0 0 18px;font-weight:900;letter-spacing:-.03em}.lead{font-size:22px;max-width:790px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:4px solid #000;margin-top:35px}.card{padding:28px;min-height:280px;border-right:4px solid #000}.card:last-child{border-right:0}.card:nth-child(1){background:var(--yellow)}.card:nth-child(2){background:var(--pink)}.card:nth-child(3){background:#000;color:#fff}.card:nth-child(4){background:var(--blue)}.card .icon{font-size:42px}.card h3{font-size:28px;line-height:1;margin:12px 0}.card a{font-weight:900}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.pink{background:var(--pink)}.yellow{background:var(--yellow)}.blue{background:var(--blue)}.black{background:#000;color:#fff}.photo-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:220px 220px;gap:10px;transform:rotate(-1deg)}.photo-grid img{width:100%;height:100%;object-fit:cover;border:4px solid #000}.photo-grid img:first-child{grid-row:1/3}.coming{display:inline-block;background:#fff;border:3px solid #000;padding:6px 10px;font-size:13px;font-weight:900;text-transform:uppercase;transform:rotate(-2deg)}.form{display:grid;gap:12px;max-width:680px}.form label{font-weight:900}.form input,.form textarea,.form select{width:100%;border:3px solid #000;padding:12px;background:#fff;font:inherit}.form textarea{min-height:140px}.site-footer{background:#000;color:#fff;padding:52px 0}.footer-grid{display:grid;grid-template-columns:160px 1fr;gap:35px;align-items:start}.footer-grid img{width:140px}.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-weight:800}.small{font-size:14px}.joke{font-weight:800;margin-top:24px}.placeholder{border:4px dashed #000;padding:25px;background:rgba(255,255,255,.55)}.page-hero{padding:70px 0;background:var(--yellow);border-bottom:4px solid #000}.page-hero h1{font-size:clamp(50px,8vw,90px);line-height:.9;margin:0;font-weight:900}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{border:4px solid #000;background:#fff;padding:22px}.tile img{width:100%;height:220px;object-fit:cover;margin-bottom:15px}.notice{background:var(--yellow);border:4px solid #000;padding:16px;font-weight:800}.social{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:900px){.links{display:none;position:absolute;top:94px;left:0;right:0;background:#fff;border-bottom:4px solid #000;padding:20px;flex-direction:column;align-items:flex-start}.links.open{display:flex}.menu-btn{display:block}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{padding:55px 0}.hero-pie{max-width:320px}.cards{grid-template-columns:1fr 1fr}.card:nth-child(2){border-right:0}.card{border-bottom:4px solid #000}.card:nth-child(3),.card:nth-child(4){border-bottom:0}.grid3{grid-template-columns:1fr 1fr}}@media(max-width:600px){body{font-size:16px}.brand{padding:8px 6px}.brand img{width:92px}.nav{min-height:80px}.links{top:80px}.cards,.grid3{grid-template-columns:1fr}.card{border-right:0!important;border-bottom:4px solid #000!important}.card:last-child{border-bottom:0!important}.photo-grid{grid-template-columns:1fr;grid-template-rows:220px 180px 180px}.photo-grid img:first-child{grid-row:auto}.footer-grid{grid-template-columns:1fr}.section{padding:58px 0}.hero h1{font-size:55px}}
/* v3 database/admin */
.narrow{max-width:760px}.notice{padding:1rem 1.2rem;background:#f9e346;border:3px solid #000;border-radius:12px;font-weight:800}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.admin-form{display:grid;gap:1rem}.admin-form label{font-weight:800;display:grid;gap:.4rem}.admin-form input,.admin-form select,.admin-form textarea,.finder-form input,.finder-form select{font:inherit;padding:.8rem;border:3px solid #000;border-radius:10px;background:#fff}.admin-form textarea{min-height:130px}.admin-form .check{display:flex;grid-template-columns:auto 1fr;align-items:center}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;background:#fff;border:3px solid #000}.admin-table th,.admin-table td{padding:.8rem;border-bottom:2px solid #000;text-align:left}.finder-form{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:.75rem;margin-bottom:2rem}@media(max-width:700px){.finder-form{grid-template-columns:1fr}}

/* v4 recipes */
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ingredient-row{display:grid;grid-template-columns:1fr 1fr 2fr 2fr;gap:.55rem;margin-bottom:.55rem}.button.secondary{background:#fff;color:#000;border:3px solid #000;padding:.65rem 1rem;font:800 1rem Nunito;cursor:pointer;width:max-content}.recipe-grid .tile h3{font-size:1.7rem;line-height:1.05}.recipe-layout{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:3rem;align-items:start}.recipe-hero{width:100%;border:4px solid #000}.recipe-facts{background:var(--yellow);border:4px solid #000;padding:1rem 1.25rem;margin-top:1rem}.recipe-facts p{margin:.35rem 0}.ingredient{padding:.65rem 0;border-bottom:2px solid #000}.method li{padding:0 0 1rem .4rem}.recipe-layout article h2{margin-top:2rem}.recipe-layout article h2:first-child{margin-top:0}@media(max-width:750px){.form-two,.recipe-layout{grid-template-columns:1fr}.ingredient-row{grid-template-columns:1fr 1fr}.ingredient-row input:nth-child(3),.ingredient-row input:nth-child(4){grid-column:span 2}}

.video-frame{position:relative;width:100%;aspect-ratio:16/9;margin-top:32px;border:4px solid #000;background:#000;box-shadow:8px 8px 0 rgba(0,0,0,.18)}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.adventure-intro{max-width:850px}