.hero{padding:clamp(56px,7.5vw,108px) 0}.hero .lede{max-width:56ch}.hero-cta{margin-top:clamp(28px,3.2vw,44px);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:fit-content;max-width:100%;gap:14px}@media(max-width:900px){.hero-cta,.res-cta{grid-auto-flow:row;grid-auto-columns:max-content}}@media(max-width:1040px){.split .hero-cta{grid-auto-flow:row;grid-auto-columns:max-content}}.deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,28px);margin-top:clamp(34px,4.4vw,58px)}@media(max-width:1020px){.deck{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.deck{grid-template-columns:1fr}}.card{position:relative;perspective:1600px;min-height:480px}.card:focus-within{outline:3px solid var(--teal-br);outline-offset:5px}.card-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .3s}.card:hover .card-in,.card:focus-within .card-in{transform:translateY(-8px) rotateY(-13deg);box-shadow:-22px 20px 44px -20px #1b212680}.card.flipped .card-in{transform:rotateY(180deg)}.card.flipped:hover .card-in{transform:translateY(-8px) rotateY(193deg);box-shadow:22px 20px 44px -20px #1b212680}@keyframes tease{0%,to{transform:none}38%{transform:rotateY(-26deg) translateY(-6px)}}.card.tease .card-in{animation:tease 1.5s cubic-bezier(.4,0,.3,1) .25s 1}@media(prefers-reduced-motion:reduce){.card.tease .card-in{animation:none}.card:hover .card-in{transform:translateY(-6px)}}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;padding:20px 22px 18px;background:var(--paper-2);border:1px solid var(--hair);overflow:hidden}.back{transform:rotateY(180deg);background:var(--navy-ink);color:#c6d5e4;border-color:var(--navy-ink)}.c-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:11px;border-bottom:2px solid currentColor;color:var(--tint)}.back .c-top{color:var(--teal-br)}.c-type{font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.c-num{font-family:var(--f-display);font-weight:900;font-size:19px;line-height:1;letter-spacing:-.04em;opacity:.85}.c-name{font-family:var(--f-display);font-weight:900;font-variation-settings:"SOFT" 24,"WONK" 1;font-size:24px;line-height:1.02;letter-spacing:-.03em;color:var(--navy);margin:16px 0 0}.back .c-name{color:#fff;font-size:20px;margin-bottom:0}.c-sym{margin:auto 0;font-size:17.5px;line-height:1.4;color:#57544e;font-style:italic}.c-stats{padding:14px 0 0;margin:0;border-top:1px solid var(--hair);display:grid;gap:7px}.c-row{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:10px}.c-row i{font-family:var(--f-mono);font-style:normal;font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.pips{display:flex;gap:4px}.pips s{width:9px;height:9px;border-radius:50%;background:#ddd3c4;text-decoration:none;display:block}.pips s.on{background:var(--tint)}.tab{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:7px;padding:8px 14px 8px 12px;background:var(--tint);color:var(--paper-2);font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.back .tab{background:var(--teal-br);color:var(--navy-ink)}.tab svg{width:13px;height:13px;flex:none}.card:hover .tab svg{animation:spin .6s ease}.tab:focus-visible{outline:3px solid var(--teal-br);outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}.deep{margin-top:auto;padding-top:16px;display:inline-flex;align-items:center;gap:9px;align-self:flex-start;font-family:var(--f-body);font-weight:600;font-size:15px;color:#fff;text-decoration:none;border-bottom:2px solid var(--teal-br);padding-bottom:3px}.deep:hover{color:var(--teal-br)}.deep svg{width:14px;height:14px;transition:transform .18s}.deep:hover svg{transform:translate(4px)}.fields{margin:14px 0 0;display:grid;gap:11px}.fields>span{border-top:1px solid rgba(255,255,255,.16);padding-top:8px;display:block}.fields b{display:block;font-family:var(--f-mono);font-size:9.5px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--teal-br);margin-bottom:3px}.fields i{display:block;font-style:normal;font-size:13.8px;line-height:1.4;color:#c6d5e4}.fields .w b{color:var(--coral)}.basecard{border:1px solid var(--hair);border-top:5px solid var(--navy);background:var(--sunk);padding:20px 22px 18px;display:flex;flex-direction:column;min-height:480px}.basecard .c-top{border-bottom-color:var(--navy);color:var(--navy)}.basecard .c-name{margin-bottom:14px}.basecard p{margin:0;font-size:15.5px;line-height:1.52;color:#57544e}.basecard .kl{max-width:none;font-size:19px;margin-top:auto}.deck-hint{display:flex;align-items:center;gap:10px;margin:clamp(22px,2.6vw,32px) 0 0;font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;color:var(--coral-d)}.deck-hint svg{width:15px;height:15px;flex:none}.types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,34px);margin-top:clamp(34px,4.4vw,56px)}@media(max-width:760px){.types{grid-template-columns:1fr}}.types>div{border-top:3px solid var(--tint);padding-top:13px}.types b{display:block;font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tint);margin-bottom:7px}.types span{font-size:16px;line-height:1.5;color:#57544e}blockquote{font-size:clamp(30px,5.4vw,72px);line-height:1.02;margin:0;max-width:22ch}.hl{color:#fff}.quote-cite{font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:clamp(22px,2.6vw,34px) 0 0;color:#7a2a14}
