.tri__intro{padding-block:clamp(4rem,8vw,7rem) clamp(2.5rem,5vw,4rem)}.tri__panel{min-width:0;padding:clamp(1.5rem, 3vw, 2.5rem) var(--gutter);flex-direction:column;display:flex;overflow:clip}.tri__art{width:100%;max-width:34rem;min-height:0;transition:scale .48s var(--ease-in-out-strong);flex:1;place-items:center;margin-inline:auto;display:grid}.tri__art svg{width:122%;max-width:none;margin-inline:-11%}@media (width<=47.99rem){.tri__art{max-width:16rem}.tri__art svg{width:100%;margin-inline:0}}.tri__panel .iso-duct-in,.tri__panel .iso-duct-out{display:none}.tri__text{width:100%;max-width:24rem;margin-top:1.5rem}.tri__name{font-size:clamp(1.75rem,2.7vw,2.75rem);line-height:1.04}.tri__line{margin-top:.625rem;font-size:1.125rem;line-height:1.3}.tri__list{flex-wrap:wrap;gap:.5rem;margin-top:1.125rem;display:flex}.tri__list li{background-color:color-mix(in oklab, var(--on-surface) 8%, transparent);border:1px solid color-mix(in oklab, var(--on-surface) 18%, transparent);border-radius:.5rem;align-items:center;gap:.5rem;padding:.375rem .75rem .375rem .625rem;font-size:.9375rem;font-weight:500;line-height:1.2;display:inline-flex}.tri__list li:before{content:"";background-color:currentColor;border-radius:2px;flex:none;width:.5rem;height:.5rem}.tri__action{margin-top:1.25rem}@media (width>=64rem){.tri__panels{min-height:max(40rem,88svh);transition:grid-template-columns .52s var(--ease-in-out-strong);grid-template-columns:1fr 1fr 1fr;display:grid;container-type:inline-size}@media (hover:hover) and (pointer:fine){.tri__panels:has(.tri__panel:first-child:hover){grid-template-columns:1.3fr .85fr .85fr}.tri__panels:has(.tri__panel:nth-child(2):hover){grid-template-columns:.85fr 1.3fr .85fr}.tri__panels:has(.tri__panel:nth-child(3):hover){grid-template-columns:.85fr .85fr 1.3fr}.tri__panel:hover .tri__art{scale:1.06}}.tri__art{flex:none;max-width:none;height:clamp(15rem,38svh,26rem);position:relative}.tri__art>*{margin:0;position:absolute;inset:0}.tri__art svg{width:100%;height:100%;margin:0}.tri__text{width:calc(100cqw * .85 / 3 - 2 * var(--gutter));flex:none;max-width:none}.tri__panel+.tri__panel{margin-left:-1px}}.tri__panel:nth-child(2) .iso-platform{--float-delay:-1.7s}.tri__panel:nth-child(3) .iso-platform{--float-delay:-3.4s}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.tri__panel{view-timeline:--stage block}.tri__panel .tri__art .iso-rise{animation-name:stage-part;animation-timing-function:linear;animation-play-state:running;animation-fill-mode:both;animation-duration:auto;animation-delay:0s;animation-timeline:--stage;animation-range:entry 10% cover calc(32% + var(--i,0) * 3.5%)}.tri__panel .tri__art .iso-packet{animation-name:iso-travel;animation-timing-function:linear;animation-play-state:running;animation-fill-mode:both;animation-duration:auto;animation-delay:0s;animation-timeline:--stage;animation-range:cover 20% cover 80%}@media (width>=64rem){.tri__panel{animation-name:tri-climb;animation-timing-function:var(--ease-out-strong);animation-fill-mode:both;animation-timeline:view();animation-range:entry entry 90%}.tri__panel:nth-child(2){--climb:26svh}.tri__panel:nth-child(3){--climb:42svh}}@keyframes tri-climb{0%{transform:translateY(var(--climb,12svh))}}@keyframes stage-part{0%{opacity:0;transform:translateY(-80px)}}}}