/* U-Team 4.1 — expressive type, dimensional identity, editorial composition. */
:root{--bg:#101112;--surface:#191b1d;--text:#edf0f3;--muted:#a9adb2;--accent-light:#8fb5e7;--line:#34373b;--paper:#e5e9ee;--ink:#181b20;--container:1320px}
body{background:var(--bg);color:var(--text)}h1,h2,h3{font-weight:550;letter-spacing:-.05em}h2{font-size:clamp(40px,4.7vw,68px);line-height:1.05}.container{width:min(var(--container),calc(100% - 100px))}.section{padding-block:108px}.muted{color:#8d96a2}.gradient-text{background-image:linear-gradient(100deg,#8fb5e7,#9abbe7 50%,#a0dedd);color:transparent}.eyebrow{font-size:10px;letter-spacing:.12em;color:#b5bdc8}.eyebrow>span{color:var(--accent-light)}.eyebrow i{width:40px}.label{letter-spacing:.06em}.section-heading{margin-bottom:58px;gap:65px}.section-heading>p,.section-heading>div+div{max-width:325px}.section-heading p{font-size:14px;line-height:1.8}
.site-header{background:#101112eb;border-bottom-color:#2f3339}.header-inner{height:90px}.site-header.has-scrolled{background:#101317f2}.site-nav{gap:31px}.nav-link{font-size:12px;color:#bcc1c8}.nav-link[aria-current]:after{background:var(--accent-light)}.brand img{width:199px}.language-switch a{color:#a2a8b1}.button{border-radius:40px;min-height:56px;padding-inline:24px;gap:23px}.button-primary{background:var(--accent-light);color:#14181f;box-shadow:none}.button-primary:hover{background:#bbd2f0;color:#14181f}.button-small{min-height:45px;font-size:11px;padding:10px 18px}.button-primary svg{background:#14181f;color:var(--accent-light);border-radius:50%;padding:6px;width:31px;height:31px;margin-right:-10px}.button-small svg{width:25px;height:25px;padding:5px;margin-right:-7px}.motion-on .button-primary:hover{box-shadow:0 8px 34px #7ea4d626}.button-outline{border-color:#616974}.button-outline:hover{border-color:var(--accent-light);background:#8fb5e70a}.text-link svg{width:21px;height:21px}.count{border-color:#495463;color:#cbd3de}.motion-toggle{background:#1e2329ef;border-color:#536070;color:#d2d9e3}.motion-toggle:before{color:var(--accent-light)}.reading-progress{background:linear-gradient(90deg,#9dbee9,#8fb5e7,#80adff)}
.hero,.motion-on .hero{position:relative;background:radial-gradient(ellipse at 77% 40%,#2c37453b,transparent 50%),#101112}.hero-grid{grid-template-columns:1.12fr .88fr;gap:0;min-height:710px;padding-top:60px;padding-bottom:64px}.hero-copy{z-index:3}.hero-copy .eyebrow{margin-bottom:36px;font-size:10px}.hero-copy .eyebrow:before{background:var(--accent-light);box-shadow:0 0 16px #8fb5e760}.hero h1{font-size:clamp(82px,8.2vw,124px);font-weight:550;letter-spacing:-.085em;line-height:.96}.headline-line{display:block}.hero h1 .gradient-text{padding:0 .08em .12em 0;font-style:italic;font-weight:450;letter-spacing:-.075em}.hero-copy p.hero-statement{font-size:30px;letter-spacing:-.055em;color:#d2d8e1;margin-top:15px;margin-bottom:17px;line-height:1.3;max-width:none}.hero-copy>p:not(.hero-statement){max-width:375px;font-size:13px;line-height:1.85;margin-top:0;margin-bottom:27px}.hero-tags{font-size:8px;margin-top:32px;color:#98a1ac;gap:16px}.hero-tags span+span:before{margin-right:16px}.hero-bottom{min-height:60px;border-color:#2f3843;font-size:8px;color:#94a0af}.hero-bottom a{font-size:10px;color:#ccd4df}
.hero-art{height:570px;margin-right:-12px;perspective:1200px}.hero-art-label{top:0;left:40px;right:25px;color:#bec8d5;font-size:9px}.live-dot{background:var(--accent-light)}.orb-scene{position:absolute;inset:20px -15px 20px -30px;perspective:1000px;pointer-events:none}.orb-aura{position:absolute;inset:25px;background:radial-gradient(ellipse,#6699db1d 0,#2c51811b 30%,transparent 66%);border-radius:50%}.orb-axis{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s}.orb-ring{position:absolute;left:50%;top:50%;width:380px;height:380px;margin:-190px;border-radius:50%;border:22px solid #90b0db;box-shadow:inset 3px 4px 5px #fff8,inset -7px -6px 10px #0e1116ce,3px 4px 5px #c5d9f380,9px 15px 35px #0007;background:transparent;backface-visibility:visible}.ring-one{transform:rotateZ(-30deg) rotateY(65deg);border-color:#b4cbea}.ring-two{transform:rotateZ(32deg) rotateY(66deg);border-color:#748397}.ring-three{transform:rotateX(70deg) rotateZ(10deg);border-width:18px;border-color:#abc9d2}.orb-center{position:absolute;left:50%;top:50%;width:151px;height:151px;margin:-75px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 28% 23%,#52799a,#203446 45%,#101b24 75%);box-shadow:inset 1px 2px 4px #eff6ff88,inset -6px -7px 15px #0009,0 10px 40px #0009;border:1px solid #aac9e780}.orb-center img{width:58px;height:68px;filter:drop-shadow(0 5px 5px #0008)}.orb-cross{position:absolute;color:#7d8ea5;font-size:24px;font-weight:400}.cross-one{top:65px;left:12px}.cross-two{bottom:72px;right:0}.orb-word{position:absolute;top:48%;left:-45px;rotate:-90deg;font-size:8px;letter-spacing:.19em;color:#858e9a}
.hero-browser,.motion-on .hero-browser{top:auto;bottom:4px;left:-60px;right:auto;width:56%;border-radius:10px;border-color:#7c899b;transform:rotate(-9deg);box-shadow:0 22px 65px #0008;z-index:2}.hero-browser .browser-bar{height:27px;background:#242930;font-size:7px;color:#dde3ea}.hero-browser .browser-dots{color:#92a3ba;font-size:6px}.hero-secondary,.motion-on .hero-secondary{top:30px;bottom:auto;right:-12px;width:43%;border-color:#808c9b;border-radius:10px;transform:rotate(10deg);z-index:2}.hero-secondary>span{font-size:8px}.hero-art-note{left:auto;right:15px;bottom:14px!important;max-width:180px}.hero-art-note>span{color:var(--accent-light);font-size:9px}.hero-art-note p{font-size:10px;color:#aab4c1}.motion-on .hero-art.pointer-active .hero-browser{transform:rotate(-5deg) rotateY(var(--ry,0deg))}.motion-on .hero-art.pointer-active .hero-secondary{transform:rotate(7deg) rotateX(var(--rx,0deg))}
.kinetic-strip{overflow:hidden;border-top:1px solid #2d3744;border-bottom:1px solid #2d3744;margin-top:15px;background:#87b0e6;color:#13171d;padding:17px 0}.kinetic-track{display:flex;width:max-content}.kinetic-track>span{flex-shrink:0;white-space:nowrap;font-size:25px;letter-spacing:-.02em;font-weight:650;word-spacing:23px;padding-right:23px;line-height:1.3}.kinetic-track b{font-weight:400;display:inline-block}.motion-on .kinetic-track{animation:ut-marquee 24s linear infinite}.motion-on .ring-one{animation:ut-sculpt-one 18s ease-in-out infinite alternate}.motion-on .ring-two{animation:ut-sculpt-two 23s ease-in-out infinite alternate}.motion-on .ring-three{animation:ut-sculpt-three 20s ease-in-out infinite alternate}.motion-on .orb-center{animation:ut-sphere 7s ease-in-out infinite}.motion-on .orb-aura{animation:ut-breathe 9s ease-in-out infinite alternate}
.work-section{background:#101112}.home-projects{grid-template-columns:repeat(12,minmax(0,1fr));gap:65px 42px}.home-projects>.project-card:first-child{grid-column:1/8}.home-projects>.project-card:nth-child(2){grid-column:8/13;margin-top:110px}.home-projects>.project-card:nth-child(3){grid-column:1/13;display:grid;grid-template-columns:1.1fr .8fr;column-gap:65px;align-items:center}.home-projects>.project-card:nth-child(3)>.project-image{grid-row:1/3}.home-projects>.project-card:nth-child(3)>.project-caption{align-self:end;margin-top:0}.home-projects>.project-card:nth-child(3)>p{align-self:start;margin-top:20px;font-size:15px;max-width:340px}.project-image{padding:0!important;border:1px solid #54647830;border-radius:4px;background:#1d2127;isolation:isolate}.project-image img{border-radius:3px;width:100%;transition:transform .8s cubic-bezier(.2,.75,.2,1);aspect-ratio:1.55;object-fit:cover}.project-image:hover img{transform:scale(1.055)}.project-open{width:52px;height:52px;right:18px;bottom:18px;background:#c8d9f0;color:#151b22;border:0;transition:scale .3s,background .3s}.project-open svg{width:20px;height:20px}.project-image:hover .project-open{scale:1.12;background:var(--accent-light)}.project-caption{margin-top:22px}.project-caption h3{font-size:30px;font-weight:550}.project-caption .label{font-size:9px;color:#aab0b8}.project-card>p{font-size:13px;color:#9ca6b2;max-width:440px}.home-projects>.project-card:nth-child(3) h3{font-size:47px}.project-dot{width:9px;height:9px}.portfolio-grid{gap:64px 40px}.portfolio-grid .project-image img{aspect-ratio:1.6}.portfolio-grid .project-card:nth-child(even){translate:0 65px}.portfolio-section{padding-bottom:165px}.portfolio-filters button{border-color:#545e6b;color:#bbc3ce}.portfolio-filters button[aria-pressed=true]{background:var(--accent-light);color:#13171d;border-color:var(--accent-light)}.portfolio-grid:has(.project-card[hidden]) .project-card{translate:none}
.light-section{background:var(--paper);--muted:#555b63;--line:#bbc2cc}.light-section .eyebrow{color:#435061}.light-section .eyebrow>span{color:#3e4d61}.light-section .text-link{color:#191f27}.light-section .count{color:#374557}.light-section .project-caption .label,.light-section .project-card>p{color:#4a5666}.light-section .service-grid{display:block;border-top:1px solid #99a8bc}.service-card{display:grid;grid-template-columns:75px 1.1fr 1fr 50px;gap:26px;align-items:center;padding:36px 12px;border:0;border-bottom:1px solid #a4b1c3;border-radius:0;background:transparent;min-height:165px}.service-card:hover{transform:none;background:#d7dde5}.service-top{margin:0}.service-top .service-icon{display:none}.service-top .label{font-size:44px;letter-spacing:-.07em;font-weight:450;color:#485970}.service-card h3{font-size:31px;max-width:310px;line-height:1.13}.service-card p{font-size:12px;margin:0;max-width:350px;line-height:1.85}.service-bottom{margin:0;justify-content:center}.service-bottom>span{display:none}.service-bottom>svg{width:47px;height:47px;padding:12px;border:1px solid #758599;border-radius:50%;transition:rotate .4s,background .4s}.service-card:hover .service-bottom>svg{rotate:45deg;background:var(--accent-light);border-color:#5f7695}.motion-on .service-card:after{background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%),#84abdf29,transparent 70%)}.section-footnote{justify-content:space-between;border-top:0;padding-top:14px}.section-footnote>span{font-size:12px}.support-grid{border-top:1px solid #a2afc0}.light-section .step-number{color:#3e4d61}
.process-grid{gap:12px}.process-grid .process-step{background:#181b20;border-color:#353e49;border-radius:5px;padding:30px 25px;min-height:225px}.process-step summary{min-height:142px}.process-step .step-number{font-size:13px;color:#a7c3e8;margin-bottom:48px}.process-step summary h3{font-size:25px}.process-step[open]{background:var(--accent-light)!important;border-color:var(--accent-light)!important;color:#181e25}.process-step[open] .step-number,.process-step[open] summary:after{color:#323f4f}.process-grid .process-step[open] p{border-color:#6d84a2;color:#2e3948}.process-step summary:after{color:#99a9bd}.studio-section{background:#181c22;border-color:#384555}.studio-grid{grid-template-columns:1fr 1.1fr;gap:95px}.studio-mark{min-height:420px;background:radial-gradient(circle,#82ade522,transparent 60%),#1b2128;border-color:#3b495c;border-radius:50%;aspect-ratio:1;max-width:425px}.studio-mark:before{inset:30px;border-color:#5a708c6b}.studio-mark>img{width:104px;height:120px}.studio-mark>span{color:#bbcee6}.studio-coordinates{color:#9babbf;bottom:50px}.studio-grid h2{font-size:48px}.studio-grid p{font-size:14px;color:#aeb8c4}.check-list li{color:#bec8d6}.check-list svg{color:var(--accent-light)}.light-section .check-list svg{color:#405065}.studio-grid .text-link{color:var(--accent-light)}
.contact-section{background:radial-gradient(ellipse at 0 80%,#284f811a,transparent 55%),#101317}.contact-grid{gap:90px;align-items:center}.contact-copy h2{font-size:clamp(43px,5vw,72px)}.contact-copy p{color:#9da8b7;max-width:375px}.direct-email{font-size:24px}.contact-copy>.text-link{color:#b0bdcd}.contact-form{border-radius:5px;border:1px solid #425267;background:#1e242b;padding:37px}.contact-form input,.contact-form select,.contact-form textarea{border-color:#546780;color:#eaeef2}.contact-form label{color:#ced6e0}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9baabd}.contact-form label>span{color:var(--accent-light)}.contact-form select option{background:#232c37;color:#e7eaef}.form-note{color:#a0afc3}.contact-form .form-submit{flex-wrap:wrap;gap:16px}.contact-form .form-note{max-width:250px}.form-status{color:#bad1f0}.form-status.is-error{color:#ffc7b5}.contact-form:focus-within{border-color:#8699b1}.site-footer{background:#0b0d10;border-color:#2c3644;padding-top:35px}.footer-wordmark{display:flex;align-items:flex-start;justify-content:space-between;font-size:clamp(90px,18.1vw,264px);line-height:1;letter-spacing:-.1em;color:#c7d0db;padding:20px 8px 40px 0;white-space:nowrap;overflow:hidden}.footer-wordmark span{font-size:25px;letter-spacing:0;margin-top:28px}.footer-main{padding-top:30px;border-top:1px solid #313c4b;gap:65px}.footer-main p,.footer-contacts .label{color:#8e9cae}.footer-main nav a,.footer-contacts a{color:#b3bfcf}.footer-bottom{color:#8e9db1;border-color:#2b3644}
.page-intro{padding-top:35px;padding-bottom:75px}.page-intro h1{font-size:clamp(52px,6.8vw,100px);line-height:1.03;max-width:1140px}.page-intro>.lead{font-size:18px;color:#9facbe}.breadcrumb{color:#8b9cb3;margin-bottom:60px}.breadcrumb span[aria-current]{color:#cad2dd}.case-visual{border-radius:5px;padding:22px}.case-visual img{border-radius:2px}.case-heading h1{font-size:clamp(52px,6.8vw,100px)}.case-tags>span{border-color:#546173;color:#bac5d3;border-radius:25px}.case-body h2{font-size:46px}.case-body .lead{color:#adb7c5}.service-hero{gap:55px}.service-hero h1{font-size:clamp(48px,5.4vw,80px)}.service-hero-art{min-height:320px;background:radial-gradient(circle,#8fb5e724,transparent 65%),#1b212a;border-color:#425266;border-radius:50%}.service-hero-icon{background:#9bbbe6;border-color:#90aed6;color:#202832;border-radius:27%;transform:rotate(-10deg)}.service-hero-art .label{color:#b9c4d3}.service-hero-art .art-orbit{border-color:#788da970}.deliverable h3{font-size:25px}.faq-list summary{font-size:18px}.faq-list summary>span{color:var(--accent-light)}.faq-list details p{color:#a6b4c6}.compact-cta{background:linear-gradient(130deg,#1f2630,#12161b);border-color:#3e4d60}.cta-inner h2{font-size:48px}.expertise-list h3{font-size:29px}.expertise-list p{color:#a3b0c1}.audit-choice{border-color:#495a71;background:#171b20}.audit-choice:has(input:checked){background:#293341;border-color:#8aaede}.audit-choice input{accent-color:#8195af}.audit-choice svg{color:var(--accent-light)}.audit-result{border-radius:5px;background:radial-gradient(ellipse at top left,#648ec51a,transparent 70%),#1c232d;border-color:#4e617a}.audit-result p{color:#afbccc}.audit-result .eyebrow{color:#b8c3d2}.audit-result .service-icon{color:var(--accent-light);border-color:#697f9c}.audit-result h2{font-size:41px}.audit-form textarea{border-color:#506177;color:#dfe4ea}.audit-form>label{color:#bbc6d4}.workflow li{border-radius:5px;background:#1e2630;border-color:#4e617a;color:#c9d1dc}.workflow li.step-running{background:#344151;border-color:#8fb5e7;color:#fff}.workflow li.step-complete{background:#202833;color:#c1d4ed}.workflow li:not(:last-child):after{color:#8fb5e7}.workflow-status{color:#bac5d3}
@keyframes ut-marquee{to{transform:translateX(-50%)}}
@keyframes ut-sculpt-one{from{transform:rotateZ(-30deg) rotateY(65deg)}to{transform:rotateZ(-65deg) rotateY(45deg)}}
@keyframes ut-sculpt-two{from{transform:rotateZ(32deg) rotateY(66deg)}to{transform:rotateZ(65deg) rotateY(80deg)}}
@keyframes ut-sculpt-three{from{transform:rotateX(70deg) rotateZ(10deg)}to{transform:rotateX(48deg) rotateZ(40deg)}}
@keyframes ut-sphere{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes ut-breathe{from{opacity:.5;scale:.94}to{opacity:1;scale:1.1}}
@media(min-width:1500px){.hero-grid{min-height:760px}.hero-art{height:610px}.orb-ring{width:425px;height:425px;margin:-212px}.hero-browser{bottom:14px}}
@media(max-width:1200px){.container{width:calc(100% - 70px)}.hero h1{font-size:8.8vw}.hero-art{height:535px}.orb-ring{width:320px;height:320px;margin:-160px;border-width:19px}.orb-center{width:132px;height:132px;margin:-66px}.hero-browser,.motion-on .hero-browser{left:-20px;width:62%;bottom:0}.hero-secondary,.motion-on .hero-secondary{right:0;width:47%;top:40px}.hero-art-note{right:0;bottom:5px!important;max-width:120px}.hero-art-label{left:15px;right:0}.orb-word{left:-45px}.site-nav{gap:20px}.home-projects{gap:50px 30px}.service-card{grid-template-columns:55px 1fr 1fr 45px;gap:23px}.service-card h3{font-size:27px}.studio-grid{gap:65px}.contact-grid{gap:50px}.contact-form{padding:28px}.process-grid .process-step{padding:25px 20px}.process-step summary h3{font-size:22px}}
@media(max-width:1000px){.js .header-inner{height:78px}.js .site-nav{background:#161b22;border-color:#3b495c}.hero-grid{grid-template-columns:1.08fr .92fr;min-height:650px;padding-top:55px;padding-bottom:55px}.hero h1{font-size:8.6vw}.hero-copy p.hero-statement{font-size:26px}.hero-copy>p:not(.hero-statement){font-size:12px;max-width:335px}.hero-art{height:480px}.orb-ring{width:280px;height:280px;margin:-140px;border-width:16px}.orb-center{width:115px;height:115px;margin:-57px}.orb-center img{width:45px;height:55px}.orb-word{display:none}.hero-browser,.motion-on .hero-browser{width:68%;left:-5px;bottom:15px}.hero-secondary,.motion-on .hero-secondary{width:50%;top:43px}.hero-art-note{bottom:-28px!important}.hero-art-note p{font-size:9px}.hero-art-label{font-size:8px}.hero-copy .button-row{gap:7px}.hero-copy .button{padding:12px 17px;font-size:11px}.hero-tags{font-size:7px;gap:9px}.hero-tags span+span:before{margin-right:9px}.kinetic-track>span{font-size:21px;word-spacing:18px}.home-projects>.project-card:nth-child(2){margin-top:80px}.home-projects>.project-card:nth-child(3){column-gap:35px}.home-projects>.project-card:nth-child(3) h3{font-size:35px}.service-card{grid-template-columns:46px 1fr 42px;gap:20px;padding-block:30px}.service-card p{grid-column:2;grid-row:2;max-width:none;font-size:12px}.service-top{grid-column:1;grid-row:1/3;align-self:start}.service-card h3{grid-column:2;grid-row:1}.service-bottom{grid-column:3;grid-row:1/3}.service-top .label{font-size:38px}.studio-grid{gap:40px}.studio-mark{min-height:300px}.studio-grid h2{font-size:39px}.studio-coordinates{bottom:35px;font-size:7px}.contact-copy h2{font-size:48px}.contact-form{padding:25px}.service-hero-art{min-height:240px}.service-hero-art .label{font-size:7px}.cta-inner h2{font-size:40px}.portfolio-grid .project-card:nth-child(even){translate:0 45px}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.section{padding-block:65px}.js .header-inner{height:74px}.brand img{width:167px}.hero-grid{display:block;min-height:0;padding-top:40px;padding-bottom:35px}.hero-copy .eyebrow{font-size:8px;margin-bottom:26px}.hero h1{font-size:clamp(64px,15.4vw,96px);letter-spacing:-.08em;line-height:.98}.hero-copy p.hero-statement{font-size:25px;margin-top:6px;margin-bottom:19px}.hero-copy>p:not(.hero-statement){font-size:12px;max-width:400px;margin-bottom:23px}.hero-copy .button{min-height:52px;font-size:10px;padding:11px 18px;gap:16px}.hero-copy .button-primary svg{width:27px;height:27px}.hero-copy .button-text{padding-inline:8px;gap:9px}.hero-copy .button-row{gap:8px}.hero-art{max-width:440px;height:370px;margin:26px auto 0}.hero-art-label{top:6px;left:4px;right:5px;font-size:8px}.orb-scene{inset:10px 0 0}.orb-ring{width:255px;height:255px;margin:-127px;border-width:16px}.orb-center{width:101px;height:101px;margin:-50px}.orb-center img{width:41px;height:48px}.cross-one{left:10px;top:90px}.cross-two{right:5px;bottom:70px}.hero-browser,.motion-on .hero-browser{width:52%;left:0;bottom:0;transform:rotate(-7deg)}.hero-secondary,.motion-on .hero-secondary{width:40%;right:0;top:42px;transform:rotate(9deg)}.hero-secondary>span{font-size:7px;padding-top:6px}.hero-browser .browser-bar{height:23px;font-size:6px}.hero-art-note{bottom:0!important;right:5px;max-width:110px}.hero-art-note p{font-size:8px;margin-top:6px}.hero-art-note>span{font-size:7px}.hero-bottom{font-size:6px;min-height:50px;gap:12px}.hero-bottom a{font-size:9px}.kinetic-strip{padding:12px 0;margin-top:0}.kinetic-track>span{font-size:18px;word-spacing:15px;padding-right:15px}.section-heading{margin-bottom:34px}.section-heading h2{font-size:40px}.section-heading p{font-size:13px}.section-heading>div+div{max-width:100%;margin-top:23px}.home-projects{display:grid;grid-template-columns:1fr;gap:36px}.home-projects>.project-card:first-child,.home-projects>.project-card:nth-child(2),.home-projects>.project-card:nth-child(3){grid-column:auto;display:block;margin-top:0}.home-projects>.project-card:nth-child(3) h3,.project-caption h3{font-size:26px}.home-projects>.project-card:nth-child(3)>p,.project-card>p{font-size:12px;margin-top:13px}.home-projects>.project-card:nth-child(3)>.project-caption{margin-top:22px}.project-image img{aspect-ratio:1.6}.project-open{width:43px;height:43px;right:14px;bottom:14px}.portfolio-grid{gap:38px}.portfolio-grid .project-card:nth-child(even){translate:none}.portfolio-section{padding-top:0;padding-bottom:65px}.service-card{grid-template-columns:35px 1fr 37px;gap:14px;padding:25px 0;min-height:0}.service-card h3{font-size:26px;max-width:none}.service-card p{font-size:11px;line-height:1.8}.service-top .label{font-size:31px}.service-bottom>svg{width:37px;height:37px;padding:9px}.section-footnote{align-items:flex-start;gap:7px}.process-grid .process-step{padding:22px 17px;min-height:210px}.process-step summary{min-height:137px}.process-step .step-number{margin-bottom:50px}.process-step summary h3{font-size:21px}.process-grid .process-step p{font-size:11px}.studio-grid{gap:36px}.studio-mark{width:280px;min-height:280px;align-self:center}.studio-mark>img{width:76px;height:87px}.studio-mark:before{inset:22px}.studio-mark>span{font-size:7px}.studio-coordinates{font-size:6px;bottom:29px}.studio-grid h2{font-size:38px}.studio-grid p{font-size:13px}.contact-copy h2{font-size:43px}.contact-copy p{font-size:13px}.direct-email{font-size:22px}.contact-form{padding:24px}.contact-form .form-submit{display:flex}.contact-form .form-note{max-width:none}.footer-wordmark{font-size:18vw;padding:15px 6px 25px 0}.footer-wordmark span{font-size:13px;margin-top:9px}.footer-main{gap:28px 20px;padding-top:27px}.footer-contacts a{font-size:10px}.page-intro h1,.case-heading h1{font-size:clamp(41px,10vw,60px)}.page-intro{padding-top:25px;padding-bottom:45px}.page-intro>.lead{font-size:15px}.breadcrumb{font-size:9px;gap:9px;margin-bottom:38px}.service-hero h1{font-size:45px}.case-visual{padding:10px}.case-body h2{font-size:35px}.case-body .lead{font-size:15px}.deliverable h3{font-size:23px}.faq-list summary{font-size:16px}.cta-inner h2{font-size:37px}.audit-result h2{font-size:34px}.service-hero-art{display:none}.motion-toggle{font-size:9px}.workflow-controls .button{font-size:11px}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero h1{font-size:14.8vw}.hero-art{height:335px}.orb-ring{width:232px;height:232px;margin:-116px}.hero-copy .button{font-size:9px;padding-inline:13px}.hero-copy .button-text{padding-inline:4px}.section-heading h2{font-size:35px}.service-card{grid-template-columns:29px 1fr 33px;gap:10px}.service-card h3{font-size:23px}.service-bottom>svg{width:33px;height:33px;padding:8px}.process-grid .process-step{min-height:170px}.process-step summary{min-height:96px}.process-step .step-number{margin-bottom:25px}.studio-mark{width:250px;min-height:250px}.contact-copy h2{font-size:37px}.page-intro h1{font-size:39px}.footer-wordmark{font-size:17.5vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.orb-ring,.orb-center{translate:none}.kinetic-track{transform:none}.headline-line{clip-path:none}}
@media print{.orb-scene,.kinetic-strip,.footer-wordmark{display:none}.home-projects{display:block}.hero h1{font-size:50px}.project-card{break-inside:avoid}}


/* Brand blue: #0170F5, sampled from the supplied logo SVG. */
:root{--brand:#0170f5;--brand-hover:#005ccb;--accent-light:#84b7ff;--bg:#090e17;--surface:#111b2a;--text:#f0f4fa;--muted:#a9b7cc;--line:#29384d;--paper:#f0f4fa;--ink:#14233a}
::selection{background:var(--brand);color:#fff}
.project-dot{background:var(--brand)}
.site-header{background:#090e17ed;border-bottom-color:#263449}.site-header.has-scrolled{background:#090e17f5}
.hero,.motion-on .hero{background:radial-gradient(ellipse at 77% 43%,#0170f530,transparent 49%),#090e17}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#84b7ff08 1px,transparent 1px),linear-gradient(90deg,#84b7ff08 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 35%,#000 100%)}
.gradient-text{background-image:linear-gradient(110deg,#4995ff 10%,#93c2ff 52%,#0170f5 95%)}
.hero h1{letter-spacing:-.075em}.hero h1 .gradient-text{letter-spacing:-.06em}
.hero-copy>p:not(.hero-statement){font-size:14px;max-width:405px}.hero-tags{font-size:9px}.hero-copy .eyebrow:before,.live-dot{background:var(--brand)}
.button-primary,.button-primary:hover{background:var(--brand);color:#fff}.button-primary:hover{background:var(--brand-hover)}
.button-primary svg{background:#fff;color:var(--brand)}.motion-on .button-primary:hover{box-shadow:0 10px 40px #0170f547}
.reading-progress{background:linear-gradient(90deg,#0170f5,#84b7ff)}
.orb-aura{background:radial-gradient(ellipse,#0170f540,transparent 65%)}
.orb-ring{border-width:14px;box-shadow:inset 2px 3px 3px #ffffffb0,inset -5px -5px 7px #071326bc,2px 3px 5px #86baff90,0 12px 34px #0008}
.ring-one{border-color:#0170f5}.ring-two{border-color:#b9d4f4}.ring-three{border-color:#3a76c0;border-width:11px}
.orb-center{background:radial-gradient(circle at 28% 23%,#39618b,#152942 46%,#070e1a 80%);border-color:#81b7f4a0;box-shadow:inset 1px 2px 5px #d1e8ff99,inset -6px -7px 15px #0009,0 14px 45px #0170f525}
.hero-browser,.hero-secondary{backdrop-filter:blur(15px);border-color:#b7cdec80}.hero-browser .browser-bar{background:#14253b;color:#ecf4ff}
.hero-browser:focus-visible,.hero-secondary:focus-visible{outline:3px solid #84b7ff;outline-offset:7px}
.kinetic-strip{background:var(--brand);color:#fff;border-color:#4995ff66;padding-block:19px}.kinetic-track>span{font-weight:550;letter-spacing:0;word-spacing:27px}.kinetic-track b{color:#bad7ff}
.work-section{background:#090e17}.project-image{border-radius:12px;background:#131f32}.project-image img{border-radius:11px}.project-image:hover,.project-image:focus-visible{border-color:#6aa9ff}
.project-open{background:#fff;color:var(--brand)}.project-image:hover .project-open{background:var(--brand);color:#fff}
.project-card>p{font-size:14px;line-height:1.75}.project-caption h3{letter-spacing:-.045em}
.portfolio-filters button[aria-pressed=true]{background:var(--brand);color:#fff;border-color:var(--brand)}
.light-section{color:var(--ink)}.light-section .service-grid{border-color:#b8c9df}.service-card{padding-inline:20px;transition:background .35s,color .35s,padding .35s}.service-card p{font-size:14px;line-height:1.75}.service-top .label{color:#496889}
.service-card:hover,.service-card:focus-visible{background:var(--brand);color:#fff;padding-inline:28px}.service-card:hover p,.service-card:focus-visible p,.service-card:hover .service-top .label,.service-card:focus-visible .service-top .label{color:#fff}.service-card:hover .service-bottom>svg,.service-card:focus-visible .service-bottom>svg{background:#fff;color:var(--brand);border-color:#fff;rotate:45deg}
.process-grid .process-step{border-radius:12px;background:#101b2c;border-color:#2b4160}.process-step[open]{background:var(--brand)!important;border-color:#4c9cfc!important;color:#fff}.process-step[open] .step-number,.process-step[open] summary:after{color:#fff}.process-grid .process-step[open] p{color:#fff;border-color:#ffffff50}
.studio-section{background:#0d1929;border-color:#273e5c}.studio-mark{border-color:#456b9e;background:radial-gradient(circle,#0170f52b,transparent 65%),#101f33}.studio-mark:before{border-color:#679feb65}
.contact-section{background:radial-gradient(ellipse at 5% 90%,#0170f524,transparent 55%),#0a111e}.contact-form{border-radius:16px;background:linear-gradient(145deg,#142943,#111c2d);border-color:#3c5b82;box-shadow:0 25px 65px #0002}.contact-form:focus-within{border-color:#84b7ff}
.contact-form label,.audit-form>label{display:block;font-size:12px;font-weight:600;letter-spacing:.02em;color:#ced6e0;margin-bottom:3px}
.contact-form label>span{color:var(--brand)}
.contact-form input,.contact-form select,.contact-form textarea,.audit-form textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #3c506c;border-radius:10px;padding:13px 18px;background:rgba(13,22,35,.7);color:#edf0f3;margin-top:8px;margin-bottom:22px;font-size:14px;font-family:inherit;font-weight:400;min-height:50px;line-height:1.5;box-shadow:inset 0 1px 2px rgba(0,0,0,.3);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;outline:none}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,.audit-form textarea:focus{border-color:var(--brand);background:rgba(16,28,46,.95);box-shadow:0 0 0 3px rgba(1,112,245,.25);outline:none}
.contact-form input::placeholder,.contact-form textarea::placeholder,.audit-form textarea::placeholder{color:#7d8ea5;opacity:.85}
.contact-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2384b7ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:16px 16px;padding-right:48px;cursor:pointer}
.contact-form select option{background:#121c2d;color:#edf0f3;padding:12px 16px}
.contact-form textarea,.audit-form textarea{min-height:110px;resize:vertical;padding-top:14px;padding-bottom:14px}
.compact-cta{background:linear-gradient(120deg,#092c58,#0b1728);border-color:#345a88}.workflow li.step-complete{background:#173a66;color:#dcecff;border-color:#719fdb}
.site-footer{background:#070c14;border-color:#263a54}.footer-wordmark{color:#d7e2ea;letter-spacing:-.085em}.footer-wordmark span{color:#4995ff}
@media(max-width:1000px){.service-card p{font-size:13px}.hero-copy>p:not(.hero-statement){font-size:13px}.orb-ring{border-width:12px}.ring-three{border-width:9px}}
@media(max-width:700px){.hero-copy>p:not(.hero-statement){font-size:13px}.hero-tags{font-size:8px}.service-card{padding-inline:0}.service-card:hover,.service-card:focus-visible{padding-inline:10px}.service-card p{font-size:12px}.project-card>p{font-size:13px}.kinetic-strip{padding-block:13px}.kinetic-track>span{word-spacing:18px}.orb-ring{border-width:11px}.ring-three{border-width:8px}.contact-form input,.contact-form select,.contact-form textarea,.audit-form textarea{padding:12px 15px;margin-bottom:18px;font-size:15px}.contact-form select{padding-right:42px;background-position:right 14px center}}

/* Editor content container alignment & typography */
.container.editor-content,
.container.prose.editor-content,
.editor-content.prose {
    max-width: var(--container);
    width: min(var(--container), calc(100% - 100px));
    margin-inline: auto;
    padding-block: 85px 80px;
    border-top: 1px solid var(--line);
}
.editor-content .wp-block-group,
.editor-content .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.editor-content .wp-block-group {
    margin-bottom: 48px;
}
.editor-content .wp-block-group:last-child {
    margin-bottom: 0;
}
.editor-content h2,
.editor-content h2.wp-block-heading {
    font-size: clamp(34px, 4.2vw, 54px);
    font-weight: 550;
    letter-spacing: -0.05em;
    line-height: 1.08;
    margin: 0 0 20px 0;
    color: var(--text);
}
.editor-content p,
.editor-content p.wp-block-paragraph {
    color: var(--muted);
    font-size: 15px;
    line-height: 1.85;
    max-width: 820px;
    margin: 0 0 22px 0;
}
.editor-content ul,
.editor-content ul.wp-block-list {
    color: var(--text);
    font-size: 14px;
    line-height: 1.9;
    margin: 0 0 32px 0;
    padding-left: 22px;
}
.editor-content ul li::marker,
.editor-content ul.wp-block-list li::marker {
    color: var(--brand);
}
@media(max-width:1200px){
    .container.editor-content,
    .container.prose.editor-content,
    .editor-content.prose {
        width: calc(100% - 70px);
    }
}
@media(max-width:700px){
    .container.editor-content,
    .container.prose.editor-content,
    .editor-content.prose {
        width: calc(100% - 40px);
        padding-block: 55px 45px;
    }
    .editor-content h2,
    .editor-content h2.wp-block-heading {
        font-size: 30px;
        margin-bottom: 16px;
    }
    .editor-content p,
    .editor-content p.wp-block-paragraph {
        font-size: 13px;
    }
}
@media(max-width:370px){
    .container.editor-content,
    .container.prose.editor-content,
    .editor-content.prose {
        width: calc(100% - 32px);
    }
}