.universe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}
.universe-card{display:flex;flex-direction:column;min-width:0;background:#1c1b18f5;border:1px solid #ffb56c30;border-radius:12px;overflow:hidden;transition:border-color .3s,box-shadow .3s}
.universe-card:hover{border-color:#ffbd7766;box-shadow:0 18px 50px #0004}
.universe-scene{position:relative;isolation:isolate;overflow:hidden;background:#15201c;aspect-ratio:2/1;display:block}
.universe-scene img{width:100%;height:100%;object-fit:cover;display:block;animation:universe-camera 18s ease-in-out infinite alternate;animation-play-state:paused;transform:scale(1.035)}
.universe-scene::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#0e1619e0,transparent 85%);pointer-events:none}
.universe-scene[data-universe-theme=gold]::after{background:linear-gradient(0deg,#251607dd,transparent 85%)}
.universe-scene[data-universe-theme=violet]::after{background:linear-gradient(0deg,#21122bdd,transparent 85%)}
.universe-scene[data-universe-theme=green]::after{background:linear-gradient(0deg,#072322dd,transparent 85%)}
.universe-scene-title{position:absolute;left:26px;bottom:23px;z-index:3;color:#fff4e3;font:800 clamp(25px,3vw,42px)/1.1 Manrope,sans-serif;letter-spacing:-.04em;text-shadow:0 2px 15px #0008}
.universe-scene-badge{position:absolute;top:18px;left:20px;z-index:3;padding:5px 10px;border:1px solid #ffffff40;border-radius:20px;background:#111a1e7a;color:#fff2d8;font-size:9px;letter-spacing:.12em;backdrop-filter:blur(6px)}
.universe-mist{position:absolute;inset:25% -30% -20%;z-index:2;background:radial-gradient(ellipse,#dce9e033,transparent 65%);animation:universe-fog 13s ease-in-out infinite alternate;animation-play-state:paused;pointer-events:none}
.universe-sparks{position:absolute;inset:0;pointer-events:none;z-index:2}
.universe-sparks i{position:absolute;left:var(--spark-x);bottom:-7%;width:var(--spark-size);height:var(--spark-size);background:#ffc981;border-radius:50%;box-shadow:0 0 9px currentColor;color:#ffc981;opacity:0;animation:universe-float var(--spark-time) linear var(--spark-delay) infinite;animation-play-state:paused}
[data-universe-theme=violet] .universe-sparks i{background:#d9b6ff;color:#d9b6ff}
[data-universe-theme=green] .universe-sparks i{background:#99f0d8;color:#99f0d8}
[data-universe-theme=ice] .universe-sparks i{background:#dff4ff;color:#dff4ff;animation-name:universe-snow;top:-7%;bottom:auto}
.universe-motion-enabled .universe-in-view img,.universe-motion-enabled .universe-in-view .universe-mist,.universe-motion-enabled .universe-in-view .universe-sparks i{animation-play-state:running}
.universe-content{padding:25px 28px 28px}.universe-content h3{font-size:23px}.universe-content p{font-size:13px;line-height:1.8;margin-top:13px;max-width:510px}.universe-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.universe-tags span{padding:4px 9px;border:1px solid #ffa65b30;border-radius:20px;font-size:10px;color:#efd1b2}.universe-content .text-link{display:inline-block;margin-top:22px;font-size:12px}
.universe-heading-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:18px}.universe-heading-bar p{font-size:12px}.universe-motion-toggle{border:1px solid #ffa65b50;border-radius:20px;padding:7px 12px;background:#ffa65b0c;color:var(--accent);font-size:10px;white-space:nowrap}.universe-motion-toggle:disabled{display:none}
.universe-banner{border-radius:10px;aspect-ratio:3.6/1;margin-top:24px;border:1px solid #ffb56c35}.universe-banner .universe-scene-title{bottom:25px;left:30px}.universe-banner-caption{position:absolute;z-index:3;left:30px;bottom:18px;font-size:12px;color:#f5e7d5;text-shadow:0 2px 10px #000;max-width:80%}.universe-banner .universe-scene-title{bottom:55px}.universe-banner .universe-scene-badge{top:20px;left:30px}
.universe-section-note{font-size:10px;margin-top:18px;color:var(--muted)}
@keyframes universe-camera{from{transform:scale(1.035) translate3d(-.6%,0,0)}to{transform:scale(1.12) translate3d(.6%,-.8%,0)}}
@keyframes universe-fog{from{transform:translate3d(-6%,5%,0);opacity:.35}to{transform:translate3d(6%,-5%,0);opacity:.8}}
@keyframes universe-float{0%{transform:translate3d(0,0,0);opacity:0}20%{opacity:.75}80%{opacity:.3}100%{transform:translate3d(35px,-290px,0);opacity:0}}
@keyframes universe-snow{0%{transform:translate3d(0,0,0);opacity:0}20%{opacity:.7}80%{opacity:.4}100%{transform:translate3d(25px,350px,0);opacity:0}}
@media(max-width:700px){.universe-grid{grid-template-columns:1fr;gap:20px}.universe-content{padding:22px}.universe-scene-title{left:22px;font-size:30px}.universe-heading-bar{align-items:flex-start}.universe-heading-bar p{font-size:11px;max-width:180px}.universe-banner{aspect-ratio:1.6/1}.universe-banner .universe-scene-title{left:20px;bottom:65px;font-size:30px}.universe-banner-caption{left:20px;bottom:18px;font-size:11px}.universe-banner .universe-scene-badge{left:20px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.universe-scene img,.universe-mist,.universe-sparks i{animation:none!important}.universe-sparks{display:none}.universe-card{transition:none}}