/* One continuous expanding rail. Copy width never changes during expansion. */
#expertise .expertise-lead{grid-template-columns:minmax(0,1fr) auto;gap:24px 48px}
#expertise .expertise-lead h2{grid-column:1/-1;white-space:nowrap;font-size:clamp(36px,4.2vw,64px)}
#expertise .expertise-lead>p{max-width:580px;padding-right:0}
#expertise .expertise-lead>.text-link{justify-self:end}
@media(max-width:699px){#expertise .expertise-lead{grid-template-columns:1fr;gap:20px}#expertise .expertise-lead h2{white-space:normal;font-size:clamp(30px,7.8vw,42px);text-wrap:balance}#expertise .expertise-lead>.text-link{grid-column:1;justify-self:start}}
#expertise{--compact:clamp(304px,calc((min(100vw,1800px) - 2 * var(--gutter) - 60px)/4),400px);--expanded:calc(var(--compact) * 2 + 20px);--gallery-height:clamp(650px,47vw,710px);--gallery-ease:cubic-bezier(.4,0,.2,1);overflow:hidden}
#expertise .directions-gallery{margin-right:calc(-1 * var(--gutter))}
#expertise .direction-cards{display:flex;align-items:stretch;gap:20px;overflow-x:auto;overflow-y:hidden;padding:0 var(--gutter) 6px 0;scroll-padding-inline:0 var(--gutter);scroll-behavior:auto;scroll-snap-type:none;overflow-anchor:none;overscroll-behavior-x:contain;transition:none;cursor:grab;touch-action:pan-x pan-y pinch-zoom}
.js #expertise .direction-cards{scrollbar-width:none}.js #expertise .direction-cards::-webkit-scrollbar{display:none}
#expertise .direction-cards.is-dragging{cursor:grabbing;user-select:none}
#expertise .direction-card{flex:0 0 var(--compact);height:var(--gallery-height);min-width:0;display:block;position:relative;isolation:isolate;overflow:hidden;border-radius:155px 28px 28px 28px;background:var(--card-tone);color:white;transition:flex-basis 1.15s var(--gallery-ease),border-radius 1.15s var(--gallery-ease);contain:layout paint;overflow-anchor:none}
#expertise .direction-card.is-expanded{flex-basis:var(--expanded);border-radius:28px 235px 28px 28px}
#expertise .direction-card[data-direction=digital]{--card-tone:#6863ad;--card-paper:#e0d9fa}
#expertise .direction-card[data-direction=education]{--card-tone:#367f76;--card-paper:#d6f4e7}
#expertise .direction-card[data-direction=creative]{--card-tone:#a14f73;--card-paper:#ffded3}
#expertise .direction-card[data-direction=engineering]{--card-tone:#5966a9;--card-paper:#e0dcf5}
#expertise .direction-card[data-direction=economics]{--card-tone:#8c692f;--card-paper:#f9e4a8}
#expertise .direction-card[data-direction=finance]{--card-tone:#47754c;--card-paper:#d9e9c8}
#expertise .direction-card[data-direction=sport]{--card-tone:#a45e55;--card-paper:#f6d7cb}
#expertise .direction-card[data-direction=law]{--card-tone:#3d779d;--card-paper:#c5e2f5}
#expertise .direction-card[data-direction=medicine]{--card-tone:#a35776;--card-paper:#f1d2dc}
#expertise .direction-card[data-direction=biology]{--card-tone:#2b7b77;--card-paper:#cce9e4}
#expertise .direction-art{position:absolute;inset:0;height:100%;width:100%;overflow:hidden;z-index:-2;background:var(--card-paper);pointer-events:none}
#expertise .direction-art img{position:absolute;top:0;left:50%;width:var(--expanded);max-width:none;height:var(--expanded);object-fit:cover;object-position:center;transform:translateX(-50%);mask-image:none;transition:transform 1.4s var(--gallery-ease);user-select:none}
#expertise .direction-card.is-expanded .direction-art img{transform:translateX(-50%) scale(1.025)}
#expertise .direction-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 12%,color-mix(in srgb,var(--card-tone),transparent 88%) 31%,color-mix(in srgb,var(--card-tone),transparent 6%) 57%,var(--card-tone) 74%)}
#expertise .direction-top{position:absolute;inset:20px 20px auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none}
#expertise .direction-category{font-size:12px;line-height:1.2;background:white;color:var(--ink);padding:11px 16px;border-radius:99px;opacity:0;transform:translateY(4px);transition:opacity .5s var(--gallery-ease),transform .7s var(--gallery-ease)}
#expertise .is-expanded .direction-category{opacity:1;transform:none;transition-delay:.12s}
#expertise .direction-brand{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:white;border-radius:50%;margin-left:auto;flex:none;transition:opacity .4s}
#expertise .is-expanded .direction-brand{opacity:0}
#expertise .direction-content{position:absolute;inset:auto 22px 22px;padding:0;margin:0;display:flex;flex-direction:column;align-items:stretch}
#expertise .direction-copy{width:calc(var(--compact) - 44px);max-width:100%;margin-bottom:20px}
#expertise .direction-content h3{font-size:clamp(29px,2.2vw,36px);line-height:1.08;letter-spacing:-.05em;font-weight:500;margin:0 0 16px;overflow-wrap:normal}
#expertise .direction-content p{font-size:14px;line-height:1.48;color:#fff;margin:0;letter-spacing:-.015em}
#expertise .direction-content .expertise-person{font-size:11px;line-height:1.45;margin:16px 0 0;color:#fff;opacity:.86}
#expertise .direction-content .text-link{height:50px;min-height:50px;margin:0;border:0;border-radius:99px;padding:14px 22px;background:white;color:#17191e;font-size:13px;line-height:1.2;font-weight:400;justify-content:flex-start;white-space:nowrap;transition:background .35s,color .35s}
#expertise .direction-content .text-link:hover{background:#f0f4ff;color:var(--blue)}
#expertise .direction-content .text-link:focus-visible{outline-color:#fff;outline-offset:5px}
#expertise .directions-scrollbar{height:40px;margin:18px var(--gutter) 0 0;position:relative;cursor:grab;touch-action:none;user-select:none}
#expertise .directions-scrollbar:before{content:'';position:absolute;top:19px;left:0;right:0;height:2px;background:#e0e2e6}
#expertise .directions-scrollbar-thumb{display:block;position:absolute;top:18px;left:0;height:3px;width:var(--thumb-width,32%);border-radius:9px;background:#064bce;transform:translateX(var(--thumb-left,0px));pointer-events:none}
#expertise .directions-scrollbar:focus-visible{outline-offset:0;border-radius:4px}
@media(max-width:999px){#expertise{--compact:300px;--expanded:540px;--gallery-height:650px}#expertise .direction-card{border-top-left-radius:130px}#expertise .direction-card.is-expanded{border-radius:28px 190px 28px 28px}#expertise .direction-content h3{font-size:30px}}
@media(max-width:699px){#expertise{--compact:min(84vw,390px);--expanded:var(--compact);--gallery-height:660px}#expertise .direction-cards{gap:14px;padding-right:20px}#expertise .direction-card,#expertise .direction-card.is-expanded{flex-basis:var(--compact);border-radius:100px 24px 24px 24px}#expertise .direction-card:first-child{border-radius:24px 100px 24px 24px}#expertise .direction-art img{width:440px;height:440px}#expertise .direction-card.is-expanded .direction-art img{transform:translateX(-50%)}#expertise .direction-content{inset:auto 20px 20px}#expertise .direction-copy{width:calc(var(--compact) - 40px);margin-bottom:18px}#expertise .direction-content h3{font-size:29px;margin-bottom:14px}#expertise .direction-content p{font-size:14px;line-height:1.5}#expertise .direction-content .expertise-person{font-size:11px;margin-top:14px}#expertise .direction-top{inset:18px 18px auto}#expertise .direction-brand{width:42px;height:42px}#expertise .direction-category{font-size:11px;padding:10px 14px}#expertise .direction-content .text-link{height:48px;min-height:48px;padding:14px 18px}#expertise .directions-scrollbar{margin-top:13px;height:35px}}
@media(prefers-reduced-motion:reduce){#expertise .direction-card,#expertise .direction-art img,#expertise .direction-category{transition:none!important}}
