@font-face{font-family:Onest;src:url(/fonts/onest/Onest-Variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{font-family:Onest,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202124;--page-background: #fafafa;background:var(--page-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--muted: #70737a;--ease: cubic-bezier(.22,1,.36,1)}:root:has(.home){--page-background: #f7f8fa;--muted: #536079;--archive-accent: #2546ed;--archive-outline: #d6deed}h1,h2,h3,.project-summary,.studio-lead{font-family:Onest,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:stable}@supports not (scrollbar-gutter: stable){html{overflow-y:scroll}}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#d9eee1;color:#171817}:focus-visible{outline:2px solid #257652;outline-offset:5px}:root:has(.home) ::selection{background:#dce3ff;color:#1935bd}:root:has(.home) :focus-visible{outline-color:var(--archive-accent)}[tabindex="-1"]:focus{outline:none}.site-shell{width:min(1184px,calc(100% - 112px));margin-inline:auto}.site-header{display:flex;justify-content:space-between;align-items:center;min-height:84px;gap:24px}.wordmark{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:19px;font-weight:650;letter-spacing:-.055em;white-space:nowrap}.studio-wordmark{display:inline-flex;align-items:center;min-height:44px}.studio-wordmark svg{display:block;width:210px;height:auto;overflow:visible}.studio-wordmark path{transform-box:fill-box;transform-origin:center bottom}.studio-wordmark path.is-playing,.studio-wordmark #logo-dot.is-hopping{animation:logo-hop .55s both}.studio-wordmark #logo-dot{transform-origin:center}.studio-wordmark #logo-dot.is-playing{animation:logo-dot-flight 1.1s cubic-bezier(.35,0,.35,1) both}@keyframes logo-dot-flight{0%,to{translate:0 0;scale:1}28%{translate:58px -115px;scale:.88}52%{translate:112px -75px;scale:.92}78%{translate:0 7px;scale:1.12 .88}90%{translate:0 -12px;scale:.97 1.03}}@keyframes logo-hop{0%,to{translate:0 0}32%{translate:0 -38px}65%{translate:0 3px}82%{translate:0 -8px}}.water-hero{position:relative;height:350px;margin:14px 0 44px;isolation:isolate}.water-hero canvas,.water-submerged{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.water-heading{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding-top:36px;text-align:center;color:#252936;font-size:clamp(36px,6.2vw,84px);font-weight:550;line-height:1.12;letter-spacing:-.05em}.dry-line{display:block;white-space:nowrap}.floating-line{display:block;margin-top:4px;font-size:1.48em;letter-spacing:-.055em;white-space:nowrap}.floating-line>span{display:inline-block;transform-origin:center 70%}.water-submerged{clip-path:inset(100% 0 0)}.water-submerged .water-heading{color:#fff}.water-pause{position:absolute;bottom:16px;right:20px;min-height:44px;border:0;padding:8px;background:transparent;color:#fff;font-size:12px;text-underline-offset:4px}.water-pause:hover{text-decoration:underline}.water-hero .water-pause:focus-visible{outline-color:#fff}@media(max-width:760px){.studio-wordmark svg{width:150px}.water-hero{height:220px;margin-top:10px;margin-bottom:28px}.water-heading{font-size:clamp(25px,6.4vw,46px);padding-top:35px;letter-spacing:-.055em}.floating-line{font-size:1.85em;margin-top:14px}.water-pause{right:8px;bottom:8px}}@media(prefers-reduced-motion:reduce){.studio-wordmark path.is-playing,.studio-wordmark #logo-dot.is-hopping,.studio-wordmark #logo-dot.is-playing{animation:none}.water-pause{display:none}}.site-header nav{display:flex;gap:4px;font-size:13px;font-weight:500}.site-header nav a{padding:10px 16px;border-radius:24px;color:#73757b;transition:background .18s,color .18s}.site-header nav a[aria-current=page]{background:#eeeff1;color:#25262a}.site-header nav a,.site-footer a,.back-link,.project-end{text-underline-offset:5px}.site-footer a:hover,.back-link:hover,.project-end:hover{text-decoration:underline}.site-header nav a:hover{color:#25262a;background:#eeeff1}.site-shell .site-header .context-navigation{gap:24px;font-size:16px}.site-shell .site-header .context-navigation a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;border-radius:0;color:#252936;text-decoration:none}.site-shell .site-header .context-navigation a:hover{background:transparent;color:#2546ed;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.site-shell:has(.studio-page) .site-header .context-navigation a:hover{color:#111;background:transparent}.intro{padding:18px 0 26px;scroll-margin-top:24px}.intro h1{max-width:900px;margin:0;font-size:46px;font-weight:500;line-height:1.1;letter-spacing:-.045em;text-wrap:balance}.home .intro{padding:48px 0 56px;text-align:center}.home .intro h1{max-width:none;margin-inline:auto;color:#252936;font-weight:500;font-size:clamp(36px,6.3vw,88px);line-height:1.13}.motion-word{display:inline-block;color:var(--archive-accent);white-space:nowrap;overflow:clip;vertical-align:bottom;padding-block:.14em;margin-block:-.14em}.motion-word-content{display:inline-block;animation:word-arrival .85s cubic-bezier(.22,1,.36,1) both}@keyframes word-arrival{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.motion-word-content{animation:none}}.home{padding-bottom:0}@media(max-width:760px){.home .intro{padding:36px 0 40px}.home .intro h1{font-size:clamp(36px,7.7vw,58px)}}.intro p{margin:18px 0 0;color:var(--muted);font-size:17px;line-height:1.5;letter-spacing:-.015em}.home~.site-footer{color:#252936}.site-shell:has(.home) .site-header nav a{color:var(--muted)}.site-shell:has(.home) .site-header nav a:hover{background:#e9edfb;color:#1935bd}.site-shell:has(.home) .site-header nav a[aria-current=page]{background:var(--archive-accent);color:#fff}.works{scroll-margin-top:24px}.archive-controls{display:flex;align-items:stretch;flex-direction:column;gap:8px;margin-bottom:24px}.archive-controls .mode-switch{flex:none;margin:0;background:transparent;outline:1px solid var(--archive-outline);outline-offset:-1px}.archive-filter-stage{min-width:0;transition:opacity .19s ease}.archive-filter-stage[data-phase=leave],.archive-filter-stage[data-phase=enter]{opacity:0;pointer-events:none}.archive-controls .filter-scroll{padding-block:0}.home .filters button:not([aria-pressed=true]),.home .mode-switch button:not([aria-pressed=true]){color:var(--muted)}.home .filters button:hover:not([aria-pressed=true]),.home .mode-switch button:hover:not([aria-pressed=true]){color:#1935bd}.home .mode-switch-line{background:var(--archive-accent)}.home .filter-indicator,.home .filters .filter-all[aria-pressed=true]{background:#e2e9ff}.home .filters button[aria-pressed=true]{color:#1935bd}.home .filter-separator{background:var(--archive-outline)}.mode-switch{position:relative;display:flex;align-items:center;gap:4px;width:max-content;max-width:100%;margin:4px 0 8px;padding:3px;border-radius:28px;background:#eeeff1}.mode-switch button{position:relative;z-index:1;min-height:40px;padding:10px 20px;border:0;border-radius:24px;background:transparent;color:#555a60;font-size:13px;font-weight:500;white-space:nowrap;transition:color .18s ease}.mode-switch button:hover{color:#202124}.mode-switch button[aria-pressed=true]{color:#fff}.mode-switch-line{position:absolute;top:3px;bottom:3px;left:0;border-radius:24px;background:#232529;pointer-events:none;transition:transform .36s var(--ease),width .36s var(--ease)}.archive-stage{opacity:1;transform:translateY(0);transition:opacity .19s ease,transform .32s var(--ease)}.archive-stage[data-phase=leave]{opacity:0;transform:translateY(-7px);pointer-events:none}.archive-stage[data-phase=enter]{opacity:0;transform:translateY(10px);transition:none;pointer-events:none}.filter-scroll{overflow-x:auto;scrollbar-width:none;margin:0 -5px;padding:7px 5px 22px}.filter-scroll::-webkit-scrollbar{display:none}.filters{position:relative;display:flex;align-items:center;gap:2px;padding:3px 0;width:max-content;isolation:isolate}.filters button{position:relative;z-index:1;border:0;background:none;min-height:44px;padding:12px 21px;color:#6e7077;font-size:13px;font-weight:500;line-height:20px;border-radius:24px;transition:color .16s ease,background-color .16s ease;white-space:nowrap}.filters button:hover{color:#25262a}.filters button[aria-pressed=true]{color:#fff}.filters .filter-all{min-width:68px}.filters .filter-all[aria-pressed=true]{color:#fff;background:#232529}.filter-separator{width:1px;height:18px;background:#dedfe3;margin:0 12px}.filter-indicator{position:absolute;top:3px;bottom:3px;left:0;background:#232529;border-radius:24px;opacity:0;transition:transform .25s var(--ease),width .25s var(--ease),opacity .14s ease;pointer-events:none}.filter-indicator[data-visible=true]{opacity:1}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.piece-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px;align-items:start}.piece-tile{min-width:0;margin:0}.piece-carousel{min-width:0}.piece-carousel-media{position:relative;display:block;width:100%;overflow:hidden;border-radius:12px;touch-action:pan-y;transition:aspect-ratio .36s var(--ease),width .36s var(--ease)}.piece-carousel-media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(1.015);transition:opacity .26s ease,transform .36s var(--ease);pointer-events:none}.piece-carousel:not(.piece-carousel--detail) .piece-carousel-media img{object-fit:cover}.piece-tile[data-piece=ccw-recommendation] .piece-carousel-media{background:#f5f8ff}.piece-tile[data-piece=ccw-recommendation] .piece-carousel-media img{object-fit:contain}.piece-tile[data-piece=kliqo-app-home] .piece-carousel-media img{object-position:center top}.piece-carousel-media img.is-active{opacity:1;transform:scale(1)}.piece-carousel-controls{display:flex;align-items:center;justify-content:center;min-height:28px;margin-top:6px}.piece-carousel-dots{display:flex;align-items:center;justify-content:center}.piece-carousel-dots button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:none}.piece-carousel-dots span{width:6px;height:6px;border-radius:50%;background:#c7c9cc;transition:background .18s ease,transform .22s var(--ease)}.piece-carousel-dots button[aria-current=true] span{background:#232529;transform:scale(1.25)}.piece-tile figcaption{display:flex;flex-direction:column;gap:4px;padding:12px 1px 0}.piece-tile figcaption a{width:fit-content;font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.02em}.piece-tile figcaption a:hover{text-decoration:underline;text-underline-offset:3px}.piece-tile figcaption span{font-size:12px;color:#686d72;line-height:1.35}.gallery-empty{min-height:260px;margin:0;padding:40px 0;color:var(--muted);font-size:16px}.piece-page{width:min(100%,760px);margin-inline:auto;padding-top:22px}.piece-page-heading{margin-bottom:20px}.piece-back{display:inline-block;margin-bottom:32px;color:#62666b;font-size:14px;font-weight:500;text-underline-offset:4px}.piece-back:hover{text-decoration:underline;color:#202124}.piece-page-heading h1{margin:0 0 8px;font-size:clamp(34px,4vw,48px);font-weight:500;line-height:1.1;letter-spacing:-.045em}.piece-page-heading p{margin:0;color:#777b80;font-size:14px;line-height:1.4}.piece-page-figure{margin:0}.piece-page-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px;padding:0 0 12px}.piece-page-caption{display:flex;align-items:baseline;gap:14px;min-width:0}.piece-page-caption p{margin:0;color:#50555a;font-size:14px;line-height:1.4}.piece-page-count{flex:none;color:#85888d;font-size:12px;font-variant-numeric:tabular-nums}.piece-page-arrows{display:flex;flex:none;gap:6px}.piece-page-arrows button{width:42px;height:42px;padding:0;border:1px solid #dedfe2;border-radius:50%;background:transparent;color:#202124;font-size:21px;line-height:1;transition:background .16s ease,border-color .16s ease}.piece-page-arrows button:hover:not(:disabled){background:#eeeff1;border-color:#eeeff1}.piece-page-arrows button:disabled{opacity:.3;cursor:default}.piece-page-figure .piece-carousel-media{width:100%;height:min(54svh,600px);padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:0;outline-offset:5px}.piece-page-figure .piece-carousel-media img{object-position:center top}.piece-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:16px clamp(16px,4vw,48px);border:0;background:#141414;color:#f7f7f7}.piece-lightbox[open]{display:grid;grid-template-rows:48px minmax(0,1fr) minmax(56px,auto);gap:12px}.piece-lightbox::backdrop{background:#141414}.piece-lightbox-top,.piece-lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.piece-lightbox-top span{font-size:13px;color:#b7b7b7;font-variant-numeric:tabular-nums}.piece-lightbox-top button{width:44px;height:44px;padding:0;border:0;background:transparent;color:#f7f7f7;font-size:32px;line-height:1}.piece-lightbox-image{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.piece-lightbox-image img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.piece-lightbox-bottom p{margin:0;font-size:14px;line-height:1.4}.piece-lightbox-arrows{display:flex;flex:none;gap:8px}.piece-lightbox-arrows button{width:44px;height:44px;padding:0;border:1px solid #565656;border-radius:50%;background:transparent;color:#fff;font-size:21px}.piece-lightbox-arrows button:disabled{opacity:.35;cursor:default}.piece-lightbox-arrows button:hover:not(:disabled),.piece-lightbox-top button:hover{background:#313131}.work-preview{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:270px;padding:28px;border-radius:16px;background:#f0f1f3;border:1px solid rgb(30 35 45 / 3%);overflow:hidden}.home .work-preview{border-color:var(--archive-outline);border-radius:14px;background:var(--page-background)}.home .work-preview:not(.work-preview--image):before{background:var(--page-background);filter:none}.work-preview:before,.work-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--project-background, var(--project-color));background-size:cover;background-position:center;pointer-events:none}.work-preview:before{filter:grayscale(1)}.work-preview:after{opacity:0;transition:opacity .26s ease}.work-preview:hover:after,.work-preview:focus-visible:after{opacity:1}.work-preview--image{color:#202428;background:#f2f5f8}.work-color-field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(110deg,#f5f8fa 8%,#e2f1fa 44%,#79c3e9);opacity:.6;transition:opacity .26s ease}.work-preview[data-slug=clean-car-weather] .work-color-field{background:linear-gradient(110deg,#f7f8fc 8%,#e4edff 44%,#87a9f3)}.work-preview:hover .work-color-field,.work-preview:focus-visible .work-color-field{opacity:1}.work-preview--image:before,.work-preview--image:after{top:30px;right:-10%;bottom:-38px;left:61%;background-color:transparent;background-repeat:no-repeat;background-size:auto 100%;background-position:left top}.work-preview.work-preview--image h2,.work-preview.work-preview--image p,.work-preview.work-preview--image .badges{max-width:57%}.work-preview.work-preview--image p{color:#434b51}.work-preview h2{margin:0 0 12px;font-size:26px;font-weight:600;line-height:1.16;letter-spacing:-.035em;overflow-wrap:anywhere}.work-preview .work-title{display:flex;align-items:center;min-height:50px}.work-example-label{position:absolute;top:30px;right:28px;color:#596067;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.work-preview--example .work-title{max-width:calc(100% - 92px)}.work-logo{display:block;width:var(--logo-width);max-width:100%;height:auto;flex:0 1 auto}.work-preview[data-slug=clean-car-weather] .work-logo{filter:brightness(0)}.work-preview[data-slug=clean-car-weather]:before,.work-preview[data-slug=clean-car-weather]:after{top:38px;right:-16px;bottom:-22px;left:59%;background-size:cover;background-position:center;border-radius:16px;transform:rotate(-5deg)}.work-preview.work-preview--image[data-slug=clean-car-weather] p{max-width:51%}.work-preview p{max-width:44ch;margin:0 0 18px;font-size:16px;line-height:1.45;letter-spacing:-.015em;color:#4b5156}.badges{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}.work-preview .badges{margin-top:auto;gap:6px 0;padding-top:18px}.work-preview .badges li{padding:0;border:0;border-radius:0;background:none;color:#454b50;font-size:13px;line-height:1.4}.work-preview .badges li+li:before{content:"·";padding-inline:8px;color:#7e858b}.home .work-preview p,.home .work-preview .badges li,.home .work-example-label{color:var(--muted)}.home .piece-tile figcaption span{color:var(--muted)}.home .piece-carousel-dots button[aria-current=true] span{background:var(--archive-accent)}.badges li{padding:7px 11px;border-radius:8px;font-size:12px;font-weight:500;line-height:1;white-space:nowrap;color:#5f666a;background:#fff9;border:1px solid rgb(255 255 255 / 55%)}.site-footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #252936;padding:24px 0 40px;margin-top:40px;font-size:17px;font-weight:500;color:#252936}.site-footer{align-items:center}.footer-telegram{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;transition:background .18s ease}.footer-telegram img{display:block;width:25px;height:25px;filter:invert(47%) sepia(95%) saturate(1323%) hue-rotate(164deg) brightness(91%) contrast(93%);transition:transform .18s ease}.footer-telegram:hover{background:#e2e9ff}.footer-telegram:hover img{transform:translateY(-2px)}.project{padding-top:24px}.back-link{display:inline-block;font-size:14px;margin-bottom:52px}.project-layout{display:grid;grid-template-columns:190px minmax(0,850px);gap:clamp(36px,6vw,92px);align-items:start}.project-toc{position:sticky;top:36px}.toc-label{display:block;color:#7b7e7d;text-transform:uppercase;letter-spacing:.1em;font-size:11px;margin-bottom:18px}.toc-links{display:flex;flex-direction:column;gap:6px}.toc-links a{padding:10px 12px;margin-left:-12px;font-size:14px;border-radius:10px;color:#6b6d6b;transition:color .16s,background .16s}.toc-links a[aria-current]{color:#171817;background:#eeeeec}.toc-links a:hover{color:#171817}.project-article{min-width:0}.project-meta{margin:0 0 16px;font-size:14px;color:var(--muted);line-height:1.5}.project-article h1{margin:0 0 20px;font-size:44px;font-weight:500;line-height:1.1;letter-spacing:-.045em;overflow-wrap:anywhere}.project-summary{font-size:clamp(25px,2.6vw,34px);line-height:1.2;letter-spacing:-.03em;margin:0 0 24px;max-width:40ch}.project-intro{margin:34px 0 0;max-width:62ch;font-size:20px;line-height:1.5;letter-spacing:-.015em}.project-scope{margin-top:32px}.project-scope h2{margin:0 0 8px;font-size:15px;font-weight:500}.project-scope p{margin:0;font-size:15px;color:#626563;line-height:1.6}.project-section{border-top:1px solid #d6d7d5;margin-top:56px;padding-top:32px;scroll-margin-top:36px}#overview{scroll-margin-top:36px}.project-section h2{margin:0 0 16px;font-size:28px;font-weight:400;letter-spacing:-.025em}.project-section>p:not(.project-meta){font-size:18px;line-height:1.6;max-width:62ch;margin:0}.project-media{margin:28px 0}.project-media img,.project-media video{display:block;width:100%;height:auto}.project-media figcaption{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.5}.project-end{display:inline-block;margin:56px 0 28px;font-size:15px}.not-found{padding-block:80px}.studio-page{max-width:780px;padding:48px 0 40px}.studio-page h1{margin:0 0 24px;font-size:44px;font-weight:400;letter-spacing:-.04em;line-height:1.1}.studio-page .studio-lead{font-size:28px;line-height:1.3;letter-spacing:-.025em;color:#171817}.studio-page p{font-size:18px;line-height:1.6;max-width:62ch;color:#4e5252}.studio-section{margin-top:36px}.studio-section h2{font-size:20px;font-weight:400;letter-spacing:-.02em;margin:0 0 12px}.studio-section p{margin:0}.studio-links{display:flex;flex-wrap:wrap;gap:20px 32px;margin-top:40px}.studio-links a,.contact-email{text-decoration:underline;text-underline-offset:5px}.contact-email{font-size:clamp(20px,3vw,30px);letter-spacing:-.03em;overflow-wrap:anywhere}.contact-details{border-top:1px solid #d6d7d5;padding-top:28px;scroll-margin-top:28px}.contact-details .contact-email{display:inline-block;margin:18px 0}:root:has(.studio-page){--page-background: #c6f34a;--muted: #111;color:#111}.studio-page{max-width:none;padding:54px 0 40px}.studio-page .project-meta{display:none}.studio-page h1{font-size:clamp(64px,7vw,96px);font-weight:600;line-height:1;letter-spacing:-.055em;margin-bottom:36px}.studio-page h1.studio-statement{font-size:clamp(40px,4.2vw,60px);line-height:1.1;letter-spacing:-.045em;margin-bottom:44px}.studio-story p{margin:0}.studio-story p+p{margin-top:28px}.studio-page .studio-lead{max-width:28ch;font-size:clamp(36px,4.2vw,56px);font-weight:500;line-height:1.12;letter-spacing:-.04em;color:#111}.studio-page p{color:#111;font-size:26px;line-height:1.4;letter-spacing:-.02em;max-width:54ch}.studio-section{margin-top:56px}.studio-section h2{font-size:18px;font-weight:600;margin-bottom:18px}.studio-page .contact-email{font-size:clamp(28px,4.5vw,60px);font-weight:500;line-height:1.1}.telegram-contact{display:inline-flex;align-items:center;justify-content:center;max-width:100%;margin-top:24px;padding:22px 32px;border-radius:999px;background:#168acd;color:#fff;font-size:clamp(22px,2.6vw,36px);font-weight:500;line-height:1.15;letter-spacing:-.035em;text-decoration:none;transition:background .18s ease,color .18s ease}.telegram-contact:hover{background:#1075b2;color:#fff}.telegram-contact:focus-visible{outline-offset:6px}.site-shell:has(.studio-page) .site-header nav a{color:#111}.site-shell:has(.studio-page) .site-header nav a:hover{background:#00000014;color:#111}.site-shell:has(.studio-page) .site-header nav a[aria-current=page]{background:#111;color:#c6f34a}.studio-page .contact-details,.site-shell:has(.studio-page) .site-footer{border-color:#0000003d}.site-shell:has(.studio-page) .site-footer{color:#111}:root:has(.studio-page) :focus-visible{outline-color:#111}.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;z-index:20;top:8px;left:8px;padding:12px;background:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}@media(hover:none){.work-preview:after,.work-color-field{opacity:1}}@media(max-width:980px){.archive-controls{align-items:stretch;flex-direction:column;gap:8px;margin-bottom:18px}}@media(max-width:760px){html{scrollbar-gutter:auto}.site-shell{width:calc(100% - 40px)}.site-header{min-height:72px;flex-wrap:nowrap;gap:10px;padding-block:14px}.wordmark{font-size:16px}.site-header nav{font-size:12px;gap:2px}.site-header nav a{padding:9px 10px;white-space:nowrap}.studio-page{padding:28px 0}.studio-page h1{font-size:60px;margin-bottom:28px}.studio-page h1.studio-statement{font-size:36px;margin-bottom:32px}.studio-page .studio-lead{font-size:34px}.studio-page p{font-size:20px}.studio-page .studio-section{margin-top:36px}.telegram-contact{padding:18px 24px}.intro{padding:18px 0 20px}.intro h1{font-size:clamp(28px,7.7vw,36px);line-height:1.12;letter-spacing:-.035em}.intro p{font-size:16px;line-height:1.4;margin-top:14px}.desktop-break{display:none}.mode-switch{margin-top:6px;margin-bottom:7px}.archive-controls{gap:7px;margin-top:6px;margin-bottom:8px}.mode-switch button{min-height:40px;padding:10px 16px;font-size:12px}.filter-scroll{margin-right:-20px;padding-top:3px;padding-bottom:8px;padding-right:20px}.filters{gap:2px}.filters button{padding:12px 15px;font-size:12px}.filter-separator{margin-inline:7px}.work-grid{grid-template-columns:minmax(0,1fr);gap:12px}.piece-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.piece-carousel-media{border-radius:8px}.piece-tile figcaption{gap:3px;padding-top:8px}.piece-tile figcaption a{font-size:13px}.piece-tile figcaption span{font-size:11px}.piece-page{padding-top:16px}.piece-back{margin-bottom:24px;font-size:13px}.piece-page-heading{margin-bottom:16px}.piece-page-heading h1{font-size:36px}.piece-page-heading p{font-size:12px}.piece-page-figure figcaption{gap:12px;height:76px;padding-bottom:10px}.piece-page-caption{gap:9px}.piece-page-caption p{font-size:12px}.piece-page-arrows button{width:38px;height:38px;font-size:19px}.piece-page-figure .piece-carousel-media{height:clamp(280px,40svh,380px)}.work-preview{min-height:238px;padding:22px;border-radius:14px}.work-example-label{top:24px;right:22px}.work-preview--image:before,.work-preview--image:after{top:32px;right:-32%;bottom:-20px;left:66%}.work-preview.work-preview--image h2,.work-preview.work-preview--image p,.work-preview.work-preview--image .badges{max-width:62%}.work-preview[data-slug=clean-car-weather]:before,.work-preview[data-slug=clean-car-weather]:after{top:98px;right:8px;bottom:-12px;left:63%;background-size:auto 100%;background-position:right center}.work-preview.work-preview--image[data-slug=clean-car-weather] p{max-width:58%}.work-preview.work-preview--image[data-slug=clean-car-weather] h2{max-width:100%}.work-preview:after{opacity:1}.work-color-field{opacity:1}.work-preview h2{font-size:24px}.work-preview p{font-size:15px;margin-bottom:16px}.work-preview .badges{gap:6px 12px}.work-preview .badges li+li:before{content:none}.badges{gap:5px}.badges li{padding:7px 9px;font-size:12px}.site-footer{font-size:16px;gap:12px;padding-top:24px;margin-top:40px}.project{padding-top:16px}.back-link{margin-bottom:24px}.project-layout{display:block}.project-toc{top:0;z-index:5;margin:0 -20px 28px;padding:12px 20px;background:var(--page-background);border-bottom:1px solid #e7e7e4;overflow-x:auto;scrollbar-width:none}.toc-label{display:none}.toc-links{flex-direction:row;gap:6px;width:max-content}.toc-links a{margin:0;padding:9px 12px;font-size:13px;border-radius:24px}.toc-links a[aria-current]{color:#fff;background:#171817}.project-meta{font-size:12px;margin-bottom:12px}.project-article h1{font-size:36px;margin-bottom:16px}.project-summary{font-size:25px;margin-bottom:22px}.project-intro{font-size:17px;margin-top:26px}.project-section,#overview{scroll-margin-top:86px}.project-section{margin-top:38px;padding-top:26px}.project-section h2{font-size:25px}.project-section>p:not(.project-meta){font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}:root,:root:has(.home),:root:has(.studio-page){--page-background: #2546ed;--muted: #e0e6ff;--archive-accent: #ff914d;--archive-outline: rgb(255 255 255 / 30%);color:#fff}body{background:var(--page-background)}.studio-wordmark svg path{fill:#c6f34a}.studio-wordmark svg #logo-dot{fill:#ff914d}.site-shell .site-header .context-navigation a,.site-shell:has(.home) .site-header .context-navigation a,.site-shell:has(.studio-page) .site-header .context-navigation a{color:#202124;background:#ff914d;border-radius:999px;min-height:36px;padding:8px 16px;font-size:13px;line-height:20px;text-decoration:none;transition:background-color .18s ease}.site-shell .site-header .context-navigation a:hover,.site-shell:has(.home) .site-header .context-navigation a:hover,.site-shell:has(.studio-page) .site-header .context-navigation a:hover{color:#202124;background:#ffab76;text-decoration:none}.home .intro h1{color:#fff;font-weight:680;font-size:clamp(36px,6.9vw,96px);line-height:1.18;letter-spacing:-.055em}.hero-line{display:block;white-space:nowrap}.hero-word{display:inline-block;position:relative;padding:0 .09em .025em;line-height:1.02;vertical-align:baseline;letter-spacing:-.055em}.hero-word-space{visibility:hidden}.hero-word-typed,.hero-word-static{position:absolute;top:0;left:0;padding:inherit;white-space:nowrap}.hero-word-static{display:none}.hero-word--brand{color:#2546ed}.hero-word--brand .hero-word-typed,.hero-word--brand .hero-word-static{background:#c6f34a;border-radius:.18em}.hero-word--digital{color:#c6f34a;-webkit-text-fill-color:transparent;-webkit-text-stroke:2.5px #c6f34a}.hero-word--digital .sr-only{-webkit-text-stroke:0}@media(max-width:760px){.home .intro h1{font-size:clamp(27px,9.2vw,64px);line-height:1.24}.hero-word--digital{-webkit-text-stroke-width:1px}}@media(prefers-reduced-motion:reduce){.hero-word-typed{display:none}.hero-word-static{display:block}}.home .archive-controls{--archive-accent: #fff}.home .mode-switch button[aria-pressed=true]{color:#2546ed}.home .archive-controls .mode-switch{outline:none;padding-inline:0}.home .mode-switch button{min-height:38px;padding:9px 18px;font-size:14px;line-height:20px}.home .filters{gap:6px}.home .filters button{min-height:34px;padding:7px 16px;font-size:13px;background:#ffffff14}.home .filters .filter-all{min-width:56px}.home .filter-separator{margin-inline:7px}.home .filters button:not([aria-pressed=true]){color:#fff}.home .filters button:hover:not([aria-pressed=true]){color:#fff;background:#ffffff29}.home .mode-switch button:hover:not([aria-pressed=true]){color:#fff}.home .filter-indicator,.home .filters .filter-all[aria-pressed=true]{background:transparent;box-shadow:none}.home .filter-indicator{display:none}.home .filters button[aria-pressed=true],.home .filters .filter-all[aria-pressed=true]{color:#2546ed;background:#fff;text-decoration:none}.home .work-preview{color:#202124;background:#f7f8fa;border-color:transparent}.home .work-preview:not(.work-preview--image):before{background:#f7f8fa}.home .work-preview p,.home .work-preview .badges li,.home .work-example-label{color:#536079}.site-footer,.home~.site-footer{color:#e0e6ff;border-color:#ffffff40}.footer-telegram img{filter:brightness(0) invert(1)}.footer-telegram:hover{background:#ffffff1f}.studio-page p,.studio-page .studio-lead{color:#fff}.site-shell,.site-shell:has(.studio-page){width:min(1184px,calc(100% - clamp(32px,6vw,112px)));padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.studio-page{padding-block:clamp(24px,5vh,54px) max(32px,env(safe-area-inset-bottom,0px))}.studio-page h1.studio-statement{font-size:clamp(30px,calc(20px + 3.2vw),60px);line-height:1.13;margin-bottom:clamp(28px,4vw,44px);overflow-wrap:break-word}.studio-page p{font-size:clamp(18px,calc(15px + .8vw),26px);line-height:1.45}.studio-page .studio-story p+p{margin-top:clamp(22px,3vw,32px)}.studio-page .studio-story strong{font-weight:650}.studio-page .contact-details{margin-top:clamp(32px,4vw,56px);padding-top:clamp(22px,3vw,32px)}.studio-page .telegram-contact{font-size:clamp(18px,calc(14px + 1.4vw),32px);min-height:48px;gap:12px;padding:clamp(16px,2vw,22px) clamp(18px,2.4vw,32px)}@media(max-height:500px)and (orientation:landscape){.studio-page{padding-top:12px}.studio-page .studio-honesty{margin-bottom:16px}}.studio-honesty{display:flex;align-items:center;gap:14px;min-height:44px;padding:0;margin:0 0 24px;border:0;background:transparent;color:#fff;font:inherit;font-size:14px;cursor:pointer}.studio-honesty-track{display:flex;align-items:center;width:38px;height:22px;padding:3px;border:1px solid rgb(255 255 255 / 55%);border-radius:20px;transition:background .22s ease,border-color .22s ease}.studio-honesty-track>span{width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .22s ease,background .22s ease}.studio-honesty:hover .studio-honesty-track{border-color:#fff}.studio-honesty[aria-checked=true] .studio-honesty-track{background:#c6f34a;border-color:#c6f34a}.studio-honesty[aria-checked=true] .studio-honesty-track>span{transform:translate(16px);background:#2546ed}.studio-honesty-aside{color:#c6f34a;white-space:nowrap}.studio-mode-frame{overflow:clip}.studio-mode-copy{display:flow-root}@keyframes studio-copy-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.studio-honesty-track,.studio-honesty-track>span{transition:none}.studio-mode-copy{animation:none}}.studio-page .contact-details{border-color:#ffffff4d}.telegram-contact{gap:16px;background:#08c;color:#fff}.telegram-contact:hover{background:#0077b5;color:#fff}.telegram-contact img{width:.85em;height:.85em;flex-shrink:0;filter:brightness(0) invert(1)}@media(max-width:760px){.studio-honesty-line:before{content:"\a";white-space:pre}.telegram-contact{gap:12px;padding:18px 20px;font-size:clamp(18px,5vw,22px)}.telegram-contact span{min-width:0}}.piece-back,.piece-page-heading p,.piece-page-caption p,.piece-page-count,.toc-label,.toc-links a,.project-scope p{color:#e0e6ff}.piece-back:hover,.toc-links a:hover{color:#fff}.toc-links a[aria-current]{color:#202124;background:#ff914d}.piece-page-arrows button{color:#fff;border-color:#ffffff7f}.piece-page-arrows button:hover:not(:disabled){color:#202124;background:#ff914d;border-color:#ff914d}.piece-carousel .piece-carousel-media img{opacity:1;transition:transform .42s cubic-bezier(.22,1,.36,1)}.piece-carousel .piece-carousel-dots{gap:0}.piece-carousel .piece-carousel-dots button{width:24px;height:44px}.piece-carousel .piece-carousel-dots button:first-child{justify-items:end;padding-right:3px}.piece-carousel .piece-carousel-dots button:last-child{justify-items:start;padding-left:3px}.piece-carousel .piece-carousel-dots span{width:5px;height:5px;border-radius:50%;background:#ffffff59;transform:none;transition:background .22s ease}.home .piece-carousel .piece-carousel-dots button[aria-current=true] span,.piece-carousel .piece-carousel-dots button[aria-current=true] span{background:#fff;transform:none}.piece-page .piece-carousel .piece-carousel-dots span{background:#c5cad3}.piece-page .piece-carousel .piece-carousel-dots button[aria-current=true] span{background:#2546ed}.piece-carousel-stage{position:relative}.piece-tile-arrow{position:absolute;top:0;bottom:0;display:grid;place-items:center;width:15%;min-width:36px;padding:0;border:0;border-radius:8px;background:transparent;color:#fff;font-size:28px;line-height:1;touch-action:pan-y}.piece-tile-arrow--prev{left:0}.piece-tile-arrow--next{right:0}.piece-tile-arrow svg{display:block;width:20px;height:20px;opacity:.6;transition:opacity .16s ease}.piece-tile-arrow--prev svg{transform:rotate(180deg)}.piece-tile-arrow:hover svg,.piece-tile-arrow:focus-visible svg{opacity:1}.piece-tile-arrow:focus-visible{outline-offset:-4px}.piece-tile button.piece-carousel-media{padding:0;border:0;background:transparent;cursor:zoom-in}.gallery-viewer{top:20px;right:20px;bottom:20px;left:20px;width:calc(100% - 40px);height:calc(100dvh - 40px);background:#0f1426f5;border-radius:12px}.gallery-viewer::backdrop{background:#0a0f20a6}.gallery-viewer .piece-lightbox-image{touch-action:pan-y}.gallery-viewer .piece-lightbox-image{padding-inline:64px}.gallery-viewer .piece-lightbox-arrows button{position:absolute;top:76px;bottom:84px;transform:none;width:88px;height:auto;border:0;border-radius:8px;font-size:36px;background:transparent;color:#fff}.gallery-viewer .piece-lightbox-arrows button:first-child{left:0}.gallery-viewer .piece-lightbox-arrows button:last-child{right:0}.gallery-viewer .piece-lightbox-arrows button:hover{background:#ffffff1a}@media(max-width:760px){.gallery-viewer{top:8px;right:8px;bottom:8px;left:8px;width:calc(100% - 16px);height:calc(100dvh - 16px);padding-inline:12px}.gallery-viewer .piece-lightbox-image{padding-inline:28px}.gallery-viewer .piece-lightbox-arrows button{width:40px;height:auto;font-size:28px}.gallery-viewer .piece-lightbox-arrows button:first-child{left:0}.gallery-viewer .piece-lightbox-arrows button:last-child{right:0}}.skip-link{color:#202124}:focus-visible,:root:has(.home) :focus-visible,:root:has(.studio-page) :focus-visible{outline-color:#c6f34a}::selection,:root:has(.home) ::selection{background:#c6f34a;color:#202124}:root:has(.project,.piece-page){--page-background: #f7f8fa;--muted: #626b7b;color:#202124}.site-shell:has(.project,.piece-page) .site-header{position:relative;isolation:isolate}.site-shell:has(.project,.piece-page) .site-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#2546ed;box-shadow:0 0 0 100vmax #2546ed;clip-path:inset(0 -100vmax);pointer-events:none}.project .toc-label,.project .toc-links a,.project .project-scope p{color:#626b7b}.project .toc-links a:hover{color:#202124;background:#e9edf4}.project .toc-links a[aria-current]{color:#2546ed;background:#e6ebff}.project .back-link,.project .project-end{color:#2546ed}.project .project-section{border-color:#dce0e7}.site-shell:has(.project,.piece-page) .site-footer{color:#626b7b;border-color:#dce0e7}.site-shell:has(.project,.piece-page) .footer-telegram img{filter:brightness(0)}.site-shell:has(.project,.piece-page) .footer-telegram:hover{background:#e9edf4}:root:has(.project,.piece-page) :focus-visible{outline-color:#2546ed}:root:has(.project,.piece-page) .site-header :focus-visible{outline-color:#c6f34a}.piece-page .piece-back{color:#2546ed}.piece-page .piece-page-heading p,.piece-page .piece-page-caption p,.piece-page .piece-page-count{color:#626b7b}.piece-page .piece-page-arrows button{color:#202124;border-color:#cbd1da}.site-header{column-gap:16px}.site-header .context-navigation{flex-shrink:0}.project-article,.work-grid>*,.piece-gallery>*{min-width:0}.home .filter-scroll{margin-inline:0;max-width:100%;padding-inline:0}.project-summary,.project-article h1,.piece-page-heading h1{overflow-wrap:break-word}.piece-page-figure figcaption{height:auto;min-height:64px}.piece-page-caption{flex-wrap:wrap;gap:6px 14px}.home .intro{padding-block:clamp(28px,5vh,48px) clamp(32px,6vh,56px)}@media(max-width:980px)and (min-width:761px){.project-layout{grid-template-columns:140px minmax(0,1fr);gap:28px}.work-preview{padding:22px}}@media(max-width:760px){.project-toc{margin-inline:0;padding-inline:0}.piece-page-heading h1{font-size:clamp(28px,7vw,36px)}.project-article h1{font-size:clamp(30px,7.5vw,40px)}.project-summary{font-size:clamp(22px,5vw,28px)}.piece-page-figure figcaption{min-height:76px}}@media(max-width:480px){.site-shell:has(.project,.piece-page) .site-header{flex-wrap:nowrap}.site-shell:has(.project,.piece-page) .context-navigation a[href="/"]{display:none}.site-shell:has(.project,.piece-page) .context-navigation{gap:8px;margin-left:auto}.piece-gallery{grid-template-columns:minmax(0,1fr);gap:24px}}@media(max-height:500px)and (orientation:landscape){.home .intro{padding-block:18px 24px}.piece-page-figure .piece-carousel-media{height:65svh;min-height:0}.gallery-viewer{top:8px;right:8px;bottom:8px;left:8px;width:calc(100% - 16px);height:calc(100dvh - 16px);padding-block:8px;grid-template-rows:36px minmax(0,1fr) minmax(32px,auto);gap:6px}.gallery-viewer .piece-lightbox-arrows button{top:50px;bottom:46px}}@media(max-width:760px){.site-shell .site-header .context-navigation a,.site-shell:has(.home) .site-header .context-navigation a,.site-shell:has(.studio-page) .site-header .context-navigation a{min-height:32px;padding:6px 13px;font-size:12px}.home .mode-switch button{min-height:36px;padding:8px 16px;font-size:14px}.home .filters button{min-height:32px;padding:6px 13px;font-size:12px}.home .filters .filter-all{min-width:48px}.home .filters{gap:5px}.home .filter-separator{margin-inline:5px}}