.d2 .d2-nowrap{white-space:nowrap}@media (max-width:820px){.d2 .d2-phero[data-size] .d2-phero-grid{position:relative}.d2 .d2-phero[data-size] .d2-phero-media{top:16px;right:var(--d2-pad);width:72px;max-width:72px;position:absolute}.d2 .d2-phero-copy>:first-child{min-height:72px;padding-right:84px}}.d2 .d2-phero .d2-eyebrow{flex-wrap:wrap;row-gap:6px}.d2 .d2-phero .d2-eyebrow .d2-dot{white-space:nowrap}@media (max-width:820px){.d2 .d2-phero :is(.d2-actions,.d2-phero-slot) :is(a,button){white-space:normal;text-align:center;height:auto}}.d2 .d2-phero[data-tone=obsidian]{color:hsl(var(--d2-ob-ink));background:radial-gradient(ellipse 520px 420px at max(80%, calc(50% + 440px)) 52%, hsl(var(--d2-glow) / .32), transparent 70%), hsl(var(--d2-ob));border-bottom-color:#0000}.d2 .d2-phero[data-tone=obsidian] :is(.d2-phero-h,.d2-phero-h *){color:hsl(var(--d2-ob-ink))}.d2 .d2-phero[data-tone=obsidian] .d2-eyebrow{color:hsl(var(--d2-acc))}.d2 .d2-phero[data-tone=obsidian] :is(.d2-phero-lead,.d2-phero-lead .d2-phero-note,.d2-quick){color:hsl(var(--d2-ob-text))}.d2 .d2-phero[data-tone=obsidian] .d2-pill{background:hsl(var(--d2-acc));color:hsl(var(--d2-acc-ink))}.d2 .d2-phero[data-tone=obsidian] .d2-pill:hover{background:hsl(var(--d2-acc-hover));box-shadow:none}.d2 .d2-phero[data-tone=obsidian] :is(.d2-ulink,.d2-quick a){color:hsl(var(--d2-ob-ink));-webkit-text-decoration-color:hsl(var(--d2-acc));text-decoration-color:hsl(var(--d2-acc))}.d2 .d2-phero[data-tone=obsidian] .d2-quick a:hover{color:hsl(var(--d2-acc-hover))}.d2 .d2-phero[data-tone=obsidian] :focus-visible{outline-color:hsl(var(--d2-acc))}.d2 .d2-phero[data-tone=obsidian] .d2-phero-media{max-width:260px;margin-right:56px}.d2 .d2-phero[data-tone=obsidian] .d2-phero-media img{mix-blend-mode:normal;filter:drop-shadow(0 18px 40px hsl(var(--d2-glow) / .35));-webkit-mask-image:none;mask-image:none}@media (max-width:820px){.d2 .d2-phero[data-tone=obsidian]{background:radial-gradient(circle 160px at calc(100% - 52px) 52px, hsl(var(--d2-glow) / .3), transparent 70%), hsl(var(--d2-ob))}.d2 .d2-phero[data-tone=obsidian] .d2-phero-media{max-width:72px;margin-right:0}.d2 .d2-phero[data-tone=obsidian] .d2-phero-media img{filter:drop-shadow(0 6px 14px hsl(var(--d2-glow) / .35))}}