/* A typographic expertise reel: central selection with softly faded neighbours. */
.setup-expertise-motion{min-width:0}
.setup-expertise-motion .setup-domains{grid-template-columns:1fr;gap:14px}
.setup-expertise-motion .setup-domain{position:relative;grid-template-columns:28px minmax(0,1fr) 24px;gap:14px;transform:none;border-radius:0;box-shadow:none;background:transparent;color:#21284f;border:0}
.setup-expertise-motion .setup-domain-number{display:block}
.setup-expertise-motion .setup-domain h3{margin:0;color:#21284f!important;transition:font-size .65s cubic-bezier(.22,1,.36,1)}
.setup-expertise-motion .setup-domain-number{color:#0093c8}
.setup-expertise-motion .setup-domain p{color:#21284f}
.setup-expertise-motion .expertise-band-description p{margin:10px 0 0}
.expertise-band-description{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .65s cubic-bezier(.22,1,.36,1),opacity .4s}
.expertise-band-description>div{min-height:0;overflow:hidden}
.expertise-reel-shell{position:relative}
.expertise-reel-viewport{position:relative}
.setup-expertise-motion[data-motion=true] .expertise-reel-shell{padding-left:26px}
.setup-expertise-motion[data-motion=true] .expertise-reel-shell:before{content:'';position:absolute;top:50%;left:0;width:15px;height:2px;background:#0093c8;transform:translateY(-50%)}
.setup-expertise-motion[data-motion=true] .expertise-reel-viewport{height:400px;overflow:hidden;overflow:clip;mask-image:linear-gradient(to bottom,transparent 0%,#000 29%,#000 71%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 29%,#000 71%,transparent 100%)}
.setup-expertise-motion[data-motion=true] .setup-domains{display:flex;flex-direction:column;gap:0;will-change:transform;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.setup-expertise-motion[data-motion=true] .setup-domains.is-resetting{transition:none}
.setup-expertise-motion[data-motion=true] .setup-domains.is-resetting .setup-domain,.setup-expertise-motion[data-motion=true] .setup-domains.is-resetting .expertise-band-description,.setup-expertise-motion[data-motion=true] .setup-domains.is-resetting h3{transition:none}
.setup-expertise-motion[data-motion=true] .setup-domain{box-sizing:border-box;flex:none;height:154px;padding:24px 22px;align-items:center;opacity:.65;transition:opacity .65s cubic-bezier(.22,1,.36,1)}
.setup-expertise-motion[data-motion=true] .setup-domain.is-selected{opacity:1}
.setup-expertise-motion[data-motion=true] .setup-domain:not(.is-selected) h3{font-size:clamp(18px,1.3vw,23px)}
.setup-expertise-motion[data-motion=true] .setup-domain.is-selected h3{font-size:clamp(22px,1.65vw,29px)}
.setup-expertise-motion[data-motion=true] .setup-domain:not(.is-selected) .expertise-band-description{grid-template-rows:0fr;opacity:0}
.setup-expertise-motion[data-motion=true] .setup-domain:hover{transform:none}
.setup-expertise-motion .setup-domain-arrow{align-self:center}
.setup-expertise-motion[data-motion=true] .setup-domain-arrow{opacity:0;transition:opacity .4s}
.setup-expertise-motion[data-motion=true] .setup-domain.is-selected .setup-domain-arrow{opacity:1}
.expertise-motion-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:2px;color:#21284f;font-size:10px;min-height:36px}
.expertise-motion-controls[hidden]{display:none}
.expertise-motion-toggle{font:inherit;color:inherit;background:none;border:1px solid #21284f24;border-radius:50%;cursor:pointer;display:grid;place-items:center;width:32px;height:32px;padding:0;transition:background .2s,border-color .2s}
.expertise-motion-toggle:hover{background:#e9edf5;border-color:#21284f60}
.expertise-motion-toggle svg{width:12px;height:12px;display:block}
.expertise-motion-toggle .expertise-play-icon{display:none}
.expertise-motion-toggle[aria-pressed=true] .expertise-pause-icon{display:none}
.expertise-motion-toggle[aria-pressed=true] .expertise-play-icon{display:block}
.expertise-motion-toggle:focus-visible{outline:2px solid #0093c8;outline-offset:4px}
.expertise-motion-position{font-variant-numeric:tabular-nums;letter-spacing:.06em}
@media(min-width:1251px){
 .setup-expertise-motion{display:grid;grid-template-columns:minmax(110px,.31fr) minmax(0,1fr);column-gap:18px;align-items:center}
 .setup-expertise-motion>h2{grid-column:1;grid-row:1;margin:0;font-size:clamp(21px,1.65vw,27px);line-height:1.2;letter-spacing:-.035em;max-width:165px}
 body main .setup-expertise-motion>h2{align-self:center!important;margin:0!important}
 .setup-expertise-motion>.expertise-reel-shell{grid-column:2;grid-row:1;min-width:0}
 .setup-expertise-motion>.expertise-motion-controls{grid-column:2;grid-row:2}
 .setup-expertise-motion .setup-domain{grid-template-columns:20px minmax(0,1fr) 18px;gap:10px}
 .setup-expertise-motion .setup-domain h3{font-size:clamp(18px,1.4vw,22px);line-height:1.2}
 .setup-expertise-motion .setup-domain p{font-size:13px;line-height:1.5}
 .setup-expertise-motion[data-motion=true] .setup-domain{height:176px;padding:16px 12px}
 .setup-expertise-motion[data-motion=true] .setup-domain.is-selected h3{font-size:clamp(21px,1.55vw,28px)}
 .setup-expertise-motion[data-motion=true] .expertise-reel-viewport{height:440px}
}
@media(min-width:1051px) and (max-width:1250px){.setup-expertise-motion[data-motion=true] .setup-domain{height:178px;padding:22px 18px}.setup-expertise-motion[data-motion=true] .expertise-reel-viewport{height:440px}}
@media(max-width:1050px){.setup-expertise-motion .setup-domains{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-expertise-motion .setup-domain{grid-template-columns:22px minmax(0,1fr) 20px;gap:8px}}
@media(max-width:600px){.setup-expertise-motion .setup-domains{grid-template-columns:1fr}.setup-expertise-motion .setup-domain{padding:20px}}
@media(prefers-reduced-motion:reduce){.setup-expertise-motion .setup-domain,.expertise-band-description,.expertise-motion-toggle{transition:none}}