/* Home Pro Cinematic: isolated from the other home variants. */
:root{--cin-bg:#080b14;--cin-panel:#101522;--cin-border:#283046;--cin-muted:#a2a9bd;--cin-purple:#8947f4;--cin-blue:#5f67f5}
html{scroll-behavior:smooth}
body{background:var(--cin-bg);color:#fff}
.shell{background:var(--cin-bg)}
.cin-page{background:radial-gradient(900px 600px at 50% 3%,#16112e 0%,transparent 70%),var(--cin-bg);color:#fff;padding-bottom:22px}
.cin-page a,.cin-footer a,.cin-header a{text-decoration:none}
.cin-page a:focus-visible,.cin-footer a:focus-visible,.cin-header a:focus-visible,.cin-page button:focus-visible,.cin-header summary:focus-visible{outline:2px solid #b191ff;outline-offset:3px}
.cin-header{height:76px;position:sticky;top:0;z-index:1100;background:#090c16;border-bottom:1px solid #20253a;color:#fff}
.cin-header-inner{height:100%;display:flex;align-items:center;gap:28px}
.cin-brand{display:inline-flex;align-items:center;flex:none;width:150px}
.cin-brand img{width:100%;height:61px;object-fit:contain;object-position:left center}
.cin-nav{display:flex;align-items:center;gap:22px;white-space:nowrap}
.cin-nav>a,.cin-nav summary{color:#f2f1fb;font-size:13px;font-weight:700;transition:color .2s}
.cin-nav>a:hover,.cin-nav summary:hover{color:#b48aff}
.cin-dropdown{position:relative}
.cin-dropdown summary{list-style:none;cursor:pointer}
.cin-dropdown summary::-webkit-details-marker{display:none}
.cin-dropdown summary i{font-size:10px;margin-left:3px}
.cin-dropdown>div{position:absolute;right:0;top:calc(100% + 16px);min-width:165px;padding:8px;background:#151a29;border:1px solid #353b51;border-radius:12px;box-shadow:0 16px 36px #0009;z-index:20}
.cin-dropdown>div a,.cin-dropdown>div button{display:block;width:100%;padding:10px 12px;border:0;background:none;color:#ececf7;text-align:left;font-size:13px;border-radius:7px}
.cin-dropdown>div a:hover,.cin-dropdown>div button:hover{background:#2a2446;color:#fff}
.cin-dropdown form{margin:0}
.cin-header-search{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0;width:270px;height:39px;padding:0 15px;background:#171d2c;border:1px solid #272e42;border-radius:999px;color:#a4aec5}
.cin-header-search input{width:100%;min-width:0;border:0;background:none;outline:none;color:#fff;font-size:12px}
.cin-header-search input::placeholder{color:#8e96aa}
.cin-header-actions{display:flex;align-items:center;gap:10px;flex:none}
.cin-icon-link{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid #283047;border-radius:50%;color:#fff;background:#111624;cursor:pointer;font-size:16px}
.cin-icon-link:hover{color:#c7afff;border-color:#7650cb}
.cin-favorites-filter.is-active{color:#ed8fc2;border-color:#b951a4;background:#35203a}
.cin-cart-count{position:absolute;top:-6px;right:-8px;min-width:17px;height:17px;padding:1px 3px;display:grid;place-items:center;border-radius:50%;background:#8c42fa;color:#fff;font-size:10px;font-weight:800}
.cin-cart-count.d-none{display:none!important}
.cin-mobile-menu{display:none}
.cin-hero{position:relative;height:445px;background:#0b0c19;overflow:hidden}
.cin-hero-track,.cin-hero-slide{position:absolute;inset:0}
.cin-hero-slide{opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease;isolation:isolate}
.cin-hero-slide.is-active{opacity:1;visibility:visible;z-index:1}
.cin-hero-media,.cin-hero-media img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.cin-hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,16,.96) 0%,rgba(5,7,21,.82) 26%,rgba(5,7,21,.25) 59%,rgba(4,5,17,.16) 100%),linear-gradient(0deg,#080b14 0%,transparent 23%);z-index:0;pointer-events:none}
.cin-hero-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-bottom:14px}
.cin-hero-badge{display:inline-flex;align-items:center;border:1px solid #7953c4;background:#4f2986;color:#f9f3ff;border-radius:999px;padding:6px 14px;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}
.cin-hero h1,.cin-hero h2{max-width:570px;margin:14px 0 12px;color:#fff;font-size:clamp(36px,4.5vw,64px);font-weight:950;line-height:1.03;letter-spacing:-.045em;text-wrap:balance}
.cin-hero h1 span,.cin-promo h2 span{color:#a85bff}
.cin-hero-content>p{max-width:490px;color:#f3f0fc;font-size:15px;line-height:1.5;margin:0 0 20px}
.cin-hero-search{display:flex;align-items:center;gap:10px;width:min(430px,100%);height:52px;background:#f8f9ff;border-radius:999px;padding:4px 5px 4px 18px;box-shadow:0 10px 25px #03030a55;color:#65708e}
.cin-hero-search input{flex:1;min-width:0;border:0;background:transparent;outline:0;color:#172035;font-size:13px}
.cin-hero-search input::placeholder{color:#818aa2}
.cin-hero-search button{flex:none;width:43px;height:43px;border:0;border-radius:50%;background:linear-gradient(135deg,#a536ed,#5a4af7);color:#fff;box-shadow:0 5px 12px #5827cc66}
.cin-hero-search button:hover{filter:brightness(1.13)}
.cin-hero-link{margin-top:14px;color:#dcc9ff;font-weight:800;font-size:12px}
.cin-hero-link:hover{color:#fff}
.cin-hero-controls{position:absolute;z-index:3;right:max(5%,calc((100vw - 1320px)/2));top:47%;display:flex;gap:10px}
.cin-hero-controls button{width:42px;height:42px;border:1px solid #ffffff44;border-radius:13px;background:#090b1fc9;color:#fff}
.cin-hero-controls button:hover{background:#6a35ca}
.cin-hero-dots{position:absolute;z-index:3;right:max(5%,calc((100vw - 1320px)/2));bottom:25px;display:flex;gap:7px}
.cin-hero-dots button{width:20px;height:4px;border:0;border-radius:10px;background:#d7cdf2a1;padding:0}
.cin-hero-dots button.is-active{background:#a65fff;width:28px}
.cin-main{padding-top:16px}
.cin-categories{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:15px;margin:0 0 38px}
.cin-category{height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #30374c;border-radius:15px;background:linear-gradient(150deg,#161b2b,#101522);color:#e4e5f3;font-size:12px;font-weight:750;box-shadow:0 8px 20px #03050d44;transition:transform .2s,border-color .2s,background .2s}
.cin-category i{font-size:25px;color:#b17cff}
.cin-category:nth-child(3) i,.cin-category:nth-child(4) i,.cin-category:nth-child(5) i{color:#ef83c6}
.cin-category:hover{color:#fff;transform:translateY(-3px);border-color:#7752c8}
.cin-category.is-active{background:linear-gradient(135deg,#6731ad,#382176);border-color:#a156f3;color:#fff;box-shadow:0 12px 26px #4b1a9a66}
.cin-category.is-active i{color:#fff}
.cin-section{margin:0 0 42px;scroll-margin-top:100px}
.cin-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}
.cin-section-heading h2{font-size:clamp(24px,2vw,31px);letter-spacing:-.035em;line-height:1.1;font-weight:900;color:#fff;margin:0 0 3px}
.cin-section-heading p{color:var(--cin-muted);font-size:13px;margin:0}
.cin-section-heading>a{color:#b67aff;font-size:12px;font-weight:800;white-space:nowrap}
.cin-section-heading>a:hover{color:#d5afff}
.cin-section-heading>a i{margin-left:8px}
.cin-event-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cin-event-card{position:relative;min-width:0;border:1px solid #30364b;border-radius:15px;background:linear-gradient(140deg,#141929,#0e1320);overflow:hidden;box-shadow:0 10px 22px #0004;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}
.cin-event-card[hidden],.cin-favorites-note[hidden]{display:none!important}
.cin-event-card:hover{transform:translateY(-4px);border-color:#8c58e4;box-shadow:0 18px 30px #0008}
.cin-favorite{position:absolute;z-index:3;right:11px;top:11px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #ffffff44;border-radius:50%;background:#0b0d1abd;color:#fff;font-size:13px}
.cin-favorite:hover,.cin-favorite.is-active{background:#7935bc;color:#fff;border-color:#ac70f0}
.cin-favorites-note{margin:5px 0 15px;padding:11px 15px;border:1px solid #6b42aa;border-radius:11px;background:#261a3d;color:#e4d4ff;font-size:12px}
.cin-event-image{position:relative;display:block;width:100%;aspect-ratio:16/9;background:linear-gradient(140deg,#32134b,#0b0f1d);overflow:hidden}
/* Mobile keeps the full artwork; desktop fills a uniform panoramic banner. */
.cin-event-artwork{position:absolute;inset:0;display:block}
.cin-event-artwork img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
@media(min-width:768px){.cin-event-artwork img{object-fit:cover}}
.cin-event-placeholder{height:100%;display:grid;place-items:center;color:#a65dfa;font-size:58px}
.cin-event-soldout{position:absolute;top:12px;right:12px;z-index:1;border-radius:999px;background:#191626d9;color:#fff;padding:5px 9px;font-size:11px;font-weight:800}
.cin-event-info{padding:11px 12px 13px;display:flex;flex-direction:column;flex:1}
.cin-event-identity{display:flex;gap:9px;align-items:flex-start;min-height:51px}
.cin-event-identity>div{min-width:0}
.cin-event-date{width:39px;height:45px;flex:none;background:#30384e;color:#fff;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.cin-event-date strong{font-size:17px;font-weight:900}
.cin-event-date small{font-size:10px;font-weight:850;margin-top:2px}
.cin-event-identity h3{font-size:14px;line-height:1.15;font-weight:850;margin:1px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cin-event-identity h3 a{color:#fff}
.cin-event-identity h3 a:hover{color:#bc8bff}
.cin-event-identity p{font-size:10px;line-height:1.25;color:#aab1c7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cin-event-identity p i{color:#b67aff;margin-right:2px}
.cin-event-price{font-size:13px;font-weight:800;color:#e3d5ff;margin:12px 0 10px}
.cin-event-cta{display:grid;place-items:center;min-height:35px;margin-top:auto;border-radius:9px;color:#fff;background:linear-gradient(100deg,#9c4ff5,#6758f2);font-size:12px;font-weight:850;transition:filter .2s}
.cin-event-cta:hover{color:#fff;filter:brightness(1.16)}
.cin-event-cta.is-muted{background:#30384f;color:#e2e7fa}
.cin-empty{padding:40px 20px;border:1px dashed #383046;border-radius:14px;color:#b7bdcc;text-align:center}
.cin-empty a{color:#bd90ff}
.cin-promo{height:300px;position:relative;overflow:hidden;border:1px solid #68409a;border-radius:18px;margin:0 0 42px;background:#0e1021}
.cin-promo>picture,.cin-promo>picture img{position:absolute;inset:0;width:100%;height:100%}
.cin-promo>picture{z-index:0}
.cin-promo>picture img{object-fit:cover;object-position:center 55%}
.cin-promo::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#090a1bed 0%,#100b24dd 37%,#170f3050 75%,#0a0a1900)}
.cin-promo-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:480px;padding:28px 40px}
.cin-promo h2{font-size:clamp(30px,3.6vw,47px);line-height:1.03;letter-spacing:-.035em;font-weight:950;margin:10px 0}
.cin-promo p{font-size:14px;line-height:1.5;margin:0 0 15px}
.cin-promo-copy>a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff;background:linear-gradient(100deg,#a74af0,#624df4);padding:10px 23px;font-size:12px;font-weight:850}
.cin-promo-copy>a:hover{color:#fff;filter:brightness(1.15)}
.cin-city-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.cin-city-card{height:144px;position:relative;overflow:hidden;border:1px solid #394057;border-radius:13px;background:linear-gradient(135deg,#5e3556,#171c34);color:#fff}
.cin-city-card:nth-child(2){background:linear-gradient(135deg,#293c68,#181d35)}
.cin-city-card:nth-child(3){background:linear-gradient(135deg,#295c58,#151e32)}
.cin-city-card:nth-child(4){background:linear-gradient(135deg,#3d5d83,#121e32)}
.cin-city-card:nth-child(5){background:linear-gradient(135deg,#415981,#17192c)}
.cin-city-card img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .3s}
.cin-city-card:hover img{transform:scale(1.06)}
.cin-city-card::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#080a18 0%,transparent)}
.cin-city-card span{position:absolute;z-index:1;left:14px;right:8px;bottom:12px;display:flex;flex-direction:column;line-height:1.2}
.cin-city-card strong{font-size:14px;color:#fff}
.cin-city-card small{font-size:11px;color:#e1e0eb;margin-top:3px}
.cin-footer{background:#080b14;border-top:1px solid #25283b;color:#d9dbe8;padding:32px 0 18px}
.cin-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}
.cin-footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:7px}
.cin-footer-grid strong{font-size:13px;color:#fff;margin-bottom:2px}
.cin-footer-grid a{color:#c0c4d4;font-size:12px}
.cin-footer-grid a:hover{color:#c49dff}
.cin-footer-brand>img{width:138px;height:59px;object-fit:contain;object-position:left center}
.cin-footer-brand p{max-width:260px;color:#aab0c0;font-size:12px;line-height:1.55;margin:7px 0 12px}
.cin-social{display:flex;gap:7px}
.cin-social a{display:grid;place-items:center;width:29px;height:29px;border:1px solid #31394d;border-radius:50%;color:#fff;font-size:13px}
.cin-footer-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:27px;padding-top:15px;border-top:1px solid #22283a;color:#8d96aa;font-size:11px}
@media(max-width:1199px){.cin-header-inner{gap:18px}.cin-nav{gap:12px}.cin-nav>a,.cin-nav summary{font-size:12px}.cin-header-search{width:220px}.cin-categories{gap:10px}}
@media(max-width:991px){.cin-nav{display:none}.cin-mobile-menu{display:block}.cin-header-search{width:min(280px,36vw)}.cin-categories{display:flex;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}.cin-categories::-webkit-scrollbar{display:none}.cin-category{flex:0 0 100px}.cin-event-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cin-city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cin-hero{height:410px}}
@media(max-width:767px){.cin-header{height:66px}.cin-header-inner{gap:8px}.cin-brand{width:115px}.cin-brand img{height:54px}.cin-header-search{display:none}.cin-header-actions{margin-left:auto}.cin-hero{height:460px}.cin-hero-content{padding-top:24px;padding-bottom:40px}.cin-hero h1,.cin-hero h2{font-size:clamp(36px,8vw,52px);max-width:450px}.cin-hero-controls{top:auto;bottom:15px;right:20px}.cin-hero-dots{left:20px;right:auto;bottom:33px}.cin-event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.cin-section{margin-bottom:32px}.cin-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cin-promo{height:300px}.cin-promo-copy{padding:24px;max-width:360px}.cin-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cin-footer-brand{grid-column:1/-1}}
@media(max-width:480px){.cin-header-actions{gap:5px}.cin-icon-link{width:35px;height:35px}.cin-hero{height:500px}.cin-hero-slide::after{background:linear-gradient(90deg,#070813e8,#09081d9e 62%,#09081d52),linear-gradient(0deg,#080b14,transparent 30%)}.cin-hero h1,.cin-hero h2{font-size:38px}.cin-hero-content>p{font-size:13px}.cin-hero-search{height:48px}.cin-hero-search button{width:39px;height:39px}.cin-main{padding-top:10px}.cin-categories{margin-bottom:25px}.cin-category{height:77px;flex-basis:88px;font-size:10px}.cin-category i{font-size:21px}.cin-section-heading h2{font-size:23px}.cin-section-heading>a{font-size:11px}.cin-event-info{padding:9px}.cin-event-image{aspect-ratio:1}.cin-event-identity{gap:6px}.cin-event-date{width:31px;height:38px}.cin-event-date strong{font-size:14px}.cin-event-date small{font-size:8px}.cin-event-identity h3{font-size:12px}.cin-event-identity p{font-size:9px}.cin-event-price{font-size:11px}.cin-event-cta{font-size:10px;min-height:32px}.cin-promo{height:290px}.cin-promo-copy{max-width:260px;padding:20px}.cin-promo h2{font-size:32px}.cin-promo p{font-size:12px}.cin-city-grid{gap:9px}.cin-city-card{height:124px}.cin-footer-bottom{flex-direction:column}}
@media(max-width:767px){
  .cin-event-image{aspect-ratio:1}
  .cin-categories{
    gap:8px;
    margin-bottom:22px;
    padding:2px 2px 8px;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:2px;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  .cin-category{
    flex:0 0 70px;
    height:68px;
    gap:5px;
    border-radius:12px;
    font-size:10px;
    scroll-snap-align:start;
  }
  .cin-category i{font-size:19px}
}
@media(max-width:480px){
  .cin-category{flex-basis:66px;height:64px;font-size:9px}
  .cin-category i{font-size:18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cin-hero-slide,.cin-event-card,.cin-event-image img,.cin-city-card img,.cin-category{transition:none!important}}