.why-studio{position:relative;overflow-x:clip;--ws-radius:28px;--ws-pad:clamp(1.25rem,0.9rem + 1.1vw,1.875rem);--ws-gap:clamp(0.875rem,0.6rem + 0.6vw,1.125rem);--ws-line:rgb(var(--c-fg)/0.13);--ws-line-2:rgb(var(--c-fg)/0.3);--ws-surface:rgb(var(--c-panel)/0.62);--ws-wash:rgb(255 255 255/0.045);--ws-edge:rgb(255 255 255/0.085);--ws-rim:rgb(255 255 255/0.32);--ws-shadow:0 1px 0 0 rgb(255 255 255/0.04) inset,0 40px 80px -56px rgb(0 0 0/0.85);--ws-glow-a:0.15;--ws-dot:rgb(var(--c-fg)/0.085)}:is([data-theme=light],[data-tone=light]) .why-studio{--ws-line:rgb(var(--c-fg)/0.14);--ws-line-2:rgb(var(--c-fg)/0.34);--ws-surface:rgb(var(--c-panel)/0.8);--ws-wash:rgb(255 255 255/0.65);--ws-edge:rgb(var(--c-line)/0.95);--ws-rim:rgb(255 255 255/1);--ws-shadow:0 1px 0 0 rgb(255 255 255/0.9) inset,0 30px 60px -44px rgb(40 34 20/0.3);--ws-glow-a:0.09;--ws-dot:rgb(var(--c-fg)/0.07)}.ws-stage{position:relative;margin-top:clamp(2.5rem,4vw,3.5rem)}.ws-glow{position:absolute;inset:-12% -8% -8%;z-index:0;pointer-events:none;background:radial-gradient(40% 36% at 22% 38%,rgb(var(--accent-soft)/var(--ws-glow-a)),transparent 72%),radial-gradient(34% 32% at 78% 70%,rgb(var(--accent-soft)/calc(var(--ws-glow-a) * .6)),transparent 72%)}.ws-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ws-gap);margin:0;padding:0;list-style:none}.ws-cell{display:flex;min-width:0}.ws-cell--2{--ws-i:1}.ws-cell--3{--ws-i:2}.ws-cell--4{--ws-i:3}@media (min-width:768px){.ws-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-grid[data-count="4"]{grid-template-areas:"a b" "a c" "d d"}.ws-grid[data-count="4"] .ws-cell--1{grid-area:a}.ws-grid[data-count="4"] .ws-cell--2{grid-area:b}.ws-grid[data-count="4"] .ws-cell--3{grid-area:c}.ws-grid[data-count="4"] .ws-cell--4{grid-area:d}}@media (min-width:1024px){.ws-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ws-grid[data-count="4"]{grid-template-areas:"a b b" "a c d";grid-template-rows:repeat(2,minmax(340px,auto))}}.ws-tile{position:relative;isolation:isolate;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;padding:var(--ws-pad);border-radius:var(--ws-radius);border:1px solid var(--ws-edge);background:linear-gradient(180deg,var(--ws-wash),transparent 42%),var(--ws-surface);box-shadow:var(--ws-shadow);transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.ws-tile:before{inset:-1px 0 auto;height:1px;z-index:2;background:linear-gradient(90deg,transparent 8%,var(--ws-rim) 50%,transparent 92%);opacity:.75}.ws-tile:after,.ws-tile:before{content:"";position:absolute;pointer-events:none}.ws-tile:after{inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(110% 70% at 0 0,rgb(var(--accent-soft)/.075),transparent 62%)}.ws-beam{position:absolute;inset:-1px;z-index:0;border-radius:inherit;pointer-events:none}.ws-beam:after,.ws-beam:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .45s var(--ease)}.ws-beam:before{padding:1px;background:radial-gradient(300px circle at var(--mx,50%) var(--my,0),rgb(var(--accent-soft)/.95),rgb(var(--accent-soft)/.3) 36%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.ws-beam:after{background:radial-gradient(520px circle at var(--mx,50%) var(--my,0),rgb(var(--accent-soft)/.075),transparent 62%)}@media (hover:hover) and (pointer:fine){.ws-grid[data-beam=on] .ws-beam:before,.ws-grid[data-beam=on] .ws-tile:hover .ws-beam:after{opacity:1}.ws-tile:hover{border-color:rgb(var(--accent-soft)/.24)}}.ws-art,.ws-body,.ws-head{position:relative;z-index:1}.ws-head{display:flex;align-items:center;gap:1rem}.ws-num{font-family:var(--font-mono);font-weight:300;font-size:clamp(2.5rem,1.9rem + 1.6vw,3.5rem);line-height:.85;letter-spacing:-.07em;font-variant-numeric:tabular-nums;padding-right:.07em;background-image:linear-gradient(165deg,rgb(var(--c-fg)) 18%,rgb(var(--accent-soft)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.ws-rule{flex:1 1 auto;height:1px;background:linear-gradient(90deg,rgb(var(--accent-soft)/.55),var(--ws-line) 38%,transparent)}.ws-art{flex:1 1 auto;display:flex;align-items:center;justify-content:center;margin-block:1.25rem 1.5rem;--ws-art-max:196px}.ws-art:before{content:"";position:absolute;inset:-8% -2%;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,var(--ws-dot) 1px,transparent 1.4px);background-size:16px 16px;-webkit-mask-image:radial-gradient(closest-side,#000 25%,transparent 100%);mask-image:radial-gradient(closest-side,#000 25%,transparent 100%)}.ws-art svg{display:block;width:100%;height:auto;max-height:var(--ws-art-max);overflow:visible}.ws-title{font-family:var(--font-display);text-transform:uppercase;font-weight:700;font-size:clamp(1.55rem,1.2rem + .85vw,2.05rem);line-height:.95;letter-spacing:-.005em;color:rgb(var(--c-fg));text-wrap:balance}.ws-text{margin-top:.75rem;max-width:48ch;font-size:.9375rem;line-height:1.65;color:rgb(var(--c-muted))}.ws-tile--feature .ws-num{font-size:clamp(3.25rem,2.2rem + 3.6vw,6rem)}.ws-tile--feature .ws-art{--ws-art-max:300px}.ws-tile--feature .ws-title{font-size:clamp(1.9rem,1.35rem + 1.9vw,2.9rem)}.ws-tile--feature .ws-text{font-size:1rem}@media (max-width:767.98px){.ws-art{--ws-art-max:176px}.ws-tile--feature .ws-art{--ws-art-max:272px}}@media (min-width:768px){.ws-grid[data-count="4"] .ws-tile--feature .ws-art{--ws-art-max:380px}}@media (min-width:1024px){.ws-grid[data-count="4"] .ws-tile--feature .ws-art{--ws-art-max:400px}}@media (min-width:768px) and (max-width:1023.98px){.ws-grid[data-count="4"] .ws-cell--4 .ws-tile{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto 1fr;grid-template-areas:"head art" "body art";-moz-column-gap:1.75rem;column-gap:1.75rem}}@media (min-width:1024px){.ws-grid[data-count="4"] .ws-cell--2 .ws-tile{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:auto 1fr;grid-template-areas:"head art" "body art";-moz-column-gap:2rem;column-gap:2rem}.ws-grid[data-count="4"] .ws-cell--2 .ws-art{--ws-art-max:270px}}@media (min-width:768px) and (max-width:1023.98px){.ws-grid[data-count="4"] .ws-cell--4 .ws-head{grid-area:head}.ws-grid[data-count="4"] .ws-cell--4 .ws-art{grid-area:art;margin-block:0}.ws-grid[data-count="4"] .ws-cell--4 .ws-body{grid-area:body;align-self:end}}@media (min-width:1024px){.ws-grid[data-count="4"] .ws-cell--2 .ws-head{grid-area:head}.ws-grid[data-count="4"] .ws-cell--2 .ws-art{grid-area:art;margin-block:0}.ws-grid[data-count="4"] .ws-cell--2 .ws-body{grid-area:body;align-self:end}}.ws-close{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem 2rem;margin-top:clamp(2rem,3.5vw,3rem);padding-top:1.5rem;border-top:1px solid rgb(var(--c-line)/.6)}.ws-close__line{font-family:var(--font-display);text-transform:uppercase;font-weight:700;font-size:clamp(1.35rem,1.05rem + 1vw,2rem);line-height:1;letter-spacing:-.005em;color:rgb(var(--c-fg));text-wrap:balance}.ws-close__cta:focus-visible{outline:2px solid rgb(var(--accent-soft));outline-offset:4px;border-radius:var(--radius)}.ws-art .ws-l1{stroke:var(--ws-line)}.ws-art .ws-l2{stroke:var(--ws-line-2)}.ws-art .ws-s3{stroke:rgb(var(--c-fg)/.78);stroke-width:1.6;stroke-linecap:round}.ws-art .ws-sa{stroke:rgb(var(--accent-soft))}.ws-art .ws-fa{fill:rgb(var(--accent-soft))}.ws-art .ws-f0{fill:rgb(var(--c-fg)/.06)}.ws-art .ws-f1{fill:rgb(var(--c-fg)/.17)}.ws-art .ws-f2{fill:rgb(var(--c-fg)/.42)}.ws-art .ws-f3{fill:rgb(var(--c-fg)/.88)}.ws-art .ws-fsun{fill:rgb(var(--rgb-ivory)/.92)}.ws-art .ws-fshade{fill:rgb(var(--rgb-black)/.28)}.ws-art .ws-sink{stroke:#141008}.ws-art .ws-frame{fill:rgb(var(--c-fg)/.025);stroke:var(--ws-line-2)}.ws-art .ws-card{fill:rgb(var(--c-fg)/.05);stroke:var(--ws-line)}.ws-art .ws-disc,.ws-art .ws-paper{fill:rgb(var(--c-panel));stroke:var(--ws-line-2)}.ws-art .ws-back{fill:rgb(var(--c-fg)/.05);stroke:var(--ws-line-2)}.ws-art .ws-front{fill:rgb(var(--c-panel));stroke:rgb(var(--accent-soft)/.55)}.ws-art .ws-rimline{stroke:var(--ws-rim)}.ws-art .ws-knob{fill:rgb(var(--c-panel));stroke:rgb(var(--accent-soft));stroke-width:1.5}.ws-art .ws-dot{fill:rgb(var(--c-fg))}.ws-art .ws-track{fill:rgb(var(--c-fg)/.04);stroke:var(--ws-line)}.ws-art .ws-badge-bg{fill:rgb(var(--c-panel));stroke:rgb(var(--accent-soft)/.7)}.ws-art .ws-wire *{fill:none;stroke:var(--ws-line-2);stroke-dasharray:3 4}.ws-art .ws-stop-ac{stop-color:rgb(var(--accent-soft))}.ws-art .ws-stop-fg{stop-color:rgb(var(--c-fg))}.ws-art .ws-stop-hi{stop-color:rgb(var(--c-brand-200))}.ws-art .ws-svg-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;fill:rgb(var(--c-muted))}.ws-art .ws-svg-label--fg{fill:rgb(var(--c-fg))}.ws-art .ws-svg-label--ac{fill:rgb(var(--accent-soft))}.ws-art .ws-svg-label--sm{font-size:8.5px;letter-spacing:.08em}.ws-art .ws-svg-label--lg{font-size:13px;letter-spacing:.24em}.ws-art :is(.ws-spin,.ws-spin-fast,.ws-breathe,.ws-ghost,.ws-pulse,.ws-node,.ws-badge,.ws-kf,.ws-file){transform-box:fill-box;transform-origin:center}.ws-art .ws-ghost,.ws-art .ws-pulse,.ws-art .ws-scan{opacity:0}.ws-art .ws-wire{opacity:.18}.ws-art .ws-ph{transform:translateX(320px)}.ws-art .ws-ey{transform:translateY(-130px)}.ws-art .ws-file{transform:translate(var(--dx),var(--dy))}@media (prefers-reduced-motion:no-preference){.ws-glow{animation:ws-glow 12s var(--ease-in-out) infinite alternate}.ws-art .ws-spin{animation:ws-rotate 48s linear infinite}.ws-art .ws-spin-fast{animation:ws-rotate 7s linear infinite}.ws-art .ws-breathe{animation:ws-breathe 5s var(--ease-in-out) infinite alternate}.ws-art .ws-ghost{animation:ws-merge 6s var(--ease) infinite both}.ws-art .ws-pulse{animation:ws-travel 3s var(--ease-in-out) infinite both}.ws-art .ws-node{animation:ws-nudge 3s var(--ease-in-out) infinite alternate}.ws-art .ws-wipe{animation:ws-wipe 8s var(--ease-in-out) infinite}.ws-art .ws-scan{animation:ws-scan 8s var(--ease-in-out) infinite}.ws-art .ws-live{animation:ws-live 8s linear infinite}.ws-art .ws-wire{animation:ws-wire 8s var(--ease) infinite}.ws-art .ws-badge{animation:ws-badge 8s var(--ease) infinite}.ws-art .ws-ph{animation:ws-ph-x 3.8s linear infinite alternate}.ws-art .ws-ey{animation:ws-ph-y 3.8s linear infinite alternate}.ws-art .ws-kf--a{animation:ws-kf-a 3.8s linear infinite alternate}.ws-art .ws-kf--b{animation:ws-kf-b 3.8s linear infinite alternate}.ws-art .ws-kf--c{animation:ws-kf-c 3.8s linear infinite alternate}.ws-art .ws-file{animation:ws-file 8s var(--ease) infinite both}.ws-art .ws-key{animation:ws-key 8s var(--ease-in-out) infinite}.ws-grid[data-idle=paused] .ws-art *{animation-play-state:paused}.why-studio .reveal[data-css=on]{animation-name:ws-rise}.why-studio .reveal.ws-cell[data-css=on]{animation-range:entry calc(var(--ws-i, 0) * 56px) entry calc(280px + var(--ws-i, 0) * 56px)}}@keyframes ws-rise{0%{opacity:0;transform:translate3d(0,34px,0) scale(.975)}to{opacity:1;transform:none}}@keyframes ws-glow{0%{opacity:.72;transform:translate3d(-1.5%,0,0)}to{opacity:1;transform:translate3d(1.5%,-2%,0)}}@keyframes ws-rotate{to{transform:rotate(1turn)}}@keyframes ws-breathe{0%{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.04)}}@keyframes ws-merge{0%{opacity:0;transform:translate(0) scale(1)}14%{opacity:.85}70%{opacity:.45}88%,to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(2)}}@keyframes ws-travel{0%{opacity:0;transform:translate(0)}20%,80%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy))}}@keyframes ws-nudge{0%{transform:translate(0)}to{transform:translate(var(--nx),var(--ny))}}@keyframes ws-wipe{0%,10%{transform:translateX(-338px)}50%,to{transform:translateX(0)}}@keyframes ws-scan{0%,10%{transform:translateX(0);opacity:0}13%,47%{opacity:1}50%,to{transform:translateX(338px);opacity:0}}@keyframes ws-live{0%,88%{opacity:1}95%,to{opacity:0}}@keyframes ws-wire{0%,10%{opacity:1}50%,86%{opacity:.18}96%,to{opacity:1}}@keyframes ws-badge{0%,50%{opacity:0;transform:translateY(6px) scale(.7)}56%{opacity:1;transform:scale(1.06)}60%,86%{opacity:1;transform:none}92%,to{opacity:0;transform:scale(.96)}}@keyframes ws-ph-x{0%,10%{transform:translateX(0)}90%,to{transform:translateX(320px)}}@keyframes ws-ph-y{0%,10%{transform:translateY(0);animation-timing-function:cubic-bezier(.16,1,.3,1)}90%,to{transform:translateY(-130px)}}@keyframes ws-kf-a{0%,10%{opacity:1;transform:scale(1.3)}18%,to{opacity:.4;transform:scale(1)}}@keyframes ws-kf-b{0%,35%{opacity:.4;transform:scale(1)}42%{opacity:1;transform:scale(1.3)}49%,to{opacity:.4;transform:scale(1)}}@keyframes ws-kf-c{0%,82%{opacity:.4;transform:scale(1)}90%,to{opacity:1;transform:scale(1.3)}}@keyframes ws-file{0%{opacity:0;transform:translateY(6px) rotate(var(--r))}18%,6%{opacity:1;transform:translate(0) rotate(var(--r))}40%{transform:translate(var(--dx),calc(var(--dy) - 50px)) rotate(0deg)}52%,88%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(0deg)}96%,to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(0deg)}}@keyframes ws-key{0%,48%{opacity:.45}60%,88%{opacity:1}to{opacity:.45}}@media (forced-colors:active){.ws-tile{border:1px solid CanvasText}.ws-beam,.ws-glow{display:none}.ws-num{color:CanvasText;background:none}}