/* Shared Dad's Famous presentation. Illustration roles: pan / vegetables / sharing. */
@font-face{font-family:DFJost;src:url('/assets/fonts/Jost-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:DFJost;src:url('/assets/fonts/Jost-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
@font-face{font-family:DFDisplay;src:url('/assets/fonts/copperplate-cc.bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{--df-orange:#f46437;--df-paper:#f4ebe9;--df-cream:#fff8e8;--df-green:#1b683c;--df-yellow:#fed322;--df-ink:#111}
body[data-layout]{margin:0;background:var(--df-paper);color:var(--df-ink);font-family:DFJost,Arial,sans-serif;font-weight:500;line-height:1.62}
body[data-layout] img{max-width:100%}
body[data-layout] a{color:inherit;text-underline-offset:3px}
body[data-layout] .shell{width:min(72rem,calc(100% - 2.5rem));margin-inline:auto}
body[data-layout] .top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.4rem 0}
body[data-layout] .logo{display:block;width:min(13rem,45vw);height:auto}
body[data-layout] .nav{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem;align-items:center}
body[data-layout] .back{color:inherit;font-size:.9rem;font-weight:700;text-underline-offset:4px}
body[data-layout] .breadcrumbs{padding-block:1rem 1.4rem;font-size:.88rem}
body[data-layout] .site-footer{margin-top:0;padding:1.75rem 0 2rem;border-top:2px solid var(--df-ink);font-size:.85rem;font-weight:700;line-height:1.9}
body[data-layout] .site-footer a{text-underline-offset:3px;white-space:nowrap;color:inherit}
body:is([data-layout=article],[data-layout=hub],[data-layout=author]) .hero{padding:clamp(3rem,7vw,6rem) 0;overflow:visible}
body[data-layout=article] .hero{background:var(--df-orange);color:var(--df-ink)}
body[data-layout=hub] .hero{background:var(--df-green);color:var(--df-paper)}
body[data-layout=author] .hero{background:var(--df-cream);color:var(--df-ink)}
body:is([data-layout=article],[data-layout=hub],[data-layout=author]) .hero-inner{max-width:72rem;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);align-items:center;gap:clamp(2rem,5vw,5rem)}
body[data-layout] .hero-copy{min-width:0;max-width:none}
body:is([data-layout=article],[data-layout=hub],[data-layout=author]) .hero h1{max-width:none;margin:0;font:700 clamp(2.6rem,4.3vw,4.8rem)/1 DFDisplay,Georgia,serif;letter-spacing:-.045em;text-transform:uppercase;overflow-wrap:normal}
body:is([data-layout=article],[data-layout=hub],[data-layout=author]) .hero-art{display:block;position:static;width:min(100%,22rem);height:auto;max-height:22rem;object-fit:contain;justify-self:center}
body[data-layout] .hero-copy>p:first-child:not(.dek){margin-top:0;font:700 .8rem/1.4 DFJost,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
body[data-layout=hub] .hero-copy>p:first-child{color:var(--df-yellow)}
body[data-layout=article] .hero-copy>p:first-child{color:inherit}
body[data-layout] .hero-copy .dek,body[data-layout=hub] .hero-copy>p:not(.kicker){margin:1.5rem 0 0;font-size:clamp(1.1rem,1.8vw,1.4rem);line-height:1.4;font-weight:700}
body[data-layout] .hero-copy .meta,body[data-layout=article] .hero-copy>p:last-child:not(.dek){margin-top:1.4rem;font-size:.9rem;font-weight:700}
body:is([data-layout=article],[data-layout=author]) .article{max-width:46rem;padding:clamp(2.5rem,6vw,5rem) 0;font-size:1.125rem;line-height:1.7;overflow-wrap:break-word}
body[data-layout] .article h2{margin:2.75rem 0 1rem;font:700 clamp(1.9rem,3.5vw,3rem)/1.08 DFDisplay,Georgia,serif;letter-spacing:-.035em;text-transform:uppercase;overflow-wrap:normal}
body[data-layout] .article h2:first-child{margin-top:0}
body[data-layout] .article p{margin:1.1rem 0}
body[data-layout] .article ul,body[data-layout] .article ol{padding-left:1.4rem}
body[data-layout] .article li{margin:.65rem 0}
body[data-layout] .article a{color:inherit;text-underline-offset:3px}
body[data-layout] .cta{margin:0;padding:clamp(2.5rem,6vw,5rem) 0;background:var(--df-cream);color:var(--df-ink);text-align:left}
body[data-layout] .cta-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);align-items:center;gap:clamp(2rem,5vw,5rem);max-width:72rem}
body[data-layout] .cta-copy{max-width:46rem;min-width:0}
body[data-layout] .cta h2{margin:0;font:700 clamp(2rem,3.5vw,3.3rem)/1.04 DFDisplay,Georgia,serif;letter-spacing:-.035em;text-transform:uppercase}
body[data-layout] .cta-art{display:block;width:min(100%,15rem);height:auto;max-height:20rem;object-fit:contain;justify-self:center}
body[data-layout] .cta .button,body[data-layout] .cta-copy>a{display:inline-block;margin-top:1.1rem;padding:.85rem 1.3rem;border:3px solid var(--df-ink);border-radius:999px;box-shadow:5px 5px 0 var(--df-ink);background:var(--df-yellow);color:var(--df-ink);font:700 1rem/1.4 DFJost,Arial,sans-serif;text-decoration:none}
body[data-layout=hub] .grid{max-width:72rem;gap:1.75rem;padding-block:clamp(2.5rem,6vw,5rem)}
body[data-layout=hub] .card{display:flex;flex-direction:column;padding:1.5rem;min-width:0}
body[data-layout=hub] .card h2{font:700 clamp(1.6rem,2.1vw,2.1rem)/1.1 DFDisplay,Georgia,serif;letter-spacing:-.035em;overflow-wrap:normal;text-wrap:balance}
body[data-layout=hub] .card .tag{margin-top:auto;padding-top:1.3rem;color:var(--df-ink)}
body[data-layout=hub] .journal-note{max-width:72rem;margin-inline:auto}
body[data-layout=legal] .wrap{max-width:48rem;width:calc(100% - 2.5rem);margin:0 auto;padding:3rem 0 5rem;font-size:1.05rem;line-height:1.75}
body[data-layout=legal] h1{margin:0 0 2rem;font:700 clamp(2rem,5vw,3.5rem)/1.1 DFDisplay,Georgia,serif;letter-spacing:-.035em;overflow-wrap:anywhere}
body[data-layout=legal] h2{font:700 1.25rem/1.4 DFJost,Arial,sans-serif;margin:2rem 0 .65rem}
body[data-layout=legal] p{margin:.8rem 0}
body[data-layout=legal] a{color:inherit;text-underline-offset:3px}
body[data-layout=legal] .foot{color:var(--df-ink)}
body[data-layout=home] .hero-art{width:clamp(10rem,17vw,15rem);max-height:30%;right:2rem;bottom:2rem}
body[data-layout=home] .vine{width:clamp(6rem,9vw,9rem);left:2rem;top:36%}
body[data-layout=home] .about-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);align-items:center;gap:3rem}
body[data-layout=home] .about-art{display:block;width:min(100%,12rem);height:auto;max-height:18rem;justify-self:center}
body[data-layout=home] .waitlist::before{content:none}
body[data-layout=home] .waitlist-sticker{display:block;position:static;width:5.5rem;margin:0 auto 1.5rem;transform:rotate(-8deg)}
body[data-layout=home] .waitlist-inner{padding-top:0}
@media(max-width:1100px){
  body[data-layout=home] .hero{grid-template-areas:'topbar' 'content' 'note' 'art';grid-template-rows:auto 1fr auto auto}
  body[data-layout=home] .topbar{grid-area:topbar}
  body[data-layout=home] .hero-content{grid-area:content}
  body[data-layout=home] .hero-note{grid-area:note}
  body[data-layout=home] .hero-art{position:static;grid-area:art;width:11rem;height:auto;max-height:none;justify-self:center;margin:1rem auto 0}
  body[data-layout=home] .vine{display:none}
}
@media(max-width:700px){
  body[data-layout] .shell{width:calc(100% - 2rem)}
  body[data-layout] .top{flex-wrap:wrap;gap:1.1rem;padding-block:1.25rem}
  body[data-layout] .nav{justify-content:flex-start}
  body:is([data-layout=article],[data-layout=hub],[data-layout=author]) .hero-inner,body[data-layout] .cta-inner{grid-template-columns:1fr;gap:2rem}
  body:is([data-layout=article],[data-layout=hub],[data-layout=author]) .hero h1{font-size:clamp(2rem,9.4vw,3.4rem)}
  body:is([data-layout=article],[data-layout=hub],[data-layout=author]) .hero-art{width:min(65%,15rem);max-height:15rem}
  body[data-layout] .cta-art{width:min(55%,11rem)}
  body[data-layout] .cta-copy{max-width:none;text-align:left}
  body:is([data-layout=article],[data-layout=author]) .article{font-size:1.0625rem}
  body[data-layout] .article h2{font-size:clamp(1.65rem,7.5vw,2.4rem)}
  body[data-layout=hub] .grid{grid-template-columns:1fr}
  body[data-layout=hub] .card h2{font-size:clamp(1.7rem,7.3vw,2.1rem)}
  body[data-layout=hub] .journal-note{margin-inline:1rem}
  body[data-layout=home] .about-heading{grid-template-columns:1fr;gap:1.5rem}
  body[data-layout=home] .about-art{width:8rem;justify-self:start}
  body[data-layout=legal] .wrap{width:calc(100% - 2rem)}
}