/* V6: integrate the hero artwork and refine the collection, tiers and closing. */
.hero-integrated{padding-block:32px 25px;gap:3%;overflow:clip}
.hero-integrated .hero-stage{background:none;min-height:645px;padding:30px 0 10px;overflow:visible;justify-content:center}
.hero-integrated .rivalry-art{width:132%;max-width:none;left:-16%;top:50%;transform:translateY(-42%);height:auto;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.hero-integrated .phone{position:relative;width:248px;border-color:#a99b83;box-shadow:0 22px 36px #17181635}
.hero-integrated .stage-caption{position:relative;color:var(--ink);width:248px;margin-top:17px}
.hero-integrated .stage-caption>span{background:var(--paper);padding:5px 7px;border-radius:10px}
.hero-integrated .video-toggle{border-color:#17181666;background:var(--paper)}
.hero-integrated .video-toggle:hover{background:#e6ddcd}
.hero-integrated .hero-stamp{left:-14px;bottom:80px;font-size:37px;box-shadow:3px 4px 0 #171816}

.collection-section{padding-block:76px 46px}
.collection-section .section-top{margin-bottom:8px}
.collection-section .section-aside{position:static;max-width:none}
.deck-carousel{--card-width:258px;--card-step:214px;max-width:1370px;padding-inline:var(--pad)}
.deck-stage{position:relative;height:445px;touch-action:pan-y;isolation:isolate;overflow:hidden}
.deck-card{--offset:0;--scale:1;--tilt:0deg;position:absolute;top:28px;left:50%;width:var(--card-width);min-width:0;max-width:none;display:block;padding:0;border:0;background:none!important;transform:translateX(calc(-50% + var(--offset)*var(--card-step))) translateY(var(--lift,0px)) rotate(var(--tilt)) scale(var(--scale));transform-origin:center 85%;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .4s;opacity:.73;z-index:1;box-shadow:none}
.deck-card>img{width:100%;height:auto;aspect-ratio:5/7;object-fit:contain;border-radius:10px;box-shadow:0 19px 22px #1718162e;margin:0;transform:none!important;pointer-events:none}
.deck-card[data-slot="0"]{--offset:0;--scale:1;--tilt:0deg;opacity:1;z-index:5}
.deck-card[data-slot="-1"]{--offset:-1;--scale:.85;--tilt:-7deg;--lift:20px;z-index:3}
.deck-card[data-slot="1"]{--offset:1;--scale:.85;--tilt:7deg;--lift:20px;z-index:3}
.deck-card[data-slot="-2"]{--offset:-2;--scale:.72;--tilt:-12deg;--lift:35px}
.deck-card[data-slot="2"]{--offset:2;--scale:.72;--tilt:12deg;--lift:35px}
.deck-card:hover{opacity:1}
.deck-card:focus-visible{outline-color:var(--red);outline-offset:9px;border-radius:10px}
.deck-navigation{display:grid;grid-template-columns:48px minmax(0,450px) 48px;justify-content:center;gap:35px;align-items:center;margin-top:-10px}
.deck-navigation>button{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font:24px/1 Arial,sans-serif;transition:background .2s,color .2s}
.deck-navigation>button:hover{background:var(--ink);color:var(--paper)}
.deck-caption{text-align:center;min-height:103px}
#deck-count{display:block;font-size:9px;letter-spacing:.15em;color:var(--red);margin-bottom:10px}
#deck-name{font-size:36px;letter-spacing:0;text-transform:uppercase;line-height:1}
#deck-description{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.65}
.deck-carousel .collection-foot{justify-content:center;gap:36px;padding-top:14px}
.deck-carousel .collection-foot .ink-link{font-size:11px;gap:16px}

.rank-section{padding-block:73px 34px}
.rank-focus{grid-template-columns:.75fr 1.05fr 1.15fr;gap:30px;padding:27px 37px;margin-top:35px;min-height:310px}
.rank-focus>img{width:244px;height:244px}
.rank-title h3{font-size:48px}
.rank-title p{font-size:13px;margin-top:11px;min-height:0}
.rank-variants{display:flex;gap:11px;margin-top:17px}
.rank-variants>div{display:flex;align-items:center;flex-direction:column;gap:3px}
.rank-variants img{width:43px;height:43px;object-fit:contain}
.rank-variants span{font-size:8px;color:#b9baa9;letter-spacing:.06em}
.rank-elite{display:inline-block;color:#e7cc94;border-top:1px solid #b6a4805c;margin-top:19px;padding-top:11px;font-size:9px;letter-spacing:.17em}
.rank-track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:18px;overflow:visible;padding:0}
.rank-track button{position:relative;background:#eae4d8;border:0;border-bottom:3px solid transparent;padding:15px 6px 13px;gap:8px;opacity:1;min-height:160px;transition:background .25s,color .25s,transform .25s}
.rank-track button:hover{background:#dfd4c2;transform:translateY(-3px)}
.rank-track button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-bottom-color:var(--red)}
.rank-track button>span{font-size:8px;letter-spacing:.1em;color:#737167;align-self:flex-start;margin-left:6px}
.rank-track button[aria-pressed=true]>span{color:#b8ac99}
.rank-track button>img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 4px 4px #0002)}
.rank-track button>strong{font-size:12px;font-weight:500;line-height:1.1}
.rank-track button>small{font-size:7px;letter-spacing:.1em;opacity:.72}
.rank-progress{margin-top:12px}

.play-facts{padding-block:34px 42px}
.play-facts>.eyebrow{font-size:9px;margin-bottom:24px;color:var(--red)}
.facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.play-fact{display:grid;grid-template-columns:100px 1fr;gap:19px;align-items:center;border-top:1px solid var(--line);padding-top:25px}
.play-fact h3{font-size:29px;line-height:1.05;letter-spacing:0}
.play-fact p{font-size:12px;line-height:1.75;color:#595a51;margin-top:11px;max-width:265px}
.fact-art{height:122px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center}
.fact-free img{width:84px;height:84px;border-radius:20px;box-shadow:0 8px 13px #17181620}
.fact-rivals img{position:absolute;width:136px;max-width:none;top:-12px;left:-28px}
.fact-rivals img+img{width:128px;top:43px;left:4px;filter:drop-shadow(-4px -2px 3px var(--paper))}
.fact-cosmetics img{position:absolute;width:66px;height:auto;border-radius:4px;box-shadow:0 5px 10px #17181630;transform:rotate(-13deg);left:6px;top:6px}
.fact-cosmetics img+img{left:35px;top:22px;transform:rotate(12deg)}

.closing{padding-block:37px 40px}
.closing-grid{grid-template-columns:1.4fr 1fr;gap:30px}
.closing .eyebrow{margin-bottom:15px;font-size:8px}
.closing h2{font-size:clamp(68px,6.2vw,96px);line-height:.89}
.closing-grid>div:last-child{padding:0}
.closing-grid>div:last-child>p{max-width:230px;font-size:16px;line-height:1.65;margin-bottom:17px}
.closing .app-store{min-height:49px;gap:9px;padding:8px 13px;border-radius:6px}
.closing .app-store svg{width:23px;height:28px}
.closing .app-store small{font-size:8px;margin:0;color:#fff}
.closing .app-store strong{font-size:21px}
.closing-grid>div:last-child>small{font-size:9px;margin-top:10px}
.site-footer{padding-block:25px 18px}
.footer-top{padding-bottom:17px;gap:20px}
.footer-logo{width:148px}
.footer-links{margin-top:18px;gap:20px}
.footer-links>div{font-size:11px;gap:21px}
.footer-bottom{margin-top:19px;font-size:8px}

@media(min-width:1650px){.hero-integrated .hero-stage{min-height:664px}.hero-integrated .phone{width:263px}.hero-integrated .stage-caption{width:263px}}
@media(max-width:1100px){
 .hero-integrated{padding-block:24px 20px}.hero-integrated .hero-stage{min-height:580px}.hero-integrated .phone{width:218px}.hero-integrated .stage-caption{width:218px}.hero-integrated .hero-stamp{font-size:30px;left:-8px;bottom:70px}
 .deck-carousel{--card-width:237px;--card-step:180px}.deck-stage{height:410px}
 .rank-focus{grid-template-columns:.65fr .95fr 1.15fr;gap:22px;padding:25px 27px}.rank-focus>img{width:205px;height:205px}.rank-title h3{font-size:39px}.rank-variants{gap:8px}.rank-variants img{width:35px;height:35px}
 .rank-track{gap:7px}.rank-track button{min-height:147px;padding-inline:3px}.rank-track button>img{width:65px;height:65px}.rank-track button>strong{font-size:11px}
 .facts-grid{gap:25px}.play-fact{grid-template-columns:1fr;gap:12px;align-content:start}.fact-art{width:100px;height:110px}.play-fact h3{font-size:28px}.play-fact p{font-size:12px}
}
@media(max-width:850px){
 .hero-integrated .hero-stage{min-height:528px;padding-top:17px}.hero-integrated .phone{width:195px}.hero-integrated .rivalry-art{width:120%;left:-10%}.hero-integrated .stage-caption{width:200px}.hero-integrated .hero-stamp{font-size:26px;bottom:49px;left:-12px}
 .deck-carousel{--card-width:225px;--card-step:159px}.deck-stage{height:390px}.collection-section{padding-block:60px 35px}
 .rank-section{padding-block:60px 29px}.rank-focus{padding:23px;gap:15px;grid-template-columns:.6fr .8fr 1fr}.rank-focus>img{width:165px;height:190px}.rank-title h3{font-size:31px}.rank-variants{gap:7px}.rank-variants img{width:28px;height:28px}.rank-title p{font-size:11px}.rank-meta>strong{font-size:42px}
 .rank-track{gap:5px}.rank-track button{padding:12px 3px;min-height:137px}.rank-track button>img{width:57px;height:57px}.rank-track button>strong{font-size:9px}.rank-track button>small{font-size:6px}
 .closing h2{font-size:72px}.closing-grid>div:last-child>p{font-size:14px}.footer-links{display:flex}.footer-links>div+div{margin-top:0}
}
@media(max-width:700px){
 .hero-integrated{padding-top:0;padding-bottom:21px;overflow:hidden}.hero-integrated .hero-copy{padding-bottom:24px}
 .hero-integrated .hero-stage{width:calc(100% + var(--pad)*2);margin-left:calc(-1*var(--pad));padding:154px 0 4px;min-height:0;overflow:visible}
 .hero-integrated .rivalry-art{width:114%;left:-7%;top:0;transform:none}
 .hero-integrated .phone{width:min(241px,calc(65svh * .46228));max-width:68%;border-radius:29px}
 .hero-integrated .stage-caption{width:min(241px,68%);margin-top:14px}.hero-integrated .hero-stamp{display:none}
 .collection-section{padding-block:49px 30px}.collection-section .section-top{margin-bottom:9px;display:block}.collection-section .section-aside{position:static;display:block;padding:0}.collection-section .section-aside>p{display:block;max-width:none;font-size:13px;margin-top:18px}.collection-section .section-aside>p br{display:none}
 .deck-carousel{--card-width:clamp(185px,52vw,240px);--card-step:clamp(122px,33vw,162px);padding-inline:0;width:100%}
 .deck-stage{height:calc(var(--card-width)*1.4 + 71px)}.deck-card{top:23px;flex:none}
 .deck-card[data-slot="-1"]{--scale:.81;--tilt:-8deg;--lift:15px}.deck-card[data-slot="1"]{--scale:.81;--tilt:8deg;--lift:15px}.deck-card[data-slot="-2"]{--scale:.64;--lift:30px}.deck-card[data-slot="2"]{--scale:.64;--lift:30px}
 .deck-card>img{width:100%;margin:0;border-radius:8px}.deck-navigation{grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;margin:0 var(--pad)}.deck-navigation>button{width:44px;height:44px;font-size:22px}.deck-caption{min-height:99px}#deck-count{font-size:8px;margin-bottom:8px}#deck-name{font-size:28px;line-height:.98}#deck-description{font-size:11px;margin-top:9px;line-height:1.6}
 .deck-carousel .collection-foot{display:flex;justify-content:center;gap:24px;padding-top:9px;margin-inline:var(--pad)}.deck-carousel .collection-foot .ink-link{font-size:10px;margin:0;gap:10px}
 .rank-section{padding-block:48px 22px}.rank-focus{grid-template-columns:.9fr 1.1fr;gap:20px 12px;padding:24px 19px;min-height:0;margin-top:27px}.rank-focus>img{width:205px;height:205px;grid-row:1;grid-column:1/-1}.rank-title{grid-column:2;grid-row:2;min-width:0}.rank-title h3{font-size:28px}.rank-title p{font-size:11px}.rank-meta>span{font-size:6px}.rank-meta>strong{font-size:38px;margin-bottom:10px}.rank-meta>button{font-size:9px}.rank-variants{gap:6px;margin-top:13px}.rank-variants img{width:27px;height:30px}.rank-variants span{font-size:7px}.rank-elite{font-size:8px;margin-top:12px;padding-top:9px}
 .rank-track{display:flex;flex-wrap:wrap;justify-content:center;overflow:visible;gap:7px;margin-top:12px;padding:0}.rank-track button{flex:0 0 calc((100% - 21px)/4);min-height:121px;scroll-snap-align:none;gap:6px;padding:10px 3px}.rank-track button>img{width:51px;height:51px}.rank-track button>strong{font-size:9px}.rank-track button>span{font-size:6px;align-self:center;margin:0}.rank-track button>small{font-size:6px}.rank-track button:hover{transform:none}.rank-progress{margin-top:10px}
 .play-facts{padding-block:22px 28px}.play-facts>.eyebrow{font-size:8px;margin-bottom:14px}.facts-grid{grid-template-columns:1fr;gap:0}.play-fact{grid-template-columns:89px 1fr;gap:18px;padding-block:19px;align-items:center}.play-fact:last-child{padding-bottom:0}.fact-art{width:89px;height:105px}.fact-free img{width:70px;height:70px;border-radius:17px}.fact-rivals img{width:122px;top:-18px;left:-24px}.fact-rivals img+img{width:112px;left:5px;top:34px}.fact-cosmetics img{width:58px;left:5px;top:6px}.fact-cosmetics img+img{left:30px;top:20px}.play-fact h3{font-size:25px}.play-fact p{font-size:12px;line-height:1.7;margin-top:8px;max-width:320px}
 .closing{padding-block:31px 33px}.closing-grid{grid-template-columns:1fr;gap:21px}.closing .eyebrow{font-size:7px;margin-bottom:16px}.closing h2{font-size:clamp(45px,13.4vw,75px)}.closing-grid>div:last-child{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 20px;justify-self:stretch}.closing-grid>div:last-child>p{font-size:13px;line-height:1.6;max-width:190px;margin:0}.closing .app-store{min-height:45px;padding:7px 10px;gap:7px}.closing .app-store svg{width:19px;height:25px}.closing .app-store small{font-size:7px}.closing .app-store strong{font-size:18px}.closing-grid>div:last-child>small{grid-column:2;font-size:8px;margin-top:7px}
 .site-footer{padding-block:22px 18px}.footer-top{padding-bottom:16px;gap:14px}.footer-logo{width:134px}.footer-top>span{font-size:7px;width:auto;order:0;max-width:120px;text-align:right}.footer-top>a:last-child{display:none}.footer-links{display:block;margin-top:16px}.footer-links>div{font-size:10px;gap:17px}.footer-links>div+div{margin-top:14px}.footer-bottom{font-size:8px;margin-top:15px}.footer-bottom>span+span{margin-top:5px}
}
@media(max-width:370px){
 .hero-integrated .hero-stage{padding-top:132px}.hero-integrated .phone{width:210px;max-width:68%}.hero-integrated .stage-caption{width:210px;max-width:68%}
 .deck-carousel{--card-width:183px;--card-step:119px}.deck-navigation{gap:9px}#deck-name{font-size:25px}.deck-carousel .collection-foot{gap:19px}.deck-carousel .collection-foot .ink-link{font-size:9px;gap:7px}
 .rank-focus{padding:20px 16px;grid-template-columns:.75fr 1.25fr}.rank-title h3{font-size:25px}.rank-variants{gap:5px}.rank-variants img{width:26px}
 .play-fact{grid-template-columns:75px 1fr;gap:15px}.fact-art{width:75px}.play-fact h3{font-size:22px}.play-fact p{font-size:11px}
 .closing-grid>div:last-child{gap:0 12px}.closing-grid>div:last-child>p{font-size:12px}.closing .app-store{gap:6px;padding-inline:8px}.closing .app-store strong{font-size:16px}
 .footer-logo{width:112px}.footer-top>span{max-width:115px;font-size:6px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){.deck-card,.rank-track button{transition:none}.rank-track button:hover{transform:none}}