.fortune-realms{padding:82px 6vw;background:linear-gradient(180deg,#fff9fb,#f8edf3);color:#55283d}.realms-head{max-width:760px;margin:0 auto 30px;text-align:center}.realms-head small{color:#bd557c;font-weight:800;letter-spacing:.16em}.realms-head h2{margin:.35em 0;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(2rem,4vw,3.5rem)}.realms-head p{color:#7a5968;line-height:1.75}.realms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1120px;margin:auto}.realm-card{position:relative;isolation:isolate;min-height:570px;overflow:hidden;border:1px solid #edbfd0;border-radius:34px;background:#ead4de;box-shadow:0 22px 55px rgba(80,26,50,.15);cursor:pointer}.realm-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s}.realm-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(49,18,34,.86));z-index:1}.realm-copy{position:absolute;left:28px;right:28px;bottom:28px;z-index:2;color:#fff}.realm-copy small{font-weight:800;letter-spacing:.14em;color:#ffe3ed}.realm-copy h3{margin:.25em 0;font:700 clamp(1.8rem,3vw,2.8rem)/1.1 Georgia,"Noto Serif SC",serif}.realm-copy p{max-width:470px;margin:0 0 16px;line-height:1.6;color:#fff}.realm-copy span{display:inline-block;padding:10px 16px;border:1px solid #ffd4e4;border-radius:999px;background:#ffffff1f;font-weight:800;backdrop-filter:blur(8px)}.realm-card:hover img{transform:scale(1.045)}.realm-card:hover{box-shadow:0 28px 70px rgba(80,26,50,.24)}.realm-card.western{border-color:#d8bee8}.realm-card.western .realm-copy span{border-color:#ead9ff}.realm-card.active{outline:3px solid rgba(210,104,145,.3);outline-offset:5px}@media(max-width:760px){.fortune-realms{padding:62px 18px}.realms-grid{grid-template-columns:1fr}.realm-card{min-height:510px}.realm-copy{left:20px;right:20px;bottom:22px}}
.fortune-realms .realm-card{aspect-ratio:4/5;min-height:0}.fortune-realms .realm-card img{object-position:50% 8%}.fortune-realms .realm-card:after{inset:45% 0 0;background:linear-gradient(transparent,rgba(49,18,34,.32) 20%,rgba(49,18,34,.9) 100%)}.fortune-realms .realm-copy{bottom:24px}.fortune-realms .realm-copy h3{font-size:clamp(1.65rem,2.5vw,2.45rem)}@media(max-width:760px){.fortune-realms .realm-card{aspect-ratio:3/4;min-height:0}.fortune-realms .realm-card img{object-position:50% 5%}.fortune-realms .realm-card:after{inset:42% 0 0}.fortune-realms .realm-copy{bottom:18px}}