/* Five tiers: three established collections followed by the two preview collections. */
#case-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
#case-grid .case-card{grid-column:span 2}
#case-grid .case-card.is-premium-tier,#case-grid .skeleton-card:nth-of-type(n+4){grid-column:span 3}
#case-grid .skeleton-card:nth-of-type(n+4){min-height:294px}
#case-grid .case-card.is-premium-tier{
  --premium:#b7e9fa;
  display:grid;grid-template-columns:52% minmax(0,1fr);grid-template-rows:auto 86px 28px auto auto;
  min-height:294px;padding:18px 18px 13px;gap:9px 0;
  border-color:color-mix(in srgb,var(--premium) 57%,#1d3147);
  background:radial-gradient(ellipse at 25% 42%,color-mix(in srgb,var(--premium) 22%,transparent),transparent 62%),linear-gradient(125deg,#152f40,#0c1728 75%);
  box-shadow:inset 0 1px #e3f5ff3b,0 0 24px color-mix(in srgb,var(--premium) 9%,transparent);
}
#case-grid .case-card[data-tier=platinum]{--premium:#bcbbff}
#case-grid .case-card[data-tier=diamond]{--premium:#73efff;background:radial-gradient(ellipse at 25% 45%,#4ddcff30,transparent 60%),radial-gradient(ellipse at 95% 4%,#917aff22,transparent 65%),linear-gradient(125deg,#113047,#08172c 75%)}
#case-grid .is-premium-tier .case-card-top{grid-column:1/-1;grid-row:1;color:#bbd6e6}
#case-grid .is-premium-tier .case-card-price{font-size:28px;color:#effaff}
#case-grid .is-premium-tier .case-art{grid-column:1;grid-row:2/4;width:100%;height:137px;align-self:center;overflow:visible}
#case-grid .is-premium-tier .case-preview-image{width:100%;max-width:100%;height:156px;object-fit:contain;transform:none;filter:drop-shadow(0 8px 14px #0008);transition:transform 340ms var(--surface-ease)}
#case-grid .is-premium-tier:hover .case-preview-image{transform:translateY(-4px) rotate(-2deg)}
#case-grid .is-premium-tier .case-copy{grid-column:2;grid-row:2;align-self:end;padding:0 0 7px 12px}
#case-grid .is-premium-tier .case-copy>strong{font-size:clamp(28px,3vw,40px);color:#e6f6ff;text-shadow:0 0 25px color-mix(in srgb,var(--premium) 25%,transparent)}
#case-grid .is-premium-tier .case-copy>span{font-size:11px;color:#a4c4d7}
#case-grid .case-preview-badge{grid-column:2;grid-row:3;padding-left:12px;align-self:start;position:relative;z-index:1;font-size:10px;color:#b7d1e1;letter-spacing:.02em}
#case-grid .case-best-prizes{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 7px;position:relative;z-index:1;border-top:1px solid color-mix(in srgb,var(--premium) 22%,transparent);padding-top:12px;margin-top:4px}
#case-grid .case-best-prizes>small{grid-column:1/-1;font-size:9px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;color:var(--premium);display:flex;align-items:center;gap:7px}
#case-grid .case-best-prizes>small::before{content:'';width:5px;height:5px;background:var(--premium);transform:rotate(45deg);box-shadow:0 0 9px var(--premium)}
#case-grid .case-best-prizes>small>span{font-weight:400;font-size:8px;color:#829eb0;letter-spacing:0;text-transform:none}
#case-grid .case-best-prize{display:flex;align-items:center;gap:7px;min-width:0}
#case-grid .case-best-prize-art{display:grid;place-items:center;flex:none;width:31px;height:35px}
#case-grid .case-best-prize-art .atlas-art{height:36px;width:22px;margin:0}
#case-grid .case-best-prize-art .atlas-digital{width:29px}
#case-grid .case-best-prize-art .atlas-stock{width:23px}
#case-grid .case-best-prize-art .upcoming-art{width:34px;height:34px}
#case-grid .case-best-prize>span:last-child{min-width:0}
#case-grid .case-best-prize strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:500;color:#b2cbdb;line-height:1.4}
#case-grid .case-best-prize b{display:block;font-size:12px;color:#e0f4ff;line-height:1.4}
#case-grid .is-premium-tier .case-card-bottom{grid-column:1/-1;grid-row:5;margin-top:4px;font-size:9px;color:#849faf}
#case-grid .is-premium-tier:is(.active,[aria-pressed=true]){border-color:var(--premium);box-shadow:inset 0 1px #fff8,0 0 26px color-mix(in srgb,var(--premium) 25%,transparent)}
#case-grid .is-premium-tier:is(.active,[aria-pressed=true])::after{background:linear-gradient(90deg,transparent,var(--premium),transparent);box-shadow:0 0 16px var(--premium)}
.case-showroom[data-tier=platinum]::before{content:'PLATINUM';font-size:clamp(92px,11.8vw,160px)}
.case-showroom[data-tier=diamond]::before{content:'DIAMOND';font-size:clamp(100px,12.5vw,170px)}
.case-workspace[data-tier=platinum]{border-color:#9596cc80;box-shadow:0 0 35px #b3a4ff15}
.case-workspace[data-tier=diamond]{border-color:#73eaff80;box-shadow:0 0 38px #41dcff20}
.case-detail[data-preview-only=true] .opening-note{color:#9fc3d6}
.case-detail[data-preview-only=true] .case-preview-label{color:#a8dcf4}
@media(max-width:600px){
  #case-grid .skeleton-card:nth-of-type(n+4){min-height:246px}
  #case-grid .case-card.is-premium-tier{grid-template-columns:1fr;grid-template-rows:auto 108px auto auto auto;min-height:246px;padding:12px 10px;gap:4px}
  #case-grid .is-premium-tier .case-card-top{grid-column:1;grid-row:1;font-size:7px}
  #case-grid .is-premium-tier .case-card-price{font-size:24px}
  #case-grid .is-premium-tier .case-art{grid-column:1;grid-row:2;height:108px}
  #case-grid .is-premium-tier .case-preview-image{height:127px}
  #case-grid .is-premium-tier .case-copy{grid-column:1;grid-row:3;padding:0;align-self:center}
  #case-grid .is-premium-tier .case-copy>strong{font-size:29px;margin:0 0 4px}
  #case-grid .is-premium-tier .case-copy>span{display:none}
  #case-grid .case-preview-badge{grid-column:1;grid-row:4;padding:0;font-size:9px;line-height:1.5}
  #case-grid .case-best-prizes{grid-column:1;grid-row:5;display:grid;grid-template-columns:1fr;gap:7px;padding-top:9px;margin-top:6px}
  #case-grid .case-best-prizes>small{font-size:8px;letter-spacing:.06em;flex-wrap:wrap;gap:4px}
  #case-grid .case-best-prizes>small>span{display:block;font-size:8px}
  #case-grid .case-best-prize{display:none}
  #case-grid .case-best-prize:nth-of-type(1){display:flex}
  #case-grid .case-best-prize strong{font-size:9px}
  #case-grid .case-best-prize-art{width:25px;height:29px}
  #case-grid .case-best-prize-art .atlas-art{width:24px;height:30px}
  #case-grid .is-premium-tier .case-card-bottom{display:none}
  .case-showroom:is([data-tier=platinum],[data-tier=diamond])::before{font-size:clamp(68px,17vw,106px)}
}
@media(prefers-reduced-motion:reduce){#case-grid .is-premium-tier .case-preview-image{transition:none}#case-grid .is-premium-tier:hover .case-preview-image{transform:none}}