/* Stage 7R8: actual full-art homepage collectible cards, never edit original photos */
.demo-grid{align-items:start!important;gap:18px!important}
.asm-r8-shell{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;display:flex;flex-direction:column;gap:9px;min-width:0;transform:none!important}
.asm-r8-shell:after{display:none!important}
.asm-r8-card{--fx:50%;--fy:50%;--rx:0deg;--ry:0deg;display:block;position:relative;isolation:isolate;aspect-ratio: .71;overflow:hidden;border:4px solid transparent;border-radius:19px;text-decoration:none;color:white;background:linear-gradient(#101519,#101519) padding-box,linear-gradient(135deg,var(--c1),var(--c2) 40%,#fff6d2 56%,var(--c3) 83%,var(--c1)) border-box;box-shadow:0 16px 35px #000b,0 0 21px color-mix(in srgb,var(--c1) 25%,transparent);transform:perspective(950px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .23s,box-shadow .23s;touch-action:pan-y}
.asm-r8-card:after{content:'';position:absolute;inset:0;z-index:7;pointer-events:none;background:radial-gradient(circle at var(--fx) var(--fy),#ffffff9c,transparent 33%),linear-gradient(125deg,transparent 27%,#9df8ff4d 47%,#ffa5f74d 53%,transparent 72%);mix-blend-mode:screen;opacity:.055;transition:opacity .2s}
.asm-r8-card.foil-active:after{opacity:.62}
.asm-r8-inner{position:absolute;inset:4px;border-radius:13px;overflow:hidden;background:#0a1012}
.asm-r8-photo{position:absolute;inset:0 0 33% 0;background:#080e11;overflow:hidden}
.asm-r8-photo img{width:100%;height:100%;display:block;object-fit:contain!important;filter:none!important;transform:none!important}
.asm-r8-head{position:absolute;top:8px;left:9px;right:9px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:5px;color:white;text-shadow:0 2px 5px #000;font-size:clamp(8px,1.5vw,11px);font-weight:900}
.asm-r8-brand{background:#081012bf;border:1px solid #ffffff48;border-radius:5px;padding:5px 6px;font-style:italic;white-space:nowrap}.asm-r8-brand em{color:#6cf5dc;font-style:inherit}
.asm-r8-number{background:#081012c9;border:1px solid #ffffff48;border-radius:5px;padding:5px 6px;letter-spacing:.08em}
.asm-r8-art{position:absolute;bottom:0;left:0;right:0;height:33%;padding:8px 10px 9px;display:flex;flex-direction:column;justify-content:flex-start;z-index:3;overflow:hidden;background:linear-gradient(145deg,var(--dark),#101215 88%);border-top:2px solid var(--c1)}
.asm-r8-art:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 96% 10%,var(--c2),transparent 56%),repeating-linear-gradient(165deg,transparent 0 12px,#ffffff13 13px 14px,transparent 15px 27px);opacity:.5}
.asm-r8-strokes{position:absolute;right:-13%;top:-14%;width:70%;height:70%;transform:rotate(-18deg);opacity:.65;background:linear-gradient(transparent 5%,var(--c1) 7% 13%,transparent 15% 31%,var(--c2) 33% 41%,transparent 43% 64%,var(--c3) 66% 71%,transparent 74%);clip-path:polygon(0 12%,100% 0,88% 92%,9% 100%)}
.asm-r8-year,.asm-r8-make,.asm-r8-model,.asm-r8-owner{position:relative;z-index:2}
.asm-r8-year{font-size:clamp(13px,2.3vw,23px);font-weight:1000;font-style:italic;color:var(--c1);line-height:1}
.asm-r8-make{font-size:clamp(8px,1.4vw,11px);font-weight:850;letter-spacing:.15em;text-transform:uppercase;margin-top:3px}
.asm-r8-model{font-family:Impact,'Arial Narrow',system-ui,sans-serif;font-size:clamp(22px,4vw,49px);font-style:italic;font-weight:1000;letter-spacing:-.045em;text-transform:uppercase;line-height:1;overflow-wrap:anywhere;text-shadow:2px 3px 0 #000c;margin:2px 0}
.asm-r8-owner{margin-top:auto;padding-top:6px;border-top:1px solid #ffffff70;display:flex;gap:5px 8px;align-items:baseline;flex-wrap:wrap;font-size:clamp(9px,1.5vw,12px);line-height:1.1;overflow-wrap:anywhere}
.asm-r8-owner span{color:#c4d2d2;font-size:.8em;letter-spacing:.13em}.asm-r8-owner strong{color:white;font-weight:900}
.asm-r8-actions{padding:0 3px 10px}.asm-r8-actions .demo-actions{display:flex;flex-direction:column;gap:7px}.asm-r8-actions .btn{width:100%}.asm-r8-actions .demo-vehicle-link{align-self:flex-start}
.art-0{--c1:#ff6ab8;--c2:#65f1e3;--c3:#e8a3ff;--dark:#491c3a}.art-1{--c1:#7de4ff;--c2:#b98bff;--c3:#c6fbff;--dark:#26234e}.art-2{--c1:#ff8174;--c2:#f9e6cd;--c3:#e94d4d;--dark:#4b1b23}.art-3{--c1:#ffcc86;--c2:#83a88a;--c3:#fff1b2;--dark:#3a4435}
.art-1 .asm-r8-strokes{transform:rotate(21deg);border-radius:40%}.art-2 .asm-r8-strokes{transform:rotate(-36deg);clip-path:polygon(0 0,100% 12%,80% 100%,20% 85%)}.art-3 .asm-r8-strokes{transform:rotate(8deg);opacity:.45}
@media(max-width:720px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.asm-r8-card{border-width:3px;border-radius:13px}.asm-r8-inner{inset:2px;border-radius:9px}.asm-r8-art{padding:6px 7px 7px;height:36%}.asm-r8-photo{bottom:36%}.asm-r8-model{font-size:clamp(21px,5.6vw,33px)}.asm-r8-year{font-size:clamp(13px,3.4vw,19px)}.asm-r8-owner{font-size:clamp(8px,2.2vw,11px);padding-top:4px}.asm-r8-head{left:5px;right:5px;top:5px;font-size:8px}.asm-r8-brand,.asm-r8-number{padding:4px}.asm-r8-actions .btn{font-size:11px;padding:10px 5px}}
@media(max-width:355px){.demo-grid{grid-template-columns:1fr!important}.asm-r8-model{font-size:35px}}
@media(prefers-reduced-motion:reduce){.asm-r8-card{transition:none!important;transform:none!important}}

/* R7R9: edge-to-edge original vehicle photos; no letterboxing */
.asm-r8-photo img{object-fit:cover!important;object-position:center center!important;}

/* Stage 7R11: display-only framing correction for founding demo Skyline #000003.
   Higher object-position crops excess wall above the car while retaining full-bleed cover.
   Owner-saved crop settings for registered vehicles remain authoritative. */
.asm-r8-shell:has(a[href="/v/000003/"]) .asm-r8-photo img {
  object-position: center 82% !important;
}

.skyline-demo-framing .asm-r8-photo img { object-position: center 82% !important; }