.composition-playground{color:#2b3025}.composition-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:14px;border-bottom:1px solid #2b302530}.composition-tabs{display:flex;gap:32px}.studio .composition-tabs button,.studio .composition-reset{min-height:60px;border:0;border-radius:0;padding:8px 0;background:transparent;color:#59604c;font-size:14px}.composition-tabs button{position:relative;display:flex;align-items:center;gap:10px}.composition-tabs button>span{display:grid;place-items:center;width:24px;height:24px;font:9px var(--font-mono);border-radius:50%;transition:background .2s,color .2s}.composition-tabs button[aria-selected=true]>span{background:#425533;color:#f6f3e9}.studio .composition-tabs button[aria-selected=true]{color:#283827}.composition-tabs button[aria-selected=true]:after{content:"";position:absolute;height:2px;background:#425533;inset:auto 0 -1px}.studio .composition-reset{font-size:12px;display:flex;align-items:center;gap:12px}.composition-playground button:focus-visible,.composition-playground input:focus-visible,.composition-playground summary:focus-visible,.composition-controls:focus-visible{outline:2px solid #425533;outline-offset:4px}.composition-stage{display:flex;justify-content:center;padding:14px;background:#f6f3e9;border:1px solid #2b30252b;box-shadow:0 18px 40px -30px #28382755;overflow:hidden}.composition-canvas{container:composition / inline-size;min-width:min(100%,240px);max-width:100%;background:var(--composition-paper);color:var(--composition-ink)}.composition-print{position:relative;min-height:500px;padding:30px 40px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.composition-print:active{cursor:grabbing}.composition-canvas[data-waiting] [data-entrance]{opacity:0}.composition-location,.composition-title>*,.studio .composition-note,.composition-colophon{transition:color .3s}.composition-location{position:relative;z-index:1;grid-column:1 / -1;display:flex;justify-content:space-between;gap:20px;font:10px/1.5 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.composition-title{position:relative;z-index:1;grid-column:1;grid-row:2;align-self:start;margin-top:48px}.composition-title>span{display:block;font:var(--composition-weight) clamp(42px,7.2cqw,90px)/.98 var(--s-display);letter-spacing:var(--composition-tracking)}.studio .composition-title>em{display:block;margin-left:7cqw;font:italic 400 clamp(48px,10cqw,124px)/1.12 Georgia,serif;letter-spacing:var(--composition-tracking)}.studio .composition-note{position:relative;z-index:1;grid-column:2;grid-row:2;align-self:start;padding-top:67px;font-size:13px;line-height:1.7}.composition-sky{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.composition-colophon{position:relative;z-index:1;grid-column:1 / -1;grid-row:3;display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-top:1px solid currentColor;padding-top:15px;font:10px/1.5 var(--font-mono)}.composition-colophon>span:first-child{font:italic 15px/1.2 Georgia,serif}.composition-readout{text-align:right;letter-spacing:.03em}.composition-location,.studio .composition-note{text-shadow:0 0 2px var(--composition-paper),0 0 9px var(--composition-paper)}.composition-about{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;column-gap:32px}.studio .composition-sources{padding-top:22px;font:10px/1.6 var(--font-mono);color:#626451}.composition-sources a{color:inherit;text-decoration:underline;text-underline-offset:2px}.composition-credits{padding-top:14px;color:#59604c}.composition-credits summary{width:fit-content;min-height:32px;display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none;font:11px/1.5 var(--font-mono)}.composition-credits summary::-webkit-details-marker{display:none}.composition-credits summary>span{font-size:17px}.composition-credits[open] summary>span{transform:rotate(45deg)}.studio .composition-credits p{max-width:760px;padding:8px 0 4px;font:11px/1.8 var(--font-mono)}.composition-controls{display:grid;grid-template-columns:1fr minmax(370px,46%);align-items:center;gap:40px;min-height:132px;padding-block:24px;border-bottom:1px solid #2b302530}.composition-control-intro>span{font:10px/1.5 var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:#59604c}.studio .composition-control-intro>p{margin-top:7px;max-width:360px;font-size:14px;line-height:1.65;text-wrap:pretty}.composition-inputs{display:flex;align-items:center;gap:16px;min-width:0}.composition-range{display:block;flex:1;min-width:0;font:11px/1.5 var(--font-mono)}.composition-range output{float:right;margin-left:8px;font-variant-numeric:tabular-nums;color:#283827}.studio .composition-play{min-height:44px;padding:12px 17px;border-radius:3px;white-space:nowrap;border:1px solid #425533;background:#425533;color:#f3f0df;font-size:12px;display:flex;align-items:center;gap:20px}.composition-play:disabled{opacity:.55;cursor:default}.studio .composition-live{min-height:44px;padding:12px 14px;border-radius:3px;border:1px solid #9aa189;background:transparent;color:#283827;font-size:12px;display:flex;align-items:center;gap:10px;white-space:nowrap}.composition-palettes{display:flex;gap:8px;flex-wrap:wrap}.studio .composition-palettes button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;background:transparent;border:1px solid #2b302526;border-radius:3px;color:#283827;font-size:12px}.studio .composition-palettes button[aria-pressed=true]{border-color:#425533;background:#f6f3e9}.composition-palettes i{width:18px;height:18px;border:1px solid;border-radius:50%}.composition-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.studio .composition-range input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;height:32px;margin:4px 0 0}.composition-range input::-webkit-slider-runnable-track{height:2px;background:#8b947b;border:0}.composition-range input::-moz-range-track{height:2px;background:#8b947b;border:0}.composition-range input::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:16px;width:16px;margin-top:-7px;border:3px solid #f6f3e9;border-radius:50%;background:#425533;box-shadow:0 0 0 1px #425533}.composition-range input::-moz-range-thumb{height:10px;width:10px;border:3px solid #f6f3e9;border-radius:50%;background:#425533;box-shadow:0 0 0 1px #425533}.composition-time-scale{display:flex;justify-content:space-between;font:9px/1.3 var(--font-mono);color:#626451}@media (hover: hover){.studio .composition-tabs button:hover,.studio .composition-reset:hover{color:#283827}.composition-tabs button:not([aria-selected=true]):hover>span{background:#42553316}.studio .composition-play:not(:disabled):hover{background:#293a23}.studio .composition-live:hover,.studio .composition-palettes button:hover{background:#f6f3e9}}@container composition (min-width: 641px) and (max-width: 800px){.composition-print{min-height:460px;padding:26px}.studio .composition-note{padding-top:56px;font-size:12px}.composition-colophon{font-size:9px}}@container composition (max-width: 640px){.composition-print{padding:24px;min-height:430px;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}.composition-title{margin-top:42px}.composition-title>span{font-size:12cqw}.studio .composition-title>em{font-size:15cqw;margin-left:3cqw}.studio .composition-note{grid-column:1;grid-row:3;padding:0;margin:18px 0 0;font-size:12px}.composition-colophon{grid-row:4}.composition-location{font-size:8px;gap:10px}.composition-readout{font-size:9px}}@container composition (max-width: 380px){.composition-print{padding:22px 18px}.composition-location>span:last-child{display:none}.composition-colophon{flex-direction:column;gap:8px}.composition-readout{text-align:left}}@media (prefers-reduced-motion: reduce){.composition-location,.composition-title>*,.studio .composition-note,.composition-colophon{transition:none}}@media (max-width: 900px){.composition-controls{grid-template-columns:1fr;gap:22px}.studio .composition-control-intro>p{max-width:none}.composition-inputs{min-width:0;width:100%}}@media (max-width: 540px){.composition-toolbar{gap:12px;margin-top:8px}.composition-tabs{flex:1;justify-content:space-between;gap:10px}.studio .composition-tabs button{min-height:52px;font-size:12px}.composition-tabs button>span{display:none}.studio .composition-reset{min-height:52px;font-size:11px;gap:5px;padding-left:10px;border-left:1px solid #2b302530}.composition-stage{padding:7px}.composition-inputs{gap:12px;flex-wrap:wrap}.composition-time{flex-basis:100%}.studio .composition-play,.studio .composition-live{flex:1;justify-content:space-between}.studio .composition-palettes button{flex:1;justify-content:center;padding:8px;font-size:11px}.composition-palettes i{width:14px;height:14px;flex-shrink:0}.composition-palettes{width:100%;gap:6px}.composition-about{flex-direction:column}.studio .composition-sources{padding-top:2px}}.studio .postcard-interactive{padding:0;background:transparent;border:0;box-shadow:none;transform:none;perspective:1100px}.studio .postcard-interactive:before{content:none}.postcard-entrance{perspective:1100px}.postcard-tilt{transform:rotate(-3deg);transform-style:preserve-3d;position:relative}.postcard-flipper{display:grid;transform-style:preserve-3d}.postcard-face{grid-area:1 / 1;padding:17px;background:#ece7d8;color:#3b4535;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #ece7d8;box-shadow:8px 12px #c1cfa313;min-width:0}.postcard-front{transform:rotateY(0)}.postcard-back{transform:rotateY(180deg);display:flex;flex-direction:column;padding:23px;background-image:repeating-linear-gradient(transparent 0,transparent 29px,#3b453508 29px,#3b453508 30px)}.postcard-stamp{position:absolute;right:-15px;top:-24px;z-index:2;width:55px;height:55px;border:1px solid #283623;border-radius:50%;display:grid;place-items:center;color:#283623;background:#d5f77a;font-size:36px;transform:rotate(15deg)}.postcard-back-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;margin-bottom:15px}.postcard-postmark{width:74px;height:74px;border:1px solid #59664c70;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:7px;line-height:1.2;transform:rotate(12deg)}.postcard-postmark b{font-size:20px;font-weight:400}.studio .postcard-back h3{font-size:clamp(27px,2.5vw,34px);font-weight:500;letter-spacing:-.03em;line-height:1.08}.studio .postcard-back p{font-size:13px;line-height:1.8;color:#4c5844;margin-top:17px}.studio .postcard-back .postcard-signoff{font-family:Georgia,serif;font-style:italic;font-size:15px}.postcard-signoff>span{display:block;margin-top:9px;font-size:26px}.postcard-back>a{margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;gap:16px;color:#33452a;font-size:12px;text-decoration:underline;text-underline-offset:4px}.postcard-flip-caption{margin-top:28px;color:var(--s-muted);font-family:var(--font-mono);font-size:9px;text-align:center}.postcard-flip-caption>button{display:flex;width:100%;align-items:center;justify-content:space-between;border:1px solid #d5f77a60;background:#252c1e;color:#d5f77a;min-height:48px;padding:12px 16px;font-size:12px}.postcard-flip-caption>button:hover{background:#354328}.postcard-flip-caption>button>span{font-size:22px}.postcard-flip-caption>span{display:block;margin-top:10px}.studio .postcard-interactive .postcard-windows{transition:fill .7s}@media (max-width: 1100px){.postcard-face{padding:13px}.postcard-back{padding:19px}.studio .postcard-back p{font-size:12px;margin-top:13px}}@media (max-width: 760px){.studio .postcard-back h3{font-size:32px}.studio .postcard-back p{font-size:14px}.postcard-back{padding:23px}}@media (max-width: 380px){.studio .postcard-back h3{font-size:27px}.studio .postcard-back p{font-size:12px}.postcard-back{padding:18px}}@media (prefers-reduced-motion: reduce){.postcard-tilt{transform:none}}.mountain-signature{--ridge-x: 0px;--ridge-y: 0px;--foothill-x: 0px;--foothill-y: 0px;--ridge-glow: .32}.mountain-landscape{overflow:hidden;pointer-events:none}.mountain-ridge{transform:translate(var(--ridge-x),var(--ridge-y))}.mountain-foothills{transform:translate(var(--foothill-x),var(--foothill-y))}.mountain-illumination{opacity:var(--ridge-glow)}@media (prefers-reduced-motion: reduce){.mountain-signature .mountain-ridge,.mountain-signature .mountain-foothills{transform:none}}.studio-learning{padding-block:85px 90px;border-bottom:1px solid var(--s-line)}.learning-heading{display:flex;justify-content:space-between;align-items:end;gap:44px;margin-bottom:38px}.learning-heading .studio-kicker{color:var(--s-lime)}.learning-heading h2{font-size:clamp(38px,4.5vw,64px);font-weight:500;letter-spacing:-.04em;line-height:1.08;margin-top:20px}.learning-heading>p{max-width:350px;color:#babcb3;font-size:15px;line-height:1.8;padding-bottom:3px}.learning-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;align-items:start}.learning-card{--learning-ink: #293d25;--learning-line: #293d2530;grid-column:span 2;background:#dce6c8;color:var(--learning-ink);padding:25px;border-top:4px solid #9ab47c}.learning-javascript{--learning-ink: #453d1b;--learning-line: #453d1b30;grid-column:span 3;background:#eee2ac;border-top-color:#c6ad50}.learning-react{--learning-ink: #233e4d;--learning-line: #233e4d30;grid-column:span 3;background:#cde3ec;border-top-color:#87b8cc}.learning-code{--learning-ink: #3c304d;--learning-line: #3c304d30;background:#ded3e9;border-top-color:#b599ca}.learning-cloud{--learning-ink: #4b3527;--learning-line: #4b352730;background:#efdbc7;border-top-color:#d5aa7e}.learning-card-meta{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;font-family:var(--font-mono);font-size:9px;line-height:1.6}.learning-card-meta>span:first-child{text-transform:uppercase;letter-spacing:.035em}.learning-status{display:inline-flex;align-items:center;gap:5px}.learning-status i{height:5px;width:5px;border-radius:50%;background:currentColor}.learning-card-visual{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:150px;border-bottom:1px solid var(--learning-line);margin-bottom:23px}.learning-card-visual h3{font-size:clamp(40px,4.3vw,61px);font-weight:700;letter-spacing:-.045em;line-height:1}.learning-illustration{width:110px;height:96px;flex-shrink:0;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.learning-art-detail{opacity:.5}.learning-card h4{font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-.025em}.learning-description{font-size:14px;line-height:1.75;margin-top:13px!important;min-height:100px}.learning-focus{margin-top:20px}.learning-focus>span{font-family:var(--font-mono);text-transform:uppercase;font-size:9px;letter-spacing:.07em}.learning-focus ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:12px 0 23px;min-height:62px;align-content:start}.learning-focus li{border:1px solid var(--learning-line);padding:5px 8px;font-size:11px;line-height:1.5}.learning-next{border-top:1px solid var(--learning-line)}.learning-next summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding-top:12px;font-size:12px;cursor:pointer;list-style:none}.learning-next summary::-webkit-details-marker{display:none}.learning-next summary>span{font-size:21px;transition:transform .2s ease}.learning-next[open] summary>span{transform:rotate(90deg)}.learning-next summary:hover{text-decoration:underline;text-underline-offset:4px}.learning-next p{font-size:13px;line-height:1.75;padding-top:12px}.learning-outlook{display:flex;gap:23px;align-items:center;margin-top:30px;padding:27px 0 0}.learning-outlook-star{color:var(--s-lime);font-size:52px;line-height:1}.learning-outlook h3{font-size:22px;font-weight:500;letter-spacing:-.02em}.learning-outlook p{font-size:13px;color:var(--s-muted);line-height:1.8;max-width:590px;margin-top:6px}.learning-outlook>a{color:var(--s-lime);margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:20px;padding-block:12px;border-bottom:1px solid #d5f77a70;font-size:13px}.learning-outlook>a>span{transition:transform .2s ease}.learning-outlook>a:hover>span{transform:translate(3px,-3px)}.studio-about .studio-learning-link{display:inline-flex;align-items:center;gap:24px;margin-top:23px;padding-block:10px;color:var(--s-lime);border-bottom:1px solid #d5f77a70;font-size:14px}@media (min-width: 761px) and (max-width: 1100px){.learning-grid{gap:14px}.learning-card{padding:19px}.learning-card-visual{flex-direction:column-reverse;justify-content:end;align-items:start;gap:8px;padding-block:18px}.learning-illustration{width:85px;height:65px;align-self:end}.learning-card-visual h3{font-size:42px}.learning-card h4{min-height:50px}.learning-description{min-height:150px}.learning-focus ul{min-height:95px}.learning-outlook{flex-wrap:wrap}.learning-outlook>a{margin-left:65px}}@media (max-width: 760px){.studio-learning{padding-block:60px}.learning-heading{flex-direction:column;align-items:start;gap:22px;margin-bottom:28px}.learning-heading h2{font-size:clamp(38px,8vw,55px)}.learning-heading>p{max-width:480px}.learning-grid{grid-template-columns:1fr;gap:18px}.learning-card{padding:25px;grid-column:auto}.learning-card-visual h3{font-size:54px}.learning-javascript .learning-card-visual{flex-direction:column-reverse;align-items:start;gap:12px;padding-block:18px}.learning-javascript .learning-illustration{align-self:end;height:70px}.learning-javascript .learning-card-visual h3{font-size:clamp(34px,10vw,54px)}.learning-illustration{width:110px}.learning-description,.learning-focus ul{min-height:0}.learning-outlook{flex-wrap:wrap;gap:16px}.learning-outlook-star{font-size:36px}.learning-outlook>div{flex:1 1 220px}.learning-outlook>a{margin-left:0}}@media (max-width: 380px){.learning-card{padding:20px}.learning-card-visual h3{font-size:45px}.learning-illustration{width:85px}.learning-outlook{align-items:start}}.learning-grid .learning-card{overflow:hidden}.learning-grid .learning-card-visual{min-height:0;padding-block:28px 18px;margin-bottom:18px;gap:12px;flex-direction:row;align-items:end}.learning-grid .learning-card-visual h3{font-size:clamp(35px,3.8vw,55px)}.learning-try-label{max-width:95px;font-family:var(--font-mono);font-size:8px;line-height:1.6;text-align:right;opacity:.75}.learning-grid .learning-description{min-height:76px}.learning-scene{margin-bottom:26px}.scene-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;min-height:59px;padding-top:12px}.scene-actions>span,.scene-actions>code{font-family:var(--font-mono);font-size:10px}.learning-scene button{border:1px solid var(--learning-line);background:transparent;color:inherit;min-height:44px;padding:9px 12px;font-size:12px;cursor:pointer}.scene-actions button{display:inline-flex;justify-content:center;align-items:center;gap:14px;background:var(--learning-ink);color:#fff9ed;flex-shrink:0}.learning-scene button:hover{filter:brightness(1.15)}.learning-scene button:focus-visible{outline-color:var(--learning-ink);outline-offset:3px}.studio .scene-caption{font-size:11px;line-height:1.65;margin-top:10px;min-height:37px}.scene-select{display:flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:10px}.scene-select select{border:1px solid var(--learning-line);color:inherit;background:#ffffff40;min-height:44px;padding:7px;font-size:12px;color-scheme:light}.terminal-window{background:#242920;color:#e3eccf;border-radius:7px;min-height:220px;overflow:hidden;box-shadow:0 8px 16px #453d1b15}.terminal-bar{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;background:#343b2e;color:#b7c3a7;font-family:var(--font-mono);font-size:9px}.terminal-bar>span:first-child{color:#d8c56c;letter-spacing:3px;font-size:7px}.terminal-code{min-height:100px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:12px;line-height:1.8;padding:22px 18px 12px;margin:0}.terminal-code code{font:inherit}.terminal-output{color:#d5f77a;border-top:1px solid #d5f77a22;margin:0 18px;padding:13px 0 18px;font-family:var(--font-mono);font-size:11px;line-height:1.8;overflow-wrap:anywhere}.react-stage{display:flex;align-items:center;justify-content:center;gap:25px;min-height:220px;background:#eef9fa60;border:1px solid var(--learning-line);border-radius:7px;background-image:radial-gradient(#233e4d20 1px,transparent 1px);background-size:14px 14px;padding:14px}.react-stage svg{width:53%;max-width:240px;color:#286781}.react-mini-ui{background:#f4f9f6;border:1px solid #749bac60;border-radius:7px;padding:17px;display:grid;gap:10px;justify-items:center;min-width:112px;box-shadow:5px 6px #233e4d0a}.react-mini-ui>span{font-family:var(--font-mono);font-size:8px}.react-state-value{font-family:var(--s-display);font-size:43px;font-weight:500;line-height:1}.database-stage,.bot-stage{height:190px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 13px;border:1px solid var(--learning-line);border-radius:6px;background:#ffffff25}.database-stage>svg{width:38%;max-width:110px;flex-shrink:0}.query-results{flex:1}.query-results>span,.bot-files>span:first-child{display:block;font-family:var(--font-mono);font-size:8px;letter-spacing:.03em;margin-bottom:10px}.query-result-row{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--learning-line);font-size:11px}.query-result-row>span:last-child{font-family:var(--font-mono);font-size:9px;opacity:.7}.query-code{display:block;min-height:44px;padding-top:10px;font-family:var(--font-mono);font-size:10px;line-height:1.65}.bot-stage{height:234px;padding:18px 12px}.bot-stage>svg{width:40%;max-width:120px;flex-shrink:0}.bot-files{flex:1}.bot-file{display:block;background:#fff5;border:1px solid var(--learning-line);border-radius:3px;padding:5px 7px;font-family:var(--font-mono);font-size:9px;margin-top:5px}.loose-file:nth-child(2){transform:rotate(-4deg)}.loose-file:nth-child(3){transform:rotate(5deg)}.loose-file:nth-child(4){transform:rotate(-2deg)}.bot-folder{border-left:2px solid #8d73a1;padding-left:7px;margin-top:9px}.bot-folder b{font-family:var(--font-mono);font-size:9px;font-weight:500}.weather-stage{height:234px;display:flex;flex-direction:column;justify-content:center;background:#fff7db60;border:1px solid var(--learning-line);border-radius:6px;transition:background .5s;padding:8px 12px 14px}.weather-stage svg{width:100%;height:175px;display:block;overflow:visible}.weather-services{display:flex;justify-content:space-around;gap:8px;font-family:var(--font-mono);font-size:9px}.weather-rain .weather-stage{background:#c6d4d960}.weather-snow .weather-stage{background:#e9f1f1b0}.weather-sun{opacity:1;transition:opacity .35s}.weather-rain .weather-sun,.weather-snow .weather-sun{opacity:.2}.weather-particle{stroke:#587789}.weather-snow .weather-particle{stroke:#617d84}.weather-controls{display:flex;gap:6px;padding-top:12px;min-height:59px}.weather-controls button{flex:1}.weather-controls button[aria-pressed=true]{background:var(--learning-ink);color:#fff9ed}@media (min-width: 761px) and (max-width: 1100px){.learning-grid .learning-card{padding:19px}.learning-grid .learning-card-visual{align-items:start;flex-direction:column}.learning-try-label{max-width:none;text-align:left}.scene-actions{flex-wrap:wrap}.scene-actions button,.scene-select,.scene-select select{flex:1}.react-stage{gap:10px}.react-mini-ui{min-width:95px;padding:12px}.database-stage,.bot-stage{gap:8px;padding-inline:8px}.learning-grid .learning-description{min-height:145px}.weather-services{font-size:8px;gap:3px}}@media (max-width: 760px){.learning-grid .learning-card-visual{flex-direction:row;align-items:end;padding-block:24px 18px}.learning-grid .learning-card-visual h3{font-size:clamp(32px,8.5vw,48px)}.learning-try-label{font-size:7px;max-width:70px}.learning-grid .learning-description{min-height:0}.terminal-code{font-size:11px;padding-inline:14px}.react-stage{gap:12px}.react-mini-ui{min-width:98px;padding:13px}}@media (max-width: 380px){.learning-grid .learning-javascript .learning-card-visual{flex-wrap:wrap}.learning-grid .learning-javascript .learning-try-label{max-width:none}.scene-actions{gap:8px;flex-wrap:wrap}.scene-select{gap:6px}.learning-scene button{padding-inline:9px;font-size:11px}.react-stage{padding:8px;gap:6px}.react-mini-ui{min-width:90px;padding:10px}}.space-arcade{--arcade-ink: #e9e5d7;--arcade-lime: #d5f77a;margin-top:28px;background:#252d21;color:var(--arcade-ink);border:1px solid #404e35}.arcade-invitation{display:flex;align-items:center;gap:26px;padding:30px}.arcade-mascot{width:45px;height:35px;color:var(--arcade-lime);flex-shrink:0}.arcade-kicker{display:block;font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#bdc7b0}.arcade-invitation h3{font-size:28px;font-weight:500;letter-spacing:-.035em;line-height:1.1;margin-top:9px}.arcade-invitation p{font-size:12px;line-height:1.7;color:#bdc7b0;margin-top:9px}.studio .space-arcade button{font-family:inherit;font-size:12px;min-height:44px;cursor:pointer}.studio .space-arcade button:disabled{opacity:.4;cursor:default}.arcade-launch{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-left:auto;padding:12px 18px;border:1px solid #d5f77a70;background:transparent;color:var(--arcade-lime);flex-shrink:0}.arcade-launch:hover{background:#35442b}.arcade-reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1),opacity .35s ease}.space-arcade.is-open .arcade-reveal{grid-template-rows:1fr;opacity:1}.arcade-reveal-inner{overflow:hidden;min-height:0}.arcade-panel{border-top:1px solid #4c5d3c;padding:23px 30px 25px}.arcade-hud{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:900px;margin:0 auto 15px}.arcade-hud>div{display:flex;gap:28px}.arcade-hud span{display:flex;flex-direction:column;gap:3px;font-family:var(--font-mono);font-size:8px;text-transform:uppercase;color:#aebc9e;letter-spacing:.06em}.arcade-hud b{font-weight:400;font-size:15px;color:var(--arcade-ink)}.arcade-hud button{border:1px solid #738563;color:var(--arcade-ink);background:transparent;padding:8px 17px}.arcade-screen{position:relative;max-width:900px;margin:auto;border:1px solid #536347;background:#171e18}.arcade-screen canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.studio .arcade-screen canvas:focus-visible{outline:2px solid var(--arcade-lime);outline-offset:4px}.arcade-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:20px;text-align:center;background:#171e18ed}.arcade-overlay .arcade-mascot{width:54px;height:42px;margin-bottom:8px}.arcade-overlay h4{font-size:clamp(24px,3vw,40px);font-weight:500;letter-spacing:-.035em;line-height:1.05}.arcade-overlay p{color:#bdc7b0;font-size:13px}.arcade-start{padding:13px 22px;border:1px solid var(--arcade-lime);background:var(--arcade-lime);color:#25311d;display:inline-flex;align-items:center;gap:25px;margin-top:7px}.arcade-start:hover{background:#e4ffa0}.arcade-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;max-width:900px;margin:17px auto 0;color:#bdc7b0;font-family:var(--font-mono);font-size:9px;line-height:1.8}.arcade-bottom p{font-size:10px}.arcade-bottom p>span{padding-inline:6px}.arcade-bottom kbd{font:inherit;padding:3px 5px;color:#e9e5d7;border:1px solid #647454}.arcade-touch{display:flex;max-width:900px;gap:10px;margin:18px auto 0}.studio .arcade-touch button{touch-action:none;user-select:none;-webkit-user-select:none;min-height:52px;flex:0 1 80px;background:#303d29;border:1px solid #657b51;color:var(--arcade-lime);font-family:var(--font-mono);font-size:18px}.studio .arcade-touch button:last-child{flex:1;margin-left:auto;max-width:180px;font-size:13px}.arcade-touch button:active{background:#526742}.studio .arcade-status{max-width:900px;margin:12px auto 0;color:#aebc9e;font-family:var(--font-mono);font-size:9px}@media (max-width: 760px){.arcade-invitation{flex-wrap:wrap;gap:18px;padding:24px}.arcade-invitation>div{flex:1}.arcade-invitation h3{font-size:25px}.arcade-invitation>.arcade-mascot{width:36px;height:28px}.arcade-launch{margin:0;width:100%}.arcade-panel{padding:18px}.arcade-hud>div{gap:18px}.arcade-hud .arcade-best{display:none}.arcade-screen canvas{min-height:255px;object-fit:contain}.arcade-overlay{gap:10px;padding:15px}.arcade-overlay .arcade-mascot{width:36px;height:28px;margin:0}.arcade-overlay .arcade-kicker{font-size:7px}.arcade-overlay p{font-size:11px}.arcade-overlay h4{font-size:26px}.arcade-bottom p{font-size:9px}.arcade-bottom>span{font-size:8px}}@media (max-width: 380px){.arcade-invitation{padding:19px;gap:15px}.arcade-invitation h3{font-size:23px}.arcade-invitation>.arcade-mascot{width:27px;height:21px}.arcade-kicker{font-size:8px}.arcade-panel{padding:14px}.arcade-hud>div{gap:12px}.arcade-hud button{padding-inline:12px}.arcade-overlay h4{font-size:23px}}.arcade-sandbox-return{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.sandbox-section{padding-block:90px 100px;border-top:1px solid var(--s-line)}.sandbox-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:70px;margin-bottom:40px}.sandbox-heading h2{font-size:clamp(36px,4.6vw,64px);line-height:1.04;letter-spacing:-.055em;margin-top:22px}.sandbox-heading h2 em{color:var(--s-lime)}.sandbox-heading>p{max-width:365px;color:var(--s-muted);font-size:16px;line-height:1.8;padding-bottom:4px}.sandbox-invitation{display:flex;align-items:center;gap:28px;padding:32px;border:1px solid #55594b;background:#22251e}.sandbox-invitation-copy{display:flex;align-items:center;gap:20px}.sandbox-symbol{display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;border:1px solid #626c47;border-radius:50%;font:22px var(--font-mono);color:var(--s-lime);transform:rotate(-9deg)}.sandbox-invitation h3{font-size:23px;letter-spacing:-.04em}.sandbox-invitation p{color:#b7bcac;font-size:12px;margin-top:5px}.sandbox-peek{margin-left:auto;display:grid;gap:8px;font:10px/1.6 var(--font-mono);color:#b2b99e}.sandbox-peek span:first-child{color:var(--s-lime)}.studio .sandbox-launch,.sandbox-loading button{min-height:46px;padding:12px 20px;border:1px solid var(--s-lime);background:var(--s-lime);color:#191b18;border-radius:0;font-size:12px;font-weight:600;white-space:nowrap}.sandbox-launch span{margin-left:24px}.sandbox-launch:hover{background:#e5ffa7}.sandbox-invitation.is-open{border-bottom-color:transparent}.sandbox-invitation.is-open .sandbox-peek{visibility:hidden}.sandbox-panel{min-width:0;display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s ease}.sandbox-panel.is-open{grid-template-rows:1fr}.sandbox-panel-inner{min-height:0;overflow:hidden}.sandbox-loading{border:1px solid #55594b;padding:32px;color:var(--s-muted)}.sandbox-loading button{margin-top:16px}.sandbox-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:16px;color:var(--s-muted);font:9px/1.6 var(--font-mono);letter-spacing:.07em;text-transform:uppercase}@media (max-width: 1100px){.sandbox-peek{display:none}.sandbox-launch{margin-left:auto}}@media (prefers-reduced-motion: reduce){.sandbox-panel{transition:none}}@media (max-width: 700px){.sandbox-section{padding-block:60px}.sandbox-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.sandbox-heading>p{font-size:14px}.sandbox-invitation{flex-wrap:wrap;padding:24px 18px;gap:24px}.sandbox-invitation-copy{gap:14px}.sandbox-invitation h3{font-size:21px}.sandbox-symbol{width:44px;height:44px;font-size:18px}.studio .sandbox-launch{width:100%;text-align:left;display:flex;justify-content:space-between}.sandbox-footnote span:last-child{display:none}}.studio-services{padding-bottom:70px;border-top:1px solid var(--s-line)}.studio .services-heading{padding-top:90px}.studio .services-heading>p{max-width:350px}.services-heading>p>span{display:inline-block;margin-top:14px;color:var(--s-text)}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.service-card{--service-x: 0;--service-y: 0;position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:25px;background:#1c1f1a;border:1px solid var(--s-line);border-radius:3px;transition:transform .3s ease,border-color .3s ease,background .3s ease}.service-card>*{position:relative}.service-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--s-muted);font:9px/1.6 var(--font-mono);text-transform:uppercase;letter-spacing:.03em}.service-level{display:flex;gap:3px;flex-shrink:0}.service-level i{width:4px;height:13px;background:#343b2e}.service-level .is-lit{background:#c1d895}.service-intro{min-height:141px;padding-top:26px}.studio .service-intro h3{margin-bottom:12px;font:500 clamp(24px,2.25vw,31px)/1.15 var(--s-display);letter-spacing:-.04em}.studio .service-intro p{max-width:330px;color:var(--s-muted);font-size:13px;line-height:1.75}.service-preview{height:388px;margin-block:22px 19px;min-width:0}.service-preview-launch,.service-preview-business{display:flex;flex-direction:column;justify-content:center}.service-preview-launch>a{display:block}.service-browser{overflow:hidden;border:1px solid #707662;background:#111510;border-radius:2px}.service-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 8px;color:#c2c6b6;background:#252a21;font:7px var(--font-mono)}.service-browser-bar>span:first-child{letter-spacing:2px}.service-browser>img{display:block;width:100%;height:180px;object-fit:cover;object-position:top;transition:transform .4s ease}.service-preview-caption{position:absolute;bottom:0;left:0;color:#959d8c;font:9px var(--font-mono)}.service-business{border-color:#505947;background:#1e221b}.service-device-stage{position:relative;flex:1;min-height:0}.service-business-desktop{position:absolute;top:18%;left:0;width:91%;transform:translate(calc(var(--service-x) * 12px),calc(var(--service-y) * 10px));transition:width .5s ease,top .5s ease,opacity .5s ease,transform .3s ease}.service-preview-business .service-browser>img{height:182px}.service-business-phone{position:absolute;right:0;top:37%;width:27%;padding:5px;background:#252b20;border:1px solid #7d8968;border-radius:10px;box-shadow:0 12px 25px #0005;transform:translate(calc(var(--service-x) * -18px),calc(var(--service-y) * -14px));transition:width .5s ease,right .5s ease,top .5s ease,transform .3s ease}.service-preview-business.is-mobile .service-business-desktop{width:72%;top:23%;opacity:.35}.service-preview-business.is-mobile .service-business-phone{width:43%;right:14%;top:2%}.service-device-switch{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;padding-top:8px;border-top:1px solid var(--s-line)}.studio .service-device-switch button{min-height:44px;padding:0 2px;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--s-muted);font-size:11px}.studio .service-device-switch button[aria-pressed=true]{color:var(--s-lime);border-color:var(--s-lime)}.service-device-switch>span{flex-basis:100%;padding-top:8px;font:8px var(--font-mono);color:var(--s-muted)}.service-business-phone>span{display:block;width:20%;height:3px;border-radius:5px;background:#77816b;margin:0 auto 4px}.service-business-phone img{display:block;width:100%;height:auto;aspect-ratio:390 / 720;object-fit:cover;object-position:top;border-radius:2px}.service-custom{background:#20251c;border-color:#697754}.service-custom:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(ellipse 300px 350px at var(--service-light-x, 50%) var(--service-light-y, 25%),#d5f77a0e,transparent 80%);transition:opacity .4s}.service-preview-custom{display:flex;flex-direction:column}.service-preview-custom{z-index:1}.service-live-demo{--demo-accent: #d5f77a;position:relative;width:calc(100% + 42px);margin-left:-10px;background:#121710;border:1px solid #7d8b66;box-shadow:0 16px 32px #0004}.service-live-demo:before{content:"";position:absolute;top:8px;right:-5px;bottom:-7px;left:7px;z-index:-1;background:#414b31;border:1px solid #77845f;transform:rotate(3deg) translate(calc(var(--service-x) * -8px),calc(var(--service-y) * -5px));transition:transform .35s}.service-demo-chrome{display:flex;justify-content:space-between;gap:6px;padding:12px 10px;color:#acb89c;font:7px var(--font-mono);letter-spacing:.04em}.service-demo-chrome>span:last-child{color:var(--s-lime)}.service-demo-tabs{position:relative;display:flex;margin:0 9px;border:1px solid #3c4830}.service-demo-tab-indicator{position:absolute;top:0;right:50%;bottom:0;left:0;background:#35422a;transition:transform .3s ease;pointer-events:none}.service-demo-tab-indicator.is-merch{transform:translate(100%)}.studio .service-demo-tabs button{position:relative;flex:1;min-height:38px;border:0;background:transparent;color:#aebaa0;font-size:10px}.studio .service-demo-tabs button[aria-pressed=true]{color:#edf4df}.service-demo-art{position:relative;height:208px;margin:10px 9px 0;background:#232a1c}.service-demo-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#80936012 1px,transparent 1px),linear-gradient(90deg,#80936012 1px,transparent 1px);background-size:18px 18px}.service-demo-poster{position:absolute;top:11px;right:21%;bottom:13px;left:12%;display:flex;flex-direction:column;justify-content:space-between;padding:14px;color:#191b18;background:var(--demo-accent);box-shadow:4px 7px #10150d80;transform:rotate(-5deg) translate(calc(var(--service-x) * 6px),calc(var(--service-y) * 4px));transition:background .2s,transform .3s}.service-demo-poster>span{font:6px var(--font-mono);letter-spacing:.03em}.service-demo-poster>strong{font:800 clamp(22px,2.8vw,38px)/.93 var(--s-display);letter-spacing:-.055em;overflow-wrap:anywhere}.service-demo-poster>div{display:flex;gap:8px;align-items:center}.service-demo-poster i{font: 42px/.9 Georgia,serif}.service-demo-poster>div>span{font:7px/1.4 var(--font-mono)}.service-demo-poster>small{font:5px var(--font-mono)}.service-demo-merch{position:absolute;top:4px;right:12%;bottom:4px;left:12%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-3deg) translate(calc(var(--service-x) * 6px),calc(var(--service-y) * 4px));transition:transform .3s}.service-demo-merch svg{display:block;width:100%;height:173px;filter:drop-shadow(3px 6px 2px #0005)}.service-demo-merch>span{margin-top:6px;color:#aebc9d;font:6px var(--font-mono)}.studio .service-demo-sticker{position:absolute;left:calc(78% + var(--sticker-x));top:calc(10% + var(--sticker-y));display:flex;flex-direction:column;align-items:center;width:65px;padding:8px 4px;border:1px solid #201c17;color:#231c16;background:#e7ac85;box-shadow:2px 4px #1117;transform:rotate(8deg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.service-demo-sticker:active{cursor:grabbing}.service-demo-sticker>span{font-size:22px;line-height:1}.service-demo-sticker b{margin-block:4px;font:800 12px/.95 var(--s-display)}.service-demo-sticker small{font:5px var(--font-mono)}.service-demo-controls{display:flex;align-items:flex-end;gap:6px;padding:12px 10px 0}.service-demo-controls label{flex:1;min-width:0;color:#b2bea5;font:8px var(--font-mono)}.studio .service-demo-controls input{display:block;width:100%;min-width:0;margin-top:5px;padding:7px;border:1px solid #4c5c3b;border-radius:0;color:#f0eee6;background:#20281a;font:11px var(--font-mono)}.service-demo-controls [role=group]{display:flex}.studio .service-demo-controls button{display:grid;place-items:center;width:30px;height:34px;padding:0;border:1px solid transparent;background:transparent}.service-demo-controls button[aria-pressed=true]{border-color:#a2b287}.service-demo-controls button>span{width:16px;height:16px;border-radius:50%;background:var(--swatch)}.service-demo-toolbar{padding:10px;border-top:1px solid #343e2c;margin-top:10px}.service-demo-toolbar-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.service-demo-toolbar .service-demo-tabs{flex:1;max-width:200px;margin:0}.service-demo-toolbar .service-demo-controls{padding:10px 0 0}.studio .service-demo-reset{min-height:44px;padding:5px;background:none;border:0;color:#bfc8b2;font-size:11px}.service-demo-reset>span{margin-left:4px}.service-project-status{display:inline-block;padding-block:10px;color:#bfbcaa;font:11px var(--font-mono)}.service-demo-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 6px;align-items:center;padding:3px 10px 0;color:#89977b;font:7px var(--font-mono)}.studio .service-demo-footer button{padding:10px 0;min-height:32px;border:0;background:transparent;color:#bfcca9;font:8px var(--font-mono)}.studio .service-custom-actions>button{padding:8px 0;border:0;background:transparent;color:var(--s-lime);font-size:10px;text-align:left}.service-custom-actions{flex-wrap:wrap}.service-case-study{margin-top:35px;padding:32px;border:1px solid #657452;background:#20251c}.service-case-study[hidden]{display:none}.service-case-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.studio .service-case-top button{min-height:44px;padding:8px 0;border:0;background:transparent;color:#bdc9ac;font-size:12px}.studio .service-case-study h3{margin:26px 0;font:500 clamp(28px,3.5vw,48px)/1.15 var(--s-display);letter-spacing:-.04em}.service-case-study h3 em{font-family:Georgia,serif;font-weight:400}.service-case-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:start}.service-case-grid>img{width:100%;height:auto;border:1px solid var(--s-line)}.studio .service-case-grid h4{margin-bottom:16px;font:500 22px var(--s-display)}.service-case-grid p,.service-case-grid li{font-size:13px;line-height:1.8;color:#b8c1ae}.service-case-grid ul{padding-left:18px;display:grid;gap:10px}.studio .service-case-grid .service-case-note{margin-block:22px;font-size:11px;color:#97a78a}.service-case-grid a{display:inline-block;padding-block:10px;color:var(--s-lime);font-size:13px}.studio-services :is(button,a,input):focus-visible{outline:2px solid var(--s-lime);outline-offset:4px}.service-example{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-top:15px;border-top:1px solid var(--s-line);font-size:11px}.service-example>span{color:#e1e2d8;font-weight:500}.service-example>a{white-space:nowrap;font-size:10px;color:#c1d895;padding-block:8px}.service-example>a>span{display:inline-block;margin-left:5px;transition:transform .2s}.service-example>a:hover>span{transform:translate(2px,-2px)}.studio .service-example-note{min-height:44px;font-size:11px;line-height:1.6;color:var(--s-muted);margin-top:2px}.service-price{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:22px 0 17px}.service-price>span{color:var(--s-muted);font:10px var(--font-mono)}.service-price>strong{font:500 27px var(--s-display);letter-spacing:-.035em}.service-custom .service-price>strong{color:var(--s-lime);font-family:Georgia,serif;font-style:italic;font-weight:400}.service-features{display:grid;gap:11px;margin:0 0 26px;padding:19px 0 0;list-style:none;border-top:1px solid var(--s-line)}.service-features>li{display:flex;align-items:baseline;gap:9px;font-size:12px;line-height:1.55;color:#c1c5b8}.service-features>li>span{color:#82996b}.service-inquiry{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 0;border-top:1px solid #69735a;font-size:12px}.service-inquiry>span{font-size:18px;transition:transform .25s ease}.service-inquiry:hover{color:var(--s-lime)}.service-inquiry:hover>span{transform:translate(3px,-3px)}.services-footnote{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:26px}.services-footnote>p{font-size:11px;line-height:1.8;color:var(--s-muted)}.services-footnote>a{font-size:12px;border-bottom:1px solid #69735a;padding-block:9px}.services-footnote>a>span{margin-left:14px;color:var(--s-lime)}.deck-position-3{z-index:0;transform:translate(10px,-28px) rotate(1deg);pointer-events:none}@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference){.service-launch:hover{transform:translateY(-6px);border-color:#8a9d6f}.service-launch:hover .service-browser>img{transform:scale(1.025)}.service-launch:hover .service-inquiry>span,.service-launch:hover .service-example>a>span{transform:translate(3px,-3px)}.service-business:hover{transform:translateY(-7px);border-color:#9cb47b;background:#22271e}.service-business .service-features>li{transition:color .3s ease,transform .3s ease;transition-delay:calc(var(--feature-index) * 35ms)}.service-business:hover .service-features>li{transform:translate(3px);color:var(--s-text)}.service-custom:hover{transform:translateY(-7px);border-color:#b3cc88}.service-custom:hover:before{opacity:1}.service-custom .service-features>li{transition:color .3s ease;transition-delay:calc(var(--feature-index) * 45ms)}.service-custom:hover .service-features>li{color:#e1e8d2}}.service-card:focus-within{border-color:#a5be80}@media (max-width: 1120px) and (min-width: 901px){.service-card{padding:19px}.service-card-top{font-size:8px}.service-intro{min-height:157px}.service-example{flex-wrap:wrap;gap:0 12px}}@media (max-width: 900px){.services-grid{grid-template-columns:1fr;gap:24px}.service-card{padding:30px}.service-intro{min-height:0}.studio .service-intro h3{font-size:30px}.studio .service-intro p{max-width:500px}.service-preview{height:388px}.service-live-demo{max-width:550px;margin-inline:auto}.service-preview-custom{align-items:center}.service-demo-poster>strong{font-size:38px}.service-case-grid{grid-template-columns:1fr}.service-preview-launch>a{max-width:520px;width:100%;margin-inline:auto}.service-browser>img{height:240px}.service-preview-business .service-browser>img{height:245px}.service-business-phone{width:22%;max-width:140px;right:3%}.service-example,.service-features>li,.service-inquiry{font-size:13px}.service-example>a{font-size:12px}.studio .service-example-note{min-height:0}.service-price{padding-top:26px}.services-footnote{align-items:flex-start;flex-direction:column;gap:14px}.studio .studio-nav nav{gap:17px}}@media (max-width: 540px){.studio .services-heading{align-items:flex-start;padding-top:65px;gap:22px}.studio .services-heading>p{display:block;font-size:13px}.service-card{padding:22px}.service-card-top{font-size:8px}.service-preview{height:320px}.service-preview-custom{height:388px}.service-live-demo{width:calc(100% + 25px);margin-left:-9px}.service-demo-poster>strong{font-size:30px}.studio .service-demo-tabs button{min-height:44px}.service-case-study{padding:20px}.service-browser>img{height:185px}.service-preview-business .service-browser>img{height:185px}.service-business-phone{width:27%;right:0}.service-preview-business.is-mobile .service-business-phone{width:40%;right:12%}.service-example{font-size:11px}.service-example>a{font-size:10px}.studio .studio-nav{flex-wrap:wrap;padding-block:16px;gap:14px}.studio .studio-nav nav{justify-content:space-between;flex:1;gap:10px;font-size:10px}.studio .studio-nav-contact{padding:8px}}@media (max-width: 380px){.service-card{padding:18px}.studio .studio-nav nav{flex-basis:100%;margin-left:0}.service-level i{width:3px}}@media (prefers-reduced-motion: reduce){.service-card,.service-browser>img,.service-business-desktop,.service-business-phone,.service-demo-poster,.service-demo-merch,.service-live-demo:before,.service-features>li{transform:none!important}.service-custom:before{display:none}}.studio{--s-bg: #191b18;--s-text: #f0eee6;--s-muted: #aaaDA4;--s-line: #3c3e36;--s-lime: #d5f77a;background:var(--s-bg);color:var(--s-text);font-family:Segoe UI,Arial,sans-serif;overflow:clip;font-size:16px;line-height:1.5;color-scheme:dark}.studio a{color:inherit}.studio button,.studio input,.studio select{font:inherit}.studio button,.studio select{cursor:pointer}.studio button,.studio a,.studio select,.studio input,.studio summary{-webkit-tap-highlight-color:transparent}.studio :focus-visible{outline:2px solid currentColor;outline-offset:6px}.studio ::selection{color:var(--s-bg);background:var(--s-lime)}.studio h1,.studio h2,.studio h3,.studio h4,.studio p{margin:0}.studio em{font-family:Georgia,Times New Roman,serif;font-weight:400}.studio section,.studio article,.studio details{scroll-margin-top:28px}.studio-wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.studio-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.studio-skip{position:fixed;left:20px;top:-100px;z-index:100;padding:12px 24px;color:#191b18!important;background:#d5f77a}.studio-skip:focus{top:16px}.studio-nav{display:flex;align-items:center;gap:26px;min-height:102px;border-bottom:1px solid var(--s-line)}.studio-logo{font-size:39px;font-weight:800;letter-spacing:-.1em;line-height:1}.studio-logo span{display:inline-block;vertical-align:top;margin:2px 0 0 7px;font-size:24px;color:var(--s-lime)}.studio-nav-note{font-family:var(--font-mono);text-transform:uppercase;font-size:9px;line-height:1.7;letter-spacing:.07em;color:var(--s-muted)}.studio-nav nav{margin-left:auto;display:flex;gap:36px;align-items:center;font-size:12px}.studio-nav nav a:hover{color:var(--s-lime)}.studio-nav nav a>span{font-family:var(--font-mono);font-size:8px;vertical-align:super;color:var(--s-muted)}.studio-nav-contact{border:1px solid #72756a;padding:11px 19px;border-radius:30px}.studio-hero{padding-top:34px}.studio-hero-meta{display:flex;justify-content:space-between;align-items:center;gap:16px}.studio-available{display:flex;align-items:center;gap:8px;color:var(--s-muted);font-family:var(--font-mono);font-size:10px}.studio-available i{height:6px;width:6px;border-radius:50%;background:var(--s-lime)}.studio-hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(42px,10.5vw,150px);letter-spacing:-.073em;line-height:1.08;margin:22px 0 38px;white-space:nowrap;position:relative}.studio-hero h1>span{display:inline-block;font-size:.16em;vertical-align:top;letter-spacing:0;margin:.55em 0 0 .4em}.studio-hero-bottom{display:grid;grid-template-columns:.92fr 1.08fr;gap:9%;padding:0 0 38px}.studio-hero-intro{padding-top:8px}.studio-hero-statement{font-size:clamp(26px,3.1vw,43px);line-height:1.12;letter-spacing:-.04em;position:relative;width:fit-content}.studio-hero-statement em{color:var(--s-lime)}.studio-hero-star{width:62px;height:62px;color:var(--s-lime);position:absolute;right:-94px;top:7px;transform:rotate(12deg)}.studio-hero-intro>p{font-size:14px;line-height:1.8;color:#babcb3;max-width:355px;margin:23px 0 26px}.studio-pill{display:inline-flex;align-items:center;gap:35px;border:1px solid var(--s-lime);border-radius:40px;background:var(--s-lime);color:#191b18!important;padding:13px 22px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.studio-pill:hover{background:#e5ffab;transform:translateY(-3px)}.studio-pill span{font-size:20px;line-height:1}.studio-hero-footnote{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:29px;font-size:9px;text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.07em;color:var(--s-muted)}.studio-handnote{font-family:Georgia,serif;text-transform:none;font-size:14px;font-style:italic;transform:rotate(-7deg);color:#d5f77a}.studio-deck{position:relative;padding:26px 20px 0 0;align-self:center}.studio-deck-stack{position:relative;aspect-ratio:1.85}.studio-deck-card{position:absolute;top:0;right:0;bottom:0;left:0;background:#e9e7dd;border:5px solid #e9e7dd;box-shadow:0 15px 35px #0005;border-radius:3px;overflow:hidden;transform-origin:center;transition:transform .45s ease}.studio-deck-card img{width:100%;height:calc(100% - 22px);object-fit:cover;object-position:top}.deck-position-0{z-index:3;transform:rotate(-4deg)}.deck-position-0:hover{transform:rotate(-2deg) translateY(-5px)}.deck-position-1{z-index:2;transform:translate(15px,-8px) rotate(4deg);pointer-events:none}.deck-position-2{z-index:1;transform:translate(-4px,-18px) rotate(-9deg);pointer-events:none}.studio-window-bar{height:22px;display:flex;justify-content:space-between;align-items:center;gap:5px;font-family:var(--font-mono);font-size:8px;padding:0 7px 4px;color:#52564a}.studio-window-bar>span:first-child{font-size:6px;letter-spacing:2px}.studio-deck-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:31px;font-family:var(--font-mono);font-size:9px;color:var(--s-muted)}.studio-deck-current{padding-left:14px}.studio-deck-controls>div{display:flex;gap:6px}.studio-deck-controls button{background:none;color:var(--s-text);border:1px solid #5b5f50;border-radius:50%;height:36px;width:36px;font-size:17px}.studio-deck-controls button:hover{color:#191b18;background:var(--s-lime);border-color:var(--s-lime)}.studio-hero-baseline{border-top:1px solid var(--s-line);border-bottom:1px solid var(--s-line);padding:18px 0;display:flex;justify-content:space-between;gap:16px;color:var(--s-muted);font-family:var(--font-mono);font-size:8px;letter-spacing:.09em}.studio-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:80px 0 36px}.studio-section-heading h2,.workbench-intro h2,.studio-about h2{font-size:clamp(32px,4vw,54px);line-height:1.08;font-weight:500;letter-spacing:-.045em;margin-top:20px}.studio-section-heading>p{color:var(--s-muted);font-size:12px;line-height:1.8;padding-bottom:3px}.studio-case-study{margin-top:22px;padding:32px;border:1px solid #596547;background:#22271f;scroll-margin-top:24px!important}.studio-case-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--s-lime)}.studio-case-close{display:inline-flex;align-items:center;gap:16px;border:1px solid #626b56;background:transparent;color:var(--s-text);padding:8px 12px;min-height:44px;font-size:11px!important}.studio-case-close span{font-size:22px;line-height:1}.studio-case-close:hover{background:#38422c}.studio-case-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:26px 0 30px}.studio-case-heading h4{font-size:clamp(29px,3vw,41px);font-weight:400;line-height:1.08;letter-spacing:-.035em}.studio-case-heading h4:focus{outline:none}.studio-case-heading>p{font-size:11px;color:#b8c0ac;line-height:1.8}.studio-case-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:32px;align-items:start}.studio-case-visual{border:1px solid #687459}.studio-case-browser{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 13px;background:#dfe3d4;color:#36412c;font-family:var(--font-mono);font-size:8px}.studio-case-browser>span:first-child{font-size:6px;letter-spacing:2px}.studio-case-canvas{position:relative;isolation:isolate}.studio-case-image{position:relative;aspect-ratio:1400 / 880;overflow:hidden}.studio-case-image>img{display:block;width:100%;height:auto;max-width:none}.studio-case-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(#d5f77a08 1px,transparent 1px),linear-gradient(90deg,#d5f77a08 1px,transparent 1px);background-size:25px 25px}.studio-case-highlight{position:absolute;pointer-events:none;border:1.5px solid #d5f77a;outline:4px solid #d5f77a12;box-shadow:0 0 0 1000px #101a2470;transition:top .3s ease,left .3s ease,width .3s ease,height .3s ease}.studio-case-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%);min-width:44px;height:44px;border:1px solid #d5f77a;border-radius:50%;color:#d5f77a;background:#1c2c26;font-family:var(--font-mono)!important;font-size:11px!important;box-shadow:0 3px 14px #0005}.studio-case-pin:hover,.studio-case-pin[aria-pressed=true]{background:#d5f77a;color:#192414}.studio-case-pin[aria-pressed=true]:before{content:"";position:absolute;height:1px;width:20px;right:100%;top:50%;background:#d5f77a;pointer-events:none}.studio-case-visual-caption{display:flex;justify-content:space-between;gap:10px;padding:12px 13px;font-family:var(--font-mono);font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#c0c8b6}.studio-case-note-options{display:flex;gap:6px;border-bottom:1px solid #505a43;padding-bottom:18px}.studio-case-note-options button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:44px;padding:9px 6px;border:1px solid #667156;background:none;color:#c0c8b6;font-size:10px!important}.studio-case-note-options button>span:first-child{font-family:var(--font-mono);font-size:8px}.studio-case-note-options button>span:last-child{display:none}.studio-case-note-options button[aria-pressed=true]{background:var(--s-lime);color:#192414;border-color:var(--s-lime)}.studio-case-note-options button:hover{border-color:var(--s-lime)}.studio-case-note{padding-top:24px;min-height:280px}.studio-case-note>.studio-kicker{color:var(--s-lime)}.studio-case-note h5{font-size:clamp(23px,2.2vw,30px);line-height:1.1;letter-spacing:-.035em;margin:15px 0;font-weight:500}.studio-case-note>p{font-size:13px;color:#bcc4b2;line-height:1.85}.studio-case-takeaway{display:flex;gap:12px;align-items:start;margin-top:22px;padding-top:18px;border-top:1px solid #505a43;color:var(--s-lime)}.studio-case-takeaway>span{font-size:24px;line-height:1}.studio-case-takeaway p{font-family:Georgia,serif;font-style:italic;font-size:16px;line-height:1.4}.studio-case-footer{display:flex;justify-content:space-between;gap:16px;margin-top:28px;padding-top:20px;border-top:1px solid #505a43;font-size:10px;color:#b8c0ac}.studio-case-footer a{color:var(--s-lime)}@media (max-width: 1100px){.studio-case-pins{display:flex;justify-content:center;gap:16px;padding:12px;background:#1b2418}.studio-case-pin{position:relative;left:auto;top:auto;transform:none}.studio-case-pin[aria-pressed=true]:before{display:none}}@media (max-width: 1100px) and (min-width: 761px){.studio-case-layout{grid-template-columns:1.3fr 1fr;gap:24px}.studio-case-note-options button{font-size:9px!important;gap:4px}.studio-case-note-options button>span:first-child{display:none}}@media (max-width: 760px){.studio-case-study{padding:20px}.studio-case-topline>.studio-kicker{max-width:145px;line-height:1.8;font-size:8px}.studio-case-close{gap:8px;flex-shrink:0;font-size:10px!important}.studio-case-heading{flex-direction:column;align-items:start;gap:15px}.studio-case-layout{grid-template-columns:1fr;gap:22px}.studio-case-note-options{display:none}.studio-case-note{min-height:0;padding-top:0}.studio-case-footer{flex-direction:column;align-items:start}}.studio-work{padding-top:100px}.workbench-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px}.workbench-intro{grid-column:span 2;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:0 5% 10px 0}.workbench-intro-copy{display:flex;justify-content:space-between;align-items:end;gap:24px}.workbench-intro-copy>p:first-child{color:var(--s-muted);font-size:14px;line-height:1.8}.workbench-legend{display:flex;gap:22px;padding-bottom:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--s-muted);white-space:nowrap}.workbench-legend>span,.workbench-status{display:inline-flex;align-items:center;gap:8px}.workbench-legend i,.workbench-status i{width:6px;height:6px;flex-shrink:0;border-radius:50%}.workbench-legend .is-live i,.workbench-status.is-live i{background:var(--s-lime)}.workbench-legend .is-progress i,.workbench-status.is-progress i{border:1px solid #9a9f8d}.workbench-card{container-type:inline-size;display:flex;flex-direction:column;border:1px solid #44483e;background:#22251f}.workbench-card summary{cursor:pointer;list-style:none;padding:8px 8px 0}.workbench-card summary::-webkit-details-marker{display:none}.workbench-card summary:focus-visible{outline-offset:3px}.workbench-art{display:flex;flex-direction:column;position:relative;height:clamp(255px,75cqi,320px);padding:18px;overflow:hidden;isolation:isolate}.workbench-art-label,.workbench-art-bottom{font-family:var(--font-mono);font-size:7px;text-transform:uppercase;letter-spacing:.055em;position:relative;z-index:2}.workbench-art-label{border-bottom:1px solid currentColor;padding-bottom:10px}.workbench-art-title{font-size:clamp(24px,2.5vw,35px);letter-spacing:-.05em;line-height:1.03;position:relative;z-index:2;display:block}.workbench-art-bottom{margin-top:auto}.workbench-warm .workbench-art{background:#e8e2cf;color:#284a35}.workbench-warm .workbench-art-title{margin-top:29px;font-size:clamp(25px,2.8vw,39px)}.workbench-leaf{position:absolute;height:143px;width:127px;bottom:23px;right:-7px;opacity:.48;transform:rotate(8deg);transition:transform .4s}.workbench-warm summary:hover .workbench-leaf{transform:rotate(-4deg) translateY(-5px)}.workbench-steel .workbench-art{background:#c6cec2;color:#2b3b33;background-image:linear-gradient(#30433610 1px,transparent 1px),linear-gradient(90deg,#30433610 1px,transparent 1px);background-size:18px 18px}.workbench-drawing{position:relative;display:block;width:100%;height:100px;margin-top:5px}.workbench-drawing i{position:absolute;width:76px;height:76px;border:1px solid #2b3b3380;border-radius:50%;top:12px;left:calc(50% - 38px);transition:transform .4s}.workbench-drawing i:nth-child(2){transform:scale(.65)}.workbench-drawing i:nth-child(3){transform:scale(.3)}.workbench-drawing b{position:absolute;left:0;right:0;top:24px;text-align:center;font-family:var(--font-mono);font-weight:400;font-size:28px}.workbench-steel summary:hover .workbench-drawing i:first-child{transform:scale(1.13)}.workbench-steel .workbench-art-title{font-size:clamp(23px,2.2vw,31px)}.workbench-steel .workbench-art-bottom{margin-top:15px;font-size:6px}.workbench-brutal .workbench-art{background:#101511;color:#d5f77a}.workbench-brutal .workbench-art-title{font-size:49px;font-family:Arial,sans-serif;font-weight:900;font-style:italic;line-height:.9;margin-top:20px}.workbench-brutal .workbench-art-title em{font-family:inherit;font-weight:inherit;color:#f0eee6}.workbench-slashes{position:absolute;inset:45px -35px 38px auto;display:flex;gap:10px;transform:skew(-18deg);opacity:.11;transition:transform .4s}.workbench-slashes i{height:100%;width:20px;background:#d5f77a}.workbench-brutal summary:hover .workbench-slashes{transform:skew(-18deg) translate(-12px)}.workbench-punch .workbench-art{background:#f4d94a;color:#453016}.workbench-punch .workbench-art-title{font-family:Arial,sans-serif;font-weight:900;margin-top:22px;font-size:clamp(23px,2.3vw,32px);transform:rotate(-5deg)}.workbench-punch .workbench-art-title em{font-family:inherit;font-weight:inherit;color:#a33020}.workbench-burger{display:flex;flex-direction:column;align-items:center;gap:3px;margin:18px auto 10px;width:95px;transform:rotate(-8deg);transition:transform .4s}.workbench-burger i{display:block;width:100%;height:9px;background:#734128;border-radius:5px}.workbench-burger i:first-child{background:#c36227;height:25px;border-radius:55px 55px 8px 8px}.workbench-burger i:nth-child(2){background:#557636;width:108%;height:5px}.workbench-burger i:nth-child(3){background:#e39023;transform:rotate(-3deg);height:6px}.workbench-burger i:last-child{background:#c36227;height:12px;border-radius:4px 4px 12px 12px}.workbench-punch summary:hover .workbench-burger{transform:rotate(5deg) translateY(-5px)}.workbench-entertainment .workbench-art{background:#0c0c0b;color:#ff8b56}.workbench-comedy-artwork{position:relative;display:block;flex-shrink:0;width:min(56cqi,230px);max-width:100%;aspect-ratio:630 / 495;overflow:hidden;margin:12px auto}.workbench-comedy-artwork img{position:absolute;width:209.52381%;max-width:none;height:auto;left:-103.174603%;top:-8.080808%}.workbench-browser{position:absolute;z-index:1;display:block;background:#efece2;border:4px solid #f6f4eb;transition:transform .4s ease}.workbench-browser-bar{display:flex;justify-content:space-between;gap:6px;padding:1px 3px 4px;font-family:var(--font-mono);font-size:6px;line-height:1;color:#4c4c43}.workbench-browser-bar>span:first-child{font-size:5px;letter-spacing:1px}.workbench-browser img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top}.workbench-estate .workbench-art{background:#e5e2d8;color:#292f29}.workbench-estate .workbench-art-title{margin-top:16px;font-size:clamp(22px,1.9vw,27px);font-weight:400;letter-spacing:-.03em;line-height:1.08}.workbench-estate-photo{position:absolute;inset:auto 0 0;height:50%;z-index:0}.workbench-estate-photo img{width:100%;height:100%;object-fit:cover}.workbench-estate-browser{width:54%;right:16px;bottom:16px;box-shadow:0 12px 26px #17231840;transform:rotate(4deg)}.workbench-estate summary:hover .workbench-estate-browser{transform:rotate(1deg) translateY(-5px)}.workbench-enterprise .workbench-art{background:#213b4c;color:#f0f0de}.workbench-enterprise .workbench-art-label{color:#d5f77a}.workbench-enterprise .workbench-art-title{margin-top:15px;font-size:clamp(22px,2vw,28px);font-weight:700;letter-spacing:-.045em}.workbench-enterprise .workbench-art-title>span{color:#d5f77a}.workbench-enterprise .workbench-art-bottom{color:#bcced5}.workbench-route-map{position:absolute;z-index:0;left:-20%;top:24%;width:140%;height:76%;max-width:none;color:#d5f77a}.workbench-afh-browser{width:60%;left:18px;bottom:42px;border-color:#718796;box-shadow:0 16px 26px #091e3240;transform:rotate(-4deg)}.workbench-enterprise summary:hover .workbench-afh-browser{transform:rotate(-1deg) translateY(-5px)}.workbench-afh-phone{position:absolute;z-index:1;right:22px;bottom:26px;width:19%;border:4px solid #14252f;border-radius:12px;overflow:hidden;background:#14252f;box-shadow:0 10px 20px #00132260;transform:rotate(7deg)}.workbench-afh-phone img{display:block;width:100%;height:auto}.workbench-travel .workbench-art{background:#0a0a0a;color:#f9f6f0}.workbench-travel-hero{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.workbench-travel-hero img{width:100%;height:100%;object-fit:cover;object-position:50% 52%;transform:scale(1.5);transform-origin:50% 52%}.workbench-travel-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0a0a0ae0,#0a0a0a00 30%,#0a0a0a00 72%,#0a0a0ae6)}.workbench-travel .workbench-art-label,.workbench-travel .workbench-art-bottom{font-family:Segoe UI,Arial,sans-serif;letter-spacing:.26em}.workbench-travel .workbench-art-label{color:#c5a059;border-color:#c5a05966}.workbench-travel .workbench-art-bottom{color:#ddd}.studio .workbench-card-heading{display:flex;align-items:baseline;gap:9px;margin:17px 7px 6px;font-family:inherit;font-size:15px;font-weight:500;letter-spacing:-.02em}.workbench-number{font-family:var(--font-mono);font-size:8px;color:var(--s-muted)}.workbench-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:36px;margin:0 7px 6px}.workbench-card-meta>span:first-child{font-size:9px;color:var(--s-muted)}.workbench-expand{display:flex;align-items:center;gap:12px;flex-shrink:0;color:var(--s-lime);font-size:10px}.workbench-card.is-live .workbench-expand{color:#c9cdbf}.workbench-expand b{color:var(--s-lime);font-size:20px;line-height:1;font-weight:400;transition:transform .2s}.workbench-open-label{display:none}.workbench-card details[open] .workbench-open-label{display:inline}.workbench-card details[open] .workbench-closed-label{display:none}.workbench-card details[open] .workbench-expand b{transform:rotate(45deg)}.workbench-details{padding:4px 15px 18px;font-size:12px;color:#c0c5b7;line-height:1.8}.workbench-details ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:5px}.workbench-details li{font-family:var(--font-mono);font-size:8px;border:1px solid #535b47;padding:4px 6px}.workbench-closer{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.studio .workbench-closer button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid #d5f77a70;background:transparent;color:var(--s-lime);font-size:11px}.workbench-closer button>span{font-family:var(--font-mono);font-size:9px}.studio .workbench-closer button:hover,.studio .workbench-closer button[aria-expanded=true]{background:var(--s-lime);color:#193044}.workbench-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:46px;margin:0 15px;border-top:1px solid #44483e}.workbench-status{font-size:9px;color:var(--s-muted)}.studio .workbench-visit{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--s-lime);font-size:10px;white-space:nowrap;text-underline-offset:4px}.workbench-visit>span{font-size:13px}.workbench-visit:hover{text-decoration:underline}.workbench-visit:focus-visible{outline:2px solid var(--s-lime);outline-offset:3px}@media (max-width: 1100px){.workbench-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.workbench-intro{grid-column:auto;padding-right:0}.workbench-intro-copy{flex-direction:column;align-items:start;gap:16px}.workbench-art-title{font-size:37px}.workbench-warm .workbench-art-title{font-size:42px}.workbench-steel .workbench-art-title{font-size:31px}.workbench-punch .workbench-art-title{font-size:32px}}@media (max-width: 760px){.studio-work{padding-top:65px}.workbench-grid{gap:14px}}@media (max-width: 540px){.workbench-grid{grid-template-columns:1fr}.workbench-intro{padding-bottom:16px}.workbench-leaf{right:18px;height:165px;width:147px;bottom:12px}}.studio input[type=range]{display:block;accent-color:#d5f77a;width:100%;height:35px;margin:8px 0 0;cursor:ew-resize}.studio-about{display:grid;grid-template-columns:.72fr 1.28fr;gap:10%;padding-block:110px;border-bottom:1px solid var(--s-line)}.studio-about-symbol{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px}.studio-about-symbol svg{width:155px;height:155px;color:var(--s-lime);transform:rotate(12deg)}.studio-about-symbol span{font-family:var(--font-mono);font-size:8px;text-align:center;letter-spacing:.12em;line-height:1.8;color:var(--s-muted)}.studio-about h2{font-size:clamp(32px,3.6vw,46px)}.studio-about p{color:#babcb3;font-size:14px;line-height:1.8;margin-top:23px;max-width:490px}.studio-about-tools{display:flex;flex-wrap:wrap;gap:12px 24px;padding-top:24px;margin-top:26px;border-top:1px solid var(--s-line);font-family:var(--font-mono);font-size:9px}.studio-about-tools>span:first-child{color:var(--s-muted)}.studio-contact{padding-block:65px}.studio-contact>a{position:relative;display:block;font-size:clamp(45px,7.4vw,102px);line-height:1.04;letter-spacing:-.055em;margin-top:28px}.studio-contact>a em{color:var(--s-lime)}.studio-contact>a>span{position:absolute;right:5%;top:15%;font-weight:300;font-size:110px;transition:transform .25s}.studio-contact>a:focus-visible>span{transform:translate(5px,-5px)}@media (hover: hover) and (pointer: fine){.studio-contact>a:hover>span{transform:translate(5px,-5px)}}.studio-contact-bottom{display:flex;gap:20px;justify-content:space-between;font-size:11px;color:var(--s-muted);margin-top:35px}.studio-contact-bottom>a{color:var(--s-text);border-bottom:1px solid var(--s-muted)}.studio-footer{padding-block:26px;border-top:1px solid var(--s-line);display:flex;justify-content:space-between;align-items:center;gap:20px}.studio-footer>span,.studio-footer>a:last-child{font-family:var(--font-mono);font-size:9px;color:var(--s-muted)}.studio-footer .studio-logo{font-size:29px}.studio-footer .studio-logo span{font-size:18px}@media (min-width: 1600px){.studio-hero h1{font-size:150px}}@media (max-width: 1100px){.studio-wrap{width:calc(100% - 64px)}.studio-hero h1{font-size:10.4vw}.studio-hero-bottom{gap:7%;grid-template-columns:1fr 1fr}.studio-hero-star{width:40px;height:40px;right:-50px}.studio-handnote{font-size:11px}}@media (max-width: 760px){.studio-wrap{width:calc(100% - 40px)}.studio-nav{min-height:82px;gap:18px}.studio-nav-note{display:none}.studio-nav nav{gap:19px;font-size:11px}.studio-nav-contact{padding:8px 12px}.studio-hero{padding-top:25px}.studio-hero-meta{align-items:start}.studio-hero-meta .studio-kicker,.studio-available{max-width:150px;font-size:8px}.studio-available i{flex-shrink:0}.studio-hero h1{font-size:10.3vw;margin:26px 0 35px}.studio-hero-bottom{grid-template-columns:1fr;gap:52px}.studio-hero-statement{font-size:37px}.studio-hero-star{right:-65px;width:43px;height:43px}.studio-hero-intro>p{max-width:390px}.studio-hero-footnote{max-width:400px}.studio-handnote{font-size:14px}.studio-deck{max-width:540px;width:calc(100% - 24px);justify-self:center;padding-right:10px}.studio-hero-baseline{font-size:7px}.studio-hero-baseline>span:last-child{display:none}.studio-section-heading{padding-top:60px;gap:20px;flex-direction:column;align-items:start}.studio-section-heading>p{max-width:none;font-size:11px}.studio-section-heading h2,.workbench-intro h2{font-size:34px}.studio-about{grid-template-columns:1fr;gap:40px;padding-block:65px}.studio-about-symbol{flex-direction:row;justify-content:start}.studio-about-symbol svg{width:65px;height:65px}.studio-about-symbol span{text-align:left}.studio-contact{padding-block:50px}.studio-contact>a{font-size:10.2vw}.studio-contact>a>span{right:0;font-size:55px}.studio-contact-bottom{flex-direction:column;align-items:start;font-size:11px}.studio-footer{gap:12px}.studio-footer>span,.studio-footer>a:last-child{font-size:8px}}@media (max-width: 380px){.studio-nav nav{gap:12px;font-size:10px}.studio-nav-contact{padding:8px}.studio-hero-statement{font-size:32px}.studio-hero-star{right:-47px;width:32px;height:32px}.studio-section-heading>p{display:none}}@media (prefers-reduced-motion: reduce){html:has(.studio){scroll-behavior:auto}.studio *,.studio *:before,.studio *:after{animation:none!important;transition:none!important}}.studio-transformation{margin-top:22px;padding:30px;border:1px solid #4e5545;background:#252a22;scroll-margin-top:24px!important}.transformation-heading{display:flex;gap:24px;align-items:end;justify-content:space-between;margin:26px 0 28px}.transformation-heading h3{font-weight:400;font-size:clamp(30px,3.5vw,46px);line-height:1.05;letter-spacing:-.04em}.transformation-heading h3:focus{outline:none}.transformation-heading>p{font-size:12px;line-height:1.8;color:#c2c7b9;max-width:340px}.transformation-heading>p>span{font-size:10px;color:#b0b9a3}.transformation-browser{display:flex;justify-content:space-between;gap:15px;background:#dfe3d4;color:#37412e;font-family:var(--font-mono);font-size:9px;padding:12px 15px}.transformation-browser>span:first-child{font-size:7px;letter-spacing:2px}.transformation-stage{position:relative;aspect-ratio:1400 / 880;overflow:hidden;isolation:isolate}.transformation-stage:focus-within{outline:3px solid var(--s-lime);outline-offset:4px}.transformation-wireframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.transformation-finished{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.transformation-finished img{width:100%;height:auto;display:block}.transformation-image-label{position:absolute;top:14px;padding:7px 10px;font-family:var(--font-mono);font-size:8px;pointer-events:none;transition:opacity .15s}.transformation-image-label-finished{left:14px;color:#eaf0dd;background:#14263be8}.transformation-image-label-wireframe{right:14px;color:#3e4832;background:#f5f4ecee;border:1px solid #9caa8a}.transformation-divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:#d5f77a;box-shadow:0 0 10px #1118;pointer-events:none;transform:translate(-1px)}.transformation-grip{position:absolute;left:clamp(25px,var(--reveal),calc(100% - 25px));top:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:flex;gap:6px;align-items:center;justify-content:center;border:1px solid #d5f77a;border-radius:50%;background:#d5f77a;color:#24321a;font-size:24px;box-shadow:0 3px 20px #0005;pointer-events:none}.transformation-grip i{width:1px;height:17px;background:#24321a80}.studio input.transformation-slider{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;opacity:0;margin:0;cursor:ew-resize;touch-action:pan-y}.transformation-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:20px}.transformation-controls>p{font-size:12px;color:#dce4d0}.transformation-controls>p>span:first-child{color:var(--s-lime);margin-left:8px}.transformation-controls>p>span:last-child{display:block;font-size:9px;color:#b0b9a3;margin-top:5px}.transformation-presets{display:flex;gap:5px}.transformation-presets button{min-height:44px;padding:9px 14px;border:1px solid #647153;background:transparent;color:#dce4d0;font-size:11px!important}.transformation-presets button:hover{border-color:var(--s-lime)}.transformation-presets button[aria-pressed=true]{color:#26321b;background:var(--s-lime);border-color:var(--s-lime)}.studio-postcard{margin:0;padding:14px;width:100%;max-width:440px;background:#ece7d8;color:#3b4535;border:1px solid #ece7d8;align-self:center;transform:rotate(-3deg);box-shadow:8px 12px #c1cfa313;transition:transform .35s}.studio-postcard:hover,.studio-postcard:focus-within{transform:rotate(0)}.postcard-topline{display:flex;justify-content:space-between;gap:12px;font-family:Georgia,serif;font-size:14px;font-style:italic;padding:1px 2px 13px}.postcard-topline>span:last-child{font-family:var(--font-mono);font-style:normal}.postcard-scene{width:100%;height:auto;display:block;overflow:hidden}.postcard-sky{fill:#d1ddcf;transition:fill .7s}.postcard-sun{fill:#f4ce74;opacity:1;transition:opacity .6s}.postcard-moon{fill:#eee6bb;opacity:0;transition:opacity .6s}.postcard-clouds{stroke:#f7f2de;opacity:.8;transition:opacity .6s}.postcard-stars{opacity:0;transition:opacity .6s}.postcard-mountain-back{fill:#a2b8a2;transition:fill .7s}.postcard-mountain-front{fill:#6c8b78;transition:fill .7s}.postcard-ridge{stroke:#b7ccb5;transition:stroke .7s}.postcard-buildings{fill:#3d5c4d;color:#3d5c4d;transition:fill .7s}.postcard-windows{fill:#b3c7a1;opacity:.65;transition:fill .7s,opacity .7s}.postcard-ground{fill:#314d40;transition:fill .7s}.postcard-street{stroke:#8ea586}.is-night .postcard-sky{fill:#152331}.is-night .postcard-sun,.is-night .postcard-clouds{opacity:0}.is-night .postcard-moon,.is-night .postcard-stars{opacity:1}.is-night .postcard-mountain-back{fill:#334858}.is-night .postcard-mountain-front{fill:#243b47}.is-night .postcard-ridge{stroke:#4d6773}.is-night .postcard-buildings{fill:#13272d;color:#13272d}.is-night .postcard-windows{fill:#dfcb86;opacity:1}.is-night .postcard-ground{fill:#0f2024}.postcard-location{display:flex;justify-content:space-between;gap:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;padding-block:17px 14px}.postcard-location>span:last-child{display:flex;align-items:center;gap:7px}.postcard-location i{height:5px;width:5px;border-radius:50%;background:#5c7745}.postcard-controls{display:flex;gap:5px}.postcard-controls button{flex:1;min-height:44px;background:transparent;border:1px solid #8e9981;color:#3b4535;font-family:var(--font-mono)!important;font-size:10px!important}.postcard-controls button[aria-pressed=true]{color:#ede9dc;background:#3b4535;border-color:#3b4535}.postcard-controls button:hover{border-color:#3b4535}.studio-about .postcard-caption{font-size:9px;color:#626e57;margin:12px 0 0;line-height:1.6}@media (max-width: 1000px){.transformation-heading{flex-direction:column;align-items:start;gap:18px}.transformation-heading>p{max-width:none}}@media (max-width: 760px){.studio-transformation{padding:18px;margin-top:18px}.transformation-heading>p{font-size:11px}.transformation-browser{font-size:7px;padding:10px}.transformation-image-label{font-size:6px;padding:4px 6px;top:7px}.transformation-image-label-finished{left:7px}.transformation-image-label-wireframe{right:7px}.transformation-controls{flex-direction:column;align-items:stretch;gap:16px}.transformation-presets button{flex:1}.studio-postcard{width:calc(100% - 12px);justify-self:center}}@media (prefers-reduced-motion: reduce){.studio-transformation *,.studio-postcard *{transition:none!important}.studio-postcard{transition:none;transform:none}}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-latin.woff2) format("woff2");font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.studio{--s-display: "Bricolage Grotesque", "Segoe UI", sans-serif}.studio h1,.studio h2,.studio h3,.studio h4,.studio-hero-statement,.studio-contact>a,.workbench-art-title{font-family:var(--s-display);font-optical-sizing:auto}.studio-kicker{font-size:11px}.studio-nav-note{font-size:10px}.studio-nav nav{font-size:13px}.studio-hero{padding-top:36px}.studio-hero h1{font-family:var(--s-display);font-size:clamp(42px,13.3vw,184px);font-weight:800;letter-spacing:-.04em;line-height:1.16;margin:22px 0 48px}.studio-name-text{display:inline-block;font-weight:inherit}.studio-hero h1>span{color:var(--s-lime)}.studio-hero-bottom{grid-template-columns:.82fr 1.18fr;gap:7%;padding-bottom:56px;align-items:center}.studio-hero-statement{font-size:clamp(29px,3.35vw,46px);letter-spacing:-.045em}.studio-hero-star{width:50px;height:50px;right:-64px;top:5px}.studio-hero-intro>p{font-size:16px;line-height:1.75;max-width:370px}.studio-hero-footnote{font-size:10px;margin-top:34px}.studio-hero-baseline{font-size:10px;padding-block:21px}.studio-available{font-size:11px}.studio-pill{font-size:14px;padding:15px 23px;gap:26px}.studio-button-star{width:21px;height:21px;transition:transform .45s cubic-bezier(.22,1,.36,1)}.studio-pill:hover .studio-button-star,.studio-pill:focus-visible .studio-button-star{transform:rotate(90deg)}.studio-logo span{transition:transform .45s ease}.studio-logo:hover span,.studio-logo:focus-visible span{transform:rotate(90deg)}.studio-section-heading{padding:100px 0 42px}.studio-section-heading h2,.workbench-intro h2{font-size:clamp(38px,4.6vw,65px)}.studio-section-heading>p{font-size:14px}.studio-card-caption h4{font-size:19px}.studio-card-caption p{font-size:13px}.studio-about p{font-size:16px}.studio-about-tools{font-size:11px}.studio-contact-bottom{font-size:13px}.studio-footer>span,.studio-footer>a:last-child{font-size:11px}.studio-deck{padding:0 16px 0 0;perspective:1000px}.studio-deck-label{display:flex;justify-content:space-between;gap:12px;margin:0 0 90px;color:var(--s-muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em}.studio-deck-label>span:last-child{color:var(--s-lime)}.studio-deck-stack{aspect-ratio:1.6;transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .3s ease-out;transform-style:preserve-3d}.studio-deck-card{border-width:6px;box-shadow:0 24px 45px #0006}.studio-deck-card img{height:calc(100% - 26px)}.studio-window-bar{height:26px;font-size:9px}.deck-position-1{transform:translate(16px,-12px) rotate(5deg)}.deck-position-2{transform:translate(-7px,-23px) rotate(-10deg)}.studio-deck-controls{margin-top:38px;font-size:11px}.studio-deck-controls button{width:44px;height:44px}@media (prefers-reduced-motion: no-preference){.studio-name-text{animation:studio-type-arrival .85s cubic-bezier(.22,1,.36,1) both}.studio-hero-intro{animation:studio-copy-arrival .75s .15s cubic-bezier(.22,1,.36,1) both}.studio-deck-arrival{animation:studio-deck-arrival 1.1s .2s cubic-bezier(.22,1,.36,1) both}}@keyframes studio-type-arrival{0%{opacity:0;transform:translateY(35px);clip-path:inset(100% 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}@keyframes studio-copy-arrival{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-deck-arrival{0%{opacity:0;transform:translate(20px,38px) rotate(7deg) scale(.96)}to{opacity:1;transform:none}}.studio-playground{--s-muted: #626451;--s-text: #2b3025;--s-lime: #425533;margin-top:110px;padding:30px 0 32px;background:#eeeadd;color:#2b3025;color-scheme:light}.playground-topline,.playground-bottomline{display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:var(--font-mono);font-size:10px;letter-spacing:.07em}.playground-topline{padding-bottom:25px;border-bottom:1px solid #2b302530}.playground-topline svg{width:34px;height:34px;color:#53633c;transform:rotate(12deg)}.studio-playground .studio-section-heading{padding-top:40px;padding-bottom:38px}.studio-playground h2{font-size:clamp(44px,5.2vw,74px)}.studio-playground input[type=range]{accent-color:#425533}.playground-bottomline{margin-top:35px;padding-top:25px;border-top:1px solid #2b302530}.playground-bottomline>span:last-child{font-family:Georgia,serif;font-style:italic;font-size:18px;letter-spacing:0}.studio-about{padding-block:125px}.studio-about h2{font-size:clamp(35px,3.9vw,55px)}.studio-postcard{padding:17px;box-shadow:12px 16px #c1cfa313;position:relative}.studio-postcard:before{content:"✳";position:absolute;right:-15px;top:-24px;width:55px;height:55px;border:1px solid #283623;border-radius:50%;display:grid;place-items:center;color:#283623;background:#d5f77a;font-size:36px;transform:rotate(15deg)}.studio-about .postcard-caption{font-size:11px}.studio-contact{padding-top:80px;padding-bottom:30px}.studio-contact>a{font-size:clamp(45px,7.7vw,109px)}.studio-contact>a em{transition:color .25s ease,text-shadow .25s ease}.studio-contact>a:focus-visible em{color:#e5ffa7;text-shadow:0 0 22px #d5f77a18}@media (hover: hover) and (pointer: fine){.studio-contact>a:hover em{color:#e5ffa7;text-shadow:0 0 22px #d5f77a18}}.mountain-signature{color:#d5f77a;margin:40px auto 0}.mountain-caption{display:flex;justify-content:space-between;gap:20px;width:min(1280px,calc(100% - 112px));margin:0 auto -12px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#aeb99c}.mountain-signature svg{display:block;width:100%;height:clamp(100px,15vw,215px)}@media (max-width: 1100px){.studio-hero-bottom{grid-template-columns:.9fr 1.1fr;gap:5%}.studio-hero-star{width:32px;height:32px;right:-40px}.studio-deck-label{font-size:8px}.studio-deck-label>span:last-child{display:none}.studio-hero-baseline{font-size:8px}.mountain-caption{width:calc(100% - 64px)}}@media (max-width: 760px){.studio-nav nav{gap:16px;font-size:11px}.studio-hero-meta .studio-kicker,.studio-available{font-size:9px}.studio-hero h1{font-size:12.8vw;margin-block:25px 35px}.studio-hero-bottom{grid-template-columns:1fr;gap:50px;padding-bottom:34px}.studio-hero-statement{font-size:clamp(30px,6.7vw,44px)}.studio-hero-star{width:39px;height:39px;right:-53px}.studio-hero-intro>p{max-width:430px}.studio-deck{width:calc(100% - 28px);max-width:530px;padding-right:10px}.studio-deck-label{font-size:9px;margin-bottom:70px}.studio-deck-label>span:last-child{display:block}.studio-deck-controls{font-size:10px}.studio-hero-baseline{font-size:8px}.studio-section-heading{padding-top:65px;padding-bottom:30px}.studio-section-heading h2,.workbench-intro h2{font-size:clamp(36px,7vw,50px)}.studio-section-heading>p{font-size:13px}.studio-playground{margin-top:70px;padding-top:24px}.playground-topline,.playground-bottomline{font-size:8px;gap:12px}.playground-topline svg{width:28px;height:28px;flex-shrink:0}.playground-topline>span:last-child{text-align:right}.studio-playground h2{font-size:clamp(40px,9vw,66px)}.studio-playground .studio-section-heading{padding-top:35px}.playground-bottomline>span:last-child{font-size:15px}.studio-about{padding-block:80px;gap:55px}.studio-about h2{font-size:38px}.studio-contact{padding-top:50px}.studio-contact>a{font-size:10vw}.studio-contact>a>span{font-size:45px;right:0}.mountain-caption{width:calc(100% - 40px);font-size:8px}.mountain-caption>span:nth-child(2){display:none}.studio-footer>span,.studio-footer>a:last-child{font-size:9px}}@media (max-width: 380px){.studio-nav{gap:12px}.studio-nav nav{gap:10px;font-size:10px}.studio-nav-contact{padding:8px}.studio-logo{font-size:32px}.studio-hero-star{width:30px;height:30px;right:-37px}.studio-deck-label{font-size:8px}.studio-deck-current{padding-left:6px}.studio-deck-controls{font-size:9px}.playground-bottomline{align-items:start;flex-direction:column}.studio-about h2{font-size:34px}}@media (prefers-reduced-motion: reduce){.studio-deck-stack{transform:none}.studio-pill:hover .studio-button-star,.studio-pill:focus-visible .studio-button-star,.studio-logo:hover span,.studio-logo:focus-visible span{transform:none}}:root{--bg: #070c14;--bg-grid-line: rgba(79, 209, 255, .05);--panel: #131f31;--panel-2: #17253a;--line: #223550;--line-strong: #35547a;--text: #eef2f3;--text-dim: #9db0c4;--text-faint: #5c7288;--cyan: #55d6ff;--cyan-soft: rgba(85, 214, 255, .13);--whatsapp: #2fd66d;--shadow-color: rgba(0, 0, 0, .6);--panel-highlight: rgba(255, 255, 255, .045);--font-body: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "SFMono-Regular", Consolas, monospace}@media (prefers-color-scheme: light){:root{--bg: #eef2f6;--bg-grid-line: rgba(10, 126, 168, .07);--panel: #ffffff;--panel-2: #f6f9fb;--line: #d7e1eb;--line-strong: #b9c9d9;--text: #0c1720;--text-dim: #48586a;--text-faint: #8695a6;--cyan: #0a7ea8;--cyan-soft: rgba(10, 126, 168, .08);--shadow-color: rgba(15, 35, 60, .14);--panel-highlight: rgba(255, 255, 255, .7)}}*{box-sizing:border-box;min-width:0}html,body,#root{margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden;width:100%}body{background:repeating-linear-gradient(0deg,var(--bg-grid-line) 0px,var(--bg-grid-line) 1px,transparent 1px,transparent 28px),repeating-linear-gradient(90deg,var(--bg-grid-line) 0px,var(--bg-grid-line) 1px,transparent 1px,transparent 28px),var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.55;overflow-x:hidden;width:100%}.page{overflow-x:hidden;width:100%}a{color:var(--cyan);text-decoration:none}img{max-width:100%;display:block}.eyebrow{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}.dot-live,.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--whatsapp);box-shadow:0 0 8px 1px var(--whatsapp)}.hero{max-width:1200px;margin:0 auto;padding:56px 24px 60px;position:relative;overflow:hidden}.compass{position:absolute;top:-60px;right:-60px;width:320px;height:320px;opacity:.35;stroke:var(--line-strong);fill:none;stroke-width:1;pointer-events:none;animation:spin 140s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-anim{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.hero-anim.in{opacity:1;transform:translateY(0)}.hero-anim.delay-1.in{transition-delay:.08s}.hero-anim.delay-2.in{transition-delay:.18s}.hero-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:28px;position:relative}.wordmark{color:var(--text);font-weight:700}.availability{display:flex;align-items:center;gap:8px;color:var(--text-dim)}.title-mega{font-size:clamp(52px,12vw,148px);font-weight:800;line-height:.92;letter-spacing:-.02em;margin:0 0 28px;text-transform:uppercase}.lede{font-size:17px;color:var(--text-dim);max-width:56ch;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px}.btn-primary,.btn-ghost{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.02em;padding:14px 22px;display:inline-block;white-space:nowrap;border:1px solid var(--cyan);will-change:transform;transition:box-shadow .2s ease}.btn-primary{color:var(--bg);background:var(--cyan)}.btn-primary:hover{box-shadow:0 8px 24px -8px var(--cyan-soft)}.btn-ghost{color:var(--text);background:transparent;border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}.stat-row{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}.stat{padding:16px 26px 16px 0;margin-right:26px;border-right:1px solid var(--line)}.stat:last-child{border-right:none}.stat .num{font-family:var(--font-mono);font-size:26px;font-weight:600;color:var(--text);display:block}.stat .label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.stack-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.stack-chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--text-dim);border:1px solid var(--line-strong);background:var(--panel);padding:6px 10px}.locale-strip{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);border-top:1px solid var(--line);padding-top:16px}.locale-time{display:flex;align-items:center;gap:8px;color:var(--text-dim)}.work-index{max-width:1200px;margin:40px auto 0;padding:0 24px 60px;scroll-margin-top:20px}.work-index-head{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease;margin-bottom:26px}.work-index-head.in{opacity:1;transform:translateY(0)}.work-index-head h2{margin:8px 0 0;font-size:clamp(22px,3vw,30px)}.work-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);opacity:0;transition:opacity .8s ease .1s}.work-index-grid.in{opacity:1}.work-index-card{background:var(--panel);padding:18px;display:flex;flex-direction:column;gap:8px;border-top:3px solid var(--case);transition:background .2s ease}.work-index-card:hover{background:var(--panel-2)}.work-index-num{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.work-index-name{font-weight:700;color:var(--text);font-size:15px}.work-index-cat{font-size:12.5px;color:var(--text-dim)}.work-index-status{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);margin-top:auto;padding-top:6px}.work-index-status .dot{background:var(--text-faint);box-shadow:none}.work-index-status.is-live .dot{background:var(--whatsapp);box-shadow:0 0 8px 1px var(--whatsapp)}.work-layout{max-width:1400px;margin:0 auto;padding:0 24px}.sticky-nav{position:sticky;top:40px;align-self:start;height:fit-content;display:flex;gap:16px}.sticky-nav ol{list-style:none;margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:24px;position:relative;border-left:1px solid var(--line)}.sticky-nav-frame{position:absolute;top:0;left:0;border:1.5px solid var(--cyan);transition:transform .5s cubic-bezier(.65,0,.35,1),width .4s ease,height .4s ease,border-color .4s ease;pointer-events:none}.sticky-nav a{display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono);font-size:11px;color:var(--text-faint);opacity:.5;transform:translate(0);transition:color .3s ease,opacity .3s ease,transform .4s cubic-bezier(.65,0,.35,1)}.sticky-nav li.active a{color:var(--text);opacity:1;transform:translate(4px)}.sticky-nav-num{letter-spacing:.06em}.sticky-nav-name{font-size:10.5px;text-transform:uppercase;letter-spacing:.03em}.sticky-nav-progress{display:none}.project-stream{display:flex;flex-direction:column;gap:4px;padding-bottom:20px}.project{padding:90px 0;border-top:1px solid var(--line);opacity:0;transform:translateY(30px) scale(.985);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1)}.project.in{opacity:1;transform:translateY(0) scale(1)}.project:first-child{border-top:none}.project-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.project--alt .project-inner{direction:rtl}.project--alt .project-inner>*{direction:ltr}@media (max-width: 899px){.project-inner{grid-template-columns:1fr}.project--alt .project-inner{direction:ltr}}.project-media{position:relative;aspect-ratio:16 / 11;overflow:hidden;border:1px solid var(--line-strong);box-shadow:0 30px 60px -30px var(--shadow-color);cursor:none;transform-style:preserve-3d;transition:transform .15s ease-out}.project-media img{width:100%;height:100%;object-fit:cover;object-position:top}.project-media-link{display:block;width:100%;height:100%}.cursor-label{position:absolute;transform:translate(-50%,-50%);pointer-events:none;background:var(--case);color:var(--bg);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;padding:8px 14px;white-space:nowrap;transition:opacity .15s ease}@media (pointer: coarse){.project-media{cursor:auto}.cursor-label{display:none}}.mock-browser{width:100%;height:100%;display:flex;flex-direction:column}.mock-chrome{display:flex;gap:6px;padding:12px 16px;background:#00000026}.mock-dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.35}.mock-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:10% 12%}.mock-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.mock-h{font-size:clamp(24px,4vw,40px);font-weight:800;margin:0;line-height:1.05}.mock-sub{font-size:14px;opacity:.85;margin:0;max-width:40ch}.mock-btn{display:inline-block;align-self:flex-start;padding:10px 18px;font-size:13px;font-weight:700}.project-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.project-num{font-family:var(--font-mono);font-size:12px;color:var(--text-faint)}.project-status{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.project-status .dot{background:var(--text-faint);box-shadow:none}.project-status.is-live .dot{background:var(--whatsapp);box-shadow:0 0 8px 1px var(--whatsapp)}.project-status.is-live a{color:var(--case)}.project-category{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--case);margin:0 0 6px}.project-name{font-size:clamp(28px,4vw,44px);margin:0 0 16px;line-height:1.05}.project-sub{color:var(--text-faint);font-weight:400;font-size:.6em}.project-blurb{color:var(--text-dim);font-size:15px;max-width:48ch;margin:0 0 20px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.tag-chip{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--text-dim);border:1px solid var(--line-strong);padding:5px 9px}.explore-link{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--case);border-bottom:1px solid var(--case);padding-bottom:2px;display:inline-block}.theme-brutal .project-name{text-transform:uppercase;letter-spacing:-.02em}.theme-editorial .project-name{font-weight:600;font-style:italic}.theme-steel .project-media{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px}.theme-enterprise .project-category,.theme-estate .project-category{letter-spacing:.12em}.interstitial{padding:70px 0;border-top:1px solid var(--line);background:var(--panel);opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.interstitial.in{opacity:1;transform:translateY(0)}.interstitial-inner{max-width:100%}.interstitial .eyebrow{display:block;margin-bottom:30px}.principle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}.principle-num{font-family:var(--font-mono);font-size:12px;color:var(--cyan)}.principle h4{margin:8px 0;font-size:17px}.principle p{margin:0;color:var(--text-dim);font-size:14px}.labs{padding:90px 24px;border-top:1px solid var(--line);background:var(--panel);opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.labs.in{opacity:1;transform:translateY(0)}.labs-head{margin-bottom:40px;max-width:640px}.labs-head h2{font-size:clamp(22px,3.4vw,32px);margin:10px 0 0}.labs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.lab-card{background:var(--panel-2);padding:26px;display:flex;flex-direction:column;gap:10px}.lab-num{font-family:var(--font-mono);font-size:11px;color:var(--cyan)}.lab-title{font-size:16px;font-weight:700;margin:0}.lab-items{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.lab-items li{font-family:var(--font-mono);font-size:10.5px;color:var(--text-dim);border:1px solid var(--line-strong);padding:4px 8px}.lab-blurb{font-size:12.5px;color:var(--text-faint);margin:6px 0 0}.whatiuse{padding:90px 24px;border-top:1px solid var(--line);opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.whatiuse.in{opacity:1;transform:translateY(0)}.whatiuse-head{margin-bottom:34px}.whatiuse-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:28px;margin-bottom:48px}.whatiuse-cat h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin:0 0 12px}.whatiuse-cat ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.whatiuse-cat li{font-size:14px;color:var(--text-dim)}.whatiuse-tiers{display:flex;flex-direction:column;gap:16px;max-width:640px;border-top:1px solid var(--line);padding-top:28px}.whatiuse-tier-label{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;font-weight:700;display:flex;align-items:center;gap:8px}.tier-building .whatiuse-tier-dot{color:var(--whatsapp)}.tier-learning .whatiuse-tier-dot{color:#e0b33e}.tier-exploring .whatiuse-tier-dot{color:var(--text-faint)}.whatiuse-tier p{margin:4px 0 0 20px;color:var(--text-dim);font-size:13.5px}.building{padding:90px 24px;border-top:1px solid var(--line);background:var(--panel);text-align:center;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.building.in{opacity:1;transform:translateY(0)}.building h2{font-size:clamp(22px,3.4vw,32px);margin:10px 0 50px}.building-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:560px;margin:0 auto;text-align:left}.building-col h4{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin:0 0 12px}.building-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.building-col li{font-size:14px;color:var(--text-dim)}.building-connector{display:flex;flex-direction:column;align-items:center;gap:4px;margin:30px 0}.building-connector span{width:1px;height:16px;background:var(--line-strong)}.building-cloud{border:1px solid var(--line-strong);background:var(--panel-2);padding:22px 30px;max-width:420px;margin:0 auto}.building-cloud h4{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin:0 0 8px}.building-cloud p{margin:0;color:var(--text-dim);font-size:13.5px}.building-note{margin:40px auto 0;max-width:40ch;color:var(--text-faint);font-size:13px;font-style:italic}@media (max-width: 640px){.building-cols{grid-template-columns:1fr;gap:26px}}.cta{max-width:1200px;margin:0 auto;padding:90px 24px;text-align:center}.cta h2{font-size:clamp(24px,4vw,40px);max-width:24ch;margin:12px auto}.cta p{color:var(--text-dim);margin-bottom:28px}.sig{text-align:center;padding:26px 24px 48px;font-family:var(--font-mono);font-size:12px;color:var(--text-faint)}@media (max-width: 640px){.hero{padding-top:40px}.work-layout{padding:0 18px}.project{padding:60px 0}}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#05070c;color:#f2f5f8;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease}.intro-inner{text-align:center;font-family:var(--font-mono)}.intro-mark{display:flex;flex-direction:column;gap:10px;animation:intro-fade 1.1s ease both}.intro-mark span:first-child{font-size:clamp(16px,2.4vw,22px);font-weight:700;letter-spacing:.08em}.intro-mark span:last-child{font-size:12px;letter-spacing:.16em;color:#7f93a8;text-transform:uppercase}.intro-build{display:flex;flex-direction:column;align-items:center;gap:14px}.intro-build-label{font-size:13px;letter-spacing:.16em;color:#7f93a8;animation:intro-fade .4s ease both}.intro-word{font-size:clamp(30px,6vw,64px);font-weight:800;letter-spacing:-.01em;animation:intro-word-in .26s ease both}.intro-statement{display:flex;flex-direction:column;gap:6px;font-size:clamp(26px,5vw,54px);font-weight:800;letter-spacing:-.01em;animation:intro-fade .5s ease both}.intro-skip{position:absolute;bottom:26px;right:26px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:#7f93a8;cursor:pointer}.intro-p00{display:flex;flex-direction:column;align-items:center;gap:14px;animation:intro-fade .6s ease both}.intro-p00-num{font-size:12px;letter-spacing:.16em;color:#55d6ff}.intro-p00-title{font-size:clamp(30px,6vw,60px);font-weight:800;letter-spacing:-.01em}.intro-p00-tags{font-size:11px;letter-spacing:.14em;color:#7f93a8}.intro-p00-name{font-size:13px;color:#c3cfda;margin-top:6px}.intro-p00-rules{font-size:11px;letter-spacing:.08em;color:#55617a}.intro-enter{margin-top:18px;font-family:var(--font-mono);font-size:12.5px;font-weight:700;letter-spacing:.08em;color:#05070c;background:#55d6ff;border:none;padding:12px 24px;cursor:pointer}@keyframes intro-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-word-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.intro{display:none}}.corner-frame{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;opacity:0;transition:opacity .6s ease}.corner-frame.visible{opacity:1}.corner-frame-tl,.corner-frame-tr{position:fixed;top:18px;display:flex;flex-direction:column;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);line-height:1.6}.corner-frame-tl{left:20px}.corner-frame-tr{right:20px;text-align:right}.corner-frame-tl span:first-child,.corner-frame-tr span:first-child{color:var(--text-dim);font-weight:700}@media (max-width: 640px){.corner-frame{display:none}}.work-index{position:relative;overflow:hidden}.work-index-backdrop{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background-size:cover;background-position:center;filter:blur(18px) brightness(.5);opacity:0;transition:opacity .5s ease;pointer-events:none}.work-index-backdrop.active{opacity:.55}.work-index-list{list-style:none;margin:0;padding:0;position:relative;border-top:1px solid var(--line)}.work-index-list li{border-bottom:1px solid var(--line)}.work-index-list a{display:grid;grid-template-columns:50px 1fr auto auto;align-items:center;gap:20px;padding:18px 6px;transition:padding-left .25s ease,color .25s ease}.work-index-list a:hover,.work-index-list a:focus-visible{padding-left:16px}.work-index-list-num{font-family:var(--font-mono);font-size:12px;color:var(--case)}.work-index-list-name{font-weight:700;font-size:18px;color:var(--text)}.work-index-list-cat{font-size:12.5px;color:var(--text-dim)}@media (max-width: 640px){.work-index-list a{grid-template-columns:34px 1fr;row-gap:4px}.work-index-list-cat,.work-index-status{grid-column:2}}.cta-tally{display:flex;flex-direction:column;gap:18px;margin-bottom:40px;align-items:center}.cta-tally-line{display:flex;flex-direction:column;gap:4px}.cta-tally-line.seen{opacity:.5}.cta-tally-num{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--cyan)}.cta-tally-line span:last-child{font-size:clamp(20px,3.4vw,32px);font-weight:800;letter-spacing:-.01em}.btn-huge{font-size:15px;padding:18px 32px;margin-bottom:16px}.cta-email{display:block;font-family:var(--font-mono);font-size:13px;color:var(--text-faint)}.sig-vine,.sig-route{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;fill:none;z-index:2}.sig-vine path{stroke:var(--case);stroke-width:2;stroke-dasharray:900;stroke-dashoffset:900}.sig-route path{stroke:var(--case2);stroke-width:2;stroke-dasharray:700;stroke-dashoffset:700;opacity:.8}.sig-route{top:auto;bottom:6%;height:15%}.sig-route-dot{fill:var(--case);opacity:0}.sig-stamp{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;overflow:hidden}.sig-press{position:absolute;top:-30%;left:10%;right:10%;height:26%;background:linear-gradient(180deg,var(--line-strong),transparent);transform:translateY(-120%)}.sig-dent{position:absolute;top:12%;right:8%;width:40px;height:40px;border-radius:50%;box-shadow:inset 0 6px 10px #00000080,0 0 0 2px var(--case);opacity:0;transform:scale(.4)}.sig-burger{position:absolute;right:6%;bottom:8%;width:90px;display:flex;flex-direction:column;gap:3px;z-index:2;pointer-events:none}.sig-layer{height:12px;border-radius:6px;opacity:0}.sig-layer-bun-top{background:#e0b33e;transform:translate(-40px) rotate(-6deg)}.sig-layer-lettuce{background:#6bb84a;transform:translate(40px) rotate(5deg)}.sig-layer-cheese{background:#f4d94a;transform:translate(-40px) rotate(-4deg)}.sig-layer-patty{background:#6b4226;transform:translate(40px) rotate(6deg)}.sig-layer-bun-bottom{background:#d99a3f;transform:translate(-40px) rotate(-3deg)}.sig-shatter{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);z-index:3;pointer-events:none}.sig-tile{background-size:400% 300%;opacity:0}@media (prefers-reduced-motion: no-preference){.project.in .sig-vine path{transition:stroke-dashoffset 1.6s ease .3s;stroke-dashoffset:0}.project.in .sig-route path{transition:stroke-dashoffset 1.3s ease .2s;stroke-dashoffset:0}.project.in .sig-route-dot{transition:opacity .3s ease 1.4s;opacity:1}.project.in .sig-press{animation:sig-press-drop 1.1s cubic-bezier(.6,0,.4,1) .2s both}.project.in .sig-dent{animation:sig-dent-pop .4s ease 1s both}.project.in .project-media{animation:sig-shake .4s ease 1s}.project.in .sig-layer{transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.project.in .sig-layer-bun-top{transition-delay:.15s}.project.in .sig-layer-lettuce{transition-delay:.28s}.project.in .sig-layer-cheese{transition-delay:.41s}.project.in .sig-layer-patty{transition-delay:.54s}.project.in .sig-layer-bun-bottom{transition-delay:.67s}.project.in .sig-layer{opacity:1;transform:translate(0) rotate(0)}.sig-tile{transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s ease}.project.in .sig-tile{opacity:1;transform:translate(0) rotate(0)}.sig-tile:nth-child(4n+1){transform:translate(-60px,-30px) rotate(-8deg)}.sig-tile:nth-child(4n+2){transform:translate(50px,-40px) rotate(6deg)}.sig-tile:nth-child(4n+3){transform:translate(-40px,40px) rotate(5deg)}.sig-tile:nth-child(4n+4){transform:translate(60px,30px) rotate(-6deg)}.sig-tile:nth-child(1){transition-delay:.02s}.sig-tile:nth-child(2){transition-delay:.06s}.sig-tile:nth-child(3){transition-delay:.1s}.sig-tile:nth-child(4){transition-delay:.14s}.sig-tile:nth-child(5){transition-delay:.05s}.sig-tile:nth-child(6){transition-delay:.09s}.sig-tile:nth-child(7){transition-delay:.13s}.sig-tile:nth-child(8){transition-delay:.17s}.sig-tile:nth-child(9){transition-delay:.08s}.sig-tile:nth-child(10){transition-delay:.12s}.sig-tile:nth-child(11){transition-delay:.16s}.sig-tile:nth-child(12){transition-delay:.2s}.theme-brutal .project-name{transform-origin:left bottom}.project.in.theme-brutal .project-name{animation:sig-impact .7s cubic-bezier(.2,1.4,.4,1) .15s both}.project.in.theme-editorial .mock-browser{animation:sig-drift 7s ease-in-out .6s infinite alternate}.theme-estate .project-media img{transform:scale(1.32);filter:blur(2px)}.project.in.theme-estate .project-media img{transition:transform 1.4s cubic-bezier(.16,1,.3,1) .1s,filter 1.1s ease .1s;transform:scale(1);filter:blur(0)}}@keyframes sig-press-drop{0%{transform:translateY(-120%)}55%{transform:translateY(0)}to{transform:translateY(-120%)}}@keyframes sig-dent-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes sig-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes sig-impact{0%{transform:scaleY(1.8) scaleX(.92);opacity:0}60%{transform:scaleY(.95) scaleX(1.02);opacity:1}to{transform:scaleY(1) scaleX(1)}}@keyframes sig-drift{0%{transform:scale(1) translate(0)}to{transform:scale(1.06) translate(-1%,-1%)}}.gsap-joke{max-width:1200px;margin:0 auto;padding:120px 24px;text-align:center;font-family:var(--font-mono)}.gsap-joke-num{display:block;font-size:12px;color:var(--text-faint);margin-bottom:26px}.gsap-joke-line1,.gsap-joke-line2,.gsap-joke-line3{font-size:clamp(20px,3vw,32px);font-weight:700;margin:10px 0;opacity:0}.gsap-joke-chaos{display:inline-block;color:var(--cyan)}.gsap-joke-line3{color:var(--text-faint);font-size:clamp(14px,2vw,18px);font-weight:600}@media (prefers-reduced-motion: no-preference){.gsap-joke-line1,.gsap-joke-line2,.gsap-joke-line3{transition:opacity .5s ease}.gsap-joke.in .gsap-joke-line1{opacity:1;transition-delay:.1s}.gsap-joke.in .gsap-joke-line2{opacity:1;transition-delay:.5s}.gsap-joke.in .gsap-joke-chaos{animation:gsap-chaos 1.1s ease .9s}.gsap-joke.in .gsap-joke-line3{opacity:1;transition-delay:2.1s}}@media (prefers-reduced-motion: reduce){.gsap-joke-line1,.gsap-joke-line2,.gsap-joke-line3{opacity:1}}body.takeover-active .corner-frame,body.takeover-active .sticky-nav{opacity:0;pointer-events:none}.gainz{background:#05070c;color:#eef2f3;position:relative}@media (min-width: 1100px){.gainz{margin-left:-220px;width:calc(100% + 220px);padding-left:24px;padding-right:24px}}.gainz-beat{min-height:78vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px}.gainz-pause{min-height:26vh}.gainz-num{font-size:clamp(90px,20vw,240px);font-weight:900;line-height:1;opacity:0;transform:translateY(30px)}.gainz-num.small{font-size:clamp(40px,8vw,90px);opacity:.3;margin-bottom:24px}.gainz-question-text{font-size:clamp(34px,7vw,84px);font-weight:800;line-height:1.06;opacity:0;transform:translateY(20px);margin:0}.gainz-fly{position:relative;min-height:90vh;overflow:hidden}.gainz-fly-card{position:absolute;width:34vw;max-width:380px;aspect-ratio:3 / 4;box-shadow:0 30px 70px #0009;opacity:0}.gainz-fly-card-a{left:6%;top:8%}.gainz-fly-card-b{right:6%;top:32%}.gainz-fly-statement{position:relative;z-index:2;font-size:clamp(38px,8vw,104px);font-weight:900;line-height:1.02;color:#fff;mix-blend-mode:difference;opacity:0;margin:0}.gainz-fly-statement span{color:#a6f23c}.gainz-override{min-height:55vh;background:#000}.gainz-override-line{display:block;font-family:var(--font-mono);font-size:clamp(26px,6vw,62px);font-weight:800;letter-spacing:.02em;opacity:0;margin:6px 0}@media (prefers-reduced-motion: no-preference){.gainz-num{transition:opacity .8s ease,transform .8s ease}.gainz-hook.in .gainz-num,.gainz-question.in .gainz-num{opacity:1;transform:translateY(0)}.gainz-question-text{transition:opacity .7s ease .15s,transform .7s ease .15s}.gainz-question.in .gainz-question-text{opacity:1;transform:translateY(0)}.gainz-fly-card{transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .6s ease}.gainz-fly-card-a{transform:translate(-55vw,-10vh) rotate(-14deg)}.gainz-fly-card-b{transform:translate(55vw,10vh) rotate(12deg);transition-delay:.16s}.gainz-fly.in .gainz-fly-card-a,.gainz-fly.in .gainz-fly-card-b{opacity:1;transform:translate(0) rotate(-4deg)}.gainz-fly.in .gainz-fly-card-b{transform:translate(0) rotate(3deg)}.gainz-fly-statement{transition:opacity 1s ease .55s}.gainz-fly.in .gainz-fly-statement{opacity:1}.gainz-override-line{transition:opacity .4s ease}.gainz-override.in .gainz-override-line{opacity:1}.gainz-override.in .gainz-override-line:nth-child(2){transition-delay:.25s}.gainz-override.in .glitch{animation:gainz-glitch .6s steps(2,end) .35s 3}}@media (prefers-reduced-motion: reduce){.gainz-num,.gainz-question-text,.gainz-fly-card,.gainz-fly-statement,.gainz-override-line{opacity:1;transform:none}}@keyframes gainz-glitch{0%{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(4px,-2px);text-shadow:-2px 0 #ff7a45,2px 0 #55d6ff}75%{transform:translate(-2px,-1px)}to{transform:translate(0)}}.gainz-store{padding:70px 24px 40px}.gainz-store-head{display:flex;gap:16px;justify-content:center;align-items:center;font-family:var(--font-mono);font-size:clamp(14px,2vw,20px);letter-spacing:.1em;margin-bottom:50px}.gainz-store-x{color:var(--case)}.gainz-store-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;max-width:1000px;margin:0 auto}@media (max-width: 899px){.gainz-store-layout{grid-template-columns:1fr}}.gainz-card{position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .6s ease,transform .15s ease-out;transform-style:preserve-3d}.gainz-store.in .gainz-card{opacity:1}.gainz-hoodie{width:55%;height:auto;filter:drop-shadow(0 14px 24px rgba(0,0,0,.35));pointer-events:none}.gainz-card-hover-info{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .3s ease;pointer-events:none}.gainz-card:hover .gainz-card-hover-info{opacity:.85}.gainz-store-panel{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.gainz-store-panel>*{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease;margin:0}.gainz-store.in .gainz-store-panel>*{opacity:1;transform:translateY(0)}.gainz-store-panel>*:nth-child(1){transition-delay:.05s}.gainz-store-panel>*:nth-child(2){transition-delay:.18s}.gainz-store-panel>*:nth-child(3){transition-delay:.34s}.gainz-store-panel>*:nth-child(4){transition-delay:.5s}.gainz-store-panel>*:nth-child(5){transition-delay:.66s}.gainz-store-panel>*:nth-child(6){transition-delay:.8s}.gainz-store-panel>*:nth-child(7){transition-delay:.92s}.gainz-drop-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--case)}.gainz-product-name{font-size:clamp(24px,4vw,34px);font-weight:800}.gainz-variant-block{display:flex;flex-direction:column;gap:8px;width:100%}.gainz-variant-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.gainz-swatches{display:flex;gap:10px}.gainz-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;box-shadow:0 0 0 1px var(--line-strong)}.gainz-swatch.active{border-color:var(--case)}.gainz-sizes{display:flex;gap:8px}.gainz-size{font-family:var(--font-mono);font-size:12px;border:1px solid var(--line-strong);background:transparent;color:#cfd8e2;padding:8px 13px;cursor:pointer}.gainz-size.active{background:var(--case);color:#05070c;border-color:var(--case);font-weight:700}.gainz-price{font-family:var(--font-mono);font-size:21px;font-weight:700}.gainz-add-btn{font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.03em;padding:14px 22px;background:var(--case);color:#05070c;border:none;cursor:pointer}.gainz-demo-note{font-size:11px;color:#5c6a7c}.gainz-store-foot{text-align:center;padding:50px 24px 90px}.gainz-cart-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:140}.gainz-cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(360px,90vw);background:#0d1420;border-left:1px solid #2a3c54;z-index:150;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);padding:24px;display:flex;flex-direction:column;gap:16px;color:#eef2f3}.gainz-cart-drawer.open{transform:translate(0)}.gainz-cart-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em}.gainz-cart-head button{background:none;border:none;color:inherit;font-size:16px;cursor:pointer}.gainz-cart-item{display:flex;align-items:center;gap:12px;border-top:1px solid #223047;border-bottom:1px solid #223047;padding:14px 0}.gainz-cart-swatch{width:36px;height:36px;border-radius:4px;flex-shrink:0}.gainz-cart-item p{margin:0;font-size:13px}.gainz-cart-meta{color:#7f93a8;font-size:11px!important}.gainz-cart-price{margin-left:auto;font-family:var(--font-mono);font-weight:700}.gainz-cart-empty{color:#7f93a8;font-size:13px}@keyframes gsap-chaos{0%{transform:rotate(0) scale(1);color:#55d6ff}10%{transform:rotate(-8deg) scale(1.3);color:#f0454d}22%{transform:rotate(10deg) scale(.8) translate(10px);color:#a6f23c}35%{transform:rotate(-14deg) scale(1.4) translate(-14px);color:#ff7a45}48%{transform:rotate(9deg) scale(.85);color:#9b8cfb}60%{transform:rotate(-6deg) scale(1.2) translateY(-6px);color:#4d94ff}74%{transform:rotate(12deg) scale(.9) translateY(6px);color:#e0b33e}88%{transform:rotate(-4deg) scale(1.1);color:#55d6ff}to{transform:rotate(0) scale(1);color:#55d6ff}}