.motion-reveal{opacity:0;translate:0 -14px;transition:opacity .85s ease,translate 1s cubic-bezier(.22,1,.36,1),scale 1.1s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.motion-reveal.motion-image{translate:0 18px;scale:.975}
.motion-reveal.motion-visible,.motion-reveal:focus-within{opacity:1;translate:0 0;scale:1}
.reading-progress{position:fixed;inset:0 0 auto;height:2px;background:#00B9EF;transform-origin:left;scale:0 1;pointer-events:none;z-index:1000}
@media(prefers-reduced-motion:reduce){.motion-reveal{opacity:1;translate:none;scale:none;transition:none}.reading-progress{display:none}html{scroll-behavior:auto}}
@media(prefers-reduced-motion:no-preference){
.workspace-stage{animation:workspace-arrive .75s cubic-bezier(.22,1,.36,1) both}
[hidden] .workspace-stage{animation:none}
@keyframes workspace-arrive{from{opacity:0;translate:0 12px;scale:.985}to{opacity:1;translate:0 0;scale:1}}
.mobile-showcase-grid .expand-shot{transition:box-shadow .35s ease,border-color .35s ease}
.mobile-showcase-grid .expand-shot:hover{border-color:#ffffff65;box-shadow:0 16px 34px #00000028}
}
.hero>.landing-video+.mac-workspace-promo{border-radius:16px;overflow:hidden}

.workspace-horizontal-tour .section-nav{margin:0;padding:10px 5%;flex-wrap:nowrap;overflow-x:auto;background:#1B242A;scrollbar-width:thin}
.workspace-horizontal-tour .section-nav a{flex:1 0 auto;white-space:nowrap}
.workspace-horizontal-tour .section-nav a[aria-selected=true]{background:#fff;color:#1B242A;border-color:#fff}
.workspace-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#747C83 #F4F5F6;align-items:flex-start}
.workspace-track>.feature-section{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;margin:0;padding-bottom:35px}
.workspace-track .motion-reveal{opacity:1;translate:none;scale:none}
@media(max-width:760px){.workspace-horizontal-tour .section-nav{padding:8px 5%;gap:6px}.workspace-horizontal-tour .section-nav a{padding:12px 18px}}

.mobile-showcase-grid .motion-reveal{transition-duration:1.25s,1.45s,1.45s}
.mobile-showcase-grid .expand-shot.motion-reveal{transition:opacity 1.25s ease var(--reveal-delay,0ms),translate 1.45s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),scale 1.45s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),box-shadow .35s ease,border-color .35s ease}
@media(prefers-reduced-motion:reduce){.mobile-showcase-grid .expand-shot.motion-reveal{transition:none}}

@media(hover:hover) and (pointer:fine){.workspace-track{overflow-x:hidden}}

.motion-copy.motion-reveal{transition:opacity 1.65s ease var(--reveal-delay,0ms),translate 1.8s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}
@media(prefers-reduced-motion:reduce){.motion-copy.motion-reveal{transition:none}}

/* Workspace intro and Slack caption positioning. */
@media(min-width:761px){
.workspace-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:7%;align-items:center;padding-bottom:65px}
.workspace-intro>.eyebrow{grid-column:1 / -1}
.workspace-intro h1{font-size:clamp(48px,4.8vw,74px);max-width:100%}
.workspace-intro .lede{margin:0;max-width:none}
.workspace-track #communications>.feature-heading{position:relative;top:40px}
}

@media(min-width:761px){.workspace-intro{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);column-gap:4%}.workspace-intro h1{font-size:clamp(30px,3.5vw,62px);white-space:nowrap}}

@media(min-width:761px){.workspace-intro>h1,.workspace-intro>.lede,.workspace-intro>.eyebrow{position:relative;top:-40px}.workspace-intro>.lede{text-align:right}}

.workspace-horizontal-tour .workspace-track>.feature-section{padding-bottom:0;min-height:0}
.workspace-caption{padding:70px 7% 35px;text-align:right;background:#fff;color:#2B3036}
.workspace-caption h2{font-size:clamp(34px,4vw,58px)}
.workspace-caption p{margin:25px 0 0;font-size:20px;line-height:1.8;color:#000}
@media(max-width:760px){.workspace-caption{padding:40px 7%}.workspace-caption p{font-size:18px}}