/* Only the illustration inside the existing hero frame changes. */
.world-scene .tricios-t3d{position:absolute;inset:0;background:transparent}
.tricios-t3d .t3d-canvas{display:block;position:absolute;inset:0 0 auto;width:100%;height:80%;visibility:hidden}
.tricios-t3d.t3d-ready .t3d-canvas{visibility:visible}
.tricios-t3d .t3d-brand{position:absolute;left:50%;top:74%;width:clamp(160px,18vw,220px);max-width:65%;height:auto;transform:translateX(-50%)}
.tricios-t3d .t3d-fallback{position:absolute;left:18.5%;top:9.6%;width:63%;height:52.8%;overflow:visible}
.tricios-t3d .t3d-fallback g{fill:#76243B}
.tricios-t3d.t3d-ready .t3d-fallback{display:none}
html[data-theme="dark"] .tricios-t3d .t3d-fallback g{fill:#FFFFFF}
html[data-theme="dark"] .tricios-t3d .brand-wordmark{fill:#FFFFFF}
html[data-theme="dark"] .tricios-t3d .brand-subline{fill:#D8D5D9}
@media(max-width:768px){
  /* The previous SVG gave this mobile frame a square intrinsic height. */
  .hero .world-scene{aspect-ratio:1}
  .tricios-t3d .t3d-brand{width:160px}
}