html[data-landing-intro],html[data-landing-intro] body{background:var(--color-ink)}html[data-landing-intro] .site-shell{clip-path:inset(var(--intro-aperture-top,0px) var(--intro-aperture-side,0px) 0);transform:translate3d(var(--intro-shell-x,0px), var(--intro-shell-y,0px), 0) scale(var(--intro-shell-scale,1));transform-origin:50% 0;will-change:transform, clip-path}html[data-landing-intro] .hero-frame{clip-path:inset(var(--intro-crop-top,0px) var(--intro-crop-side,0px) var(--intro-crop-bottom,0px))}html[data-landing-intro] .hero-intro-image{filter:saturate(.18)brightness(.74)contrast(1.05);transition:filter 1.2s var(--ease-os-cover);will-change:filter}html[data-landing-intro=released] .hero-intro-image{filter:saturate()brightness()contrast()}html[data-landing-intro=held] .hero-plate{background-color:var(--color-bg)}html[data-landing-intro=held] .hero-image-zoom,html[data-landing-intro=held] .hero-progress{animation-play-state:paused}html[data-landing-intro=held] :is(header,.landing-chapter-rail,.hero-bottom,.hero-mobile-story__content,.hero-mobile-story__progress){visibility:hidden}@keyframes landing-intro-surface{0%{background-color:var(--color-bg)}to{background-color:var(--color-ink)}}@keyframes landing-intro-furniture{0%{opacity:0;transform:translateY(1.125rem)}to{opacity:1;transform:none}}html[data-landing-intro=released] .hero-plate{animation:.7s linear both landing-intro-surface}html[data-landing-intro=released] :is(header,.landing-chapter-rail,.hero-bottom,.hero-mobile-story__content,.hero-mobile-story__progress){animation:1.1s cubic-bezier(.16,1,.3,1) .55s both landing-intro-furniture}html[data-landing-intro=released] header{animation-delay:.62s}html[data-landing-intro=released] .landing-chapter-rail{animation-delay:.69s}.landing-intro-underlay{display:none}@media not all and (min-width:48rem){.landing-intro-underlay{background:var(--intro-underlay-bg,var(--color-bg));pointer-events:none;height:50svh;z-index:var(--layer-intro-edge);display:block;position:absolute;top:100dvh;left:0;right:0}}.landing-intro{color:var(--color-on-dark);pointer-events:all;touch-action:none;z-index:var(--layer-intro);position:fixed;inset:0;overflow:hidden}.landing-intro-panel{background:var(--color-bg);position:absolute;inset:0}.landing-intro-stage{padding:clamp(1.25rem, 3svh, 2rem) var(--layout-page-gutter);transform:translate3d(var(--intro-shell-x,0px), 0, 0);visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.landing-intro[data-ready=true] .landing-intro-stage{visibility:visible}.landing-intro-mark{aspect-ratio:1784/401;width:min(92vw,115.671svh,68rem);position:relative}.landing-intro-letter{position:absolute;inset:0;overflow:hidden}.landing-intro-letter i{background:currentColor;position:absolute;inset:0;-webkit-mask:url(/images/brand/onespace-logo-light.png) 50%/114.013% 162.344% no-repeat;mask:url(/images/brand/onespace-logo-light.png) 50%/114.013% 162.344% no-repeat}.landing-intro-studio,.landing-intro-foot{width:calc(100% - (var(--layout-page-gutter) * 2));position:absolute}.landing-intro-studio{top:clamp(1.25rem,3svh,2rem)}.landing-intro-foot{gap:var(--spacing-24);justify-content:space-between;display:flex;bottom:clamp(1.25rem,3svh,2rem)}.landing-intro-status{text-align:right;flex-direction:column;align-items:flex-start;display:flex}.landing-intro-plate{color:var(--color-primary);align-items:flex-end;gap:var(--spacing-24);width:calc(100% - (var(--layout-page-gutter) * 2));justify-content:space-between;display:flex;position:absolute;bottom:clamp(1.25rem,3.5svh,2.5rem)}.landing-intro-slogan{text-align:right;text-wrap:balance;margin:0;overflow:hidden}.landing-intro-slogan>span{display:block}.landing-intro-cue{color:var(--color-ink);opacity:1}@keyframes landing-intro-cue-arrow{0%,20%{opacity:.3;transform:translateY(-.2em)}45%{opacity:1;transform:translateY(.2em)}70%,to{opacity:.3;transform:translateY(.38em)}}.landing-intro-cue-arrow{vertical-align:-.05em;width:.75rem;margin:0 .35em 0 .2em;line-height:0;animation:1.15s cubic-bezier(.4,0,.2,1) infinite landing-intro-cue-arrow;display:inline-flex}html[data-landing-intro=held] .landing-intro{cursor:pointer}.landing-intro-line{margin:0;line-height:1.5;overflow:hidden}.landing-intro-line>span{display:block}@media not all and (min-width:48rem){.landing-intro-foot{align-items:flex-end}}@media (prefers-reduced-motion:reduce){.landing-intro-cue-arrow{animation:none}}