.work-root{--wk-surface:#fff;--wk-ok:#10b981;--wk-loop-ring:#e7e0d4;--wk-ink-stone:#757068;--wk-ok-ink:#047857;--wk-cta-fill:#2a63f5;background:var(--brand-bg);color:var(--brand-fg)}[data-theme=dark] .work-root{--wk-surface:#1a1d23;--wk-loop-ring:#262b33;--wk-ink-stone:var(--brand-stone);--wk-ok-ink:var(--wk-ok)}.wk-display{font-family:var(--font-brand-display),var(--font-brand-display-cyr),system-ui,sans-serif;letter-spacing:-.03em;color:var(--brand-fg);text-wrap:balance;font-weight:300;line-height:1.06}.wk-h1{font-size:clamp(2.1rem,1rem + 3.4vw,3.9rem)}.wk-h2{font-size:clamp(1.7rem,1rem + 2.2vw,2.6rem)}.wk-mono{font-family:var(--font-brand-mono),monospace;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:400}.wk-sub{color:color-mix(in srgb,var(--brand-fg)72%,transparent)}.wk-muted{color:color-mix(in srgb,var(--brand-fg)45%,var(--brand-stone))}.wk-roll{vertical-align:bottom;display:inline-block;position:relative;overflow:hidden}.wk-roll-a,.wk-roll-b{transition:transform .2s var(--ease-out-expo);display:inline-block}.wk-roll-b{color:var(--brand-signal);position:absolute;top:100%;left:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){a:hover .wk-roll .wk-roll-a,button:hover .wk-roll .wk-roll-a,a:hover .wk-roll .wk-roll-b,button:hover .wk-roll .wk-roll-b{transform:translateY(-100%)}}.wk-hero{padding-top:clamp(7rem,16vh,10rem)}.wk-rail{scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;padding:8px 24px 20px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.wk-rail-track,.wk-rail-set{gap:16px;display:flex}.wk-rail-dup{display:none}.wk-rail::-webkit-scrollbar{display:none}.wk-rail.marquee{scroll-snap-type:none;overflow:hidden}.wk-rail.marquee .wk-rail-track{will-change:transform;width:max-content}.wk-rail.marquee .wk-rail-dup{display:flex}.wk-rail.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.wk-rail:focus-visible{outline:2px solid var(--brand-signal);outline-offset:4px}.wk-rail-card{scroll-snap-align:center;border:1px solid color-mix(in srgb,var(--brand-stone)30%,transparent);background:var(--wk-surface);border-radius:16px;flex:none;transition:border-color .2s;overflow:hidden}.wk-rail-card:hover{border-color:color-mix(in srgb,var(--brand-signal)45%,transparent)}.wk-rail-media{background:color-mix(in srgb,var(--brand-stone)10%,transparent);position:relative;overflow:hidden}.wk-rail--products .wk-rail-card{width:min(84vw,420px)}.wk-rail--products .wk-rail-media{aspect-ratio:16/10}.wk-rail--sites .wk-rail-card{border-radius:14px;width:min(84vw,304px)}.wk-rail--sites .wk-rail-media{aspect-ratio:1}.wk-card-bottom{background:linear-gradient(#0000 0%,#0b0d1075 20%,#0b0d10db 48%,#0b0d10eb 100%);flex-direction:column;gap:10px;padding:44px 18px 18px;display:flex;position:absolute;inset:auto 0 0}.wk-rail--sites .wk-card-bottom{gap:8px;padding:38px 14px 14px}.wk-card-title{color:#fff;text-shadow:0 1px 12px #0b0d108c;font-size:1.4rem}.wk-rail--sites .wk-card-title{font-size:1.05rem}.wk-card-meta{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.22,1,.36,1),opacity .28s;display:grid}.wk-card-meta>div{flex-direction:column;gap:9px;display:flex;overflow:hidden}.group:hover .wk-card-meta,.group:focus-visible .wk-card-meta,.group:active .wk-card-meta{opacity:1;grid-template-rows:1fr}@media (hover:none){.wk-card-meta{opacity:1;grid-template-rows:1fr}}.wk-card-line{color:#fffc;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}@media (max-width:767px){.wk-card-line{-webkit-line-clamp:2}.wk-rail--sites .wk-card-bottom{padding-top:28px}}.wk-card-year{font-family:var(--font-brand-mono),monospace;letter-spacing:.08em;color:#ffffff9e;font-size:11px}.wk-sweep{position:relative}.wk-sweep:after{content:"";background:linear-gradient(105deg,transparent 38%,color-mix(in srgb,var(--brand-paper)22%,transparent)50%,transparent 62%);pointer-events:none;z-index:5;position:absolute;inset:0;transform:translate(-110%)}@media (hover:hover) and (prefers-reduced-motion:no-preference){a:hover .wk-sweep:after{transition:transform .7s var(--ease-out-expo);transform:translate(110%)}}.wk-rails{flex-direction:column;gap:clamp(2.5rem,5vh,4rem);padding-bottom:clamp(4rem,9vh,7rem);display:flex}.wk-rail-block{flex-direction:column;gap:14px;display:flex}.wk-rail-label{align-items:baseline;gap:10px;display:flex}