.stage{background:var(--ground);color:var(--stage-ink,var(--paper));display:block;position:absolute;inset:0;overflow:hidden}.stage:not([data-live]),.stage:not([data-live]) *{animation-play-state:paused!important}.stage-canvas,.stage-fill{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage .work-tile-video{z-index:1}.stage-logo{z-index:2;width:26%;aspect-ratio:var(--ratio,4);-webkit-mask:var(--logo) no-repeat left bottom / contain;mask:var(--logo) no-repeat left bottom / contain;background:currentColor;position:absolute;bottom:7%;left:6%}.stage-logo--academy{--logo:url(/media/stages/kst-academy-logo.svg);--ratio:3.47}.stage-logo--mag{--logo:url(/media/stages/kstmag-logo.svg);--ratio:6.65;width:34%}.stage-logo--habitwizz{--logo:url(/media/stages/habitwizz-wordmark.svg);--ratio:5.5;width:32%}.stage-logo--nullka{--logo:url(/media/stages/nullka-symbol.svg);--ratio:1;width:9%}.stage-logo--epo1{--logo:url(/Partners/EPO1_logo.svg);--ratio:2.4;width:18%}.stage-skupy-icon{z-index:1;aspect-ratio:1;width:24%;animation:stage-float 6s var(--ease-scene) infinite alternate;border-radius:22%;position:absolute;top:50%;left:50%;translate:-50% -50%}.stage--galaxy:after{content:"";aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--stage-accent) 45%, transparent), transparent);width:46%;animation:stage-breathe 4s var(--ease-scene) infinite alternate;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.stage--kaspercz{background-image:linear-gradient(to right, color-mix(in srgb, var(--stage-ink) 7%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--stage-ink) 7%, transparent) 1px, transparent 1px);background-size:6% 6%}.stage-window{z-index:1;aspect-ratio:16/10;border-radius:var(--radius-control);background:var(--paper);outline:1px solid color-mix(in srgb, var(--stage-ink) 25%, transparent);width:78%;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.stage-window-bar{background:color-mix(in srgb, var(--stage-ink) 92%, var(--ground));align-items:center;gap:3%;height:6%;padding-inline:2.5%;display:flex}.stage-window-bar>i{aspect-ratio:1;background:color-mix(in srgb, var(--ground) 40%, transparent);border-radius:50%;width:1.6%}.stage-window-page{height:94%;display:block;overflow:hidden}.stage-window-page>img{width:100%;height:auto;animation:stage-scroll 26s var(--ease-scene) infinite alternate;display:block}.stage-nullka{height:70%;position:absolute;top:46%;left:50%;translate:-50% -50%}.stage-nullka circle{fill:color-mix(in srgb, var(--stage-ink) 75%, var(--ground));animation:10s linear infinite stage-dot;animation-delay:calc(var(--i) / var(--n) * 7s)}.stage--epo1:before{content:"";z-index:2;background:linear-gradient(transparent, color-mix(in srgb, var(--ground) 70%, transparent));position:absolute;inset:55% 0 0}.stage-logo--epo1{z-index:3}.stage-slide{object-fit:cover;opacity:0;width:100%;height:100%;animation:stage-slide calc(var(--count) * 5s) linear infinite;animation-delay:calc(var(--s) * 5s - 1s);position:absolute;inset:0}.stage-slide:first-child{opacity:1}.stage-mag{height:78%;animation:60s linear infinite stage-spin;position:absolute;top:46%;left:50%;overflow:visible;translate:-50% -50%}.stage-mag-guides :is(circle,polygon,line){fill:none;stroke:var(--stage-accent);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.7;stroke-dasharray:1;stroke-dashoffset:1px;animation:stage-draw-hold 10s var(--ease-scene) infinite}.stage-mag-guides line{stroke-dasharray:.015 .012;stroke-dashoffset:0;animation-name:stage-fade-in}.stage-mag-line{fill:none;stroke:var(--stage-accent-2);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;animation:stage-draw-hold 10s var(--ease-scene) infinite;animation-delay:1.2s}.stage-mag-star{opacity:0;animation:stage-mag-fill 10s var(--ease-scene) infinite}.stage-macbook-screen{z-index:1;width:44.17%;height:36.83%;position:absolute;top:22.38%;left:12.38%;overflow:hidden}.stage-macbook-screen>img{filter:brightness(.93);width:100%;height:auto;animation:stage-scroll-journal 30s var(--ease-scene) infinite alternate;display:block}.stage-journal-icon{z-index:2;aspect-ratio:1;width:13%;animation:stage-icon-float 6s var(--ease-scene) infinite alternate;position:absolute;bottom:10%;right:9%}.stage--academy .stage-logo{color:var(--paper)}.stage-habit-glow{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--stage-accent) 26%, transparent), transparent);width:70%;animation:stage-breathe 7s var(--ease-scene) infinite alternate;border-radius:50%;position:absolute;top:44%;left:50%;translate:-50% -50%}.stage-habit-flower{z-index:1;aspect-ratio:510/560;height:56%;animation:stage-habit-float 7s var(--ease-scene) infinite alternate;position:absolute;top:44%;left:50%;translate:-50% -50%}.stage-habit-flower>img{width:100%;height:100%;display:block}.stage-habit-sheen{background:linear-gradient(105deg, transparent 35%, color-mix(in srgb, var(--paper) 55%, transparent) 50%, transparent 65%) no-repeat;mix-blend-mode:screen;animation:stage-sheen 6s var(--ease-scene) infinite;background-size:300% 100%;position:absolute;inset:0;mask:url(/media/stages/habitwizz-symbol.webp) 50%/contain no-repeat}.stage-habit-shadow{background:radial-gradient(closest-side, color-mix(in srgb, var(--stage-accent) 45%, transparent), transparent);width:34%;height:5%;animation:stage-habit-shadow 7s var(--ease-scene) infinite alternate;border-radius:50%;position:absolute;top:79%;left:50%;translate:-50% -50%}.stage--kstbrand{grid-template-columns:44% 1fr;gap:2%;padding:2%;display:grid}.stage-kst-board{border-radius:var(--radius-control);background:color-mix(in srgb, var(--paper) 4%, var(--ground));place-items:center;display:grid;position:relative;overflow:hidden}.stage-kst-figure{width:54%;animation:stage-kst-jump 9s var(--ease-scene) infinite;position:absolute;top:42%;left:50%;overflow:visible;translate:-50% -50%}.stage-kst-fill{fill:var(--paper);opacity:0;animation:stage-kst-fill 9s var(--ease-scene) infinite}.stage-kst-line :is(circle,path){fill:none;stroke:var(--paper);stroke-width:.35px;stroke-dasharray:1;stroke-dashoffset:1px;animation:stage-kst-line 9s var(--ease-scene) infinite}.stage-kst-family{align-items:center;gap:1rem;display:flex;position:absolute;bottom:10%;left:50%;translate:-50%}.stage-kst-family>svg{width:auto;height:clamp(.75rem,1.6vw,1.1rem);fill:var(--paper);opacity:.3;animation:8s step-end infinite stage-kst-family;animation-delay:calc(var(--i) * 8s / 3)}.stage-brand-photos{border-radius:var(--radius-control);position:relative;overflow:hidden}.stage-scene{scale:var(--push-from,1);animation:stage-push 24s var(--ease-scene) infinite alternate;position:absolute;inset:0}.stage-scene--billboard{transform-origin:50%;--push-to:1.03}.stage-scene--book{transform-origin:50% 46%}.stage-scene--citylight{transform-origin:50% 45%}.stage-swap{opacity:0}.stage-scene--billboard .stage-swap{animation:stage-cycle-5 25s var(--ease-scene) infinite;animation-delay:calc(var(--i) * 5s)}.stage-scene--citylight .stage-fill:nth-child(2){animation:stage-swap-3a 15s var(--ease-scene) infinite}.stage-scene--citylight .stage-fill:nth-child(3){animation:stage-swap-3b 15s var(--ease-scene) infinite}.stage-hwr{width:100%;height:100%;position:absolute;inset:0}.stage-hwr-traces path,.stage-hwr-pulses path{fill:none;stroke:url(#stage-hwr-trace);stroke-width:1.4px;stroke-linejoin:round}.stage-hwr-traces{opacity:.32}.stage-hwr-pads circle{fill:var(--ground);stroke:url(#stage-hwr-trace);stroke-width:1.4px}.stage-hwr-pulses path{stroke-width:2px;stroke-linecap:round;stroke-dasharray:.07 1.3;stroke-dashoffset:.07px;animation:stage-hwr-pulse var(--d) linear infinite;animation-delay:calc(var(--i) * -.53s)}.stage-hwr-pulses{filter:drop-shadow(0 0 2px color-mix(in srgb, var(--paper) 45%, transparent))}.stage-hwr-chip{fill:var(--ground);stroke:color-mix(in srgb, var(--paper) 22%, transparent);stroke-width:1px;animation:stage-hwr-chip 3s var(--ease-scene) infinite alternate}.stage-hwr-blue{fill:var(--stage-accent-2)}.stage-hwr-red{fill:var(--stage-accent)}@keyframes stage-habit-float{0%{translate:-50% -53%;rotate:-3deg}to{translate:-50% -47%;rotate:3deg}}@keyframes stage-habit-shadow{0%{opacity:.6;scale:.8}to{opacity:1;scale:1.1}}@keyframes stage-sheen{0%,40%{background-position:100% 0}to{background-position:0 0}}@keyframes stage-kst-line{0%{stroke-dashoffset:1px;opacity:1}30%,88%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes stage-kst-fill{0%,30%{opacity:0}40%,88%{opacity:1}to{opacity:0}}@keyframes stage-kst-jump{0%,44%{translate:-50% -50%;scale:1}48%{translate:-50% -50%;scale:1.06 .94}54%{translate:-50% -62%;scale:.97 1.04}60%{translate:-50% -50%;scale:1.04 .96}64%,to{translate:-50% -50%;scale:1}}@keyframes stage-kst-family{0%{opacity:1}33.3%{opacity:.3}}@keyframes stage-push{0%{scale:var(--push-from,1)}to{scale:var(--push-to,1.07)}}@keyframes stage-cycle-5{0%{opacity:0;scale:1.05}3%{opacity:1}20%{opacity:1}23%,to{opacity:0;scale:1}}@keyframes stage-swap-3a{0%,28%{opacity:0}33%,72%{opacity:1}73%,to{opacity:0}}@keyframes stage-swap-3b{0%,61%{opacity:0}66%,95%{opacity:1}to{opacity:0}}@keyframes stage-hwr-pulse{0%{stroke-dashoffset:.07px}to{stroke-dashoffset:-1.3px}}@keyframes stage-hwr-chip{0%{stroke:color-mix(in srgb, var(--paper) 14%, transparent)}to{stroke:color-mix(in srgb, var(--paper) 40%, transparent)}}@keyframes stage-fade-in{0%,8%{opacity:0}20%,to{opacity:.5}}@keyframes stage-mag-fill{0%,34%{opacity:0}46%,92%{opacity:1}to{opacity:0}}@keyframes stage-scroll-journal{0%{translate:0}to{translate:0 -83%}}@keyframes stage-icon-float{0%{translate:0;rotate:-4deg}to{translate:0 -8%;rotate:4deg}}@keyframes stage-float{0%{translate:-50% -54%}to{translate:-50% -46%}}@keyframes stage-breathe{0%{opacity:.55;scale:.9}to{opacity:1;scale:1.1}}@keyframes stage-breathe-scale{0%{scale:1}to{scale:1.07}}@keyframes stage-glint{0%,55%{translate:-70%}to{translate:70%}}@keyframes stage-draw{0%{stroke-dashoffset:1px}30%,80%{stroke-dashoffset:0;opacity:.85}95%,to{stroke-dashoffset:0;opacity:0}}@keyframes stage-draw-hold{0%{stroke-dashoffset:1px}40%,to{stroke-dashoffset:0}}@keyframes stage-plate{0%{opacity:0;scale:.2}8%,70%{opacity:1;scale:1}82%,to{opacity:0;scale:1}}@keyframes stage-scroll{0%{translate:0}to{translate:0 -85%}}@keyframes stage-turn{0%{transform:rotateY(-38deg)rotateX(10deg)}to{transform:rotateY(38deg)rotateX(-6deg)}}@keyframes stage-dot{0%{fill:color-mix(in srgb, var(--stage-ink) 75%, var(--ground))}2%{fill:var(--stage-accent)}5%,80%{fill:color-mix(in srgb, var(--stage-ink) 10%, var(--ground))}to{fill:color-mix(in srgb, var(--stage-ink) 75%, var(--ground))}}@keyframes stage-spin{to{rotate:360deg}}@keyframes stage-slide{0%{opacity:0;scale:1}8%{opacity:1}33%{opacity:1}41%,to{opacity:0;scale:1.08}}@media (prefers-reduced-motion:reduce){.stage,.stage *{animation:none!important}.stage-mag-guides :is(circle,polygon),.stage-mag-line,.stage-kst-line :is(circle,path){stroke-dashoffset:0}.stage-mag-star,.stage-kst-fill{opacity:1}.stage-hwr-pulses,.stage:after{display:none}}.work-tiles{align-items:start;column-gap:var(--space-2);row-gap:var(--space-16);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.work-tile{min-width:0}.work-tile-link{gap:var(--space-2);color:inherit;text-decoration:none;display:grid}.work-tile-caption{font-size:var(--type-text);line-height:var(--leading-ui);display:grid}.work-tile-name{text-transform:uppercase}.work-tile-kind{color:var(--ink-muted)}.work-tile-media{aspect-ratio:var(--tile-ratio,4 / 3);border-radius:var(--radius-panel-inner);background:var(--surface-raised);display:grid;position:relative;overflow:hidden}.work-tile-media:has(.stage--slides){aspect-ratio:16/9}.work-tile-link:is(:hover,:focus-visible) .stage{scale:1.02}.stage{transition:scale var(--spring-soft)}.work-tile-link:is(:hover,:focus-visible) .work-tile-name{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.work-tile-strip{display:none}.work-tile:nth-child(6n+1 of .work-tile){--tile-ratio:4 / 3;grid-column:1/span 4}.work-tile:nth-child(6n+2 of .work-tile){--tile-ratio:16 / 10;grid-column:5/span 4}.work-tile:nth-child(6n+3 of .work-tile){--tile-ratio:4 / 5;grid-column:9/span 4}.work-tile:nth-child(6n+4 of .work-tile){--tile-ratio:1;grid-column:1/span 5}.work-tile:nth-child(6n+5 of .work-tile){--tile-ratio:3 / 4;grid-column:6/span 3}.work-tile:nth-child(6n+6 of .work-tile){--tile-ratio:4 / 3;grid-column:9/span 4}@media (width<48rem){.work-tiles{row-gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr))}.work-tile:nth-child(3n+1 of .work-tile){--tile-ratio:1;grid-column:1}.work-tile:nth-child(3n+2 of .work-tile){--tile-ratio:1;grid-column:2}.work-tile:nth-child(3n+3 of .work-tile){--tile-ratio:4 / 3;grid-column:1/-1}}.work-tiles[data-layout=index]{grid-template-columns:minmax(0,1fr);row-gap:0;display:grid}.work-tiles[data-layout=index]>.work-tile{border-top:1px solid var(--rule-soft);grid-column:1/-1}.work-tiles[data-layout=index]>.work-tile:last-child{border-bottom:1px solid var(--rule-soft)}.work-tiles[data-layout=index] .work-tile-link{align-items:start;column-gap:var(--space-2);padding-block:var(--space-3);grid-template-columns:repeat(12,minmax(0,1fr))}.work-tiles[data-layout=index] .work-tile-caption{grid-column:1/span 3}.work-tiles[data-layout=index] .work-tile-media{display:none}.work-tiles[data-layout=index] .work-tile-strip{align-items:start;gap:var(--space-2);grid-column:4/-1;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.work-tiles[data-layout=index] .work-tile-strip img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-panel-inner);background:var(--surface);width:100%;height:auto;transition:opacity var(--motion-ui) var(--ease-ui);display:block}.work-tiles[data-layout=index] .work-tile-link:is(:hover,:focus-visible) .work-tile-strip img:not(:hover){opacity:.7}@media (width<64rem){.work-tiles[data-layout=index] .work-tile-link{row-gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.work-tiles[data-layout=index] .work-tile-caption,.work-tiles[data-layout=index] .work-tile-strip{grid-column:1}.work-tiles[data-layout=index] .work-tile-strip{scrollbar-width:none;scroll-snap-type:x proximity;grid-template-columns:repeat(5,minmax(42%,1fr));overflow-x:auto}.work-tiles[data-layout=index] .work-tile-strip img{scroll-snap-align:start}}@media (prefers-reduced-motion:reduce){.stage{transition:none}.work-tile-video{display:none}}.work-tile-media:has(:is(.stage--kasper,.stage--kstbrand)){aspect-ratio:4/3}
