.tier-card{aspect-ratio:85.6/54;border-radius:var(--radius-card);background:linear-gradient(115deg, transparent 38%, color-mix(in oklab, var(--f-hi) 55%, transparent) 50%, transparent 62%), linear-gradient(145deg, var(--f-hi) -20%, var(--f-base) 38%, var(--f-lo) 110%);width:min(100%,300px);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--f-hi) 45%, transparent);color:color-mix(in oklab, var(--f-lo) 70%, var(--f-base));position:relative;overflow:hidden}.finish-graphite.tier-card,.finish-blue.tier-card{color:color-mix(in oklab, var(--f-hi) 70%, var(--f-base))}.tier-mark{width:11%;height:auto;position:absolute;top:11%;left:7%}.tier-name{letter-spacing:.02em;font-size:clamp(15px,1.4vw,19px);font-weight:600;position:absolute;bottom:10%;left:7%}@keyframes tier-rise{0%{opacity:0;transform:perspective(900px)rotateX(38deg)translateY(18%)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.tier-card{animation:linear both tier-rise;animation-timeline:view();animation-range:entry calc(var(--k) * 8%) cover calc(30% + var(--k) * 8%)}}}@keyframes stage-lit{0%{opacity:.16}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.stage-line{view-timeline-name:--stages}.stage-word{animation:linear both stage-lit;animation-timeline:--stages;animation-range:cover calc(18% + var(--k) * 11%) cover calc(26% + var(--k) * 11%)}}}