.home-hero{--hero-h:clamp(560px, 72vh, 760px);--hero-pad-x:var(--page-gutter);--hero-focus:62% 52%;--hero-slides:5;min-height:var(--hero-h);height:var(--hero-h);color:#f7fafc;isolation:isolate;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#0c121c;border-bottom:1px solid #121a2859;align-items:stretch;display:grid;position:relative;overflow:hidden}.home-hero.is-dragging{cursor:grabbing}.home-hero-media{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-bg,.hero-veil,.hero-grain,.hero-snow{pointer-events:none;position:absolute;inset:0}.hero-bg{opacity:0;z-index:0;transition:opacity .85s var(--ease);will-change:opacity;overflow:hidden}.hero-bg.is-active{opacity:1;z-index:1}.hero-bg img,.hero-fallback{object-fit:cover;object-position:var(--hero-focus,62% 52%);transform-origin:62% 48%;width:100%;height:100%;transition:none;transform:scale(1.02)}.hero-bg.is-active img{transition:transform 7.2s linear;transform:scale(1.08)}.hero-fallback{background:radial-gradient(circle at 70% 30%,#e3061347,#0000 42%),linear-gradient(135deg,#1a2436,#121a28 55%,#0e1522)}.hero-veil{z-index:2;background:linear-gradient(105deg,#060a12c7 0%,#060a128c 18%,#060a1238 38%,#060a120d 55%,#0000 68%),linear-gradient(#060a122e 0%,#0000 18% 52%,#060a1259 78%,#060a12b8 100%)}.hero-grain{z-index:2;opacity:.045;mix-blend-mode:soft-light;background-image:radial-gradient(#fff6 .5px,#0000 .5px);background-size:3px 3px}.hero-snow{z-index:2;opacity:.14;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#ffffffb3,#0000),radial-gradient(1px 1px at 28% 42%,#ffffff8c,#0000),radial-gradient(2px 2px at 46% 12%,#ffffff73,#0000),radial-gradient(1px 1px at 62% 58%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 78% 28%,#fff6,#0000),radial-gradient(1px 1px at 88% 72%,#ffffff8c,#0000),radial-gradient(2px 2px at 34% 78%,#ffffff59,#0000),radial-gradient(1px 1px at 54% 88%,#ffffff73,#0000);animation:18s linear infinite heroSnow;-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 100%);mask-image:linear-gradient(#000 0% 70%,#0000 100%)}@keyframes heroSnow{0%{transform:translateY(-4%)}to{transform:translate(1.5%,6%)}}.home-hero-shell{z-index:3;width:min(100% - (var(--page-gutter) * 2), var(--container));box-sizing:border-box;pointer-events:none;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;gap:clamp(1rem,2.5vh,1.75rem);height:100%;min-height:0;margin:0 auto;padding:clamp(2.75rem,5.5vh,4.25rem) 0 clamp(1.1rem,2.2vh,1.5rem);display:grid;position:relative}.home-hero-shell a,.home-hero-shell button,.home-hero-shell .hero-nav{pointer-events:auto}.home-hero-content{min-width:0;max-width:min(520px,100%);min-height:0;animation:heroIn .75s var(--ease) both;align-content:end;align-self:end;gap:.9rem;display:grid}.hero-copy{-webkit-backdrop-filter:blur(16px)saturate(1.2);background:linear-gradient(145deg,#080e18b8,#080e186b);border:1px solid #ffffff29;border-radius:18px;gap:.85rem;padding:clamp(.95rem,2vw,1.35rem) clamp(1rem,2.2vw,1.5rem);display:grid;box-shadow:0 18px 48px #00000052,inset 0 1px #ffffff1a}.home-hero-content .hero-tag{animation:heroIn .65s var(--ease) both;animation-delay:40ms}.home-hero-content h1{animation:heroIn .75s var(--ease) both;animation-delay:.1s}.home-hero-content .hero-lead{animation:heroIn .75s var(--ease) both;animation-delay:.18s}.home-hero-content .hero-actions{animation:heroIn .75s var(--ease) both;animation-delay:.26s}.hero-tag{letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.45rem;width:fit-content;padding:.35rem .75rem;font-size:.68rem;font-weight:700;display:inline-flex}.hero-tag:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite softPulse;box-shadow:0 0 0 4px #e3061347}.home-hero h1{color:#fff;letter-spacing:-.035em;text-shadow:0 2px 22px #00000073;overflow-wrap:anywhere;max-width:14ch;margin:0;font-size:clamp(1.85rem,4.2vw,3.2rem);line-height:1.12}.hero-lead{color:#f7fafce6;text-shadow:0 1px 12px #00000059;max-width:34rem;margin:0;font-size:clamp(.92rem,1.3vw,1.08rem);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:.65rem;margin-top:.2rem;display:flex}.btn-hero{color:var(--ink);cursor:pointer;background:#fffffff5;border:1.5px solid #fffffff2;min-width:132px;padding:.75rem 1.2rem;font-weight:700}.btn-hero:hover{background:var(--accent);color:#fff;border-color:var(--accent)}a.btn.btn-hero-solid,.btn-hero-solid{background:var(--accent);color:#fff;border:1.5px solid var(--accent);cursor:pointer;padding:.75rem 1.2rem;font-weight:700;box-shadow:0 12px 28px #e3061352}a.btn.btn-hero-solid:hover,.btn-hero-solid:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}.hero-nav{width:100%;min-height:96px;animation:heroNavIn .8s var(--ease) both;box-shadow:none;background:0 0;border:0;flex-shrink:0;align-self:end;gap:.55rem;padding:0;animation-delay:.28s;display:grid}.hero-nav-top{grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:0 .2rem;display:grid}.hero-counter{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;white-space:nowrap;color:#ffffffc7;font-size:.82rem}.hero-counter strong{color:#fff;font-size:1rem}.hero-counter span{color:#ffffff8c;margin-left:.2rem}.hero-progress{background:#fff3;border-radius:999px;height:3px;overflow:hidden}.hero-progress span{transform-origin:0;background:linear-gradient(90deg, var(--accent), #ff6b73);width:100%;height:100%;display:block;transform:scaleX(0)}.hero-drag-hint{display:none}.hero-thumbs{-webkit-backdrop-filter:blur(14px)saturate(1.15);scrollbar-width:none;touch-action:pan-x;background:#080e188c;border:1px solid #ffffff29;border-radius:16px;align-items:stretch;gap:.4rem;width:100%;min-height:64px;padding:.45rem;display:flex;overflow:auto hidden;box-shadow:0 12px 32px #00000047,inset 0 1px #ffffff14}.hero-thumbs::-webkit-scrollbar{display:none}.hero-thumbs.is-dragging{cursor:grabbing}.hero-thumbs.is-dragging .hero-thumb{pointer-events:none}.hero-thumb{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1 1 0;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:.5rem;min-width:132px;padding:.3rem .4rem .3rem .3rem;transition:background .2s;display:grid}.hero-thumb:hover{background:#ffffff1a}.hero-thumb.is-active{background:#ffffff24}.hero-thumb-media{width:48px;height:34px;transition:border-color .25s var(--ease), box-shadow .25s var(--ease);background:#00000040;border:1.5px solid #ffffff40;border-radius:8px;flex-shrink:0;display:block;position:relative;overflow:hidden}.hero-thumb-media img{object-fit:cover;object-position:62% 48%;pointer-events:none;width:100%;height:100%;transition:transform .4s var(--ease)}.hero-thumb:hover .hero-thumb-media,.hero-thumb.is-active .hero-thumb-media{border-color:#ffffff8c}.hero-thumb.is-active .hero-thumb-media{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent)}.hero-thumb:hover .hero-thumb-media img,.hero-thumb.is-active .hero-thumb-media img{transform:scale(1.06)}.hero-thumb-label{gap:.05rem;min-width:0;display:grid}.hero-thumb-label small{color:#ffffff80;letter-spacing:.08em;font-size:.62rem;font-weight:700}.hero-thumb-label em{color:#ffffffc7;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-style:normal;font-weight:650;line-height:1.2;overflow:hidden}.hero-thumb.is-active .hero-thumb-label em{color:#fff}.hero-edge{z-index:5;color:#fff;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080e189e;border:1.5px solid #ffffff52;border-radius:50%;place-items:center;width:48px;height:48px;transition:background .2s,transform .2s,border-color .2s;display:grid;position:absolute;top:44%;bottom:auto;box-shadow:0 10px 24px #00000047}.hero-edge:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.06)}.hero-edge.prev{left:max(.75rem, var(--page-gutter))}.hero-edge.next{right:max(.75rem, var(--page-gutter))}@keyframes heroIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translate(0,0)}}@keyframes heroNavIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}@keyframes softPulse{0%,to{box-shadow:0 0 #e3061359}50%{box-shadow:0 0 0 7px #e3061300}}@media (max-width:1100px){.home-hero{--hero-h:clamp(520px, 66vh, 680px)}.hero-thumb{text-align:center;grid-template-columns:1fr;justify-items:center;gap:.3rem;min-width:96px;padding:.35rem .25rem}.hero-thumb-label small{display:none}.hero-thumb-label em{max-width:100%;font-size:.68rem}}@media (max-width:900px){.home-hero{--hero-h:clamp(480px, 62vh, 600px);--hero-focus:58% 48%}.hero-thumb{min-width:88px}.hero-veil{background:linear-gradient(#060a1238 0%,#060a1233 28%,#060a126b 58%,#060a12d1 100%),linear-gradient(105deg,#060a129e 0%,#060a1247 45%,#0000 78%)}}@media (max-width:760px){.home-hero{--hero-h:clamp(460px, 64dvh, 560px);--hero-focus:55% 45%}.home-hero-shell{gap:.9rem;padding-top:2.75rem;padding-bottom:1rem}.hero-copy{border-radius:16px;gap:.65rem;padding:.9rem 1rem}.home-hero h1{max-width:12ch;font-size:clamp(1.7rem,7.5vw,2.35rem)}.hero-lead{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.92rem;display:-webkit-box;overflow:hidden}.hero-edge{display:none}.hero-nav{min-height:88px}.hero-thumbs{min-height:58px}.hero-thumb-media{width:100%;max-width:56px;height:36px}.hero-actions .btn{flex:auto;min-width:0}}@media (max-width:480px){.home-hero{--hero-h:clamp(440px, 68dvh, 520px)}.hero-thumb{min-width:76px}.hero-thumb-label em{font-size:.62rem}}@media (max-height:780px) and (min-width:761px){.home-hero{--hero-h:clamp(520px, 78vh, 620px)}.home-hero-shell{gap:.85rem;padding-top:2.4rem;padding-bottom:1rem}.hero-copy{gap:.65rem;padding:.85rem 1.05rem}.home-hero h1{font-size:clamp(1.65rem,3.8vh,2.45rem)}.hero-lead{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;display:-webkit-box;overflow:hidden}.hero-nav{min-height:92px}}@media (max-height:640px) and (min-width:761px){.home-hero{--hero-h:clamp(480px, 82vh, 560px)}.hero-thumb-label small{display:none}}@media (prefers-reduced-motion:reduce){.home-hero-content,.home-hero-content .hero-tag,.home-hero-content h1,.home-hero-content .hero-lead,.home-hero-content .hero-actions,.hero-nav,.hero-tag:before,.hero-bg,.hero-bg img,.hero-bg .hero-fallback,.hero-thumb-media img,.hero-snow{transition:none!important;animation:none!important}.hero-bg img,.hero-bg.is-active img,.hero-fallback{transform:none;transition:none!important}.hero-snow{opacity:.1}}
