.pick-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin:1.5rem 0;padding:0 16px}
.pick-card:first-child{grid-column:1/-1}
@media(min-width:960px){.pick-cards{grid-template-columns:2fr 1fr 1fr;gap:1rem}.pick-card:first-child{grid-column:1;grid-row:1/span 2}}
.pick-card{position:relative;container-type:inline-size;display:flex;flex-direction:column;background:var(--ink);color:var(--ink);text-decoration:none}
.pick-card::after{content:'';position:absolute;inset:0;pointer-events:none}
.pick-stage{--w:min(10.5rem,36cqi);--h:calc(var(--w)*1.4);--o:42%;position:relative;display:block;flex:1 0 auto;height:calc(var(--h)*.82 + 1.4rem);overflow:hidden;border-bottom:4px solid var(--red)}
.pick-stage .pick-slot{position:absolute;left:50%;bottom:calc(var(--h)*-.18);display:block;width:var(--w);height:var(--h);transform-origin:50% 100%}
.pick-slot .pick-img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 100%}
.pick-slot--l{transform:translateX(calc(-50% - var(--o))) rotate(-7deg)}
.pick-slot--r{transform:translateX(calc(-50% + var(--o))) rotate(7deg)}
.pick-foot{display:flex;align-items:center;justify-content:space-between;gap:.8rem;background:var(--paper);padding:.75rem 1rem;min-height:4.4rem}
.pick-logo{display:flex;align-items:center;gap:.45rem;flex:0 1 auto;min-width:0}
.pick-logo img{height:2.1rem;width:auto;max-width:100%;object-fit:contain;object-position:0 50%}
.pick-logo--tall img{height:2.9rem}
.pick-logo em{font-style:normal;font-weight:900;font-size:1.7rem;line-height:1;letter-spacing:.02em;white-space:nowrap}
.pick-go{flex:none;display:flex;align-items:center;gap:.35rem;font-weight:900;font-size:.9rem}
.pick-go b{display:grid;place-items:center;width:2rem;height:2rem;background:var(--ink);color:var(--marker)}
@container (max-width:300px){
.pick-stage{--w:44cqi;--o:30%}
.pick-foot{gap:.4rem;padding:.55rem .6rem;min-height:3.3rem}
.pick-logo{flex:1 1 auto;gap:.3rem}
.pick-logo img{height:auto;max-height:1.6rem}
.pick-logo--tall img{max-height:2.3rem}
.pick-logo em{font-size:min(1.15rem,12cqi)}
.pick-logo img+em{margin-left:0}
.pick-go-t{display:none}
.pick-go b{width:1.6rem;height:1.6rem}
}
@media(min-width:960px){.pick-card:first-child .pick-stage{--w:min(13rem,36cqi)}}
.lower-content .pick-cards .pick-card:hover{text-decoration:none}
.lower-content .pick-cards .pick-card:focus-visible{outline:none}
.pick-card:hover::after{box-shadow:inset 0 0 0 3px var(--marker)}
.pick-card:focus-visible::after{box-shadow:inset 0 0 0 3px var(--marker),inset 0 0 0 6px var(--ink)}
@media(prefers-reduced-motion:no-preference){
.pick-stage .pick-slot{transition:transform .2s ease-out}
.pick-card:hover .pick-slot--l,.pick-card:focus-visible .pick-slot--l{transform:translateX(calc(-50% - var(--o) - 4%)) translateY(-.4rem) rotate(-10deg)}
.pick-card:hover .pick-slot--r,.pick-card:focus-visible .pick-slot--r{transform:translateX(calc(-50% + var(--o) + 4%)) translateY(-.4rem) rotate(10deg)}
}
@media(prefers-reduced-motion:reduce){.pick-stage .pick-slot{transition:none}}
