/* CroCo — official brand tokens. 60% dark / 30% green depth / 10% action. */
:root{--bg:#101816;--petrol:#08272a;--green:#0fa253;--lime:#25fb76;--paper:#f7f9f8;--muted:#b7c5bd;--panel:#1a2420;--line:rgba(238,255,244,.14);--ease:cubic-bezier(.22,1,.36,1);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',sans-serif;font-weight:300;font-size:20px;line-height:1.55;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}img,svg{max-width:100%;display:block}button{cursor:pointer}.hero-title,.section-title,h3,h4,p{margin:0}.hero-title,.section-title,h3,h4{font-weight:500;letter-spacing:-.045em;line-height:1.05}p{color:var(--muted)}.section-title{font-size:clamp(42px,4.3vw,70px)}.section-title span{color:var(--muted)}h3{font-size:36px}em{font-style:normal;color:var(--lime)}:focus-visible{outline:2px solid var(--lime);outline-offset:7px}::selection{background:var(--lime);color:var(--bg)}.wrap{width:min(1400px,calc(100% - 112px));margin-inline:auto}.section{padding-block:132px}.eyebrow{display:inline-block;width:fit-content;padding:6px 11px;background:rgba(238,255,244,.055);border-left:2px solid #7c9285;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:.035em;text-transform:uppercase;color:var(--paper);margin-bottom:26px}.decoding{color:var(--lime)!important}.section-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:80px;margin-bottom:70px}.section-heading>p{max-width:430px;justify-self:end;font-size:21px;line-height:1.55}.section-heading .eyebrow{margin-bottom:24px}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:14px 24px;border-radius:8px;background:var(--lime);color:var(--bg);font-size:18px;line-height:1.3;font-weight:400;white-space:nowrap;border:0;transition:transform .35s var(--ease),background .25s,box-shadow .25s}.button:hover{background:#69ff9f;transform:translateY(-3px);box-shadow:0 8px 35px #25fb7620}.button [data-scramble]{display:inline-block}.button.light{background:var(--paper);color:var(--bg)}.button.light:hover{background:var(--lime)}.button.quiet{background:rgba(238,255,244,.055);color:var(--paper)}.button.quiet:hover{background:rgba(238,255,244,.1);color:var(--lime)}.skip{position:fixed;top:-100px;left:20px;z-index:1000;background:var(--lime);padding:14px;color:var(--bg)}.skip:focus{top:10px}.reveal{transition:opacity .8s var(--ease),transform .9s var(--ease)}.js .reveal:not(.visible){opacity:0;transform:translateY(35px)}
/* Header and opening composition. */
.header{position:absolute;inset:0 0 auto;z-index:50;padding-block:26px}.nav{display:flex;align-items:center;gap:36px;min-height:70px}.brand{margin-right:auto;flex:0 0 auto}.brand img{width:205px;height:auto}.nav nav{display:flex;gap:32px;align-items:center;margin-right:15px}.nav nav a{font-size:18px;font-weight:400;transition:color .2s}.nav nav a:hover{color:var(--lime)}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;min-height:min(1100px,100svh);overflow:hidden}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#101816 0%,#10181688 44%,#10181600 73%),linear-gradient(0deg,#101816,transparent 22%,transparent 82%,#10181666)}.hero-inner{padding-top:180px;padding-bottom:110px}.hero-top{display:flex;justify-content:space-between;gap:50px;align-items:start}.hero-specialties{display:grid;gap:3px;font:500 15px/1.65 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.035em}.hero-note{font-size:22px;line-height:1.4;max-width:395px;color:var(--paper)}.hero-main{display:grid;grid-template-columns:1.65fr 1fr;gap:30px;align-items:center;margin-top:90px}.hero .hero-title{font-size:clamp(60px,5.65vw,91px);line-height:1.02;letter-spacing:-.055em;position:relative;z-index:2}.hero-actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}.hero-aside{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hero-symbol{position:relative;display:grid;place-items:center;width:330px;height:265px;margin:-50px 23px 0 0;perspective:700px}.hero-symbol>img{width:153px;filter:drop-shadow(0 0 45px #25fb761f);animation:logo-float 9s ease-in-out infinite}.orbit{position:absolute;inset:15px -5px;border:1px solid #25fb7640;border-radius:50%;transform-style:preserve-3d}.orbit-one{animation:orbit-roll 22s linear infinite}.orbit-two{inset:0 15px;animation:orbit-roll 30s linear infinite reverse;opacity:.55}.orbit-three{inset:-15px 40px;transform:rotate(60deg) rotateX(50deg);opacity:.2}.orbit i{position:absolute;width:7px;height:7px;top:50%;left:-3px;border-radius:50%;background:var(--lime);box-shadow:0 0 20px #25fb7670}.contact-card{display:flex;align-items:center;gap:18px;padding:10px;background:rgba(30,41,35,.82);border:1px solid var(--line);border-radius:12px;width:366px;max-width:100%;backdrop-filter:blur(20px);box-shadow:0 12px 45px #0002}.contact-card>img{width:96px;height:128px;flex:0 0 96px;object-fit:cover;border-radius:6px;object-position:top}.contact-card strong{display:block;font-weight:400;font-size:21px;letter-spacing:-.02em;margin-bottom:3px}.contact-role{font-size:12px;line-height:1.5;display:block;max-width:210px;letter-spacing:.035em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.contact-card .button{min-height:40px;padding:9px 18px;font-size:16px;min-width:160px}
/* Real client logos; hover lifts the whole tile. */
.clients{padding-block:55px 70px}.clients-title{text-align:center;margin-bottom:22px}.clients-title .eyebrow{margin:0;background:none;border:0;font-weight:400;color:var(--muted)}.client-grid{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.client-tile{height:142px;display:grid;place-items:center;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;background:var(--bg);transition:transform .4s var(--ease),background .4s,box-shadow .4s;cursor:default}.client-tile:hover,.client-tile:focus-visible{transform:translateY(-10px) scale(1.03);z-index:2;background:#17251e;box-shadow:0 12px 35px #0005}.client-tile img{width:auto;max-width:180px;max-height:65px;object-fit:contain;filter:brightness(0) invert(.7);opacity:.85;transition:opacity .35s,filter .35s}.client-tile:hover img,.client-tile:focus-visible img{filter:brightness(0) invert(1);opacity:1}.client-tile img.on-white{filter:grayscale(1) invert(1);mix-blend-mode:screen}.client-tile img.symbol{max-height:62px;width:62px}.client-tile img.tuset{max-height:70px;max-width:180px}
/* A quiet, scroll-driven orbit rather than another text section. */
.orbit-section{height:145vh;min-height:1000px;position:relative}.orbit-sticky{height:100vh;min-height:690px;max-height:1000px;position:sticky;top:0;display:grid;place-items:center;overflow:hidden}.orbit-scene{position:absolute;inset:0;pointer-events:none;transform:rotate(calc(var(--orbit-progress,0)*14deg));will-change:transform}.orbit-ring{position:absolute;left:50%;top:50%;width:78%;height:62%;border:1px solid #0fa25329;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.r2{width:106%;height:80%;transform:translate(-50%,-50%) rotate(-18deg)}.r3{width:130%;height:100%;transform:translate(-50%,-50%) rotate(-18deg)}.orbit-copy{z-index:2;text-align:center;pointer-events:none}.orbit-copy .section-title{font-size:clamp(43px,4.7vw,75px);line-height:1.08}.orbit-copy .section-title span{color:var(--lime)}.orbit-copy p{max-width:650px;margin:30px auto 0;font-size:21px;line-height:1.55}.orbit-chip{position:absolute;padding:10px 20px;border:1px solid var(--line);background:var(--bg);border-radius:8px;color:#a5baad;font-size:15px;transform:rotate(calc(var(--orbit-progress,0)*-14deg));box-shadow:0 0 30px #101816;transition:color .3s}.oc1{top:15%;left:28%}.oc2{top:35%;left:8%}.oc3{top:18%;right:15%}.oc4{bottom:23%;right:5%}.oc5{bottom:13%;left:25%}.oc6{bottom:29%;left:3%}
/* Services: 40 / 60, left stays while the work advances. */
.services{display:grid;grid-template-columns:40% 60%;gap:0;align-items:start}.services-intro{align-self:stretch;padding-right:65px}.sticky-copy{position:sticky;top:115px}.sticky-copy .section-title{font-size:clamp(42px,3.8vw,61px);line-height:1.08}.sticky-copy p{margin:28px 0 30px;font-size:20px;max-width:420px}.service-list{display:flex;flex-direction:column;gap:38px;padding-left:20px}.service-card{padding:36px;background:var(--panel);border-radius:15px;overflow:hidden}.service-heading{display:flex;gap:22px;margin-bottom:30px;align-items:flex-start}.service-num{font:500 15px/1.4 'DM Sans',sans-serif;color:var(--lime);padding-top:7px}.service-heading h3{font-size:36px;line-height:1.1;max-width:490px}.service-art{height:260px;border-radius:10px;position:relative;overflow:hidden;background:var(--bg);margin-bottom:28px;isolation:isolate}.service-body p{font-size:20px;line-height:1.55}.service-tags{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-top:26px}.service-tags span{font-size:15px;display:flex;gap:10px;align-items:center;color:#d6e2db}.service-tags span::before{content:'+';color:var(--green);font-size:18px}.growth-art{background:radial-gradient(ellipse at 50% 120%,#0fa25336,transparent 65%),var(--bg)}.art-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#61716b50 1px,transparent 1px),linear-gradient(90deg,#61716b50 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(transparent,#000)}.growth-bars{position:absolute;bottom:0;left:16%;right:16%;height:180px;display:flex;gap:14px;align-items:end;transform:skewY(-8deg)}.growth-bars i{width:13%;height:22%;background:linear-gradient(0deg,#0fa25325,#0fa253);border-radius:3px 3px 0 0;transform-origin:bottom;animation:bars-rise 6s var(--ease) infinite alternate}.growth-bars i:nth-child(2){height:34%;animation-delay:.1s}.growth-bars i:nth-child(3){height:42%;animation-delay:.2s}.growth-bars i:nth-child(4){height:50%;animation-delay:.3s}.growth-bars i:nth-child(5){height:60%;animation-delay:.4s}.growth-bars i:nth-child(6){height:72%;animation-delay:.5s}.growth-bars i:nth-child(7){height:86%;animation-delay:.6s}.growth-bars i:nth-child(8){height:100%;background:linear-gradient(0deg,#25fb7640,var(--lime));animation-delay:.7s}.art-label{position:absolute;top:24px;left:24px;font-size:13px;padding:6px 10px;border-radius:5px;background:#193125;color:#b8d8c6}.art-label b{display:none}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:7px}.web-art{background:radial-gradient(ellipse at 60% 50%,#0fa25320,transparent 70%),var(--bg)}.mini-browser{position:absolute;width:66%;left:17%;top:30px;background:#1e3026;border:1px solid #5a806a70;border-radius:9px;transform:rotate(-5deg);box-shadow:0 20px 45px #0003;animation:browser-float 8s ease-in-out infinite}.mini-toolbar{height:27px;padding:10px;display:flex;align-items:center;gap:4px;background:#263e30;border-radius:8px 8px 0 0}.mini-toolbar i{width:4px;height:4px;background:#8eaa98;border-radius:50%}.mini-toolbar span{font-size:9px;line-height:1;margin:auto;color:#a9bfb1}.mini-web{padding:20px;min-height:180px;position:relative}.mini-web>img{position:absolute;width:76px;right:20px;top:50px;opacity:.8}.mini-web strong{font-size:26px;line-height:1.05;letter-spacing:-.04em;display:block;font-weight:500}.mini-button{height:14px;width:70px;background:var(--lime);border-radius:3px;margin-top:19px}.mini-web-lines{width:95px;height:19px;border-top:3px solid #779183;border-bottom:3px solid #779183;margin-top:17px;opacity:.4}.floating-label{position:absolute;bottom:20px;right:20px;padding:10px 13px;background:#ecfff4;color:#101816;font-size:12px;border-radius:6px;transform:rotate(3deg);box-shadow:0 6px 20px #0004}.tech-orbit{position:absolute;width:230px;height:180px;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid #0fa25360;border-radius:50%}.tech-core{position:absolute;width:85px;height:85px;left:50%;top:45%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#244c35;border:1px solid #25fb7640;border-radius:22px;box-shadow:0 0 70px #0fa25325}.tech-core img{width:58px}.tech-node{position:absolute;padding:8px 17px;background:#20362a;border-radius:7px;font-size:13px;animation:node-float 8s ease-in-out infinite}.n1{top:34px;left:20%}.n2{top:45px;right:18%;animation-delay:-2s}.n3{bottom:60px;right:22%;animation-delay:-4s}.n4{bottom:58px;left:19%;animation-delay:-6s}.tech-status{position:absolute;bottom:17px;width:100%;text-align:center;font-size:12px;color:#a6c5b3}.tech-status i{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-right:5px}.ai-art{display:grid;place-items:center;background:radial-gradient(ellipse at center,#0fa25322,transparent 70%),var(--bg)}.ai-trail{display:flex;align-items:center;width:88%;gap:12px;z-index:2}.ai-trail span,.ai-trail b{padding:14px 12px;background:#243c2e;border-radius:8px;font-size:13px;white-space:nowrap;font-weight:400}.ai-trail b{background:var(--lime);color:var(--bg);box-shadow:0 0 40px #25fb761f}.ai-trail i{height:1px;flex:1;min-width:10px;background:#25fb7650;position:relative;overflow:hidden}.ai-trail i:after{content:'';position:absolute;inset:0;width:25%;background:var(--lime);animation:signal 3s linear infinite}.ai-pulse{position:absolute;width:170px;height:170px;border:1px solid #0fa25335;border-radius:50%;animation:pulse 6s ease infinite}.art-caption{position:absolute;bottom:22px;font-size:13px;color:#8dae9a}
/* Portfolio cards overlap natively; no scroll hijacking. */
.projects{padding-top:100px}.case-stack{padding-bottom:30px}.case{position:sticky;top:calc(55px + var(--i)*19px);display:grid;grid-template-columns:58% 42%;min-height:540px;background:#1b2721;border-radius:18px;overflow:hidden;margin-bottom:74px;box-shadow:0 -15px 45px #0003;transform-origin:50% 0;will-change:transform}.case-visual{display:grid;place-items:center;position:relative;padding:45px;background:#293b35;min-height:540px;overflow:hidden}.case-visual.sian{background:#b8cfc8}.case-visual.afinom{background:#132a26}.case-visual.solar{background:#d3ded1}.case-screen{width:100%;background:white;border-radius:8px;overflow:hidden;box-shadow:0 30px 50px #0003;transform:perspective(1200px) rotateY(-3deg) rotateX(4deg);transition:transform 1s var(--ease)}.case:hover .case-screen{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-6px)}.screen-bar{height:28px;background:#f0f3f1;color:#52645b;display:flex;justify-content:space-between;align-items:center;padding-inline:11px;font:10px 'DM Sans',sans-serif}.screen-bar>span:first-child{font-size:7px;letter-spacing:3px;opacity:.5}.case-screen img{width:100%;height:auto}.case-copy{padding:44px;display:flex;flex-direction:column;align-items:start}.case-tags{font-size:13px;letter-spacing:.025em;line-height:1.6;color:var(--lime);text-transform:uppercase;font-family:'DM Sans',sans-serif;display:block;margin-bottom:25px}.case-copy h3{font-size:40px;line-height:1.08;margin-bottom:20px}.case-copy>p{font-size:20px;line-height:1.5}.case-claim{font-size:29px;line-height:1.2;letter-spacing:-.035em;display:block;font-weight:400;max-width:300px;margin:34px 0 30px;color:#d4e7da}.case-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-top:auto}.case-bottom>span{font-size:13px;color:#98b0a1}.case-bottom .button{font-size:15px;padding:10px 15px;min-height:42px}.campaign{background:#16352c}.campaign-preview{width:100%;min-height:370px;display:flex;flex-direction:column;justify-content:space-between}.campaign-label{font-size:17px;font-weight:500;letter-spacing:-.02em;color:#bdd1c4}.campaign-ad{background:#f7f9f8;color:#101816;border-radius:10px;padding:28px;box-shadow:0 25px 45px #0003;transform:rotate(-3deg);margin-block:20px}.campaign-ad>span{font:10px 'DM Sans',sans-serif;text-transform:uppercase;color:#61716b}.campaign-ad h4{font-size:34px;line-height:1.05;letter-spacing:-.04em;margin-block:20px}.campaign-search{border:1px solid #61716b45;border-radius:30px;padding:9px 15px;display:flex;align-items:center;gap:20px;font-size:12px}.campaign-search i{width:12px;height:12px;border:1px solid #61716b;border-radius:50%;margin-left:auto}.campaign-foot{font:12px 'DM Sans',sans-serif;color:#a8c6b5}.project-status{background:#0fa25318;padding:8px 12px;border-radius:5px}
/* The growth system: a continuous curve and ascending cards. */
.growth{padding-bottom:130px}.growth-landscape{position:relative;padding-top:290px;isolation:isolate}.growth-aura{position:absolute;inset:10% -10% -5%;z-index:-1;background:radial-gradient(ellipse at 90% 30%,#0fa25316,transparent 65%);border-radius:50%;transform:rotate(-13deg)}.growth-curve{position:absolute;left:0;top:0;width:100%;height:295px;overflow:visible}.growth-curve path{fill:none;stroke-width:2.5;stroke-linecap:round}.curve-base{stroke:#245139}.curve-progress{stroke:var(--lime);stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.5s var(--ease)}.growth.active .curve-progress{stroke-dashoffset:0}.growth-curve circle{fill:var(--bg);stroke:var(--lime);stroke-width:2}.growth-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}.growth-card{background:#1c2922;padding:27px 25px;border-radius:16px;min-height:458px;transform:translateY(calc(var(--step)*-60px));box-shadow:0 15px 35px #0002;position:relative;transition:background .4s,box-shadow .4s}.growth-card:hover{background:#23392b;box-shadow:0 20px 45px #0004}.growth-card:before{content:'';position:absolute;top:-40px;height:40px;left:50%;border-left:1px dashed #0fa25360}.growth-card:last-child{background:#103823;box-shadow:inset 0 0 0 1px #25fb7624}.growth-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px;font-size:12px}.growth-top>span:first-child{font-size:15px;color:var(--lime)}.growth-top>span:last-child{background:#d1ffe512;border-radius:20px;padding:5px 9px;white-space:nowrap}.growth-icon{width:38px;height:38px;padding:7px;background:#0fa25320;border-radius:9px;stroke:var(--lime);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none;margin-bottom:23px}.growth-card h3{font-size:31px;margin-bottom:18px}.growth-card p{font-size:17px;line-height:1.5}.growth-card ul{padding:0;list-style:none;margin:23px 0 25px;display:grid;gap:12px}.growth-card li{font-size:14px;line-height:1.5;position:relative;padding-left:13px}.growth-card li:before{content:'·';position:absolute;left:0;color:var(--lime)}.growth-goal{margin-top:25px}.growth-goal>span{display:block;font:10px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#b7c5bd;margin-bottom:9px}.growth-goal strong{display:block;font-size:17px;line-height:1.3;color:var(--lime);font-weight:500}
/* Crocoverso: two continuous rows, no fake controls. */
.universe{padding-top:40px;overflow:hidden}.brand-marquees{mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);max-width:1600px;margin:0 auto 65px}.marquee{display:flex;width:100%;margin-bottom:16px}.marquee-track{display:flex;gap:16px;animation:marquee 72s linear infinite;will-change:transform}.row-1 .marquee-track{animation-direction:reverse;animation-duration:80s}.marquee-group{display:flex;gap:16px;flex-shrink:0}.brand-marquees:hover .marquee-track{animation-play-state:paused}.brand-tile{width:225px;height:110px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#1c2822,#131e18);box-shadow:inset 0 1px #eefff40d;padding:22px;flex-shrink:0;transition:background .35s}.brand-tile img{max-height:65px;width:100%;object-fit:contain;opacity:.75;transition:opacity .4s}.brand-tile:hover img{opacity:1}.brand-tile .mono{filter:grayscale(1) brightness(0) invert(.7)}.brand-tile .on-white{filter:grayscale(1) invert(1);mix-blend-mode:screen}.brand-tile .niche{filter:none;max-width:160px}.brand-tile .andorra{filter:none}.product-wordmark{font-size:29px;font-weight:600;letter-spacing:-.055em;line-height:1.1;color:#c2d3c9;text-align:center}.product-wordmark.flow{color:#b6d7c4}.product-wordmark.psychology{font-size:22px;font-weight:500;color:#c8bedc}.universe-copy{text-align:center}.universe-copy .section-title{font-size:clamp(40px,4.4vw,68px);line-height:1.08}.universe-copy p{font-size:21px;max-width:820px;margin:28px auto 0;line-height:1.6}
/* Team: everyone present, tall portraits, real roles. */
.team .section-heading{grid-template-columns:1.8fr 1fr;gap:45px}.team .section-title{font-size:clamp(40px,3.9vw,62px)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 28px}.portrait{aspect-ratio:3/3.7;background:#24352b;border-radius:12px;position:relative;overflow:hidden}.portrait>img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;filter:saturate(.65);transition:transform .9s var(--ease),filter .9s}.person:hover .portrait>img{transform:scale(1.035);filter:saturate(1)}.founder{position:absolute;left:18px;bottom:18px;background:#101816cf;backdrop-filter:blur(10px);padding:6px 12px;border-radius:5px;font-size:13px;color:var(--paper)}.person h3{font-size:27px;margin:20px 0 8px}.person>p{font-size:17px;line-height:1.4;letter-spacing:-.01em}.portrait-pending{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:radial-gradient(ellipse at 60% 40%,#0fa2531a,transparent 70%),#1d2b23;position:relative}.portrait-pending:before,.portrait-pending:after{content:'';position:absolute;width:80%;height:80%;border:1px solid #0fa25330;border-radius:50%;transform:rotate(-25deg) scaleY(.6)}.portrait-pending:after{transform:rotate(25deg) scaleY(.6)}.portrait-pending>span{font-size:100px;font-weight:400;letter-spacing:-.09em;color:#9dbdab;z-index:1}.portrait-pending>small{font:13px 'DM Sans',sans-serif;color:#89a895;z-index:1}
/* Method, FAQ and closing. */
.method-heading{text-align:center;margin-bottom:65px}.method-heading .section-title{font-size:clamp(50px,5.2vw,80px)}.method-heading p{font-size:21px;margin-top:25px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.method-step{text-align:center}.method-step h3{font-size:27px;margin:30px 0 17px}.method-step p{font-size:18px;line-height:1.55;max-width:270px;margin:auto}.method-art{height:140px;position:relative;display:flex;align-items:center;justify-content:center;gap:9px}.method-art i{display:block;border:1px solid #0fa25399;background:#0fa25310;width:52px;height:52px;transition:transform .6s var(--ease),background .6s}.understand i{position:absolute;border-radius:50%;width:90px;height:90px}.understand i:nth-child(1){transform:translate(-24px,-8px)}.understand i:nth-child(2){transform:translate(24px,-8px)}.understand i:nth-child(3){transform:translate(0,25px)}.understand i:nth-child(4){width:12px;height:12px;background:var(--lime);border:0}.prioritize{align-items:end;padding-bottom:23px}.prioritize i{width:26px;background:#0fa25324;border:0;border-radius:4px}.prioritize i:nth-child(1){height:38px}.prioritize i:nth-child(2){height:60px}.prioritize i:nth-child(3){height:86px}.prioritize i:nth-child(4){height:110px;background:var(--lime)}.execute i{position:absolute;width:76px;height:76px;border-radius:15px;transform:rotate(45deg)}.execute i:nth-child(1){transform:translateX(-38px) rotate(45deg)}.execute i:nth-child(2){transform:translateX(0) rotate(45deg)}.execute i:nth-child(3){transform:translateX(38px) rotate(45deg)}.execute i:nth-child(4){width:14px;height:14px;border:0;background:var(--lime)}.improve i{position:absolute;border-radius:50%;width:102px;height:102px;border-right-color:transparent;transform:rotate(-40deg)}.improve i:nth-child(2){width:74px;height:74px;transform:rotate(110deg);border-color:#25fb7680 transparent #25fb7680 #25fb7680}.improve i:nth-child(3){width:40px;height:40px}.improve i:nth-child(4){width:9px;height:9px;background:var(--lime);border:0;transform:translate(41px,-32px)}.method-step:hover .method-art i{background:#25fb7620}.method-step:hover .improve{animation:turn 10s linear infinite}.faq{display:grid;grid-template-columns:40% 55%;gap:5%;align-items:start}.faq-intro{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:55px;max-width:460px}.faq-intro .section-title{font-size:clamp(44px,3.8vw,60px);line-height:1.08}.faq-list{display:grid;gap:14px}.faq-list details{background:#1d2722;border:1px solid #eefff414;border-radius:10px;overflow:hidden;transition:background .3s}.faq-list details[open]{background:#202b25}.faq-list summary{padding:23px 25px;list-style:none;cursor:pointer;display:flex;gap:25px;justify-content:space-between;align-items:center;font-size:20px;font-weight:500;line-height:1.35;letter-spacing:-.025em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:26px;font-weight:400;color:#a6b8ac;line-height:1;transition:transform .3s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{padding:0 25px 25px;font-size:18px;line-height:1.55;animation:faq-in .4s var(--ease)}.contact{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding-top:170px;padding-bottom:180px;margin-top:50px}.contact-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(#101816,transparent 24%,transparent 76%,#101816),radial-gradient(ellipse at center,#10181666,transparent 68%)}.contact .section-title{font-size:clamp(50px,6vw,95px);line-height:1.03}.contact p{font-size:23px;margin:32px auto 35px}.contact-actions{display:flex;gap:15px;justify-content:center}.footer{padding-top:70px;padding-bottom:35px}.footer-main{display:grid;grid-template-columns:1.25fr 1fr 1.25fr;gap:45px;align-items:start;margin-bottom:90px}.footer-brand img{width:240px}.footer-brand p{font-size:15px;margin-top:23px}.footer-office .eyebrow{margin-bottom:20px;font-size:12px;background:none;padding:0;border:0}.footer-office address{font-size:18px;line-height:1.6;font-style:normal;color:var(--muted)}.footer-contact{display:grid;gap:8px;text-align:right}.footer-contact a:first-child{font-size:30px;letter-spacing:-.035em}.footer-contact a:last-child{font-size:20px;color:var(--muted)}.footer a{transition:color .2s}.footer a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;font-size:13px;color:#93a79a}.footer-bottom>div{display:flex;gap:25px}
body{overflow-x:clip}
.growth-landscape{overflow:clip}
.client-tile{min-width:0}
.client-tile img{max-width:100%!important}
@keyframes mist-drift{to{transform:translate(-5%,6%) rotate(9deg) scale(1.1)}}
/* Motion is optional; native scroll and keyboard behavior remain intact. */
@keyframes logo-float{50%{transform:translateY(-9px) rotate(-6deg)}}@keyframes orbit-roll{0%{transform:rotate(-25deg) rotateX(60deg) rotateZ(0)}100%{transform:rotate(-25deg) rotateX(60deg) rotateZ(360deg)}}@keyframes bars-rise{0%{transform:scaleY(.78)}100%{transform:scaleY(1)}}@keyframes browser-float{50%{transform:rotate(-2deg) translateY(-5px)}}@keyframes node-float{50%{transform:translateY(-6px)}}@keyframes signal{0%{transform:translateX(-100%)}100%{transform:translateX(500%)}}@keyframes pulse{0%,100%{transform:scale(.85);opacity:.35}50%{transform:scale(1.1);opacity:1}}@keyframes marquee{to{transform:translateX(calc(-50% - 8px))}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes faq-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@view-transition{navigation:auto}::view-transition-old(root){animation:180ms ease both fade-out}::view-transition-new(root){animation:380ms var(--ease) both fade-in}@keyframes fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-out{to{opacity:0}}
@media(min-width:1700px){.hero-inner{padding-top:200px;padding-bottom:145px}.hero-main{margin-top:120px}.hero-symbol{width:380px;height:290px;margin-right:5px}.hero-symbol>img{width:180px}.hero .hero-title{font-size:94px}.hero-top .hero-note{max-width:405px}.hero{min-height:100svh}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.nav{gap:22px}.brand img{width:175px}.nav nav{gap:22px;margin:0}.nav nav a{font-size:16px}.nav-cta{font-size:16px;padding-inline:20px}.hero-inner{padding-top:165px}.hero-main{grid-template-columns:1.5fr 1fr;margin-top:90px}.hero .hero-title{font-size:clamp(56px,6vw,78px)}.hero-note{font-size:20px;max-width:330px}.contact-card{width:320px;gap:13px}.contact-card>img{width:77px;height:117px;flex-basis:77px}.contact-card strong{font-size:19px}.contact-role{font-size:11px}.hero-symbol{width:270px;margin-right:20px;height:240px}.hero-symbol>img{width:140px}.hero-actions{gap:10px}.hero-actions .button{font-size:16px;padding-inline:20px}.section{padding-block:100px}.section-heading{gap:40px}.section-heading>p{font-size:19px}.client-tile{padding:22px;height:125px}.client-tile img{max-width:140px;max-height:54px}.services-intro{padding-right:30px}.sticky-copy .section-title{font-size:45px}.sticky-copy p{font-size:18px}.sticky-copy .button{font-size:15px}.service-card{padding:26px}.service-heading h3{font-size:30px}.service-body p{font-size:18px}.service-tags span{font-size:13px}.case{grid-template-columns:54% 46%;min-height:500px}.case-visual{padding:28px;min-height:500px}.case-copy{padding:32px}.case-copy h3{font-size:34px}.case-copy>p{font-size:18px}.case-claim{font-size:26px}.growth-grid{gap:14px}.growth-card{padding:24px 18px;min-height:470px}.growth-top{font-size:10px;gap:4px}.growth-card h3{font-size:27px}.growth-card p{font-size:16px}.growth-card li{font-size:13px}.growth-goal strong{font-size:16px}.team-grid{gap:45px 22px}.person h3{font-size:25px}.person>p{font-size:15px}.faq-list summary{font-size:18px;padding:21px}.footer-contact a:first-child{font-size:25px}.footer-main{gap:30px}.footer-brand img{width:200px}}
@media(max-width:850px){body{font-size:18px}.wrap{width:calc(100% - 48px)}.header{padding-block:18px}.nav{min-height:60px}.brand img{width:180px}.nav nav{display:none;position:fixed;inset:96px 0 0;background:var(--bg);flex-direction:column;justify-content:flex-start;align-items:start;padding:60px 32px;gap:30px;z-index:70}.nav nav.open{display:flex}.nav nav a{font-size:32px}.nav-cta{margin-left:auto;font-size:16px;min-height:45px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;background:none;border:0;padding:8px;width:42px;height:45px}.menu-toggle span{height:1px;background:var(--paper);width:25px;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{min-height:auto}.hero-inner{padding-top:150px;padding-bottom:80px}.hero-top{gap:30px}.hero-specialties{font-size:13px}.hero-note{font-size:18px;max-width:300px}.hero-main{margin-top:65px;gap:35px;grid-template-columns:1fr}.hero .hero-title{font-size:clamp(55px,8vw,77px)}.hero-aside{flex-direction:row;justify-content:space-between;align-items:center;gap:35px}.hero-symbol{order:2;width:240px;height:180px;margin:0 30px 0 0}.hero-symbol>img{width:112px}.hero-symbol .orbit{inset:5px 0}.contact-card{width:340px}.hero-actions .button{font-size:17px}.clients{padding-top:25px}.client-tile{height:108px;padding:18px}.client-tile img{max-width:110px;max-height:46px}.client-tile img.symbol{height:48px;width:48px}.section{padding-block:85px}.section-heading{grid-template-columns:1fr;gap:28px;margin-bottom:48px}.section-heading>p{justify-self:start;max-width:560px;font-size:20px}.section-heading .section-title{font-size:50px}.orbit-section{height:115vh;min-height:850px}.orbit-sticky{min-height:690px}.orbit-copy .section-title{font-size:51px}.orbit-copy p{font-size:19px;max-width:560px}.orbit-chip{font-size:12px;padding:7px 12px}.oc2{left:3%;top:25%}.oc6{left:4%;bottom:22%}.oc3{right:5%;top:21%}.oc4{right:4%;bottom:18%}.oc5{left:36%;bottom:10%}.oc1{left:35%;top:13%}.services{grid-template-columns:1fr}.services-intro{padding:0;margin-bottom:45px}.sticky-copy{position:static}.sticky-copy .section-title{font-size:50px;max-width:650px}.sticky-copy .section-title br{display:none}.sticky-copy .section-title span:before{content:' '}.sticky-copy p{font-size:20px;max-width:620px;margin-block:25px}.sticky-copy .button{font-size:18px}.service-list{padding:0;gap:28px}.service-card{padding:30px}.service-heading h3{font-size:35px;max-width:none}.service-art{height:270px}.service-body p{font-size:20px}.service-tags span{font-size:16px}.case{grid-template-columns:1fr;position:relative;top:auto;min-height:auto;margin-bottom:35px}.case-visual{min-height:360px;padding:35px}.case-screen{max-width:590px}.case-copy{padding:32px}.case-copy h3{font-size:36px}.case-copy>p{max-width:600px;font-size:20px}.case-claim{font-size:28px;max-width:none;margin-block:26px}.case-tags{margin-bottom:18px}.case-bottom{margin-top:0}.campaign-preview{min-height:350px;max-width:530px}.growth-landscape{padding-top:125px}.growth-curve{height:200px}.growth-grid{grid-template-columns:1fr 1fr;gap:25px}.growth-card{transform:none!important;min-height:410px;padding:28px}.growth-card:before{display:none}.growth-card:nth-child(even){transform:translateY(-25px)!important}.growth-top{font-size:12px}.growth-card h3{font-size:31px}.growth-card p{font-size:18px}.growth-card li{font-size:15px}.growth-goal strong{font-size:18px}.universe{padding-top:70px}.brand-marquees{margin-bottom:45px}.brand-tile{width:190px;height:95px;padding:20px}.brand-tile img{max-height:56px}.universe-copy .section-title{font-size:49px}.universe-copy p{font-size:19px}.team .section-heading{grid-template-columns:1fr;gap:28px}.team .section-title{font-size:48px}.team-grid{grid-template-columns:repeat(3,1fr);gap:35px 18px}.person h3{font-size:22px;line-height:1.1}.person>p{font-size:14px}.founder{font-size:10px;left:10px;bottom:10px;padding:5px 8px}.portrait-pending>span{font-size:65px}.portrait-pending>small{font-size:10px}.method-heading .section-title{font-size:65px}.method-grid{grid-template-columns:1fr 1fr;gap:50px 30px}.method-art{height:135px}.method-step h3{margin-top:20px}.method-step p{font-size:19px}.faq{grid-template-columns:1fr;gap:35px}.faq-intro{max-width:100%;flex-direction:row;align-items:end;gap:24px}.faq-intro .contact-card{width:310px}.faq-intro .section-title{font-size:42px}.faq-list summary{font-size:20px}.faq-list details>p{font-size:19px}.contact{padding-block:120px;margin-top:20px}.contact .section-title{font-size:65px}.contact p{font-size:21px}.footer{padding-top:50px}.footer-main{grid-template-columns:1.2fr 1fr;gap:45px;margin-bottom:70px}.footer-contact{text-align:left;grid-column:1/-1}.footer-contact a:first-child{font-size:36px}.footer-bottom{flex-direction:column;gap:20px}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.nav{gap:10px}.brand img{width:155px}.nav-cta{font-size:14px;min-height:42px;padding:11px 16px}.menu-toggle{width:35px;padding:5px}.header{padding-block:16px}.hero-inner{padding-top:133px;padding-bottom:65px}.hero-top{flex-direction:column;gap:28px}.hero-specialties{font-size:12px;line-height:1.65}.hero-note{font-size:19px;line-height:1.45;max-width:340px}.hero-main{margin-top:42px;gap:36px}.hero .hero-title{font-size:clamp(42px,10.1vw,56px);line-height:1.05;letter-spacing:-.055em}.hero-actions{margin-top:28px;gap:10px}.hero-actions .button{font-size:15px;min-height:49px;padding:13px 16px}.hero-aside{position:relative;gap:0;display:block;padding-top:85px}.hero-symbol{position:absolute;right:5px;top:-10px;width:160px;height:125px;margin:0;z-index:-1;opacity:.65}.hero-symbol>img{width:74px}.contact-card{width:100%;max-width:350px;gap:16px;background:#1d2c23e8}.contact-card>img{width:82px;height:112px;flex-basis:82px}.contact-card strong{font-size:21px}.contact-role{font-size:10px;max-width:195px}.contact-card .button{font-size:15px;min-height:36px;min-width:155px;padding:8px 15px}.clients{padding-block:30px 45px}.clients-title .eyebrow{font-size:11px;letter-spacing:.02em}.client-grid{grid-template-columns:repeat(2,1fr)}.client-tile{height:102px;padding:22px}.client-tile img{max-width:128px;max-height:48px}.client-tile:hover{transform:translateY(-5px) scale(1.02)}.section{padding-block:70px}.eyebrow{font-size:11px;margin-bottom:24px}.section-heading{gap:24px;margin-bottom:35px}.section-heading .section-title{font-size:39px;line-height:1.1}.section-heading>p{font-size:18px;line-height:1.55}.orbit-section{height:auto;min-height:0;padding-block:65px}.orbit-sticky{position:relative;height:690px;min-height:0;overflow:hidden}.orbit-copy .section-title{font-size:38px;line-height:1.13}.orbit-copy p{font-size:18px;line-height:1.55;max-width:350px;margin-top:26px}.orbit-ring{width:130%;height:60%}.r2{width:170%;height:76%}.r3{width:220%;height:94%}.orbit-chip{font-size:11px;padding:6px 10px;opacity:.75}.oc1{left:15%;top:8%}.oc3{top:16%;right:8%}.oc2{top:22%;left:-15px}.oc4{right:5%;bottom:12%}.oc5{left:23%;bottom:5%}.oc6{bottom:19%;left:3%}.sticky-copy .section-title{font-size:40px;line-height:1.1}.sticky-copy p{font-size:18px}.sticky-copy .button{font-size:16px}.service-list{gap:24px}.service-card{padding:24px 20px;border-radius:12px}.service-heading{gap:14px;margin-bottom:24px}.service-heading h3{font-size:29px;line-height:1.12}.service-num{font-size:12px;padding-top:5px}.service-art{height:205px;margin-bottom:24px}.service-body p{font-size:18px}.service-tags{gap:12px 10px;margin-top:22px;grid-template-columns:1fr}.service-tags span{font-size:15px}.growth-bars{height:140px;gap:8px}.art-label{font-size:10px;left:16px;top:16px}.mini-browser{width:77%;left:11%;top:25px}.mini-web{padding:15px;min-height:150px}.mini-web strong{font-size:23px}.mini-web>img{width:60px;top:43px;right:18px}.mini-web-lines{width:75px;height:13px}.floating-label{font-size:10px;bottom:15px;right:12px;padding:8px 10px}.tech-orbit{width:205px;height:140px}.tech-core{width:66px;height:66px;border-radius:18px}.tech-core img{width:45px}.tech-node{font-size:11px;padding:6px 10px}.n1{left:11%;top:24px}.n2{right:10%;top:27px}.n3{right:14%;bottom:47px}.n4{left:12%;bottom:44px}.tech-status{bottom:12px;font-size:11px}.ai-trail{width:91%;gap:5px}.ai-trail span,.ai-trail b{font-size:10px;padding:12px 9px}.art-caption{font-size:10px;bottom:18px}.case{border-radius:12px;margin-bottom:28px}.case-visual{min-height:235px;padding:24px 20px}.screen-bar{height:22px;font-size:8px}.case-copy{padding:25px 22px}.case-copy h3{font-size:31px}.case-copy>p{font-size:18px}.case-tags{font-size:11px;line-height:1.6;margin-bottom:18px}.case-claim{font-size:25px;line-height:1.2;margin:25px 0}.case-bottom{gap:14px}.case-bottom>span{font-size:12px}.case-bottom .button{font-size:13px}.campaign-preview{min-height:285px}.campaign-label{font-size:14px}.campaign-ad{padding:22px}.campaign-ad h4{font-size:28px}.campaign-ad>span{font-size:8px}.campaign-search{font-size:9px;padding:7px 12px}.campaign-foot{font-size:10px}.growth-landscape{padding-top:70px}.growth-curve{height:100px;opacity:.75}.growth-grid{grid-template-columns:1fr;gap:20px}.growth-card,.growth-card:nth-child(even){transform:none!important;min-height:auto;padding:28px}.growth-card h3{font-size:33px}.growth-top{font-size:12px}.growth-icon{margin-bottom:20px}.growth-card ul{margin-top:23px}.growth-card li{font-size:16px}.growth-card p{font-size:18px}.growth-goal{margin-top:23px}.growth-goal>span{font-size:11px}.growth-goal strong{font-size:20px}.brand-marquees{margin-bottom:38px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.marquee{margin-bottom:12px}.brand-tile{width:174px;height:89px;padding:18px}.marquee-track,.marquee-group{gap:12px}.marquee-track{animation-duration:64s}.row-1 .marquee-track{animation-duration:72s}.product-wordmark{font-size:25px}.product-wordmark.psychology{font-size:19px}.universe-copy .section-title{font-size:37px;line-height:1.12}.universe-copy p{font-size:18px;line-height:1.55}.universe-copy p br{display:none}.team .section-title{font-size:39px}.team-grid{grid-template-columns:1fr 1fr;gap:35px 15px}.portrait{aspect-ratio:3/4;border-radius:8px}.person h3{font-size:22px;line-height:1.08;letter-spacing:-.04em;margin-top:15px}.person>p{font-size:13px;line-height:1.45}.founder{font-size:9px;padding:4px 7px;bottom:9px;left:9px}.portrait-pending>span{font-size:61px}.portrait-pending>small{font-size:8px}.method-heading{margin-bottom:35px;text-align:left}.method-heading .section-title{font-size:46px;line-height:1.05}.method-heading p{font-size:18px;line-height:1.5}.method-grid{gap:35px 20px}.method-art{height:115px;transform:scale(.8)}.method-step h3{font-size:25px;margin-top:12px}.method-step p{font-size:16px;line-height:1.5}.faq-intro{display:block}.faq-intro .section-title{font-size:40px}.faq-intro .contact-card{width:100%;margin-top:30px;max-width:350px}.faq-list{gap:12px}.faq-list summary{font-size:18px;line-height:1.3;padding:20px 18px;gap:18px}.faq-list summary>span{font-size:23px;flex-shrink:0}.faq-list details>p{font-size:17px;line-height:1.55;padding:0 18px 20px}.contact{padding-block:100px 110px;margin-top:0}.contact .section-title{font-size:43px;line-height:1.05}.contact p{font-size:19px;line-height:1.5;margin-block:25px 30px}.contact p br{display:none}.contact-actions{flex-direction:column;align-items:center;gap:12px}.contact-actions .button{font-size:17px;min-width:245px;min-height:54px}.footer{padding-top:25px;padding-bottom:30px}.footer-main{grid-template-columns:1fr;gap:35px;margin-bottom:50px}.footer-brand img{width:215px}.footer-brand p{font-size:14px;margin-top:17px}.footer-office .eyebrow{font-size:11px;margin-bottom:15px}.footer-office address{font-size:18px}.footer-contact{gap:8px}.footer-contact a:first-child{font-size:32px}.footer-contact a:last-child{font-size:20px}.footer-bottom{font-size:12px;gap:20px}.footer-bottom>div{gap:22px}.footer-bottom>div a{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal:not(.visible){opacity:1;transform:none}.orbit-scene,.orbit-chip{transform:none!important}.orbit-section{height:auto;min-height:0}.orbit-sticky{position:relative}.case{position:relative;top:auto;transform:none!important}.curve-progress{stroke-dashoffset:0}.marquee{overflow-x:auto;scrollbar-width:none}.marquee-group[aria-hidden=true]{display:none}.hero-symbol>img{transform:none}.orb-background{opacity:.4}}

/* Official React Bits Orb, adapted to the CroCo palette. */
.orb-background{position:absolute;z-index:-3;pointer-events:none;aspect-ratio:1;opacity:.8;contain:layout paint}
.orb-background canvas{width:100%;height:100%;display:block}
.orb-background:before{content:'';position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from 35deg,#08272a,#0fa25380,#25fb76b3,#08272a,#0fa253);mask-image:radial-gradient(closest-side,transparent 80%,#000 94%,transparent 100%);filter:blur(8px);animation:halo-turn 35s linear infinite}
.orb-background[data-background=webgl]:before{display:none}
.hero-orb{width:min(78vw,950px);right:calc(max(56px,(100vw - 1400px)/2) - 292px);top:50%;transform:translateY(-50%)}
.contact-orb{width:1120px;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.7}
@keyframes halo-turn{to{rotate:360deg}}
@media(max-width:1100px){.hero-orb{width:850px;right:-300px;top:47%}}
@media(max-width:900px){.hero-orb{width:780px;right:-290px;top:60%;opacity:.55}.contact-orb{width:1000px}}
@media(max-width:560px){.hero-orb{width:690px;right:-325px;top:55%;opacity:.5}.contact-orb{width:730px;opacity:.55}}
@media(prefers-reduced-motion:reduce){.orb-background:before{animation:none}}

/* November refinement: one typeface, stable controls and restrained motion. */
.nav nav a{font-size:17px}
.eyebrow{font-weight:500;letter-spacing:.045em}
.hero-specialties{font-weight:400;font-size:14px;letter-spacing:.05em}
.button{transform:none;transition:box-shadow .3s ease;white-space:nowrap}
.button:hover{background:var(--lime);transform:none;box-shadow:none}
.button.light:hover{background:var(--paper);color:var(--bg)}
.button.quiet:hover{background:rgba(238,255,244,.055);color:var(--paper)}
.nav nav a:hover{color:var(--paper)}
.type-label{display:inline-block;position:relative;vertical-align:bottom;white-space:pre;line-height:inherit}
.type-static{display:block}
.type-ink{position:absolute;inset:0;display:none;white-space:pre;pointer-events:none;align-items:baseline}
.typing .type-static{visibility:hidden}
.typing .type-ink{display:flex}
.type-cell{position:relative;display:inline-block;flex:none;white-space:pre;overflow:visible}
.type-cell.is-noise{color:var(--lime);opacity:.75}
.button:not(.quiet) .type-cell.is-noise{color:#145933}
.type-cursor{display:none;position:absolute;left:0;top:.15em;height:.95em;width:1px;background:var(--lime);box-shadow:0 0 9px #25fb7670;opacity:0;pointer-events:none}
.typing .type-cursor{display:block;opacity:1}
.button:not(.quiet) .type-cursor{background:#145933;box-shadow:none}
.hero{min-height:880px;height:min(1040px,100svh)}
.hero-inner{min-height:100%;padding-top:160px;padding-bottom:100px;display:flex;flex-direction:column;justify-content:space-between}
.hero-top{align-items:start}
.hero-note{font-size:21px;max-width:370px}
.hero-main{grid-template-columns:1.6fr 1fr;margin-top:100px;align-items:end}
.hero .hero-title{font-size:clamp(56px,4.35vw,74px);line-height:1.07;letter-spacing:-.05em}
.hero-actions{margin-top:32px}
.hero-aside{gap:22px}
.hero-symbol{width:290px;height:170px;margin:0 37px 0 0}
.hero-symbol>img{width:125px}
.hero-orb{width:min(84vw,1060px);left:50%;right:auto;top:51%;transform:translate(-50%,-50%);opacity:.54}
.hero-shade{background:linear-gradient(0deg,#101816 0%,transparent 25%,transparent 80%,#10181670),linear-gradient(90deg,#1018166b,transparent 38%,transparent 62%,#1018166b)}
.hero-copy,.hero-note{position:relative;z-index:1}
.clients{max-width:1240px;padding-block:55px 75px}
.clients-title .eyebrow{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:400}
.client-grid{border:0;gap:1px;background:#34453a}
.client-tile{height:106px;padding:0;border:0;background:#34453a;transition:none;position:relative}
.client-face{position:absolute;inset:0;display:grid;place-items:center;padding:26px;background:var(--bg);outline:1px solid #34453a;transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform}
.client-tile:hover,.client-tile:focus-visible{transform:none;background:#34453a;box-shadow:none;z-index:2}
.client-tile:hover .client-face,.client-tile:focus-visible .client-face{transform:translate(9px,-9px)}
.client-tile img{max-height:43px;max-width:145px!important;width:auto;height:auto;filter:brightness(0) invert(.72);opacity:.8}
.client-tile img.tuset{max-height:48px;max-width:145px!important}
.client-tile:hover img,.client-tile:focus-visible img{filter:brightness(0) invert(.9);opacity:1}
.client-face img[hidden]{display:none}.client-fallback{font-size:22px;font-weight:500;color:#b7c5bd}
.orbit-section{height:130vh;min-height:1000px}
.orbit-sticky{min-height:760px}
.orbit-scene{transform:none!important;will-change:auto}
.orbit-ring{width:82%;height:66%;transform:translate(-50%,-50%) rotate(-12deg)}
.orbit-ring.r2{width:106%;height:82%}
.orbit-ring.r3{width:128%;height:98%}
.orbit-copy{max-width:740px}
.orbit-copy .section-title{font-size:clamp(42px,3.5vw,59px);line-height:1.13}
.orbit-copy p{max-width:550px;font-size:20px;margin-top:28px}
.orbit-chip{top:50%;left:50%;right:auto;bottom:auto;pointer-events:auto;transform:translate(-50%,-50%);font-size:15px;padding:10px 18px;font-weight:400;background:#14241b;border:1px solid #33513d;box-shadow:0 0 30px #101816;transition:color .3s,border-color .3s,background .3s;will-change:left,top}
.orbit-chip:hover,.orbit-chip:focus-visible{color:var(--lime);border-color:#25fb7680;background:#173324}
.services{grid-template-columns:36% 64%;gap:0}
.services-intro{padding-right:70px}
.sticky-copy .section-title{font-size:clamp(40px,3.1vw,52px);line-height:1.12}
.sticky-copy p{font-size:20px}
.service-list{gap:34px;padding-left:0}
.service-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;padding:30px;min-height:420px;align-items:stretch}
.service-content{min-width:0;display:flex;flex-direction:column;justify-content:center;padding-block:6px}
.service-heading{display:block;margin:0 0 23px;padding-left:15px;border-left:2px solid #526b5c}
.service-num{display:block;font-family:'DM Sans',sans-serif;font-size:14px;margin-bottom:14px;padding:0;font-weight:400}
.service-heading h3{font-size:35px;line-height:1.06;letter-spacing:-.04em}
.service-body p{font-size:18px;line-height:1.5}
.service-tags{grid-template-columns:1fr;gap:9px 15px;margin-top:24px}
.service-tags span{font-size:14px;line-height:1.4;gap:9px}
.service-tags span:before{font-size:17px;font-weight:300;flex:none}
.service-art{height:100%;min-height:355px;margin:0;border-radius:10px}
.growth-bars{left:12%;right:12%;gap:9px;height:220px}
.art-label{top:22px;left:18px;font-size:11px}
.mini-browser{width:87%;left:7%;top:65px;transform:rotate(-5deg)}
.mini-web{padding:19px;min-height:195px}
.mini-web strong{font-size:25px;max-width:170px}
.mini-web>img{width:50px;right:15px;top:113px;opacity:.6}
.floating-label{font-size:10px;bottom:40px;right:15px;padding:8px 10px}
.tech-orbit{width:80%;height:230px;top:47%}
.tech-core{top:47%;width:74px;height:74px}
.tech-core img{width:50px}
.tech-node{font-size:11px;padding:8px 12px}
.n1{top:55px;left:17%}.n2{top:85px;right:12%}.n3{bottom:85px;right:16%}.n4{bottom:60px;left:10%}
.tech-status{bottom:25px;font-size:11px}
.ai-trail{width:auto;height:70%;flex-direction:column;gap:13px;justify-content:center}
.ai-trail span,.ai-trail b{font-size:12px;padding:12px 18px}
.ai-trail i{width:1px;height:22px;min-width:1px;flex:0 0 22px}
.ai-trail i:after{width:100%;height:35%;animation:signal-down 3s linear infinite}
.art-caption{font-size:10px;bottom:23px;text-align:center;padding-inline:14px}
@keyframes signal-down{from{transform:translateY(-100%)}to{transform:translateY(400%)}}
.projects .section-heading .section-title{font-size:clamp(42px,3.8vw,64px)}
.case-visual.lyl{background:#263c3c}
.case-screen img{aspect-ratio:1.92;object-fit:cover;object-position:top}
.growth-card{display:flex;flex-direction:column;min-height:490px}
.growth-card .growth-goal{margin-top:auto;padding-top:38px}
.growth-card ul{margin-bottom:28px}
.growth-top{font-size:11px}
.growth-goal>span{font-family:'DM Sans',sans-serif;font-size:11px}
.brand-light{background:#f4f0e9!important}
.brand-light img{filter:none!important;mix-blend-mode:normal!important;opacity:1}
.brand-tile .psychology-logo{max-height:91px;max-width:165px;width:auto}
.brand-tile:has(.psychology-logo){padding:9px 18px}
.flow-brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:500;letter-spacing:-.04em}
.flow-brand img{width:50px;height:50px;object-fit:contain;filter:none;flex:none}
.team .section-heading{margin-bottom:35px}
.team-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:26px}
.team-controls p{font-size:17px}
.team-controls>div{display:flex;gap:10px}
.team-controls button{display:grid;place-items:center;width:46px;height:46px;border:1px solid #456050;background:transparent;border-radius:50%;padding:12px;color:var(--lime);transition:background .25s,opacity .25s}
.team-controls button:hover:not(:disabled){background:#1c3425}
.team-controls button:disabled{opacity:.25;cursor:default}
.team-controls svg{fill:none;stroke:currentColor;stroke-width:1.3;width:22px;height:22px}
.team-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 84px)/4.35);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:10px;overscroll-behavior-inline:contain;scroll-behavior:smooth}
.team-track::-webkit-scrollbar{display:none}
.person{scroll-snap-align:start;min-width:0}
.portrait{aspect-ratio:3/4;border-radius:10px}
.person h3{font-size:23px;margin:20px 0 8px}
.person>p{font-size:15px;line-height:1.45}
.founder{font-size:11px;padding:5px 9px;left:12px;bottom:12px}
.method-step{min-width:0;transition:opacity .8s var(--ease),transform 1s var(--ease)}
.method-grid{overflow:clip}
.js .method-step:not(.method-visible){opacity:0;transform:translate(28px,38px)}
.method-visible{opacity:1;transform:none}
.faq-list summary{font-weight:400}
.faq-list summary>span{color:var(--lime);font-weight:300}
.contact .section-title{font-size:clamp(48px,5vw,80px)}
.contact p{font-size:21px;max-width:680px}
@media(min-width:1650px){.service-tags{grid-template-columns:1fr 1fr}.service-card{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
@media(max-width:1200px){.services-intro{padding-right:35px}.service-card{padding:25px;gap:20px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.service-heading h3{font-size:30px}.service-tags{grid-template-columns:1fr}.service-body p{font-size:17px}.mini-web strong{font-size:21px}.mini-web{padding:15px}.tech-node{font-size:10px}.ai-trail span,.ai-trail b{font-size:11px;padding:12px}.hero-note{font-size:20px}.hero-orb{width:950px;opacity:.42}.hero .hero-title{font-size:62px}}
@media(max-width:900px){.hero{height:auto;min-height:900px}.hero-inner{padding-top:150px;padding-bottom:80px}.hero-main{margin-top:110px;grid-template-columns:1fr;gap:50px}.hero .hero-title{font-size:61px}.hero-aside{flex-direction:row;justify-content:space-between;align-items:center}.hero-symbol{width:190px;height:150px;margin:0}.hero-symbol>img{width:110px}.hero-note{max-width:320px;font-size:19px}.hero-orb{width:900px;top:49%;left:50%;right:auto;opacity:.4}.services{grid-template-columns:1fr}.services-intro{padding:0}.service-card{grid-template-columns:1.4fr 1fr;padding:30px;gap:30px}.service-tags{grid-template-columns:1fr 1fr}.service-body p{font-size:19px}.service-heading h3{font-size:35px}.service-art{min-height:365px}.team-track{grid-auto-columns:calc((100% - 48px)/3.2)}.team .person h3{font-size:22px}.orbit-copy{max-width:650px}.orbit-copy .section-title{font-size:47px}.orbit-copy p{max-width:460px;font-size:19px}.orbit-chip{font-size:13px;padding:8px 14px}.growth-card{min-height:450px}.client-tile img,.client-tile img.tuset{max-width:115px!important;max-height:37px}.client-face{padding:22px 16px}.contact .section-title{font-size:60px}}
@media(max-width:560px){.hero{min-height:0}.hero-inner{padding-top:130px;padding-bottom:60px}.hero-specialties{font-size:12px}.hero-top{gap:27px}.hero-note{font-size:19px;max-width:325px}.hero-main{margin-top:55px;gap:42px}.hero .hero-title{font-size:clamp(43px,11.4vw,57px);line-height:1.08}.hero-actions{margin-top:29px}.hero-aside{padding-top:10px;display:flex;flex-direction:column;gap:24px;align-items:flex-end}.hero-symbol{position:relative;top:auto;right:auto;margin:0 20px 0 0;width:130px;height:110px;opacity:1;z-index:0}.hero-symbol>img{width:85px}.hero-aside .contact-card{align-self:stretch}.hero-orb{width:720px;left:50%;right:auto;top:47%;opacity:.32}.clients{padding-block:30px 55px}.client-tile{height:85px}.client-face{padding:20px}.client-tile img,.client-tile img.tuset{max-width:125px!important;max-height:36px}.client-tile:hover .client-face,.client-tile:focus-visible .client-face{transform:translate(6px,-6px)}.clients-title .eyebrow{font-size:11px}.orbit-section{height:auto;min-height:0;padding-block:40px}.orbit-sticky{height:740px;min-height:740px}.orbit-copy{max-width:calc(100% - 50px)}.orbit-copy .section-title{font-size:35px;line-height:1.15}.orbit-copy p{font-size:18px;max-width:305px}.orbit-chip{font-size:11px;padding:7px 10px;opacity:1}.orbit-ring{width:180%;height:62%}.orbit-ring.r2{width:240%;height:83%}.orbit-ring.r3{width:290%;height:101%}.services .sticky-copy .section-title{font-size:40px}.service-card{grid-template-columns:1fr;padding:25px 22px;gap:26px}.service-heading{margin-bottom:20px}.service-heading h3{font-size:33px}.service-body p{font-size:18px}.service-tags{grid-template-columns:1fr 1fr;gap:12px 15px}.service-tags span{font-size:13px}.service-art{min-height:260px;height:260px}.mini-browser{width:72%;left:14%;top:28px}.mini-web{min-height:185px}.mini-web strong{font-size:25px}.mini-web>img{top:100px;width:55px}.floating-label{bottom:23px}.growth-bars{height:190px}.tech-orbit{height:170px;width:74%}.n1{top:35px;left:16%}.n2{top:45px;right:12%}.n3{bottom:65px;right:14%}.n4{bottom:55px;left:13%}.ai-trail{height:76%;gap:8px}.ai-trail span,.ai-trail b{padding:8px 18px}.ai-trail i{height:16px;flex-basis:16px}.projects .section-heading .section-title{font-size:39px}.growth-card{min-height:410px}.growth-card .growth-goal{padding-top:30px;margin-top:auto}.growth-card ul{margin-bottom:15px}.team-track{grid-auto-columns:70%;gap:18px}.team-controls p{font-size:15px}.team-controls button{width:40px;height:40px;padding:10px}.team .person h3{font-size:23px}.team .person>p{font-size:15px}.team .founder{font-size:11px}.brand-tile .psychology-logo{max-height:75px}.flow-brand{font-size:21px;gap:7px}.flow-brand img{width:40px;height:40px}.contact .section-title{font-size:43px}.contact p{font-size:19px}.method-grid{grid-template-columns:1fr 1fr}.method-step p{font-size:16px}}
@media(max-width:560px){.hero-symbol{order:0}.hero-aside .contact-card{order:1}.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.js .method-step:not(.method-visible){transform:translateY(38px)}}
@media(prefers-reduced-motion:reduce){.js .method-step:not(.method-visible){opacity:1;transform:none}.team-track{scroll-behavior:auto}.client-face{transition:none}.orbit-chip{will-change:auto}.type-cursor{display:none}}

@media(max-width:900px){.hero-aside{justify-content:flex-end}}
/* About introduction follows the page flow; no scroll hold. */
.orbit-section{height:auto;min-height:0;padding-block:32px}
.orbit-sticky{position:relative;top:auto;height:clamp(760px,90vh,920px);min-height:0;max-height:none}
.orbit-copy .about-link{margin-top:32px;pointer-events:auto}
.orbit-copy p{max-width:590px}
/* Keep the content alignment on the left, release the carousel to the right. */
.team-controls{justify-content:flex-end}
.team-reel{margin-left:max(56px,calc((100% - 1400px)/2));position:relative;--team-fade:clamp(52px,6vw,130px)}
.team-reel:after{content:'';position:absolute;inset:0 0 0 auto;width:var(--team-fade);z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,var(--bg) 96%)}
.team-track{grid-auto-columns:calc((var(--team-content-width,1400px) - 84px)/4.35);padding-right:calc(var(--team-fade) + 24px)}
@media(max-width:1150px){.team-reel{margin-left:32px}}
@media(max-width:850px){.team-reel{margin-left:24px}}
@media(max-width:900px){.team-track{grid-auto-columns:calc((var(--team-content-width,740px) - 48px)/3.2)}}
@media(max-width:560px){.orbit-section{padding-block:30px}.orbit-sticky{height:760px}.orbit-copy .about-link{margin-top:28px}.team-reel{margin-left:20px;--team-fade:54px}.team-track{grid-auto-columns:calc(var(--team-content-width,335px)*.7);padding-right:74px}}
/* First About page, sharing the home typography, people and method. */
.header{position:fixed;z-index:100;background:transparent;transition:background .3s ease,padding .3s ease,box-shadow .3s ease}
.header.is-scrolled,.menu-open .header{background:rgba(16,24,22,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 30px #00000012}
.header.is-scrolled{padding-block:12px}
@media(max-width:850px){.header.is-scrolled{padding-block:18px}}
.about-hero{padding-top:220px;padding-bottom:90px}
.about-hero .about-title{font-size:clamp(50px,5.2vw,82px);max-width:1050px;line-height:1.08}
.about-hero .about-title span{color:var(--muted)}
.about-lead{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:55px;align-items:start}
.about-lead p{font-size:23px;line-height:1.55;max-width:580px}
.about-lead p:last-child{font-size:20px}
.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-block:30px 85px}
.about-principles article{background:var(--panel);padding:36px;border-radius:14px}
.about-principles .principle-title{font-size:30px;margin-bottom:22px;line-height:1.15}
.about-principles p{font-size:19px}
.about-page .team{padding-top:70px}
@media(max-width:900px){.about-hero{padding-top:180px}.about-lead{gap:35px}.about-principles{gap:16px}.about-principles article{padding:26px}.about-principles .principle-title{font-size:25px}}
@media(max-width:560px){.about-hero{padding-top:150px;padding-bottom:55px}.about-hero .about-title{font-size:44px}.about-lead{grid-template-columns:1fr;gap:25px;margin-top:35px}.about-lead p,.about-lead p:last-child{font-size:19px}.about-principles{grid-template-columns:1fr;padding-bottom:35px}.about-principles .principle-title{font-size:28px}.about-principles p{font-size:18px}}

.client-tile .client-face img.on-white,.client-tile:hover .client-face img.on-white,.client-tile:focus-visible .client-face img.on-white{filter:grayscale(1) invert(1);mix-blend-mode:screen}

/* 6 Nov: simplified headings, consistent roles, footer and mobile composition. */
.service-heading{border:0;padding:0;margin-bottom:20px}
.stage-qualifier{display:block;margin-top:9px;font-size:17px;line-height:1.3;font-weight:400;letter-spacing:-.015em;color:var(--muted)}
.growth .section-heading{grid-template-columns:1fr}
.growth-card{min-height:465px}
.growth-card .growth-icon{margin-bottom:20px}
.growth-controls{display:none}
#growth-track{scroll-margin-top:120px}
.service-card[id]{scroll-margin-top:120px}
.textil-tile{background:#939598!important;padding:16px!important}
.textil-lockup{position:relative;width:100%;aspect-ratio:4;overflow:hidden}
.textil-lockup img{position:absolute;left:-27%;top:-5%;width:128%!important;max-width:none!important;height:auto!important;max-height:none!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
/* Brand, useful navigation and contact each have their own place. */
.footer{padding-block:105px 34px}
.footer-main{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:65px;align-items:start;margin-bottom:75px}
.footer-brand img{width:205px}
.footer-brand .footer-mantra{font-size:clamp(30px,2.5vw,42px);font-weight:500;letter-spacing:-.045em;line-height:1.12;color:var(--paper);margin-top:32px}
.footer-emblem{margin-top:42px;width:130px;opacity:.7;transform:rotate(-12deg)}
.footer-emblem img{width:100%}
.footer-label{display:block;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:.05em;color:#a1b4a8;text-transform:uppercase;margin-bottom:20px}
.footer-links{display:grid;grid-template-columns:1fr 1.15fr;gap:28px}
.footer-links nav{display:flex;flex-direction:column;align-items:start;gap:6px}
.footer-links nav .footer-label{margin-bottom:12px}
.footer-links a{display:flex;align-items:center;min-height:38px;font-size:17px;font-weight:400;line-height:1.3}
.footer-contact-block{display:grid;gap:30px}
.footer-socials>div{display:flex;gap:8px}
.footer-socials a{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#203229;font-size:24px;font-weight:600;line-height:1}
.footer-socials svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.6}.footer-socials .ig-dot{fill:currentColor;stroke:none}
.footer-contact{text-align:left;display:flex;flex-direction:column;align-items:start;gap:7px}
.footer-contact .footer-label{margin-bottom:4px}
.footer-contact a[href^="mailto:"]{font-size:clamp(24px,2.25vw,35px);letter-spacing:-.04em;line-height:1.25;color:var(--paper)}
.footer-contact a[href^="tel:"]{font-size:19px;color:var(--muted);min-height:38px;display:flex;align-items:center}
.footer-office .footer-label{margin-bottom:12px}
.footer-office address{font-size:17px;line-height:1.6}
.footer-bottom{align-items:center;font-size:13px;color:#a1b4a8}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:25px}
.footer-bottom a{min-height:36px;display:inline-flex;align-items:center}
@media(max-width:1200px){.footer-main{gap:35px;grid-template-columns:.9fr 1.25fr 1fr}.footer-links{gap:18px}.footer-links a{font-size:15px}.footer-brand img{width:180px}.footer-contact a[href^="mailto:"]{font-size:27px}}
@media(max-width:900px){
 .footer-main{grid-template-columns:1fr 1fr;gap:50px}
 .footer-brand{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}
 .footer-brand .footer-mantra{margin:0;font-size:36px}.footer-emblem{display:none}
 .footer-links a{font-size:16px}.footer-contact a[href^="mailto:"]{font-size:30px}
 .footer-bottom{align-items:start}
 .growth-card:nth-child(even){transform:none!important}
 .growth-curve{display:none}.growth-landscape{padding-top:0}.growth-card:before{display:none}
}
@media(max-width:700px){
 .growth-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 18px;padding:4px;background:#1a2921;border-radius:10px}
 .growth-controls button{padding:8px 3px;min-height:44px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:14px;font-weight:400;line-height:1.2;transition:background .25s,color .25s}
 .growth-controls button[aria-pressed=true]{color:var(--bg);background:var(--lime)}
 .growth-landscape{overflow:visible}
 .growth-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(100% - 40px);align-items:stretch;gap:16px;width:calc(100% + 20px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;padding:0 20px 10px 0;scrollbar-width:none;overscroll-behavior-inline:contain}
 .growth-grid::-webkit-scrollbar{display:none}
 .growth-card,.growth-card:nth-child(even){transform:none!important;scroll-snap-align:start;min-height:460px;padding:26px 24px;box-shadow:none;height:100%;min-width:0}
 .growth-card .growth-icon{width:34px;height:34px;margin-bottom:18px}
 .growth-card h3{font-size:32px;margin-bottom:19px}
 .stage-qualifier{font-size:16px;margin-top:7px}
 .growth-card p{font-size:17px;line-height:1.5}
 .growth-card ul{gap:11px;margin:20px 0 28px}
 .growth-card li{font-size:15px;line-height:1.5}
 .growth-card .growth-goal{padding-top:24px}
 .growth-goal strong{font-size:18px;line-height:1.35}
 .growth-card:hover{background:#1c2922}.growth-card:last-child:hover{background:#103823}
 .footer{padding-top:65px}
 .footer-main{grid-template-columns:1fr;gap:42px;margin-bottom:45px}
 .footer-brand{display:block;grid-column:auto}
 .footer-brand img{width:195px}.footer-brand .footer-mantra{font-size:36px;margin-top:27px}
 .footer-links{grid-template-columns:1fr 1.15fr;gap:22px}
 .footer-links a{min-height:44px;font-size:16px;max-width:100%}
 .footer-links .type-label{white-space:normal}.footer-links .type-static{white-space:normal}
 .footer-contact-block{grid-template-columns:1fr 1fr;gap:30px 18px}
 .footer-contact{grid-column:1/-1;grid-row:1}
 .footer-contact a[href^="mailto:"]{font-size:clamp(28px,7.7vw,36px)}
 .footer-socials{grid-row:2;grid-column:2}.footer-office{grid-row:2;grid-column:1}
 .footer-office address{font-size:15px}.footer-label{font-size:11px;margin-bottom:15px}
 .footer-socials a{width:44px;height:44px}.footer-bottom{gap:12px;align-items:start}.footer-bottom nav{gap:0 22px}.footer-bottom a{min-height:44px}
}
@media(max-width:560px){
 html{scroll-padding-top:100px}
 body{font-size:18px}
 .header,.header.is-scrolled{padding-block:12px}
 .nav{min-height:52px;gap:9px}
 .brand img{width:150px}.nav-cta{padding:11px 14px;min-height:44px;font-size:14px}
 .menu-toggle{width:44px;height:44px;padding:9px;flex:none}
 .nav nav{inset:76px 0 0;padding:35px 24px 50px;gap:18px;overflow-y:auto;max-height:calc(100dvh - 76px)}
 .nav nav a{font-size:31px;min-height:48px;display:flex;align-items:center}
 .hero{height:auto;min-height:0}
 .hero-inner{display:flex;flex-direction:column;justify-content:start;padding-top:116px;padding-bottom:44px;min-height:0}
 .hero-top,.hero-main,.hero-copy{display:contents}
 .hero-copy.reveal{opacity:1;transform:none}
 .hero-specialties{order:0;font-size:11px;gap:0;line-height:1.65;letter-spacing:.035em;margin-bottom:28px}
 .hero .hero-title{order:1;font-size:clamp(39px,11.2vw,48px);line-height:1.06;letter-spacing:-.05em;margin:0;max-width:100%}
 .hero-note{order:2;font-size:18px;line-height:1.5;max-width:340px;margin-top:23px}
 .hero-actions{order:3;display:flex;gap:10px;margin-top:26px;flex-wrap:nowrap}
 .hero-actions .button{font-size:14px;padding:13px 14px;min-height:50px;justify-content:center}
 .hero-actions .button:first-child{flex:1}.hero-actions .button.quiet{padding-inline:12px}
 .hero-aside{order:4;padding:0;margin-top:34px;align-items:stretch}
 .hero-aside .contact-card{max-width:none;width:100%;padding:12px;gap:15px;border-radius:12px}
 .hero-aside .contact-card>img{width:67px;height:86px;flex-basis:67px;object-fit:cover}
 .hero-aside .contact-card strong{font-size:19px;line-height:1.25}
 .contact-role{font-size:11px;line-height:1.4;text-transform:none;letter-spacing:0;max-width:210px;white-space:normal;margin:5px 0 9px}
 .contact-card .button{min-height:40px;font-size:14px;min-width:0;padding:8px 15px}
 .hero-orb{width:650px;top:44%;opacity:.36}
 .hero-shade{background:linear-gradient(0deg,#101816 0%,transparent 35%,transparent 75%,#10181680)}
 .clients{padding-top:28px;padding-bottom:45px}
 .clients-title{margin-bottom:25px}.clients-title .eyebrow{font-size:11px;margin-bottom:0}
 .client-tile{height:76px}.client-face{padding:17px 15px}.client-tile img,.client-tile img.tuset{max-width:119px!important;max-height:34px}
 .section{padding-block:64px}.section-heading{gap:22px;margin-bottom:32px}
 .eyebrow{margin-bottom:22px;font-size:11px}
 .section-heading .section-title,.projects .section-heading .section-title,.team .section-title{font-size:35px;line-height:1.1;letter-spacing:-.045em;text-wrap:balance}
 .section-heading>p{font-size:18px;line-height:1.5}
 .orbit-section{padding-block:20px}.orbit-sticky{height:660px}
 .orbit-copy{width:calc(100% - 40px);max-width:none}
 .orbit-copy .section-title{font-size:34px;line-height:1.12;text-wrap:balance}
 .orbit-copy p{font-size:18px;line-height:1.5;margin-top:23px;max-width:320px}
 .orbit-copy .about-link{margin-top:27px;min-height:50px}
 .orbit-chip{font-size:11px;padding:7px 10px}
 .services-intro{margin-bottom:32px}
 .services .sticky-copy .section-title{font-size:37px;line-height:1.1}
 .sticky-copy .section-title br{display:block}.sticky-copy .section-title span:before{content:none}
 .sticky-copy p{font-size:18px;line-height:1.5;margin-block:23px 26px}
 .sticky-copy .button{font-size:16px;min-height:50px}
 .service-list{gap:18px}
 .service-card{padding:24px 22px;min-height:0;gap:23px;grid-template-columns:minmax(0,1fr)}
 .service-content{padding:0;justify-content:start}
 .service-heading{margin-bottom:17px}.service-heading h3{font-size:31px;line-height:1.1}
 .service-body p{font-size:17px;line-height:1.5}
 .service-tags{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:20px}
 .service-tags span{font-size:14px;line-height:1.4;gap:7px;align-items:start}
 .service-tags span:before{line-height:1.2}
 .service-art{height:190px;min-height:190px;margin:0}
 .growth-bars{height:125px;gap:9px;bottom:0}
 .art-label{top:13px;left:14px;font-size:10px}
 .mini-browser{width:74%;left:13%;top:21px}.mini-web{min-height:155px;padding:14px}.mini-web strong{font-size:23px}.mini-web>img{width:42px;top:96px;right:12px}.floating-label{bottom:16px;font-size:10px}
 .tech-orbit{height:138px;width:73%}.tech-core{width:62px;height:62px}.tech-core img{width:42px}.n1{top:23px;left:10%}.n2{top:22px;right:8%}.n3{bottom:43px;right:10%}.n4{bottom:42px;left:9%}.tech-status{bottom:10px}
 .ai-trail{flex-direction:row;height:auto;width:92%;gap:5px}.ai-trail span,.ai-trail b{font-size:10px;line-height:1.3;padding:11px 8px;white-space:nowrap}.ai-trail i{width:auto;height:1px;min-width:9px;flex:1 1 12px}.ai-trail i:after{height:100%;width:35%;animation:signal 3s linear infinite}
 .case{margin-bottom:22px}.case-visual{min-height:0;padding:22px 18px;aspect-ratio:1.48}.case-screen{transform:none}
 .case-copy{padding:24px 22px}.case-copy h3{font-size:30px}.case-copy>p{font-size:17px;line-height:1.5}.case-tags{font-size:11px;line-height:1.5;margin-bottom:13px}.case-claim{font-size:24px;margin-block:21px}
 .case-bottom{flex-wrap:wrap;gap:15px;margin-top:0}.case-bottom>span{font-size:13px}.case-bottom .button{min-height:44px;font-size:14px;padding-inline:14px}
 .universe{padding-block:55px 64px}.brand-marquees{margin-bottom:34px}.universe-copy .section-title{font-size:34px;text-wrap:balance}.universe-copy p{font-size:18px}
 .team .section-heading{margin-bottom:24px}.team-controls{margin-bottom:22px}.team-controls button{width:44px;height:44px}
 .team-track{grid-auto-columns:calc(var(--team-content-width,335px)*.73);gap:16px}.team-reel{--team-fade:38px}
 .team .person h3{font-size:22px;line-height:1.15;margin-block:16px 7px}.team .person>p{font-size:14px;line-height:1.45;max-width:230px}
 .method-heading .section-title{font-size:43px;line-height:1.07}.method-heading p{font-size:18px}
 .method-grid{grid-template-columns:1fr;gap:24px}
 .method-step{display:grid;grid-template-columns:86px minmax(0,1fr);column-gap:20px;row-gap:8px;text-align:left;align-items:center;min-height:115px}
 .method-art{grid-row:1/3;grid-column:1;width:86px;height:110px;transform:scale(.7);transform-origin:center}
 .method-step h3{grid-column:2;align-self:end;margin:0;font-size:25px}
 .method-step p{grid-column:2;align-self:start;font-size:17px;line-height:1.45;margin:0;max-width:none}
 .faq-intro .section-title{font-size:36px;line-height:1.1}.faq-intro .contact-card{display:none}.faq{gap:28px}
 .faq-list summary{padding:19px 17px;font-size:17px;line-height:1.4;min-height:64px}.faq-list details>p{font-size:17px;padding:0 17px 21px}
 .contact{padding-block:86px 80px}.contact .section-title{font-size:39px;line-height:1.08;text-wrap:balance}.contact p{font-size:18px;line-height:1.5;margin-block:25px 28px}.contact-actions{align-items:stretch;gap:11px;max-width:340px;margin-inline:auto}.contact-actions .button{width:100%;min-height:52px;font-size:17px;min-width:0}
 .about-hero{padding-top:128px;padding-bottom:55px}.about-hero .about-title{font-size:43px;line-height:1.08}.about-lead{margin-top:29px;gap:22px}.about-lead p,.about-lead p:last-child{font-size:18px;line-height:1.55}.about-principles{gap:16px;padding-top:0}.about-principles article{padding:27px 24px}.about-principles .principle-title{font-size:27px;line-height:1.15;margin-bottom:18px}.about-principles p{font-size:17px;line-height:1.55}
 .js .reveal:not(.visible){transform:translateY(18px)}
}
@media(max-width:360px){.brand img{width:129px}.nav-cta{padding-inline:12px;font-size:13px}.nav{gap:6px}.hero .hero-title{font-size:38px}.hero-actions{gap:8px}.hero-actions .button{font-size:12.5px;padding-inline:10px}.contact-card strong{font-size:18px}.hero-aside .contact-card{gap:12px}.hero-aside .contact-card>img{width:60px;flex-basis:60px}.service-tags{grid-template-columns:1fr}.footer-links a{font-size:14px}.footer-contact a[href^="mailto:"]{font-size:28px}.footer-socials .footer-label{letter-spacing:0}.growth-controls button{font-size:13px}}
@media(hover:none){.brand-marquees:hover .marquee-track{animation-play-state:running}.client-tile:hover .client-face{transform:none}}
@media(prefers-reduced-motion:reduce){.growth-grid{scroll-behavior:auto}.js .reveal:not(.visible){transform:none}}
@media(max-width:700px){.growth-aura{display:none}}
@media(max-width:850px){.nav nav{height:calc(100dvh - 96px);bottom:auto;width:100%;margin-right:0;flex-shrink:0}.nav nav a{flex-shrink:0}}
@media(max-width:560px){.nav nav{height:calc(100dvh - 76px)}}

/* One lead CTA across the site; direct Esteve cards retain Hablemos. */
.nav nav .mobile-nav-cta{display:none}
@media(max-width:560px){.nav>.nav-cta{display:none}.nav nav .mobile-nav-cta{display:inline-flex;margin-top:16px;min-height:52px;padding:14px 20px;font-size:17px;color:var(--bg);align-self:stretch}.nav nav .mobile-nav-cta:hover{color:var(--bg)}.nav .brand img{width:150px}}

/* Heading semantics stay independent from display typography. */
.eyebrow{margin-top:0;letter-spacing:.035em;font-weight:500}.hero-title,.section-title,.about-title,.principle-title{color:var(--paper)}
.hero-eyebrow{margin-bottom:20px}.about-title{margin:0;font-weight:500;letter-spacing:-.045em}.principle-title{font-weight:500;letter-spacing:-.045em}.principles-label{grid-column:1/-1;margin-bottom:5px}
@media(max-width:560px){.hero-eyebrow{order:1;max-width:100%;margin-bottom:20px;font-size:10px}.hero-specialties{margin-bottom:24px}.hero-title{order:2}.hero-note{order:3}.hero-actions{order:4}.hero-aside{order:5}}

/* Keep the WordPress toolbar above the fixed site navigation. */
.croco-page.admin-bar .header{top:32px}.croco-page.admin-bar #wpadminbar{position:fixed}
@media(max-width:782px){.croco-page.admin-bar .header{top:46px}.croco-page.admin-bar .nav nav{height:calc(100dvh - 142px)}}
@media(max-width:560px){.croco-page.admin-bar .nav nav{height:calc(100dvh - 122px)}}