.cs-capability{position:relative;overflow:hidden;background:var(--cs-cap-bg,#fff);color:var(--cs-cap-text,#46596C);padding:var(--cs-cap-pad-top-d,144px) 0 var(--cs-cap-pad-bottom-d,160px)}.cs-capability__intro{max-width:1080px}.cs-capability__eyebrow{margin-bottom:24px}.cs-capability__eyebrow span,.cs-capability__kicker{color:var(--cs-cap-accent,#F28C28);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.cs-capability__heading{margin:0;max-width:17ch;color:var(--cs-cap-title,#0D3158);font-size:clamp(3rem,5.3vw,5.8rem);line-height:.98;letter-spacing:-.048em;font-weight:760;text-wrap:balance}.cs-capability__intro-line{display:block;width:80px;height:4px;margin-top:34px;border-radius:999px;background:var(--cs-cap-accent,#F28C28)}.cs-capability__intro-text{margin-top:32px;max-width:62ch;font-size:clamp(1.08rem,1.35vw,1.24rem);line-height:1.74}.cs-capability__list{margin-top:clamp(96px,10vw,160px)}.cs-capability__item{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(56px,8vw,128px);align-items:center;min-height:720px;padding:clamp(72px,8vw,128px) 0;border-top:1px solid var(--cs-cap-border,#E3EAF1)}.cs-capability__item:last-child{border-bottom:1px solid var(--cs-cap-border,#E3EAF1)}.cs-capability__item--even .cs-capability__visual{order:2}.cs-capability__item--even .cs-capability__content{order:1}.cs-capability__visual{position:relative}.cs-capability__number{position:absolute;z-index:0;top:-.28em;left:-.08em;color:var(--cs-cap-title,#0D3158);opacity:var(--cs-cap-number-opacity,.04);font-size:clamp(9rem,18vw,18rem);font-weight:800;line-height:.8;letter-spacing:-.08em;pointer-events:none;-webkit-user-select:none;user-select:none}.cs-capability__visual-frame{position:relative;z-index:1;overflow:hidden;aspect-ratio:4/3;background:var(--cs-cap-surface,#F4F7FA);border:1px solid var(--cs-cap-border,#E3EAF1)}.cs-capability__visual-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.5;background-image:linear-gradient(var(--cs-cap-border,#E3EAF1) 1px,transparent 1px),linear-gradient(90deg,var(--cs-cap-border,#E3EAF1) 1px,transparent 1px);background-size:48px 48px}.cs-capability__image{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover}.cs-capability__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(28px,4vw,52px)}.cs-capability__placeholder-mark{color:var(--cs-cap-accent,#F28C28);font-size:.8rem;font-weight:800;letter-spacing:.12em}.cs-capability__placeholder-word{margin-top:12px;max-width:8ch;color:var(--cs-cap-title,#0D3158);font-size:clamp(2.4rem,4vw,4.7rem);line-height:.95;letter-spacing:-.045em;font-weight:760}.cs-capability__visual-label{position:absolute;z-index:3;right:18px;bottom:18px;padding:9px 12px;background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--cs-cap-title,#0D3158);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cs-capability__content{max-width:650px}.cs-capability__title{margin:18px 0 0;color:var(--cs-cap-title,#0D3158);font-size:clamp(2.6rem,4.4vw,5rem);line-height:.98;letter-spacing:-.045em;font-weight:750;text-wrap:balance}.cs-capability__text{margin-top:28px;max-width:52ch;font-size:clamp(1.04rem,1.25vw,1.17rem);line-height:1.72}.cs-capability__deliverables{margin-top:34px;padding-top:24px;border-top:1px solid var(--cs-cap-border,#E3EAF1)}.cs-capability__deliverables-label{color:var(--cs-cap-muted,#7C8A98);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.cs-capability__deliverables p{margin:12px 0 0;color:var(--cs-cap-title,#0D3158);font-size:.95rem;line-height:1.75;font-weight:620}.cs-capability__link{display:inline-flex;align-items:center;gap:10px;margin-top:28px;color:var(--cs-cap-title,#0D3158);text-decoration:none;font-size:.92rem;font-weight:750}.cs-capability__link span:last-child{color:var(--cs-cap-accent,#F28C28);transition:transform .25s ease}.cs-capability__link:hover span:last-child{transform:translate(3px,-3px)}.cs-capability__closing{padding-top:clamp(88px,9vw,144px);max-width:980px}.cs-capability__closing-text{margin:0;max-width:24ch;color:var(--cs-cap-title,#0D3158);font-size:clamp(2rem,3.5vw,4rem);line-height:1.08;letter-spacing:-.035em;font-weight:700;text-wrap:balance}.cs-capability__closing-link{margin-top:32px}.cs-capability__number{opacity:var(--cs-cap-number-opacity,.04)}@media(max-width:749px){.cs-capability{padding:var(--cs-cap-pad-top-m,88px) 0 var(--cs-cap-pad-bottom-m,104px)}.cs-capability__heading{max-width:none;font-size:clamp(2.55rem,11vw,4.2rem)}.cs-capability__list{margin-top:80px}.cs-capability__item{display:flex;flex-direction:column;gap:44px;min-height:0;padding:72px 0}.cs-capability__item--even .cs-capability__visual,.cs-capability__item--even .cs-capability__content{order:initial}.cs-capability__visual{width:100%}.cs-capability__number{top:-.2em;left:-.04em;font-size:clamp(7rem,34vw,11rem);opacity:calc(var(--cs-cap-number-opacity,.04)*.7)}.cs-capability__visual-frame{aspect-ratio:1/1}.cs-capability__visual-grid{background-size:36px 36px}.cs-capability__content{max-width:none;width:100%}.cs-capability__title{font-size:clamp(2.5rem,10.5vw,4rem)}.cs-capability__text{font-size:1.03rem;line-height:1.68}.cs-capability__closing{padding-top:80px}.cs-capability__closing-text{max-width:none;font-size:clamp(2.2rem,9.5vw,3.5rem)}}@media(prefers-reduced-motion:reduce){.cs-capability__number{opacity:var(--cs-cap-number-opacity,.04)!important}}@media(max-width:749px)and (prefers-reduced-motion:reduce){.cs-capability__number{opacity:calc(var(--cs-cap-number-opacity,.04)*.7)!important}}.cs-capability__visual{position:relative;isolation:isolate}.cs-capability__number{z-index:3;opacity:var(--cs-cap-number-opacity,.04);pointer-events:none;mix-blend-mode:multiply}.cs-capability__visual-frame{z-index:1}.cs-capability__visual-label{z-index:4}@media(max-width:749px){.cs-capability__number{z-index:3;opacity:calc(var(--cs-cap-number-opacity,.04)*.7)}}@supports not (mix-blend-mode:multiply){.cs-capability__number{mix-blend-mode:normal}}@media(max-width:749px){.cs-capability__list{margin-top:68px}.cs-capability__item{gap:38px;padding:60px 0}.cs-capability__closing{padding-top:68px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/cs-capability-showcase.css.map */