.feature-hero{padding-top:82px;background:#080c12;color:#fff}.feature-stage{position:relative;height:min(740px,calc(100svh - 160px));min-height:510px;overflow:hidden}.feature-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease;pointer-events:none}.feature-slide[aria-hidden="false"]{opacity:1;pointer-events:auto}.feature-slide>img,.feature-video,.feature-video-play,.feature-video-play>img{display:block;width:100%;height:100%;object-fit:cover}.feature-video{position:relative}.feature-video iframe{width:100%;height:100%;border:0}.feature-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#06101a00 20%,#06101a66 48%,#06101aeb 100%)}.feature-copy{position:absolute;z-index:3;right:5%;top:50%;transform:translateY(-50%);width:34%;max-width:510px;text-align:right;pointer-events:none}.feature-copy>*{pointer-events:auto}.feature-logo{width:100%;height:180px;object-fit:cover;filter:invert(1)}.feature-copy p{font-size:18px;line-height:1.7;margin:10px 0 25px;text-shadow:0 2px 5px #000}.feature-copy .button{background:#007eaf;color:#fff;margin:0;padding:17px 24px}.feature-play{position:absolute;left:31%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:78px;height:78px;background:#071d32b3;color:white;font-size:32px;box-shadow:0 8px 28px #0006}.feature-controls{display:flex;gap:12px;align-items:center;justify-content:center;padding:16px 24px;background:#e8eaec;color:#17212b}.feature-controls>button{padding:12px 15px;background:#fff;color:#17212b;min-height:44px}.feature-thumbnails{display:flex;gap:8px;max-width:650px;overflow:auto;padding:3px}.feature-thumbnails button{flex:0 0 82px;padding:0;background:#222;opacity:.55;min-height:46px}.feature-thumbnails button[aria-pressed="true"]{opacity:1;outline:3px solid #008fc8;outline-offset:0}.feature-thumbnails img{width:82px;height:46px;object-fit:cover}.feature-video-active .feature-copy,.feature-video-active .feature-stage::after{display:none}.feature-video-active .feature-stage{background:#000}.saffron-compact{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding:70px max(5%,24px);background:#dfe5e7}.saffron-compact-art img{width:100%;height:auto;display:block;box-shadow:0 12px 30px -15px #0008}.saffron-compact-copy svg{width:min(290px,90%);height:150px;display:block;margin-bottom:15px;filter:invert(1)}.saffron-compact-copy p{font-size:17px;line-height:1.7;max-width:36em}.saffron-compact-copy .button{margin:12px 0;background:#747b80;color:#fff;padding:15px 24px;opacity:.65}.saffron-compact-copy small{display:block;margin-top:8px;color:#414950}.home-steam{background:#294252;color:white;text-align:center;padding:65px 24px}.home-steam>img{width:200px;height:auto;margin:0 auto 20px}.home-steam h2,.home-discord h2{font-size:clamp(30px,3.5vw,48px);letter-spacing:-.04em}.home-steam p,.home-discord p{font-size:17px;line-height:1.7}.home-discord{display:flex;align-items:center;justify-content:center;gap:35px;padding:55px 5%;background:#5865f2;color:white}.home-discord>img{width:70px;height:70px;object-fit:contain}.home-discord .button{background:white;color:#3443b8;margin:0;white-space:nowrap;padding:17px 24px}.template-index .developer-about{background:#050505}
@media(max-width:760px){.feature-hero{padding-top:72px}.feature-stage{height:auto;min-height:0;padding-top:62vw;overflow:hidden}.feature-slide{height:62vw}.feature-stage::after{display:none}.feature-copy{position:relative;right:auto;top:auto;transform:none;width:auto;max-width:none;padding:20px 24px 28px;text-align:center;background:#0a1724}.feature-logo{height:120px;width:min(320px,100%);margin:auto;object-fit:cover}.feature-copy p{font-size:15px;line-height:1.65}.feature-play{left:50%;width:60px;height:60px;font-size:26px}.feature-controls{gap:7px;padding:12px 14px;flex-wrap:wrap}.feature-thumbnails{order:2;flex-basis:100%;max-width:100%}.feature-thumbnails button{flex-basis:70px}.feature-thumbnails img{width:70px;height:40px}.feature-controls>button{padding:10px 16px}.saffron-compact{grid-template-columns:1fr;gap:22px;padding:40px 22px}.saffron-compact-copy{text-align:center}.saffron-compact-copy svg{margin:0 auto 15px;height:130px}.saffron-compact-copy p{font-size:15px}.home-discord{flex-direction:column;gap:18px;text-align:center;padding:40px 22px}.home-steam{padding:45px 22px}.feature-video-active .feature-stage{height:62vw;padding-top:0}.feature-video-active .feature-slide{height:62vw}}
@media(prefers-reduced-motion:reduce){.feature-slide{transition:none}}