.cinematic-hero{max-width:1120px;margin:0 auto;padding:1rem 2rem 4rem;position:relative;overflow:hidden}.cinematic-hero::before{content:"";position:absolute;z-index:0;pointer-events:none;top:0;left:0;width:52rem;max-width:100%;height:50rem;background:radial-gradient(closest-side at 40% 32%,rgba(212,165,116,.1),transparent);filter:blur(20px)}.viewfinder{position:relative;padding:3.75rem clamp(1.5rem,4vw,3.5rem)3.25rem}.vf-corner{position:absolute;width:24px;height:24px;border:0 solid rgba(212,165,116,.55);pointer-events:none;z-index:2}.vf-tl{top:0;left:0;border-top-width:1.5px;border-left-width:1.5px}.vf-tr{top:0;right:0;border-top-width:1.5px;border-right-width:1.5px}.vf-bl{bottom:0;left:0;border-bottom-width:1.5px;border-left-width:1.5px}.vf-br{bottom:0;right:0;border-bottom-width:1.5px;border-right-width:1.5px}.vf-readout,.vf-code{position:absolute;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;background:var(--surface-1,#1e2a3a);padding:0 .55rem;z-index:3;pointer-events:none}.vf-readout{top:0;right:1.75rem;transform:translateY(-50%);font-size:.62rem;color:var(--accent-primary);opacity:.75}.vf-code{bottom:0;left:1.75rem;transform:translateY(50%);font-size:.58rem;color:var(--text-muted-dark);opacity:.7}.hero-content{position:relative;z-index:1;max-width:640px;animation:fadeInUp .7s var(--ease-out-expo)}.hero-kicker{display:flex;align-items:center;gap:.85rem;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-primary);opacity:.92;margin-bottom:2rem}.hero-kicker i{display:block;width:44px;height:1px;background:var(--accent-primary);opacity:.6}.hero-title{font-family:newsreader,Georgia,serif;font-size:clamp(3.25rem,9vw,6rem);font-weight:500;margin:0;line-height:.95;letter-spacing:-.025em;color:var(--text-primary-dark)}.hero-title em{font-style:italic;color:var(--accent-secondary)}.hero-description{font-size:1.15rem;line-height:1.65;color:var(--text-secondary-dark);margin:1.75rem 0 0;max-width:400px;font-weight:400}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.recipe-link{margin:1.75rem 0 0;padding-left:clamp(1.5rem,4vw,3.5rem);font-size:.85rem;color:var(--text-muted-dark)}.recipe-link a{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid rgba(212,165,116,.3);transition:all .2s ease}.recipe-link a:hover{border-bottom-color:var(--accent-primary)}.hero-sections{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(3.5rem,7vw,5.5rem);border-top:1px solid var(--border-subtle-dark);position:relative;z-index:1}.hero-sec{position:relative;display:flex;flex-direction:column;padding:1.9rem 1.6rem 1.5rem;text-decoration:none;color:inherit;transition:background .35s var(--ease-out-expo)}.hero-sec+.hero-sec{border-left:1px solid var(--border-subtle-dark)}.hero-sec:hover{background:var(--accent-muted)}.sec-frame{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.16em;color:var(--accent-primary);text-transform:uppercase}.sec-icon{color:var(--text-secondary-dark);margin:1.1rem 0 .8rem;transition:color .35s var(--ease-out-expo)}.sec-icon svg{width:24px;height:24px;display:block}.hero-sec:hover .sec-icon{color:var(--accent-primary)}.sec-title{font-family:newsreader,Georgia,serif;font-weight:500;font-size:1.5rem;margin:0 0 .3rem;color:var(--text-primary-dark);letter-spacing:.01em}.sec-desc{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-muted-dark);flex:1}.sec-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-light-dark)}.sec-latest{font-size:.82rem;font-style:italic;color:var(--text-muted-dark)}.sec-count{display:inline-flex;align-items:center;gap:.5rem}.sec-count b{font-family:newsreader,Georgia,serif;font-weight:500;font-size:1.25rem;color:var(--text-primary-dark);font-variant-numeric:tabular-nums}.sec-arrow{color:var(--text-muted-dark);transition:transform .3s var(--ease-out-expo),color .3s var(--ease-out-expo)}.hero-sec:hover .sec-arrow{color:var(--accent-primary);transform:translateX(4px)}@media(max-width:768px){.cinematic-hero{padding:.5rem 1.25rem 3rem}.viewfinder{padding:3rem 1.25rem 2.75rem}.hero-description{font-size:1.05rem}.hero-sections{grid-template-columns:1fr}.hero-sec{padding:1.5rem .25rem}.hero-sec+.hero-sec{border-left:none;border-top:1px solid var(--border-subtle-dark)}.vf-readout{right:1rem}.vf-code{left:1rem}.recipe-link{padding-left:.25rem}}