
.pf-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0 0}
.pf-collection-cover{--pf-bg:#f5eac0;--pf-ink:#66572c;--pf-shape:#e6d18c;position:relative;isolation:isolate;min-width:0;min-height:310px;display:flex;flex-direction:column;align-items:center;border:1px solid color-mix(in srgb,var(--pf-ink) 20%,transparent);border-radius:25px;background:var(--pf-bg);color:var(--pf-ink);text-decoration:none!important;overflow:hidden;transition:transform .2s,box-shadow .2s}
.pf-collection-cover:hover{transform:translateY(-5px);box-shadow:0 12px 24px #293f4410}.pf-collection-cover:focus-visible{outline:3px solid #416c5e;outline-offset:5px}
.pf-collection-cover:before,.pf-collection-cover:after{content:'';position:absolute;z-index:-1;pointer-events:none;border-radius:50%;background:var(--pf-shape);opacity:.45;width:180px;height:180px;left:-85px;top:80px;transform:rotate(-25deg)}.pf-collection-cover:after{left:auto;right:-65px;top:145px;width:170px;height:230px;opacity:.3}
.pf-cover-kicker{font-size:8px;line-height:1.5;letter-spacing:.14em;font-weight:800;margin-top:22px;position:relative;z-index:2}
.pf-cover-title{font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;font-size:39px!important;line-height:1!important;letter-spacing:-.055em;margin:7px 0 0!important;text-align:center;position:relative;z-index:2;font-weight:850!important}.pf-cover-title span{display:block;font-size:21px;line-height:1.15;letter-spacing:-.025em;font-weight:700;margin-top:3px}
.pf-cover-stage{position:relative;width:100%;height:170px;display:block;margin-top:2px}.pf-cover-character{position:absolute;display:block;object-fit:contain;width:54%;height:auto;aspect-ratio:1;bottom:0;left:-1%;transform:rotate(-9deg);filter:drop-shadow(0 10px 5px #293f4417)}.pf-cover-character-1{width:63%;left:18.5%;bottom:5px;z-index:1;transform:rotate(0)}.pf-cover-character-2{left:auto;right:-1%;transform:rotate(9deg)}
.pf-cover-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 17px 15px;margin-top:auto;font-size:10px;line-height:1.4;font-weight:650}.pf-cover-arrow{display:grid;place-items:center;width:25px;height:25px;flex:none;border:1px solid color-mix(in srgb,var(--pf-ink) 25%,transparent);border-radius:50%;font-size:16px}
.pf-cover-ocean{--pf-bg:#dceded;--pf-ink:#236970;--pf-shape:#94ccc9}.pf-cover-ocean:before{width:380px;height:170px;border-radius:50%;left:-60px;top:205px;transform:rotate(-12deg)}.pf-cover-ocean:after{width:27px;height:27px;right:22px;top:113px;border:2px solid #7eb5b7;background:transparent;box-shadow:19px 44px 0 -5px #94ccc9}
.pf-cover-farm{--pf-bg:#f2e2d1;--pf-ink:#82582e;--pf-shape:#d5b996}.pf-cover-farm:before{border-radius:48% 48% 0 0;top:170px;left:-30px;width:200px;height:160px;transform:rotate(10deg)}.pf-cover-farm:after{border-radius:48% 48% 0 0;top:195px;right:-30px}
.pf-cover-fantasy{--pf-bg:#ebe0f0;--pf-ink:#74518c;--pf-shape:#c5aed7}.pf-cover-fantasy:before{border-radius:0;clip-path:polygon(50% 0,61% 37%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 37%);width:48px;height:48px;left:15px;top:119px}.pf-cover-fantasy:after{width:25px;height:25px;top:135px;right:15px;box-shadow:-22px -100px 0 -7px #b296c8}
.pf-cover-pet{--pf-bg:#e2ead9;--pf-ink:#4d6d42;--pf-shape:#b4c6a3}.pf-cover-pet:before{width:45px;height:50px;left:20px;top:135px;box-shadow:-14px -23px 0 -12px #a7bc93,8px -33px 0 -12px #a7bc93,27px -18px 0 -12px #a7bc93;transform:rotate(-25deg)}
.pf-cover-world{--pf-bg:#e6e1d4;--pf-ink:#525e42;--pf-shape:#bfc8ae}.pf-world-stage{display:block;position:relative;width:100%;height:170px;margin-top:2px}.pf-world-stage img{width:100%;height:100%;object-fit:cover;object-position:95% center;mix-blend-mode:multiply}.pf-cover-world .pf-cover-title{font-size:36px!important}
.pf-cover-all{grid-column:span 2;--pf-bg:#f0eee5;--pf-ink:#345a4d;--pf-shape:#dddcc6;flex-direction:row;align-items:center;min-height:310px;padding:26px}.pf-all-copy{position:relative;z-index:2;width:60%;display:block}.pf-cover-all .pf-cover-kicker{margin:0;font-size:8px}.pf-all-copy h3{font-size:29px!important;line-height:1.13!important;letter-spacing:-.045em;margin:12px 0 22px!important;font-weight:800!important}.pf-all-cta{display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid #8b9e8a;padding-bottom:6px;font-size:11px;font-weight:750}.pf-all-count{display:block;font-size:9px;line-height:1.6;margin-top:12px;max-width:190px;color:#647469}.pf-cover-all .pf-cover-stage{position:absolute;width:53%;right:-1%;height:210px;bottom:42px;opacity:1}.pf-cover-all .pf-cover-character-0{bottom:0;left:-2%;z-index:2}.pf-cover-all .pf-cover-character-1{bottom:50px;left:28%;width:63%}.pf-cover-all .pf-cover-character-2{right:-2%;bottom:-25px}
.pf-collections-intro{text-align:center;padding:48px 0 0}.pf-collections-intro h1{font-size:clamp(36px,4.3vw,53px);margin:13px 0 16px;line-height:1.08}.pf-collections-intro h1 em{color:#866497}.pf-collections-intro>p{font-size:15px;color:#677970;margin:0 auto;max-width:520px}.pf-collections-intro .pf-intro-count{font-size:10px;letter-spacing:.06em;margin-top:13px;color:#778477}.pf-collections-showcase{padding-bottom:48px}
.pf-world-feature{border-top:1px solid #dfe4d9;padding:42px 0;scroll-margin-top:25px;display:grid;grid-template-columns:1fr 1.6fr;align-items:center;gap:32px}.pf-world-copy h2{font-size:28px;margin:9px 0 14px}.pf-world-copy p{font-size:13px;color:#677970;line-height:1.7;margin:0 0 16px}.pf-world-feature figure{margin:0;min-width:0}.pf-world-feature img{display:block;width:100%;height:auto;border-radius:18px}.pf-world-feature figcaption{text-align:right;color:#778477;font-size:9px;margin-top:8px}
@media(max-width:1050px){.pf-cover-title{font-size:32px!important}.pf-cover-stage,.pf-world-stage{height:150px}.pf-collection-cover{min-height:285px}.pf-cover-footer{font-size:9px;padding:9px 12px 13px}.pf-all-copy h3{font-size:25px!important}.pf-cover-all{padding:23px}.pf-all-cta{font-size:10px}.pf-cover-world .pf-cover-title{font-size:32px!important}}
@media(max-width:760px){.pf-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pf-collections-intro{padding-top:33px}.pf-collections-intro>p{font-size:14px}.pf-collections-showcase{padding-bottom:35px}.pf-cover-stage,.pf-world-stage{height:190px}.pf-cover-title{font-size:37px!important}.pf-collection-cover{min-height:315px}.pf-cover-all{min-height:260px}.pf-cover-all .pf-cover-stage{width:45%;height:180px;bottom:30px}.pf-world-feature{grid-template-columns:1fr;gap:22px;padding:32px 0}.pf-world-copy h2{font-size:26px}.pf-world-copy p{max-width:520px}.pf-world-feature figcaption{text-align:left}}
@media(max-width:460px){.pf-collection-grid{gap:11px;margin-top:24px}.pf-collection-cover{border-radius:19px;min-height:247px}.pf-cover-kicker{margin-top:17px;font-size:7px;letter-spacing:.08em}.pf-cover-title{font-size:30px!important}.pf-cover-title span{font-size:17px}.pf-cover-stage,.pf-world-stage{height:130px}.pf-cover-footer{font-size:8px;padding:9px 10px 11px;gap:4px}.pf-cover-arrow{width:21px;height:21px;font-size:13px}.pf-cover-world .pf-cover-title{font-size:29px!important}.pf-cover-world .pf-cover-kicker{font-size:6px}.pf-cover-all{min-height:230px;padding:22px}.pf-all-copy{width:63%}.pf-all-copy h3{font-size:25px!important}.pf-all-count{font-size:8px;max-width:170px}.pf-cover-all .pf-cover-stage{width:48%;right:-4%;height:160px;bottom:20px}.pf-cover-all .pf-cover-character-1{bottom:36px}.pf-cover-all .pf-cover-character-2{bottom:0}.pf-collections-intro .eyebrow{font-size:8px}.pf-collections-intro h1{font-size:37px}.pf-collections-intro>p{font-size:13px}.pf-collections-intro .pf-intro-count{font-size:9px}}
@media(prefers-reduced-motion:reduce){.pf-collection-cover{transition:none}.pf-collection-cover:hover{transform:none}}
