.hp-hero{background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);padding-block:var(--space-10) var(--space-12)}.hp-hero__inner{display:grid;grid-template-columns:1fr 1.7fr;gap:var(--space-10);align-items:center}.hp-hero__eyebrow{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-red);margin-bottom:var(--space-2);font-family:var(--font-ui)}.hp-hero__headline{font-family:var(--font-display);font-size:clamp(1.75rem, 3.5vw, 3rem);font-weight:800;color:var(--color-ink);line-height:1.12;margin-bottom:var(--space-4)}.hp-hero__headline em{font-style:italic;color:var(--color-red)}.hp-hero__sub{font-size:var(--text-md);color:var(--color-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);max-width:400px}.hp-hero__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.hp-hero-card{display:block;position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:3 / 2;text-decoration:none;box-shadow:var(--shadow-lg);background:var(--color-bg-alt)}.hp-hero-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow)}.hp-hero-card:hover .hp-hero-card__img{transform:scale(1.03)}.hp-hero-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(20 14 10 / .88) 0%,rgb(20 14 10 / .3) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-8)}.hp-hero-card__badge{display:inline-block;background:var(--color-red);color:#fff;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 10px;border-radius:var(--radius-full);margin-bottom:var(--space-3);width:fit-content}.hp-hero-card__title{font-family:var(--font-display);font-size:clamp(1.4rem, 2.5vw, 2.1rem);font-weight:800;color:#fff;line-height:1.2;text-shadow:0 2px 8px rgb(0 0 0 / .35)}.hp-hero-card__meta{margin-top:var(--space-2);font-size:var(--text-sm);color:rgb(255 255 255 / .75);font-family:var(--font-ui)}@media (max-width:860px){.hp-hero__inner{grid-template-columns:1fr}.hp-hero-card{aspect-ratio:16/9}.hp-hero__sub{max-width:100%}}@media (max-width:560px){.hp-hero__sub{display:none}}.hp-browse-bar{background:#fff;border-bottom:1px solid var(--color-border);padding-block:var(--space-4)}.hp-browse-bar__inner{display:flex;align-items:center;gap:var(--space-3);overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 2%,#000 96%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 2%,#000 96%,transparent 100%)}.hp-browse-bar__inner::-webkit-scrollbar{display:none}.hp-browse-bar__label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);white-space:nowrap;flex-shrink:0;padding-left:var(--space-2)}.hp-pill{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;color:var(--color-body);background:var(--color-bg-alt);border:1.5px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);white-space:nowrap;text-decoration:none;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.hp-pill:last-child{margin-right:var(--space-2)}.hp-pill:hover{background:var(--color-red);color:#fff;border-color:var(--color-red)}.hp-pill--tamil{border-color:#c8860a;color:#7a5000;background:#fdf3e0}.hp-pill--tamil:hover{background:#c8860a;color:#fff;border-color:#c8860a}.hp-latest{padding-block:var(--space-12)}.hp-latest__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:stretch}.hp-latest__featured{height:100%;min-height:460px}.hp-latest__featured .recipe-card__image-wrap{flex:1;aspect-ratio:unset;min-height:200px}.hp-latest__subgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.hp-latest__more{text-align:center;margin-top:var(--space-8)}@media (max-width:900px){.hp-latest__layout{grid-template-columns:1fr}.hp-latest__featured{min-height:unset}.hp-latest__featured .recipe-card__image-wrap{height:260px;flex:unset}}@media (max-width:560px){.hp-latest__subgrid{grid-template-columns:1fr}}.hp-food-guides{background:var(--color-bg-alt);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding-block:var(--space-12)}.hp-cat-tiles{padding-block:var(--space-12)}.hp-cat-tiles__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4)}@media (max-width:1024px){.hp-cat-tiles__grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.hp-cat-tiles__grid{grid-template-columns:repeat(3,1fr)}}.hp-split{background:var(--color-bg-alt);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding-block:var(--space-12)}.hp-split__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:start}@media (max-width:860px){.hp-split__inner{grid-template-columns:1fr}}.hp-popular-list{display:flex;flex-direction:column}.hp-popular-item{display:grid;grid-template-columns:32px 88px 1fr;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);text-decoration:none;border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.hp-popular-item:last-child{border-bottom:none}.hp-popular-item:hover{background:var(--color-white)}.hp-popular-item__num{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-border);line-height:1;text-align:center;transition:color var(--transition-fast)}.hp-popular-item:hover .hp-popular-item__num{color:var(--color-red)}.hp-popular-item__img{width:88px;height:66px;border-radius:var(--radius-md);object-fit:cover;display:block}.hp-popular-item__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--color-ink);line-height:var(--leading-snug);transition:color var(--transition-fast)}.hp-popular-item:hover .hp-popular-item__title{color:var(--color-red)}.hp-popular-item__cat{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-muted);margin-top:3px}.hp-trending-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}@media (max-width:480px){.hp-trending-grid{grid-template-columns:1fr}}.hp-tamil-banner{padding-block:var(--space-4) var(--space-8)}.hp-tamil-banner__card{background:linear-gradient(130deg,#1a0e0a 0%,#3d1a10 60%,#1a0e0a 100%);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-12);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);flex-wrap:wrap;position:relative;overflow:hidden}.hp-tamil-banner__card::before{content:'த';position:absolute;right:var(--space-10);top:50%;transform:translateY(-50%);font-family:var(--font-display);font-size:10rem;font-weight:900;color:rgb(255 255 255 / .05);line-height:1;pointer-events:none;user-select:none}.hp-tamil-banner__label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#e8a020;margin-bottom:var(--space-2)}.hp-tamil-banner__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:#fff;line-height:1.15;margin-bottom:var(--space-2)}.hp-tamil-banner__sub{font-size:var(--text-md);color:rgb(255 255 255 / .6);max-width:380px}.hp-tamil-banner__btn{flex-shrink:0;display:inline-block;font-family:var(--font-ui);font-size:var(--text-base);font-weight:700;color:#fff;border:2px solid rgb(255 255 255 / .35);border-radius:var(--radius-full);padding:var(--space-3) var(--space-8);text-decoration:none;position:relative;z-index:1;transition:background var(--transition-fast),border-color var(--transition-fast)}.hp-tamil-banner__btn:hover{background:rgb(255 255 255 / .12);border-color:rgb(255 255 255 / .6)}@media (max-width:640px){.hp-tamil-banner__card{padding:var(--space-8)}.hp-tamil-banner__btn{width:100%;text-align:center}}.hp-more{padding-block:var(--space-12);border-top:1px solid var(--color-border)}.hp-popular-item__img-wrap{width:88px;height:66px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:linear-gradient(145deg,#f0ebe4 0%,#e4ddd5 100%);display:flex;align-items:center;justify-content:center}.hp-popular-item__img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.hp-popular-item__img-wrap--empty::before{content:'';display:block;width:32px;height:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cellipse cx='32' cy='38' rx='24' ry='10' stroke='%23c4b8ae' stroke-width='2.5'/%3E%3Cpath d='M8 38 C8 28 56 28 56 38' stroke='%23c4b8ae' stroke-width='2.5' fill='none'/%3E%3Cpath d='M24 28 C24 20 32 16 32 16 C32 16 40 20 40 28' stroke='%23c4b8ae' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.6}