/* YOSICON 2027 microsite: YOSI look, made premium, with a subtle Bollywood touch */
.c27pg{--gold:#f2c14e;--ynavy:#021e34}
.yc-hero{position:relative;background:radial-gradient(120% 130% at 50% -25%,#10507a,#06304f 46%,#021e34);color:#fff;padding:clamp(48px,7vw,88px) 0 clamp(70px,8vw,110px);text-align:center;overflow:hidden}
.yc-bulbs{position:absolute;left:0;right:0;top:14px;height:14px;background:radial-gradient(circle,var(--gold) 34%,transparent 38%) center/34px 14px repeat-x;animation:ycb 2.6s steps(2) infinite}
@keyframes ycb{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.yc-bulbs{animation:none}}
.yc-glow{position:absolute;inset:0;background:radial-gradient(40% 50% at 50% 38%,rgba(242,193,78,.16),transparent 70%);pointer-events:none}
.yc-in{position:relative}
.yc-crumbs{font-size:13px;opacity:.7;margin-bottom:22px}.yc-crumbs a{color:#fff}
.yc-logo{display:inline-flex;background:#fff;border-radius:22px;padding:12px 22px;box-shadow:0 18px 50px rgba(0,0,0,.35)}.yc-logo img{height:clamp(84px,11vw,124px);display:block}
.yc-tag{margin:22px 0 6px;font-size:13px;letter-spacing:.3em;text-transform:uppercase;font-weight:800;color:var(--gold)}
.yc-hero h1{color:#fff;font-size:clamp(34px,6vw,72px);line-height:1.02;letter-spacing:-.04em;max-width:18ch;margin:0 auto 18px}.yc-hero h1 em{font-style:normal;color:var(--gold)}
.yc-facts{display:flex;gap:10px 26px;justify-content:center;flex-wrap:wrap;font-weight:700}.yc-facts span{display:inline-flex;align-items:center;gap:8px}.yc-facts svg{width:18px;height:18px;fill:none;stroke:var(--gold);stroke-width:2}
.yc-hero .countdown{justify-content:center;margin-top:30px}
.yc-hero .countdown>div{background:rgba(255,255,255,.08);border:1px solid rgba(242,193,78,.4);backdrop-filter:blur(6px);color:#fff}
.yc-hero .countdown b{color:#fff}.yc-hero .countdown span{color:var(--gold)}
.yc-hero .c27-cta{margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.yc-hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.yc-film{position:absolute;left:0;right:0;bottom:0;height:34px;background:#000;opacity:.55;-webkit-mask:linear-gradient(#000,#000);}
.yc-film:before{content:"";position:absolute;inset:9px 0;background:repeating-linear-gradient(90deg,#f6f1e4 0 22px,transparent 22px 38px);border-radius:3px;opacity:.9}
.yc-nav{position:sticky;top:0;z-index:30;background:rgba(2,30,52,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(242,193,78,.35)}
.yc-nav .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;align-items:center}.yc-nav .wrap::-webkit-scrollbar{display:none}
.yc-nav a{color:#dbe7f1;padding:14px 13px;font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none}.yc-nav a:hover{color:var(--gold)}
.yc-nav a.cta{margin-left:auto;background:var(--gold);color:#021e34;border-radius:999px;padding:8px 18px;margin-block:6px}
.c27pg section[id]{scroll-margin-top:56px}
.yc-note{max-width:62ch;margin:-4px 0 22px}.yc-small{margin-top:20px;font-size:14px;color:var(--muted)}
.yc-tickets{display:grid;gap:12px}
.yc-tk{position:relative;background:#fff;border:1px solid var(--line);border-left:6px solid var(--gold);border-radius:14px 18px 18px 14px;padding:16px 20px;box-shadow:0 8px 26px rgba(2,30,52,.07)}
.yc-tk:before,.yc-tk:after{content:"";position:absolute;right:-8px;width:16px;height:16px;border-radius:50%;background:var(--tint,#f3f6f8);border:1px solid var(--line)}.yc-tk:before{top:-9px}.yc-tk:after{bottom:-9px}
.yc-tk span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:800}.yc-tk b{font-size:18px;color:var(--navy,#021e34)}
.yc-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.yc-day{background:linear-gradient(160deg,#06304f,#021e34);color:#fff;border-radius:24px;padding:26px;position:relative;overflow:hidden}
.yc-day:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:repeating-linear-gradient(90deg,var(--gold) 0 14px,transparent 14px 24px)}
.yc-day i{font-style:normal;color:var(--gold);font-weight:800;letter-spacing:.2em;text-transform:uppercase;font-size:12px}.yc-day b{display:block;font-size:20px;margin:6px 0 12px}.yc-day ul{margin:0;padding-left:18px;opacity:.92}.yc-day li{margin:6px 0}
.yc-fees{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.yc-fee{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 10px 30px rgba(2,30,52,.07);display:flex;flex-direction:column;gap:10px;position:relative}
.yc-fee:before{content:"";position:absolute;left:18px;right:18px;top:-1px;height:4px;border-radius:0 0 6px 6px;background:var(--gold)}
.yc-fh{display:flex;justify-content:space-between;gap:8px;align-items:center}.yc-ph{font-size:11px;background:#fff6dc;color:#8a6410;border-radius:999px;padding:3px 10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.yc-amt{font-size:34px;font-weight:800;letter-spacing:-.04em;color:var(--blue)}
.yc-fee ul{list-style:none;margin:0;padding:10px 0 0;border-top:1px dashed var(--line)}.yc-fee li{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);padding:3px 0}.yc-fee li b{color:var(--ink,#0b1b2b)}
.yc-fee em{font-size:12px;color:#8a6410}.yc-fee .btn{margin-top:auto;justify-content:center}
.yc-act{margin-top:24px}
.yc-list{padding-left:18px;color:var(--muted)}.yc-list li{margin:6px 0}
.yc-map{min-height:260px;border-radius:24px;border:2px dashed var(--line);display:grid;place-items:center;text-align:center;color:var(--muted);background:#fff}.yc-map b{display:block;font-size:18px;color:var(--ink,#0b1b2b)}
.yc-spons{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.yc-spons div{border:1px dashed var(--line);border-radius:18px;padding:30px 12px;text-align:center;color:var(--muted);font-weight:700;background:#fff}
.yc-cta{background:linear-gradient(160deg,#06304f,#021e34);color:#fff;border-radius:26px;padding:30px;border-top:6px solid var(--gold)}.yc-cta b{font-size:24px;display:block}.yc-cta p{opacity:.85}
@media(max-width:640px){.yc-nav a{padding:13px 10px}}
.yc-hero .btn.off{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.35);opacity:1}

/* YOSICON 2027 page opens with the same cinema strip as the home page */
.cine-page .yc-crumbs{padding:6px 0 18px;font-size:13px;color:#9fb2c9}.cine-page .yc-crumbs a{color:#cfe0f5}
.cine-page .c27-cta{display:flex;gap:10px;flex-wrap:wrap}
.cine-page .c27-cta .btn.off{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.3)}