.tri-band{--tri-h:max(clamp(100px, 7vw + 75px, 205px), 5.3292vw);--tri-w:calc(var(--tri-h) / .866);inline-size:100%;block-size:var(--tri-h);display:flex;overflow:clip}.tri{inline-size:var(--tri-w);block-size:var(--tri-h);background-color:var(--surface);flex:none;margin-inline-start:calc(var(--tri-w) / -2);position:relative}.tri:first-child{margin-inline-start:calc(var(--tri-w) / -4)}.tri-up{clip-path:polygon(50% 3%,97% 100%,3% 100%)}.tri-down{clip-path:polygon(3% 0,97% 0,50% 97%)}.tri picture{position:absolute;inset:0}.tri img{object-fit:cover;block-size:100%;inline-size:100%;scale:var(--tri-zoom,none);transform-origin:var(--tri-origin,50% 50%)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.tri img{animation:linear both warm;animation-timeline:view();animation-range:entry 100% cover 50%}}}.tri-band-spaced{margin-block:clamp(56px,7vw,96px)}