@font-face{font-family:Neue Bit;src:url(/webdev/reference/neue-bit-bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Neue Montreal;src:url(/webdev/reference/neue-montreal-book.woff2) format("woff2");font-style:normal;font-weight:350 400;font-display:swap}@font-face{font-family:Neue Montreal Mono;src:url(/webdev/reference/neue-montreal-mono-book.woff2) format("woff2");font-style:normal;font-weight:350 400;font-display:swap}@font-face{font-family:Pixelify Sans;src:url(/webdev/fonts/pixelify-sans.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap}:root{--bg: #eee;--raised: #fff;--ink: #000;--muted: #535353;--border: #000;--link: #000;--focus: #315ca4;--action: #000;--action-hover: #333;--on-action: #fff;--sea: #a8c8df;--on-sea: #071e2d;--reel: #000;--on-reel: #fff;--reel-accent: #e6bfd3;--error: #ad2424;--font: "Neue Montreal", Arial, sans-serif;--mono: "Neue Montreal Mono", monospace;--pixel: "Neue Bit", "Pixelify Sans", sans-serif;--maxw: none;--gutter: 32px;--rail-space: 240px;--stage-height: calc(100svh - 98px) ;--radius-sm: 0;--radius-md: 0;--radius-full: 0;--space-section: clamp(64px, 7vw, 112px);--fast: .14s;--shadow: #999;--step-green: #0d4937;--key: #e2e2e2;--small: clamp(12px, calc(8px + .3vw) , 16px);--tiny: clamp(11px, calc(7.5px + .25vw) , 14px)}[data-theme=dark]{--bg: #0e0e0e;--raised: #1a1a1a;--ink: #fff;--muted: #b0b0b0;--border: #7a7a7a;--shadow: #000;--step-green: #1f7a5c;--key: #2c2c2c;--link: #fff;--focus: #a8c8df;--action: #000;--action-hover: #2a2a2a;--on-action: #fff;--error: #ffb4aa}[data-theme=dark] .btn:not(.btn-ghost){border-color:var(--border)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:96px}body{padding:16px;font:16px/1.5 var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}ul,ol{list-style:none}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3{font-weight:400;line-height:1.08}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}::selection{background:#e6bfd3;color:#000}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;left:24px;top:-70px;z-index:100;padding:10px;background:var(--action);color:var(--on-action)}.skip-link:focus{top:20px}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}section{scroll-margin-top:90px}.section-pad{padding:var(--space-section) 0}.section-label{display:flex;gap:12px;align-items:center;font:var(--small)/1.4 var(--mono);text-transform:uppercase}.section-label>span{display:grid;place-items:center;min-width:30px;height:30px;background:var(--bg)}body:has(.page-window){height:100svh;overflow:hidden}.page-window{height:calc(100svh - 96px);margin-top:16px;border:1px solid var(--border);background:var(--raised);display:grid;grid-template-columns:minmax(0,1fr);overflow:auto;position:relative;scroll-behavior:smooth;scroll-padding-top:16px;scrollbar-width:thin;scrollbar-color:var(--ink) var(--raised)}.page-content{grid-area:1 / 1;min-width:0;width:100%}.page-content>main{padding-right:var(--rail-space)}.page-window section{scroll-margin-top:16px}.page-window:focus{outline:none}body>main{margin-top:16px;border:1px solid var(--border);background:var(--raised)}body>.foot{margin-top:16px}.nav{position:sticky;top:16px;z-index:50;background:var(--raised);border:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;padding:0 12px 0 0}.brand{display:flex;gap:12px;align-items:center;font-size:23px;letter-spacing:-1px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:46px;height:46px;color:var(--on-action);background:var(--action);font-family:var(--pixel);font-size:38px}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{display:flex;align-items:center;gap:8px;font:var(--small)/1 var(--mono)}.nav-links a:hover{text-decoration:underline;text-underline-offset:4px}.key{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;font:var(--tiny)/1 var(--mono);background:var(--key);color:var(--ink)}.btn .key{background:#e6bfd3;color:#000}.key--green{background:#0d4937;color:#fff}.key--blue{background:#94aad4;color:#000}.key--ochre{background:#c4a045;color:#000}.key--plain{background:var(--raised);color:var(--ink);box-shadow:inset 0 0 0 1px var(--border)}.nav-cta{display:flex;gap:10px;align-items:center}.lang-switch{display:flex;font:var(--tiny) var(--mono)}.lang-switch a{min-height:32px;min-width:32px;display:grid;place-items:center}.lang-switch a.active{text-decoration:underline;text-underline-offset:5px}.theme-toggle,.hamburger{border:0;width:32px;height:36px;background:transparent;color:var(--ink)}.theme-toggle:hover{background:var(--bg)}.hamburger{display:none;align-content:center;gap:5px}.hamburger span{display:block;width:18px;height:1px;margin:0 auto;background:currentColor}.mobile-menu{display:none;padding:16px;border-top:1px solid var(--border)}.mobile-menu.open{display:grid;gap:4px}.mobile-menu>a{padding:10px;font:14px var(--mono)}.mobile-menu__lang{margin:8px 0}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px;padding:8px;border:1px solid var(--action);border-radius:0;background:var(--action);color:var(--on-action);font:var(--small)/1.3 var(--mono);cursor:pointer}.btn:hover{background:var(--action-hover)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--border)}.btn-ghost:hover{background:var(--bg)}.text-link{font:var(--small)/1.5 var(--mono);text-decoration:underline;text-underline-offset:5px}.text-link:hover{text-decoration-thickness:2px}.hero{min-height:var(--stage-height);padding:32px 0 24px;display:flex}.hero>.wrap{container-type:inline-size;display:flex;flex-direction:column}.hero h1,.hero .client-name{font:700 min(18cqw,calc(13.8px + 13.1875vw))/.75 var(--pixel);text-transform:uppercase;margin:28px 0 64px}.hero h1>span,.client-name>span{display:block;white-space:nowrap}.hero h1>span+span,.client-name>span+span{margin-left:20%}:lang(en) .hero h1{font-size:min(17.4cqw,calc(13.8px + 13.1875vw))}:lang(en) .hero h1>span+span{margin-left:10%}.hero-bottom{display:grid;grid-template-columns:clamp(300px,20vw,400px) minmax(0,1fr);gap:28px;align-items:end;margin-top:auto}.project-window{border:1px solid var(--border);padding:8px;box-shadow:6px 6px 0 var(--shadow);background:var(--raised)}.window-bar{display:flex;align-items:center;gap:6px;min-height:16px;margin-bottom:8px;font:var(--tiny)/1 var(--mono)}.window-box{position:relative;display:grid;place-items:center;flex:none;width:16px;height:16px;border:1px solid var(--border)}.window-box--copy:before,.window-box--copy:after{content:"";position:absolute;width:7px;height:7px;border:1px solid var(--border);background:var(--raised)}.window-box--copy:before{top:1px;left:5px}.window-box--copy:after{top:4px;left:2px}.window-bar>span:nth-child(2){flex:1;align-self:stretch;text-align:center;background:repeating-linear-gradient(0deg,transparent 0 3px,var(--border) 3px 4px)}.window-bar b{padding:0 5px;background:var(--raised);font-weight:400}.hero-preview{display:block;overflow:hidden}.hero-preview img{aspect-ratio:16/9;object-fit:cover;object-position:top;transition:transform .4s ease}.hero-preview:hover img{transform:scale(1.035)}.window-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding-top:8px}.window-actions .btn{gap:5px;font-size:var(--tiny)}.hero-copy{text-align:right;padding:0 0 0 8px}.pixel-symbols{width:334px;max-width:100%;height:auto;margin:0 0 12px auto}[data-theme=dark] .pixel-symbols{filter:invert(1)}.hero-promise{font-size:clamp(24px,calc(21.4px + .8125vw),37px);line-height:1.07;letter-spacing:-.035em;text-wrap:balance}.hero-spec{padding:12px 8px 16px;border-bottom:1px solid var(--border);font:var(--small)/1.6 var(--mono)}.hero-spec p{margin-bottom:8px}.hero-spec dl>div{display:grid;grid-template-columns:14ch minmax(0,1fr);gap:8px}.hero-spec dt{color:var(--muted)}.rail-track{grid-area:1 / 1;justify-self:end;width:240px;margin-right:8px;padding:16px 0;pointer-events:none;z-index:20}.side-rail{position:sticky;top:16px;display:grid;gap:16px;padding:0 16px;pointer-events:auto;color:#000}.pixel-art{padding:15px;border:1px solid #000;background:#fff}.pixel-stage{position:relative;aspect-ratio:1;width:100%}.pixel-stage img,.pixel-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}.pixel-stage canvas{opacity:0}.pixel-stage.is-ready canvas{opacity:1}.pixel-stage.is-ready img{visibility:hidden}.rail-note{display:flex;gap:8px;border:1px solid #000;background:#fff;padding:8px;font:var(--small)/1.33 var(--mono)}.rail-note a{flex:1}.rail-note:has(a:hover){background:#f5f5f5}.rail-note button{align-self:start;border:0;color:#000;background:transparent;font:25px/.8 var(--font)}.rail-note[hidden],.client-picker{display:none}.client-stage{margin:0 0 80px}.client{box-shadow:0 -1px 0 var(--border)}.client:focus{outline:none}#in-lucru{position:absolute;scroll-margin-top:46px}#dream-sails .client-actions .key{background:#94aad4}.client .section-label .key{flex:none}.hero .client-name{margin-bottom:40px}.hero-bottom.client-bottom{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;margin-top:0}.client-window{min-width:0}.client-preview img{aspect-ratio:1800 / 1407;width:100%}.client-copy{display:flex;flex-direction:column;align-items:flex-end;gap:20px}.client-details{font:var(--small)/1.5 var(--mono);max-width:46ch}.client-details li+li{margin-top:8px}.client-details cite{display:block;margin-top:8px;color:var(--muted);font-style:normal}.client-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.is-enhanced .client{position:sticky;top:0;height:var(--stage-height);margin:0;scroll-margin-top:-16px;background:var(--raised)}.is-enhanced .client>.wrap{min-height:0}.is-enhanced .client-bottom{flex:1;min-height:0;container-type:size;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.is-enhanced .client-window{width:min(58cqw,calc((100cqh - 46px) * 1800 / 1407 + 18px))}@media(max-height:820px){.is-enhanced .client .client-name{font-size:min(12.5cqw,19svh);margin:20px 0 28px}.is-enhanced .client-name>span{display:inline}.is-enhanced .client-name>span+span{margin-left:.35em}.is-enhanced .client .hero-promise{font-size:24px}.is-enhanced .client-copy{gap:12px}}.own{padding:0 0 64px}.own-head{display:flex;gap:32px;justify-content:space-between;align-items:baseline;margin-bottom:24px}.own-head h2{font-size:28px;letter-spacing:-1px}.own-head p{max-width:40ch;font:var(--tiny)/1.5 var(--mono);color:var(--muted)}.own-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.own-item{display:grid;grid-template-columns:100px 1fr;gap:16px;border-top:1px solid var(--border);padding-top:20px}.own-item img{width:100%;aspect-ratio:1;object-fit:cover;object-position:top}.own-item h3{font-size:19px;margin-bottom:8px}.own-item p{font:var(--tiny)/1.5 var(--mono);margin-bottom:10px;color:var(--muted)}.own-item .text-link{font-size:var(--tiny);display:inline-block;margin:0 8px 8px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:40px}.section-head h2,.process h2,.about h2{font-size:clamp(38px,5vw,70px);letter-spacing:-.05em}.section-head p{font:var(--small)/1.6 var(--mono)}#pricing{border-top:1px solid var(--border)}.price-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border)}.price-plan{display:grid;grid-row:span 6;grid-template-rows:subgrid;padding:20px;min-width:0;background:linear-gradient(var(--ink) 0 0) no-repeat bottom / 100% 0;transition:background-size .28s steps(7)}@media(hover:hover){.price-plan:hover{background-size:100% 100%;color:var(--raised)}.price-plan:hover .price-plan__use,.price-plan:hover .price-plan__local{color:inherit}.price-plan:hover ul{border-top-color:currentColor}}.price-plan+.price-plan{border-left:1px solid var(--border)}.price-plan__example{display:flex;align-items:center;gap:8px;margin-top:20px;font:var(--small)/1.4 var(--mono)}.price-plan__example:hover{text-decoration:underline;text-underline-offset:4px}.price-plan h3{font-size:clamp(22px,1.7vw,32px);line-height:1.15;letter-spacing:-.035em}.price-plan__use{font:calc(var(--small) + 1px)/1.5 var(--mono);color:var(--muted);margin-top:8px}.price-plan__amount{font:700 clamp(36px,4.2vw,84px)/.9 var(--pixel);text-transform:uppercase;margin-top:28px;align-self:end}.price-plan__amount small{display:block;font:var(--small)/1.4 var(--mono);text-transform:none;margin-bottom:4px}.price-plan__local{font:var(--tiny)/1.5 var(--mono);color:var(--muted);margin-top:8px}.price-plan ul{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);font:calc(var(--small) + 1px)/1.5 var(--mono)}.price-plan li+li{margin-top:8px}.price-plan li:before{content:"✓ "}.after{display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;margin-top:40px}.after h3,.after-prices,.after>p{grid-column:1/-1}.after h3{font-size:28px}.after-prices{display:flex;flex-wrap:wrap;gap:24px 40px}.after-prices p,.after>p{font:var(--small)/1.6 var(--mono);color:var(--muted)}.after-prices strong{display:block;font-size:clamp(16px,1.3vw,24px);color:var(--ink)}.process{padding-bottom:80px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px;counter-reset:step}.steps li{position:relative;counter-increment:step;border-top:1px solid var(--border);padding-top:16px}.steps li:after{content:"";position:absolute;top:-1px;left:0;width:0;height:6px;background:var(--step);transition:width .48s steps(12),height .16s steps(3)}.steps li:nth-child(1){--step: #bd932f}.steps li:nth-child(2){--step: #94aad4;--wait: .28s}.steps li:nth-child(3){--step: var(--step-green);--wait: .56s}.steps li:nth-child(4){--step: #ddb8ca;--wait: .84s}.steps.is-seen li:after{width:100%;transition-delay:var(--wait,0ms),0ms}.steps li:hover:after{height:12px}.steps li:before{content:"0" counter(step);display:block;font:var(--small) var(--mono);margin-bottom:32px}.steps h3{font-size:24px;margin-bottom:12px;letter-spacing:-.04em}.steps p{font:var(--small)/1.6 var(--mono);color:var(--muted)}.about{border-top:1px solid var(--border);padding:64px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.about h2{max-width:12ch}.about-copy p{font:calc(var(--small) + 1px)/1.7 var(--mono)}.about-copy p+p{margin-top:16px}.about-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px}.contact{background:var(--raised)}.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px clamp(32px,6vw,88px);align-items:start}.contact-info h2{max-width:11ch;margin-bottom:18px}.contact-info>p{max-width:30rem;color:var(--muted);margin-bottom:26px;text-wrap:pretty}.cmeta{padding:13px 0;border-top:1px solid var(--border)}.cmeta .k{font-weight:600}.cmeta .v{color:var(--muted);font-size:1rem}.field{margin-bottom:16px}.field label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:1rem;font-weight:600}.field .count{color:var(--muted);font-weight:400;font-size:.88rem}.field input,.field textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:400 1rem/1.4 var(--font)}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.85}.field input:focus,.field textarea:focus{outline:3px solid var(--focus);outline-offset:0;border-color:transparent}.field textarea{resize:vertical;min-height:130px}.field input.error,.field textarea.error{border-color:var(--error)}.turnstile-field{display:grid;gap:8px;margin-bottom:18px}.turnstile-label{font-size:1rem;font-weight:600}.cf-turnstile{min-height:140px}.form-card .btn{width:100%}.form-card .btn:disabled,.field input:disabled,.field textarea:disabled{cursor:wait;opacity:.7}.form-note{margin-top:12px;color:var(--muted);font-size:.92rem;text-align:center}.form-note--fallback{margin-top:4px}.form-note a{color:var(--link);text-decoration:underline;text-underline-offset:.2em}.field-error,.form-status{display:none;margin-top:6px;color:var(--error);font-size:.92rem}.field-error.show,.form-status.show{display:block}.form-status{text-align:center}.form-status.success{color:var(--link)}.form-success{display:none;padding:40px 10px;text-align:center}.form-success h3{font-size:1.7rem;margin-bottom:6px}.form-success p{color:var(--muted)}.form-card.sent .form-body{display:none}.form-card.sent .form-success{display:block}.browser-body{aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--radius-md);background:var(--raised)}.browser-body img{width:100%;height:100%;object-fit:cover;object-position:top}.browser-url{margin-top:8px;color:var(--muted);font-size:.92rem}.eyebrow{display:inline-block;color:var(--muted);font-size:1rem;font-weight:600}.eyebrow:first-letter{text-transform:uppercase}.case-hero,.case-index-hero{padding:clamp(40px,6vw,80px) 0 clamp(48px,6vw,80px)}.case-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:36px clamp(32px,6vw,72px);align-items:center}.case-back{display:block;width:fit-content;margin-bottom:18px;color:var(--link);font-weight:600;font-size:1rem;text-decoration:underline;text-underline-offset:.22em}.case-back:first-letter{text-transform:uppercase}.case-hero h1,.case-index-hero h1{max-width:14ch;margin:8px 0 20px;font-size:clamp(2.7rem,5.6vw,4.8rem);line-height:1}.case-hero p,.case-index-hero p{max-width:38rem;font-size:clamp(1.1rem,1.5vw,1.25rem);text-wrap:pretty}.case-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:22px 0;color:var(--muted);font-size:.98rem;font-weight:500}.case-actions{display:flex;flex-wrap:wrap;gap:12px}.case-section{padding:clamp(48px,7vw,88px) 0;border-top:1px solid var(--border)}.case-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px clamp(24px,4vw,48px)}.case-three h2,.case-copy h2,.case-closing h2{max-width:16ch;margin:6px 0 12px;font-size:clamp(1.7rem,2.8vw,2.4rem);line-height:1.08;letter-spacing:-.006em}.case-three p,.case-copy p,.case-closing p{color:var(--muted);text-wrap:pretty}.case-copy p+p{margin-top:14px}.case-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:32px clamp(32px,6vw,72px);align-items:start}.case-steps div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;padding:14px 0;border-top:1px solid var(--border)}.case-steps strong{color:var(--muted);font-weight:600}.case-section--testimonial{background:var(--reel);color:var(--on-reel);border-top:0;--muted: #c9c9c4}.case-testimonial blockquote{max-width:58rem;margin-top:12px}.case-testimonial p{font-size:clamp(1.8rem,3.8vw,3.1rem);font-weight:600;line-height:1.1;text-wrap:pretty}.case-testimonial cite{display:block;margin-top:18px;font-style:normal;font-weight:600;font-size:1.05rem}.case-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,36px)}.case-media-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.case-figure{display:grid;gap:8px;align-content:start}.case-figure figcaption{color:var(--muted);font-size:.98rem;text-wrap:pretty}.case-closing p{max-width:42rem;margin-bottom:22px}.case-index-list{padding-bottom:var(--space-section)}.case-index-grid{display:grid;gap:clamp(40px,6vw,72px)}.case-index-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px clamp(28px,5vw,64px);align-items:center}.case-index-card__media{display:block}.case-index-card__body h2{max-width:16ch;margin:6px 0 12px;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.05}.case-index-card__body>p{color:var(--muted);text-wrap:pretty}.case-index-quote{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.case-index-quote cite{display:block;margin-top:6px;font-style:normal;font-weight:600;font-size:.98rem;color:var(--muted)}.contact{padding:0;border:0;margin-right:calc(-1 * var(--rail-space));color:#000;--ink: #000;--muted: #3a242d;--border: #000;--bg: transparent;--link: #000;--action: #000;--on-action: #fff;--error: #8c1c1c}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}.contact-left{padding:clamp(90px,12.5vw,180px) 32px;background:#ddb8ca;display:flex;flex-direction:column;align-items:center}.contact-info,.form-card{width:100%;max-width:480px}.contact-info{text-align:center}.contact-info h2{font:700 clamp(40px,calc(35.2px + 1.5vw),64px)/.8 var(--pixel);text-transform:uppercase;letter-spacing:0;max-width:17ch;margin:0 auto 12px}.contact-info>p{margin:0 auto 32px;font:16px/1.3 var(--font);max-width:48ch;color:#000}.contact-art{padding:64px var(--rail-space) 64px 64px;background:#79311b;display:flex;align-items:center;justify-content:center;color:#ddb8ca}.contact-pixel-stage{aspect-ratio:1;max-width:480px}.contact-pixel-stage img{filter:brightness(0) saturate(100%) invert(83%) sepia(14%) saturate(506%) hue-rotate(278deg) brightness(92%) contrast(87%)}.field label,.turnstile-label,.form-note,.field-error,.form-status{font:var(--small)/1.4 var(--mono)}.field label{font-weight:400}.field input,.field textarea{border:1px solid #000;background:transparent;font:14px/1.4 var(--mono);padding:8px 12px;color:#000}.field input{min-height:38px}.field input::placeholder,.field textarea::placeholder{color:#38212b}.field textarea{min-height:88px}.form-card .btn{width:auto;min-width:160px}.form-note{text-align:left;font-size:var(--tiny)}.foot{background:#000;color:#fff;border:0;padding:0;height:var(--stage-height);min-height:600px;display:flex;flex-direction:column;position:relative}.foot-inner{width:100%;padding:50px var(--rail-space) 40px 32px;display:flex;flex-direction:column;align-items:stretch;flex:none;gap:112px}.footer-brand{display:flex;width:fit-content;align-items:center;gap:12px;font:32px/1 var(--font);letter-spacing:-1.5px}.footer-mark{width:40px;height:40px}.foot-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:16px}.foot-links{display:flex;flex-direction:column;align-items:start;gap:4px;font:var(--small)/1.33 var(--mono)}.foot-links a{padding:2px 0}.foot-links a:hover{color:#ddb8ca}.foot-social{display:flex;gap:25px;align-items:center}.foot-social a{display:grid;place-items:center;min-height:32px}.foot-social svg{display:block;height:24px;width:24px}.foot-copy{font:14px/1.25 var(--mono);color:#fff;max-width:22ch}.footer-field{cursor:crosshair;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;width:100%;min-height:0;flex:1;position:relative;overflow:hidden;background:#000 url(/webdev/art/field-memory-2.svg) center/cover}.footer-pixels{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;image-rendering:pixelated}[data-scramble]{cursor:default;font-kerning:none}.scramble-char{position:relative;white-space:pre}.scramble-char:after{content:"";position:absolute;inset:0;width:1ch;background:currentColor;opacity:var(--cursor,0);pointer-events:none}a [data-scramble]{cursor:pointer}.case-hero h1,.case-index-hero h1{font-family:var(--pixel);font-weight:400;font-size:clamp(48px,6vw,88px);text-transform:uppercase;letter-spacing:-.04em}.case-hero p,.case-index-hero p,.case-three p,.case-copy p,.case-closing p{font-size:16px}.case-back,.eyebrow,.case-meta,.browser-url,.case-figure figcaption{font:var(--small)/1.6 var(--mono)}@media(max-width:1200px){.nav-links{gap:16px}.hero-bottom{grid-template-columns:280px 1fr;gap:24px}}@media(max-width:1000px){:root{--mobile-header: 47px}html{scroll-padding-top:var(--mobile-header)}body,body:has(.page-window){padding:0;height:auto;overflow:visible;background:var(--raised)}.nav{top:0;border-width:0 0 1px}.page-window,body>main{height:auto;margin:0;border:0;overflow:visible}body>.foot{margin:0}.client-picker{position:sticky;top:var(--mobile-header);z-index:5;display:flex;background:var(--raised);border-block:1px solid var(--border)}.client-picker a{background:var(--raised);color:var(--ink);flex:1;display:grid;place-items:center;min-height:44px;padding:4px;text-align:center;font:12px/1.2 var(--mono)}.client-picker a:focus-visible{outline-offset:-4px}.client-picker a+a{border-left:1px solid var(--border)}.client-picker a[aria-current].key--blue{background:#94aad4;color:#000}.client-picker a[aria-current].key--ochre{background:#c4a045;color:#000}.client-picker a[aria-current].key--green{background:#0d4937;color:#fff}.client{background:var(--raised);scroll-margin-top:46px}.client-stage.is-mobile-stack .client{position:sticky;top:min(calc(var(--mobile-header) + 46px),calc(100svh - var(--card-height)))}.client-picker a:active,.btn:active{background:var(--ink);color:var(--raised)}.hamburger,.theme-toggle{width:44px;min-height:44px}.nav-links{display:none}.hamburger{display:grid}:root{--rail-space: 0px}.rail-track{display:none}.contact-art{padding:48px}.foot-inner{padding-right:32px;gap:72px}.foot{height:auto}.foot-bottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.footer-field{min-height:50svh}.hero{min-height:var(--stage-height)}.steps{grid-template-columns:repeat(2,1fr)}.case-media-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){:root{--gutter: 16px}.nav-inner{gap:8px;padding-right:8px}.brand{gap:8px;font-size:21px}.nav-cta{gap:4px}.nav-cta>.btn{display:inline-flex;min-height:44px;padding-inline:10px}.nav-cta>.lang-switch{display:none}.hero{min-height:0;padding-top:24px}.section-label{font-size:11px;gap:8px}.section-label>span{min-width:24px;height:24px}.hero h1,:lang(en) .hero h1,.hero .client-name{font-size:18cqw;letter-spacing:0;margin:28px 0 40px;line-height:.8}.hero h1>span+span,:lang(en) .hero h1>span+span,.client-name>span+span{margin-left:0}.hero-bottom{display:flex;flex-direction:column-reverse;align-items:stretch;gap:32px}.hero-copy{padding:0;text-align:left}.pixel-symbols{margin-left:0}.hero-promise{font-size:30px;max-width:19ch}.project-window{width:calc(100% - 6px)}.window-actions .btn{font-size:11px;min-height:44px}.client-stage{margin-bottom:40px}.client{padding:14px 0 20px}.client-preview img{aspect-ratio:1.7;object-fit:cover;object-position:top}.client .hero-promise{font-size:clamp(20px,5.5vw,28px)}.hero-bottom.client-bottom{flex-direction:column;align-items:stretch;gap:16px}.hero .client-name{font-size:14cqw;margin:14px 0 18px}.client-name>span{display:inline}.client-name>span+span:before{content:" "}.client .section-label{flex-wrap:wrap}.client-copy{align-items:stretch;gap:12px}.client-actions{justify-content:flex-start}.client-actions .btn{flex:1 1 auto;min-height:44px}.own-grid,.section-head,.after,.about-grid,.contact-grid,.case-hero__grid,.case-three,.case-split,.case-index-card,.case-media-grid,.case-media-grid--three{grid-template-columns:minmax(0,1fr)}.own{padding-bottom:48px}.own-head{display:block}.own-head p{margin-top:16px}.own-item{grid-template-columns:90px 1fr}.section-head{gap:24px;margin-bottom:24px}.price-list{grid-template-columns:minmax(0,1fr)}.price-plan+.price-plan{border-left:0;border-top:1px solid var(--border)}.price-plan__amount{font-size:min(56px,15vw)}.after{gap:16px}.after-prices{display:grid;gap:16px}.steps{gap:24px}.steps li:before{margin-bottom:16px}.steps h3{font-size:23px}.process{padding-bottom:48px}.about{padding:48px 0}.about-grid{gap:24px}.contact-grid{grid-template-columns:1fr}.contact-left{padding:64px 20px}.contact-art{padding:48px}.contact-info h2{font-size:min(50px,12.5vw)}.cf-turnstile{max-width:100%}.foot-inner{padding:50px 16px 40px;gap:72px}.foot-bottom{grid-template-columns:1fr;gap:40px}.foot-links{gap:4px}.footer-brand{font-size:28px}.foot{height:auto;min-height:0}.footer-field{min-height:50svh}.btn,.theme-toggle,.hamburger,.lang-switch a{min-height:44px}.client-actions .btn{overflow-wrap:anywhere}}@media(max-width:360px){.nav-inner,.brand{gap:4px}.brand{font-size:19px}.brand-mark{width:40px}.nav-cta>.btn{padding-inline:6px}}@media(prefers-reduced-motion:reduce){html,.page-window{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
