/* Lead Page 2 — panoramic transparent trio + layered horizontal scroll */
.lead-section{overflow:hidden}
.lead-grid{position:relative;isolation:isolate;display:flex!important;align-items:stretch;gap:18px;width:min(1420px,100%);margin:auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:0;scroll-padding-right:24px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;padding:2px 0 18px;scrollbar-width:thin;scrollbar-color:rgba(242,183,53,.64) rgba(255,255,255,.05)}
.lead-grid::-webkit-scrollbar{height:8px}.lead-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:999px}.lead-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#f2b735,#9b4dff);border-radius:999px}
.lead-card{position:relative;z-index:auto;flex:0 0 min(560px,82vw);scroll-snap-align:start;scroll-snap-stop:always}
.lead-card .lead-frame{position:relative;z-index:2}
.lead-card .lead-copy{position:relative;z-index:8;background:#100c13}
/* First card is part of the panorama: no framed black shell and no forced portrait spacer below the turnaround art. */
.lead-card:first-of-type{background:transparent;box-shadow:none}
.lead-card:first-of-type .lead-frame{aspect-ratio:auto;display:block;background:transparent;overflow:visible}
.lead-card:first-of-type .lead-frame img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;background:transparent}
.lead-card:first-of-type .lead-copy{background:transparent}
/* No reserved left gutter: the trio is a zero-width foreground layer that bleeds naturally off-canvas. */
.lead-trio-layer{order:-1;position:sticky;left:0;z-index:5;flex:0 0 0;width:0;min-width:0;align-self:stretch;display:grid;place-items:center;margin:0;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;background:transparent;pointer-events:none;overflow:visible}
.lead-trio-layer .lead-frame--transparent{width:0;height:100%;min-height:100%;aspect-ratio:auto;display:grid;place-items:center;overflow:visible;background:transparent}
.lead-trio-layer .lead-frame--transparent img{width:200px;height:auto;max-width:none;max-height:95%;object-fit:contain;object-position:center;background:transparent;filter:drop-shadow(0 24px 34px rgba(0,0,0,.42));transform-origin:center}
/* Desktop: exact user-approved mover values — x 65px, y 254px, scale 1.60. */
@media(min-width:981px){.lead-trio-layer .lead-frame--transparent img{transform:translate(var(--cas-frame-x,65px),var(--cas-frame-y,254px)) scale(var(--cas-frame-scale,1.60))}.lead-card:first-of-type .lead-copy{padding-left:clamp(118px,9vw,150px)}}
@media(max-width:980px){.lead-grid{scroll-padding-left:0}.lead-card{flex-basis:min(520px,84vw)}.lead-trio-layer{flex-basis:0;width:0;margin:0}.lead-trio-layer .lead-frame--transparent img{width:180px;max-width:none;transform:translate(-105px,150px) scale(1.55)}.lead-card:first-of-type .lead-copy{padding-left:96px}}
/* iPhone: compact cards, no sticky foreground crossover, no giant empty art wells. */
@media(max-width:640px){
  .lead-grid{align-items:flex-start;gap:14px;padding-bottom:14px;scroll-padding-left:6vw;scroll-padding-right:6vw}
  .lead-card{flex-basis:88vw;align-self:flex-start;scroll-snap-align:center}
  .lead-card .lead-frame{aspect-ratio:auto;height:210px;min-height:210px;display:grid;place-items:center;overflow:hidden}
  .lead-card .lead-frame>div{font-size:clamp(2.8rem,17vw,4.8rem)!important;line-height:.9;text-align:center;padding-inline:12px}
  .lead-card .lead-frame img{width:100%;height:100%;max-height:210px;object-fit:contain;object-position:center}
  .lead-card .lead-copy{padding:16px 16px 18px}
  .lead-card:first-of-type .lead-frame{height:210px;min-height:210px;display:grid;place-items:center;overflow:hidden;background:transparent}
  .lead-card:first-of-type .lead-frame img{width:100%;height:100%;max-height:210px;object-fit:contain;object-position:center}
  .lead-card:first-of-type .lead-copy{padding-left:16px}
  .lead-trio-layer{display:none!important}
}