.cinematic-hero{background:var(--color-background);container-type:inline-size}.cinematic-bg{background:radial-gradient(ellipse at 65% 40%,color-mix(in srgb,var(--color-primary) 55%,transparent) 0,var(--color-background) 65%)}.cinematic-ghost-text{font-size:clamp(5rem,15vw,18rem);font-weight:900;letter-spacing:-.05em;opacity:.05;color:var(--color-text);top:50%;inset-inline-start:50%;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=rtl] .cinematic-ghost-text{transform:translate(50%,-50%)}.cinematic-glow-orb{width:clamp(300px,50vw,700px);height:clamp(300px,50vw,700px);background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 30%,transparent) 0,transparent 70%);top:20%;inset-inline-end:5%;filter:blur(60px);pointer-events:none}.cinematic-image-frame{position:relative;display:grid;place-items:center;perspective:1000px}.cinematic-featured-image{width:clamp(280px,45vw,600px);height:auto;object-fit:contain;filter:drop-shadow(0 30px 70px color-mix(in srgb,var(--color-accent) 40%,transparent));transform:perspective(1000px) rotateY(-4deg) scale(1.02);transition:transform .6s ease;will-change:transform}[dir=rtl] .cinematic-featured-image{transform:perspective(1000px) rotateY(4deg) scale(1.02)}.cinematic-featured-image:hover,[dir=rtl] .cinematic-featured-image:hover{transform:perspective(1000px) rotateY(0deg) scale(1.05)}.cinematic-restaurant-glow{position:absolute;bottom:-10%;inset-inline-start:50%;transform:translateX(-50%);width:60%;height:40%;background:radial-gradient(ellipse,color-mix(in srgb,var(--color-accent) 50%,transparent) 0,transparent 70%);filter:blur(40px);pointer-events:none}[dir=rtl] .cinematic-restaurant-glow{transform:translateX(50%)}.cinematic-badge{position:absolute;padding:.5rem 1rem;border-radius:9999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-surface) 75%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 40%,transparent);color:var(--color-text);font-size:.8rem;font-weight:600;animation:cinematic-float 4s ease-in-out infinite}.cinematic-badge-top-right{top:10%;inset-inline-end:0;animation-delay:0s}.cinematic-badge-bottom-left{bottom:16%;inset-inline-start:0;animation-delay:2s}.cinematic-image-placeholder{width:clamp(280px,45vw,560px);aspect-ratio:3/4;border-radius:var(--radius,1.5rem);background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 22%,var(--color-background)) 0,color-mix(in srgb,var(--color-accent) 28%,var(--color-background)) 55%,color-mix(in srgb,var(--color-primary) 12%,var(--color-surface,var(--color-background))) 100%);border:1px solid color-mix(in srgb,var(--color-accent) 22%,transparent);box-shadow:0 30px 70px color-mix(in srgb,var(--color-accent) 28%,transparent);transform:perspective(1000px) rotateY(-4deg) scale(1.02);transition:transform .6s ease;will-change:transform}[dir=rtl] .cinematic-image-placeholder{transform:perspective(1000px) rotateY(4deg) scale(1.02)}.cinematic-image-placeholder:hover,[dir=rtl] .cinematic-image-placeholder:hover{transform:perspective(1000px) rotateY(0deg) scale(1.05)}@keyframes cinematic-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cinematic-cta{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:var(--color-accent);color:var(--color-background);font-weight:700;font-size:1rem;letter-spacing:.05em;border-radius:var(--radius);transition:all .3s ease;box-shadow:0 0 40px color-mix(in srgb,var(--color-accent) 40%,transparent)}.cinematic-cta:hover{transform:translateY(-2px);box-shadow:0 0 60px color-mix(in srgb,var(--color-accent) 60%,transparent)}@media (max-width:768px){.cinematic-ghost-text{font-size:clamp(3rem,20vw,8rem)}.cinematic-featured-image,[dir=rtl] .cinematic-featured-image{width:85vw;transform:perspective(800px) rotateY(0deg) scale(1)}.cinematic-featured-image:hover,[dir=rtl] .cinematic-featured-image:hover{transform:perspective(800px) rotateY(0deg) scale(1)}.cinematic-image-placeholder,[dir=rtl] .cinematic-image-placeholder{width:85vw;aspect-ratio:4/3;transform:perspective(800px) rotateY(0deg) scale(1)}.cinematic-badge{display:none}}