@layer components{:root:has(main.wk) body{background:var(--color-bg)}.wk-reel{--fg:var(--color-bg);--fg-muted:#f0f1fab8;--frame-pad:10px;--wk-from:.85;background:var(--ground,#121118);color:var(--fg);padding-bottom:5rem;position:relative;overflow:clip}.wk-track{padding:calc(var(--header-h) + 2.5rem) var(--gutter) 0}.wk-intro{grid-template-columns:minmax(0,1fr);display:grid}.wk-label{text-transform:uppercase;margin:0;font-size:.8125rem;font-weight:500;line-height:1.35}.wk-tags{text-transform:uppercase;color:var(--fg-muted);margin:0 0 1.25rem;font-size:.8125rem;font-weight:500;line-height:1.35}.wk-title{letter-spacing:-.03em;margin:0 0 2rem;font-size:clamp(3rem,14vw,4.5rem);font-weight:400;line-height:.95}.wk-lede{text-wrap:pretty;max-width:30rem;font-size:1rem;line-height:1.6}.wk-lede p{margin:0}.wk-lede p+p{margin-top:.9em}.wk-services{margin-top:2.25rem}.wk-services .wk-label{color:var(--fg-muted);margin-bottom:.7rem}.wk-services ul{margin:0;padding:0;font-size:1rem;line-height:1.5;list-style:none}.wk-open{justify-self:start;margin-top:2.25rem;text-decoration:none}.wk-nowrap{white-space:nowrap}.wk-panels{flex-direction:column;gap:3.5rem;margin:4rem 0 0;padding:0;list-style:none;display:flex}.wk-fig{margin:0}.wk-frame{aspect-ratio:16/10;border-radius:var(--radius-bc-lg);background:var(--board,#1c1a24);position:relative;overflow:clip}.wk-frame--phone{aspect-ratio:390/844;border-radius:14px}.wk-frame-in{position:absolute;inset:0}.wk-frame-in>img,.wk-frame-in>video,.wk-wipe-in>img,.wk-wipe-in>video{object-fit:cover;object-position:50% 0;width:100%;height:100%;display:block;position:absolute;inset:0}.wk-video{opacity:0;transition:opacity .35s linear}.wk-video.is-playing{opacity:1}.wk-wipe{display:none;position:absolute;inset:0;overflow:clip}.wk-wipe-in{position:absolute;inset:0}.wk-wipe-edge{background:var(--color-bg);width:2px;position:absolute;top:0;bottom:0;right:0}.wk-cap{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem 1.5rem;margin-top:.9rem;font-size:.9375rem;line-height:1.4;display:flex}.wk-cap-title{text-transform:uppercase;font-size:.8125rem;font-weight:500}.wk-cap-legend,.wk-cap-note,.wk-cap-number{color:var(--fg-muted)}.wk-cap-legend{display:none}.wk-cap-value{letter-spacing:-.03em;color:var(--fg);font-variant-numeric:tabular-nums;margin-right:.15em;font-size:1.75em;line-height:1}.wk-phones{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;gap:.75rem;list-style:none;display:flex;overflow-x:auto}.wk-phones::-webkit-scrollbar{display:none}.wk-phone{scroll-snap-align:start;flex:none;width:min(68vw,20rem)}.wk-phone-caption{text-transform:uppercase;color:var(--fg-muted);margin-top:.6rem;font-size:.8125rem;font-weight:500;line-height:1.35;display:block}.wk-cap--phones{flex-direction:column;align-items:flex-start}.wk-cap-note{max-width:30rem}.wk-quote{flex-direction:column;align-items:flex-start;gap:1.25rem;margin:0;display:flex}.wk-quote blockquote{letter-spacing:-.02em;text-wrap:pretty;margin:0;font-size:clamp(1.625rem,7vw,2.25rem);line-height:1.12}.wk-quote blockquote p{margin:0}.wk-quote-who{color:var(--fg-muted);font-size:.9375rem;line-height:1.4}.wk-quote-more{margin-top:.5rem}.wk-end{border-radius:var(--radius-bc-lg);background:var(--color-bg);min-height:11rem;color:var(--color-ink);transition:background-color .4s var(--ease-lusion), color .4s var(--ease-lusion);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:space-between;gap:3rem;padding:1.4rem 1.5rem 1.5rem;text-decoration:none;display:flex}.wk-end .wk-label{color:var(--color-muted);transition:color .4s var(--ease-lusion)}.wk-end-title{letter-spacing:-.03em;align-items:center;gap:.35em;font-size:2.5rem;line-height:.95;display:flex}.wk-end-arrow{transition:translate .4s var(--ease-snap);font-size:.7em;display:flex}.wk-end:is(:focus-visible,:active){background:var(--color-accent);color:var(--color-bg);outline:none}.wk-end:is(:focus-visible,:active) .wk-label{color:#f0f1fab8}@media (hover:hover){.wk-end:hover{background:var(--color-accent);color:var(--color-bg)}.wk-end:hover .wk-label{color:#f0f1fab8}.wk-end:hover .wk-end-arrow{translate:.2em}}.wk-deco{z-index:0;pointer-events:none;height:80svh;position:absolute;top:0;left:0;right:0;overflow:clip}.wk-deco:after{content:"";background:linear-gradient(transparent 55%, var(--ground,#121118));position:absolute;inset:0}.wk-deco-wall{background-position:28%;background-size:cover;position:absolute;inset:0}.wk-deco-shadow{width:150vw;position:absolute;top:30%;left:50%;translate:-50% -50%;rotate:-18deg}.wk-deco-body{opacity:.55;position:relative}.wk-deco-body>img:first-child{width:100%;display:block}.wk-deco-fan{width:calc(var(--fan) * 100%);animation:5s linear infinite wk-spin;animation-delay:var(--fd,0s);position:absolute;translate:-50% -50%}.wk-intro,.wk-panel{z-index:1;position:relative}.header-brand{transition:opacity .5s var(--ease-lusion), transform .5s var(--ease-lusion), color .3s var(--ease-lusion)}:root[data-on-dark] .header-brand{color:var(--color-bg)}@media (min-width:813px){.wk-track{max-width:68rem;margin-inline:auto}.wk-intro{grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:3rem}.wk-intro-head{grid-column:1/-1}.wk-lede,.wk-open{grid-column:1}.wk-services{grid-area:2/2/span 2;margin-top:0}.wk-title{font-size:clamp(4.5rem,4.5vw,6.75rem)}.wk-phones{margin:0;padding:0;overflow:visible}.wk-phone{flex:1 1 0;width:auto;min-width:0}}@supports (animation-timeline:view()) and (math-depth:1){.wk-wipe,.wk-cap-legend{display:block}.wk-wipe{animation:linear both wk-wipe;animation-timeline:view();animation-range:entry 60% cover 55%}.wk-wipe-in{animation:linear both wk-wipe-in;animation-timeline:view();animation-range:entry 60% cover 55%}}@media (scripting:enabled) and (hover:none) and (pointer:coarse){.wk-wipe,.wk-cap-legend{display:block}.wk-rv:not(.is-in) :is(.wk-wipe,.wk-wipe-in){animation:none}.wk-rv.is-in .wk-wipe{animation:wk-wipe 1.1s var(--ease-lusion) calc(var(--rdur,.55s) + .15s) both;animation-timeline:auto}.wk-rv.is-in .wk-wipe-in{animation:wk-wipe-in 1.1s var(--ease-lusion) calc(var(--rdur,.55s) + .15s) both;animation-timeline:auto}.wk-rv.is-in .wk-wipe.is-done{display:none}}@media (scripting:enabled) and (hover:hover),(scripting:enabled) and (pointer:fine){.wk-rv:not(.is-in) .wk-frame,.wk-rv:not(.is-in) .wk-end{scale:var(--wk-from)}.wk-rv:not(.is-in) .wk-frame-in{scale:calc(1 / var(--wk-from))}.wk-rv:not(.is-in) .wk-quote{opacity:0;translate:0 2rem}.wk-rv.is-in .wk-frame,.wk-rv.is-in .wk-end{animation:wk-open 1s var(--ease-out-expo) both}.wk-rv.is-in .wk-frame-in{animation:wk-open-in 1s var(--ease-out-expo) both}.wk-rv.is-in .wk-quote{animation:wk-rise 1s var(--ease-out-expo) both}}@media (scripting:enabled) and (hover:none) and (pointer:coarse){.wk-rv{opacity:0;transform:translateY(24px)}.wk-rv.is-in{animation:bc-rise var(--rdur,.55s) var(--ease-gentle) both}.wk-rv.is-in.is-done{opacity:1;animation:none;transform:none}}@supports (animation-timeline:view()) and (math-depth:1){@media (min-width:813px) and (min-aspect-ratio:1){.wk-reel{--frame-h:min(70.8svh, calc((100vw - 2 * var(--gutter)) / 1.7778));--gap:5em;--lead:48em;--wk-from:.6;--travel:max(0px, calc(var(--lead) + var(--frame-h) * var(--pws) + (var(--n) - 1) * var(--gap) + var(--gutter) - 100vw));--hold:60svh;height:calc(100svh + var(--travel) + var(--hold));view-timeline:--wk-reel block;padding:0;font-size:clamp(1rem,1vw,1.5rem)}.wk-pin{height:100svh;position:sticky;top:0;overflow:clip}.wk-track{align-items:center;gap:var(--gap);width:max-content;max-width:none;height:100%;padding:0 var(--gutter);animation:linear both wk-slide;animation-timeline:--wk-reel;animation-range:contain 0% contain calc(100% - var(--hold));margin:0;display:flex}.wk-intro{z-index:2;width:calc(var(--lead) - var(--gutter) - var(--gap));flex:none;position:relative}.wk-intro [data-wk-layer]{animation:linear both wk-layer;animation-timeline:--wk-reel;animation-range:contain contain 25vw}.wk-intro [data-wk-layer=head]{--k:12.5vw}.wk-intro [data-wk-layer=lede]{--k:16.67vw}.wk-intro [data-wk-layer=services]{--k:20vw}.wk-intro [data-wk-layer=open]{--k:25vw}.wk-panels{align-items:center;gap:var(--gap);flex-direction:row;margin:0}.wk-panel{width:calc(var(--frame-h) * var(--pw));height:var(--frame-h);flex:none}.wk-rv{height:100%}.wk-fig{height:100%;position:relative}.wk-fig>.wk-frame{height:100%}.wk-cap{flex-wrap:nowrap;position:absolute;top:100%;left:0;right:0}.wk-panel{--x:calc(var(--lead) + var(--frame-h) * var(--sp) + var(--i) * var(--gap))}.wk-wipe,.wk-wipe-in{animation-timeline:--wk-reel;animation-range:contain calc(var(--x) - 60vw) contain calc(var(--x) + var(--frame-h) * var(--pw) / 2 - 50vw)}.wk-fig--phones{flex-direction:column;display:flex}.wk-fig--phones .wk-phones{gap:calc(var(--frame-h) * .05);height:100%;overflow:visible}.wk-fig--phones .wk-phone{width:calc(var(--frame-h) * 390 / 844);height:100%;position:relative}.wk-fig--phones .wk-frame--phone{height:100%}.wk-phone-caption{display:none}.wk-cap--phones{flex-direction:column;align-items:flex-start;gap:.3rem}.wk-cap--phones .wk-cap-note{max-width:34rem}.wk-panel--quote .wk-rv,.wk-panel--end .wk-rv{align-items:stretch;display:flex}.wk-quote{justify-content:center;gap:1.4em}.wk-quote blockquote{font-size:calc(var(--frame-h) * .058)}.wk-end{width:100%;padding:1.4em 1.5em 1.6em}.wk-end-title{font-size:calc(var(--frame-h) * .085)}.wk-deco{z-index:0;height:auto;margin:0;position:absolute;inset:0}.wk-deco:after{content:none}.wk-deco-wall{aspect-ratio:5/2;height:100%;animation:linear both wk-drift;animation-timeline:--wk-reel;animation-range:contain 0% contain calc(100% - var(--hold));background-position:0;background-size:cover;position:absolute;inset:0 auto 0 0}.wk-deco-shadow{top:calc(var(--dy) * 100%);left:calc(var(--dx) * 100%);width:calc(var(--dw) * 100%);rotate:var(--dt)}.wk-track{z-index:1;position:relative}.wk-deco-follow{transition:translate .6s cubic-bezier(.2,.7,.2,1)}.wk-deco-body{opacity:.55;animation:9s ease-in-out infinite alternate wk-breathe;position:relative}.wk-deco-body>img:first-child{width:100%;display:block}.wk-deco-fan{width:calc(var(--fan) * 100%);animation:5s linear infinite wk-spin;animation-delay:var(--fd,0s);position:absolute;translate:-50% -50%}}}.wk-sheet{width:min(46rem, calc(100vw - 2 * var(--gutter)));border-radius:var(--radius-bc-lg);background:var(--color-surface);max-width:none;max-height:min(86svh,60rem);color:var(--color-ink);border:0;margin:auto;padding:0;overflow:hidden;box-shadow:0 6px 10px #0000000a,0 2px 4px #0000000a}.wk-sheet::backdrop{background:#0000008c}.wk-sheet[open]{animation:wk-sheet-in .5s var(--ease-lusion) both}.wk-sheet[open]::backdrop{animation:wk-fade-in .4s var(--ease-lusion) both}.wk-sheet-body{max-height:inherit;overscroll-behavior:contain;padding:1.6rem clamp(1.25rem,3vw,2.25rem) 2.25rem;overflow:auto}.wk-sheet-head{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:flex-start;gap:1.5rem;padding-bottom:1.25rem;display:flex}.wk-sheet-head .wk-label{color:var(--color-muted);margin-bottom:.6rem}.wk-sheet-author{letter-spacing:-.02em;margin:0;font-size:1.375rem;line-height:1.2}.wk-sheet-role{color:var(--color-muted);margin:.3rem 0 0;font-size:.9375rem;line-height:1.4}.wk-sheet-close{flex:none}.wk-sheet-text{text-wrap:pretty;max-width:38rem;padding-top:1.25rem;font-size:1.0625rem;line-height:1.6}.wk-sheet-text p{margin:0}.wk-sheet-text p+p{margin-top:.9em}@media (max-width:640px){.wk-sheet{border-radius:var(--radius-bc-lg) var(--radius-bc-lg) 0 0;width:100%;max-height:90svh;margin:auto 0 0}.wk-sheet[open]{animation:wk-sheet-up .55s var(--ease-lusion) both}.wk-sheet-body{padding-bottom:calc(env(safe-area-inset-bottom) + 5rem)}}@media (scripting:none){.wk-sheet{box-shadow:none;margin:3rem auto 0;display:block;position:static}.wk-sheet-close,.wk-quote-more{display:none}}}@keyframes wk-slide{0%{translate:0}to{translate:calc(-1 * var(--travel,0px)) 0}}@keyframes wk-layer{to{translate:var(--k,0) 0;opacity:0}}@keyframes wk-open{0%{scale:var(--wk-from)}to{scale:1}}@keyframes wk-open-in{0%{scale:calc(1 / var(--wk-from))}to{scale:1}}@keyframes wk-wipe{0%{translate:0}to{translate:calc(-100% - 4px)}}@keyframes wk-wipe-in{0%{translate:0}to{translate:calc(100% + 4px)}}@keyframes wk-rise{0%{opacity:0;translate:0 2rem}to{opacity:1;translate:0}}@keyframes wk-drift{to{translate:calc(var(--travel,0px) * -.1) 0}}@keyframes wk-breathe{0%{rotate:-1.2deg}to{rotate:1.2deg}}@keyframes wk-spin{to{rotate:360deg}}@keyframes wk-sheet-up{0%{translate:0 100%}to{translate:0}}@keyframes wk-fade-in{0%{opacity:0}}@keyframes wk-sheet-in{0%{opacity:0;translate:0 2rem}to{opacity:1;translate:0}}
