.add-on-feature{--pad:1.5rem;padding:var(--pad)}.add-on-art{--ratio:.7;--fig-w:16rem;--rise:2.5rem;--frame-w:calc(var(--fig-w) / (var(--r) - var(--l)));pointer-events:none;width:var(--frame-w);max-width:none;margin-top:calc(-1 * var(--pad) - var(--rise) - var(--t) * var(--ratio) * var(--frame-w));margin-bottom:calc(-1 * (1 - var(--b)) * var(--ratio) * var(--frame-w));margin-left:calc(-1 * var(--l) * var(--frame-w));flex:none}@media (min-width:40rem){.add-on-feature{--pad:2rem}.add-on-art{--fig-w:min(20rem, 100%);--rise:3rem}}.add-on-spot{--pad:1.5rem;--fig:8rem;--poke:2.5rem;--frame:calc(var(--fig) / (var(--b) - var(--t)));pointer-events:none;width:var(--frame);max-width:none;margin-top:calc(-1 * var(--pad) - var(--poke) - var(--t) * var(--frame));margin-bottom:calc(-1 * (1 - var(--b)) * var(--frame));margin-left:calc(-1 * var(--l) * var(--frame));display:block}@media (min-width:40rem){.add-on-spot{--fig:9rem;--poke:3rem}}