.s2-case{padding:calc(var(--x-gap-stage) * .75) 0 var(--x-gap-stage)}.s2-case__shell{width:var(--x-content);margin-inline:auto}.s2-case__arrow.x-arrow{flex:none;margin:0;animation:none;position:static}.s2-case__arrow--back.x-arrow{rotate:180deg}html[data-motion=on] :is(.s2-case__back,.s2-case__nav a):is(:hover,:focus-visible) .s2-case__arrow{animation:.6s steps(2,end) infinite x-arrow-pulse}.s2-case__back{align-items:center;gap:calc(3 * var(--x-px));min-height:44px;margin-bottom:calc(10 * var(--x-px));color:var(--x-fog);font-family:var(--x-font-human);font-size:var(--x-text-button);transition:color var(--x-dur-hud) steps(2, end);font-weight:500;text-decoration:none;display:inline-flex}.s2-case__back:hover,.s2-case__back:focus-visible{color:var(--x-pearl)}.s2-case__hero{gap:calc(10 * var(--x-px));margin-bottom:calc(var(--x-gap-stage) / 2);align-items:center;display:grid}.s2-case__copy{gap:calc(5 * var(--x-px));min-width:0;display:grid}.s2-case__mission{align-items:center;gap:calc(2 * var(--x-px));display:inline-flex}.s2-case__mission[data-status=in-progress]{color:var(--x-magenta-200)}.s2-case__title{max-width:14ch}.s2-case__summary{max-width:44ch;color:var(--x-fog)}.s2-case__stack{align-items:baseline;gap:calc(1 * var(--x-px)) calc(4 * var(--x-px));flex-wrap:wrap;margin:0;display:flex}.s2-case__stack dd{margin:0}.s2-case__cover{margin:calc(2 * var(--x-px))}.s2-case__object .x-media__clip{place-items:center;display:grid}.s2-case__object .x-media__clip img{object-fit:contain;width:min(52%,15rem);height:auto;scale:1}.s2-brief{border-bottom:2px dashed var(--x-ice-600);display:grid}.s2-brief__block{gap:calc(4 * var(--x-px)) calc(8 * var(--x-px));padding-block:calc(8 * var(--x-px));border-top:2px dashed var(--x-ice-600);grid-template-columns:minmax(8rem,15rem) minmax(0,1fr);align-items:baseline;display:grid}.s2-brief__block>h2{margin:0}.s2-brief__content{gap:calc(6 * var(--x-px));min-width:0;display:grid}.s2-brief__modules{gap:calc(5 * var(--x-px));margin:0;padding:0;list-style:none;display:grid}.s2-brief__modules li{gap:calc(1 * var(--x-px)) calc(4 * var(--x-px));grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.s2-brief__modules li>.x-body{grid-column:2}.s2-brief__module{color:var(--x-pearl);font-family:var(--x-font-human);font-size:var(--x-text-lead);letter-spacing:-.012em;margin:0;font-weight:600;line-height:1.2}.s2-brief__progress{color:var(--x-magenta-200)}.s2-outcome{gap:calc(8 * var(--x-px));grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.s2-outcome>div{gap:calc(2 * var(--x-px));align-content:start;display:grid}.s2-outcome dt{font-family:var(--x-font-hud);font-variant-numeric:tabular-nums;text-shadow:.04em .04em 0 var(--x-magenta), .08em .08em 0 rgb(var(--x-magenta-rgb) / .3)}.s2-outcome dd{margin:0}.s2-gallery{gap:calc(10 * var(--x-px)) calc(8 * var(--x-px));margin-block:calc(var(--x-gap-stage) / 2);padding-inline:calc(2 * var(--x-px));grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));align-items:start;display:grid}.s2-gallery__shot{gap:calc(4 * var(--x-px));min-width:0;display:grid}.s2-gallery__shot[data-tall]{justify-self:center;width:100%;max-width:24rem}.s2-gallery__shot .x-media{margin:0}.s2-gallery__caption{color:var(--x-fog)}.s2-case__actions{gap:calc(4 * var(--x-px));margin-top:calc(var(--x-gap-stage) / 2);flex-wrap:wrap;display:flex}.s2-case__nav{justify-content:space-between;gap:calc(6 * var(--x-px));margin-top:calc(var(--x-gap-stage) / 2);padding-top:calc(6 * var(--x-px));border-top:2px dashed var(--x-ice-600);display:flex}.s2-case__nav a{gap:0 calc(3 * var(--x-px));min-height:44px;color:var(--x-fog);grid-template-columns:auto auto;align-items:center;text-decoration:none;display:grid}.s2-case__nav a .x-small{transition:color var(--x-dur-hud) steps(2, end);grid-column:2}.s2-case__nav a[data-dir=next]{text-align:right}.s2-case__nav a[data-dir=next] .x-arrow{grid-area:1/2}.s2-case__nav a[data-dir=next] .x-small{grid-column:1}.s2-case__nav a .x-hud{transition:color var(--x-dur-hud) steps(2, end)}.s2-case__nav a:is(:hover,:focus-visible) :is(.x-hud,.x-small){color:var(--x-pearl)}@media (min-width:900px){.s2-case__hero{gap:calc(16 * var(--x-px));grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}@media (max-width:699px){.s2-brief__block{grid-template-columns:minmax(0,1fr)}.s2-outcome{gap:calc(6 * var(--x-px));grid-template-columns:minmax(0,1fr)}.s2-case__nav a .x-small{display:none}}html[data-motion=off] :is(.s2-case__back,.s2-case__nav a *){transition:none}
