.d2 .d2-shot{margin:0}.d2 .d2-shot-frame{border:1px solid hsl(var(--site-line));background:hsl(var(--site-surface));box-shadow:0 1px 2px hsl(var(--site-ink) / .05), 0 32px 64px -36px hsl(var(--d2-ob) / .5);border-radius:12px;overflow:hidden}.d2 .d2-shot-frame img{width:100%;height:auto;display:block}.d2 .d2-shot figcaption{max-width:60ch;color:hsl(var(--site-ink-3));margin-top:14px;font-size:14px;line-height:1.5}.d2 .d2-sec.d2-shot-sec{padding:56px 0 72px}@media (max-width:820px){.d2 .d2-sec.d2-shot-sec{padding:40px 0 56px}.d2 .d2-shot-frame[data-window]{aspect-ratio:var(--d2-shot-ar,5 / 4)}.d2 .d2-shot-frame[data-window] img{max-width:none;width:calc(100% / var(--d2-shot-w));margin-left:calc(-100% * var(--d2-shot-l) / var(--d2-shot-w))}}.d2 .d2-hero-shot{grid-area:1/8/auto/13;align-self:center;min-width:0;margin:0 0 48px}.d2 .d2-hero-shot .d2-shot-frame{border-right:0;border-radius:12px 0 0 12px;width:1100px}.d2 .d2-hero-shot figcaption{max-width:36ch}@media (max-width:820px){.d2 .d2-hero-shot{margin:24px calc(-1 * var(--d2-pad)) 32px 0}.d2 .d2-hero-shot .d2-shot-frame{width:170%}.d2 .d2-hero-shot figcaption{padding-right:var(--d2-pad)}}.d2 .d2-how-shot{align-self:center;width:300px}.d2 .d2-how-shot .d2-shot-frame{box-shadow:0 1px 2px hsl(var(--site-ink) / .05), 0 20px 40px -28px hsl(var(--d2-ob) / .5);border-radius:8px}@media (max-width:1100px){.d2 .d2-how-shot{width:220px}}@media (max-width:820px){.d2 .d2-how-shot{grid-column:2/-1;width:100%;max-width:420px;margin-top:20px}}