.theme-bioskop-klasik { --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); --cover-bg: var(--bg); --cover-text: var(--on-primary); --aside-bg: var(--bg); --aside-text: var(--on-primary); --type: 'Courier Prime', ui-monospace, monospace; --radius: 0; --shadow: 0 16px 34px -22px rgb(0 0 0 / .6); }
.theme-bioskop-klasik .cover, .theme-bioskop-klasik .inv-aside, .theme-bioskop-klasik .sec.sec-hero, .theme-bioskop-klasik .sec.sec-closing, .theme-bioskop-klasik .sec.sec-gifts { background: radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--bg) 70%, #555), var(--bg) 70%); color: var(--on-primary); --title-color: var(--on-primary); --muted: color-mix(in srgb, var(--on-primary) 65%, transparent); }
.theme-bioskop-klasik .cover::after, .theme-bioskop-klasik .sec-hero::after { content: ''; position: absolute; inset: 0; background-image: var(--grain); opacity: .35; pointer-events: none; animation: bkFlicker .18s steps(2) infinite; }
@keyframes bkFlicker { 50% { opacity: .25; transform: translate(1px, -1px); } }
.theme-bioskop-klasik .sec { background: var(--surface); }
.theme-bioskop-klasik .bk-cover { position: relative; z-index: 2; width: 100%; padding: 40px 54px; }
.theme-bioskop-klasik .bk-strip { position: absolute; top: 0; bottom: 0; width: 34px; background: #050505 repeating-linear-gradient(180deg, transparent 0 10px, #e9e3d4 10px 24px, transparent 24px 34px) 50% 0 / 12px 100% no-repeat; animation: bkRoll 1.4s linear infinite; }
.theme-bioskop-klasik .bk-strip.l { left: 0; } .theme-bioskop-klasik .bk-strip.r { right: 0; }
@keyframes bkRoll { to { background-position: 50% 34px; } }
.theme-bioskop-klasik .bk-small { font-family: var(--type); font-size: 11px; letter-spacing: .2em; text-transform: uppercase; opacity: .75; margin: 0; }
.theme-bioskop-klasik .bk-leader { position: relative; width: 92px; height: 92px; margin: 22px auto; border-radius: 50%; border: 2px solid currentColor; display: flex; align-items: center; justify-content: center;
  background: conic-gradient(rgb(255 255 255 / .22) 0 25%, transparent 25%); animation: bkSweep 1s linear infinite; }
.theme-bioskop-klasik .bk-leader::before { content: ''; position: absolute; inset: 8px; border-radius: 50%; border: 1px solid currentColor; opacity: .6; }
.theme-bioskop-klasik .bk-leader span { font-family: var(--font-heading); font-size: 44px; animation: bkCount 3s steps(1) infinite; }
@keyframes bkSweep { to { transform: rotate(360deg); } }
@keyframes bkCount { 0% { opacity: 1; } 33% { opacity: .6; } 66% { opacity: .3; } }
.theme-bioskop-klasik .bk-leader span { display: inline-block; animation: none; }
.theme-bioskop-klasik .bk-star { font-family: var(--font-script); font-size: 26px; margin: 20px 0 0; color: var(--accent); }
.theme-bioskop-klasik .bk-title { font-family: var(--font-heading); font-size: 40px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; line-height: 1.05; margin: 6px 0 12px; }
.theme-bioskop-klasik .bk-date { font-family: var(--type); letter-spacing: .14em; font-size: 12px; }
.theme-bioskop-klasik .bk-ticket { position: relative; margin: 22px auto 18px; max-width: 280px; padding: 12px 16px; background: var(--accent); color: #1a1408; border-radius: 4px;
  -webkit-mask: radial-gradient(circle 8px at 0 50%, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle 8px at 100% 50%, transparent 98%, #000) right / 51% 100% no-repeat;
          mask: radial-gradient(circle 8px at 0 50%, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle 8px at 100% 50%, transparent 98%, #000) right / 51% 100% no-repeat; }
.theme-bioskop-klasik .bk-ticket .guest-block { margin: 0; padding: 0; background: none; backdrop-filter: none; color: inherit; }
.theme-bioskop-klasik .bk-ticket em { display: block; font-family: var(--type); font-style: normal; font-size: 10px; letter-spacing: .4em; margin-top: 6px; border-top: 1px dashed rgb(0 0 0 / .4); padding-top: 6px; }
.theme-bioskop-klasik .btn-open, .theme-bioskop-klasik .btn { border-radius: 0; background: transparent; color: currentColor; border: 1px solid currentColor; letter-spacing: .18em; text-transform: uppercase; font-size: 11px; box-shadow: none; animation: none; }
.theme-bioskop-klasik .sec .btn { background: var(--primary); color: var(--on-primary); }
.theme-bioskop-klasik .hero-names { font-family: var(--font-heading); text-transform: uppercase; font-size: 38px; font-weight: 700; letter-spacing: .04em; }
.theme-bioskop-klasik .photo-oval { width: 250px; }
.theme-bioskop-klasik .photo-oval .ph-img { border-radius: 0; inset: 8% 12%; background-color: #2a2a2a; }
.theme-bioskop-klasik .ph-mono { color: #e9e3d4; font-family: var(--font-heading); font-size: 64px; }
.theme-bioskop-klasik .hf-name { font-family: var(--font-heading); text-transform: uppercase; font-size: 30px; font-weight: 700; }
.theme-bioskop-klasik .sec-title { font-family: var(--font-heading); text-transform: uppercase; letter-spacing: .06em; font-size: 28px; }
.theme-bioskop-klasik .sec-sub, .theme-bioskop-klasik .hero-eyebrow { font-family: var(--type); }
.theme-bioskop-klasik .bk-scene { top: 18px; left: 18px; font-family: var(--type); font-size: 10px; letter-spacing: .3em; padding: 3px 8px; border: 1px solid currentColor; opacity: .55; }
.theme-bioskop-klasik .card { background: #fff; border: 1px solid #1b1b1b; }
.theme-bioskop-klasik .gallery button { border-radius: 0; border: 8px solid #0d0d0d; filter: grayscale(1); transition: filter .5s; }
.theme-bioskop-klasik .gallery button:hover { filter: none; }
.theme-bioskop-klasik .cd { background: #0d0d0d; color: #f2efe8; border-radius: 2px; }
.theme-bioskop-klasik .gift { background: #0d0d0d; border: 1px solid var(--accent); }
.theme-bioskop-klasik .closing .names { font-family: var(--font-heading); text-transform: uppercase; font-size: 30px; color: var(--on-primary); }
.theme-bioskop-klasik .closing h2 { color: var(--on-primary); }