@import url('/mockups.css');
@font-face{font-family:Lato;src:url('/assets/slice-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url('/assets/slice-semibold.woff2') format('woff2');font-weight:600 800;font-display:swap}
@font-face{font-family:Bricolage;src:url('/assets/bricolage-grotesque.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{font-family:Lato,Arial,sans-serif;color:#f5f5f5;background:#000;color-scheme:dark;font-synthesis:none;--ink:#f5f5f5;--muted:#b3b3b3;--line:#ffffff24;--accent:#eee;--header:80px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#000}h1,h2,h3,h4,p{margin:0}h1,h2,h3,.wordmark{font-family:Bricolage,Lato,sans-serif}h1,h2{font-weight:800;line-height:.94;letter-spacing:-.035em}h3{font-weight:700;line-height:1.04;letter-spacing:-.035em}p{line-height:1.4}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:5px}img{display:block;max-width:100%}::selection{background:#d0d0d0;color:#000}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:20px;z-index:1000;padding:12px;background:#fff;color:#000}.skip-link:focus{top:15px}.section-shell{position:relative;isolation:isolate;overflow:hidden;border-radius:40px;max-width:1856px;margin-inline:auto}.glass{background:#ffffff12;border:1px solid #ffffff3b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff0a}.site-header{position:fixed;inset:0 0 auto;z-index:50;height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 40px;transition:background .25s,backdrop-filter .25s}.site-header.scrolled{background:#000c;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.wordmark{display:inline-flex;align-items:center;font-size:32px;letter-spacing:-1.4px;font-weight:800;color:#fff;white-space:nowrap}.wordmark-period{color:#fff}.desktop-nav{display:flex;gap:7px}.desktop-nav a{padding:11px 17px;min-height:39px;background:#ffffff0c;border:1px solid #ffffff09;border-radius:50px;font-size:14px;backdrop-filter:blur(14px);transition:background .2s}.desktop-nav a:hover{background:#ffffff1f}.desktop-nav a span{margin-left:8px;color:#b6b6b6}.menu-toggle,.mobile-nav{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;min-width:176px;padding:12px 28px;border-radius:99px;font-size:16px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#efefef;color:#080808;border:1px solid #fff;box-shadow:0 0 0 5px #ffffff0e}.button-primary:hover{background:#fff;box-shadow:0 0 0 7px #ffffff14}.button-outline{border:1px solid #ffffff26;background:#ffffff05;color:#eee}.button-outline:hover{background:#ffffff13}.text-link{display:inline-flex;align-items:center;gap:13px;background:none;padding:6px 0;font-size:16px;font-weight:600;color:#eee}.text-link span{font-size:22px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.hero-wrap{height:100svh;min-height:720px;padding:var(--header) 2% 16px}.hero{height:100%;display:grid;place-items:center;background:#060606}.hero-art{position:absolute;inset:-3% 0;width:100%;height:106%;object-fit:cover;object-position:center 46%;filter:grayscale(1) brightness(.37);z-index:-3;will-change:transform}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#0007,#0003 55%,#0001),linear-gradient(0deg,#0009,transparent 35%,#0001);z-index:-2}.hero-content{text-align:center;max-width:95%;padding:30px 24px;position:relative}.hero h1{font-size:clamp(60px,6vw,104px);color:white;text-shadow:0 12px 30px #0005;line-height:.94;letter-spacing:-1.52px}.hero-description{font-size:clamp(20px,1.875vw,30px);margin-top:24px;color:#e0e0e0;line-height:1.3}.hero-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:22px}.hero-specialty{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:12px 20px;min-height:45px;font-size:14px;white-space:nowrap;background:#ffffff18}.hero-footnote{font-size:16px;line-height:1.3;color:#bcbcbc;margin-top:45px}.art-note{position:absolute;bottom:16px;right:22px;font-size:12px;color:#8c8c8c}.work-section{height:260svh;min-height:1800px;position:relative}.work-stage{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;isolation:isolate;background:#000}.work-intro{position:absolute;inset:0;padding:clamp(110px,13vh,155px) clamp(50px,10vw,160px);display:flex;flex-direction:column;align-items:start;transition:opacity .2s;opacity:var(--intro-opacity,1)}h2{font-size:clamp(64px,6vw,104px);color:#f4f4f4}.work-intro p{font-size:clamp(20px,1.875vw,30px);line-height:1.3;margin-top:30px;color:#bdbdbd}.scroll-cue{font-size:15px;color:#888;margin-top:45px;display:inline-flex;gap:18px;align-items:center}.scroll-cue span{font-size:23px}.case-stage{position:absolute;inset:0;transform:translateY(var(--case-y,100%)) scale(var(--case-scale,.92));transform-origin:center bottom;border-radius:40px 40px 0 0;overflow:hidden;will-change:transform;background:#111}.case-slides{position:absolute;inset:0}.case-slide{position:absolute;inset:0;isolation:isolate;visibility:hidden;opacity:0;transition:opacity .85s,visibility .85s}.case-slide.is-active{visibility:visible;opacity:1}.case-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.31);z-index:-3;transition:transform 7s linear;transform:scale(1.05)}.case-slide.is-active .case-art{transform:scale(1)}.case-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0007,transparent 70%),linear-gradient(0deg,#000b,transparent 50%)}.case-copy{position:absolute;top:15%;left:10%;width:43%;max-width:619px;border-radius:40px;padding:36px;background:#ffffff10;transition:transform .8s,opacity .8s;transform:translateY(22px);opacity:0}.case-slide.is-active .case-copy{transform:none;opacity:1}.case-label{font-size:12px;letter-spacing:.7px;color:#c2c2c2;margin-bottom:22px}.case-copy h3{font-size:clamp(45px,5.45vw,92px);font-weight:700;line-height:.94;letter-spacing:-1.4px;color:#fff}.case-copy>p:not(.case-label){font-size:clamp(19px,1.8vw,30px);margin-top:24px;line-height:1.4;color:#dedede}.case-copy>.text-link{margin-top:27px;font-size:15px;color:#d7d7d7}.case-product{position:absolute;right:6%;top:20%;width:32%;max-width:490px;transition:transform .9s,opacity .9s;transform:translateY(40px) rotate(3deg);opacity:0}.case-slide.is-active .case-product{transform:translateY(0);opacity:1}.project-preview{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:430px;padding:20px;border-radius:25px;background:none;text-align:left;transition:transform .3s}.project-preview:hover{transform:translateY(-5px)}.preview-corner{position:absolute;right:14px;bottom:15px;border:1px solid #ffffff4a;border-radius:50%;width:38px;height:38px;background:#171717b3;backdrop-filter:blur(15px);display:grid;place-items:center;color:#eee;font-size:22px}.story-controls{position:absolute;z-index:4;left:10%;right:10%;bottom:48px;display:flex;gap:30px;align-items:end}.story-tabs{display:flex;gap:32px;flex:1}.story-tab{flex:1;min-width:0;padding:10px 0;background:none;text-align:left;color:#8e8e8e;font-family:Bricolage,sans-serif;font-weight:700;font-size:18px}.story-tab[aria-selected=true]{color:#fff}.story-track{display:block;margin-top:14px;height:5px;border-radius:10px;background:#ffffff24;overflow:hidden}.story-track i{display:block;height:100%;width:0;background:#ededed;border-radius:inherit}.story-tab[aria-selected=true] .story-track i{width:var(--story-progress,0%)}.motion-toggle{display:flex;align-items:center;gap:9px;border-radius:50px;padding:12px 14px;margin-bottom:5px;white-space:nowrap;font-size:12px;color:#ccc;background:#ffffff0c}.motion-icon{font-size:14px;min-width:12px}.expertise-wrap{padding:64px 2% 40px;background:#000}.expertise-section{min-height:780px;padding:60px clamp(35px,6.25vw,120px) 65px;display:flex;flex-direction:column;justify-content:space-between;background:#0c0c0c}.mountain-art{position:absolute;inset:-3% 0;width:100%;height:106%;object-fit:cover;object-position:center bottom;filter:grayscale(1) brightness(.31);z-index:-3}.expertise-section:after{position:absolute;content:'';inset:0;z-index:-2;background:linear-gradient(#0002,#0000 40%,#0004)}.expertise-heading h2{font-size:clamp(62px,6vw,104px);color:white}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:70px;align-items:end}.service-card{padding:25px 25px 28px;border-radius:26px;background:#ffffff12;backdrop-filter:blur(18px);border:1px solid #ffffff5c}.service-number{font-size:12px;letter-spacing:.7px;color:#b6b6b6}.service-card h3{font-size:clamp(24px,2.4vw,36px);color:#fff}.service-card>p{font-size:16px;color:#cecece;line-height:1.4;margin-top:18px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tags span{font-size:12px;padding:7px 10px;border:1px solid #ffffff24;border-radius:40px;color:#bbb;background:#ffffff07}.process-section{padding:90px clamp(32px,8vw,160px) 115px;max-width:1760px;margin:auto}.section-heading{text-align:center;display:flex;flex-direction:column;align-items:center}.section-heading h2{font-size:clamp(64px,6vw,104px)}.section-heading>p{font-size:clamp(20px,1.875vw,30px);line-height:1.3;max-width:760px;color:#bcbcbc;margin-top:25px}.process-grid{padding:0;margin:75px 0 0;list-style:none;display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:25px;align-items:center}.process-grid li{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:370/446;border-radius:34px;background:#121212;display:flex;flex-direction:column;justify-content:end;padding:18px}.process-grid li:nth-child(2){min-height:calc(100% + 28px)}.process-grid li>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;filter:grayscale(1) brightness(.34);z-index:-3}.step-number{position:absolute;left:26px;top:26px;font-family:Bricolage,sans-serif;font-size:98px;line-height:1;letter-spacing:-5px;color:#ffffff75;font-weight:700}.step-copy{border-radius:22px;padding:22px 20px;background:#ffffff0c}.step-copy h3{font-size:28px;color:#fff}.step-copy p{font-size:16px;line-height:1.4;color:#bfbfbf;margin-top:15px}.about-section{background:#000;padding:85px clamp(24px,5vw,80px) 110px}.about-scene{max-width:1632px;min-height:710px;padding:24px;display:flex;align-items:center;background:#0d0d0d}.about-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-3;filter:grayscale(1) brightness(.46)}.about-scene:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0007,transparent 65%)}.about-content{width:54%;max-width:740px;padding:45px 40px;background:#050505;border:1px solid #ffffff14;border-radius:38px}.about-content h2{font-size:clamp(50px,5.3vw,92px);line-height:.94;letter-spacing:-.045em}.about-content>p{font-size:19px;color:#bcbcbc;line-height:1.4;margin-top:24px}.about-values{display:flex;flex-wrap:wrap;gap:10px 17px;font-size:12px;color:#888;margin-top:25px}.about-content>.text-link{margin-top:24px;font-size:15px}.support-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 30px 115px;gap:30px}.support-symbol{width:125px;height:125px;border-radius:40px;display:grid;place-items:center;margin-bottom:5px;background:linear-gradient(145deg,#202020,#050505);transform:rotate(-8deg);box-shadow:inset 0 1px 1px #ffffff21,0 25px 50px #0005}.support-symbol>span{font-size:70px;font-family:Arial,sans-serif;font-weight:400;color:#ddd}.support-section h2{font-size:clamp(60px,6vw,104px)}.support-links{display:flex;gap:15px;align-items:center;justify-content:center;margin-top:8px}.support-links>.glass{display:flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:99px;min-height:48px;color:#a9a9a9;font-size:16px;background:#ffffff03;border-color:#ffffff20}.contact-section{position:relative;isolation:isolate;overflow:hidden;min-height:870px;background:#080808}.contact-art{position:absolute;inset:-3% 0;width:100%;height:106%;object-fit:cover;filter:grayscale(1) brightness(.26);object-position:center 50%;z-index:-4}.contact-wash{position:absolute;inset:0;z-index:-3;background:linear-gradient(#0001,#0008 55%,#000c)}.contact-content{max-width:1400px;padding:80px 60px 35px;margin:auto;position:relative;z-index:2}.contact-top h2{font-size:clamp(62px,6vw,104px);max-width:800px;letter-spacing:-.025em}.contact-top>.button{margin-top:28px}.contact-subline{font-size:13px;color:#999;margin-top:20px}.floating-labels{position:absolute;inset:0;z-index:-1;pointer-events:none}.floating-labels span{position:absolute;background:#ffffff04;border:1px solid #ffffff36;backdrop-filter:blur(14px);color:#ffffff4d;border-radius:24px;padding:14px 22px;transform:rotate(-9deg);font-size:20px}.floating-labels span:nth-child(1){top:18%;left:78%}.floating-labels span:nth-child(2){top:40%;left:65%;transform:rotate(8deg)}.floating-labels span:nth-child(3){top:65%;left:47%;transform:rotate(-7deg)}.floating-labels span:nth-child(4){top:73%;left:83%;transform:rotate(7deg)}.floating-labels span:nth-child(5){top:34%;left:40%;transform:rotate(6deg)}.site-footer{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-top:145px;text-align:left}.site-footer h3{font-family:Lato,sans-serif;font-size:16px;line-height:1.4;letter-spacing:0;margin-bottom:23px;font-weight:700;color:#e4e4e4}.site-footer>div:not(.footer-bottom){display:flex;flex-direction:column;align-items:start}.site-footer a:not(.wordmark){font-size:15px;color:#adadad;margin-bottom:16px}.site-footer a:hover{color:#fff}.footer-profile>p{font-size:16px;color:#a7a7a7;margin-top:23px;line-height:1.5}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding-top:25px;margin-top:5px;font-size:12px;color:#7f7f7f}.eyebrow{font-size:12px;letter-spacing:1px;font-weight:700;color:#b5b5b5}.project-dialog,.contact-dialog{width:min(650px,calc(100% - 32px));max-height:85svh;overflow:auto;border-radius:30px;border:1px solid #ffffff36;padding:48px;background:#0b0b0be8;backdrop-filter:blur(28px);color:#eee;box-shadow:0 30px 80px #0009}.project-dialog::backdrop,.contact-dialog::backdrop{background:#0009;backdrop-filter:blur(10px)}.dialog-close{position:absolute;right:17px;top:16px;width:35px;height:35px;border-radius:50%;background:#ffffff15;font-size:27px;color:#bbb;line-height:1}.project-dialog h2,.contact-dialog h2{font-size:47px;line-height:1;letter-spacing:-1.5px}.project-dialog .eyebrow{margin-bottom:23px}.dialog-description{font-size:19px;color:#b4b4b4;margin-top:24px}.dialog-section{margin-top:27px;font-size:16px;color:#aaa;line-height:1.6}.dialog-section h3{font-size:22px;color:#ddd;margin-bottom:12px}.dialog-section ul{padding-left:20px;line-height:1.6}.dialog-section li+li{margin-top:9px}.dialog-note{font-size:12px;color:#888;border-top:1px solid #ffffff20;padding-top:20px;margin:25px 0}.contact-dialog>.brand-spark{display:block;font-size:40px;color:#fff;margin-bottom:28px}.contact-dialog>p{font-size:17px;color:#aaa;margin:25px 0}.project-dialog .button{font-size:14px}
/* Existing product illustrations, re-lit with a strictly neutral palette. */
.mock-window{background:#151515dd;border-color:#ffffff3a;color:#ddd;box-shadow:0 20px 45px #0005}.mock-toolbar{border-color:#ffffff17;font-size:14px;padding:17px}.mock-logo{color:#ddd;font-size:24px}.mock-content{padding:24px}.mock-label{color:#999;font-size:10px}.query{font-size:14px;padding:14px;background:#ffffff06;border-color:#ffffff20;color:#ddd}.query>span{color:#ccc}.flow-node{font-size:14px;padding:13px;background:#1d1d1d;border-color:#ffffff19}.flow-node small{font-size:11px;color:#999}.node-icon,.node-icon.lavender{background:#353535;color:#ddd}.node-tick{color:#ddd}.flow-connector{background:#777}.flow-result{font-size:13px;background:#272727;border-color:#ffffff33;color:#ccc;padding:14px}.knowledge-brand{color:#ddd;font-size:18px;margin-bottom:25px}.chat-question{font-size:13px;background:#ffffff17;color:#ddd;padding:16px}.chat-answer{background:#151515d9;border-color:#ffffff30;padding:23px}.chat-star{color:#eee}.chat-answer p{font-size:14px;color:#bbb}.chat-answer strong{color:#eee}.answer-line{background:#555}.source-chips span{font-size:10px;border-color:#ffffff27;color:#aaa;padding:7px}.chat-input{font-size:12px;background:#131313bb;border-color:#ffffff30;color:#aaa;padding:13px 15px}.chat-input>span{background:#d0d0d0;color:#151515}.workspace-window{background:#171717e6;border-color:#ffffff30;box-shadow:0 20px 45px #0005;color:#ddd;min-width:0;width:100%}.workspace-sidebar{background:#282828;width:45px}.workspace-sidebar i{border-color:#777}.workspace-sidebar i:first-of-type{background:#888}.workspace-body{padding:30px 20px}.workspace-body h4{font-size:23px;color:#eee;margin-bottom:25px}.workspace-summary{color:#999;border-color:#ffffff18;font-size:12px}.task-row{font-size:12px;margin-top:21px}.task-row small{font-size:10px;color:#999}.task-check{background:#444;color:#ddd}.task-check.hollow{border-color:#777}.workspace-bottom{font-size:10px;color:#999;margin-top:35px}.service-art{height:132px;max-width:260px;width:100%;margin:12px auto 25px}.agent-hub{background:#252525cc;border-color:#ffffff47;color:#eee;box-shadow:0 10px 35px #0003}.agent-satellite{background:#303030d9;color:#d8d8d8;border-color:#ffffff47;box-shadow:0 10px 25px #0003}.sat-three{color:#ddd}.orbit{border-color:#ffffff30}.build-browser,.answer-card{background:#222c;border-color:#ffffff4a;box-shadow:0 15px 30px #0004}.build-browser i{background:#999}.build-browser>span,.build-browser>span:nth-child(3),.answer-card i{background:#737373}.code-tile{background:#363636b3;border-color:#ffffff45;color:#ddd;box-shadow:0 10px 25px #0003}.answer-card>span{color:#ddd}.source-card{background:#333d;border-color:#ffffff30;color:#bbb;box-shadow:0 10px 25px #0004}
@keyframes enter{from{opacity:0;transform:translateY(24px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}.motion-ready .hero-content{animation:enter 1.2s .1s both}.motion-ready [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .9s var(--delay,0s),transform .9s var(--delay,0s)}.motion-ready [data-reveal].is-visible{opacity:1;transform:none}.motion-ready .process-grid li:first-child{transform:translateX(22%) scale(.96)}.motion-ready .process-grid li:last-child{transform:translateX(-22%) scale(.96)}.motion-ready .process-grid li.is-visible{transform:none}.motion-ready .is-visible .service-art>div,.motion-ready .is-visible .agent-satellite{animation:float 5s ease-in-out infinite}.motion-ready .is-visible .code-tile,.motion-ready .is-visible .source-card{animation-delay:-2s}.motion-ready .floating-labels span{animation:float 7s ease-in-out infinite}.motion-ready .floating-labels span:nth-child(even){animation-delay:-3s}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused [data-reveal]{opacity:1!important;transform:none!important}.motion-paused .case-art{transition:none}.reduced-motion .case-stage{transform:none!important}.reduced-motion .work-section{height:auto;min-height:0}.reduced-motion .work-intro{display:none}.reduced-motion .work-stage{position:relative}
@media(min-width:1600px){:root{--header:105px}.site-header{padding-inline:55px}.hero-wrap{padding-bottom:24px}.case-copy{padding:50px;border-radius:50px}.hero-specialty{font-size:18px}.hero-actions .button{font-size:20px}.hero-footnote{font-size:19px}.expertise-section{min-height:940px}.service-card{padding:32px}.service-card>p{font-size:19px}.service-art{height:160px}.process-grid{gap:30px}.step-copy{padding:28px}.step-copy h3{font-size:33px}.step-copy p{font-size:19px}.about-content{padding:55px}.about-content>p{font-size:24px}.about-scene{min-height:860px}.contact-content{padding-top:100px}}
@media(max-width:1100px){.site-header{padding-inline:30px}.hero h1{font-size:64px}.hero-content{max-width:96%}.hero-footnote{font-size:15px}.hero-specialty{font-size:13px;padding-inline:17px}.hero-actions .button{font-size:14px;min-width:154px}.case-copy{left:6%;width:48%;top:15%;padding:30px;border-radius:32px}.case-copy h3{font-size:56px}.case-copy>p:not(.case-label){font-size:21px}.case-product{right:4%;width:35%;top:21%}.project-preview{min-height:390px;padding:10px}.story-controls{left:6%;right:6%;gap:20px}.story-tabs{gap:25px}.story-tab{font-size:16px}.motion-label{display:none}.work-intro{padding-inline:7%}.expertise-section{padding:50px 40px;min-height:830px}.services{gap:18px;margin-top:60px}.service-card{padding:23px 20px}.service-card h3{font-size:28px}.service-card>p{font-size:15px}.service-card .tags span{font-size:11px}.service-art{height:127px}.process-section{padding-inline:40px}.process-grid{gap:20px}.step-copy{padding:19px 16px}.step-copy h3{font-size:25px}.step-copy p{font-size:15px}.about-section{padding-inline:30px}.about-content{padding:33px 30px;width:55%}.about-content h2{font-size:54px}.about-content>p{font-size:17px}.about-scene{min-height:670px}.contact-content{padding-inline:45px}.site-footer{gap:30px}.mock-toolbar{font-size:11px;padding:12px}.mock-content{padding:17px}.mock-label{font-size:8px}.query{font-size:11px;padding:11px}.flow-node{font-size:11px;padding:10px}.flow-node small{font-size:9px}.flow-result{font-size:10px;padding:11px}.knowledge-brand{font-size:15px}.chat-question{font-size:10px;padding:12px}.chat-answer{padding:18px}.chat-answer p{font-size:11px}.source-chips span{font-size:8px}.chat-input{font-size:10px}.workspace-sidebar{width:36px}.workspace-body{padding:25px 14px}.workspace-body h4{font-size:18px}.workspace-summary{font-size:10px}.task-row{font-size:9px;gap:7px}.task-row small{font-size:8px}.workspace-bottom{font-size:8px}}
@media(max-width:800px){:root{--header:76px}.wordmark{font-size:28px}.desktop-nav a{font-size:12px;padding:10px 13px}.hero h1{font-size:59px;max-width:650px}.hero-description{font-size:22px}.hero-wrap{min-height:690px}.hero-content{padding-inline:15px}.hero-specialty{font-size:12px}.hero-actions .button{font-size:13px;min-width:140px}.work-stage{min-height:720px}.case-copy{top:12%;left:5%;width:51%;padding:27px}.case-copy h3{font-size:48px}.case-copy>p:not(.case-label){font-size:19px}.case-product{width:37%;right:3%;top:28%}.project-preview{padding:5px}.story-controls{left:5%;right:5%;bottom:38px}.story-tabs{gap:20px}.story-tab{font-size:15px}.case-label{font-size:11px}.case-copy>.text-link{font-size:14px}.services{gap:14px}.service-card{padding:22px 17px}.service-card h3{font-size:24px}.service-card>p{font-size:14px}.service-art{max-width:180px}.service-number{font-size:10px}.service-card .tags span{font-size:10px;padding:6px 8px}.expertise-section{padding:45px 28px;min-height:870px}.process-section{padding-inline:30px}.process-grid{gap:14px}.process-grid li{aspect-ratio:auto;min-height:390px;padding:12px}.process-grid li:nth-child(2){min-height:420px}.step-copy{padding:17px 14px}.step-copy h3{font-size:23px}.step-copy p{font-size:14px}.step-number{font-size:74px;top:23px;left:23px}.about-section{padding-inline:24px}.about-scene{padding:15px;min-height:700px}.about-content{width:58%;padding:30px 25px;border-radius:30px}.about-content h2{font-size:46px}.about-content>p{font-size:16px}.about-content>.text-link{font-size:13px}.contact-content{padding-inline:35px}.site-footer{gap:22px}.site-footer a:not(.wordmark){font-size:14px}.site-footer h3{font-size:14px}.footer-profile>p{font-size:14px}.site-footer .wordmark{font-size:25px}.support-section h2{font-size:60px}.mock-content{padding:13px}.mock-toolbar{font-size:9px;padding:10px}.query{font-size:9px;padding:9px}.flow-node{font-size:9px;padding:8px;gap:7px}.flow-node small{font-size:8px}.flow-result{font-size:8px;padding:9px}.node-icon{width:24px;height:24px;font-size:20px}.knowledge-brand{font-size:13px}.chat-question{font-size:9px;margin-left:20px}.chat-answer p{font-size:10px}.source-chips span{font-size:7px}.chat-input{font-size:9px}.workspace-sidebar{width:28px;padding-inline:7px}.workspace-body{padding:23px 10px}.workspace-body h4{font-size:15px}.workspace-summary{font-size:9px}.task-row{font-size:8px;gap:4px}.task-row small{font-size:7px}.workspace-bottom{font-size:7px}}
@media(max-width:640px){:root{--header:74px}html{scroll-padding-top:90px}.site-header{padding:0 16px;background:#000}.wordmark{font-size:28px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;border-radius:50%;padding:12px;background:#ffffff0b;border:1px solid #ffffff0a}.menu-toggle span{height:1px;background:#ddd;width:100%;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(2.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-2.5px) rotate(-45deg)}.mobile-nav{position:absolute;display:flex;flex-direction:column;gap:6px;top:65px;left:10px;right:10px;padding:20px;background:#080808f2;border:1px solid #ffffff25;backdrop-filter:blur(22px);border-radius:22px;box-shadow:0 20px 35px #0008}.mobile-nav a{padding:12px;font-size:18px}.section-shell{border-radius:25px}.hero-wrap{padding:74px 6px 0;height:100svh;min-height:780px}.hero-art{object-position:75% center;filter:grayscale(1) brightness(.32)}.hero-wash{background:linear-gradient(#0002,#0004 40%,#0007)}.hero-content{max-width:100%;width:100%;padding:20px 18px 60px}.hero h1{font-size:48px;line-height:.94;letter-spacing:-2.1px;text-wrap:balance}.hero-word{display:block}.hero-description{font-size:16px;margin-top:15px}.hero-actions{flex-direction:column;gap:10px;margin-top:32px}.hero-specialty{font-size:13px;min-height:39px;padding:9px 18px;max-width:100%}.hero-actions .button{width:76%;min-height:48px;font-size:16px}.hero-footnote{font-size:14px;line-height:1.3;margin-top:42px;max-width:300px;margin-inline:auto}.desktop-only{display:none}.art-note{font-size:10px;bottom:16px;right:18px}.work-section{height:235svh;min-height:1750px}.work-stage{min-height:760px}.work-intro{padding:120px 20px 0}.work-intro h2{font-size:50px;letter-spacing:-2px}.work-intro>p{font-size:18px;margin-top:23px}.scroll-cue{margin-top:30px;font-size:14px}.case-stage{border-radius:28px 28px 0 0}.case-copy{top:auto;bottom:112px;left:16px;right:16px;max-width:none;width:auto;padding:25px;border-radius:28px;z-index:3;background:#ffffff15}.case-copy h3{font-size:44px;letter-spacing:-1px}.case-copy>p:not(.case-label){font-size:16px;margin-top:16px}.case-label{font-size:11px;margin-bottom:17px}.case-copy>.text-link{font-size:13px;margin-top:20px}.case-product{top:65px;right:14%;width:72%;max-width:300px;transform:translateY(20px) scale(.85);opacity:.7}.case-slide.is-active .case-product{transform:translateY(0) scale(.85);opacity:.75}.project-preview{min-height:360px;padding:10px}.case-art{filter:grayscale(1) brightness(.23)}.story-controls{left:19px;right:19px;bottom:25px;gap:14px;align-items:end}.story-tabs{gap:17px}.story-tab{font-size:13px;line-height:1.1;padding-block:10px;min-height:60px;display:flex;flex-direction:column;justify-content:end}.story-track{height:4px;width:100%;margin-top:11px;flex-shrink:0}.motion-toggle{padding:9px;margin-bottom:7px}.motion-icon{font-size:13px}.expertise-wrap{padding:48px 0 0}.expertise-section{min-height:0;border-radius:0;padding:42px 16px 48px}.expertise-heading h2{font-size:50px;letter-spacing:-1.6px;text-align:center}.mountain-art{object-position:57% bottom;filter:grayscale(1) brightness(.25)}.services{grid-template-columns:1fr;gap:22px;margin-top:38px}.service-card{padding:26px 25px;border-radius:25px;background:#ffffff13}.service-number{font-size:12px}.service-card h3{font-size:32px;text-align:center}.service-card>p{font-size:16px;text-align:center;line-height:1.4}.service-art{height:145px;max-width:230px;margin-block:12px 23px}.service-card .tags{justify-content:center}.service-card .tags span{font-size:12px;padding:7px 10px}.process-section{padding:65px 16px 35px}.section-heading h2{font-size:48px;letter-spacing:-1.5px}.section-heading>p{font-size:18px;margin-top:22px;max-width:350px}.process-grid{display:flex;flex-direction:column;gap:24px;margin-top:40px}.process-grid li,.process-grid li:nth-child(2){min-height:0;aspect-ratio:370/420;width:100%;max-width:470px;border-radius:30px;padding:20px}.step-number{font-size:100px;left:30px;top:25px}.step-copy{padding:23px 22px;border-radius:22px}.step-copy h3{font-size:30px}.step-copy p{font-size:16px;margin-top:14px}.motion-ready .process-grid li:first-child,.motion-ready .process-grid li:last-child{transform:translateY(30px)}.motion-ready .process-grid li.is-visible{transform:none}.about-section{padding:70px 0}.about-scene{border-radius:0;min-height:930px;align-items:end;padding:16px 16px 28px}.about-art{height:70%;object-position:82% top;filter:grayscale(1) brightness(.44)}.about-scene:after{background:linear-gradient(transparent,#000 60%)}.about-content{width:100%;max-width:none;padding:25px 20px 27px;border-radius:30px;background:#050505;border-color:#ffffff19}.about-content h2{font-size:46px;letter-spacing:-2px}.about-content>p{font-size:17px;margin-top:22px}.about-values{font-size:12px;gap:10px 16px}.about-content>.text-link{font-size:14px;margin-top:23px}.support-section{padding:0 25px 75px;gap:25px}.support-symbol{width:105px;height:105px;border-radius:32px}.support-symbol>span{font-size:61px}.support-section h2{font-size:48px;letter-spacing:-1.4px}.support-links{flex-direction:column;gap:10px;margin-top:3px}.support-links>.glass{font-size:14px;padding:11px 24px;min-height:44px}.support-links>.button{font-size:15px}.contact-content{padding:65px 28px 27px}.contact-top{text-align:center}.contact-top h2{font-size:49px;letter-spacing:-1.2px}.contact-top>.button{margin-top:25px;min-width:176px}.contact-subline{font-size:12px}.contact-art{object-position:center center;filter:grayscale(1) brightness(.25)}.contact-wash{background:linear-gradient(#0004,#0009 55%,#000e)}.site-footer{grid-template-columns:1fr 1fr;gap:28px 25px;margin-top:90px}.footer-profile{grid-column:1/-1}.site-footer .wordmark{font-size:30px}.footer-profile>p{font-size:16px}.site-footer h3{font-size:16px;margin-bottom:20px}.site-footer a:not(.wordmark){font-size:14px;margin-bottom:15px}.footer-bottom{font-size:11px;flex-direction:column;gap:10px;padding-top:20px}.floating-labels span{font-size:14px;padding:12px;opacity:.5}.floating-labels span:nth-child(1){left:6%;top:40%}.floating-labels span:nth-child(2){left:57%;top:32%}.floating-labels span:nth-child(5){left:55%;top:72%}.project-dialog,.contact-dialog{padding:42px 25px 30px;border-radius:25px}.project-dialog h2,.contact-dialog h2{font-size:40px}.dialog-description{font-size:17px}.dialog-section{font-size:15px}.project-dialog .button{font-size:13px;min-width:0;padding-inline:22px}.mock-toolbar{font-size:12px;padding:14px}.mock-content{padding:18px}.mock-label{font-size:9px}.query{font-size:12px;padding:12px}.flow-node{font-size:12px;padding:10px;gap:9px}.flow-node small{font-size:9px}.node-icon{width:29px;height:29px;font-size:23px}.flow-result{font-size:10px;padding:12px}.knowledge-brand{font-size:15px}.chat-question{font-size:11px}.chat-answer p{font-size:12px}.source-chips span{font-size:8px}.chat-input{font-size:10px}.workspace-sidebar{width:35px}.workspace-body{padding:26px 16px}.workspace-body h4{font-size:18px}.workspace-summary{font-size:10px}.task-row{font-size:10px;gap:7px}.task-row small{font-size:8px}.workspace-bottom{font-size:9px}}
@media(max-width:360px){.hero h1{font-size:41px}.hero-specialty{font-size:11px}.hero-footnote{font-size:13px}.work-intro h2{font-size:44px}.case-copy{padding:24px 22px}.case-copy h3{font-size:40px}.case-copy>p:not(.case-label){font-size:15px}.story-tab{font-size:12px}.story-controls{gap:11px;left:17px;right:17px}.story-tabs{gap:13px}.expertise-heading h2{font-size:43px}.service-card{padding-inline:22px}.service-card h3{font-size:29px}.about-content h2{font-size:40px}.about-content>p{font-size:16px}.support-section h2{font-size:43px}.contact-top h2{font-size:43px}.contact-content{padding-inline:24px}.step-copy h3{font-size:27px}.step-copy{padding:19px}.step-copy p{font-size:15px}.about-content>.text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready [data-reveal]{opacity:1;transform:none!important}.parallax-art{transform:none!important}}
.hero-content{margin-top:-48px}.hero-footnote{position:absolute;top:calc(50% + 100px);left:50%;transform:translateX(-50%);width:90%;text-align:center;margin-top:0}.service-pagination{display:none}
@media(max-width:640px){.hero-content{margin-top:0;padding:0 18px 20px}.hero-footnote{top:auto;bottom:42px;left:50%;width:90%;max-width:330px;margin:0;font-size:14px}.services{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;gap:16px;margin-inline:-16px;padding:0 16px 12px;scrollbar-width:none;align-items:stretch}.services::-webkit-scrollbar{display:none}.service-card{flex:0 0 100%;min-width:0;scroll-snap-align:center;scroll-snap-stop:always}.service-pagination{display:flex;justify-content:center;gap:8px;margin-top:14px}.service-pagination button{position:relative;width:30px;height:30px;padding:0;background:transparent;border-radius:50%}.service-pagination button:after{content:'';position:absolute;inset:11px;border-radius:50%;background:#ffffff45}.service-pagination button.is-active:after{background:#fff;inset:10px}.expertise-section{padding-bottom:31px}.service-card h3{font-size:32px}}
@media(max-width:360px){.hero-footnote{font-size:13px}.service-card h3{font-size:29px}}
/* ---------------------------------------------------------------------------
   Accent theme (owner request, 15 Sep 2026): soft #C4AEAD gradients, borders
   and glows on the jet-black design, instead of neon.
   Change the three colours in :root to re-tint the whole site.
   ------------------------------------------------------------------------ */
:root{--accent-1:#c4aead;--accent-2:#a88f8e;--accent-3:#e3d3d2;--accent-gradient:linear-gradient(120deg,var(--accent-3),var(--accent-1) 50%,var(--accent-2));--accent-line:color-mix(in srgb,var(--accent-1) 45%,transparent);--accent-glow:0 0 28px -14px color-mix(in srgb,var(--accent-1) 55%,transparent);--accent:var(--accent-1)}
::selection{background:var(--accent-1);color:#000}
button:focus-visible,a:focus-visible{outline-color:var(--accent-1)}
.site-header.scrolled{box-shadow:0 1px 0 color-mix(in srgb,var(--accent-1) 25%,transparent)}
.wordmark-period{color:var(--accent-1)}
/* Gradient rings drawn over the edge of each surface */
.glass,.about-content,.support-links>.glass{border-color:transparent;box-shadow:var(--accent-glow),inset 0 1px 0 #ffffff0a}
.glass:not(.case-copy),.about-content{position:relative}
.glass::before,.about-content::before,.section-shell::before,.case-stage::before,.process-grid li::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;padding:1px;background:var(--accent-gradient);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}
.glass::before,.about-content::before{inset:-1px;opacity:.7}
.section-shell::before,.case-stage::before{opacity:.5}
.process-grid li::before{opacity:.45}
.section-shell{box-shadow:0 0 70px -44px color-mix(in srgb,var(--accent-1) 50%,transparent)}
.process-grid li{box-shadow:0 0 50px -34px color-mix(in srgb,var(--accent-1) 45%,transparent)}
/* Buttons, navigation and links */
.button-primary{background:var(--accent-gradient) 0 0/200% 100% border-box;color:#1a1212;border-color:transparent;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent-1) 14%,transparent),0 12px 30px -16px color-mix(in srgb,var(--accent-1) 60%,transparent)}
.button-primary:hover{background:var(--accent-gradient) 100% 0/200% 100% border-box;box-shadow:0 0 0 7px color-mix(in srgb,var(--accent-1) 20%,transparent),0 14px 34px -14px color-mix(in srgb,var(--accent-1) 70%,transparent)}
.button-outline{border-color:var(--accent-line)}
.button-outline:hover{border-color:var(--accent-1);background:color-mix(in srgb,var(--accent-1) 10%,transparent);box-shadow:var(--accent-glow)}
.desktop-nav a{border-color:color-mix(in srgb,var(--accent-1) 30%,transparent);transition:background .2s,border-color .2s,box-shadow .2s}
.desktop-nav a:hover{border-color:var(--accent-1);box-shadow:0 0 18px -10px color-mix(in srgb,var(--accent-1) 60%,transparent)}
.desktop-nav a span,.text-link span{color:var(--accent-1)}
.menu-toggle{border-color:var(--accent-line)}
.mobile-nav{border-color:var(--accent-line)}
.site-footer a:hover,.dialog-close:hover{color:var(--accent-3)}
/* Gradient text accents */
.hero-word,.plain-word,.serif-word,.step-number,.contact-dialog>.brand-spark,.support-symbol>span{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero-word,.plain-word{text-shadow:none;padding-bottom:.14em;margin-bottom:-.14em}
.step-number{opacity:.8}
.case-label,.service-number,.eyebrow{color:var(--accent-1)}
/* Progress, pagination, tags and floating labels */
.story-track{background:#ffffff1c}
.story-track i{background:var(--accent-gradient)}
.service-pagination button.is-active:after{background:var(--accent-1)}
.tags span{border-color:color-mix(in srgb,var(--accent-1) 35%,transparent)}
.preview-corner{border-color:color-mix(in srgb,var(--accent-1) 55%,transparent);color:var(--accent-1)}
.floating-labels span{border-color:color-mix(in srgb,var(--accent-1) 45%,transparent);color:color-mix(in srgb,var(--accent-1) 60%,transparent)}
.floating-labels span:nth-child(even){border-color:color-mix(in srgb,var(--accent-3) 40%,transparent);color:color-mix(in srgb,var(--accent-3) 55%,transparent)}
.footer-bottom,.dialog-note{border-image:var(--accent-gradient) 1}
.project-dialog,.contact-dialog{border-color:var(--accent-line);box-shadow:0 30px 80px #0009,0 0 60px -30px color-mix(in srgb,var(--accent-1) 45%,transparent)}
.support-symbol{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-2) 30%,#0b0b0b),#050505 72%);box-shadow:inset 0 1px 1px #ffffff21,0 25px 50px #0005,0 0 50px -20px color-mix(in srgb,var(--accent-1) 50%,transparent)}
/* Soft tint in the section overlays (photos stay monochrome) */
.hero-wash{background:radial-gradient(60% 55% at 10% 100%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 70%),linear-gradient(90deg,#0007,#0003 55%,#0001),linear-gradient(0deg,#0009,transparent 35%,#0001)}
.case-shade{background:radial-gradient(50% 60% at 88% 18%,color-mix(in srgb,var(--accent-1) 12%,transparent),transparent 70%),linear-gradient(90deg,#0007,transparent 70%),linear-gradient(0deg,#000b,transparent 50%)}
.expertise-section:after{background:radial-gradient(75% 60% at 50% 115%,color-mix(in srgb,var(--accent-2) 20%,transparent),transparent 70%),linear-gradient(#0002,#0000 40%,#0004)}
.about-scene:after{background:radial-gradient(45% 60% at 100% 100%,color-mix(in srgb,var(--accent-1) 14%,transparent),transparent 70%),linear-gradient(90deg,#0007,transparent 65%)}
.contact-wash{background:radial-gradient(55% 45% at 12% 22%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 70%),linear-gradient(#0001,#0008 55%,#000c)}
/* Illustration details */
.mock-window,.workspace-window,.chat-answer{border-color:color-mix(in srgb,var(--accent-1) 35%,transparent)}
.query,.flow-result,.source-card,.chat-input,.agent-satellite,.code-tile,.build-browser,.answer-card{border-color:color-mix(in srgb,var(--accent-1) 30%,transparent)}
.agent-hub{border-color:color-mix(in srgb,var(--accent-1) 60%,transparent);box-shadow:0 0 30px -12px color-mix(in srgb,var(--accent-1) 50%,transparent)}
.orbit{border-color:color-mix(in srgb,var(--accent-1) 35%,transparent)}
.flow-connector{background:var(--accent-gradient)}
.agent-hub,.mock-logo,.chat-star,.answer-card>span,.node-tick,.query>span,.knowledge-brand span{color:var(--accent-1)}
.chat-input>span,.task-check:not(.hollow),.workspace-sidebar i:first-of-type{background:var(--accent-gradient);color:#1a1212}
.task-check.hollow{border-color:color-mix(in srgb,var(--accent-1) 50%,transparent)}
@media(max-width:640px){.hero-wash{background:radial-gradient(90% 45% at 20% 100%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 70%),linear-gradient(#0002,#0004 40%,#0007)}
.about-scene:after{background:radial-gradient(80% 40% at 50% 55%,color-mix(in srgb,var(--accent-1) 14%,transparent),transparent 70%),linear-gradient(transparent,#000 60%)}
.contact-wash{background:radial-gradient(80% 40% at 50% 20%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 70%),linear-gradient(#0004,#0009 55%,#000e)}
}
/* Keep the third floating label clear of the footer links on wider screens */
@media(min-width:641px){.floating-labels span:nth-child(3){top:49%}}