/* Neuro direction: graphite surfaces, platinum type, lime actions, iris light.
   Radius scale: 2px controls, 8px cards, 16px spatial hub. Z: art 1, content 2,
   navigation 30, native dialog top layer. Original brand assets stay unchanged. */
:root{--ink:#0a0c10;--paper:#f0f0eb;--acid:#c7ff5b;--violet:#8d7bff;--muted:#b0b1be;--line:#ffffff20;--dark-line:#ffffff20;--pad:clamp(22px,5.5vw,100px);--ease:cubic-bezier(.16,1,.3,1)}
html{color-scheme:dark;scroll-padding-top:100px}
body{background:var(--ink);color:var(--paper)}
main,.site-footer{max-width:2000px;margin-inline:auto}
a,button,summary{touch-action:manipulation}
button,.button,.header-cta{user-select:none;-webkit-user-select:none}
button:active,.button:active,.header-cta:active{transform:translateY(1px)}
button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-color:var(--acid)}
.site-header{height:80px;gap:24px;background:var(--ink);border-color:var(--line);max-width:2000px;margin-inline:auto}
.brand img{width:36px;height:36px}.brand-name{font-size:29px}
.brand-description{font-size:10px;line-height:1.45;color:#b0b1be}
.desktop-nav{gap:30px;margin-inline:auto}.desktop-nav a{font-size:13px;color:#c5c5ce;white-space:nowrap}
.header-cta{font-size:13px;min-height:46px;border-color:#666572;border-radius:2px;white-space:nowrap}
.hero{min-height:760px;min-height:min(860px,100svh);padding-top:145px;padding-bottom:100px;background:radial-gradient(ellipse at 85% 40%,#251b3d44,transparent 58%),var(--ink)}
.hero-copy{max-width:850px}.hero .eyebrow{font-size:11px;letter-spacing:1.5px;color:#b9bac7;line-height:1.6}
.hero h1{font-size:clamp(68px,7.4vw,120px);letter-spacing:-.075em;line-height:1.13;margin-top:30px;font-weight:650;text-shadow:none}
.hero-description{font-size:18px;line-height:1.6;max-width:470px;margin-top:27px;color:#b9bac7}
.hero-actions{gap:30px}.hero .button{background:var(--acid);color:#111609;border-color:var(--acid);font-size:14px;min-height:56px;margin-top:30px;padding:18px 22px;gap:44px}
.hero-project-link{font-size:13px;color:#dfdfe4;margin-top:30px;min-height:48px;gap:18px}
.hero-art{width:57%;right:-1.5%;top:88px;max-width:950px;pointer-events:none}
.hero-art img{mask-image:radial-gradient(ellipse at 50% 50%,black 38%,transparent 72%);transform:rotate(-6deg)}
.hero-orbit{display:none}#neuro-field{opacity:.48}
.kinetic-strip{width:100%;margin:0;transform:none;padding:13px 0;background:#12170c;border-color:#c7ff5b30;color:var(--acid)}
.kinetic-strip span{font-size:16px;letter-spacing:-.4px}.kinetic-strip b{font-size:22px;margin-inline:28px}
.development,.products,.collaboration,.approach,.brief-section{padding-top:100px;padding-bottom:100px;background:var(--ink);color:var(--paper)}
.section-kicker{font-size:11px;letter-spacing:1.6px;color:#aeb0be;justify-content:flex-start;gap:0}
.section-intro{display:block;margin-top:0;margin-bottom:48px}
.section-intro h2,.products .section-intro h2,.collaboration-heading h2,.approach-heading h2{font-size:clamp(34px,4.1vw,64px);font-weight:500;line-height:1.2;letter-spacing:-.065em;text-wrap:balance}
.section-intro>p,.products .section-intro>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:610px;margin-top:24px;padding:0}
.development{border-bottom:1px solid var(--line)}
.services{border-color:var(--line);margin-top:50px}
.service{border-color:var(--line)}
.service summary{grid-template-columns:52px 1.15fr 1fr 34px;padding:32px 0;gap:24px}
.service-number{font-size:11px;color:#a7a8b7;padding-top:5px}
.service h3{font-size:clamp(21px,2vw,28px);line-height:1.25;color:var(--paper)}
.service-teaser{font-size:14px;line-height:1.55;color:var(--muted);max-width:270px}
.service-plus{transform:none;border-color:#737282;border-radius:2px;transition:background .2s}
.service-plus::before{transform:none;background:var(--paper)}.service-plus::after{transform:rotate(90deg);background:var(--paper)}
.service[open] .service-plus{background:var(--acid);border-color:var(--acid)}
.service[open] .service-plus::before,.service[open] .service-plus::after{background:var(--ink);transform:none}
.service-body{margin-left:76px;grid-template-columns:1.15fr 1fr;gap:48px;padding-bottom:34px}
.service-body p{font-size:15px;line-height:1.8;color:var(--muted)}
.tags span{font-size:11px;line-height:1.4;color:#c6c6d0;border-color:#ffffff24;padding:9px 12px;border-radius:2px}
.products{background:radial-gradient(ellipse at 80% 35%,#29203624,transparent 55%),var(--ink)}
.products>.section-kicker{margin-bottom:27px}.products .section-intro{margin-bottom:50px}
.products .muted{color:#ae9fff}
.projects-stage{display:grid;grid-template-columns:1fr 1fr;gap:28px;perspective:1400px;align-items:start}
.case-card,.case-freehands,.case-lublife{width:100%;margin:0;scroll-margin-top:110px}
.case-domcloud{grid-column:1/-1}
.case-surface{border-radius:8px;border-color:#ffffff22;overflow:hidden}
.case-topline{padding:30px 36px 0;align-items:center;gap:16px;color:#d3d0e1}
.case-client{font-size:14px;letter-spacing:-.35px;max-width:65%}
.case-client img{max-width:150px;max-height:30px;width:150px}
.case-category{font-size:10px;line-height:1.5;letter-spacing:.6px;border:0;padding:0;margin:0;color:#aeb0be;white-space:normal;text-align:right}
.case-content{min-height:430px;grid-template-columns:1fr 1.15fr}
.case-content .product-copy{padding:28px 36px 38px}
.case-content .product-copy h3{font-size:clamp(28px,3.2vw,48px);font-weight:500;line-height:1.22;margin-top:20px;letter-spacing:-.065em}
.case-content .product-copy>p{font-size:16px;line-height:1.7;max-width:395px;margin-top:22px;color:#bbb8cb}
.case-content .text-button{font-size:14px;margin-top:24px;gap:42px;border-color:#9c91b080;min-height:48px}
.case-content .product-signature{font-size:11px;letter-spacing:0;color:#bbb8cb;padding-top:34px}
.case-content .product-visual{min-height:430px}
.case-content .product-art-caption{font-size:10px;letter-spacing:.2px;color:#a9a5b9;right:24px;bottom:24px}
.case-domcloud .case-surface{background:radial-gradient(ellipse at 90% 70%,#3d2864,transparent 65%),#14121d}
.screen-visual .product-grid{opacity:.35}
.info-display{width:190px;height:290px;border-color:#9284aa;background:linear-gradient(135deg,#4b405c,#1c1729);box-shadow:8px 8px 0 #292032,20px 30px 65px #08080b80}
.display-rear{width:155px;height:265px;top:20px;left:15%;opacity:.6}
.display-front{left:43%;top:88px;padding:0;display:grid;place-items:center;background:linear-gradient(140deg,#352945,#100e18)}
.display-front img{width:90px;height:90px;opacity:.92;filter:drop-shadow(0 0 30px #9b7eff45)}
.display-rear i,.display-rear b,.display-rear>span{display:none}
.case-freehands .case-surface,.case-lublife .case-surface{background:#10131a;color:var(--paper);border-color:#ffffff22}
.case-freehands .case-topline,.case-lublife .case-topline{color:#dfdce9}
.case-freehands .case-category,.case-lublife .case-category{color:#b0b1be}
.case-freehands .case-content,.case-lublife .case-content{display:flex;flex-direction:column;min-height:0}
.case-freehands .product-copy,.case-lublife .product-copy{min-height:330px;padding-bottom:28px}
.case-freehands .product-copy h3,.case-lublife .product-copy h3{font-size:clamp(28px,2.65vw,40px)}
.case-freehands .product-copy>p,.case-lublife .product-copy>p{color:#b0b1be;max-width:440px;font-size:15px}
.case-freehands .text-button,.case-lublife .text-button{color:var(--paper);border-color:#7c788b}
.case-freehands .product-signature{display:none}
.case-freehands .product-visual,.case-lublife .product-visual{min-height:350px;margin:0;width:100%}
@media(min-width:701px){
  .case-freehands,.case-lublife{align-self:stretch}
  .case-freehands .case-surface,.case-lublife .case-surface{height:100%;display:flex;flex-direction:column}
  .case-freehands .case-content,.case-lublife .case-content{flex:1}
  .case-freehands .product-copy,.case-lublife .product-copy{flex:1}
  .case-freehands .product-copy .text-button,.case-lublife .product-copy .text-button{margin-top:auto}
  .case-freehands .product-visual,.case-lublife .product-visual{flex:none}
}
.spatial-art{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:55% 55%;mask-image:linear-gradient(transparent,black 15%)}
.case-freehands .product-art-caption,.case-lublife .product-art-caption{color:#c2c0cb;bottom:20px;font-size:10px;text-shadow:0 1px 4px #000}
.case-metrics{gap:32px;margin-top:24px}.case-metrics b{font-size:40px;color:var(--acid)}
.case-metrics span{font-size:11px;line-height:1.5;color:#b0b1be}
.network-visual{background:radial-gradient(ellipse,#31224344,transparent 68%)!important}
.network-core{width:115px;height:115px;left:calc(50% - 57px);top:100px;border-radius:16px;background:linear-gradient(140deg,#37313f,#15131d);border-color:#746483;box-shadow:8px 10px 0 #111019,20px 24px 60px #08080c;gap:0}
.network-core img{width:57px;height:57px}.network-core small{display:none}
.network-ring{left:calc(50% - 115px);top:67px;width:230px;height:180px;border-color:#c7ff5b50}
.network-ring.ring-2{left:calc(50% - 150px);top:35px;width:300px;height:250px;border-color:#8d7bff50}
.network-ring.ring-3{left:calc(50% - 187px);top:0;width:375px;height:320px;border-color:#8d7bff20}
.network-node{width:17px;height:17px;background:#d6dbcd;border-color:#9ea88d;box-shadow:3px 4px 0 #3e4434;border-radius:4px}
.node-1{top:42px;left:35%}.node-2{top:20px;left:65%}.node-3{top:90px;left:79%}.node-4{top:183px;left:83%}.node-5{top:252px;left:67%}.node-6{top:275px;left:42%}.node-7{top:223px;left:20%}.node-8{top:140px;left:14%}.node-9{top:62px;left:18%}
.own-products{grid-template-columns:1fr 1.3fr;gap:70px;margin-top:70px;padding-top:36px;border-color:var(--line)}
.own-products-label>span{font-size:20px;line-height:1.5;color:var(--paper)}
.own-products-label p{font-size:15px;line-height:1.7;color:var(--muted);max-width:340px}
.own-product-links button{font-size:clamp(22px,2.4vw,34px);font-weight:450;letter-spacing:-1px;padding-block:21px;border-color:var(--line);transition:color .2s,padding .3s var(--ease)}
.own-product-links button span{font-size:30px}
.collaboration{background:#101117;border-block:1px solid var(--line)}
.collaboration-heading{display:block;margin-top:0}.collaboration-heading h2{font-size:clamp(34px,4.1vw,64px)}
.collaboration-heading p{font-size:17px;line-height:1.7;max-width:500px;margin-top:24px;color:var(--muted)}
.partner-orbit{min-height:510px;margin-top:35px;max-width:1360px;margin-inline:auto}
.partner-orbit::before{left:15%;top:7%;width:72%;height:83%;border-color:#8d7bff38;transform:rotate(-12deg)}
.partner-orbit::after{left:11%;top:25%;width:80%;height:45%;border-color:#c7ff5b25;transform:rotate(14deg)}
.partner-hub{left:calc(50% - 75px);top:170px;width:150px;height:150px;border-radius:16px;background:linear-gradient(145deg,#282331,#15131d);border-color:#9a87b05e;transform:rotate(-7deg);gap:14px;box-shadow:0 20px 75px #08070c80}
.partner-hub img{width:64px;height:64px}.partner-hub>span{font-size:20px}
.partner-slot{width:340px;min-height:160px;border-radius:8px;padding:28px;background:linear-gradient(135deg,#1b1924,#14131b);border-color:#74647f60;box-shadow:0 20px 60px #06050b50}
.partner-slot-one{left:0;top:30px}.partner-slot-two{right:0;top:110px}.partner-slot-three{left:10%;top:330px}
.partner-placeholder{font-size:27px;color:var(--paper);margin-top:0;min-height:42px}
.partner-caption{font-size:13px;color:#b9b4c7;margin-top:19px;line-height:1.5}
.partner-nagatinsky{padding-right:35px}.partner-seven img{max-width:180px}.partner-nagatinsky img{width:230px}
.approach.section-light{background:var(--ink);color:var(--paper)}
.approach-grid{margin-top:0;gap:100px;grid-template-columns:1fr 1.05fr}
.approach-heading h2{font-size:clamp(34px,3.7vw,58px);line-height:1.22}.approach-heading h2 span{color:#b3a4ff}
.approach-heading>p{font-size:16px;color:var(--muted);line-height:1.7;max-width:370px;margin-top:28px}
.approach-heading>img{filter:none;opacity:.35;margin-top:55px;width:70px;height:70px}
.process li{border-color:var(--line);padding-block:30px;grid-template-columns:35px 1fr;gap:20px}
.process-number{font-size:12px;color:#ada3cc}.process h3{font-size:24px;line-height:1.35}
.process p{font-size:16px;line-height:1.7;color:var(--muted);max-width:450px}
.process-result{font-size:12px;line-height:1.6;color:#bab4cc;margin-top:18px}
.brief-section{border-block:1px solid var(--line);background:radial-gradient(ellipse at 15% 60%,#30204540,transparent 60%),#101117}
.brief-section::before{display:none}.brief-grid{margin-top:0;gap:70px;grid-template-columns:1fr 1.1fr}
.brief-heading h2{font-size:clamp(40px,5vw,76px);line-height:1.16;letter-spacing:-.07em}.brief-heading h2 span{color:var(--acid)}
.brief-heading>p{font-size:17px;line-height:1.7;color:#bab6c8;max-width:370px;margin-top:28px}
.brief-heading .brief-privacy{font-size:13px;line-height:1.7;color:#aaa4b9;margin-top:28px}
.brief-arrow{font-size:100px;color:var(--acid);margin-top:25px}
.brief-builder{background:#191821;border-color:#74667e80;border-radius:8px;box-shadow:none;padding:36px;min-height:525px}
.brief-progress{font-size:12px;color:#c0b9cf;border-color:#ffffff22;padding-bottom:24px;margin-bottom:30px;letter-spacing:0}
.brief-progress i{background:#494250}.brief-progress i.complete{background:var(--acid)}
.brief-step legend{font-size:clamp(18px,1.6vw,24px);font-weight:450;line-height:1.5;letter-spacing:-.8px}
.step-description{font-size:14px;line-height:1.65;color:#b5adbf}
.choice-grid{gap:12px}.choice>span{font-size:15px;padding:19px;min-height:122px;border-color:#706479;background:#1c1a24;border-radius:2px;line-height:1.45}
.choice input:checked+span{background:#252d1c;border-color:var(--acid);color:var(--paper)}
.choice-icon{font-size:25px;color:#c7bbdf}.choice input:checked+span .choice-icon{color:var(--acid)}
.choice i{width:10px;height:10px;border-color:#a69ab4}.choice input:checked~i{background:var(--acid);border-color:var(--acid)}
.field-label{font-size:14px;line-height:1.7;color:#ddd7e8;margin-top:24px}.field-label span{font-size:12px;color:#b8adca}
textarea,select{font-size:16px;line-height:1.55;color:var(--paper);background:#101117;border:1px solid #82748e;border-radius:2px;width:100%;padding:14px;resize:vertical}
textarea::placeholder{color:#aaa1b8;opacity:1}select{min-height:50px}
.field-error{color:#ffacba;font-size:13px;line-height:1.6}
.brief-summary{border-color:#ffffff22}.brief-summary>span{font-size:11px;color:#c5b8db}.brief-summary p{font-size:14px;color:#ddd6e8;line-height:1.7}
.download-note{font-size:13px;line-height:1.65;color:#b7afc7}.download-status{font-size:14px;line-height:1.6;color:var(--acid)}
.button-dark,.step-actions .button,.brief-step>.button{background:var(--acid);color:#111609;border-color:var(--acid);font-size:14px;font-weight:500;white-space:nowrap;min-height:52px;border-radius:2px}
.back-step{color:#c6bfd4;font-size:14px;padding:15px 0;min-height:48px}.back-step:hover{color:var(--paper)}
.choice input:focus-visible+span{outline-color:var(--acid)}
.site-footer{background:var(--ink);padding-top:54px;padding-bottom:32px}
.footer-top{padding-bottom:36px}.footer-top>p{font-size:15px;line-height:1.6;color:#c3c0ce}
.footer-bottom,.footer-link,.legal-name{font-size:12px;line-height:1.7;color:#b0aabb}
.footer-bottom>div{gap:25px}.footer-link{min-height:44px;display:inline-flex;align-items:center}
.back-top{width:48px;height:48px;min-height:48px;border-color:#696071;border-radius:2px}
.site-dialog{border-color:#786888;border-radius:8px;background:#17151f;max-width:680px;max-height:85dvh}
.dialog-inner{padding:46px}.dialog-inner h2{font-size:34px;line-height:1.3}
.dialog-inner>.eyebrow{font-size:11px;letter-spacing:1px;color:#c2b0ff}.dialog-inner>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#c1b9ce}
.dialog-details{font-size:15px;line-height:1.8;color:#c1b9ce}.legal-list dd{font-size:15px;line-height:1.7}.legal-list dt{font-size:12px;color:#c2b0ff}
.dialog-close{width:44px;height:44px;border-radius:2px;color:var(--paper);background:#302839}
.dialog-inner .button{background:var(--acid);color:#111609;font-size:14px;white-space:nowrap}
@media(hover:hover) and (pointer:fine){
  .desktop-nav a:hover,.hero-project-link:hover{color:var(--acid)}
  .hero .button:hover,.button-dark:hover,.dialog-inner .button:hover{background:#d5ff89;color:#111609}
  .service summary:hover h3,.case-freehands .text-button:hover,.case-lublife .text-button:hover{color:var(--acid)}
  .own-product-links button:hover{padding-left:12px}.partner-slot:hover{background:#252030;border-color:#c7ff5b80}
}
@media(max-width:1200px){
  .site-header{gap:18px}.brand-description{display:none}.desktop-nav{gap:24px}
  .hero{min-height:720px;padding-top:145px;padding-bottom:105px}.hero h1{font-size:clamp(68px,7.4vw,90px)}
  .hero-description{font-size:17px;max-width:410px}.hero-art{width:60%;right:-8%;top:110px}
  .case-topline{padding-inline:28px}.case-content .product-copy{padding-inline:28px}
  .case-content .product-copy>p{font-size:15px}.case-freehands .case-topline,.case-lublife .case-topline{align-items:flex-start;min-height:65px}
  .case-freehands .product-copy,.case-lublife .product-copy{min-height:340px}
  .partner-slot{width:280px;padding:24px}.partner-hub{width:130px;height:130px;left:calc(50% - 65px)}
  .partner-slot-three{left:8%}.partner-placeholder{font-size:23px}.partner-caption{font-size:12px}
  .brief-grid{gap:40px}.brief-builder{padding:28px}.approach-grid{gap:60px}
}
@media(max-width:900px){
  .site-header{gap:16px}.desktop-nav{gap:18px}.desktop-nav a{font-size:12px}.header-cta{font-size:12px;gap:15px}
  .hero{min-height:650px;padding-top:135px;padding-bottom:70px}.hero .eyebrow{font-size:10px}
  .hero h1{font-size:clamp(56px,7.2vw,68px)}.hero-description{font-size:16px;max-width:360px}.hero-art{top:150px;right:-12%;width:65%}
  .hero .button{font-size:13px;padding:17px 18px;gap:25px}.hero-project-link{font-size:12px}.hero-actions{gap:22px}
  .development,.products,.collaboration,.approach,.brief-section{padding-block:76px}
  .section-intro h2,.products .section-intro h2,.collaboration-heading h2{font-size:40px}
  .service summary{grid-template-columns:32px 1fr .8fr 30px;gap:18px}.service h3{font-size:21px}.service-teaser{font-size:13px}
  .service-body{margin-left:50px;gap:25px}.service-body p{font-size:14px}
  .case-topline{padding-inline:24px}.case-content .product-copy{padding-inline:24px}.case-content .product-copy h3{font-size:32px}
  .case-content .product-copy>p{font-size:15px}.case-client{font-size:12px}.case-category{font-size:9px;max-width:45%}
  .case-domcloud .case-content{grid-template-columns:1fr 1fr}.case-content .product-visual{min-height:390px}
  .info-display{width:145px;height:250px}.display-rear{width:125px;height:225px;left:8%;top:40px}.display-front{left:40%;top:100px}
  .projects-stage{gap:20px}.case-freehands .product-copy,.case-lublife .product-copy{min-height:350px}
  .case-freehands .product-copy h3,.case-lublife .product-copy h3{font-size:27px}
  .case-freehands .product-visual,.case-lublife .product-visual{min-height:300px}
  .case-metrics{gap:20px}.case-metrics b{font-size:34px}.case-metrics span{font-size:10px}
  .own-products{gap:35px}.own-products-label>span{font-size:17px}
  .partner-slot{width:245px;padding:22px}.partner-caption{font-size:12px}.partner-hub{left:calc(48% - 55px);width:110px;height:110px}
  .partner-slot-two{top:140px}.partner-slot-three{left:5%;top:330px}.partner-placeholder{font-size:23px}
  .partner-nagatinsky img{width:170px}.partner-seven img{width:150px}
  .approach-grid{gap:40px}.approach-heading h2{font-size:34px}.process h3{font-size:21px}.process p{font-size:15px}
  .brief-grid{display:block}.brief-heading>p{max-width:480px}.brief-heading h2 br{display:none}.brief-heading h2{max-width:650px;font-size:42px}
  .brief-arrow{display:none}.brief-heading .brief-privacy{margin-top:18px}.brief-builder{margin-top:38px;max-width:650px;min-height:0}
  .brief-step legend{font-size:23px}.choice>span{font-size:16px}.brief-progress{font-size:12px}
}
@media(max-width:700px){
  html{scroll-padding-top:90px}.site-header{position:absolute;height:76px;gap:15px;padding-top:env(safe-area-inset-top,0px)}
  .brand-name{font-size:26px}.brand img{width:32px;height:32px}.desktop-nav,.header-cta{display:none}
  .menu-toggle{display:flex;width:44px;height:44px;border-color:#82748e;border-radius:2px}
  .menu-open .site-header{position:fixed;background:var(--ink)}
  .mobile-nav:not([hidden]){inset:76px 0 0;padding:25px var(--pad) calc(30px + env(safe-area-inset-bottom,0px));overflow:auto;background:var(--ink)}
  .mobile-nav a{font-size:23px;min-height:74px;padding-block:24px;letter-spacing:-1px}.mobile-nav a span{color:var(--acid);font-size:15px}
  .hero{min-height:0;padding-top:120px;padding-bottom:0;overflow:clip}
  .hero .eyebrow{font-size:10px;letter-spacing:.7px;line-height:1.7}.hero h1{font-size:clamp(34px,9.45vw,64px);margin-top:24px;line-height:1.18;letter-spacing:-.07em;white-space:nowrap}
  .hero-description{font-size:16px;line-height:1.65;margin-top:22px;max-width:460px}
  .hero-actions{gap:14px;flex-wrap:wrap;row-gap:0}.hero .button{font-size:13px;margin-top:24px;min-height:52px;padding:16px;gap:18px}
  .hero-project-link{font-size:12px;margin-top:24px;gap:8px}
  .hero-art{position:relative;top:auto;right:auto;width:calc(100% + 44px);max-width:530px;margin:-10px -22px -25px;align-self:center}
  .hero-art img{mask-image:radial-gradient(ellipse at 50% 50%,black 28%,transparent 72%)}#neuro-field{opacity:.3}
  .kinetic-strip{padding:12px 0}.kinetic-strip span{font-size:13px}.kinetic-strip b{font-size:18px;margin-inline:20px}
  .development,.products,.collaboration,.approach,.brief-section{padding-block:60px}
  .section-kicker{font-size:10px;letter-spacing:1.4px}.products>.section-kicker{margin-bottom:22px}
  .section-intro{margin-top:0;margin-bottom:30px}.section-intro h2,.products .section-intro h2,.collaboration-heading h2{font-size:clamp(28px,7.7vw,42px);line-height:1.25}
  .section-intro>p,.products .section-intro>p{font-size:16px;line-height:1.7;margin-top:20px;max-width:500px}
  .services{margin-top:32px}.service summary{grid-template-columns:24px 1fr 28px;gap:12px;padding-block:26px}
  .service-number{font-size:10px}.service h3{font-size:20px;line-height:1.35}.service-teaser{display:none}.service-plus{width:27px;height:27px}
  .service-plus::before,.service-plus::after{left:6px;right:6px;top:12px}.service-body{display:block;margin-left:36px;padding:0 0 28px}
  .service-body p{font-size:15px;line-height:1.75}.tags{margin-top:18px}.tags span{font-size:11px;padding:8px 10px}
  .projects-stage{display:flex;gap:26px}.case-topline{padding:24px 22px 0;gap:14px;min-height:0!important}
  .case-client{font-size:12px;max-width:57%;line-height:1.55}.case-client img{width:130px;max-width:100%;max-height:28px}
  .case-category{font-size:9px;letter-spacing:0;max-width:43%;line-height:1.5}
  .case-domcloud .case-content,.case-freehands .case-content,.case-lublife .case-content{display:flex;flex-direction:column;min-height:0}
  .case-content .product-copy,.case-freehands .product-copy,.case-lublife .product-copy{padding:24px 22px 10px;min-height:0}
  .case-content .product-copy h3,.case-freehands .product-copy h3,.case-lublife .product-copy h3{font-size:clamp(26px,6.8vw,36px);line-height:1.3;margin-top:8px}
  .case-content .product-copy>p,.case-freehands .product-copy>p,.case-lublife .product-copy>p{font-size:15px;line-height:1.75;margin-top:18px;max-width:500px}
  .case-content .text-button{font-size:14px;margin-top:16px;min-height:48px;gap:40px;padding-block:12px}.case-content .product-signature{display:none}
  .case-content .product-visual,.case-freehands .product-visual,.case-lublife .product-visual{min-height:315px;margin-top:12px}
  .case-content .product-art-caption{font-size:10px;bottom:18px;right:20px;letter-spacing:0}
  .info-display{width:140px;height:235px}.display-rear{width:120px;height:215px;left:18%;top:14px}.display-front{left:43%;top:60px}
  .display-front img{width:70px;height:70px}.case-metrics{margin-top:24px;gap:30px}.case-metrics b{font-size:38px}.case-metrics span{font-size:11px}
  .network-core{left:calc(50% - 50px);top:95px;width:100px;height:100px}.network-core img{width:52px;height:52px}
  .network-ring{left:calc(50% - 107px);top:62px;width:215px;height:165px}.network-ring.ring-2{left:calc(50% - 137px);top:32px;width:275px;height:225px}.network-ring.ring-3{left:calc(50% - 170px);top:0;width:340px;height:290px}
  .network-node{width:16px;height:16px}.node-1{top:40px;left:35%}.node-2{top:20px;left:65%}.node-3{top:90px;left:79%}.node-4{top:180px;left:83%}.node-5{top:245px;left:67%}.node-6{top:268px;left:42%}.node-7{top:220px;left:20%}.node-8{top:140px;left:14%}.node-9{top:60px;left:18%}
  .own-products{display:block;margin-top:40px;padding-top:28px}.own-products-label>span{font-size:19px}.own-products-label p{font-size:15px;margin-top:12px;max-width:340px}
  .own-product-links{margin-top:28px}.own-product-links button{font-size:25px;padding-block:20px}
  .collaboration-heading{margin-top:0}.collaboration-heading p{font-size:16px;margin-top:20px;max-width:400px}
  .partner-orbit{min-height:0;margin-top:30px;padding:90px 0 10px;display:grid;gap:18px;perspective:none}
  .partner-orbit::before{left:20px;top:38px;width:1px;height:calc(100% - 65px);border-radius:0;transform:none;border:0;background:#a693cb55}
  .partner-orbit::after{display:none}.partner-hub{width:64px;height:64px;left:0;top:0;border-radius:12px;gap:0}
  .partner-hub img{width:32px;height:32px}.partner-hub>span{display:none}
  .partner-slot,.partner-slot-one,.partner-slot-two,.partner-slot-three{position:relative;top:auto;left:auto;right:auto;width:calc(100% - 36px);max-width:none;margin-left:36px;padding:24px;min-height:135px}
  .partner-placeholder{font-size:24px;min-height:35px}.partner-caption{font-size:13px;line-height:1.6;margin-top:15px}.partner-seven img{max-width:160px}.partner-nagatinsky img{max-width:200px}
  .approach-grid{display:block;margin-top:0}.approach-heading h2{font-size:clamp(28px,7.6vw,40px);line-height:1.28}
  .approach-heading>p{font-size:16px;line-height:1.7;margin-top:24px;max-width:420px}.approach-heading>img{display:none}
  .process{margin-top:36px}.process li{grid-template-columns:24px 1fr;gap:15px;padding-block:26px}.process-number{font-size:11px}.process h3{font-size:21px;line-height:1.4}.process p{font-size:15px;line-height:1.75}.process-result{font-size:12px;line-height:1.6}
  .brief-grid{display:block;margin-top:0}.brief-heading h2{font-size:clamp(30px,8vw,44px);line-height:1.3}.brief-heading>p{font-size:16px;line-height:1.75;margin-top:22px;max-width:450px}
  .brief-heading .brief-privacy{font-size:13px;line-height:1.7;margin-top:20px}.brief-builder{margin-top:32px;padding:24px;min-height:0;max-width:none;box-shadow:none}
  .brief-progress{font-size:11px;margin-bottom:26px;gap:12px}.brief-progress i{width:14px}
  .brief-step legend{font-size:20px;line-height:1.5;letter-spacing:-.7px}.step-description{font-size:14px;line-height:1.7}
  .choice-grid{gap:10px;margin-top:24px}.choice>span{font-size:14px;min-height:122px;padding:18px 12px;line-height:1.5}.choice-icon{font-size:25px}.choice i{right:12px;top:15px}
  .field-label{font-size:14px;line-height:1.7}.field-label span{font-size:12px}textarea,select{font-size:16px}
  .step-actions{gap:16px}.step-actions .button,.brief-step>.button{font-size:13px;padding:16px;min-width:0;gap:24px;min-height:52px}
  .back-step{font-size:13px;white-space:nowrap}.download-note,.download-status{font-size:13px;line-height:1.7}.brief-summary p{font-size:14px}
  .site-footer{padding-top:36px;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}
  .footer-top{gap:20px;align-items:center}.footer-top .brand-name{font-size:29px}.footer-top>p{font-size:13px;line-height:1.5;max-width:150px}.footer-top .brand img{width:32px;height:32px}.back-top{margin-left:auto;width:44px;height:44px;min-height:44px;flex:none}
  .footer-bottom{font-size:12px;display:block;padding-top:20px}.footer-bottom>div{gap:22px;margin-top:12px;flex-wrap:wrap}.footer-link,.legal-name{font-size:12px}.footer-bottom>span:last-child{display:block;margin-top:10px}
  .dialog-inner{padding:48px 24px 28px}.dialog-inner h2{font-size:27px;line-height:1.4;letter-spacing:-1.4px}.dialog-inner>p:not(.eyebrow){font-size:15px;line-height:1.8}.dialog-details,.legal-list dd{font-size:14px;line-height:1.8}.dialog-inner .button{font-size:13px;gap:20px;padding-inline:16px}.dialog-inner>.eyebrow{font-size:10px}.dialog-close{top:10px;right:10px}
}
@media(max-width:370px){
  :root{--pad:20px}.hero .eyebrow{font-size:9px;letter-spacing:.5px}.hero h1{font-size:clamp(31px,9.4vw,35px)}
  .hero-description{font-size:15px}.hero-actions{gap:15px}.hero .button{gap:20px;font-size:12px;padding-inline:15px}.hero-project-link{font-size:11px;gap:8px}
  .case-topline{padding-inline:20px}.case-client{font-size:11px}.case-category{font-size:8px}.case-content .product-copy{padding-inline:20px}
  .brief-builder{padding:20px}.brief-step legend{font-size:18px}.choice>span{font-size:13px}.brief-progress{gap:8px;font-size:10px}.brief-progress i{width:10px}
  .footer-top{gap:14px;flex-wrap:wrap}.footer-top>p{font-size:12px;max-width:125px}.footer-top .brand{gap:7px}.footer-top .brand-name{font-size:24px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.hero-art img{animation:none}.kinetic-strip>div{animation:none}.case-surface{transform:none!important}
  .js-reveal{opacity:1;transform:none}.case-card[data-flight],.partner-slot[data-flight]{translate:none!important;rotate:none!important;scale:none!important}
}

/* Confirmed copy: full company name in the hero; existing CCC mark is retained pending logo selection. */
.brand-name{display:block;font-size:27px;line-height:1;letter-spacing:-.055em}
.brand-digital{display:block;font-family:'CCC Sans',Arial,sans-serif;font-size:9px;font-weight:600;line-height:1;letter-spacing:.16em;margin-top:6px}
.hero h1.company-heading{font-size:clamp(44px,5.15vw,86px);line-height:1.15;letter-spacing:-.07em;white-space:normal}
@media(max-width:1200px){.hero h1.company-heading{font-size:clamp(40px,5.15vw,64px)}}
@media(max-width:900px){.hero h1.company-heading{font-size:clamp(35px,5.4vw,48px)}}
@media(max-width:700px){.hero h1.company-heading{font-size:clamp(26px,6.55vw,44px);line-height:1.22;letter-spacing:-.065em}.brand-name{font-size:25px}.brand-digital{font-size:8px;margin-top:5px}}
@media(max-width:370px){.hero h1.company-heading{font-size:25px}.brand-name{font-size:23px}.brand-digital{font-size:8px}}