.landing-playground{position:relative;height:100dvh;overflow:hidden;--landing-name-inset: 24px;--landing-name-block: calc(var(--type-headline-l-line-height) * 2);--landing-sheet-pad-top: calc(8px + 42px + var(--spacing-20));--name-shift: calc( 100dvh - var(--landing-name-inset) - var(--landing-name-block) - var(--landing-sheet-pad-top) )}@media(min-width:600px){.landing-playground{--landing-name-inset: 48px;--landing-name-block: calc(var(--type-headline-xl-line-height) * 2);--landing-sheet-pad-top: calc(8px + 42px + var(--spacing-32))}}@media(min-width:1024px){.landing-playground{--landing-name-block: calc(var(--type-display-s-line-height) * 2);--landing-sheet-pad-top: calc(8px + 42px + var(--spacing-40))}}.landing-motion{position:absolute;inset:0;z-index:0;pointer-events:auto;transform-origin:center center;transition:filter .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}.landing-playground:not([data-mode=closed]) .landing-motion{filter:blur(52px);transform:scale(1.06);pointer-events:none}@media(min-width:1024px){.landing-playground:not([data-mode=closed]) .landing-motion{filter:blur(78px)}}.landing-chrome__tr,.landing-nav{position:absolute;z-index:4;top:8px;pointer-events:auto}.landing-chrome__tr{right:8px}.landing-nav{left:8px}.landing-company{position:absolute;z-index:6;top:8px;left:50%;height:42px;transform:translate(-50%)}.landing-company img{display:block;height:42px;width:auto}.landing-company .ds-tooltip__content{max-width:none}button.landing-nav-btn.ds-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0;overflow:hidden;width:var(--nav-w, auto);color:var(--foreground-primary);transition:background-color .12s ease,color .12s ease}button.landing-nav-btn.ds-btn[data-ready=true]{transition:width .52s cubic-bezier(.22,1,.36,1),background-color .12s ease,color .12s ease}.landing-nav-btn__label{display:flex;align-items:center;height:42px;padding-inline:var(--spacing-18);white-space:nowrap;opacity:1;transition:opacity .22s ease}.landing-nav-btn[data-shape=icon] .landing-nav-btn__label{position:absolute;opacity:0;pointer-events:none}.landing-nav-btn__icons{position:absolute;top:0;left:0;width:42px;height:42px;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .28s ease}.landing-nav-btn[data-shape=icon] .landing-nav-btn__icons{opacity:1;transition-delay:.08s}.landing-nav-btn__icons .ds-icon{background-color:var(--foreground-primary)}.landing-nav-btn__glyph{grid-area:1 / 1;display:flex;transition:opacity .32s ease,transform .42s cubic-bezier(.22,1,.36,1)}.landing-nav-btn[data-glyph=cross] .landing-nav-btn__glyph--arrow,.landing-nav-btn[data-glyph=arrow] .landing-nav-btn__glyph--cross{opacity:0;transform:scale(.7)}.landing-sheet{position:absolute;inset:0;z-index:1;pointer-events:none}.landing-playground[data-mode=about] .landing-sheet{pointer-events:auto}.landing-sheet__scroll{height:100%;overflow:hidden;overscroll-behavior:contain}.landing-playground[data-mode=about] .landing-sheet__scroll{overflow:auto}.landing-sheet__inner{padding:var(--landing-sheet-pad-top) var(--landing-name-inset) var(--spacing-96);max-width:760px}.landing-name{position:relative;z-index:1;margin:0 0 var(--spacing-32);color:var(--foreground-primary);transform:none;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .4s ease}.landing-playground[data-mode=closed] .landing-name{transform:translateY(var(--name-shift))}.landing-name__line{display:block;font-family:var(--font-display);font-weight:600;white-space:nowrap;font-size:var(--type-headline-l-size);line-height:var(--type-headline-l-line-height);letter-spacing:calc(var(--type-headline-l-tracking) * 1px)}@media(min-width:600px){.landing-name__line{font-size:var(--type-headline-xl-size);line-height:var(--type-headline-xl-line-height);letter-spacing:calc(var(--type-headline-xl-tracking) * 1px)}}@media(min-width:1024px){.landing-name__line{font-size:var(--type-display-s-size);line-height:var(--type-display-s-line-height);letter-spacing:calc(var(--type-display-s-tracking) * 1px)}}.landing-about-copy{opacity:0;transition:opacity .5s ease}.landing-playground[data-mode=about] .landing-about-copy{opacity:1;transition-delay:.12s}.landing-playground[data-mode=closed] .landing-about-copy{transition-duration:.28s;transition-delay:0s}.landing-playground[data-mode=grid] .landing-name,.landing-playground[data-mode=focus] .landing-name,.landing-playground[data-mode=grid] .landing-about-copy,.landing-playground[data-mode=focus] .landing-about-copy{opacity:0;pointer-events:none;transition-delay:0s;transition-duration:.38s}.landing-prose,.landing-contact{max-width:27rem;margin:0;font-family:var(--font-serif);font-weight:400;font-style:normal;font-size:19px;line-height:1.4;color:var(--foreground-primary)}@media(min-width:1024px){.landing-prose,.landing-contact{font-size:22px;line-height:1.38}}.landing-prose p{margin:0 0 .65em}.landing-prose p:last-child{margin-bottom:0}.landing-prose em{font-style:italic;font-weight:400}.landing-contact{margin-top:var(--spacing-4)}.landing-contact em{font-style:italic;font-weight:400}.landing-contact a,.landing-prose a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.14em;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent)}.landing-contact__mail{opacity:.5}.landing-contact a:hover,.landing-prose a:hover{text-decoration-color:currentColor}.landing-stack-slot{height:176px;margin:var(--spacing-28) 0 var(--spacing-32)}@media(min-width:600px){.landing-stack-slot{height:208px;margin:var(--spacing-32) 0 var(--spacing-40)}}.landing-stage{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:visible}.landing-stage[data-layout=grid],.landing-stage[data-layout=focus]{overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain}.landing-stage[data-layout=grid]{pointer-events:auto}.landing-stage[data-layout=focus]{pointer-events:none}.landing-grid{--thumb-w: 132px;--thumb-h: 148px;--cols: 2;--gap-y: 24px;--pad-top: 78px;--pad-bottom: 24px;display:grid;width:100%;min-height:100%;box-sizing:border-box;grid-template-columns:repeat(var(--cols),var(--thumb-w));grid-auto-rows:var(--thumb-h);justify-content:space-evenly;justify-items:center;align-items:center;align-content:start;column-gap:0;row-gap:var(--gap-y);padding:var(--pad-top) 0 var(--pad-bottom)}.landing-stage[data-layout=closed] .landing-grid,.landing-stage[data-layout=about] .landing-grid{display:none}.landing-grid__cell{width:min(var(--thumb-w),calc(var(--thumb-h) * var(--rw) / var(--rh)));height:min(var(--thumb-h),calc(var(--thumb-w) * var(--rh) / var(--rw)));justify-self:center;align-self:center;pointer-events:none}.landing-card{position:fixed;margin:0;padding:0;border:none;background:transparent;display:block;cursor:pointer;opacity:0;pointer-events:none;transform-origin:top left;transition:opacity .45s ease;-webkit-tap-highlight-color:transparent}.landing-playground[data-mode=about] .landing-card,.landing-playground[data-mode=grid] .landing-card{opacity:1;pointer-events:auto}.landing-playground[data-mode=grid] .landing-card,.landing-playground[data-mode=focus] .landing-card{transition:none}.landing-playground[data-mode=focus] .landing-card:not([data-active=true]){visibility:hidden}.landing-playground[data-mode=about] .landing-card{transition-delay:.16s;touch-action:pan-y}.landing-playground[data-mode=closed] .landing-card{transition-duration:.25s;transition-delay:0s}.landing-playground[data-mode=focus] .landing-card[data-active=true]{opacity:1;pointer-events:auto;transition-delay:0s}.landing-card.is-flying{will-change:transform}.landing-card.is-flying .landing-card__paper{transition:none}.landing-card__paper{display:block;width:100%;height:100%;border-radius:4px;overflow:hidden;background:var(--surface-1);box-shadow:0 1px 1px #0000000a,0 2px 6px #0000000d;transform:rotate(var(--rot, 0deg));transform-origin:center center;transition:transform .72s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.landing-card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none}@media(hover:hover)and (pointer:fine){.landing-stage[data-layout=grid] .landing-card:hover{z-index:3}.landing-stage[data-layout=grid] .landing-card:hover .landing-card__paper{transform:rotate(var(--rot, 0deg)) translateY(-5px);box-shadow:0 1px 2px #0000000d,0 4px 10px #00000012}}@media(prefers-reduced-motion:reduce){.landing-motion,.landing-name,.landing-about-copy,.landing-nav-btn,.landing-card,.landing-card__paper,.landing-nav-btn__label,.landing-nav-btn__icons,.landing-nav-btn__glyph{transition:none!important}}