/*
Theme Name: S8lar Storm
Author: S8larStorm
Description: Full-width landing theme with an interactive particle hero.
Version: 1.2.1
Requires at least: 6.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: s8lar-storm
*/
*{box-sizing:border-box}body{margin:0;background:#050605;color:#fff;font-family:system-ui,sans-serif}a{color:#d5ec58}.skip-link{position:absolute;left:1rem;top:-100px;z-index:10}.skip-link:focus{top:1rem;background:#000;padding:1rem}.storm{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:5rem 1.5rem}.storm canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.storm:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,#000e 5%,#000b 35%,#0001 80%)}.storm__content{position:relative;z-index:2;text-align:center;max-width:48rem}.storm__label{letter-spacing:.25em;color:#d5ec58;font-size:.75rem}.storm h1{font-size:clamp(3rem,8vw,6.5rem);line-height:1.04;letter-spacing:-.06em;margin:1.25rem 0;overflow-wrap:anywhere}.storm__description{max-width:32rem;margin:0 auto 2rem;line-height:1.7}.storm__cta{display:inline-block;background:#d5ec58;color:#111;padding:1rem 2rem;border-radius:99px;font-weight:700;text-decoration:none}.storm__pause{display:block;margin:1.5rem auto 0;padding:.7rem 1rem;background:#111;color:white;border:1px solid #aaa;border-radius:99px;cursor:pointer;min-height:44px}.storm__pause[hidden]{display:none}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:5px}.site-content{max-width:70rem;margin:auto;padding:4rem 1.5rem;line-height:1.7;overflow-wrap:anywhere}.site-content img{max-width:100%;height:auto}.site-footer{padding:2rem;text-align:center;border-top:1px solid #333}.post{margin-bottom:3rem}@media(forced-colors:active){.storm canvas,.storm:after{display:none}.storm__cta{border:1px solid ButtonText}}

/* Poster landing page: complete artwork, no crop, no content overlay. */
.storm{padding:clamp(1rem,3vw,2rem);background:#020104}
.storm:after{background:radial-gradient(ellipse at center,transparent 25%,rgba(8,0,18,.12) 100%)}
.storm__poster{position:relative;z-index:2;margin:0;width:min(66.667vh,66.667svh,100%);max-width:680px}
.storm__poster img{display:block;width:100%;height:auto;max-height:calc(100svh - 4rem);object-fit:contain;filter:drop-shadow(0 0 28px rgba(204,0,255,.18))}
@media(max-width:600px){.storm__poster{width:100%;max-width:480px}.storm__poster img{max-height:calc(100svh - 2rem)}}

/* Universe edition: half the previous desktop artwork dimensions. */
.storm__poster{width:min(33.333vh,33.333svh,50%);max-width:340px}
.storm__poster img{max-height:calc(50svh - 2rem);filter:drop-shadow(0 0 20px rgba(147,42,255,.2))}
.storm:after{background:radial-gradient(ellipse at center,transparent 25%,rgba(2,0,9,.12) 100%)}
@media(max-width:600px){.storm__poster{width:50%;max-width:240px}.storm__poster img{max-height:calc(50svh - 1rem)}}