.hero{position:relative;overflow:hidden}.hero .art{pointer-events:none;position:absolute;inset:0 0 auto}.hero .art .grain-box,.hero .art-target,.hero .art-target svg{width:100%;height:100%}.hero{align-items:center;min-height:calc(100svh - 74px);display:flex}.hero .content{padding-block:40vw;position:relative}.hero .block{flex-direction:column;gap:24px;max-width:760px;display:flex}.hero .ctas{flex-wrap:wrap;gap:16px;display:flex}@media (width>=768px){.hero .content{padding-block:240px}.hero .block{text-align:center;align-items:center;margin-inline:auto}}@media (width<=767px){.hero .display-xl{font-size:40px}}.stage .runway{--pin-h:min(760px, calc(100svh - 106px));height:calc(var(--steps) * 60svh + var(--pin-h))}.stage .pin{height:var(--pin-h);position:sticky;top:90px}.stage .tile{isolation:isolate;border-radius:var(--radius-tile);background:var(--tile-hue);height:100%;color:var(--hue-foreground);position:relative;overflow:hidden}.stage .wipe{fill:var(--wipe);position:absolute;top:0;left:0}.stage .wipe rect{visibility:hidden}.stage .wipe[data-shown="0"] rect[data-g="0"],.stage .wipe[data-shown="1"] rect:is([data-g="0"],[data-g="1"]),.stage .wipe[data-shown="2"] rect:is([data-g="0"],[data-g="1"],[data-g="2"]),.stage .wipe[data-shown="3"] rect{visibility:visible}.stage .tile .grain{z-index:1;opacity:.3;border-radius:0}.stage .body{grid-template-rows:auto 1fr;gap:16px;height:100%;padding:24px;display:grid;position:relative}.stage .copy{z-index:2;position:relative}.stage .head{flex-direction:column;gap:8px;display:flex}.stage .head .bk-overline{color:var(--hue-foreground)}.stage .head .bk-display{font-size:32px}.stage .copy{flex-direction:column;gap:16px;display:flex}.stage .track{gap:6px;display:flex}.stage .track span{border:2px solid var(--hue-foreground);border-radius:999px;width:32px;height:6px}.stage .track span[data-done]{background:var(--hue-foreground)}.stage .steps{margin:0;padding:0;list-style:none;position:relative}.js .stage .steps li:not([aria-current]){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage .steps li{flex-direction:column;gap:8px;display:flex}.stage .num{font:500 16px/1 var(--font-mono);letter-spacing:.08em;margin:0}.stage .steps h3{font:600 18px/1.3 var(--font-sans);margin:0}.stage .text{max-width:34ch;margin:0;font-size:18px;line-height:1.45}.stage .scene{z-index:0;--iso-hue:var(--hue-foreground);--iso-face:var(--tile-hue);width:100%;height:100%;min-height:0;position:relative;overflow:visible}@media (width>=768px){.stage .body{grid-template-rows:none;grid-template-columns:5fr 7fr;align-items:center;gap:32px;padding:48px}.stage .copy{gap:24px}}@media (width>=1024px){.stage .head .bk-display{font-size:40px}}@media (orientation:landscape) and (height<=500px){.stage .body{grid-template-rows:none;grid-template-columns:1fr 1fr;align-items:center;padding:24px}.stage .head .bk-overline{display:none}.stage .head .bk-display{font-size:24px}.stage .copy{gap:16px}}.stage [data-show]{visibility:hidden}.stage .scene[data-state="0"] [data-show~="0"],.stage .scene[data-state="1"] [data-show~="1"],.stage .scene[data-state="2"] [data-show~="2"],.stage .scene[data-state="3"] [data-show~="3"],.stage .scene[data-state="4"] [data-show~="4"]{visibility:visible}.stage .edge{fill:none;stroke:var(--iso-hue);stroke-width:3px;stroke-dasharray:1;stroke-dashoffset:1px}.stage .scene[data-state="2"] .edge,.stage .scene[data-state="4"] .api{stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){.stage .drop{transform-box:view-box}.stage .scene[data-state="1"] [data-show~="1"] .drop,.stage .scene[data-state="3"] [data-show~="3"] .drop,.stage .scene[data-state="4"] [data-show~="4"] .drop{animation:drop .3s steps(3) calc(var(--i,0) * .24s) both}.stage .scene[data-state="2"] .edge,.stage .scene[data-state="4"] .api{animation:draw .4s steps(4) calc(var(--i,0) * .2s + .2s) both}.stage .scene[data-state="0"] .hook .iso-block{animation:repeat 1.8s steps(1) calc(var(--i) * .6s) infinite both}.stage .blok{transition:transform .3s steps(2,end)}}.stage .scene[data-state="4"] .blok{transform:translateY(-60px)}.stage .blok{transform-box:fill-box;transform-origin:50%}.stage .scene[data-state="3"] .blok{transform:scale(1.4)}@keyframes drop{0%{transform:translateY(-48px)}to{transform:none}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes repeat{0%{visibility:hidden}33%{visibility:visible}}.tile{flex-direction:column;align-items:flex-start;gap:8px;min-height:168px;text-decoration:none;display:flex}.tile-title{margin:8px 0 0;font-size:18px;font-weight:600;line-height:1.3}.tile-text{color:var(--foreground);margin:0;font-size:16px}@media (prefers-reduced-motion:no-preference){.tile.linked{transition:transform .2s steps(2,end)}}.tile.linked:hover{transform:translateY(-8px)}.mosaic[data-astro-cid-fvt27huk]{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none;display:grid}.mosaic[data-astro-cid-fvt27huk] li[data-astro-cid-fvt27huk]{display:grid}.inner[data-astro-cid-s4w6c3a4]{text-align:center;flex-direction:column;align-items:center;display:flex}.inner[data-astro-cid-s4w6c3a4]>[data-astro-cid-s4w6c3a4]+[data-astro-cid-s4w6c3a4]{margin-top:32px}.inner[data-astro-cid-s4w6c3a4]>.bk-logo{margin-top:max(48px,3.33333vw)}h2[data-astro-cid-s4w6c3a4]{max-width:18ch}.band{height:clamp(160px,18vw,260px);position:relative}.band .grain-box,.band-target,.band-target svg{width:100%;height:100%}.showcase .sc-grid{grid-template-areas:"head""photo""figure";gap:32px;display:grid}.showcase .sc-head{grid-area:head}.showcase .sc-head p{margin:0}.showcase .sc-head h2+p{margin-top:24px}.showcase .sc-photo{aspect-ratio:16/10;grid-area:photo}.showcase .sc-figure{flex-direction:column;grid-area:figure;align-items:center;gap:16px;margin:0;display:flex}.showcase .sc-photo.through{aspect-ratio:7/5}@media (width>=768px){.showcase .sc-grid{grid-template:"head photo""figure photo"1fr/1fr 1fr;align-items:start;gap:48px 32px}.showcase.reverse .sc-grid{grid-template-areas:"photo head""photo figure"}.showcase .sc-photo,.showcase .sc-photo.through{aspect-ratio:auto;contain:size;height:100%;min-height:480px}.showcase .sc-figure{align-items:flex-start}.showcase .sc-photo.through{min-height:0}}@media (width>=1024px){.showcase .sc-grid{column-gap:64px}}
