/* Storm direction: photographic atmosphere, electric light, precise interfaces. */
:root{--cyan:#58e6ff;--lime:var(--cyan);--violet:#7eaeff;--bg:#030a12;--panel:#081522;--ink:#eff7ff;--muted:#afc1d1;--line:#223a4d}
body{background:#030a12}
.site-header{background:#030a12f5;border-bottom:1px solid #58e6ff25}
.wordmark{color:#f3faff}
.hero{height:calc(100svh - 88px);max-height:1000px;min-height:710px;background:#020711}
.hero-photo{object-position:70% 48%;animation:none;will-change:auto}
.hero:before{background:linear-gradient(90deg,#02071130,transparent 76%),linear-gradient(0deg,#030a12 0%,#030a1299 18%,transparent 62%)}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 76% 24%,#29cfff16,transparent 53%);opacity:.45;animation:none}
.hero-content{bottom:96px;left:4.5%;right:4.5%;max-width:1100px}
.hero h1{font-size:clamp(100px,10.2vw,165px);line-height:.83;letter-spacing:-.025em;text-shadow:0 8px 40px #01070b60}
.hero h1 span{color:#7aeaff;text-shadow:0 0 45px #36c9ff2c}
.hero-copy{color:#d5e6f1;font-size:13px;margin-top:27px;max-width:340px}
.hero-topline{z-index:4;top:26px;justify-content:flex-end}
.atmosphere-toggle{display:inline-flex;align-items:center;gap:9px;color:#e1f5ff;font-size:9px;letter-spacing:.09em;min-height:44px;padding:10px 14px;background:#03101de6;border:1px solid #77d8ff40;backdrop-filter:blur(12px)}
.atmosphere-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.atmosphere-toggle:hover{color:#fff}
.hero[data-motion="paused"] .hero-photo,.hero[data-motion="paused"]:after{animation-play-state:paused}
.atmosphere-toggle[hidden]{display:none}
.storm-scene{position:absolute;inset:0;z-index:-3;pointer-events:none;overflow:hidden;background:#020711 url(assets/storm-calm.jpg) 70% 48%/cover no-repeat;contain:strict}
.storm-scene[hidden]{display:none}
.storm-clouds,.storm-lightning{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.storm-lightning{z-index:1}
.storm-cloud-fallback{display:none;position:absolute;inset:-12% -18% 48%;background:url(assets/storm-calm.jpg) 50% 0/160% auto;opacity:.6;mask-image:linear-gradient(#000 20%,transparent 95%);-webkit-mask-image:linear-gradient(#000 20%,transparent 95%);animation:clouds-fallback 18s ease-in-out infinite alternate;animation-play-state:paused}
.storm-use-fallback .storm-clouds{display:none}
.storm-use-fallback .storm-cloud-fallback{display:block}
.storm-scene[data-running="true"] .storm-cloud-fallback{animation-play-state:running}
@keyframes clouds-fallback{from{transform:translate3d(-3%,0,0) scale(1.06)}to{transform:translate3d(7%,3%,0) scale(1.12)}}
@media(max-width:760px){.storm-scene{background-position:75% 35%}.storm-cloud-fallback{inset:-8% -35% 48%;background-size:auto 160%;animation-duration:14s}}
.hero .film-trigger{bottom:114px;right:4.5%}
.hero-controls{bottom:24px;color:#b9d1e3}
.hero-scroll{border-color:#58e6ff70}
.brand-strip{background:#040c17;border-color:#1b3c51;color:#91afc5}
.brand-strip span:nth-child(2){color:#73eaff}
.button.primary{color:#021520;background:#65e5ff;border-color:#65e5ff;box-shadow:0 6px 28px #15bce32c;transition:box-shadow .3s,background .3s,transform .3s}
.button.primary:hover{background:#a6f3ff;box-shadow:0 9px 46px #24c9ff52;transform:translateY(-2px)}
.button.secondary{border-color:#4badd0;color:#d6f5ff;background:#071b2a80}
.button.secondary:hover{background:#0d3044;border-color:#80eaff;box-shadow:0 6px 30px #20a6d323}
.play-circle{border-color:#74ddff80;box-shadow:0 0 35px #18bbff20;color:#70e9ff;background:#03121d40}
.play-circle svg{fill:#70e9ff}
.film-trigger:hover .play-circle,.film-card:hover .play-circle{box-shadow:0 0 40px #37ceff5c;background:#102d42}
.collection-head{background:radial-gradient(ellipse at 90% 0,#07345438,transparent 55%),#030a12}
.product-visual,.product-card:nth-child(3n+2) .product-visual,.product-card:nth-child(3n) .product-visual{background:#dae4e8;box-shadow:0 9px 34px #0006}
.product-visual img{mix-blend-mode:multiply}
.product-visual-wrap{transition:filter .3s}
.product-visual-wrap:hover{filter:drop-shadow(0 5px 18px #1a9ddf32)}
.card-category{color:#304453!important}.card-save{color:#244354}.card-save[aria-pressed="true"]{color:#076b89}
.card-footer{border-color:#244256}.card-meta p{color:#a4bed0}
.feature{background:#04101d;isolation:isolate;border-color:#1a5070}
.feature:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03101d35,#03101dd9 62%,#03101df5),url(assets/storm-alpine.jpg) center 38%/cover;opacity:.7}
.feature-art{background:radial-gradient(ellipse,#12629130,transparent 65%)}
.feature-art .artword{-webkit-text-stroke-color:#70daff34}
.contour-orbit{border-color:#66dfffaa;box-shadow:0 0 38px #3cbdff55,inset 0 0 34px #52d3ff20}
.contour-orbit:before,.contour-orbit:after{border-color:#51c7ff35}
.feature-copy h2 span{color:#80dfff;text-shadow:0 0 35px #3fb7ff2b}
.feature-copy>p{color:#afc9dc}.feature-stats small{color:#9dbdd1}
.mini-profile path{stroke:#7ae8ff;filter:drop-shadow(0 0 7px #32ccff)}
.mini-profile line{stroke:#345770}
.films-section{background:linear-gradient(180deg,#061522,#020810)}
.film-image{border-bottom:1px solid #5bdbff80;box-shadow:0 14px 30px #0006}
.film-image img{filter:brightness(.83) saturate(.85)}
.film-card:hover img{filter:brightness(1) saturate(1)}
.film-card p{color:#9bb8cd}
.factory-banner:after{background:linear-gradient(90deg,#010b17e0,#00142820),linear-gradient(0deg,#030a12bd,transparent)}
.factory-banner h2 span{color:#7aeaff}
.finder-banner{border-color:#2b83a5}
.finder-banner:before{background:radial-gradient(ellipse at 50% 100%,#15beff26,transparent 75%)}
.site-footer{background:linear-gradient(180deg,#030a12,#061725);border-color:#1d425c}
.footer-wordmark{color:#c9eaf9;text-shadow:0 0 70px #189edb17}
.catalog,.films-page{background:radial-gradient(ellipse at 90% 0,#073c6140,transparent 45%),#030a12}
.filter-tabs button{border-color:#25485f}.filter-tabs button.active{box-shadow:0 5px 26px #18baff20}
.filter-bar,.compare-table td,.compare-table th,.search-result{border-color:#244155}
.compare-bar{background:#092133;border-color:#46cae777}
dialog{background:#071522;border-color:#376078}.dialog-close{background:#102536}
.finder-option{border-color:#2b4d65}.finder-option:hover,.finder-option.active{background:#5ce5ff12;border-color:#58e6ff}
.finder-option small{color:#a6c1d4}.finder-progress span{background:#244156}
.finder-progress span.active{box-shadow:0 0 15px #43d8ff66}
.search-field{color:#e4f6ff}.compare-table th{color:#a8c1d2}
@keyframes storm-drift{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.07) translateX(-.8%)}}
@keyframes storm-light{from{opacity:.25}to{opacity:.7}}
@keyframes orbit-light{from{box-shadow:0 0 30px #33c4ff38,inset 0 0 25px #62dbff18;transform:rotate(-27deg)}to{box-shadow:0 0 58px #33c4ff66,inset 0 0 44px #62dbff28;transform:rotate(-20deg)}}
@media(min-width:1700px){.hero{max-height:1100px}.hero-content{bottom:125px}.hero .film-trigger{bottom:145px}}
@media(max-width:1100px){.hero h1{font-size:clamp(95px,10.7vw,130px)}.hero .film-trigger{bottom:40px}.hero-controls{bottom:22px}.hero-controls>span{display:none}}
@media(max-width:760px){.hero{height:calc(100svh - 70px);min-height:720px;max-height:1000px}.hero-photo{object-position:75% 35%}.hero:before{background:linear-gradient(0deg,#030a12 0%,#030a12ce 21%,#030a1255 50%,transparent 73%)}.hero-content{left:6%;right:6%;bottom:164px}.hero h1{font-size:clamp(67px,14.4vw,104px);line-height:.88}.hero h1 span{font-size:1em}.hero-copy{font-size:12px;margin-top:23px;margin-bottom:24px}.hero-topline{top:15px;left:6%;right:6%}.hero-topline .atmosphere-toggle span{display:inline;font-size:8px}.hero .film-trigger{left:6%;right:auto;bottom:82px}.hero-controls{right:6%;bottom:29px;max-width:none}.hero-controls button{font-size:9px}.hero .film-trigger small{font-size:10px}.hero .film-trigger b{font-size:10px}.hero-actions .text-link{gap:9px}.feature:before{background:linear-gradient(0deg,#03101df5 32%,#03101d65),url(assets/storm-alpine.jpg) 70% 0/auto 570px no-repeat}.brand-strip{font-size:8px}.atmosphere-toggle{min-height:44px}.product-visual-wrap:hover{filter:none}.site-header.menu-open nav{background:#030e1b;border-color:#255c7c}}
@media(prefers-reduced-motion:reduce){.hero-photo,.hero:after{animation:none!important;will-change:auto}.atmosphere-toggle{display:none}.button.primary:hover{transform:none}}