.hero{justify-content:center;align-items:center;height:100vh;margin-top:70px;display:flex;position:relative;overflow:hidden}.hero-image{object-fit:cover;z-index:0}.hero-overlay{z-index:1;background:#0006;position:absolute;inset:0}.hero-content{z-index:2;text-align:center;color:#fff;max-width:800px;padding:0 var(--spacing-md);position:relative}.hero-text h1{color:var(--color-white);font-size:var(--font-size-6xl);font-family:var(--font-primary);font-weight:700}.hero-text .tagline{font-size:var(--font-size-xl);color:var(--color-primary-light);letter-spacing:2px;text-transform:uppercase;font-weight:300}.hero-text p{font-size:var(--font-size-lg);color:#ffffffe6;line-height:1.8}.hero-rating{justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--color-primary);margin-bottom:12px;font-weight:500;display:flex}.rating-stars{gap:2px;display:flex}.rating-stars svg{color:gold;font-size:var(--font-size-base)}.hero-buttons{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.hero-buttons .btn{min-width:160px;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500}@media (max-width:768px){.hero{height:80vh}.hero-text h1{font-size:var(--font-size-5xl)}.hero-text .tagline{font-size:var(--font-size-lg);letter-spacing:1px}.hero-text p{font-size:var(--font-size-base)}.hero-buttons{align-items:center;gap:var(--spacing-sm);flex-direction:column}.hero-buttons .btn{padding:8px}.hero-rating{flex-direction:column;gap:12px}}@media (max-width:480px){.hero-text h1{font-size:var(--font-size-4xl)}.hero-text .tagline{font-size:var(--font-size-base)}}