/* Reference dimensions are scoped here: one unit = Trionn's fluid desktop rem. */
.capabilities-work{--cw-unit:calc(100vw / 128);position:relative;width:100%;background:var(--color-white);color:var(--color-text);font-family:var(--yed-font-family,"Outfit");isolation:isolate}
.capabilities-work,.capabilities-work *{box-sizing:border-box}
.capabilities-work{overflow-anchor:none}
.capabilities-work__stage{position:relative;overflow:clip;background:var(--color-white)}
.capabilities-work__background{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;max-width:none;pointer-events:none}
.capabilities-work__bridge>.capabilities-work__background[data-bridge-star-y]{opacity:.35}
.capabilities-work__track{position:relative;z-index:1;display:flex;flex-direction:column}
.capabilities-work__panel{position:relative;display:flex;align-items:center;justify-content:center;padding:64px 24px;background:var(--color-white)}
.capabilities-work h2,.capabilities-work h3,.capabilities-work h4{color:inherit;font-family:var(--yed-font-family,"Outfit");text-wrap:initial}
.capabilities-work__intro-copy{text-align:center;display:flex;align-items:center;flex-direction:column;gap:48px}
.capabilities-work h3#capabilities-work-title{margin:0;font-size:var(--yed-h3-size);line-height:var(--yed-h3-leading);letter-spacing:var(--yed-h3-tracking);font-weight:var(--yed-h3-weight)}
.capabilities-work__title-accent{color:var(--color-heading-reveal);font-style:normal}
.capabilities-work--editorial .capabilities-work__intro-copy{padding-top:0;gap:0}
.capabilities-work--editorial .capabilities-work__intro-copy>.button{margin-top:40px}
.capabilities-work--editorial :is(.capabilities-work__intro-copy,.capabilities-work__bridge-copy)>.subline{justify-content:center}
.capabilities-work--editorial #capabilities-work-title{max-width:18ch;margin:0;text-wrap:balance}
.capabilities-work--editorial :is(.capabilities-work__intro-copy,.capabilities-work__card-inner,.capabilities-work__details,.capabilities-work__meta){min-width:0;max-width:100%}
@keyframes capabilities-work-letter{0%,100%{transform:translateY(0)}45%{transform:translateY(-130%)}46%{transform:translateY(130%)}}
.capabilities-work a:focus-visible{outline:2px solid var(--color-primary);outline-offset:5px}
.capabilities-work__card-inner{width:100%}
.capabilities-work .capabilities-work__image{display:block;width:100%;aspect-ratio:670/460;overflow:hidden;border-radius:var(--radius-2xl);background:var(--color-background-muted)}
.capabilities-work__image img{display:block;width:100%;height:100%;object-fit:cover}
.capabilities-work__details{margin-top:24px}
.capabilities-work .capabilities-work__details :is(h3,h4){margin:0}
.capabilities-work .capabilities-work__details h4{font-size:var(--yed-h4-size);font-weight:var(--yed-h4-weight);line-height:var(--yed-h4-leading);letter-spacing:var(--yed-h4-tracking)}
.capabilities-work__meta{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:16px}
.capabilities-work .capabilities-work__meta p{max-width:320px;margin:0;font:var(--fw-body) var(--fs-body)/var(--lh-body) var(--font-family);letter-spacing:var(--ls-body)}
.capabilities-work__closing>div{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center;max-width:464px}
.capabilities-work__connector{position:absolute;right:-6.5px;top:50%;width:13px;height:13px;fill:var(--color-primary);stroke:none;opacity:0;overflow:visible;pointer-events:none;z-index:2}
.capabilities-work .capabilities-work__closing h3{margin:0;font-size:var(--yed-h3-size,32px);font-weight:var(--yed-h3-weight,450);line-height:var(--yed-h3-leading,1.3);letter-spacing:var(--yed-h3-tracking,-.03125em)}
.capabilities-work__bridge{position:relative;display:flex;min-height:100svh;flex-direction:column;justify-content:center;align-items:center;background:var(--color-background-muted);color:var(--color-heading);overflow:hidden;padding:120px 24px;isolation:isolate}
.capabilities-work__bridge-copy{position:relative;z-index:1;width:min(100%,1120px);text-align:center;will-change:transform,opacity}
.capabilities-work .capabilities-work__bridge-slogan{position:relative;z-index:1;max-width:1120px;margin:0;text-align:center;text-wrap:balance}
.capabilities-work p.capabilities-work__bridge-slogan{font:500 clamp(46px,6.5vw,112px)/.91 var(--yed-font-family,"Outfit");letter-spacing:-.065em;will-change:transform,opacity}
.capabilities-work__bridge-slogan>span{display:block}
.capabilities-work__bridge-slogan .capabilities-work__bridge-word{display:inline-block;white-space:nowrap}
.capabilities-work__bridge-slogan .capabilities-work__bridge-letter{display:inline-block}
.capabilities-work__wipe-star{position:absolute;z-index:2;left:50%;top:50%;width:322px;height:333px;max-width:none;fill:var(--color-white);opacity:0;transform:translate(-50%,-50%) scale(0);transform-origin:center;will-change:transform,opacity;pointer-events:none}
.capabilities-work__clip-defs{position:absolute;overflow:hidden;pointer-events:none}
.capabilities-work__emblem{display:none;position:absolute;inset:0;align-items:center;justify-content:center;perspective:900px;opacity:0;pointer-events:none}
.capabilities-work__emblem svg{width:min(68vw,75vh);height:auto;transform-style:preserve-3d}
.capabilities-work__arm{transform-box:fill-box;transform-origin:center;will-change:transform}
@media(min-width:768px) and (max-width:1023px){.capabilities-work{--cw-unit:calc(100vw / 75)}}
@media(min-width:1024px) and (max-width:1535px){.capabilities-work{--cw-unit:calc(100vw / 100)}}
@media(min-width:768px){
 .capabilities-work__panel{width:50%;flex:0 0 50%;height:100svh;padding:0 calc(5 * var(--cw-unit))}
 .capabilities-work__intro-copy{padding-top:calc(5 * var(--cw-unit));gap:calc(3 * var(--cw-unit))}
 .capabilities-work h3#capabilities-work-title{font-size:var(--yed-h3-size);line-height:var(--yed-h3-leading)}
 .capabilities-work__card-inner{padding:calc(4 * var(--cw-unit)) 0;will-change:transform}
 .capabilities-work__details{margin-top:calc(1.5 * var(--cw-unit))}
 .capabilities-work .capabilities-work__closing h3{font-size:var(--yed-h3-size,32px)}
 .capabilities-work__meta{gap:calc(var(--cw-unit));margin-top:calc(var(--cw-unit))}
 .capabilities-work .capabilities-work__meta p{max-width:calc(20 * var(--cw-unit));font-size:calc(1.125 * var(--cw-unit))}
 .capabilities-work__closing>div{max-width:calc(29 * var(--cw-unit));gap:calc(2.5 * var(--cw-unit))}
 .capabilities-work:not(.is-enhanced) .capabilities-work__track{flex-direction:row;flex-wrap:wrap}
 .capabilities-work:not(.is-enhanced) .capabilities-work__bridge{width:100%}
 .capabilities-work.is-enhanced .capabilities-work__stage{position:sticky;top:0;height:100svh}
 .capabilities-work.is-enhanced{z-index:5;background:transparent}
 .capabilities-work.is-enhanced .capabilities-work__stage{background:transparent}
 .capabilities-products-runway.is-enhanced{position:relative;z-index:6;overflow-anchor:none}
 .capabilities-products-runway.is-enhanced > .flow-products--editorial{position:sticky;top:0;margin-top:0;transform:none}
 .capabilities-work.is-enhanced .capabilities-work__track{position:relative;z-index:1;flex-direction:row;flex-wrap:nowrap;align-items:center;height:100%;will-change:transform}
 /* Overlap only internal paint edges so fractional track transforms cannot expose the bridge. */
 .capabilities-work.is-enhanced .capabilities-work__panel:not(:last-child){box-shadow:1px 0 0 var(--color-white)}
 .capabilities-work.is-enhanced .capabilities-work__bridge{position:absolute;inset:0;z-index:0;width:100%;height:100svh;min-height:0}
 .capabilities-work.is-enhanced .capabilities-work__emblem{display:flex}
}
@media(min-width:768px) and (max-height:650px){
 .capabilities-work__image{max-height:58svh}
 .capabilities-work__card-inner{padding:0}
 .capabilities-work__meta{align-items:center}
}
@media(min-width:768px){
 /* Let the CTA use its own row when half-screen cards cannot fit both items. */
 .capabilities-work--editorial .capabilities-work__meta{flex-wrap:wrap;column-gap:24px;row-gap:8px}
 .capabilities-work--editorial .capabilities-work__meta p{flex:1 1 180px;min-width:0;max-width:320px}
}
@media(max-width:767px){
 .capabilities-work{--cw-unit:calc(100vw / 32)}
 .capabilities-work__track{background:var(--color-white)}
 .capabilities-work__panel{background:transparent}
 .capabilities-work__intro-copy{padding-top:calc(5 * var(--cw-unit));gap:calc(2.5 * var(--cw-unit))}
 .capabilities-work h3#capabilities-work-title{font-size:var(--yed-h3-size);line-height:var(--yed-h3-leading)}
 .capabilities-work__panel{padding:calc(5 * var(--cw-unit)) calc(1.5 * var(--cw-unit))}
 .capabilities-work__card:nth-child(2){padding-top:0}
 .capabilities-work__details{margin-top:calc(1.5 * var(--cw-unit))}
 .capabilities-work__meta{flex-direction:column;align-items:flex-start;gap:calc(2.5 * var(--cw-unit));margin-top:calc(var(--cw-unit))}
 .capabilities-work .capabilities-work__closing h3{font-size:var(--yed-h3-size,24px)}
 .capabilities-work .capabilities-work__meta p{font-size:calc(1.25 * var(--cw-unit));line-height:var(--lh-body);max-width:calc(20 * var(--cw-unit))}
 .capabilities-work__closing{padding:calc(10 * var(--cw-unit)) calc(3.5 * var(--cw-unit))}
 .capabilities-work__closing>div{gap:calc(2.5 * var(--cw-unit))}
 .capabilities-work__bridge{min-height:75svh;padding:120px 20px 160px}
 .capabilities-work p.capabilities-work__bridge-slogan{font-size:clamp(38px,11vw,64px);line-height:.94}
 .capabilities-work--editorial .capabilities-work__panel{padding-inline:var(--page-gutter)}
 .capabilities-work--editorial .capabilities-work__meta p{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
 .capabilities-work *{transition:none!important;animation:none!important}
 .capabilities-work__card-inner{transform:none}
 .capabilities-work__image:hover img{transform:none}
}