/* Инсектопия · Хэллоуин 2026 — сезонные стили. Основа: концепт из папки 12 (halloween.css + venue.css), цвета — с реально украшенного зала.
   Подключать на главной и на /halloween-2026/ после site.css. Версия 2026-10-17. */
/* Seasonal additions use the original Insectopia palette and typefaces. */
:root{--hw-amber:#e9a33b;--hw-copper:#ba7040;--hw-line:rgba(233,163,59,.35)}
.hw-season{position:relative;display:flex;align-items:center;gap:22px;margin:0 0 32px;padding:19px 23px;background:linear-gradient(105deg,rgba(91,56,15,.33),rgba(14,24,16,.95) 65%);border:1px solid var(--hw-line);border-radius:18px;overflow:hidden}
.hw-season:before{content:'';width:4px;position:absolute;left:0;top:23px;bottom:23px;background:var(--hw-amber);border-radius:4px}
.hw-season .hw-seal{width:44px;height:52px;color:var(--hw-amber);flex-shrink:0}
.hw-season strong{font-family:var(--font-d);font-size:16px;line-height:1.4;display:block}
.hw-season small{display:block;color:var(--ink-2);font-size:12px;line-height:1.6;margin-top:4px}
.hw-season .hw-dates{font-size:11px;color:var(--hw-amber);font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}
.hw-season button{margin-left:auto;flex-shrink:0;background:var(--hw-amber);border:0;color:#211a0a;font:600 11px/1.3 var(--font-d);padding:13px 19px;border-radius:40px;cursor:pointer}
.fmt-tab{position:relative;text-align:left}.fmt-tab.hw-tab{border-color:var(--hw-line);background:linear-gradient(115deg,rgba(108,63,21,.24),#0e1810)}
.fmt-tab.hw-tab .ic{color:var(--hw-amber);background:rgba(233,163,59,.1)}
.fmt-tab.hw-tab .ic svg{color:var(--hw-amber)}
.fmt-tab.hw-tab .tx small{color:#b8a285}
.fmt-tab.hw-tab .pr{color:var(--hw-amber);max-width:85px;font-size:12px}
.fmt-tab.hw-tab.active{background:linear-gradient(115deg,rgba(129,71,26,.29),rgba(20,28,16,.95));border-color:var(--hw-amber);box-shadow:inset 3px 0 0 var(--hw-amber)}
.fmt-tab.hw-tab.active .ic{background:var(--hw-amber)}.fmt-tab.hw-tab.active .ic svg{color:#241b0c}
.fmt-tab.hw-tab .tx b{font-size:15px}.fmt-tab .hw-tab-note{display:block;font:500 9px/1.3 var(--font-b);letter-spacing:.05em;color:var(--hw-amber);margin-bottom:5px;text-transform:uppercase}
.hw-video{filter:brightness(.76) saturate(.68)}
.fmt-video-box.hw-active .fmt-video-overlay{background:linear-gradient(90deg,rgba(7,13,8,.28),rgba(7,13,8,.08) 55%,rgba(38,23,8,.24)),linear-gradient(0deg,rgba(7,13,8,.7),transparent 70%)}
.fmt-video-box{isolation:isolate}.fmt-video-box.hw-active{--hw-active:1}
.fmt-card.hw-card{background:linear-gradient(145deg,rgba(24,28,17,.98),rgba(9,17,11,.98));border-color:rgba(233,163,59,.3);padding:23px 23px 21px;width:min(405px,calc(100% - 64px));box-shadow:0 24px 60px #02070455}
.hw-card .hw-label{color:var(--hw-amber);border:1px solid var(--hw-line);background:rgba(233,163,59,.08);display:inline-flex;gap:7px;align-items:center;font:600 9px/1.2 var(--font-d);letter-spacing:.04em;text-transform:uppercase;padding:6px 10px;border-radius:20px;margin-bottom:13px}
.hw-card .hw-label svg{width:13px;height:13px}
.hw-card h3{font-size:clamp(22px,1.8vw,27px);line-height:1.1;letter-spacing:-.04em;margin:0 0 12px}
.hw-card h3 span{color:var(--hw-amber)}
.hw-card .hw-lead{font:500 13px/1.6 var(--font-b);color:var(--ink);margin:0 0 14px}
.hw-card .hw-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:17px}
.hw-card .hw-meta span{padding:5px 8px;background:#ffffff06;border:1px solid #ecf4e315;border-radius:6px;font-size:10px;color:var(--ink-2)}
.hw-card .hw-list{list-style:none;display:grid;gap:9px;margin:0 0 18px}
.hw-card .hw-list li{display:flex;gap:10px;font-size:12px;line-height:1.5;color:var(--ink-2)}
.hw-card .hw-list svg{width:14px;height:14px;flex-shrink:0;margin-top:2px;color:var(--lime)}
.hw-ticket-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:#0003;border:1px solid var(--line);border-radius:11px;margin-bottom:15px}
.hw-ticket-modes button{cursor:pointer;border:0;border-radius:7px;background:transparent;color:var(--ink-2);padding:10px 3px;font:500 10px/1.2 var(--font-d)}
.hw-ticket-modes button[aria-pressed=true]{background:#29311f;color:var(--ink);box-shadow:0 2px 8px #0003}
.hw-price-line{display:flex;align-items:end;gap:10px}.hw-price-line strong{font:800 29px/1 var(--font-d);letter-spacing:-.03em}.hw-price-line span{font-size:11px;color:var(--ink-2);padding-bottom:2px}
.hw-price-note{font-size:11px;line-height:1.5;color:var(--ink-2);min-height:32px;margin:8px 0 10px}
.hw-book{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:15px 10px;background:var(--hw-amber);color:#211a0a;border-radius:30px;font:700 10px/1.4 var(--font-d);text-transform:uppercase;letter-spacing:.01em;transition:background .25s,transform .25s}
.hw-book:hover{background:#f2b45b;transform:translateY(-1px)}
.hw-promo{border-top:1px solid var(--hw-line);margin-top:17px;padding-top:14px}
.hw-promo summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;color:var(--hw-amber);font:600 11px/1.5 var(--font-b)}
.hw-promo summary:after{content:'+';margin-left:auto;font-size:20px;font-weight:300}.hw-promo[open] summary:after{content:'−'}
.hw-promo summary svg{width:17px;height:17px;flex-shrink:0}
.hw-promo p{font:400 11px/1.7 var(--font-b);color:var(--ink-2);margin-top:10px}.hw-promo code{font-family:var(--font-b);font-weight:600;color:var(--ink);white-space:nowrap}.hw-promo a{display:inline-block;font-size:11px;color:var(--hw-amber);border-bottom:1px solid #e9a33b60;margin-top:8px}
.hw-corner-web{position:absolute;width:108px;height:108px;pointer-events:none;opacity:.25;color:#bdb8a0;z-index:4;right:0;top:0;transform:scaleX(-1)}
.fmt-card>.hw-corner-web,.hw-card .hw-corner-web{width:55px;height:55px;opacity:.16}.fmt-tab>.hw-corner-web{width:45px;height:45px;opacity:.15}
.hw-spider{position:absolute;width:30px;height:158px;right:28px;top:0;z-index:5;pointer-events:none;overflow:visible;color:#a99d79;opacity:.85}
.hw-spider .hw-spider-body{animation:hw-spider-drop 16s ease-in-out infinite;transform-origin:15px 110px}
.hw-spider .hw-silk{animation:hw-silk-drop 16s ease-in-out infinite;transform-origin:15px 0;opacity:.5}
@keyframes hw-spider-drop{0%,17%,100%{transform:translateY(-76px) rotate(-4deg)}45%,63%{transform:translateY(12px) rotate(3deg)}}
@keyframes hw-silk-drop{0%,17%,100%{transform:scaleY(.3)}45%,63%{transform:scaleY(1.1)}}
.hw-tiny-spider{height:98px;width:20px;right:17px;opacity:.55}.hw-tiny-spider .hw-spider-body,.hw-tiny-spider .hw-silk{animation-delay:-7s}
.hw-bat-stage{position:fixed;inset:0;z-index:1000;pointer-events:none;overflow:hidden;perspective:650px}
.hw-flying-bat{position:absolute;left:0;top:0;width:180px;height:151px;will-change:transform,opacity;filter:drop-shadow(0 8px 6px #0005);transform-origin:50% 50%;pointer-events:none}
.hw-flying-bat img,.hw-flying-bat svg{width:100%;height:100%;display:block}
.hw-scene-caption{position:absolute;z-index:2;right:28px;bottom:44px;max-width:200px;text-align:right;pointer-events:none;text-shadow:0 2px 18px #000;opacity:0;transition:opacity .5s}
.hw-active .hw-scene-caption{opacity:1}.hw-scene-caption small{display:block;font:500 9px/1.6 var(--font-d);letter-spacing:.1em;color:#c6c5ae}.hw-scene-caption b{font:700 19px/1.5 var(--font-d);color:#f0dcb3}
.hw-pumpkin{position:absolute;z-index:3;right:30px;bottom:-5px;width:95px;height:88px;pointer-events:none;opacity:.9}
.hw-support{padding:0 0 85px}.hw-support-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px;gap:20px}.hw-support h2{font:700 23px/1.3 var(--font-d);max-width:500px}.hw-support h2 em{color:var(--lime);font-style:normal}
.hw-support-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.hw-support-card{position:relative;border:1px solid var(--line-2);border-radius:23px;overflow:hidden;background:#0e1810;min-height:280px;padding:30px}
.hw-support-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.26}.hw-support-content{position:relative;max-width:400px;z-index:2}.hw-support h3{font:700 22px/1.2 var(--font-d);margin:15px 0 13px}.hw-support p{color:var(--ink-2);font-size:13px;line-height:1.7}.hw-support .eyebrow{font-size:8px;margin-bottom:0}.hw-support a{display:inline-block;margin-top:20px;font:600 10px/1.6 var(--font-d);color:var(--lime)}
.hw-support-card.hw-launch{border-color:var(--hw-line);background:radial-gradient(ellipse at top right,#54361844,transparent 70%),#0e1810}.hw-launch strong{display:block;font:800 29px/1.2 var(--font-d);margin:10px 0;color:var(--hw-amber)}
.hw-accessible button:focus-visible,.hw-accessible a:focus-visible,.hw-accessible summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
@media(min-width:881px){.fmt-video-box:has(.hw-promo[open]){min-height:865px}}
.hw-preview-header{border-bottom:1px solid var(--line);height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#070d08dd;gap:18px}
.hw-preview-header .hw-brand{font:800 15px/1.3 var(--font-d);letter-spacing:.025em}.hw-preview-header .hw-brand span{color:var(--lime)}.hw-preview-header small{display:block;font:400 8px/1.3 var(--font-d);letter-spacing:.15em;color:var(--muted-2);margin-top:4px}
.hw-preview-header nav{display:flex;align-items:center;gap:26px;font:500 10px/1.5 var(--font-d);text-transform:uppercase}.hw-preview-header nav .hw-nav-halloween{color:var(--hw-amber)}
.hw-preview .formats{padding:44px 0 70px}.hw-preview .rv{opacity:1;transform:none}.hw-preview footer{padding:20px 32px;border-top:1px solid var(--line);color:var(--muted-2);font-size:11px;display:flex;gap:20px;justify-content:space-between}
@media(min-width:881px){.hw-preview .fmt-stage{margin-right:0;grid-template-columns:300px 1fr}.hw-preview .fmt-video-box{min-height:750px}.hw-preview .fmt-tab{padding:19px 17px}.hw-preview .fmt-tab .tx b{font-size:14px}.hw-preview .fmt-tab .pr{font-size:11px;max-width:76px}.hw-preview .formats-head{margin-bottom:32px}.hw-preview .formats-head h2{font-size:clamp(34px,4.4vw,56px)}.hw-preview .fmt-video-box:has(.hw-promo[open]){min-height:865px}}
@media(max-width:1120px) and (min-width:881px){.hw-scene-caption{display:none}.hw-preview .fmt-stage{grid-template-columns:265px 1fr;gap:18px}.fmt-card.hw-card{left:22px;width:calc(100% - 44px)}.hw-preview .fmt-tab{gap:10px;padding:17px 13px}.hw-preview .fmt-tab .ic{width:39px;height:44px}.hw-preview .fmt-tab .pr{max-width:64px;font-size:10px}}
@media(max-width:880px){.hw-preview-header{height:66px;padding:0 20px}.hw-preview-header nav a:not(.hw-nav-halloween){display:none}.hw-preview-header nav{font-size:9px}.hw-preview .formats{padding:28px 0 40px}.hw-season{padding:16px;gap:12px;flex-wrap:wrap;margin-bottom:28px}.hw-season .hw-seal{width:31px;height:44px}.hw-season>div{flex:1}.hw-season strong{font-size:12px}.hw-season small{font-size:10px}.hw-season .hw-dates{font-size:9px}.hw-season button{margin-left:43px;font-size:9px;padding:10px 15px}.hw-preview .formats-head{margin-bottom:24px}.hw-preview .formats-head h2{font-size:34px}.fmt-m-card.hw-mobile-card{border-color:var(--hw-line);scroll-margin-top:20px}.hw-mobile-card .fmt-m-bg{height:248px}.hw-mobile-card .fmt-m-bg:after{background:linear-gradient(0deg,#0e1810,transparent 90%)}.hw-mobile-card .fmt-m-bg video{filter:brightness(.7) saturate(.72)}.hw-mobile-card .fmt-m-inner{margin-top:218px!important;padding:21px}.hw-mobile-card .hw-card{padding:0}.hw-mobile-card .hw-card h3{font-size:27px}.hw-mobile-card .hw-spider{right:15px;top:0}.hw-mobile-card .hw-corner-web{width:91px;height:91px}.hw-card .hw-list li{font-size:12px}.hw-support-grid{grid-template-columns:1fr}.hw-support-card{padding:24px;min-height:270px}.hw-support h2{font-size:23px}.hw-support-head{display:block}.hw-support{padding-bottom:40px}.hw-preview footer{display:block;line-height:1.8}.hw-pumpkin{width:70px;height:65px;bottom:5px;right:14px}}
@media(max-width:880px){.hw-mobile-card .hw-card>.hw-corner-web{display:none}.hw-ticket-modes button{min-height:44px}.hw-promo summary{min-height:44px}}
@media(prefers-reduced-motion:reduce){.hw-spider *, .hw-accessible .swap{animation:none!important}.hw-bat-stage{display:none}.hw-book{transition:none}html{scroll-behavior:auto}}

/* ===== Палитра и материалы реального зала ===== */
/* Light and materials sampled from the real decorated Insectopia space. */
:root{--hw-amber:#ffa43c;--hw-copper:#ba7040;--hw-line:rgba(255,164,60,.35)}
.hw-season{background:linear-gradient(90deg,#0b171bef,#0b1533dd 56%,#112718d9),url('../photos/venue-2.webp') center 42%/cover;border-color:#536e946b}
.hw-season:before{background:#ff8c2a;box-shadow:0 0 12px #ff8c2a44}
.hw-season .hw-dates{color:#ffd9b3}.hw-season button{background:#ff8c2a}
.fmt-tab.hw-tab{background:linear-gradient(120deg,#142b20cc,#10172bea);border-color:#5c6d8e8c}
.fmt-tab.hw-tab.active{background:linear-gradient(120deg,#1d3d29db,#121b33e8);border-color:#e9a33b;box-shadow:inset 3px 0 0 #ffa43c,0 0 26px #5a2d0c1c}
.fmt-tab.hw-tab .tx small{color:#a4b6b1}.fmt-tab.hw-tab.active .ic{background:#ffa43c}.fmt-tab.hw-tab .ic{background:#1e322c}
.fmt-card.hw-card{background:linear-gradient(145deg,rgba(16,28,24,.98),rgba(9,14,28,.98));border-color:#819fac55;box-shadow:0 24px 60px #0007,0 0 32px #182c421f}
.hw-card .hw-label{border-color:#9c635c5c;color:#e9b8ae;background:#8f292a16}
.hw-card h3 span{color:#ffa43c}.hw-ticket-modes button[aria-pressed=true]{background:#2a4130}
.hw-card .hw-meta span{border-color:#6786aa33;background:#8facd405}.hw-card .hw-list{padding-left:0}
.hw-video,.hw-mobile-card .fmt-m-bg video{filter:brightness(.96) saturate(1.06)}
.fmt-video-box.hw-active .fmt-video-overlay{background:linear-gradient(90deg,#04100c66,transparent 62%),linear-gradient(0deg,#030a0b88,transparent 46%)}
.hw-scene-caption small{color:#ccd7d8}.hw-scene-caption b{color:#e2e6d6}
.hw-support-card{background:linear-gradient(135deg,#0c1922,#08100d);border-color:#708eaa3d}
.hw-support-card video{opacity:.48}.hw-support-card:first-child{background:linear-gradient(90deg,#07120eeb,#07120e9c),url('../photos/venue-3.webp') center 35%/cover}
.hw-support-card:first-child video{display:none}
.hw-support-card.hw-launch{background:linear-gradient(90deg,#101122f5,#121527c9),url('../photos/venue-4.webp') center 40%/cover;border-color:#9b626347}
.hw-launch strong{color:#ffa43c}.hw-pumpkin{filter:saturate(.7);opacity:.72}
.venue-gallery{padding-bottom:72px}.venue-gallery-head{margin:0 0 24px;max-width:720px}.venue-gallery-head .eyebrow{font-size:9px;color:#ffa43c}
.venue-gallery h2{font:700 clamp(23px,3vw,34px)/1.3 var(--font-d);letter-spacing:-.03em;margin:7px 0 11px}.venue-gallery p{font-size:14px;line-height:1.8;color:var(--ink-2)}
.venue-gallery-grid{display:grid;grid-template-columns:1.65fr 1fr 1fr;gap:19px}.venue-photo{position:relative;border-radius:20px;overflow:hidden;border:1px solid #829ba34d;min-width:0}
.venue-photo img{display:block;width:100%;height:350px;object-fit:cover}.venue-photo:first-child img{object-position:43% 48%}
.venue-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 20px 18px;background:linear-gradient(transparent,#03080deb);font:500 11px/1.5 var(--font-d)}
.venue-silk-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none!important;z-index:30;contain:strict}
.venue-web-ready .hw-corner-web,.venue-web-ready .hw-spider{display:none}
.venue-motion-toggle{border:1px solid #69847670;background:#0b1813;color:#c1cebf;font:400 11px/1.4 var(--font-b);padding:9px 13px;border-radius:20px;cursor:pointer}
.venue-motion-toggle:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.hw-motion-paused *,.hw-motion-paused *::before,.hw-motion-paused *::after{animation-play-state:paused!important}
.hw-preview footer{align-items:center;flex-wrap:wrap}
@media(max-width:880px){.venue-gallery{padding-bottom:40px}.venue-gallery-grid{grid-template-columns:1fr 1fr;gap:12px}.venue-photo:first-child{grid-column:1/-1}.venue-photo img{height:230px}.venue-photo:first-child img{height:270px}.venue-photo figcaption{font-size:9px;padding:30px 12px 14px}.hw-mobile-card{background:linear-gradient(150deg,#0e1b16,#0a1120)!important}.hw-mobile-card .fmt-m-bg:after{background:linear-gradient(0deg,#0e1b16,transparent 90%)}.hw-preview footer{display:flex}.hw-mobile-card .hw-card .hw-label{font-size:8px}.hw-mobile-card .hw-promo summary{font-size:10px}}

/* ===== Инсектопия · Хэллоуин 2026 — дополнения к концепту: анонс в первом экране главной, ссылка «подробнее» в карточке ===== */
.hero-pills{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:26px;}
.hero-pills .hero-pill{margin-bottom:0;}
.hero-pill-hw{color:#ffe2c4;text-decoration:none;border-color:rgba(255,140,42,.5);background:linear-gradient(90deg,rgba(255,140,42,.16),rgba(8,16,10,.55));transition:border-color .25s,background .25s,transform .25s;}
.hero-pill-hw:hover{border-color:#ff8c2a;background:linear-gradient(90deg,rgba(255,140,42,.28),rgba(8,16,10,.55));transform:translateY(-1px);}
.hero-pill-hw svg{width:18px;height:18px;flex:0 0 auto;}
.hero-pill-hw .hw-sub{color:#ff8c2a;}
.hero-pill-hw .arr{color:#ff8c2a;transition:transform .25s;}
.hero-pill-hw:hover .arr{transform:translateX(3px);}
@media(max-width:640px){.hero-pill-hw .hw-sub{display:none;}.hero-pill-hw .sep{display:none;}}
.hw-card .hw-more{display:block;margin-top:12px;font:600 10.5px/1.5 var(--font-d);color:var(--hw-amber);text-align:center;}
.hw-card .hw-more:hover{color:var(--ink);}
.fmt-tab.hw-tab .hw-tab-note{color:var(--hw-amber);}
.hw-season a[data-open-halloween],.hw-season button{text-decoration:none;}
@media(max-width:880px){.hw-season{flex-wrap:wrap}.hw-season button{margin-left:0;width:100%;text-align:center}}
.hw-support.wrap{padding-left:32px;padding-right:32px}
@media(max-width:560px){.hw-support.wrap{padding-left:20px;padding-right:20px}}
.hw-support h2{text-transform:none}
.venue-web-ready .hw-hero-spider{display:none}