/* La Raíz de México — new structure: home, corns, gastronomy, culture, blog, contact */
main>.hero{display:none}
.view .hero{display:grid}

/* home */
.home-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:36px 0 12px}
@media (max-width:820px){.home-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.home-cards{grid-template-columns:1fr}}
.home-cards a{border:1px solid var(--rule);background:var(--paper);padding:22px;text-decoration:none;color:var(--ink);display:block}
.home-cards a:hover{background:var(--faint)}
.home-cards h3{font-weight:400;font-size:26px;margin:0 0 6px}
.home-cards p{margin:0;color:var(--ink-2);font-size:16px}

/* corns landing + sub tabs */
.bigcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:8px 0 48px}
.bigcard{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--ink)}
.bigcard .ph{aspect-ratio:4/3;background:var(--faint);overflow:hidden}
.bigcard .ph img{width:100%;height:100%;object-fit:contain;display:block}
.bigcard .tx{padding:18px 20px 22px}
.bigcard h3{font-weight:400;font-size:34px;margin:0 0 4px;line-height:1.05}
.bigcard p{margin:0;color:var(--ink-2)}
.bigcard:hover{background:var(--faint)}
.subtabs{display:flex;flex-wrap:wrap;gap:6px;padding:18px 0 0;align-items:center}
.subtabs a{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--ink-2);padding:11px 12px;border:1px solid var(--rule)}
.subtabs a[aria-current="page"]{color:var(--paper);background:var(--ink);border-color:var(--ink)}

/* gastronomy */
.gsec{padding-top:12px}
.gsec .gtitle{margin-top:34px}
.gsec .lede{max-width:64ch;color:var(--ink-2);font-size:19px;margin:0 0 20px}
.dishes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px 22px;margin:0 0 28px}
.dcard{display:flex;flex-direction:column;min-width:0}
.dcard .gimg{aspect-ratio:4/5}
.dcard .kick{font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:10px 0 2px}
.dcard h4{font-weight:400;font-size:26px;line-height:1.1;margin:0 0 4px}
.dcard .reg{font:12px/1.4 var(--mono);color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}
.dcard p{margin:0 0 8px;font-size:16.5px;line-height:1.45}
.dcard .chiprow{margin:2px 0 0}
.dcard .rl{font:500 11px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);text-decoration:none;margin-top:6px}
.dcard .rl:hover{text-decoration:underline}
.dcard.noimg{border-top:1px solid var(--ink);padding-top:12px}
.objects{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin:0 0 30px}

/* culture */
.cultures{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:0 0 24px}
.ccard{border:1px solid var(--rule);background:var(--paper);padding:22px;display:flex;flex-direction:column;gap:6px}
.ccard .kind{font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.ccard h4{font-weight:400;font-size:25px;line-height:1.1;margin:0}
.ccard p{margin:0;font-size:16.5px;line-height:1.5}
.ccard .src{margin-top:auto;font:12px/1.4 var(--mono);color:var(--ink-2);padding-top:8px}

/* blog */
.blogidx{list-style:none;margin:0 0 8px;padding:0}
.blogidx li{display:grid;grid-template-columns:100px 1fr;gap:8px 16px;padding:12px 0;border-bottom:1px dotted var(--rule)}
.blogidx a{color:var(--ink);text-decoration:none;font-size:20px}
.blogidx a:hover{text-decoration:underline}
.post{padding:44px 0 8px;border-top:1px solid var(--ink);max-width:720px;scroll-margin-top:120px}
.post h3{font-weight:400;font-size:clamp(30px,5vw,44px);line-height:1.08;margin:6px 0 14px;text-wrap:balance}
.post .when{font:12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.post p{font-size:19px;line-height:1.6;margin:0 0 16px}
.post figure{margin:0 0 20px;max-width:300px;background:var(--faint)}
.post figure img{width:100%;display:block}
.post .srcs{font:13px/1.6 var(--mono);color:var(--ink-2);margin:6px 0 0}
.post .srcs a{color:var(--accent)}

/* contact */
.contact-card{max-width:640px;margin:28px 0 8px;padding:22px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}
.contact-card h3{font-weight:400;font-size:30px;margin:0 0 12px}
.contact-card dl{display:grid;grid-template-columns:110px 1fr;margin:0}
.contact-card dt{font:500 11px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);padding:10px 0;border-top:1px solid var(--rule)}
.contact-card dd{margin:0;padding:8px 0;border-top:1px solid var(--rule);font-size:19px}
.contact-card a{color:var(--accent)}
.csec{margin-top:8px}
.csec>.gtitle{margin-top:44px}

/* tabs: a little tighter so eight fit */
.tab{padding-left:9px;padding-right:9px}

@media (max-width:640px){
  .dishes{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
  .dcard h4{font-size:21px}
  .dcard p{font-size:15px}
  .blogidx li{grid-template-columns:1fr}
  .contact-card dl{grid-template-columns:1fr}
  .contact-card dt{padding-bottom:0;border-bottom:0}
  .cultures{grid-template-columns:1fr}
}
.gsec,.csec,.post,.dcard,.ccard{scroll-margin-top:120px}
.dcard .chip{white-space:normal;overflow-wrap:anywhere}

/* ingredient stories */
.art{scroll-margin-top:120px}
.art figure{margin:0 0 22px;max-width:640px;background:none}
.art figure img{display:block;max-width:100%;width:auto;height:auto;cursor:zoom-in}
.art figcaption{font:italic 15px/1.45 var(--serif);color:var(--ink-2);margin-top:8px}
.art figcaption .cr{display:block;font:11.5px/1.5 var(--mono);letter-spacing:.02em;color:var(--ink-2);margin-top:4px}
.art figcaption .cr a{color:var(--accent)}
.art .up{margin:18px 0 0;font:500 11px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.art .up a{color:var(--accent);text-decoration:none}
#next .rl{font:500 11px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);text-decoration:none}
#next .rl:hover{text-decoration:underline}
#ing-stories>.mono{margin-top:40px;color:var(--accent)}