/* The Our Work page carries the homepage's project showcase styling. */
.os-work-page-hero-band{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 82% 14%,rgba(2,2,106,.07),transparent 62%),#f8f9ff}
.os-work-page-hero-band:before{content:"";position:absolute;z-index:0;pointer-events:none;width:clamp(500px,44vw,760px);aspect-ratio:1;right:clamp(-180px,-9vw,-60px);top:8%;background:url('../images/oslack-mark.svg?v=2') center/contain no-repeat;opacity:.045}
.os-work-page-hero-band .os-page-hero--visual{position:relative;z-index:1;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,92px);align-items:center;min-height:0;padding-block:clamp(76px,9vw,132px)}
.os-work-page-hero-band .os-inner-hero-copy{max-width:760px}
.os-work-page-hero-band .os-page-hero--visual h1{max-width:780px;font-size:clamp(48px,5.2vw,76px);line-height:1.04;letter-spacing:-.055em;margin-bottom:26px}
.os-work-page-hero-band .os-inner-hero-copy>p:not(.os-eyebrow){max-width:620px;font-size:18px;line-height:1.85}
.os-work-page-hero-band .os-inner-hero-visual{width:100%;max-width:660px;margin:0;justify-self:end;padding:10px;border:0;border-radius:24px;background:#edf2fc;box-shadow:none}
.os-work-page-hero-band .os-inner-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:1.1;object-fit:cover;border-radius:16px}
.os-work-page-hero-band .os-page-hero--visual .os-actions{gap:14px;margin-top:30px}
.os-work-page-band{background:#fff;border:0;color:var(--os-ink)}
.os-work-page-band .os-work-inner{padding-block:clamp(64px,7vw,100px)}
.os-work-page-band .os-section-heading{align-items:end;margin-bottom:48px;border:0;padding-bottom:0}
.os-work-page-band .os-section-heading h2{max-width:650px;font-size:clamp(34px,3.4vw,50px);line-height:1.08;letter-spacing:-.045em;color:var(--os-brand)}
.os-work-page-band .os-section-heading .os-eyebrow{color:var(--os-brand)}
.os-work-page-band .os-section-heading>div>p:not(.os-eyebrow){color:var(--os-muted)}
.os-work-page-band .os-section-heading .os-text-link{color:var(--os-brand)}
.os-work-page-band .os-work-carousel{gap:24px;padding:0 var(--os-gutter) 16px;scrollbar-width:none}
.os-work-page-band .os-work-carousel>.os-project-mockup-only{flex-basis:calc((100vw - 2 * var(--os-gutter) - 48px)/3);scroll-snap-align:start}
.os-work-page-band .os-project-image{overflow:hidden;aspect-ratio:4/3;border:0;border-radius:18px;background:transparent;padding:0;transition:transform .25s}
.os-work-page-band .os-project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.os-work-page-band .os-project-image:hover img{transform:scale(1.025)}
.os-work-page-band .os-work-concept-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px 0}
.os-work-page-band .os-work-concept-meta h3{font-size:24px;line-height:1.25;letter-spacing:-.03em;color:var(--os-brand);margin:0 0 5px}
.os-work-page-band .os-work-concept-meta p{font-size:13px;color:var(--os-muted);margin:0}
.os-work-page-band .os-work-concept-meta>span{flex:none;padding:7px 10px;border:1px solid var(--os-blue-border);border-radius:999px;background:#fff;color:var(--os-brand);font-size:10px;letter-spacing:.06em}
.os-work-page-band .os-work-controls{padding:24px var(--os-gutter) 0;position:static;justify-content:center;gap:12px;pointer-events:auto}
.os-work-page-band .os-work-controls button{width:46px;height:46px;border:1px solid var(--os-blue-border);border-radius:50%;background:#fff;color:var(--os-brand);box-shadow:none;backdrop-filter:none}
.os-work-page-band .os-work-controls button:hover{background:var(--os-brand);color:#fff;transform:none}
@media(max-width:900px){.os-work-page-hero-band .os-page-hero--visual{grid-template-columns:1fr;padding-block:64px;gap:34px}.os-work-page-hero-band .os-page-hero--visual h1{font-size:clamp(42px,7vw,60px)}.os-work-page-hero-band .os-inner-hero-visual{max-width:620px;justify-self:center}}
@media(max-width:800px){.os-work-page-band .os-section-heading{margin-bottom:34px}.os-work-page-band .os-work-carousel>.os-project-mockup-only{flex-basis:calc((100vw - 2 * var(--os-gutter) - 24px)/2)}}
@media(max-width:520px){.os-work-page-hero-band .os-page-hero--visual{padding-block:48px;gap:28px}.os-work-page-hero-band .os-page-hero--visual h1{font-size:clamp(38px,9vw,48px);line-height:1.08}.os-work-page-hero-band .os-inner-hero-copy>p:not(.os-eyebrow){font-size:16px}.os-work-page-band .os-section-heading h2{font-size:34px}.os-work-page-band .os-work-carousel{gap:16px}.os-work-page-band .os-work-carousel>.os-project-mockup-only{flex-basis:calc(100vw - 2 * var(--os-gutter))}.os-work-page-band .os-work-concept-meta h3{font-size:22px}.os-work-page-band .os-work-concept-meta{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.os-work-page-band .os-project-image,.os-work-page-band .os-project-image img{transition:none}}