/* НЕ ПО ТЗ. / Motion System 03 / v0.2 — local preview, no external assets */
:root {
  --bg:#17191c; --bg-dark:#101214; --surface:#202327; --surface2:#292c31;
  --ink:#f4f1eb; --soft:#c8c6c1; --muted:#acaeaf; --quiet:#868b90;
  --coral:#ff644a; --coral-soft:#ffac93; --line:#42474b;
  --font:Inter,"Inter Display","Arial Narrow",Arial,Helvetica,sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --pad:clamp(24px,5.3vw,96px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--font);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:var(--coral);color:var(--bg-dark)}
[hidden]{display:none!important}:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
.skip-link{position:fixed;top:-100px;left:18px;z-index:200;padding:14px 18px;background:var(--coral);color:var(--bg-dark);font-weight:700}
.skip-link:focus{top:10px}.site-shell{max-width:100%;overflow:clip}.section-pad{padding-left:var(--pad);padding-right:var(--pad)}
.eyebrow{font:600 11px/1.4 var(--mono);letter-spacing:.095em;color:var(--coral)}
/* Header */
.header{height:94px;display:flex;align-items:center;gap:42px;border-bottom:1px solid var(--line);position:relative;z-index:50;background:var(--bg)}
.brand{display:flex;align-items:center;gap:14px;white-space:nowrap;flex-shrink:0}
.brand-mark{display:block;width:37px;height:37px}.brand-name{font-size:25px;line-height:1;letter-spacing:-.085em;font-weight:900}
.brand-name b,.footer-brand strong{color:var(--coral);font-weight:900}
.desktop-nav{display:flex;gap:clamp(18px,2.8vw,45px);align-items:center;margin-left:auto}
.desktop-nav a{font-size:12px;color:var(--soft);font-weight:650;transition:color .22s}.desktop-nav a:hover{color:var(--coral)}
.header-cta{display:flex;align-items:center;gap:28px;padding:13px 18px;border:1px solid var(--coral);font-size:12px;font-weight:750;transition:background .22s,color .22s}
.header-cta:hover{color:var(--bg-dark);background:var(--coral)}.header-cta span{font-size:21px;line-height:1;color:var(--coral)}.header-cta:hover span{color:var(--bg-dark)}
.menu-toggle,.mobile-menu{display:none}
/* Hero */
.hero{min-height:780px;min-height:max(710px,calc(100svh - 94px));display:flex;flex-direction:column}
.hero-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:31px 0 12px;font:600 10px/1.4 var(--mono);letter-spacing:.07em;color:var(--quiet)}
.hero-topline>span:first-child{color:var(--soft);display:flex;align-items:center;gap:14px}
.signal-dot{display:inline-block;width:7px;height:7px;background:var(--coral);transform:rotate(45deg)}.hero-sequence{color:var(--coral)}
.hero-main{flex:1;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(340px,.65fr);align-items:center;gap:clamp(38px,3.6vw,72px);padding:40px 0 60px}
.hero-copy{min-width:0}.hero-overline{margin:0 0 40px;font:600 12px var(--mono);letter-spacing:.09em;color:var(--coral)}
.hero h1{margin:0 0 70px -6px;font-size:clamp(68px,8.8vw,162px);font-weight:900;letter-spacing:-.105em;line-height:.91;white-space:nowrap}
.hero-outline{color:transparent;-webkit-text-stroke:1.8px var(--ink);position:relative}.hero-dot{color:var(--coral);-webkit-text-stroke:0}
.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;max-width:850px}
.hero-deck{display:flex;gap:20px;align-items:flex-start;max-width:475px}.hero-deck-index{font:600 10px/1.6 var(--mono);color:var(--coral);white-space:nowrap;padding-top:4px}
.hero-deck p{margin:0;color:var(--soft);font-size:clamp(15px,1.18vw,19px);line-height:1.55;letter-spacing:-.015em}
.hero-deck strong{display:block;color:var(--ink);font-weight:750;margin-bottom:8px}
.btn-primary{display:flex;align-items:center;gap:26px;min-width:206px;justify-content:space-between;background:var(--coral);color:var(--bg-dark);padding:19px 18px;font-size:12px;font-weight:850;white-space:nowrap;transition:transform .22s,background .22s}
.btn-primary:hover{transform:translateY(-4px);background:#ff856f}.btn-primary span:last-child{font-size:24px;line-height:1}
.hero-art{height:clamp(430px,39vw,600px);min-width:0;border:1px solid #555b5e;display:flex;flex-direction:column;background:var(--surface);overflow:hidden;transform:translateY(-4px)}
.art-top,.art-bottom{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;font:600 9px/1.4 var(--mono);letter-spacing:.06em;color:#b4b7b8}
.art-top{border-bottom:1px solid var(--line)}.art-bottom{border-top:1px solid var(--line)}.art-bottom strong{color:var(--coral)}.art-bottom>span:nth-child(2){font-size:22px;color:var(--coral)}
.art-stage{position:relative;flex:1;min-height:0;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 53%,#34373c,#1b1d21 70%)}
.art-grid{position:absolute;inset:0;background-image:linear-gradient(#72787e24 1px,transparent 1px),linear-gradient(90deg,#72787e24 1px,transparent 1px);background-size:39px 39px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}
.art-orbit{position:absolute;top:50%;left:50%;border:1px solid #91939538;transform:translate(-50%,-50%) rotate(-12deg)}
.art-orbit-one{width:72%;aspect-ratio:1}.art-orbit-two{width:110%;aspect-ratio:1}
.art-diagonal{position:absolute;top:-20%;bottom:-20%;width:22%;background:var(--coral);box-shadow:24px 0 100px #ff644a26;transform:skew(-29deg) translateZ(0);z-index:2;animation:slash-in 1s cubic-bezier(.15,.8,.25,1) backwards}
.diag-one{left:24%}.diag-two{left:61%;animation-delay:.16s}
@keyframes slash-in{from{opacity:0;translate:0 70px;transform:skew(-29deg) scaleY(.75)}to{opacity:1;translate:0 0;transform:skew(-29deg) scaleY(1)}}
.art-type{position:absolute;font:650 10px var(--mono);letter-spacing:.12em;z-index:4;white-space:nowrap}
.art-type-left{top:21%;left:7%;color:#a5a9ac;writing-mode:vertical-rl;transform:rotate(180deg)}
.art-type-right{right:7%;top:12%;color:var(--ink)}.art-corner{position:absolute;z-index:4;color:var(--coral);font:600 20px var(--mono)}.art-corner-tl{top:5%;left:6%}.art-corner-br{bottom:5%;right:6%}
.art-index{position:absolute;z-index:5;bottom:8%;left:6%;font:600 9px/1.65 var(--mono);letter-spacing:.06em;color:var(--ink);text-shadow:0 2px 10px #17191c}
.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 0;border-top:1px solid var(--line);font:600 10px/1.5 var(--mono);letter-spacing:.06em;color:var(--quiet)}
.hero-foot>span:first-child{color:var(--soft)}.hero-foot span span{color:var(--coral);margin-left:9px}
/* Ticker */
.ticker{overflow:hidden;display:flex;align-items:center;height:74px;background:var(--coral);color:var(--bg-dark)}
.ticker-track{display:flex;width:max-content;white-space:nowrap;animation:marquee 33s linear infinite}.ticker-track>span{font-weight:900;font-size:27px;letter-spacing:-.045em;padding-right:40px}.ticker-track b{font-weight:500;padding:0 25px}
@keyframes marquee{to{transform:translateX(-50%)}}
/* Services */
.services{padding-top:128px;padding-bottom:145px}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:28px}
.section-head p{font-size:14px;line-height:1.5;color:var(--muted);margin:0;max-width:290px}
.section-title{font-weight:900;letter-spacing:-.097em;line-height:1.04;font-size:clamp(60px,8.1vw,147px);margin:0 0 65px}.title-point{color:var(--coral)}
.service-row{display:grid;grid-template-columns:78px minmax(0,1.43fr) minmax(195px,.6fr) 34px;align-items:center;gap:22px;min-height:124px;border-top:1px solid var(--line);padding:19px 0;transition:background .2s,padding .2s}
.service-row:last-child{border-bottom:1px solid var(--line)}.service-row:hover{background:#ff644a0a;padding-left:12px;padding-right:12px}
.service-no{color:var(--coral);font:600 11px var(--mono)}.service-row .service-title{font-size:clamp(24px,2.55vw,44px);line-height:1.12;letter-spacing:-.055em;font-weight:800;margin:0}
.service-row .service-description{max-width:320px;color:var(--muted);font-size:13px;line-height:1.5;margin:0}.service-arrow{color:var(--coral);font-size:27px;transition:transform .2s}.service-row:hover .service-arrow{transform:translate(4px,-4px)}
/* Manifesto */
.manifesto{background:var(--coral);color:var(--bg-dark);padding-top:80px;padding-bottom:90px;overflow:hidden}
.manifesto .eyebrow{color:var(--bg-dark)}.manifesto-top{display:flex;justify-content:space-between;gap:20px;align-items:center}
.manifesto-tag{font:600 10px var(--mono);letter-spacing:.09em}.manifesto-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(205px,.38fr);gap:45px;align-items:end;padding:90px 0 100px}
.manifesto-body h2{font-weight:900;font-size:clamp(62px,7.5vw,147px);letter-spacing:-.10em;line-height:.94;margin:0}
.manifesto-body .quiet{color:transparent;-webkit-text-stroke:1.9px var(--bg-dark)}.accent-stroke{color:#fff0de}
.manifesto-aside{padding-bottom:8px}.manifesto-square{font-weight:950;letter-spacing:-.35em;transform:skewX(-8deg);font-size:110px;line-height:.85;text-align:right;padding-right:30px;margin:0 0 65px}
.manifesto-aside p{font-size:16px;line-height:1.55;font-weight:600;max-width:305px;margin:0}
.method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.method-grid>div{border-top:1px solid #17191c77;padding-top:20px}.method-grid span{font:700 11px var(--mono)}.method-grid p{font-size:14px;line-height:1.55;max-width:270px;margin:34px 0 0}
/* Lab */
.lab{padding-top:132px;padding-bottom:160px}.lab-intro{max-width:665px;margin:-22px 0 55px;color:var(--muted);font-size:15px;line-height:1.65}
.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lab-card{padding:14px 14px 29px;background:var(--surface);min-width:0}
.lab-visual{height:clamp(215px,22vw,342px);position:relative;overflow:hidden;background:#303237}.lab-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ccc8c017 1px,transparent 1px),linear-gradient(90deg,#ccc8c017 1px,transparent 1px);background-size:28px 28px}
.lab-visual>span{position:absolute;bottom:15px;left:17px;font:600 10px var(--mono);letter-spacing:.08em;color:var(--soft)}
.visual-radar{width:230px;height:230px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.visual-radar i{position:absolute;inset:0;border:1px solid #ffac9360;border-radius:50%}.visual-radar i:nth-child(2){inset:35px}.visual-radar i:nth-child(3){inset:70px}
.visual-radar::after{content:"";position:absolute;inset:50% 50% 0 0;background:conic-gradient(from 0deg at 100% 0%,transparent,#ff644a77);transform-origin:100% 0;animation:radar 9s linear infinite}
.visual-radar b{position:absolute;z-index:1;top:35%;left:68%;width:9px;height:9px;background:var(--coral);border-radius:50%;box-shadow:0 0 20px 4px #ff644a77}
@keyframes radar{to{transform:rotate(360deg)}}
.visual-two{background:#2e2f34}.visual-bars{display:flex;position:absolute;inset:24% 10% 25%;align-items:flex-end;gap:6px}
.visual-bars i{flex:1;background:var(--coral);height:var(--h);opacity:var(--o,1)}.visual-bars i:nth-child(1){--h:31%;--o:.3}.visual-bars i:nth-child(2){--h:51%;--o:.45}.visual-bars i:nth-child(3){--h:42%;--o:.65}.visual-bars i:nth-child(4){--h:80%;--o:.35}.visual-bars i:nth-child(5){--h:62%}.visual-bars i:nth-child(6){--h:89%;--o:.6}.visual-bars i:nth-child(7){--h:66%;--o:.8}.visual-bars i:nth-child(8){--h:95%}.visual-bars i:nth-child(9){--h:74%;--o:.4}
.visual-network{position:absolute;inset:0;color:var(--coral)}.visual-network svg{position:absolute;inset:0;width:100%;height:100%;transform:scale(.9)}
.visual-network i{position:absolute;z-index:1;width:16px;height:16px;border:4px solid var(--coral);background:#303237;border-radius:50%}
.visual-network i:nth-child(1){top:64%;left:12%}.visual-network i:nth-child(2){top:29%;left:42%}.visual-network i:nth-child(3){top:63%;left:65%}.visual-network i:nth-child(4){top:15%;left:87%}
.lab-card-head{margin:23px 0 0;display:flex;justify-content:space-between;align-items:center;font:600 10px var(--mono);color:var(--muted)}
.lab-card-head span:last-child{font:400 22px var(--font);color:var(--coral)}.lab-card h3{font-size:clamp(30px,3vw,50px);line-height:1.03;letter-spacing:-.07em;margin:21px 0 16px}.lab-card p{font-size:13px;line-height:1.52;color:var(--muted);max-width:305px;margin:0}
/* Closing line */
.statement{background:var(--ink);color:var(--bg-dark);min-height:440px;padding:33px var(--pad) 52px;position:relative;overflow:hidden}
.statement-top{display:flex;justify-content:space-between;font:700 10px var(--mono)}.statement p{position:relative;z-index:2;font-size:clamp(65px,8.1vw,143px);line-height:.96;letter-spacing:-.098em;font-weight:900;margin:68px 0 25px}
.statement p em{font-style:normal;color:transparent;-webkit-text-stroke:1.7px var(--bg-dark)}.statement-mark{position:absolute;right:0;bottom:-180px;color:var(--coral);font-weight:900;font-size:450px;line-height:1;letter-spacing:-.3em;transform:skewX(-12deg);opacity:.25;pointer-events:none}
/* Contact */
.contact{padding-top:118px;padding-bottom:135px}.contact-head{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:30px}
.contact-counter{font:600 10px var(--mono);color:var(--quiet)}.contact-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(50px,7vw,120px);padding-top:78px}
.contact h2{font-size:clamp(61px,7vw,128px);line-height:.93;letter-spacing:-.095em;font-weight:900;margin:0 0 38px}.contact h2 span{color:transparent;-webkit-text-stroke:1.4px var(--ink)}
.contact-lead{color:var(--muted);font-size:18px;line-height:1.5;max-width:420px;margin:0}.back-top{display:inline-block;margin-top:85px;color:var(--coral);border-bottom:1px solid var(--coral);font:600 11px var(--mono);padding-bottom:10px}
.contact-form-shell{padding:8px 0}.form-kicker{color:var(--coral);font:600 11px var(--mono);margin:0 0 32px}
.contact form{display:flex;flex-direction:column}.contact form label{font-size:13px;font-weight:700;margin:0 0 12px}
.contact form label small{font-weight:400;color:var(--muted);font-size:11px}
.contact form input,.contact form textarea,.contact form select{width:100%;min-width:0;background:transparent;color:var(--ink);border:1px solid #65696b;border-radius:0;padding:15px 17px;font-size:14px;outline:0;margin:0 0 26px;transition:border-color .2s}
.contact form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M2 5L7 10L12 5' stroke='%23FF644A' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 17px center}
.contact form select option{background:#292c31;color:var(--ink)}.contact form textarea{min-height:132px;resize:vertical}
.contact form input:focus,.contact form textarea:focus,.contact form select:focus{border-color:var(--coral)}
.contact form input::placeholder,.contact form textarea::placeholder{color:#959a9e}
.form-actions button{background:var(--coral);color:var(--bg-dark);border:0;padding:18px;width:100%;display:flex;align-items:center;justify-content:space-between;font-weight:850;font-size:14px}
.form-actions button span{font-size:24px;line-height:1}.form-actions>p{font-size:11px;line-height:1.55;color:var(--muted);margin:15px 0}
.form-result{margin-top:16px;border:1px solid var(--coral);padding:19px}.form-result p{margin:0 0 13px;font-size:13px;line-height:1.6}
.form-result button,.form-result a{display:inline-flex;border:1px solid var(--coral);color:var(--coral);padding:9px 12px;font-size:12px;background:transparent;margin:5px 9px 5px 0}.brief-fallback{width:100%;margin-top:10px;color:var(--ink);background:var(--bg);border:1px solid var(--line)}
/* Footer */
.footer{background:var(--bg-dark);padding-top:48px;padding-bottom:28px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:108px}
.footer-brand{display:flex;gap:18px;align-items:center;white-space:nowrap;font-size:clamp(42px,5.4vw,82px);line-height:1;font-weight:900;letter-spacing:-.09em}
.footer-brand img{width:clamp(36px,5vw,60px);height:auto}.footer-top>span{max-width:210px;color:var(--soft);font:600 11px/1.65 var(--mono)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px;border-top:1px solid var(--line);font:600 10px/1.4 var(--mono);color:var(--quiet)}.footer-bottom a{color:var(--coral)}
.will-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.will-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1410px){.hero-main{grid-template-columns:minmax(0,1.2fr) minmax(330px,.7fr)}.hero h1{font-size:clamp(70px,7.8vw,125px)}.hero-bottom{align-items:flex-start;flex-direction:column;gap:24px}.hero-art{height:470px}.manifesto-body h2{font-size:clamp(59px,7vw,120px)}}
@media(max-width:1000px){
 .header{height:80px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;margin-left:auto;width:46px;height:45px;flex-direction:column;align-items:flex-end;justify-content:center;gap:7px;padding:10px;background:none;border:1px solid var(--line)}.menu-toggle span{height:2px;width:23px;background:var(--ink)}.menu-toggle span:last-child{width:16px}
 .mobile-menu:not([hidden]){display:block;position:absolute;left:0;right:0;top:80px;z-index:49;background:var(--bg);padding:20px var(--pad) 35px;border-bottom:1px solid var(--line)}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu a{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:24px}.mobile-menu a span{color:var(--coral)}.menu-open{overflow:hidden}
 .hero{min-height:0}.hero-main{grid-template-columns:1fr;gap:50px;padding:55px 0 42px}.hero h1{font-size:clamp(68px,11.5vw,122px);margin-bottom:40px}.hero-bottom{flex-direction:row;align-items:end}.hero-art{height:500px;max-width:680px;width:100%;justify-self:center}.hero-foot{margin-top:5px}
 .manifesto-body{grid-template-columns:1fr;gap:40px;padding:75px 0}.manifesto-body h2{font-size:clamp(65px,10vw,110px)}.manifesto-aside{display:flex;align-items:end;gap:65px}.manifesto-square{margin:0;font-size:100px}.method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}
 .lab-grid{gap:12px}.lab-visual{height:235px}.visual-radar{width:180px;height:180px}.lab-card h3{font-size:32px}.contact-grid{grid-template-columns:1fr 1fr;gap:38px}.contact h2{font-size:clamp(57px,7.2vw,90px)}
}
@media(max-width:690px){
 :root{--pad:22px}.header{height:76px}.brand-mark{width:32px;height:32px}.brand{gap:10px}.brand-name{font-size:22px}.mobile-menu:not([hidden]){top:76px}
 .hero-topline{font-size:9px;padding:21px 0 0}.hero-topline>span:nth-child(2),.hero-sequence{display:none}.hero-main{padding:54px 0 35px;gap:48px}.hero-overline{font-size:10px;margin-bottom:26px}.hero h1{font-size:clamp(43px,11.9vw,81px);line-height:.94;letter-spacing:-.085em;margin:0 0 36px -2px;white-space:nowrap}.hero-outline{-webkit-text-stroke:1px var(--ink)}
 .hero-bottom{flex-direction:column;align-items:stretch;gap:25px}.hero-deck{gap:13px}.hero-deck-index{font-size:9px}.hero-deck p{font-size:14px}.btn-primary{width:100%}
 .hero-art{height:375px;max-width:500px}.art-top,.art-bottom{padding:13px;font-size:8px}.art-grid{background-size:31px 31px}.hero-foot{font-size:9px;padding:18px 0}.hero-foot>span:nth-child(2),.hero-foot>span:nth-child(3){display:none}
 .ticker{height:58px}.ticker-track>span{font-size:21px}.ticker-track b{padding:0 11px}
 .services{padding-top:88px;padding-bottom:98px}.section-head p{display:none}.section-title{font-size:clamp(42px,10.7vw,77px);line-height:1;letter-spacing:-.085em;margin:25px 0 40px;overflow-wrap:anywhere}
 .service-row{grid-template-columns:42px minmax(0,1fr) 22px;min-height:114px;gap:10px;padding:16px 0}.service-no{font-size:10px}.service-row .service-title{font-size:23px}.service-row .service-description{grid-column:2;grid-row:2;font-size:12px;margin-top:-9px;padding-bottom:7px}.service-arrow{grid-row:1;font-size:21px}
 .manifesto{padding-top:59px;padding-bottom:72px}.manifesto-tag{font-size:8px}.manifesto-body{padding:73px 0 48px;gap:36px}.manifesto-body h2{font-size:clamp(41px,10.8vw,75px);letter-spacing:-.085em}.manifesto-body .quiet{-webkit-text-stroke:1px var(--bg-dark)}.manifesto-aside{gap:27px}.manifesto-square{font-size:62px;padding-right:7px}.manifesto-aside p{font-size:13px}.method-grid{gap:25px 19px}.method-grid>div{padding-top:15px}.method-grid span{font-size:9px}.method-grid p{font-size:12px;margin:17px 0 0}
 .lab{padding-top:86px;padding-bottom:100px}.lab-intro{font-size:13px;margin:-8px 0 34px}.lab-grid{grid-template-columns:1fr;gap:17px}.lab-visual{height:275px}.lab-card{padding:12px 12px 26px}.lab-card h3{font-size:40px}.lab-card-head{margin-top:16px}
 .statement{min-height:340px;padding-top:26px;padding-bottom:35px}.statement p{font-size:clamp(47px,10.2vw,72px);margin:80px 0 22px}.statement p em{-webkit-text-stroke:1px var(--bg-dark)}.statement-mark{font-size:265px;right:-14px;bottom:-113px}
 .contact{padding-top:85px;padding-bottom:92px}.contact-counter{display:none}.contact-grid{grid-template-columns:1fr;gap:42px;padding-top:60px}.contact h2{font-size:clamp(62px,13vw,96px);margin-bottom:24px}.contact-lead{font-size:16px}.back-top{display:none}.form-kicker{margin-bottom:24px;font-size:10px}
 .footer{padding-top:43px}.footer-top{flex-direction:column;align-items:flex-start;gap:25px;padding-bottom:90px}.footer-brand{font-size:clamp(38px,9vw,65px);gap:10px}.footer-brand img{width:38px}.footer-bottom{flex-wrap:wrap;font-size:9px}.footer-bottom>span:nth-child(2){display:none}
}
@media(max-width:375px){:root{--pad:17px}.hero h1{font-size:11.6vw}.service-row .service-title{font-size:21px}.statement p{font-size:10.3vw}.manifesto-body h2{font-size:10.6vw}.contact h2{font-size:12vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.visual-radar::after,.art-diagonal{animation:none}.will-reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Explicit mobile grid placement avoids implicit fourth track for service headings. */
@media(max-width:690px){
  .service-row .service-no{grid-column:1;grid-row:1}
  .service-row .service-title{grid-column:2;grid-row:1}
  .service-row .service-description{grid-column:2 / 3;grid-row:2}
  .service-row .service-arrow{grid-column:3;grid-row:1}
}
.hero h1>span:first-child{letter-spacing:-.07em}
.brand-name{letter-spacing:-.055em}

/* v0.3 — typography, meaningful interactions and extended sections */
:root{--font:Arial,Helvetica,sans-serif;--quiet:#a0a5aa}
.hero h1{letter-spacing:-.07em}.hero h1>span:first-child{letter-spacing:-.06em}
.hero-outline{-webkit-text-stroke:1.5px var(--ink)}
.hero-overline{margin-bottom:32px}.hero-deck p{font-size:17px}.hero-deck-index{font-size:22px;padding-top:0}
.hero-art{border-color:#5c6065}.art-stage{background:#202327}.art-diagonal{box-shadow:none}
.hero-main{padding-top:52px;padding-bottom:52px}.hero h1{margin-bottom:48px}
.hero-foot{font-size:11px}.hero-foot a{padding:6px 0;color:var(--soft)}
.hero-foot a:hover{color:var(--coral)}.hero-foot a span{color:var(--coral);margin-left:12px}
.ticker{height:66px}.ticker-track{animation:none;transform:translateX(-20px)}
.visual-radar::after{animation:radar 4s ease-out 1 both}
.eyebrow{font-size:12px}.section-title{letter-spacing:-.065em;font-size:clamp(48px,7.5vw,132px)}
.service-item{border-top:1px solid var(--line)}.service-item:last-child{border-bottom:1px solid var(--line)}
.service-row{border:0!important;cursor:pointer;list-style:none;grid-template-columns:60px minmax(0,1.3fr) minmax(190px,.65fr) 32px}
.service-row::-webkit-details-marker{display:none}.service-row .service-title{letter-spacing:-.04em;font-size:clamp(24px,2.45vw,42px)}
.service-row .service-description{font-size:15px;line-height:1.6}.service-no{font-size:12px}.service-arrow{font:400 30px var(--font);text-align:center}
.service-item[open] .service-arrow{transform:rotate(45deg)}
.service-item[open] .service-row{color:var(--coral)}
.service-detail{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;padding:0 54px 32px 82px}
.service-detail p{max-width:650px;font-size:16px;line-height:1.7;color:var(--soft);margin:0}
.text-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;border-bottom:1px solid var(--coral);color:var(--coral);font-size:14px}
.text-link:hover{color:var(--ink)}
.manifesto-body h2{letter-spacing:-.065em}.manifesto-symbol{filter:brightness(0);flex-shrink:0;margin-bottom:48px}
.method-grid p{font-size:16px}.method-grid span{font-size:12px}.manifesto-aside p{font-size:17px}
.lab-intro{font-size:17px;max-width:760px}.lab-card p{font-size:16px;max-width:none}.lab-card h3{letter-spacing:-.05em;font-size:clamp(30px,3vw,48px)}
.lab-card-head{gap:8px;flex-wrap:wrap;font-size:11px}.lab-card-head .lab-status{font:600 10px var(--mono);color:var(--coral-soft)}
.lab-card{transition:background .2s}.lab-card:hover{background:#292c31}
.lab{padding-bottom:100px}.lab-visual{background:#282b30}
.work{padding-top:80px;padding-bottom:112px}.case-card{display:grid;grid-template-columns:1.12fr 1fr;border:1px solid var(--line)}
.case-poster{position:relative;min-height:475px;background:var(--ink);color:var(--bg);padding:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.case-poster>span{font:600 11px var(--mono);z-index:1}.case-poster>div{font-size:clamp(80px,8vw,142px);font-weight:900;letter-spacing:-.07em;line-height:.9;z-index:1;padding:50px 0}
.case-poster strong{color:var(--coral)}.case-poster>img{position:absolute;right:-20px;top:24%;width:54%;height:auto;opacity:.18}
.case-copy{padding:clamp(28px,4vw,68px)}.case-copy h3{font-size:clamp(38px,4.3vw,68px);line-height:1.02;letter-spacing:-.06em;margin:28px 0}.case-copy>p{font-size:17px;color:var(--soft);line-height:1.65}
.case-details{margin-top:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-details summary{display:flex;justify-content:space-between;gap:15px;list-style:none;cursor:pointer;padding:20px 0;font-size:15px;color:var(--coral)}
.case-details summary::-webkit-details-marker{display:none}.case-details[open] summary span{transform:rotate(45deg)}
.case-details dl{font-size:15px;line-height:1.65}.case-details dt{color:var(--ink);margin-top:18px;font-weight:700}.case-details dd{margin:6px 0;color:var(--muted)}
.work-note{font-size:14px;color:var(--muted);max-width:750px;margin:26px 0 0}
.process{background:#202327;padding-top:100px;padding-bottom:112px}.process-list{list-style:none;padding:0;margin:0}
.process-list li{display:grid;grid-template-columns:75px minmax(0,1.1fr) minmax(0,.65fr);gap:30px;border-top:1px solid var(--line);padding:30px 0}.process-list li:last-child{border-bottom:1px solid var(--line)}
.process-number{font:400 32px var(--mono);color:var(--coral)}.process-list h3{font-size:26px;line-height:1.2;letter-spacing:-.035em;margin:0 0 12px}.process-list p{margin:0;color:var(--muted);font-size:16px;max-width:520px}
.process-list .deliverable{font:12px/1.6 var(--mono);padding-top:4px}.deliverable span{display:block;font:400 16px/1.5 var(--font);color:var(--ink);margin-top:10px}
.contact-status{color:var(--soft);font-size:14px;line-height:1.7;max-width:380px;margin-top:30px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--coral);margin-right:8px}
.contact form label{font-size:15px}.contact form label small{font-size:12px;display:block;margin-top:5px}.contact form input,.contact form textarea,.contact form select{font-size:16px}
.contact form select{padding-right:42px}.contact form textarea{margin-bottom:10px}
.contact form input:focus-visible,.contact form textarea:focus-visible,.contact form select:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
.field-meta{display:flex;gap:10px;justify-content:space-between;align-items:start;margin-bottom:26px}.field-error{color:#ffac93;font-size:13px;margin:-12px 0 22px}.field-meta .field-error{margin:0}.field-meta>span{margin-left:auto;white-space:nowrap;color:var(--muted);font:11px/1.6 var(--mono)}
[aria-invalid=true]{border-color:#ffac93!important}.form-actions>p{font-size:13px;line-height:1.65}.form-actions button{min-height:60px;transition:background .2s}.form-actions button:hover{background:#ff856f}button:disabled{cursor:default;opacity:.55}
.form-result h3{font-size:24px;margin:0 0 16px;letter-spacing:-.03em}.form-result p{font-size:14px}.form-result label{display:block}.form-result textarea{font-size:14px!important;line-height:1.6;background:#101214!important}
.form-result button{min-height:44px;font-size:14px;margin:0;padding:10px 13px}.draft-actions{display:flex;gap:10px;flex-wrap:wrap}.form-result button:hover{background:var(--coral);color:var(--bg)}
.footer-bottom{font-size:11px}.footer-bottom a{padding:12px 0}.footer-top>span{font-size:12px}.footer-brand{letter-spacing:-.065em}
.error-page{min-height:100svh;max-width:1100px;padding:8vw;margin:auto}.error-page h1{font-size:clamp(48px,8vw,110px);line-height:1;letter-spacing:-.06em}.error-page .btn-primary{max-width:280px;margin-top:36px}
@media(min-width:1001px){.hero-main{grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr)}.hero h1{font-size:clamp(75px,8.1vw,156px)}.hero-bottom{align-items:start;flex-direction:column}.hero-deck{max-width:565px}.hero-art{height:clamp(460px,37vw,610px)}}
@media(min-width:1700px){.hero-bottom{flex-direction:row;align-items:end}.hero-deck{max-width:520px}.hero-main{gap:65px}}
@media(max-width:1000px){.menu-open .header{position:fixed;top:0;left:0;right:0}.menu-open .hero{padding-top:80px}.mobile-menu:not([hidden]){position:fixed;bottom:0;overflow-y:auto;overscroll-behavior:contain}.mobile-menu a{font-size:clamp(21px,4vw,30px)}.hero-art{height:400px;max-width:100%}.hero-bottom{align-items:start}.hero-deck p{font-size:16px}.hero-art .art-diagonal{width:16%}.diag-one{left:28%}.diag-two{left:56%}.manifesto-symbol{margin:0}.case-card{grid-template-columns:1fr 1fr}.case-copy{padding:28px}.case-poster{padding:24px;min-height:420px}.process-list li{grid-template-columns:50px minmax(0,1fr) minmax(0,.7fr);gap:24px}.desktop-nav{gap:20px}}
@media(max-width:690px){
 .menu-open .hero{padding-top:76px}.hero-topline{font-size:10px}.hero-main{padding-top:42px;gap:34px}.hero h1{font-size:11.4vw;letter-spacing:-.065em;margin-bottom:28px}.hero-overline{font-size:11px}.hero-deck{gap:12px}.hero-deck-index{font-size:20px}.hero-deck p{font-size:15px}.hero-art{height:270px}.hero-art .art-diagonal{width:22%}.diag-one{left:24%}.diag-two{left:61%}.hero-foot{font-size:11px}.art-top,.art-bottom{font-size:10px}.art-type{font-size:9px}.hero-foot>span:last-child{display:none}.btn-primary{font-size:14px;min-height:60px}
 .section-title{font-size:clamp(36px,9.9vw,66px);letter-spacing:-.06em;margin-top:25px}.eyebrow{font-size:11px;letter-spacing:.045em}.service-row{grid-template-columns:28px minmax(0,1fr) 24px;gap:12px;padding:22px 0}.service-row .service-title{font-size:23px}.service-row .service-description{font-size:14px;line-height:1.55;margin-top:0}.service-row:hover{padding-left:0;padding-right:0}.service-detail{grid-template-columns:1fr;padding:0 0 26px 40px;gap:14px}.service-detail p{font-size:15px}.text-link{justify-self:start}.service-arrow{font-size:27px}.service-no{font-size:11px}
 .manifesto-body h2{font-size:10.1vw;letter-spacing:-.055em}.manifesto-body{padding-top:55px}.manifesto-aside{gap:20px}.manifesto-aside p{font-size:15px}.manifesto-symbol{width:64px;height:64px}.manifesto-tag{display:none}.method-grid{grid-template-columns:1fr}.method-grid>div{display:grid;grid-template-columns:120px 1fr;gap:14px}.method-grid p{margin:0;font-size:14px}.method-grid span{font-size:10px}
 .lab-intro{font-size:15px}.lab-card h3{font-size:38px}.lab-card p{font-size:15px}.lab-visual{height:240px}.lab{padding-bottom:65px}.work{padding-top:30px;padding-bottom:76px}.case-card{grid-template-columns:1fr}.case-poster{min-height:320px}.case-poster>div{font-size:88px;padding:28px 0}.case-poster>span{font-size:10px}.case-copy{padding:28px 22px}.case-copy h3{font-size:42px}.case-copy>p{font-size:16px}.work-note{font-size:14px}.process{padding-top:72px;padding-bottom:76px}.process-list li{grid-template-columns:36px 1fr;gap:16px;padding:26px 0}.process-number{font-size:24px}.process-list h3{font-size:23px}.process-list p{font-size:15px}.process-list .deliverable{grid-column:2;font-size:11px}.deliverable span{font-size:14px;margin-top:4px}
 .contact h2{font-size:12vw;letter-spacing:-.06em}.contact-grid{padding-top:42px}.contact-lead{font-size:16px}.contact-status{font-size:14px}.footer-bottom{font-size:10px}.footer-top{padding-bottom:55px}.footer-brand{font-size:9vw}.form-result{padding:16px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.will-reveal{opacity:1;transform:none}}
@media print{.header,.mobile-menu,.hero-art,.ticker,.lab-visual,.statement,.back-top,.draft-actions,.form-actions,.skip-link{display:none!important}body{background:#fff;color:#111}.will-reveal{opacity:1;transform:none}.section-pad{padding:20px}.section-title{font-size:36px}a{color:#111}.contact-grid{display:block}}

.service-title,.service-description{display:block}.service-item[open] .service-arrow,.case-details[open] summary span{transform:none;font-size:0}.service-item[open] .service-arrow::after,.case-details[open] summary span::after{content:"−";font:400 26px var(--font)}

.hero h1{letter-spacing:-.045em}.hero-dot{display:inline-block;width:.16em;height:.16em;margin-left:.05em;border-radius:50%;background:var(--coral);font-size:inherit;color:transparent}
@media(max-width:690px){.hero h1{font-size:13.8vw;letter-spacing:-.06em}.hero-dot{width:.14em;height:.14em}}
/* Contrast stays stable where art crosses the coral strokes. */
.art-type-left,.art-type-right,.art-index{background:var(--bg);color:var(--ink);padding:5px;text-shadow:none}.case-poster strong{color:#c23e2a}
.hero-dot{overflow:hidden;vertical-align:baseline}