.hero-cinema{--bg: #0b0b0b;--text: #f0ede8;--text-soft: #b8b2a8;--text-dim: #7a756d;--accent: #d4af38;--accent-glow: rgba(212, 175, 56, .25);--border: rgba(255, 255, 255, .06);--radius: 16px;position:relative;padding:5rem 2rem;overflow:hidden;min-height:85vh;display:flex;align-items:center;background:var(--bg)}.hero-cinema__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 50%,rgba(212,175,56,.04) 0%,transparent 60%),radial-gradient(ellipse at 70% 50%,rgba(212,175,56,.02) 0%,transparent 50%);pointer-events:none}.hero-cinema__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;pointer-events:none}.hero-cinema__inner{max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}.hero-cinema__content{display:flex;flex-direction:column;gap:0}.hero-cinema__badge{display:inline-flex;align-items:center;gap:.5rem;font-family:Cinzel,serif;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:#fff;background:var(--accent);padding:.375rem 1rem;border-radius:100px;margin-bottom:1.5rem;width:fit-content}.hero-cinema__badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#fff9;flex-shrink:0}.hero-cinema__heading{font-family:Playfair Display,serif;font-size:clamp(2.5rem,4.5vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-.01em;color:var(--text);margin:0 0 .75rem;text-transform:none}.hero-cinema__subheading{font-family:Playfair Display,serif;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:400;font-style:italic;color:var(--text-soft);margin:0 0 1.25rem;letter-spacing:.02em}.hero-cinema__desc{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9375rem;line-height:1.7;color:var(--text-dim);margin:0 0 1.5rem;max-width:440px}.hero-cinema__price{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600;color:var(--accent);margin:0 0 2rem;letter-spacing:.02em}.hero-cinema__btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:Cinzel,serif;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#fff;background:var(--accent);border:none;border-radius:100px;text-decoration:none;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease;width:fit-content}.hero-cinema__btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px var(--accent-glow)}.hero-cinema__btn svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.hero-cinema__btn:hover svg{transform:translate(4px)}.hero-cinema__visual{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.hero-cinema__frame{position:relative;width:100%;max-width:520px;border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 80px #d4af380a}.hero-cinema__image{width:100%;height:auto;display:block;aspect-ratio:3 / 4;object-fit:cover}.hero-cinema__image--placeholder{aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;background:#151515;color:var(--text-dim)}.hero-cinema__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.3) 100%);pointer-events:none}.hero-cinema__overlay-top{display:flex;gap:6px;align-items:center}.hero-cinema__overlay-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d}.hero-cinema__overlay-dot:first-child{background:var(--accent)}.hero-cinema__overlay-center{display:flex;justify-content:center;align-items:center}.hero-cinema__overlay-center svg{width:48px;height:48px;color:#ffffffd9;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:transform .3s ease,color .3s ease}.hero-cinema__frame:hover .hero-cinema__overlay-center svg{transform:scale(1.1);color:var(--accent)}.hero-cinema__slides{position:relative}.hero-cinema__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease;pointer-events:none}.hero-cinema__slide.is-active{position:relative;opacity:1;pointer-events:auto}.hero-cinema__slider-dots{display:flex;gap:8px;align-items:center;justify-content:center}.hero-cinema__slider-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;padding:0;cursor:pointer;transition:background .3s ease,border-color .3s ease,transform .3s ease}.hero-cinema__slider-dot.is-active{background:var(--accent);border-color:var(--accent);transform:scale(1.2)}.hero-cinema__slider-dot:hover{border-color:var(--accent);transform:scale(1.15)}.hero-cinema__thumb{cursor:pointer;border:2px solid transparent;transition:opacity .3s ease,transform .3s ease,border-color .3s ease}.hero-cinema__thumb.is-active{border-color:var(--accent);opacity:1;transform:translateY(-2px)}.hero-cinema__overlay-bottom{display:flex;justify-content:space-between;align-items:center}.hero-cinema__overlay-label{font-family:Cinzel,serif;font-size:.5rem;text-transform:uppercase;letter-spacing:.15em;color:#fff9}.hero-cinema__overlay-time{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.6875rem;color:#ffffff80}.hero-cinema__thumbs{display:flex;gap:.75rem;align-self:flex-start}.hero-cinema__thumb{width:64px;height:64px;border-radius:12px;overflow:hidden;border:2px solid transparent;opacity:.7;cursor:pointer;background:none;padding:0;-webkit-appearance:none;appearance:none;transition:opacity .3s ease,transform .3s ease,border-color .3s ease}.hero-cinema__thumb:hover{opacity:1;transform:translateY(-2px)}.hero-cinema__thumb img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.hero-cinema{padding:3rem 1.25rem;min-height:auto}.hero-cinema__inner{grid-template-columns:1fr;gap:2.5rem}.hero-cinema__visual{align-items:center}.hero-cinema__frame{max-width:100%}.hero-cinema__thumbs{align-self:center}.hero-cinema__btn{width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hero-cinema.css.map */