/* A compact motion transition from the landscape hero to the shop. */
.tr3b-banner{margin:0;padding:0;background:#000;border-top:1px solid #1fb86855;border-bottom:1px solid #1fb86855}
.tr3b-banner .slime-portal-window{height:clamp(220px,24vw,340px);background:#000}
.tr3b-banner .slime-portal-media{inset:0;transform:none}
.tr3b-banner .slime-portal-media video{background:#000;object-position:50% 50%}
.tr3b-banner .slime-portal-actions{bottom:20px;left:5%;right:5%;flex-wrap:nowrap}
.tr3b-banner .slime-portal-link,.tr3b-banner .slime-portal-toggle{background:#071c14ed;border-color:#4b9c6c;color:#fff;box-shadow:0 2px 12px #0009}
.tr3b-banner .slime-portal-link:hover,.tr3b-banner .slime-portal-toggle:hover{background:#153e29;border-color:#7ce6ae}
.tr3b-banner :is(a,button):focus-visible{outline-color:#7ce6ae}
/* Align the desktop video with the shop's 1450px container and 5% side padding. */
@media(min-width:1001px){
 .tr3b-banner{width:90%;max-width:calc(1450px - 10%);margin-inline:auto}
}
@media(max-width:700px){
 .tr3b-banner .slime-portal-window{height:auto;aspect-ratio:16/9;min-height:190px}
 .tr3b-banner .slime-portal-actions{bottom:14px;left:5%;right:5%;gap:8px}
 .tr3b-banner .slime-portal-link,.tr3b-banner .slime-portal-toggle{font-size:12px;padding:10px 12px}
}