@import url("style-v15.css");

/* v16: compact proof of each headline brand world */
.premium-card{min-height:575px}
.premium-card .premium-logo{margin:34px 0 22px}
.brand-world-preview{height:132px;margin:0 0 27px;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;display:flex;align-items:flex-end;gap:6px;padding:12px;background-size:cover;background-position:center}
.brand-world-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(2,9,18,.78))}
.brand-world-preview span{position:relative;z-index:1;padding:5px 7px;border:1px solid rgba(255,255,255,.32);background:rgba(2,9,18,.52);color:#fff;font-size:.52rem;font-weight:800;letter-spacing:.12em}
.world-jink{background-image:url("brand-worlds/jink-world.webp");background-position:58% center}
.world-warmlet{background-image:url("brand-worlds/warmlet-world.webp");background-position:67% center}
.world-oneco{align-items:center;justify-content:center;background-color:#0b3260;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:22px 22px}
.world-oneco:after{background:radial-gradient(circle,rgba(19,92,255,.28),rgba(4,20,42,.88))}
.world-oneco b{position:relative;z-index:2;width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:#135cff;color:#fff;font-size:2.5rem;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.world-oneco span{align-self:auto;background:#08162c}

@media(max-width:900px){.premium-card{min-height:520px}.brand-world-preview{height:145px}}
@media(max-width:560px){.premium-card{min-height:500px}.brand-world-preview{height:125px}}
