.about-right { min-width: 0; }
.about-interaction { display: flex; align-items: flex-end; width: 100%; gap: clamp(28px, 3vw, 48px); }
.about-interaction .about-red-button { flex: 0 0 156px; }
.dd-portal { flex: 1 1 auto; min-width: 0; width: 100%; max-width: 460px; height: clamp(280px, 29vw, 370px); margin: -60px 0 -22px; opacity: 0; transition: opacity .15s; pointer-events: none; }
.dd-portal.is-active { opacity: 1; }
canvas.dd-portal-canvas { position: static; inset: auto; display: block; width: 100%; height: 100%; z-index: auto; }
.portal-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.about-red-button[aria-busy="true"] { cursor: wait; }

@media(max-width:700px) { .about-interaction { gap: 24px; } .dd-portal { height: 280px; margin-top: -24px; } }