/* Spacious curved product compositions and intentional motion. */
.case{min-height:680px}.case-visual.real-product-visual{height:525px;border-radius:72px 20px 72px 20px;isolation:isolate;overflow:hidden;transition:border-radius .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}
.case:hover .real-product-visual{border-radius:22px 78px 22px 78px;transform:translateY(-7px)}
.traveler-visual.real-product-visual{background:linear-gradient(130deg,#e56049 0%,#e98b65 50%,#efd0a4 100%)}
.bill-visual.real-product-visual{background:linear-gradient(130deg,#d7f3f3 0%,#edf3ed 55%,#bce9e5 100%)}
.soft-shape{position:absolute;border-radius:50%;z-index:0;pointer-events:none;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.shape-coral{height:270px;width:270px;left:-108px;bottom:-109px;background:#ff7655}.shape-sun{height:345px;width:345px;right:-125px;top:-135px;background:#f4edb4}.shape-blue{width:265px;height:265px;top:-114px;right:-85px;background:#2e90a1}.shape-mint{width:275px;height:275px;left:-115px;bottom:-128px;background:#9fe4d0}
.case:hover .shape-coral{transform:translate(54px,-17px)}.case:hover .shape-sun{transform:translate(-43px,43px)}.case:hover .shape-blue{transform:translate(-48px,44px)}.case:hover .shape-mint{transform:translate(43px,-39px)}
.real-phone{position:absolute;display:block;overflow:hidden;background:#fff;box-shadow:0 25px 50px rgba(20,32,26,.24);z-index:2;transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s ease;will-change:transform}.real-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.real-phone:hover{box-shadow:0 33px 66px rgba(20,32,26,.33)}.real-phone:hover img{transform:scale(1.035)}
.real-phone-front{width:212px;height:460px;left:18%;bottom:-17px;border-radius:38px 38px 0 0;transform:rotate(-5deg)}.real-phone-back{width:188px;height:407px;right:13%;top:49px;border-radius:34px;transform:rotate(8deg)}
.case:hover .real-phone-front{transform:translateY(-13px) rotate(-2deg)}.case:hover .real-phone-back{transform:translateY(16px) rotate(5deg)}.neo-shot-front{left:18%;bottom:-54px}.neo-shot-back{right:13%;top:57px}
.real-product-visual .visual-caption{transition:transform .6s cubic-bezier(.22,1,.36,1),letter-spacing .6s ease}.case:hover .real-product-visual .visual-caption{transform:rotate(-90deg) translateX(-13px);letter-spacing:1.2px}
@media(prefers-reduced-motion:reduce){.case-visual.real-product-visual,.soft-shape,.real-phone,.real-phone img,.real-product-visual .visual-caption{transition:none!important}.case:hover .real-product-visual,.case:hover .real-phone-front,.case:hover .real-phone-back,.case:hover .soft-shape,.case:hover .real-product-visual .visual-caption{transform:none}}
@media(max-width:800px){.case{min-height:0}.case-visual.real-product-visual{height:460px;border-radius:52px 16px 52px 16px}.real-phone-front{width:170px;height:368px;left:13%;bottom:-9px;border-radius:31px 31px 0 0}.real-phone-back{width:151px;height:327px;right:9%;top:43px;border-radius:28px}.shape-coral{height:210px;width:210px}.shape-sun{height:255px;width:255px}.shape-blue{width:205px;height:205px}.shape-mint{width:210px;height:210px}}