@font-face{font-family:Inter;src:url('/assets/inter-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:JetBrains;src:url('/assets/jetbrains-mono.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#191b20;--panel:#eeeff2;--line:#d8dbe0;--blue:#0071e3;--indigo:#1b46c8;--silver:#a8b5c7;--white:#191b20;--muted:#62666e;--paper:#f5f5f7;--font:Inter,Arial,sans-serif;color-scheme:light}body{background:#f5f5f7;color:#191b20;line-height:1.6}h1,h2,h3,h4{font-family:Inter,Arial,sans-serif;font-weight:500;letter-spacing:-.055em}h1{line-height:1.01}h2{font-size:clamp(2.5rem,4.6vw,4.75rem);line-height:1.04}h3{font-size:1.7rem;letter-spacing:-.04em}p{color:var(--muted);line-height:1.65}::selection{background:#0071e3;color:white}.wrap{width:min(1440px,calc(100% - 112px))}.site-header{background:#f5f5f7e8;border-bottom:0;backdrop-filter:blur(20px)}.header-inner{height:96px;gap:25px}.brand{gap:10px;color:#191b20}.brand svg{width:35px;height:35px}.brand-word{font:650 21px/1 Inter;letter-spacing:-.055em;display:flex;flex-direction:column}.brand-word>span{font:600 9px/1 Inter;letter-spacing:.3em;margin-top:5px}nav{gap:25px}nav a{color:#585c65;font-weight:450;font-size:14px}nav a:hover,nav a[aria-current=page]{color:#0071e3}nav a[aria-current=page]:after{display:none}.button,.button.primary,.light .button.primary{border-radius:100px;padding:10px 11px 10px 25px;background:#191b20;color:white;font-weight:500;gap:30px;min-height:54px;border:0}.button>span{display:grid;place-items:center;width:34px;height:34px;background:#0071e3;color:white;border-radius:50%;font-size:19px;transition:rotate .3s}.button:hover,.button.primary:hover,.light .button.primary:hover{background:#0071e3;color:white;transform:translateY(-2px)}.button:hover>span{background:white;color:#0071e3;rotate:45deg}.button.small{min-height:48px;padding:7px 8px 7px 22px;font-size:14px;gap:24px}.button.outline{background:transparent;border:1px solid #7f8690;color:inherit;padding:12px 23px}.text-link{border:0;font-weight:500;font-size:14px;gap:16px}.text-link:hover{color:#0071e3}.eyebrow{font:500 11px/1.5 JetBrains,monospace;letter-spacing:.04em;color:#62666e;margin-bottom:25px;gap:9px}.eyebrow:before{display:none}.status-dot{display:inline-block;width:7px;height:7px;background:#0071e3;border-radius:50%;box-shadow:0 0 0 4px #0071e310}.section{padding:125px 0}.light{background:#fff;--muted:#62666e;--line:#d8dbe0}.light .eyebrow{color:#62666e}.section-top{gap:60px;margin-bottom:55px}.section-top p{max-width:390px;font-size:16px}.section-top>div>p{margin-bottom:25px}.page-intro{background:none;text-align:center;padding:90px 0 80px;border:0}.page-intro .eyebrow{justify-content:center}.page-intro h1{max-width:1250px;margin:auto;font-size:clamp(3.2rem,6vw,6rem)}.page-intro h1 span{color:#0071e3}.page-intro p{margin:30px auto 0;max-width:660px;font-size:17px}.page-intro .button{margin-top:28px}.split{gap:90px}.cta{background:#0071e3;color:white;padding:95px 0;border:0;position:relative;overflow:hidden}.cta:after{content:'';position:absolute;right:-100px;top:-180px;width:500px;height:500px;border:50px solid #ffffff08;border-radius:50%;pointer-events:none}.cta .eyebrow{color:#d9ecff}.cta h2{font-size:clamp(2.9rem,5.5vw,5.6rem);max-width:850px}.cta .button{background:#fff;color:#191b20;white-space:nowrap}.cta .button>span{background:#191b20}.site-footer{background:#eeeff1;border:0;padding-top:75px}.footer-grid h4{font:500 12px Inter;color:#777b82;letter-spacing:0;text-transform:none}.footer-grid a:not(.brand){color:#3b4048;font-size:14px}.footer-grid a:hover{color:#0071e3}.footer-grid p{font-size:14px;color:#6e737b;max-width:280px}.footer-base{color:#727781;border-color:#d3d6db}.menu-button{border-color:#bcc2ca;border-radius:50px;padding:9px 17px}.subnav{background:white;border-color:#e0e3e7}.subnav a{color:#575f6d}.subnav a:hover{color:#0071e3}.small-note{color:#777c84!important}.tabs{gap:7px;border:0;margin-bottom:55px;overflow:auto;padding:4px 1px}.tabs button{border:1px solid #d4d8df;border-radius:50px;padding:13px 20px;flex:none;font-size:14px;color:#62666e}.tabs button[aria-selected=true]{background:#191b20;color:white;border-color:#191b20;font-weight:500}.arch-stack>div{border:0;background:#f5f5f7;border-radius:14px;padding:27px}.arch-stack h4{font-size:22px}.arch-stack p{font-size:15px}.big-number{font:500 65px Inter;color:#b8c6db}.arch-body h3{font-size:38px}.arch-body{min-height:400px}.module-body{min-height:430px}.module-body h2{font-size:44px}.check-list li{font-size:15px}.conversation{box-shadow:0 24px 70px #1728410c;border-color:#e1e5ea;padding:30px}.bubble.user{background:#0071e3;color:white}.bubble{background:#f4f5f8}.bubble span{color:#62666e}.conversation-title>span{color:#0071e3}.pills span{font-size:14px}.filter-bar button[aria-pressed=true]{background:#0071e3;border-color:#0071e3}.colleague-card{border:0;border-radius:16px}.colleague-copy{padding:28px}.colleague-copy p{font-size:15px}.colleague-image{aspect-ratio:.88}.roster-status{background:#191b20e0;border-radius:50px;padding:7px 13px}.colleague-copy h2{font-weight:500;font-size:34px}.roster-grid{gap:24px}.planned-note{font-size:13px}.pas-letter{font:500 clamp(140px,20vw,260px)/1 Inter;color:#0071e3}.ledger-grid span,.editorial-links>a>span{color:#0071e3}.ledger-grid p{font-size:16px}.method-letter{font-family:Inter;color:#0071e3}.method-step summary>span:nth-child(2){font-family:Inter}.method-step summary small{font-family:JetBrains;color:#62666e;font-size:12px}.method-step summary b{color:#0071e3}.disciplines article>span{font-family:Inter;color:#a6b1c2}.founder-name,.founder-name span{font-family:Inter}.founder-name span{color:#62666e}.founder-photo{border-radius:24px}.contact-grid form{border:0;background:#f5f5f7;border-radius:24px}.contact-grid label{color:#383f49}.contact-grid input,.contact-grid select,.contact-grid textarea{background:white;border:1px solid #d7dce3;font-size:16px;border-radius:8px}.contact-grid input:focus,.contact-grid textarea:focus{border-color:#0071e3}.contact-grid .button{padding:14px 20px}.contact-grid .button>span{margin-left:15px}#enquiry-preview{font:14px/1.7 Inter;color:#3d4654;background:#e9edf2}.brand-previews .dark-preview{background:#191b20}.logo-preview{border:0;border-radius:20px;padding:75px 40px 35px}.swatch-button code{color:#62666e}.swatch-button>span{border-color:#00000010}.type-specimen,.type-specimen.body-type{font-family:Inter}.type-specimen span{font-family:Inter;color:#62666e}.type-specimen.mono-type{font-family:JetBrains;font-size:32px}.application-grid img{border:0;border-radius:16px}.application-grid span{color:#62666e}.brand-downloads a{border-color:#8d99aa}
/* A spacious first impression, then a sculpture that responds to the visitor. */
.agency-hero{padding:72px 0 0}.agency-hero>.wrap>.eyebrow{justify-content:center;margin-bottom:28px}.agency-hero h1{text-align:center;font-size:clamp(4.2rem,8.7vw,8.9rem);line-height:.99;font-weight:500;letter-spacing:-.075em}.agency-hero h1>span{color:#0071e3}.hero-bottom{display:flex;justify-content:space-between;gap:35px;align-items:end;margin:42px auto 45px;max-width:1060px}.hero-bottom p{font-size:16px;line-height:1.6}.hero-bottom .actions{margin:0;gap:25px}.arc-stage{height:610px;border-radius:28px;background:#e6ebf2;position:relative;overflow:hidden;isolation:isolate}.arc-stage canvas{position:absolute;width:100%;height:100%;inset:0;z-index:1}.stage-top,.stage-bottom{position:absolute;left:35px;right:35px;display:flex;justify-content:space-between;gap:25px;z-index:3}.stage-top{top:28px;align-items:center}.stage-top>span{font:11px JetBrains;letter-spacing:.03em;color:#5d6877;display:flex;align-items:center;gap:12px}.motion-toggle{border:1px solid #abb6c6;border-radius:30px;background:#f5f7fa80;padding:9px 15px;font-size:12px;color:#444f60}.stage-bottom{bottom:30px;align-items:end;font-size:13px;color:#4d5a6d;line-height:1.5}.stage-hint{font:11px JetBrains}.orbit-label{position:absolute;z-index:3;padding:16px 20px;background:#ffffffd9;border:1px solid #ffffffb0;backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 8px 35px #26395608;max-width:255px}.orbit-label>span{font:10px JetBrains;color:#6f7b8d;display:block;margin-bottom:7px}.orbit-label>b{font-size:13px;font-weight:500;line-height:1.4;display:block}.label-a{left:6%;top:29%}.label-b{right:5%;top:38%}.label-c{left:12%;bottom:21%;background:#e8f29ce8;border-color:#e8f29c}.label-c>span{color:#5e6740}.arc-fallback{position:absolute;left:50%;top:50%;width:390px;height:390px;transform:translate(-50%,-50%) rotate(-32deg);transition:opacity .7s}.arc-fallback i{position:absolute;inset:0;border:22px solid #0071e3;border-radius:48%;box-shadow:inset 9px 8px 12px #fff8,10px 12px 20px #0c397725}.arc-fallback i:nth-child(2){inset:35px;border-color:#207eeb}.arc-fallback i:nth-child(3){inset:70px;border-color:#88b7f1}.arc-fallback i:nth-child(4){inset:105px;border-color:#d6e3f4}.webgl-ready .arc-fallback{opacity:0}.manifesto{background:#f5f5f7}.reveal-statement{font-size:clamp(2.3rem,4.6vw,4.6rem);line-height:1.16;letter-spacing:-.055em;color:#a0a5ad;max-width:1200px;font-weight:500}.reveal-statement>span{color:#191b20;display:block;margin-top:20px}.manifesto-end{display:flex;justify-content:space-between;gap:60px;margin-top:55px;padding-top:28px;border-top:1px solid #d5d9e0}.manifesto-end>span{font:11px JetBrains;color:#737b88;max-width:300px}.manifesto-end p{max-width:485px;font-size:16px}.dina-editorial{background:#fff;padding:85px 0}.dina-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.dina-portrait{height:700px;position:relative;overflow:hidden;border-radius:22px;background:#d9e1e9}.dina-portrait>img{height:100%;width:100%;object-fit:cover;object-position:21% center}.dina-portrait:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#14263c99)}.portrait-tag{position:absolute;top:24px;left:25px;z-index:2;background:#fff;padding:8px 12px;border-radius:50px;font:10px JetBrains}.portrait-caption{position:absolute;left:30px;bottom:30px;color:#fff;z-index:2;font-size:34px;line-height:1.1;letter-spacing:-.045em}.dina-editorial-copy h2{font-size:clamp(2.8rem,4.3vw,4.5rem)}.dina-editorial-copy p{margin:28px 0;max-width:440px}.editorial-module-links{margin:35px 0}.editorial-module-links a{display:block;padding:14px 0;border-bottom:1px solid #dce0e5;font-size:15px;transition:padding .25s,color .25s}.editorial-module-links a:hover{padding-left:12px;color:#0071e3}.editorial-module-links span{font:11px JetBrains;color:#9fa8b6;margin-right:30px}.product-section{padding:120px 0;background:#f5f5f7;overflow:hidden}.ribbon-controls{display:flex;gap:10px;align-items:center;margin-top:27px}.circle-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #bac1cb;background:transparent;border-radius:50%;font-size:20px;flex-shrink:0}.circle-button:hover{background:#191b20;color:#fff;border-color:#191b20}.ribbon-pause{border:0;background:transparent;min-width:120px;font-size:13px;color:#616a77}.screen-ribbon{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;padding:0 max(56px,calc((100vw - 1440px)/2));touch-action:pan-x pan-y;cursor:grab}.screen-ribbon::-webkit-scrollbar{display:none}.screen-ribbon:active{cursor:grabbing}.screen-card{width:clamp(330px,34vw,520px);flex-shrink:0;aspect-ratio:1;position:relative;display:flex;flex-direction:column;text-align:left;background:#e2e9f3;border:0;border-radius:23px;overflow:hidden;padding:27px 27px 22px;transition:box-shadow .3s;isolation:isolate}.screen-card:hover{box-shadow:inset 0 0 0 2px #0071e3}.screen-top{display:flex;justify-content:space-between;align-items:center;font:10px JetBrains;text-transform:uppercase;letter-spacing:.02em;color:#56697f}.screen-expand{font:23px Inter;width:28px;text-align:center}.screen-copy{display:block;margin:19px 0 0;z-index:2}.screen-copy>strong{font-size:clamp(24px,2.4vw,37px);line-height:1.06;letter-spacing:-.055em;font-weight:500;display:block;max-width:330px}.screen-copy>span{font-size:13px;line-height:1.5;display:block;margin-top:12px;max-width:315px;color:#5c6878}.screen-window{margin:25px -8px 10px;display:block;border:5px solid #f9fbff;border-radius:8px;box-shadow:0 17px 40px #294c791a;overflow:hidden;transform:rotate(-2deg);transition:transform .6s;flex-shrink:0}.screen-window img{width:100%;height:auto}.screen-card:hover .screen-window{transform:rotate(0) translateY(-5px)}.screen-foot{margin-top:auto;display:flex;justify-content:space-between;gap:12px;font:9px JetBrains;color:#657587;padding-top:12px}.screen-foot>span{font:11px Inter}.tone-1{background:#0071e3;color:white}.tone-1 .screen-top,.tone-1 .screen-copy>span,.tone-1 .screen-foot{color:#d4e9ff}.tone-1 .screen-window{transform:rotate(2deg);border-color:#ffffffdd}.tone-2{background:#232831;color:#fff}.tone-2 .screen-top,.tone-2 .screen-copy>span,.tone-2 .screen-foot{color:#bac5d4}.ribbon-note{display:flex;justify-content:space-between;gap:20px;margin-top:28px;color:#7a8290;font-size:11px}.ribbon-note a{color:#364f70;font-size:12px}.screen-dialog{width:min(1400px,96vw);max-width:none;border:0;border-radius:20px;padding:25px;background:#f5f5f7;box-shadow:0 25px 100px #0003}.screen-dialog::backdrop{background:#101823bb;backdrop-filter:blur(8px)}.dialog-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.dialog-bar span{font:10px JetBrains;color:#7a8290}.dialog-bar h2{font-size:27px;margin-top:8px}.dialog-image{width:100%;border-radius:9px;max-height:70vh;object-fit:contain;background:#fff}.screen-dialog p{font-size:12px;margin-top:15px}.authority{background:#20242b;color:white;--muted:#adb6c3;--line:#3d444e}.authority .eyebrow{color:#a3adbb}.authority h2 em{font-style:normal;color:#cbd992}.workflow-demo{background:#292e37;border-color:#4b535f;box-shadow:none;border-radius:20px;color:#f5f5f7}.demo-bar{background:#343b46;border-color:#4b535f;color:#f5f5f7}.demo-tag{color:#b2bfcd}.demo-grid aside{background:#252a32;border-color:#444c58}.demo-person,.demo-person small{font-family:Inter}.demo-person small{color:#a5b0bf}.workflow-steps li{color:#adb6c3;font-size:13px}.workflow-steps li[aria-current=step]:before{background:#0071e3;color:#fff;border-color:#0071e3}.workflow-steps li.done:before{color:#d7e894}.demo-detail h3{font-size:34px}.demo-detail>p{color:#bbc4d2;font-size:16px}.evidence-box{background:#343d48;border-color:#4c5766}.evidence-box>span{color:#cbd992}.evidence-box p{color:#ccd5e2;font-size:14px}.demo-detail .demo-status{color:#aab7c9}.demo-actions .button{padding:14px 23px;background:#0071e3;color:white}.demo-actions .button.outline{background:transparent;border:1px solid #8090a7}.demo-actions .reset-button{color:#c4cfde}.foundation-teaser{background:white}.foundation-teaser h2{margin-bottom:28px}.foundation-teaser p{max-width:460px;margin-bottom:28px}.foundation-art{min-height:530px;position:relative;perspective:1100px;border-radius:24px;background:#e8edf4;overflow:hidden;display:block}.foundation-plane{position:absolute;width:73%;height:185px;left:14%;padding:30px;border:1px solid #ffffffb0;border-radius:16px;transform:rotateX(49deg) rotateZ(-25deg);box-shadow:-15px 28px 35px #17365021;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.foundation-plane span{display:block;font:11px JetBrains;margin-bottom:20px}.foundation-plane b{font-size:24px;line-height:1.1;font-weight:500;letter-spacing:-.04em;display:block;max-width:230px}.plane-one{top:65px;z-index:3;background:#0071e3;color:#fff}.plane-two{top:180px;z-index:2;background:#d9e4f2;color:#344966}.plane-three{top:295px;z-index:1;background:#fff;color:#525d6d}.foundation-art:hover .plane-one{transform:translateY(-15px) rotateX(39deg) rotateZ(-20deg)}.foundation-art:hover .plane-three{transform:translateY(15px) rotateX(49deg) rotateZ(-25deg)}.art-link{position:absolute;bottom:22px;right:25px;font-size:13px;color:#395778}.platform-explorer{display:grid;grid-template-columns:1.1fr 1fr;gap:95px;align-items:center;margin-bottom:105px;padding:55px 60px;background:#20242b;border-radius:26px;color:#fff;min-height:620px}.platform-diagram{display:flex;flex-direction:column;gap:7px;perspective:1100px}.platform-diagram button{width:100%;border:1px solid #596779;background:#2a323f;color:#adb8c9;border-radius:8px;min-height:69px;display:flex;align-items:center;gap:25px;padding:17px 25px;transform:rotateX(10deg) rotateZ(-4deg);transition:transform .4s,background .4s,color .4s;text-align:left}.platform-diagram button>span{font:11px JetBrains}.platform-diagram button>span:last-child{margin-left:auto;font:24px Inter}.platform-diagram button b{font-size:23px;font-weight:450;letter-spacing:-.04em}.platform-diagram button[aria-selected=true]{background:#0071e3;border-color:#70b4ff;color:white;transform:translateX(15px) rotateX(10deg) rotateZ(-4deg)}.platform-diagram button:hover{border-color:#bccfe8}.platform-description h2{font-size:clamp(2.5rem,3.3vw,3.5rem);margin-bottom:25px}.platform-description p{color:#b0bcca;font-size:16px}.platform-description .eyebrow{color:#8db7ed}.layer-components{display:block;border-top:1px solid #4c5664;margin-top:32px;padding-top:20px;font:12px/1.8 JetBrains;color:#d5e796}.dina-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding-top:65px;padding-bottom:75px;align-items:center}.dina-intro h1{font-size:clamp(3.6rem,5.8vw,6rem);line-height:1.01}.dina-intro h1 span{color:#0071e3}.dina-intro p{max-width:470px;font-size:16px;margin-top:28px}.dina-intro-portrait{height:640px;position:relative;border-radius:23px;overflow:hidden;background:#dbe4ed}.dina-intro-portrait>img{width:100%;height:100%;object-fit:cover;object-position:top}.dina-id{position:absolute;bottom:25px;left:25px;right:25px;background:#ffffffe8;backdrop-filter:blur(15px);padding:20px 25px;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:18px}.dina-id>b{font-size:30px;letter-spacing:-.06em;font-weight:600}.dina-id>span{font-size:12px;color:#687485;max-width:130px;text-align:right}
@media(min-width:1800px){.screen-ribbon{padding-left:calc((100vw - 1440px)/2)}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header-inner{height:88px}nav{gap:16px}nav a{font-size:12px}.brand-word{font-size:19px}.brand svg{width:30px}.header-cta{gap:14px!important}.hero-bottom{max-width:none}.arc-stage{height:560px}.label-a{left:3%;top:25%}.label-b{right:3%;top:50%}.label-c{left:5%;bottom:17%}.dina-editorial-grid{gap:40px}.dina-portrait{height:660px}.platform-explorer{gap:55px;padding:50px 40px}.dina-intro{gap:35px}.dina-intro-portrait{height:610px}.screen-ribbon{padding:0 32px}.screen-card{width:430px}.foundation-plane{padding:23px}.split{gap:50px}.screen-copy>strong{font-size:32px}.screen-window{margin-top:25px}}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.header-inner{height:76px}nav{background:#f5f5f7;box-shadow:0 22px 35px #171e3020;border-color:#d3d9e2}nav a{font-size:17px}nav .mobile-nav-cta{color:#0071e3}.agency-hero{padding-top:55px}.agency-hero h1{font-size:clamp(3.6rem,9.8vw,6rem)}.hero-bottom{display:block;text-align:center;margin:28px 0 35px}.hero-bottom p{font-size:15px}.hero-bottom .actions{justify-content:center;margin-top:23px;gap:15px}.arc-stage{height:560px;border-radius:20px}.orbit-label{max-width:205px;padding:13px 16px}.label-a{top:20%;left:20px}.label-b{right:20px;top:48%}.label-c{left:20px;bottom:18%}.stage-top,.stage-bottom{left:22px;right:22px}.stage-top>span{font-size:9px}.motion-toggle{font-size:10px;padding:8px 11px}.stage-bottom{font-size:12px}.section{padding:85px 0}.manifesto-end{gap:35px}.manifesto-end>span{font-size:10px;min-width:130px}.manifesto-end p{font-size:15px}.dina-editorial{padding:65px 0}.dina-editorial-grid{grid-template-columns:1fr}.dina-portrait{height:610px}.dina-editorial-copy{padding:10px 0}.dina-editorial-copy h2{font-size:clamp(2.9rem,7.3vw,4rem)}.dina-editorial-copy p{max-width:600px}.product-section{padding:85px 0}.screen-ribbon{padding:0 20px}.screen-card{width:400px;padding:24px}.ribbon-note{display:block}.ribbon-note a{display:block;margin-top:12px}.ribbon-controls{margin-top:22px}.section-top p{max-width:520px}.foundation-art{min-height:540px}.platform-explorer{grid-template-columns:1fr;gap:60px;padding:40px 30px;margin-bottom:65px}.platform-diagram{max-width:560px;margin:auto;width:100%}.platform-description{min-height:265px}.platform-description h2{font-size:38px}.platform-diagram button{min-height:60px;padding:13px 22px}.platform-diagram button b{font-size:21px}.dina-intro{grid-template-columns:1fr;padding-top:45px;gap:40px}.dina-intro h1{font-size:clamp(3.3rem,9vw,5.2rem)}.dina-intro-portrait{height:630px}.page-intro{padding:65px 0}.page-intro h1{font-size:clamp(3rem,7vw,4.5rem)}.page-intro p{font-size:16px}.split{gap:40px}.cta{padding:65px 0}.pas-letter{font-size:100px}.contact-grid form{padding:28px}.founder-photo{max-width:100%;height:540px}.arch-body h3{font-size:32px}.arch-body{min-height:0}.module-body h2{font-size:36px}.module-body{min-height:0}.tabs{margin-bottom:35px}.brand-downloads{gap:20px}.footer-base{font-size:11px}.demo-detail h3{font-size:28px}.demo-detail>p{font-size:15px}.workflow-steps li{font-size:0}.type-specimen.mono-type{font-size:26px}}
@media(max-width:480px){.agency-hero{padding-top:38px}.agency-hero h1{font-size:clamp(3.05rem,12vw,3.8rem)}.agency-hero>.wrap>.eyebrow{font-size:10px}.hero-bottom .actions{gap:9px}.hero-bottom .text-link{font-size:12px}.button{font-size:13px;padding-left:21px;gap:18px}.arc-stage{height:480px}.arc-fallback{width:270px;height:270px}.arc-fallback i{border-width:15px}.arc-fallback i:nth-child(2){inset:26px}.arc-fallback i:nth-child(3){inset:52px}.arc-fallback i:nth-child(4){inset:78px}.stage-top{top:18px;left:15px;right:15px;gap:10px}.stage-top>span{font-size:8px;max-width:130px;line-height:1.6;gap:8px}.stage-bottom{bottom:20px;left:20px;right:20px;font-size:11px}.stage-hint{display:none}.orbit-label>b{font-size:11px}.orbit-label>span{font-size:8px}.orbit-label{padding:11px 13px;max-width:184px}.label-a{top:21%;left:17px}.label-b{top:49%;right:14px}.label-c{bottom:19%;left:17px}.manifesto .eyebrow{font-size:9px}.reveal-statement{font-size:32px}.reveal-statement br{display:none}.manifesto-end{display:block;margin-top:35px}.manifesto-end p{margin-top:20px}.dina-portrait{height:470px}.portrait-caption{font-size:30px}.portrait-tag{font-size:9px}.screen-card{width:calc(100vw - 54px);padding:22px 22px 18px;border-radius:18px}.screen-copy{margin-top:15px}.screen-copy>strong{font-size:27px;max-width:240px}.screen-copy>span{font-size:12px;max-width:265px;margin-top:10px}.screen-window{margin:19px -6px 5px;border-width:3px}.screen-foot{font-size:8px}.screen-foot>span{font-size:9px}.screen-top{font-size:9px}.screen-ribbon{gap:14px}.ribbon-note{font-size:10px}.section-top{margin-bottom:30px}.foundation-art{min-height:440px}.foundation-plane{height:140px;padding:22px;left:12%;width:76%}.foundation-plane span{font-size:8px;margin-bottom:13px}.foundation-plane b{font-size:19px}.plane-one{top:62px}.plane-two{top:160px}.plane-three{top:258px}.platform-explorer{padding:32px 22px;gap:48px;border-radius:20px}.platform-diagram button{min-height:54px;padding:12px 16px;gap:17px}.platform-diagram button b{font-size:19px}.platform-diagram button[aria-selected=true]{transform:translateX(8px) rotateX(10deg) rotateZ(-4deg)}.platform-description{min-height:330px}.platform-description h2{font-size:32px}.platform-description p{font-size:15px}.dina-intro-portrait{height:510px}.dina-intro p{font-size:15px}.dina-intro h1{font-size:50px}.screen-dialog{padding:16px;width:96vw;border-radius:14px}.dialog-bar h2{font-size:24px}.dialog-bar span{font-size:9px}.screen-dialog p{font-size:11px}.cta h2{font-size:44px}.page-intro h1{font-size:44px}.page-intro p{font-size:15px}.footer-grid{gap:30px}.footer-grid a:not(.brand){font-size:13px}.pas-letter{font-size:100px}.brand-previews{gap:16px}.logo-preview{padding:50px 28px 25px}.method-step summary small{font-size:10px}.swatch-button b{font-size:12px}.swatch-button code{font-size:11px}.swatches{gap:13px}.type-specimen{font-size:31px}.dina-editorial-copy h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.foundation-plane,.platform-diagram button,.screen-window{transition:none}.arc-stage canvas{display:block}.reveal-statement{opacity:1!important}.stage-hint{display:none}.motion-toggle{display:none}}
/* Keep complete screenshots and captions inside every square, including narrow phones. */
.screen-expand{line-height:24px}.screen-window{flex-shrink:1;min-height:0}.screen-window img{height:100%;object-fit:contain}.screen-foot{flex-shrink:0}
@media(max-width:480px){.screen-top{height:22px;flex-shrink:0}.screen-expand{font-size:20px;line-height:22px}.screen-copy{margin-top:13px}.screen-copy>strong{font-size:25px}.screen-copy>span{font-size:11px;line-height:1.4;margin-top:8px}.screen-window{margin-top:15px;margin-bottom:0;flex:1;display:flex;background:#fff;align-items:center;min-height:60px}.screen-window img{width:100%;max-height:100%;object-fit:contain}.screen-foot{font-size:7px;padding-top:10px;line-height:1.3}.screen-foot>span{font-size:8px;line-height:1.3}}
/* Product-led opening: a real request, visible handoffs and a human decision. */
.work-scene{background:#e8edf3;border-radius:25px;overflow:hidden;margin-top:30px;text-align:left}.work-scene-heading{padding:31px 35px 28px;display:flex;justify-content:space-between;align-items:center;gap:25px}.work-scene-heading .eyebrow{margin-bottom:10px;font-size:10px}.work-scene-heading h2{font-size:34px;letter-spacing:-.045em}.preview-label{font-size:11px;color:#6b7788;border:1px solid #c3ccd8;border-radius:30px;padding:7px 13px}.work-scene-grid{display:grid;grid-template-columns:.8fr 1.8fr;gap:0;margin:0 25px;background:#fff;border-radius:19px;overflow:hidden;min-height:585px}.work-colleague{position:relative;overflow:hidden;background:#c7d6e5;min-height:585px}.work-colleague>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:18% center}.work-colleague:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#101b2cdd)}.work-colleague-top{position:absolute;top:20px;left:20px;right:20px;padding:12px 15px;border-radius:12px;background:#ffffffe8;backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;z-index:2}.work-colleague-top>span:last-child{margin-left:auto;color:#647184;font-size:10px;font-weight:400}.work-presence{width:6px;height:6px;background:#0071e3;border-radius:50%}.work-request{position:absolute;bottom:30px;left:27px;right:25px;z-index:2;color:white}.work-request>span{font:10px JetBrains;color:#d0deed;letter-spacing:.05em}.work-request p{font-size:clamp(25px,2.3vw,37px);line-height:1.15;letter-spacing:-.04em;color:white;margin:16px 0 25px;font-weight:450}.work-request>div{font-size:11px;color:#d3e0ef;border-top:1px solid #ffffff30;padding-top:18px;display:flex;align-items:center;gap:9px}.work-request i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#dae9a5}.work-story{padding:27px 32px;background:#fff;display:flex;flex-direction:column;position:relative;min-width:0}.story-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.story-topline>span{font:10px JetBrains;color:#0071e3}.story-play{background:none;border:1px solid #c8d2df;border-radius:30px;padding:8px 12px;font-size:11px;color:#3a526d}.story-head{min-height:113px}.story-head h3{font-size:33px;line-height:1.06;max-width:580px}.story-head p{font-size:13px;line-height:1.5;max-width:510px;margin-top:14px}.story-owners{display:flex;align-items:center;margin:21px 0;gap:6px}.story-owners>span{font-size:10px;color:#8a95a4;background:#f1f4f8;border-radius:50px;padding:6px 10px;white-space:nowrap;transition:background .4s,color .4s}.story-owners>span.active{background:#e3f0ff;color:#0071e3}.story-owners>i{height:1px;background:#d6e0ed;flex:1;position:relative;overflow:hidden}.story-owners>i.flow:after{content:'';position:absolute;inset:0;background:#0071e3;animation:handoff 1.8s ease-in-out infinite}.story-screen{padding:0;display:block;position:relative;border:1px solid #d0d9e4;border-radius:10px;overflow:hidden;width:100%;background:#f5f5f7;text-align:left;box-shadow:0 12px 22px #14335f0b;flex-shrink:0}.story-screen>img{width:100%;height:auto}.story-browser{height:26px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px;background:#edf1f6}.story-browser>span:first-child{display:flex;gap:3px}.story-browser i{width:4px;height:4px;background:#b2bfd0;border-radius:50%}.story-browser b{font:7px JetBrains;color:#6d7b8f}.story-browser>span:last-child{color:#6784a9;font-size:12px}.story-screen-note{position:absolute;right:8px;bottom:7px;font-size:9px;background:#191b20e5;color:white;padding:5px 8px;border-radius:5px;opacity:0;transition:opacity .2s}.story-screen:hover .story-screen-note,.story-screen:focus-visible .story-screen-note{opacity:1}.story-receipt{display:flex;gap:20px;align-items:start;padding-top:21px;margin-top:auto}.story-receipt>span{font:8px/1.5 JetBrains;color:#8290a2;min-width:80px}.story-receipt p{font-size:11px;line-height:1.5;color:#53677e}.story-chapters{display:flex;padding:24px 32px 0;gap:18px}.story-chapters>button{position:relative;flex:1;text-align:left;border:0;background:none;color:#8a97a8;font-size:12px;padding:10px 0 14px;white-space:nowrap}.story-chapters>button>span{font:9px JetBrains;margin-right:8px}.story-chapters>button>i{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ccd5e1}.story-chapters>button[aria-current=step]{color:#191b20}.story-chapters>button[aria-current=step]>i{background:#0071e3}.story-chapters>button.past{color:#496b96}.story-chapters>button:disabled{opacity:.45}.story-note{padding:17px 32px 24px;font-size:10px;color:#7b899c;line-height:1.5}.story-decision{padding:26px;background:#edf3d5;border:1px solid #d8e3b3;border-radius:12px;min-height:255px}.story-decision>span{font:10px JetBrains;color:#667444;display:block}.story-decision>strong{display:block;font-size:29px;letter-spacing:-.045em;font-weight:500;margin:17px 0 12px;line-height:1.1}.story-decision>p{font-size:13px;color:#596749;max-width:430px;line-height:1.6}.story-decision .button{margin-top:20px;min-height:45px;font-size:12px;padding:7px 10px 7px 18px;gap:20px}.story-decision .button>span{width:28px;height:28px;font-size:17px;background:#d8e79d;color:#191b20}.story-scene-paused .story-owners>i.flow:after{animation-play-state:paused}@keyframes handoff{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(max-width:1100px){.work-scene-grid{grid-template-columns:.85fr 1.6fr;min-height:570px;margin:0 20px}.work-colleague{min-height:570px}.work-story{padding:23px}.story-head h3{font-size:30px}.work-request{left:20px;right:20px}.work-request p{font-size:29px}.work-colleague-top{left:15px;right:15px;padding:10px;font-size:12px}.work-colleague-top>span:last-child{font-size:8px}.story-chapters{gap:10px;padding-left:25px;padding-right:25px}.story-chapters>button{font-size:10px}.story-chapters>button>span{font-size:8px;margin-right:5px}.story-owners{gap:4px}.story-owners>span{font-size:9px;padding:6px 8px}.story-head{min-height:150px}.story-receipt{gap:12px}.story-receipt>span{min-width:64px;font-size:7px}.story-receipt p{font-size:10px}.story-note{font-size:9px}.story-decision{padding:21px}.story-decision>strong{font-size:27px}}
@media(max-width:850px){.work-scene-heading{padding:26px}.work-scene-heading h2{font-size:29px}.preview-label{font-size:9px;padding:6px 9px}.work-scene-grid{grid-template-columns:1fr}.work-colleague{min-height:310px}.work-colleague>img{object-position:20% 29%}.work-colleague:after{inset:0;background:linear-gradient(90deg,transparent 15%,#101b2ca8 80%)}.work-colleague-top{right:auto;min-width:200px;top:18px;left:20px}.work-request{bottom:30px;left:47%;right:24px}.work-request p{font-size:29px}.work-request>span{font-size:9px}.work-request>div{font-size:10px}.work-story{padding:28px}.story-head{min-height:0}.story-head h3{font-size:33px}.story-head p{font-size:14px;max-width:580px}.story-owners>span{font-size:11px;padding:7px 14px}.story-owners{gap:9px;margin:24px 0}.story-receipt p{font-size:12px}.story-receipt>span{font-size:9px;min-width:100px}.story-chapters{gap:15px;overflow-x:auto;padding:17px 25px 0}.story-chapters>button{min-width:100px;font-size:11px}.story-chapters>button>span{display:block;margin:0 0 7px}.story-note{padding:16px 25px 22px;font-size:10px}.story-decision{min-height:0;padding:28px}.story-decision>strong{font-size:31px}.story-decision>p{font-size:14px}}
@media(max-width:480px){.work-scene{border-radius:20px}.work-scene-heading{padding:23px 19px;display:block}.work-scene-heading h2{font-size:27px}.work-scene-heading .eyebrow{font-size:9px}.preview-label{display:inline-block;margin-top:16px}.work-scene-grid{margin:0 12px;border-radius:13px}.work-colleague{min-height:320px}.work-colleague>img{object-position:23% 25%}.work-colleague:after{inset:25% 0 0;background:linear-gradient(transparent,#101b2cdb)}.work-colleague-top{left:15px;top:15px;min-width:0;right:15px}.work-request{left:20px;right:20px;bottom:20px}.work-request p{font-size:25px;margin:13px 0 16px}.work-request>div{font-size:9px;padding-top:12px}.work-story{padding:23px 17px}.story-topline{margin-bottom:23px;gap:10px}.story-topline>span{font-size:8px}.story-play{font-size:9px;padding:7px 9px}.story-head h3{font-size:28px}.story-head p{font-size:12px;margin-top:12px}.story-owners{gap:4px;margin:18px 0}.story-owners>span{font-size:9px;padding:6px 8px}.story-receipt{display:block;padding-top:15px}.story-receipt p{font-size:10px;margin-top:7px}.story-receipt>span{font-size:8px}.story-browser b{font-size:5px}.story-browser{height:20px;padding:0 7px}.story-chapters{padding-left:20px;padding-right:20px;gap:13px}.story-chapters>button{min-width:90px;font-size:10px}.story-note{padding-left:20px;padding-right:20px;font-size:9px}.story-decision{padding:19px}.story-decision>strong{font-size:27px}.story-decision>p{font-size:12px}.story-decision .button{font-size:11px;gap:12px}}
@media(prefers-reduced-motion:reduce){.story-owners>i.flow:after{animation:none}}
.story-return{display:block;background:transparent;border:0;padding:14px 0 0;font-size:12px;color:#556442;text-decoration:underline;text-underline-offset:4px}.story-chapters>button>i{overflow:hidden}.story-playing .story-chapters>button[aria-current=step]>i{background:#bbcce1}.story-playing .story-chapters>button[aria-current=step]>i:after{content:'';position:absolute;inset:0;background:#0071e3;transform-origin:left;animation:chapter-progress 5.5s linear forwards}@keyframes chapter-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.work-story{scroll-margin-top:115px}
/* Positioning Brief v0.3: approved hero and company introduction. */
.agency-hero .position-line{font-size:15px;color:#626c7b;text-align:center;margin-bottom:30px}.agency-hero h1{font-size:clamp(3.1rem,6.2vw,6.6rem);letter-spacing:-.065em;line-height:1.05}.agency-hero .hero-bottom{display:block;text-align:center;max-width:850px;margin:28px auto 45px}.agency-hero .hero-bottom p{font-size:16px;line-height:1.7}.agency-hero .hero-bottom .actions{justify-content:center;margin-top:26px}.who-section{background:#f5f5f7}.who-section h2{font-size:clamp(2.7rem,4vw,4rem)}.who-section .prose p{font-size:17px;line-height:1.8}.foundation-teaser p{font-size:16px;max-width:560px}.colleague-copy h2{font-size:29px;line-height:1.12}.colleague-copy>span:first-child{font:500 12px JetBrains;letter-spacing:.04em;color:#0071e3}
@media(max-width:850px){.agency-hero .position-line{font-size:13px;max-width:420px;margin:0 auto 25px}.agency-hero h1{font-size:clamp(2.8rem,7vw,4.8rem)}.agency-hero .hero-bottom{max-width:640px}.agency-hero .hero-bottom p{font-size:15px}.who-section .prose p{font-size:16px}.who-section h2{font-size:43px}}
@media(max-width:480px){.agency-hero .position-line{font-size:12px;max-width:280px}.agency-hero h1{font-size:42px;letter-spacing:-.06em}.agency-hero .hero-bottom p{font-size:14px;line-height:1.65}.agency-hero .hero-bottom{margin:25px auto 32px}.who-section h2{font-size:36px}.who-section .prose p{font-size:15px}.colleague-copy h2{font-size:30px}}
@media(max-width:480px){.agency-hero .hero-bottom p,.who-section .prose p{font-size:16px}}

/* Six-part platform overview, following the supplied editorial reference. */
.platform-overview{background:#fff}.platform-overview-heading h2{font-size:clamp(40px,5.3vw,76px);letter-spacing:-.065em;line-height:1.04;max-width:1050px}.platform-overview-heading>p{max-width:810px;font-size:19px;margin:30px 0 65px;line-height:1.7}.platform-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce1e8;border-radius:18px;overflow:hidden}.platform-overview-grid article{padding:35px 32px 40px;border-right:1px solid #e0e4ea;border-bottom:1px solid #e0e4ea;background:#fff;transition:background .25s}.platform-overview-grid article:nth-child(3n){border-right:0}.platform-overview-grid article:nth-child(n+4){border-bottom:0}.platform-overview-grid article:last-child{background:#f5f6f8}.platform-overview-grid article:hover{background:#f0f5fc}.platform-overview-grid article>span{font:10px JetBrains;letter-spacing:.11em;color:#0071e3}.platform-overview-grid h3{font-size:27px;line-height:1.1;margin:20px 0 16px;letter-spacing:-.05em}.platform-overview-grid p{font-size:14px;line-height:1.7;margin:0;color:#657080}.platform-overview-foot{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.platform-overview-foot>span{font:9px JetBrains;color:#8b94a2;letter-spacing:.06em}
@media(max-width:950px){.platform-overview-grid article{padding:28px 24px}.platform-overview-grid h3{font-size:23px}.platform-overview-grid p{font-size:13px}.platform-overview-heading>p{font-size:17px}.platform-overview-grid{grid-template-columns:repeat(2,1fr)}.platform-overview-grid article:nth-child(3n){border-right:1px solid #e0e4ea}.platform-overview-grid article:nth-child(2n){border-right:0}.platform-overview-grid article:nth-child(4){border-bottom:1px solid #e0e4ea}}
@media(max-width:540px){.platform-overview-heading h2{font-size:39px}.platform-overview-heading>p{font-size:15px;margin:25px 0 35px}.platform-overview-grid{grid-template-columns:1fr;border-radius:14px}.platform-overview-grid article{padding:27px 24px;border-right:0!important;border-bottom:1px solid #e0e4ea!important}.platform-overview-grid article:last-child{border-bottom:0!important}.platform-overview-grid article>span{font-size:9px}.platform-overview-grid h3{font-size:26px;margin:16px 0 12px}.platform-overview-grid p{font-size:14px}.platform-overview-foot .text-link{font-size:12px}}
/* Wordmark-first identity: no separate emblem in the primary lockup. */
.brand .brand-wordmark{width:212px;height:43px;object-fit:contain;display:block}.site-footer .brand-wordmark{width:230px;height:48px}.brand{gap:0}.header-inner .brand{flex-shrink:0}@media(max-width:600px){.brand .brand-wordmark{width:180px;height:39px}.site-footer .brand-wordmark{width:210px;height:45px}}

/* Compact colleague profiles, following the supplied card reference. */
.compact-roster{background:#f5f5f7;padding-top:35px}.compact-roster .roster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.compact-roster .colleague-card{display:flex;flex-direction:column;min-height:325px;padding:27px 25px 25px;border:1px solid #dfe3eb;border-radius:24px;background:#fff;box-shadow:0 2px 5px #17233904;transition:box-shadow .25s,border-color .25s}.compact-roster .colleague-card[hidden]{display:none}.compact-roster .colleague-card:hover{border-color:#b7cbe5;box-shadow:0 6px 22px #233d6308}.colleague-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:25px}.colleague-card-top>img{width:58px;height:58px;flex-shrink:0;border-radius:50%;object-fit:cover;object-position:center 22%}.colleague-badge-status{display:block;font:500 10px/1.4 Inter;color:#80838d;background:#f4f4f7;padding:7px 10px;border-radius:30px;text-align:center;white-space:nowrap}.colleague-card[data-status=current] .colleague-badge-status{background:#e7f4ec;color:#328059}.colleague-card-details h2{font:600 23px/1.15 Inter;letter-spacing:-.03em;margin:0 0 10px}.colleague-card-details .colleague-role{font:550 10px/1.5 Inter;text-transform:uppercase;letter-spacing:.085em;color:#777c87;margin:0 0 17px}.colleague-card-details .colleague-description{font-size:14px;line-height:1.65;color:#747983;margin:0 0 25px}.colleague-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;font-size:11px;color:#9296a0}.colleague-card-foot a{font-size:11px;font-weight:500;color:#0071e3;white-space:nowrap}.colleague-card-foot a:focus-visible{outline:2px solid #0071e3;outline-offset:5px;border-radius:2px}
@media(max-width:1150px){.compact-roster .roster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.compact-roster .colleague-card{padding:25px;min-height:320px}}
@media(max-width:850px){.compact-roster .roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compact-roster .colleague-card{padding:24px}.colleague-card-details .colleague-description{font-size:14px}.colleague-card-details h2{font-size:24px}}
@media(max-width:540px){.compact-roster{padding-top:20px}.compact-roster .roster-grid{grid-template-columns:1fr;gap:16px}.compact-roster .colleague-card{min-height:280px;padding:25px;border-radius:22px}.colleague-card-top{margin-bottom:21px}.colleague-card-top>img{width:58px;height:58px}.colleague-badge-status{font-size:11px}.colleague-card-details .colleague-role{font-size:11px}.colleague-card-details .colleague-description{font-size:15px;margin-bottom:25px}.colleague-card-foot{font-size:12px}.colleague-card-foot a{font-size:12px}}

.stacked-previews{margin-top:25px}.stacked-previews .logo-preview img{width:min(100%,230px)}

/* Match the homepage statement to the Inter-based One Arc wordmark. */
.agency-hero h1{font-family:Inter,Arial,sans-serif;font-weight:650}
/* DINA console close */
#console .dina-console-heading{display:flex;flex-direction:column;gap:clamp(20px,2vw,30px);max-width:none;font-size:clamp(38px,3.5vw,54px);line-height:1}
#console .dina-console-heading span{display:block;white-space:nowrap}
@media(max-width:850px){#console .dina-console-heading{gap:16px;font-size:clamp(36px,8vw,48px)}#console .dina-console-heading span{white-space:normal}}