@layer components{.fs{--k:.64;background:var(--color-ink);color:var(--color-paper);position:relative}@media (min-width:900px){.fs{--k:.36}}.fs-stage{padding-block:var(--spacing-section) 4rem}.fs-head{gap:1rem;display:grid}@media (min-width:900px){.fs-head{grid-template-columns:7fr 5fr;align-items:end;gap:3rem}}.fs-note{max-width:28rem;color:var(--color-fog);font-size:.9375rem;line-height:1.5}.fs-viewport{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:2.5rem;scroll-padding-inline:max(1.25rem,50vw - 42rem);overflow-x:auto}.fs-viewport::-webkit-scrollbar{display:none}.fs-viewport:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:4px}.fs-track{gap:1.25rem;width:max-content;margin:0;padding:.5rem max(1.25rem,50vw - 42rem) 1rem;list-style:none;display:flex}@media (min-width:640px){.fs-track{padding-inline:max(2rem,50vw - 42rem)}}.fs-item{scroll-snap-align:start}.fs-card{width:calc(var(--k) * 100vw);color:inherit;transform-origin:50% 40%;flex-direction:column;display:flex}.fs-screen{width:calc(var(--k) * 100vw);height:calc(var(--k) * 100vh);background:var(--color-ink-soft);border-radius:12px;display:block;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0009}.fs-screen .study{scale:var(--k)}.site-shot{display:block;position:absolute;inset:0;overflow:hidden}.site-shot-img{object-fit:cover;object-position:50% 0%}.fs-name{font-family:var(--font-display);letter-spacing:-.02em;margin-top:1rem;font-size:1.25rem;font-weight:700;font-stretch:115%}.fs-branche{color:var(--color-fog);margin-top:.25rem;font-size:.875rem}.fs-more{color:var(--color-paper);align-items:center;gap:.4rem;margin-top:.75rem;font-size:.875rem;font-weight:600;display:inline-flex}.fs-card:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:6px;border-radius:12px}.fs-cta{height:calc(var(--k) * 100vh);background:var(--color-accent);border-radius:12px;justify-content:space-between;padding:1.5rem}.fs-cta-title{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:750;font-stretch:118%;line-height:1}@media (hover:hover) and (pointer:fine){.fs-screen .study{transition:transform .6s var(--ease-out-expo), translate .6s var(--ease-out-expo)}.fs-card:hover .fs-screen .study,.fs-card:hover .fs-screen .site-shot{transform:scale(1.02)}.fs-card:hover .fs-screen .study{translate:calc(var(--k) * -1vw) calc(var(--k) * -1vh)}.fs-screen .site-shot{transition:transform .6s var(--ease-out-expo)}.fs-card .arrow{transition:transform .4s var(--ease-out-expo)}.fs-card:hover .arrow{transform:translate(.25em)}}.fs[data-live] .fs-stage{flex-direction:column;justify-content:center;height:100svh;padding-block:5rem 3rem;display:flex}.fs[data-live] .fs-viewport{scroll-snap-type:none;overflow:clip}.fs[data-live] .fs-track{will-change:transform}}