/* The collector's invitation. Every rule stays inside this homepage section. */
.pm-showcase { --pm-gold:#ead298; --pm-muted:#b9b4ac; margin:44px 0 40px; color:#f6f0e5; }
.pm-showcase .pm-invitation { position:relative; isolation:isolate; display:grid; grid-template-columns:1.15fr 1fr; overflow:hidden; border:1px solid #65543b; border-radius:22px; background:radial-gradient(ellipse at 86% 18%,#31352b 0,transparent 48%),radial-gradient(ellipse at 63% 90%,#352539 0,transparent 48%),#191714; box-shadow:inset 0 1px 0 #f0d8ac17,0 18px 45px #0003; }
.pm-showcase .pm-invitation::before { content:""; position:absolute; inset:10px; border:1px solid #d5bd8220; border-radius:14px; z-index:-1; pointer-events:none; }
.pm-showcase .pm-copy { min-width:0; padding:45px 0 38px 42px; z-index:2; }
.pm-showcase .pm-kicker { display:flex; align-items:center; gap:10px; margin:0 0 20px; color:var(--pm-gold); font:650 10px/1.5 var(--sans); letter-spacing:.18em; }
.pm-showcase .pm-kicker>span { font-size:19px; line-height:1; }
.pm-showcase h2 { display:block; margin:0; color:#faf3e6; font:650 clamp(34px,3.7vw,49px)/1.08 var(--display,var(--sans)); letter-spacing:-.05em; text-transform:none; }
.pm-showcase h2 span { color:var(--pm-gold); }
.pm-showcase h2::after { display:none; }
.pm-showcase .pm-intro { margin:19px 0 25px; color:#c9c2b7; font:400 14px/1.75 var(--sans); }
.pm-showcase .pm-actions { display:flex; align-items:flex-start; flex-direction:column; gap:11px; }
.pm-showcase .pm-actions[hidden] { display:none; }
.pm-showcase .pm-primary { display:inline-flex; align-items:center; justify-content:space-between; gap:27px; padding:15px 20px; min-height:52px; border:1px solid #f6e1aa; border-radius:9px; background:linear-gradient(120deg,#f3dfa8,#d8b875); box-shadow:inset 0 1px 0 #fff8,0 4px 0 #775f36,0 8px 25px #d8b87516; color:#282014; text-decoration:none; font:750 14px/1.3 var(--sans); transition:transform 180ms ease,box-shadow 180ms ease,background 180ms ease; }
.pm-showcase .pm-primary svg { width:22px; height:22px; transition:transform 180ms ease; }
.pm-showcase .pm-primary:hover { background:linear-gradient(120deg,#ffebba,#e7c98b); color:#282014; text-decoration:none; box-shadow:inset 0 1px 0 #fff8,0 4px 0 #775f36,0 10px 30px #d8b87530; }
.pm-showcase .pm-primary:focus-visible { outline:3px solid #fff5db; outline-offset:6px; }
.pm-showcase .pm-note { color:var(--pm-muted); font:400 11px/1.5 var(--sans); }
.pm-showcase .pm-display { position:relative; min-height:375px; align-self:stretch; }
.pm-showcase .pm-orbit { position:absolute; width:340px; height:340px; top:20px; left:50%; transform:translateX(-50%); border:1px solid #e5c78720; border-radius:50%; background:radial-gradient(ellipse,#c0a97612,transparent 67%); }
.pm-showcase .pm-orbit::before { content:""; position:absolute; inset:24px; border:1px dashed #e5c78715; border-radius:50%; }
.pm-showcase .pm-orbit::after { content:"✦"; position:absolute; right:16px; top:54px; color:#e9d49a; font-size:22px; }
.pm-showcase .pm-card { position:absolute; width:142px; height:auto; aspect-ratio:200/279; object-fit:cover; border-radius:8px; top:85px; left:calc(50% - 71px); box-shadow:0 16px 24px #0007; transition:transform 400ms cubic-bezier(.2,.8,.2,1); }
.pm-showcase .pm-card--0 { transform:translateX(-100px) rotate(-17deg); }
.pm-showcase .pm-card--1 { transform:translateX(99px) rotate(17deg); }
.pm-showcase .pm-collector-card { position:absolute; top:49px; left:calc(50% - 90px); width:180px; height:252px; padding:18px; box-sizing:border-box; display:flex; flex-direction:column; border:1px solid #e9dbab; border-radius:12px; background:linear-gradient(145deg,#eff1cf 0%,#b8d9cd 24%,#d4c3df 57%,#ead29d 100%); color:#34332e; transform:rotate(-5deg); box-shadow:0 18px 30px #0008,inset 0 0 0 5px #ffffff30,inset 0 0 0 6px #39392c30; overflow:hidden; transition:transform 400ms cubic-bezier(.2,.8,.2,1); }
.pm-showcase .pm-collector-card::after { content:""; position:absolute; inset:-50%; background:linear-gradient(115deg,transparent 40%,#fff5 48%,transparent 56%); transform:translateX(-50%); transition:transform 650ms ease; pointer-events:none; }
.pm-showcase .pm-card-brand { font:800 8px/1.5 var(--sans); letter-spacing:.17em; }
.pm-showcase .pm-card-star { font-size:53px; line-height:1; margin-top:20px; color:#595546; text-shadow:1px 1px #fff8; }
.pm-showcase .pm-card-title { font:650 27px/1.05 var(--display,var(--sans)); letter-spacing:-.05em; margin-top:12px; }
.pm-showcase .pm-card-footer { margin-top:auto; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #34332e45; padding-top:10px; font:750 7px/1.3 var(--sans); letter-spacing:.1em; }
.pm-showcase .pm-card-footer>span { font-size:17px; }
.pm-showcase .pm-display-caption { position:absolute; bottom:32px; left:0; right:0; text-align:center; color:#c9bea7; font:400 11px/1.5 var(--sans); letter-spacing:.03em; }
.pm-showcase .pm-tools { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; list-style:none; margin:0 28px; padding:23px 14px 27px; border-top:1px solid #e1cf9d26; }
.pm-showcase .pm-tool { display:flex; align-items:flex-start; gap:10px; min-width:0; color:#eee6d9; }
.pm-showcase .pm-tool svg { width:23px; height:23px; flex:none; margin-top:2px; color:var(--pm-gold); }
.pm-showcase .pm-tool strong { display:block; font:650 12px/1.6 var(--sans); }
.pm-showcase .pm-tool small { display:block; color:var(--pm-muted); font:400 10px/1.6 var(--sans); margin-top:3px; }
.pm-showcase .pm-tool--watchlist svg { color:#d1b8e5; }
.pm-showcase .pm-tool--scanner svg { color:#a0d9cc; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .pm-showcase .pm-invitation:hover .pm-card--0,.pm-showcase .pm-invitation:focus-within .pm-card--0 { transform:translate(-109px,-4px) rotate(-20deg); }
  .pm-showcase .pm-invitation:hover .pm-card--1,.pm-showcase .pm-invitation:focus-within .pm-card--1 { transform:translate(108px,-4px) rotate(20deg); }
  .pm-showcase .pm-invitation:hover .pm-collector-card,.pm-showcase .pm-invitation:focus-within .pm-collector-card { transform:translateY(-5px) rotate(-2deg); }
  .pm-showcase .pm-invitation:hover .pm-collector-card::after,.pm-showcase .pm-invitation:focus-within .pm-collector-card::after { transform:translateX(50%); }
  .pm-showcase .pm-primary:hover svg { transform:translateX(4px); }
  .pm-showcase .pm-primary:active { transform:translateY(3px); box-shadow:inset 0 1px 0 #fff8,0 1px 0 #775f36; }
}
@media(max-width:980px) {
  .pm-showcase .pm-copy { padding-left:30px; }
  .pm-showcase h2 { font-size:36px; }
  .pm-showcase .pm-card { width:119px; left:calc(50% - 59px); top:100px; }
  .pm-showcase .pm-card--0 { transform:translateX(-78px) rotate(-17deg); }
  .pm-showcase .pm-card--1 { transform:translateX(78px) rotate(17deg); }
  .pm-showcase .pm-tools { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:18px; }
}
@media(max-width:650px) {
  .pm-showcase { margin-block:30px; }
  .pm-showcase .pm-invitation { grid-template-columns:1fr; border-radius:18px; }
  .pm-showcase .pm-copy { padding:30px 25px 0; }
  .pm-showcase .pm-kicker { font-size:8px; margin-bottom:16px; }
  .pm-showcase h2 { font-size:clamp(30px,8.4vw,43px); }
  .pm-showcase .pm-intro { font-size:13px; margin:16px 0 22px; }
  .pm-showcase .pm-primary { width:100%; box-sizing:border-box; }
  .pm-showcase .pm-note { align-self:center; }
  .pm-showcase .pm-display { min-height:290px; margin-top:12px; }
  .pm-showcase .pm-collector-card { top:22px; width:152px; height:213px; left:calc(50% - 76px); padding:16px; }
  .pm-showcase .pm-card { top:57px; width:116px; left:calc(50% - 58px); }
  .pm-showcase .pm-card-star { font-size:38px; margin-top:14px; }
  .pm-showcase .pm-card-title { font-size:25px; margin-top:10px; }
  .pm-showcase .pm-card-brand { font-size:7px; }
  .pm-showcase .pm-card-footer { font-size:6px; }
  .pm-showcase .pm-orbit { width:250px; height:250px; top:8px; }
  .pm-showcase .pm-display-caption { bottom:15px; font-size:10px; }
  .pm-showcase .pm-tools { margin-inline:24px; padding:20px 0 26px; gap:18px 12px; }
  .pm-showcase .pm-tool { gap:8px; }
  .pm-showcase .pm-tool svg { width:20px; height:20px; }
  .pm-showcase .pm-tool strong { font-size:11px; }
  .pm-showcase .pm-tool small { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .pm-showcase *, .pm-showcase *::after { transition:none!important; }
}
/* Keep the card fan inside the composition at intermediate widths. */
@media(min-width:651px) and (max-width:980px) {
  .pm-showcase .pm-card--0 { transform:translateX(-65px) rotate(-17deg); }
  .pm-showcase .pm-card--1 { transform:translateX(65px) rotate(17deg); }
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) and (max-width:980px) {
  .pm-showcase .pm-invitation:hover .pm-card--0,.pm-showcase .pm-invitation:focus-within .pm-card--0 { transform:translate(-70px,-4px) rotate(-19deg); }
  .pm-showcase .pm-invitation:hover .pm-card--1,.pm-showcase .pm-invitation:focus-within .pm-card--1 { transform:translate(70px,-4px) rotate(19deg); }
}
@media(max-width:360px) {
  .pm-showcase .pm-card--0 { transform:translateX(-46px) rotate(-14deg)!important; }
  .pm-showcase .pm-card--1 { transform:translateX(46px) rotate(14deg)!important; }
  .pm-showcase .pm-copy { padding-inline:20px; }
  .pm-showcase .pm-tools { margin-inline:20px; }
}