.deck{--deck-gutter:var(--shell-inset);border-top:var(--layout-hairline) solid var(--border-subtle);border-bottom:var(--layout-hairline) solid var(--border-subtle);grid-template-columns:minmax(0,1fr);display:grid}.deck[data-bleed=true]{margin-inline:calc(-1 * var(--shell-inset))}.deck-plate{min-width:0;margin:var(--deck-gutter) var(--deck-gutter) 0}.deck-shot{border-radius:var(--radius-xl);background-color:var(--bg-inset);overflow:hidden}.deck-shot>img{width:100%;height:auto;display:block}.deck-copy{min-width:0;padding:var(--space-md) var(--shell-inset) var(--space-xl);border-bottom:var(--layout-hairline) solid var(--border-subtle)}.deck-copy:last-child{border-bottom:0}.deck-title{text-wrap:balance}.deck-body{max-width:29em}@media (min-width:992px){.deck{--deck-top:calc(var(--layout-nav-height) + var(--space-xl));--deck-step:72vh;--deck-ratio:1.5;--deck-plate-w:min(100cqw * 2 / 3 - 2 * var(--deck-gutter), (100vh - var(--deck-top) - var(--space-xl) - (var(--deck-n) - 1) * var(--space-sm)) * var(--deck-ratio));grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-rows:repeat(var(--deck-n), minmax(var(--deck-step), auto));container-type:inline-size}@supports (height:1svh){.deck{--deck-step:72svh;--deck-plate-w:min(100cqw * 2 / 3 - 2 * var(--deck-gutter), (100svh - var(--deck-top) - var(--space-xl) - (var(--deck-n) - 1) * var(--space-sm)) * var(--deck-ratio))}}.deck-copy{grid-column:1;grid-row:var(--row);padding:var(--space-2xl) var(--space-xl) var(--space-2xl) var(--shell-inset);border-right:var(--layout-hairline) solid var(--border-subtle)}.deck-copy:last-child{border-bottom:0}.deck-copy-in{top:calc(var(--deck-top) + var(--i) * var(--space-sm));position:sticky}.deck-copy:last-child .deck-copy-in{min-height:calc(var(--deck-plate-w) / var(--deck-ratio))}.deck-copy:last-child{padding-bottom:0}.deck-plate{top:calc(var(--deck-top) + var(--i) * var(--space-sm));width:var(--deck-plate-w);margin:calc(var(--space-2xl) + var(--i) * var(--deck-step)) auto 0;grid-area:1/2/-1;align-self:start;position:sticky}.deck-plate:has(:focus-visible){z-index:1}}@keyframes deck-recede{to{scale:.95}}@supports (animation-timeline:view()) and (timeline-scope:--deck){@media (prefers-reduced-motion:no-preference) and (min-width:992px){.deck{timeline-scope:--deck-r2, --deck-r3, --deck-r4, --deck-r5}.deck-copy:nth-child(2 of .deck-copy){view-timeline:--deck-r2 block}.deck-copy:nth-child(3 of .deck-copy){view-timeline:--deck-r3 block}.deck-copy:nth-child(4 of .deck-copy){view-timeline:--deck-r4 block}.deck-copy:nth-child(5 of .deck-copy){view-timeline:--deck-r5 block}.deck-plate,.deck-plate>*{transform-origin:50% 0;animation:linear both deck-recede;animation-range:cover 20% cover 54%}.deck-plate:nth-child(1 of .deck-plate)>*{animation-timeline:--deck-r2}.deck-plate:nth-child(2 of .deck-plate)>*{animation-timeline:--deck-r3}.deck-plate:nth-child(3 of .deck-plate)>*{animation-timeline:--deck-r4}.deck-plate:nth-child(4 of .deck-plate)>*{animation-timeline:--deck-r5}.deck-plate:nth-child(1 of .deck-plate){animation-timeline:--deck-r3}.deck-plate:nth-child(2 of .deck-plate){animation-timeline:--deck-r4}.deck-plate:nth-child(3 of .deck-plate){animation-timeline:--deck-r5}:is(.deck-plate:nth-last-child(1 of .deck-plate),.deck-plate:nth-last-child(1 of .deck-plate)>*,.deck-plate:nth-last-child(2 of .deck-plate)){animation:none}}}
