/* Editorial refinements: a single motion language and translucent surfaces. */
:root{--glass:linear-gradient(135deg,#ffffffd9,#ffffffe8 45%,#f0ede3ba);--glass-edge:#ffffffc9}
html[data-theme=night]{--glass:linear-gradient(135deg,#ffffff1a,#ffffff08 55%,#e5aa3e0a);--glass-edge:#ffffff24}
.tape-group a:hover,.tape-group a:focus-visible{background:transparent;color:#bc0037}
.tape-group a:hover>span{color:#bc0037}
@keyframes tape-travel{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.motion-control{display:inline-flex;align-items:center;gap:.6rem;border:1px solid var(--line);border-radius:2rem;background:transparent;color:var(--muted);padding:.5rem .85rem;font:inherit;font-size:.75rem;min-height:44px;cursor:pointer;transition:color .2s,border-color .2s}
.motion-control[hidden]{display:none}.motion-control:hover{color:var(--ink);border-color:var(--ink);background:transparent}.motion-glyph{height:15px;display:flex;align-items:center;gap:3px}.motion-glyph i{display:block;width:2px;height:7px;background:currentColor;border-radius:2px}.motion-glyph i:nth-child(2){height:14px}.motion-glyph i:last-child{height:10px}body[data-motion=running] .motion-glyph i{animation:motion-wave 1.3s ease-in-out infinite alternate}body[data-motion=running] .motion-glyph i:nth-child(2){animation-delay:-.5s}body[data-motion=running] .motion-glyph i:last-child{animation-delay:-.9s}@keyframes motion-wave{to{transform:scaleY(.4)}}
.services{background:radial-gradient(ellipse at 0 30%,#e9cc7430,transparent 60%),#f0f0ec}
.task-option{min-height:13rem;border-radius:1rem;background:var(--glass);border-color:var(--glass-edge);box-shadow:0 1px 0 #0000000a;backdrop-filter:blur(16px);gap:.65rem;overflow:hidden}
.task-option:hover{border-color:#a89c7a;transform:translateY(-3px)}.task-icon{width:2.2rem;height:2.3rem;display:block;margin-bottom:.3rem;color:var(--red);transition:transform .35s}.task-icon svg{width:100%;height:100%}.task-option:hover .task-icon{transform:rotate(-8deg)}.task-option:has(input:checked){background:linear-gradient(135deg,#ffe083,#f2c429);border-color:#dbb12d;color:#161616}.task-option:has(input:checked) .task-icon{color:#161616;transform:rotate(0)}.task-arrow{top:1.5rem;right:1.2rem}.task-name{padding-right:0}.task-option:has(input:checked)::after{content:"";position:absolute;left:0;bottom:0;height:3px;background:#bc0037;width:100%;transform-origin:left}body[data-motion=running] .task-option:has(input:checked)::after{animation:selection-line .5s ease both}@keyframes selection-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.solution-panel{border-radius:1.2rem;background:var(--glass);border:1px solid var(--glass-edge);border-top:3px solid var(--red);backdrop-filter:blur(20px)}.solution-route{display:flex;align-items:center;gap:.6rem;margin:0 0 2rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.solution-route i{flex:1;height:1px;background:var(--line);position:relative}.solution-route i::after{content:"";position:absolute;width:4px;height:4px;top:-1.5px;border-radius:50%;background:var(--red)}body[data-motion=running] .solution-route i::after{animation:route-flow 3s ease-in-out infinite}body[data-motion=running] .solution-route i:last-of-type::after{animation-delay:1.5s}@keyframes route-flow{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:100%;opacity:0}}
.service-faq{gap:2rem}.service-faq h3{max-width:12rem}.service-faq summary{transition:color .2s}.service-faq summary:hover,.service-faq details[open]>summary{color:var(--red)}.service-faq summary>span{flex-shrink:0}.service-faq details p a{text-decoration:underline;text-underline-offset:.2rem}.color-models{display:flex;gap:1rem;flex-wrap:wrap;margin:0 0 1.2rem}.color-models>span{border:1px solid var(--line);border-radius:.75rem;padding:.7rem 1rem;font-size:.8rem}.color-models b{display:block;font-size:1.2rem;word-spacing:.15rem;margin-bottom:.3rem}.rgb-dots{background:linear-gradient(90deg,#dc293e 0 30%,#15a06f 30% 65%,#3272dc 65%);background-clip:text;color:transparent}.cmyk-dots{background:linear-gradient(90deg,#00a9c7 0 23%,#d71d88 23% 48%,#bf9600 48% 73%,var(--ink) 73%);background-clip:text;color:transparent}.dimension-example{display:flex;align-items:center;gap:clamp(.35rem,1.5vw,1.2rem);margin:0 0 1.3rem;padding:1.3rem 1rem;background:var(--glass);border:1px solid var(--glass-edge);border-radius:.75rem;font-variant-numeric:tabular-nums}.dimension-example>span{font-size:clamp(1.15rem,2vw,2rem);letter-spacing:-.03em}.dimension-example small{display:block;font-size:.7rem;color:var(--muted);letter-spacing:0;margin-top:.5rem}.dimension-example b{font-weight:400;color:var(--muted)}.dimension-example em{font-size:.75rem;font-style:normal;align-self:flex-start}
.project-card{border-radius:1.2rem;padding:1rem;background:var(--glass);border:1px solid var(--glass-edge);backdrop-filter:blur(16px);box-shadow:0 .7rem 3rem #00000005;min-width:0}.project-card-offset{margin-top:5rem}.project-image{border-radius:.7rem;overflow:hidden}.case-meta{display:flex;justify-content:space-between;gap:1rem;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;padding:1.35rem 0 .2rem;color:var(--muted)}.project-caption{align-items:baseline}.project-caption h3{font-size:clamp(1.8rem,3vw,3.1rem);letter-spacing:-.05em}.project-description{max-width:34rem}.project-image img{transition:transform .65s cubic-bezier(.2,.65,.3,1)}.project-image:hover img{transform:scale(1.035)}.project-gallery{border-top:1px solid var(--line)}
.studio-about{display:grid;grid-template-columns:1.5fr .75fr;gap:clamp(2rem,6vw,7rem);margin:3rem 0 4.5rem;padding-bottom:3rem;border-bottom:1px solid #ffffff26}.studio-about>div>p{color:#c6bfb6;font-size:1rem;line-height:1.8;max-width:48rem;margin-bottom:1.1rem}.studio-about>div>.studio-definition{font-size:clamp(1.5rem,2.5vw,2.7rem);line-height:1.25;letter-spacing:-.035em;color:#fafaf8;margin-bottom:1.6rem}.founder-card{align-self:start;padding:1.6rem;border:1px solid #ffffff26;background:linear-gradient(135deg,#ffffff12,#ffffff04);border-radius:1rem;backdrop-filter:blur(20px)}.founder-monogram{display:flex;align-items:center;justify-content:space-between;font-size:3.5rem;letter-spacing:-.07em;border-bottom:1px solid #ffffff26;padding-bottom:1.5rem;margin-bottom:1.4rem}.founder-monogram>span{font-size:2rem;color:#f2c429;transition:transform .3s}.founder-card:hover .founder-monogram>span{transform:translate(4px,-4px)}.founder-card .eyebrow{color:#b8b3aa;font-size:.7rem}.founder-card h3{font-size:1.8rem;letter-spacing:-.04em;font-weight:500;margin:.7rem 0}.founder-card>p:not(.eyebrow){font-size:.85rem;color:#c6bfb6}.founder-card>a{display:inline-block;font-size:.8rem;color:#f2c429;margin-top:2rem;line-height:1.5}.method-node{background:linear-gradient(135deg,#ffffff12,#ffffff04);backdrop-filter:blur(12px)}
.format-choice,.format-choice:nth-of-type(2),.format-choice:nth-of-type(3),html[data-theme=night] .format-choice{color:#1a1917;background:linear-gradient(135deg,#ffffffed,#f0ede2d9);border:1px solid #ffffffa6;backdrop-filter:blur(24px);box-shadow:inset 0 1px #fff9,0 .5rem 2rem #00000008}.format-choice .format-number{color:#1a1917;opacity:.07}.format-choice .format-for{color:#89401b}.format-choice .format-summary{color:#57524b}.format-choice .format-features>span::before{color:#a74724}.format-choice .format-select-label{color:#57524b;border-color:#c8c1b3}.format-choice:has(input:checked),html[data-theme=night] .format-choice:has(input:checked){background:linear-gradient(135deg,#fff9e8ef,#f4e7c5e8);border-color:#dfb83c;box-shadow:inset 0 3px #f2c429,0 .8rem 2rem #00000012}.format-choice:has(input:checked) .format-select-label{color:#703b16}.format-breakdown{background:var(--glass);backdrop-filter:blur(20px);border-color:var(--glass-edge)}
.portfolio{background:radial-gradient(ellipse at 95% 60%,#e5b14b1c,transparent 55%),var(--paper)}.portfolio-tools{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:-1rem 0 2rem}.portfolio-filters{display:flex;flex-wrap:wrap;gap:.5rem}.portfolio-filters[hidden]{display:none}.portfolio-filters button{font:inherit;font-size:.8rem;border:1px solid var(--line);color:var(--ink);background:transparent;border-radius:3rem;padding:.7rem 1rem;min-height:44px;cursor:pointer;transition:background .2s,color .2s}.portfolio-filters button[aria-pressed=true]{color:#161616;background:#f2c429;border-color:#f2c429}.portfolio-filters button:hover{border-color:var(--ink)}#portfolio-count{font-size:.8rem;color:var(--muted);white-space:nowrap}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;align-items:start}.portfolio-tile{min-width:0;background:var(--glass);border:1px solid var(--glass-edge);border-radius:1rem;overflow:hidden;backdrop-filter:blur(16px);transition:transform .3s,border-color .3s}.portfolio-tile[hidden]{display:none}.portfolio-tile:hover{transform:translateY(-4px);border-color:#b8a984}.tile-art{position:relative;aspect-ratio:1.35;overflow:hidden;background:linear-gradient(130deg,#eeeae1,#d4cec0);display:flex;align-items:center;justify-content:center;padding:1rem;isolation:isolate;color:#1b1917}.tile-art img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;transition:transform .5s}.portfolio-tile:hover img{transform:scale(1.04)}.tile-number{position:absolute;top:.9rem;left:.9rem;font-size:.7rem;padding:.35rem .45rem;background:#ffffffbf;color:#222;backdrop-filter:blur(12px);border-radius:.25rem}.tile-wordmark{font-size:clamp(1.8rem,3vw,3.8rem);font-weight:700;letter-spacing:-.06em;z-index:1;line-height:1.05;max-width:100%;overflow-wrap:anywhere}.tile-lines{position:absolute;inset:15% -20%;border:1px solid currentColor;opacity:.12;transform:rotate(-28deg);border-radius:50%;transition:transform .6s}.tile-lines::before,.tile-lines::after{content:"";position:absolute;inset:12%;border:1px solid currentColor;border-radius:inherit}.tile-lines::after{inset:24%}.portfolio-tile:hover .tile-lines{transform:rotate(-12deg) scale(1.1)}.tile-rosatom .tile-art{background:#dce3ed}.tile-gazprom .tile-art{background:#d3dde2}.tile-sibur .tile-art{background:#d3e2da}.tile-crocs .tile-art{background:#e0e5c8}.tile-vk .tile-art{background:#d6ddeb}.tile-vk:nth-last-child(2) .tile-art{background:#e5dcd4}.tile-vk:last-child .tile-art{background:#e2dbe8}.tile-caption{display:flex;justify-content:space-between;align-items:center;gap:.7rem;padding:1.3rem 1.1rem;min-height:7.3rem}.tile-caption h3{font-size:1.3rem;letter-spacing:-.04em;margin:0 0 .4rem;font-weight:500}.tile-caption p{font-size:.8rem;line-height:1.5;color:var(--muted)}.tile-soon{font-size:.62rem;color:var(--muted);max-width:4rem;line-height:1.5;text-align:right}.portfolio-open{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);width:44px;height:44px;flex-shrink:0;border-radius:50%;transition:background .2s}.portfolio-open:hover{background:#f2c429;color:#111}.portfolio-note{font-size:.8rem;color:var(--muted);line-height:1.6;margin-top:1.5rem;max-width:42rem}
html[data-theme=night] .hero h1 span{color:#bc0037}html[data-theme=night] .services{background:radial-gradient(ellipse at 0 40%,#ba631521,transparent 65%),#101011}html[data-theme=night] .task-option,html[data-theme=night] .solution-panel,html[data-theme=night] .format-breakdown{background:var(--glass);border-color:var(--glass-edge)}html[data-theme=night] .task-option:has(input:checked){background:linear-gradient(135deg,#ffe083,#f2c429);border-color:#dbb12d}html[data-theme=night] .solution-panel{border-top-color:#f2c429}html[data-theme=night] .contact{background:#f2c429;color:#161616;--ink:#161616;--muted:#4a4024;--line:#8d782c;--red:#bc0037;color-scheme:light}html[data-theme=night] .contact h2 span{color:#bc0037}html[data-theme=night] .contact .button-dark{background:#161616;color:#f2c429}html[data-theme=night] .contact .button-dark:hover{background:#333;color:#ffdf64}html[data-theme=night] .contact-links{border-color:#8d782c}
@media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-option{padding:1.2rem;min-height:13rem}.tile-wordmark{font-size:clamp(2rem,5vw,4rem)}}
@media(max-width:760px){.studio-about{grid-template-columns:1fr;gap:1.5rem;margin:2rem 0 3rem;padding-bottom:2rem}.founder-card{width:100%}.founder-monogram{font-size:2.5rem;padding-bottom:1rem}.founder-card>a{margin-top:1.2rem}.project-card-offset{margin-top:0}.project-card{padding:.75rem}.case-meta{font-size:.63rem}.portfolio-tools{align-items:flex-start;flex-direction:column;margin-top:0}.portfolio-grid{gap:.8rem}.tile-caption{padding:1rem;flex-wrap:wrap;min-height:8.5rem}.tile-caption h3{font-size:1.1rem}.tile-caption p{font-size:.75rem}.tile-wordmark{font-size:1.8rem}.tile-soon{text-align:left;max-width:none}.task-option{min-height:13rem;padding:1.2rem .9rem}.task-icon{width:1.9rem;height:2rem}.task-arrow{right:.8rem;top:1.3rem}.solution-route{gap:.4rem;font-size:.62rem}.service-faq h3{max-width:none}}
@media(max-width:480px){.portfolio-grid{grid-template-columns:1fr}.tile-art{aspect-ratio:1.5}.tile-wordmark{font-size:2.8rem}.tile-caption{min-height:6.5rem;flex-wrap:nowrap}.tile-soon{max-width:4rem;text-align:right}.dimension-example{padding:1rem .6rem}.motion-control{font-size:.7rem;gap:.4rem;padding:.4rem .65rem}.studio-definition{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.task-option:hover,.portfolio-tile:hover,.founder-card:hover .founder-monogram>span,.task-option:hover .task-icon,.portfolio-tile:hover img,.project-image:hover img{transform:none}}