.riftbound .hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at top right,#526b87,transparent 65%),#101e35;padding-right:40%}.riftbound h1{font-size:clamp(44px,6vw,76px)}.riftbound h1 span{background:none;padding:0;color:#ecd8a2;font-size:.55em}.riftbound .eyebrow{color:#ecd8a2}.rift-preview{position:absolute;right:4%;top:60px;width:32%;height:280px;display:flex;align-items:center}.rift-preview img{width:46%;border-radius:7px;box-shadow:0 10px 28px #0008;margin-left:-15%;transform:rotate(-12deg)}.rift-preview img:nth-child(2){transform:rotate(0deg);z-index:1}.rift-preview img:nth-child(3){transform:rotate(12deg)}.preview-note{display:block;font-size:10px;color:#d9dfea}.riftbound button{background:#233c5b}.riftbound .card{background:white;color:#14243e}.missing-image{display:flex;aspect-ratio:488/680;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:18px;background:radial-gradient(circle at top,#344b69,#101e35);color:#d9c58f;text-align:center;border:12px solid #e5e1d7}.missing-image b{font-family:'Barlow Condensed',sans-serif;font-size:42px}.missing-image span{font-size:11px;letter-spacing:1px}.missing-image small{color:#dce1e9;font-size:11px}.riftbound .card .price{font-size:12px;color:#5d687a}.card-image-label{display:block;font-size:10px;padding:5px 10px;background:#eee7d7;color:#65542b}.riftbound .detail-layout .missing-image{max-width:350px}.riftbound #set{max-width:280px}@media(max-width:760px){.riftbound .hero{padding-right:20px}.rift-preview{position:relative;right:auto;top:auto;width:70%;height:auto;margin:24px auto 20px;justify-content:center;padding-left:12%}.rift-preview img{width:42%}.riftbound #set{max-width:100%}.missing-image{padding:10px;border-width:7px}.missing-image b{font-size:32px}.missing-image span{font-size:9px}}

.riftbound .hero{background:radial-gradient(ellipse at top right,#73603e,transparent 65%),#1d211f}.riftbound h1{font-size:clamp(38px,5vw,66px)}.riftbound .card .price{color:#657167}

.riftbound .hero{background:radial-gradient(ellipse at top right,#258ac9,transparent 65%),#0752a5}.riftbound h1{color:#ffe34c}.riftbound h1 span{color:white}.riftbound .card .price{color:#0752a5}.riftbound button{background:#0752a5}.riftbound .card{background:white;color:#14243e}

.riftbound .hero{background:radial-gradient(ellipse at top right,#187e8b,transparent 65%),#10213b}.riftbound h1{color:#e8ce8d}.riftbound h1 span{color:white}.riftbound #set{max-width:260px}