.hero-art.personal-deck{width:40%;max-width:430px;inset-inline-end:1%;aspect-ratio:auto;transform:translateY(-49%);z-index:3;pointer-events:auto;direction:ltr}
.hero:has(.personal-deck) .hero-main{min-height:690px}
.hero:has(.personal-deck) h1{font-size:clamp(62px,8.1vw,142px)}
.deck-heading{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding-inline:3px;margin-block-end:30px}
.deck-heading>span:first-child{font-size:18px;letter-spacing:-.035em}
.deck-edition{font:11px Studio Mono,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;text-align:right}
.deck-stage{position:relative;isolation:isolate;aspect-ratio:.82;outline-offset:18px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;perspective:1100px}
.deck-stage:active{cursor:grabbing}.deck-stage:focus-visible{outline:2px solid var(--orange);border-radius:10px}
.personal-card{position:absolute;inset:0;display:flex;flex-direction:column;padding:27px 29px 23px;background:#242923;border:1px solid #565b50;border-radius:9px;color:#f1f0e9;box-shadow:0 3px 5px #1c221516,0 15px 27px #1c221525;overflow:hidden;transform-origin:50% 75%;backface-visibility:hidden;will-change:transform,opacity}
.personal-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--shine-x,25%) var(--shine-y,10%),#ffffff0c,transparent 60%);border-radius:inherit}
.personal-card[data-depth="0"]{z-index:4;transform:rotate(-3deg)}
.personal-card[data-depth="1"]{z-index:3;transform:translate(15px,11px) rotate(5deg) scale(.965);filter:brightness(.88)}
.personal-card[data-depth="2"]{z-index:2;transform:translate(-9px,19px) rotate(-7deg) scale(.93);filter:brightness(.75)}
.personal-card[data-depth="3"]{z-index:1;opacity:0;transform:translate(0,26px) scale(.9);pointer-events:none}
.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font:11px Studio Mono,monospace;text-transform:uppercase;letter-spacing:.03em;color:#bec4b6;position:relative;z-index:2}
.card-meta>span:last-child{font:600 14px Studio Sans,sans-serif;letter-spacing:-.04em;color:#ed5828}
.personal-card h2{font:400 clamp(36px,4.5vw,62px)/.96 Studio Sans,Arial,sans-serif;letter-spacing:-.065em;margin-block:22px 21px;position:relative;z-index:2}
.card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-block-start:auto;padding-block-start:18px;font-size:13px;color:#d6dacd;position:relative;z-index:2}
.card-category{font:10px Studio Mono,monospace;letter-spacing:.08em;color:#9ea796}
.card-food-art{position:relative;flex:1;min-height:130px;background:#f1f0e9;overflow:hidden;border-radius:2px}
.card-can{position:absolute;height:119%;width:70%;object-fit:contain;left:-8%;top:-8%;mix-blend-mode:multiply;transform:rotate(-12deg)}
.card-burger{position:absolute;width:79%;right:-11%;bottom:1%;filter:drop-shadow(3px 7px 3px #15180f24);transform:rotate(7deg)}
.food-plus{position:absolute;top:8%;right:11%;font:400 37px Studio Sans,sans-serif;color:var(--orange)}
.card-music{background:#202422}
.card-music-art{position:relative;flex:1;min-height:110px;overflow:hidden;border-block:1px solid #606b5744}
.card-music-art img{position:absolute;width:116%;height:100%;inset:0 -8%;object-fit:cover;filter:brightness(0) invert(1);opacity:.95}
.card-music-art::after{content:"";position:absolute;width:33px;height:5px;bottom:13px;right:0;background:var(--orange)}
.card-football{background:#202725}.card-football-art{position:relative;flex:1;min-height:145px;background:#174dcc;overflow:hidden;padding:12px 15px;display:flex;align-items:center;gap:20px}
.squad-year{font:600 clamp(56px,7vw,97px)/.72 Studio Sans,sans-serif;letter-spacing:-.08em;padding-block:10px}.squad-year>span{color:#e7f0ff}
.squad-label{font:12px Studio Mono,monospace;writing-mode:vertical-rl;letter-spacing:.12em;margin-inline-start:auto;align-self:flex-start;margin-block-start:10px}
.squad-placeholder{position:absolute;bottom:10px;right:12px;font-size:10px;color:#e5edff}
.card-person{background:#293026}.card-person h2{font-size:clamp(35px,4.3vw,60px)}
.card-person-copy{display:flex;flex-direction:column;gap:17px;flex:1;padding-block:5px 12px;border-block-start:1px solid #59644d}
.card-person-copy p{font-size:16px;line-height:1.6;color:#c4cdba}
.personal-signature{font-size:clamp(25px,3.3vw,43px);font-weight:600;letter-spacing:-.06em;margin-block-start:auto;padding-block-start:14px}
.deck-controls{display:flex;align-items:center;justify-content:space-between;margin-block-start:38px;border-block-start:1px solid var(--line);padding-block-start:8px}
.deck-controls>button{font-size:14px;padding:12px 6px;min-width:48px;min-height:44px}.deck-controls>button:hover{color:#bc3e15}
.deck-pagination{display:flex;align-items:center;justify-content:center;gap:0}
.deck-pagination button{width:34px;height:44px;display:grid;place-items:center;padding:0}
.deck-pagination button>span{width:5px;height:5px;background:#a2a398;border-radius:50%;transition:width .25s,background .25s}
.deck-pagination button[aria-current=true]>span{width:22px;height:5px;border-radius:4px;background:var(--orange)}
#deck-help{font-size:12px;text-align:center;color:var(--muted);margin-block-start:2px}
@media(min-width:1650px){.hero-art.personal-deck{max-width:490px}.hero:has(.personal-deck) .hero-main{min-height:810px}}
@media(max-width:1100px) and (min-width:761px){.hero-art.personal-deck{width:40%;max-width:350px;inset-inline-end:0}.hero:has(.personal-deck) .hero-main{min-height:610px}.personal-card{padding:22px}.personal-card h2{font-size:41px;margin-block:20px 18px}.deck-edition{font-size:10px;max-width:100px}.deck-heading>span:first-child{font-size:16px}.card-food-art{min-height:110px}.card-foot{font-size:12px}.card-person-copy{gap:12px}.card-person-copy p{font-size:14px}.card-football-art{min-height:110px}.squad-placeholder{font-size:9px}.squad-year{font-size:65px}}
@media(max-width:760px){.hero:has(.personal-deck) .hero-main{min-height:auto}.hero:has(.personal-deck) h1{font-size:clamp(58px,12vw,93px)}.hero-art.personal-deck{position:relative;width:calc(100% - 22px);max-width:365px;inset:auto;transform:none;align-self:center;margin-block:38px 29px}.deck-stage{aspect-ratio:.8}.deck-heading{margin-block-end:29px}.deck-heading>span:first-child{font-size:17px}.deck-edition{font-size:10px;max-width:110px}.personal-card{padding:23px 24px 21px}.personal-card h2{font-size:clamp(37px,11vw,53px);margin-block:22px 19px}.card-meta{font-size:10px}.card-foot{font-size:12px}.card-category{font-size:9px}.card-food-art{min-height:115px}.card-person-copy p{font-size:15px}.card-person-copy{gap:13px}.personal-signature{font-size:34px}.squad-year{font-size:76px}.deck-controls{margin-block-start:34px}.deck-pagination button{width:34px}.squad-placeholder{font-size:10px}}
@media(max-width:360px){.personal-card{padding:20px}.personal-card h2{font-size:35px;margin-block:18px 15px}.card-foot{font-size:11px;padding-block-start:12px}.card-food-art{min-height:95px}.card-person-copy p{font-size:13px}.personal-signature{font-size:29px}.card-football-art{min-height:110px}.squad-year{font-size:60px}.deck-edition{font-size:9px}}
@media(prefers-reduced-motion:reduce){.personal-card{will-change:auto}.deck-pagination button>span{transition:none}}
.motion-off .deck-pagination button>span{transition:none}
@media print{.personal-deck{display:none}}