:root{--red:#ff4036;--ink:#202020;--blue:#087cff;--muted:#727272;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #1dc6db;outline-offset:6px}h1,h2,h3,p{margin:0}h2{font-size:clamp(2rem,4vw,4.2rem);line-height:1.06;letter-spacing:-.05em;font-weight:650}em{font-style:normal;color:var(--red)}p{line-height:1.5}svg{pointer-events:none}section{position:relative}section[id]{scroll-margin-top:20px}.section{padding-left:max(6vw,24px);padding-right:max(6vw,24px)}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:700;line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border-radius:40px;padding:15px 22px;font-size:.85rem;line-height:1.35;border:1px solid transparent;transition:transform .25s,background .25s;max-width:100%}.button:hover{transform:translateY(-3px) scale(1.025)}.button span{font-size:1.1rem}.cta-arrow{width:1em;height:1em;display:block}.outline{border-color:#ff9b95;color:var(--red);background:transparent}.outline:hover{background:#fff0ee}.solid{background:var(--red);color:white}.skip{position:fixed;top:-100px;left:20px;background:#fff;z-index:100;padding:15px}.skip:focus{top:15px}.hero{height:max(740px,100svh);max-height:1100px;background:var(--red);color:white;overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;padding:34px 4.5vw;position:relative;z-index:5}.brand{display:inline-flex;align-items:baseline;font-size:2.4rem;letter-spacing:-.07em;font-weight:900;gap:12px}.brand span{font-size:.62rem;letter-spacing:-.02em;font-weight:400}nav{display:flex;gap:28px;background:#ffffff15;border:1px solid #ffffff25;border-radius:50px;padding:17px 30px;font-size:.8rem}nav a:hover{opacity:.65}.pill{padding:15px 22px;border:1px solid #ffffff35;border-radius:30px;font-size:.8rem;background:#ffffff14}.menu-toggle{display:none}.hero-copy{position:relative;z-index:2;text-align:center;padding:100px 24px 60px}.hero-copy>.eyebrow{opacity:.75;margin-bottom:28px}.hero h1{font-size:clamp(4.5rem,7.6vw,8rem);letter-spacing:-.065em;line-height:.95;font-weight:750}.title-dot{color:#ffd185}.hero-copy>p:not(.eyebrow){margin-top:30px;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.4}.hero-more{display:inline-flex;flex-direction:column;align-items:center;gap:14px;margin-top:62px;font-size:.85rem}.hero-more .scroll-cue{display:grid;place-items:center;height:33px;width:33px;transition:transform .25s}.hero-more:hover span{transform:translateY(6px)}.hero-bottom{position:absolute;bottom:30px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.12em;opacity:.8}.hero-lines{position:absolute;inset:0;width:100%;height:100%}.track{stroke:url(#hgrad);fill:none;stroke-width:45}.motion-path [data-route]{stroke:none;fill:none}.about{min-height:700px;overflow:hidden;display:flex;align-items:center}.about-copy{position:relative;max-width:410px;padding:100px 0}.about-copy .overline{font-size:2rem;color:#828282;letter-spacing:-.04em}.cck-word{font-size:7.5rem;line-height:1;letter-spacing:-.085em;color:var(--red);font-weight:900;margin-left:-6px}.about-copy>p:not(.overline){font-size:1.15rem;color:#747474;margin:18px 0 30px;max-width:345px}.about-lines{position:absolute;inset:0;height:100%;width:100%}.orange-track{fill:none;stroke:#ffaf2b;stroke-width:58}.red-track{fill:none;stroke:#ff534b;stroke-width:64}.clients{padding-top:24px;padding-bottom:95px;overflow:hidden}.clients>.eyebrow{color:#777;margin-bottom:42px}.client-list{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;color:#989898;opacity:.65;font-size:clamp(1.3rem,2.6vw,2.4rem);letter-spacing:-.06em}.serif{font-family:Georgia,serif;font-style:italic}.bold{font-weight:900}.small-client{font-size:1.15rem;letter-spacing:-.02em}.services-intro{text-align:center;padding-top:80px;padding-bottom:55px}.services-intro .eyebrow{color:#777;margin-bottom:24px}.services-intro>p:last-child{color:var(--muted);max-width:640px;margin:30px auto 0;font-size:1.07rem}.service-scroll{height:330vh;isolation:isolate}.service-sticky{position:sticky;top:0;height:100svh;min-height:650px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(to bottom,#fff 76%,var(--red) 76%)}.services-frame{width:min(1080px,86vw)}.service-meta{display:flex;justify-content:space-between;margin:0 8px 18px;font-size:.72rem;font-weight:700;letter-spacing:.15em;color:#777}.card-stage{height:470px;position:relative;perspective:1200px}.service-card{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:5%;border:1px solid #e8e8e8;border-radius:24px;padding:16px;background:#fff;box-shadow:0 20px 55px #4312080c;will-change:transform,opacity;overflow:hidden}.service-card:not(.active){pointer-events:none}.image-placeholder{position:relative;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;overflow:hidden}.coral{background:#ffcec9;color:#d94941}.blue{background:#c5e8ff;color:#096fd8}.amber{background:#ffe0b3;color:#b7761a}.asset-label{font-size:.65rem;letter-spacing:.15em;position:relative;z-index:1}
.image-placeholder.photo{padding:0}
.image-placeholder.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}.placeholder-number{font-size:clamp(8rem,17vw,15rem);font-weight:750;letter-spacing:-.09em;line-height:.9;opacity:.4}.asset-caption{font-size:.85rem;font-weight:600}.card-copy{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:24px 30px 24px 0}.card-copy>.eyebrow{font-size:.65rem;color:#777;margin-bottom:20px}.card-copy h3{font-size:clamp(1.75rem,2.65vw,2.6rem);letter-spacing:-.045em;line-height:1.05;font-weight:650}.card-copy p{color:#777;font-size:1rem;line-height:1.45;margin:24px 0}.card-copy .button{font-size:.75rem;padding:12px 19px}.service-controls{display:flex;align-items:center;justify-content:space-between;color:white;font-size:.75rem;padding:24px 8px;position:relative;z-index:4}.service-dots{display:flex;gap:12px}.service-dots button{width:10px;height:10px;border:0;border-radius:20px;background:#ffffff65;padding:0;transition:width .25s,background .25s;box-sizing:content-box;border:7px solid transparent;background-clip:padding-box}.service-dots button[aria-pressed=true]{width:35px;background-color:white}.stats{min-height:470px;background:var(--red);color:#fff;padding:90px 8vw 230px;overflow:hidden}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:990px;margin:auto;text-align:center;position:relative;z-index:2}.stat-grid>div+div{border-left:1px solid #ffffff50}.stat-grid strong{font-size:clamp(3.5rem,6vw,6rem);letter-spacing:-.045em;line-height:1.1}.stat-grid p{font-size:1rem;font-weight:600;margin-top:20px;line-height:1.4}.stats-lines{position:absolute;width:100%;height:330px;bottom:-140px;left:0}.lab-scroll{height:185vh;background:var(--red);margin-top:-1px}.lab-sticky{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;display:flex;justify-content:center;align-items:center}.lab-panel{width:100%;height:100%;color:white;background:radial-gradient(ellipse at 90% 5%,#076fde 0%,transparent 33%),radial-gradient(ellipse at 5% 100%,#006bee 0%,transparent 35%),#050e19;border-radius:44px;transform:scale(.92);overflow:hidden;display:flex;align-items:center;padding:7vw;will-change:transform,border-radius}.lab-content{display:grid;grid-template-columns:.85fr 1.15fr;gap:6%;max-width:1200px;width:100%;margin:auto}.lab-content>.lab-copy>.eyebrow{font-size:.64rem;color:#89a0ba}.lab-wordmark-home{display:block;width:min(90%,420px);height:auto;margin:30px 0}.lab-content h3{font-size:1.15rem;font-weight:500;margin-bottom:10px}.lab-content p:not(.eyebrow){font-size:1.05rem;color:#bdc7d6;max-width:460px}.electric{background:#087cff;color:white;margin-top:28px}.lab-placeholder{border:1px solid #a8ceff35;background:#ffffff05;border-radius:28px;min-height:380px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.lab-placeholder>.asset-label{color:#83a4c4}.lab-symbol{align-self:center;font-size:8rem;letter-spacing:-.08em;color:#dfeeff;font-weight:700}.lab-symbol>span{font-size:.55em;color:#268fff;vertical-align:top}.lab-placeholder>p{font-size:1rem!important}.lab-placeholder.photo{border:0;background:none;padding:8px;align-items:center;justify-content:center}.lab-placeholder.photo img{width:100%;height:100%;object-fit:contain;display:block}.lab-bottom{position:absolute;bottom:30px;left:7vw;right:7vw;display:flex;justify-content:space-between;font-size:.62rem;letter-spacing:.14em;color:#8698ad}.contact{color:#fff;min-height:420px;padding-top:70px;padding-bottom:70px;background:#afd2ff;isolation:isolate;overflow:hidden}.contact-blue-panel{position:absolute;inset:0 auto 0 0;width:74%;border-radius:0 999px 999px 0;background:linear-gradient(90deg,#6aabff 0%,#087aff 80%);transform:translateX(var(--contact-slide,0%));z-index:0;pointer-events:none;will-change:transform}.contact .eyebrow{margin-bottom:22px;opacity:.8}.contact h2{font-size:clamp(2rem,3.5vw,3.6rem)}.light{margin-top:25px;color:white;border-color:#ffffff80;background:transparent}.light:hover{background:#ffffff15}footer{background:var(--red);color:#fff;padding-top:65px;padding-bottom:25px}.footer-bottom{margin-top:70px;border-top:1px solid #ffffff35;padding-top:25px;display:flex;justify-content:space-between;font-size:.7rem;opacity:.8}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(38px);transition:opacity 1s,transform 1s}.js .reveal.visible{opacity:1;transform:translateY(0)}dialog{border:0;border-radius:25px;max-width:540px;width:calc(100% - 36px);padding:45px}dialog::backdrop{background:#05101cb0;backdrop-filter:blur(6px)}dialog h2{font-size:2.3rem;margin:20px 0}dialog p{color:#777}dialog .button{margin-top:25px}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:2rem;color:#777}html:not(.js) .service-scroll{height:auto}html:not(.js) .service-sticky{height:auto;position:relative;padding:35px 0}html:not(.js) .card-stage{height:auto}html:not(.js) .service-card{position:relative;margin-bottom:20px;pointer-events:auto}html:not(.js) .service-controls{display:none}
@media(min-width:1500px){.hero-copy{padding-top:130px}}@media(max-width:900px){nav{gap:16px;padding:15px 20px}.brand span{display:none}.card-stage{height:450px}.card-copy{padding-right:12px}.about-lines{transform:translateX(170px);opacity:.6}.lab-content{gap:6%}.lab-placeholder{min-height:330px}.lab-wordmark-home{width:min(90%,320px)}}
@media(max-width:640px){header{padding:24px}.brand{font-size:2rem}.header-contact{display:none}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:46px;height:46px;padding:0;border:1px solid #ffffff50;color:white;background:#ffffff15;border-radius:50%}.menu-toggle-icon{width:22px;height:22px;display:block}.menu-toggle-bar{transition:transform .25s,opacity .2s;transform-origin:12px 12px}.menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(3){transform:translateY(-5px) rotate(-45deg)}nav{display:none;position:absolute;top:80px;left:24px;right:24px;background:#ef382f;border-radius:18px;padding:25px;flex-direction:column;box-shadow:0 15px 30px #60160c25}nav.open{display:flex}.hero{height:92svh;min-height:650px;max-height:900px}.hero-copy{padding-top:105px}.hero-copy>.eyebrow{font-size:.6rem}.hero h1{font-size:clamp(3.5rem,13vw,5rem)}.hero-copy>p:not(.eyebrow){max-width:280px;margin:25px auto 0;font-size:1rem}.desktop{display:none}.hero-lines{width:180%;left:-40%;opacity:.75}.hero-more{margin-top:48px}.hero-bottom{font-size:.48rem;left:24px;right:24px}.about{min-height:570px}.about-copy{padding:95px 0;max-width:290px}.about-copy>p:not(.overline){font-size:1.05rem}.cck-word{font-size:6rem}.about-lines{transform:translateX(170px);opacity:.28}.about-copy .button{font-size:.72rem;gap:15px}.clients{padding-bottom:55px}.client-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 15px;font-size:1.5rem}.small-client{font-size:.85rem}.clients>.eyebrow{font-size:.65rem;margin-bottom:30px}.services-intro{padding-top:55px;padding-bottom:30px}.services-intro h2{font-size:2.05rem}.services-intro>p:last-child{font-size:.95rem;margin-top:20px}.services-intro .eyebrow{font-size:.65rem}.service-scroll{height:300vh}.service-sticky{min-height:660px}.services-frame{width:calc(100% - 36px)}.service-meta{font-size:.6rem;margin-bottom:12px}.card-stage{height:540px}.service-card{grid-template-columns:1fr;grid-template-rows:195px 1fr;gap:0;padding:10px;border-radius:20px}.image-placeholder{padding:17px;min-height:0}.placeholder-number{position:absolute;right:25px;top:12px;font-size:10rem;opacity:.22}.asset-caption{font-size:.75rem}.asset-label{font-size:.55rem}.card-copy{padding:20px 13px;justify-content:center}.card-copy>.eyebrow{font-size:.58rem;margin-bottom:12px}.card-copy h3{font-size:1.65rem;max-width:310px}.card-copy p{font-size:.88rem;line-height:1.4;margin:15px 0}.card-copy .button{padding:9px 16px}.service-controls{padding-top:16px;font-size:.65rem}.stats{min-height:360px;padding:70px 18px 160px}.stat-grid strong{font-size:3rem}.stat-grid p{font-size:.75rem;margin-top:12px}.stats-lines{height:220px;bottom:-90px}.lab-scroll{height:155vh}.lab-sticky{min-height:730px}.lab-panel{padding:65px 28px}.lab-content{grid-template-columns:1fr;gap:32px}.lab-content h2{font-size:5rem;margin:18px 0}.lab-content>.lab-copy>.eyebrow{font-size:.5rem}.lab-content h3{font-size:1.02rem}.lab-content p:not(.eyebrow){font-size:.92rem}.lab-content .button{margin-top:20px;font-size:.76rem}.lab-placeholder{min-height:165px;padding:18px;position:relative;border-radius:16px}.lab-symbol{position:absolute;right:25px;top:32px;font-size:5rem}.lab-placeholder>p{font-size:.85rem!important}.lab-bottom{font-size:.45rem;left:28px;right:28px;bottom:20px}.contact{min-height:360px;padding-top:55px;padding-bottom:55px}.contact h2{font-size:2rem}.contact .button{font-size:.7rem;gap:15px}.footer-bottom{gap:20px;margin-top:40px;font-size:.6rem}.button{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.button{transition:none}.service-scroll{height:auto!important}.service-sticky{position:relative;height:auto;min-height:0;padding:35px 0}.card-stage{height:auto}.service-card{position:relative;transform:none!important;opacity:1!important;margin-bottom:25px;pointer-events:auto!important}.service-controls{display:none}.lab-scroll{height:auto}.lab-sticky{position:relative;height:auto;min-height:730px}.lab-panel{transform:none!important;border-radius:0!important;min-height:730px}}

@media(max-width:640px){.contact-blue-panel{width:94%;border-radius:0 180px 180px 0}}
@media(prefers-reduced-motion:reduce){.contact-blue-panel{transform:none;will-change:auto}}

.contact > .reveal{position:relative;z-index:1}

.hero-more .scroll-cue{width:38px;height:38px;animation:scroll-cue-down 1.9s ease-in-out infinite}
.hero-more .scroll-cue svg{display:block}
@keyframes scroll-cue-down{0%,100%{transform:translateY(0);opacity:.65}50%{transform:translateY(9px);opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-more .scroll-cue{animation:none}}

/* Header matches the reference and keeps decorative lines behind a legible surface. */
header{padding:36px 4.5vw;gap:26px}
header .brand{font-size:3.3rem;gap:12px;flex-shrink:0}
header .brand span{font-size:.86rem;letter-spacing:-.045em;display:block;line-height:1.1}
header .brand small{display:block;font-size:.29rem;letter-spacing:.025em;margin-bottom:3px}
nav{gap:28px;padding:20px 30px;background:rgba(255,91,80,.93);border-color:#ffaaa35c;backdrop-filter:blur(14px);font-size:.88rem;font-weight:600;white-space:nowrap}
.nav-current{text-decoration:none}
.header-contact{font-size:.88rem;padding:20px 24px;background:rgba(255,150,0,.85);border-color:#ffcf8a75;backdrop-filter:blur(12px);white-space:nowrap}
.hero-copy{padding-top:95px}
.hero h1{line-height:1.04}
.hero-copy>p:not(.eyebrow){font-size:clamp(1rem,2.05vw,1.8rem);margin-top:30px}
.hero-more{margin-top:75px;font-size:1rem}
.hero-lines{mask-image:linear-gradient(90deg,#000 0%,#000 23%,transparent 33%,transparent 68%,#000 78%,#000 100%)}
@media(min-width:1500px){.hero-copy{padding-top:115px}}
@media(min-width:641px) and (max-width:1100px){header{gap:15px;padding:28px 24px}header .brand{font-size:2.4rem}header .brand span{display:none}nav{gap:17px;padding:18px 22px;font-size:.8rem}.header-contact{padding:18px;font-size:.8rem}}
@media(max-width:640px){header{padding:24px}header .brand{font-size:2.5rem}header .brand span{display:block;font-size:.66rem}header .brand small{font-size:.25rem}nav{gap:20px;white-space:normal;background:#f7483e;padding:25px;font-size:.9rem}.hero-copy{padding-top:95px}.hero-more{margin-top:50px;font-size:.9rem}}

/* Two streams converge; the text zooms in during the same scroll sequence. */
.js .about-scroll{height:195svh;min-height:1250px}
.js .about-scroll .about{position:sticky;top:0;height:100svh;min-height:700px;background:#fff}
.about-scroll .about-copy{transform-origin:left center;will-change:transform,opacity;z-index:2}
.about-scroll .about-copy:focus-within{transform:none!important;opacity:1!important}
.about-scroll .about-lines{transform:none;opacity:1}
.about-scroll .orange-track,.about-scroll .red-track{stroke-linecap:round;stroke-width:62}
@media(max-width:900px) and (min-width:641px){.about-scroll .about-lines{width:115%;left:5%;opacity:.85}.about-scroll .about-copy{max-width:330px}}
@media(max-width:640px){.js .about-scroll{height:195svh;min-height:1200px}.js .about-scroll .about{height:100svh;min-height:660px;align-items:flex-start}.about-scroll .about-copy{padding:45px 0 0;max-width:310px;transform-origin:left top}.about-scroll .about-copy .overline{font-size:1.5rem}.about-scroll .cck-word{font-size:5rem}.about-scroll .about-copy>p:not(.overline){margin:12px 0 18px;font-size:.95rem}.about-scroll .about-lines{top:auto;bottom:0;width:100%;height:42%;left:0;transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.js .about-scroll{height:auto;min-height:0}.js .about-scroll .about{position:relative}.about-scroll .about-copy{transform:none!important;opacity:1!important;will-change:auto}}

/* Reference geometry: orange descends behind a broad red arch. */
.js .about-scroll{height:auto;min-height:0}
.js .about-scroll .about{position:relative;height:760px;min-height:0}
.about-scroll .about{padding-left:11.5vw}
.about-scroll .about-copy{max-width:410px;padding:90px 0}
.about-scroll .about-copy .overline{font-size:2.5rem;line-height:1.2}
.about-scroll .cck-word{font-size:8rem}
.about-scroll .about-copy>p:not(.overline){max-width:410px;font-size:1.2rem;line-height:1.4;margin:12px 0 30px}
.about-scroll .about-copy .button{font-size:1.2rem;color:var(--red);padding:18px 30px;border-width:2px;font-weight:700}
.about-scroll .about-copy .button span{display:none}
.about-scroll .about-lines{width:100%;height:100%;left:0;opacity:1}
.about-scroll #flow-orange{stroke:url(#about-orange-gradient);stroke-width:68}
.about-scroll #flow-red{stroke:url(#about-red-gradient);stroke-width:68}
.clients{padding-top:18px;padding-bottom:90px}
.clients-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px;color:#999}
.clients-heading .eyebrow{font-size:.9rem;letter-spacing:.09em}
.clients-pause{border:1px solid #ddd;border-radius:30px;background:white;color:#777;padding:7px 14px;font-size:.75rem}
.clients-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.client-list{display:flex;flex-wrap:nowrap;width:max-content;gap:0;animation:client-loop 340s linear infinite}
.client-group{display:flex;align-items:center;gap:90px;width:max-content;padding-right:90px;flex-shrink:0}
.client-group>span{white-space:nowrap}
.client-logo{display:block;flex-shrink:0}
.client-logo img{display:block;height:116px;width:auto;max-width:400px;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .3s ease,opacity .3s ease}
.client-logo:hover img{filter:grayscale(0);opacity:1}
.clients-viewport:hover .client-list,.clients.is-paused .client-list{animation-play-state:paused}
@keyframes client-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(min-width:1600px){.js .about-scroll .about{height:850px}.about-scroll .about-copy{max-width:450px}}
@media(min-width:641px) and (max-width:900px){.about-scroll .about{padding-left:7vw}.about-scroll .about-copy{max-width:310px}.about-scroll .about-copy>p:not(.overline){font-size:1.05rem}.about-scroll .about-lines{width:115%;left:4%}}
@media(max-width:640px){.js .about-scroll .about{height:720px;min-height:0;padding-left:24px}.about-scroll .about-copy{max-width:310px;padding:50px 0 0}.about-scroll .about-copy .overline{font-size:1.7rem}.about-scroll .cck-word{font-size:5.5rem}.about-scroll .about-copy>p:not(.overline){font-size:1rem}.about-scroll .about-copy .button{font-size:.7rem;padding:13px 18px}.about-scroll .about-lines{height:43%;top:auto;bottom:0;width:100%;left:0}.clients-heading .eyebrow{font-size:.7rem}.clients{padding-bottom:55px}.client-group{gap:56px;padding-right:56px}.client-logo img{height:72px;max-width:260px}}
@media(prefers-reduced-motion:reduce){.client-list{animation:none;transform:none}.client-group[aria-hidden="true"]{display:none}.clients-viewport{overflow-x:auto;mask-image:none}.clients-pause{display:none}}

/* One white services scene: introduction, zoom, vertical cards, then release. */
.service-scroll{height:360svh;background:#fff}
.service-sticky{height:100svh;min-height:760px;top:min(0px,calc(100svh - 760px));background:#fff;padding:26px 0;align-items:center}
.services-frame{width:min(1080px,86vw);transform-origin:center;will-change:transform,opacity;position:relative}
.services-frame:focus-within{opacity:1!important}
.services-frame .services-intro{padding:0 0 30px;text-align:center}
.services-frame .services-intro .eyebrow{margin-bottom:16px;font-size:.75rem}
.services-frame .services-intro h2{font-size:clamp(2rem,3.2vw,3.25rem);line-height:1.06}
.services-frame .services-intro>p:last-child{font-size:1rem;line-height:1.45;max-width:690px;margin:20px auto 0}
.services-frame .card-stage{height:clamp(340px,44svh,470px);overflow:hidden;border-radius:24px}
.services-frame .service-card{box-shadow:none}
.services-frame .card-copy h3{font-size:clamp(1.65rem,2.35vw,2.5rem)}
.services-frame .card-copy p{margin:17px 0;font-size:.95rem}
.services-frame .card-copy>.eyebrow{margin-bottom:12px}
.keyboard-controls{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.keyboard-controls:focus-within{position:relative;width:auto;height:34px;padding:8px;clip-path:none;overflow:visible;justify-content:center}
.keyboard-controls .service-dots button{background-color:#aaa}
.keyboard-controls .service-dots button[aria-pressed=true]{background-color:var(--red)}
@media(max-width:640px){.service-scroll{height:390svh}.service-sticky{min-height:880px;top:min(0px,calc(100svh - 880px));padding:28px 0}.services-frame{width:calc(100% - 36px)}.services-frame .services-intro{padding-bottom:25px}.services-frame .services-intro h2{font-size:1.9rem}.services-frame .services-intro .eyebrow{font-size:.65rem}.services-frame .services-intro>p:last-child{font-size:.88rem;margin-top:16px}.services-frame .card-stage{height:540px;border-radius:20px}.services-frame .card-copy h3{font-size:1.65rem}.services-frame .card-copy p{font-size:.88rem}}
@media(prefers-reduced-motion:reduce){.service-sticky{position:relative;top:0;height:auto;min-height:0}.services-frame{transform:none!important;opacity:1!important;will-change:auto}.services-frame .card-stage{height:auto;overflow:visible}}
html:not(.js) .services-frame .card-stage{height:auto;overflow:visible}

.hero-lines [data-dot]{stroke:rgba(255,255,255,.48);stroke-width:2;filter:drop-shadow(0 2px 3px rgba(117,36,26,.12))}

/* Hero reference: original vector lettering and a 1440 × 750 composition. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.hero{height:auto;min-height:0;max-height:none;aspect-ratio:1440/750;background:#ff3c2d;isolation:isolate}
.hero header{position:absolute;inset:0;padding:0;display:block;pointer-events:none;z-index:5}
.hero header a,.hero header button,.hero header nav{pointer-events:auto}
.hero header .brand{position:absolute;left:4.653%;top:6.2%;width:19.75%;height:7.04%;display:block}
.hero header .brand img{display:block;width:100%;height:100%}
.hero nav{position:absolute;left:50%;transform:translateX(-50%);top:5.2%;width:max-content;max-width:64%;height:8.933%;padding:0 2.4vw;gap:1.9vw;display:flex;justify-content:center;align-items:center;border:1px solid #ffffff40;border-radius:999px;background:rgba(255,255,255,.13);backdrop-filter:none;box-shadow:none;white-space:nowrap}
.hero nav a.nav-text{color:#fff;font-weight:700;font-size:calc(14px*100vw/1440);line-height:1;white-space:nowrap;display:block;position:relative}
.hero nav a{display:block;position:relative;line-height:0;flex-shrink:0}
.hero nav a img{display:block;width:calc(var(--label-width)*100vw/1440);height:auto}
.hero .nav-current:after{content:"";position:absolute;bottom:-.35vw;left:0;right:0;height:1px;background:#fff}
.hero .header-contact{position:absolute;left:86.458%;top:5.2%;width:8.333%;height:8.933%;padding:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.13);border:1px solid #ffffff40;backdrop-filter:none}
.hero .header-contact img{width:64.167%;height:auto}
.hero .hero-lines{inset:0;width:100%;height:100%;mask-image:none;opacity:1}
.hero-lines>path{fill:none;stroke-width:46;stroke-linecap:butt}
.hero-lines .hero-dot{stroke:none;filter:none}
.hero .hero-copy{position:absolute;inset:0;padding:0;pointer-events:none}
.hero .hero-copy h1{position:absolute;left:33.403%;top:32.267%;width:33.403%;height:24.667%;margin:0;line-height:0}
.hero .hero-copy h1 img{width:100%;height:100%;display:block}
.hero .hero-copy>p:not(.eyebrow){position:absolute;left:30.694%;top:60.4%;width:38.472%;height:9.067%;margin:0;max-width:none;line-height:0}
.hero .hero-copy>p img{width:100%;height:100%;display:block}
.hero .hero-more{position:absolute;top:82.133%;left:50%;transform:translateX(-50%);margin:0;gap:1.04vw;pointer-events:auto;font-size:1rem;color:#fff;font-weight:500}
.hero .hero-more>img{width:9.097vw;height:auto;display:block}
.hero .hero-more .scroll-cue{width:2.64vw;height:2.64vw;min-width:25px;min-height:25px}
.hero .hero-more .scroll-cue svg{width:1.25vw;height:1.25vw;min-width:15px;min-height:15px}
@media(max-width:640px){.hero{aspect-ratio:auto;height:760px;min-height:650px;max-height:95svh}.hero header .brand{left:6%;top:3.5%;width:54%;height:auto}.hero .menu-toggle{position:absolute;right:6%;top:4%;display:flex}.hero nav{display:none;transform:none;max-width:none;top:85px;left:6%;width:88%;height:auto;padding:25px;gap:22px;flex-direction:column;align-items:flex-start;background:#ff5144;border-radius:20px}.hero nav.open{display:flex}.hero nav a img{width:calc(var(--label-width)*1px)}.hero nav a.nav-text{font-size:1rem}.hero .nav-current:after{bottom:-5px}.hero .header-contact{display:none}.hero .hero-copy h1{left:12%;top:32%;width:76%;height:auto;aspect-ratio:481/185}.hero .hero-copy>p:not(.eyebrow){left:7%;top:57%;width:86%;height:auto;aspect-ratio:554/68}.hero .hero-more{top:78%;gap:15px}.hero .hero-more>img{width:115px}.hero .hero-lines{width:180%;left:-40%;height:100%;inset-inline-start:-40%;opacity:.8}}

/* Standalone counters with the arc cropped cleanly at the section edge. */
.stats{height:clamp(480px,34vw,650px);min-height:480px;padding:clamp(65px,6vw,112px) 8vw 0;isolation:isolate;overflow:hidden}
.stats .stat-grid{max-width:1250px;transform-origin:center;will-change:transform,opacity}
.stats .stats-lines{position:absolute;left:0;bottom:0;width:100%;height:42%;overflow:hidden;z-index:0}
.stats .stats-lines .orange-track{stroke-width:58}
.stats .stat-grid strong{display:inline-block;font-variant-numeric:tabular-nums;min-width:2.5ch}
.lab-scroll{margin-top:0}
@media(max-width:640px){.stats{height:440px;min-height:440px;padding:65px 18px 0}.stats .stats-lines{height:42%}.stats .stat-grid strong{font-size:3rem}.stats .stat-grid p{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.stats .stat-grid{transform:none!important;opacity:1!important;will-change:auto}}

/* Full-screen counters only; preserve the arc and circle proportions. */
.stats{height:100svh;min-height:520px;padding:0 8vw 26svh;display:flex;align-items:center;justify-content:center}
.stats .stat-grid{width:100%;max-width:1100px;margin:0 auto}
.stats .stats-lines{left:50%;bottom:0;width:max(100%,900px);height:auto;aspect-ratio:1440/400;transform:translateX(-50%);overflow:hidden}
@media(max-width:640px){.stats{height:100svh;min-height:520px;padding:0 18px 24svh}.stats .stats-lines{width:max(100%,840px);height:auto;aspect-ratio:1440/400}}

/* Give only the counters a longer pinned scroll sequence and a final reading pause. */
.stats-scroll{position:relative;height:180svh;background:var(--red)}
.stats-scroll>.stats{position:sticky;top:0}
@media(prefers-reduced-motion:reduce){.stats-scroll{height:auto}.stats-scroll>.stats{position:relative}}

/* LAB only: subtle autonomous floating, longer dwell, scroll-triggered copy zoom. */
.lab-scroll{height:180svh}
.lab-copy{transform-origin:left center;will-change:transform,opacity}
.lab-copy:focus-within{transform:none!important;opacity:1!important}
.lab-placeholder{animation:lab-gentle-float 9s ease-in-out infinite;will-change:transform}
@keyframes lab-gentle-float{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}25%{transform:translate3d(5px,-6px,0) rotate(.2deg)}50%{transform:translate3d(-3px,-3px,0) rotate(-.15deg)}75%{transform:translate3d(-5px,5px,0) rotate(.1deg)}}
@media(max-width:640px){.lab-scroll{height:auto}.lab-sticky{position:relative;height:auto;min-height:0;overflow:visible}.lab-panel{transform:none!important;border-radius:20px!important}.lab-copy{transform:none!important;opacity:1!important}.lab-placeholder{animation-name:lab-gentle-float-mobile}.lab-placeholder.photo{min-height:280px;padding:14px}}
@keyframes lab-gentle-float-mobile{0%,100%{transform:translate3d(0,0,0)}25%{transform:translate3d(3px,-4px,0)}50%{transform:translate3d(-2px,-2px,0)}75%{transform:translate3d(-3px,3px,0)}}
@media(prefers-reduced-motion:reduce){.lab-scroll{height:auto}.lab-copy{transform:none!important;opacity:1!important;will-change:auto}.lab-placeholder{animation:none;will-change:auto}}

/* Five service cards keep the same scroll distance per transition. */
.service-scroll{height:460svh}
@media(max-width:640px){.service-scroll{height:500svh}}

/* Footer edge flows: decorative layer only; content keeps its existing layout. */
footer.section{position:relative;isolation:isolate;overflow:hidden}
footer.section>.footer-flow{position:absolute;z-index:-1;pointer-events:none;height:auto;display:block}
footer.section>.footer-flow-left{left:0;bottom:0;width:26%}
footer.section>.footer-flow-right{right:0;top:0;width:18%}
@media(max-width:640px){footer.section>.footer-flow-left{width:36%}footer.section>.footer-flow-right{width:23%}}

/* Keep footer lettering outside the decorative edge lanes. */
footer.section{padding-bottom:clamp(100px,9vw,140px)}
footer.section>.footer-flow-left{width:clamp(160px,23vw,340px)}
footer.section>.footer-flow-right{width:clamp(90px,12vw,190px)}
footer.section>.footer-top{padding-right:clamp(70px,9vw,140px)}
@media(max-width:640px){footer.section>.footer-top{padding-right:0}footer.section>.footer-top>div:first-child{padding-right:70px}footer.section>.footer-flow-left{width:160px}footer.section>.footer-flow-right{width:90px}}

/* One shared footer layout for Home and Services. */
footer.cck-footer{background:#ff3c2d;padding-top:65px;padding-bottom:38px}
footer.cck-footer>.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px 40px;padding-right:12%;align-items:flex-start}
.cck-footer .footer-top .brand{display:block;width:min(100%,590px);height:auto}
.cck-footer .footer-top .brand img{display:block;width:100%;height:auto}
.footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.footer-meta p{margin:0;font-size:16px;line-height:1.3;text-align:right}
.cck-footer .footer-links{display:flex;position:static;flex-wrap:wrap;gap:12px 28px;background:none;border:0;border-radius:0;padding:0;box-shadow:none;backdrop-filter:none;margin-left:clamp(8px,3vw,44px)}
.cck-footer .footer-links a{font-size:14px;line-height:1.4;opacity:1}
.cck-footer .footer-bottom{border-top:1px solid #ffffff35;margin-top:42px;padding-top:25px;padding-right:16%;justify-content:space-between;align-items:center;gap:24px;opacity:1;min-height:32px}
.cck-footer .footer-bottom>span{font-size:11px}
.footer-socials{display:flex;gap:6px}.footer-social{width:28px;height:28px;background:white;color:#ff3c2d;border-radius:2px;display:grid;place-items:center}.footer-social svg{width:24px;height:24px;fill:currentColor}
footer.cck-footer>.footer-flow-left{width:26%;max-width:340px}
footer.cck-footer>.footer-flow-right{width:17%;max-width:235px}
@media(max-width:1000px){footer.cck-footer>.footer-top{padding-right:10%}.cck-footer .footer-bottom{margin-top:40px;padding-bottom:45px}}
@media(max-width:640px){footer.cck-footer{padding-top:45px;padding-bottom:100px}footer.cck-footer>.footer-top{flex-direction:column;gap:26px;padding-right:0}.cck-footer .footer-top .brand{width:min(100%,290px)}.footer-meta{align-items:flex-start}.footer-meta p{text-align:left;font-size:14px}.cck-footer .footer-links{margin-left:0}.cck-footer .footer-links a{font-size:13px}.cck-footer .footer-bottom{flex-wrap:wrap;justify-content:flex-start;gap:18px;margin-top:30px;padding-top:22px;padding-right:0}footer.cck-footer>.footer-flow-right{width:90px}}

/* End-of-page return control, shared by both pages. */
.back-to-top{position:fixed;right:24px;bottom:max(22px,env(safe-area-inset-bottom));z-index:50;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;border:2px solid #fff;background:#ff4036;color:#fff;box-shadow:0 6px 22px #ff40365c;padding:0;animation:back-top-arrive .3s ease-out both;transition:transform .2s,box-shadow .2s,background .2s}
.back-to-top[hidden]{display:none}.back-to-top svg{width:24px;height:24px}.back-to-top:hover{transform:translateY(-4px) scale(1.05);background:#e6392f;box-shadow:0 8px 26px #ff403680}
@keyframes back-top-arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:640px){.back-to-top{right:16px;width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.back-to-top{animation:none;transition:none}}

/* Logos de clientes a color en móvil/tablet; el efecto de escala de grises solo aplica en desktop. */
@media(max-width:1023px){.client-logo img{filter:none;opacity:1}}

/* Client logos: avoid compounded opacity; preserve their existing size and hover. */
.clients .client-list{opacity:1}

/* Home: compact, balanced counters without changing their animation. */
.stats-scroll>.stats{height:clamp(480px,38vw,680px);min-height:0;padding:clamp(65px,5vw,96px) 8vw 210px;align-items:flex-start}
.stats .stat-grid{max-width:1280px}
.stats .stat-grid strong{font-size:clamp(76px,7vw,120px);line-height:1.05}
.stats .stat-grid p{font-size:clamp(16px,1.1vw,20px);margin-top:20px}
.stats .stats-lines{bottom:-110px}
@media(max-width:640px){.stats-scroll>.stats{height:420px;padding:65px 18px 160px}.stats .stat-grid strong{font-size:clamp(42px,10vw,62px)}.stats .stat-grid p{font-size:12px;margin-top:16px}.stats .stats-lines{bottom:-40px}}

/* Home counters: comfortable height, natural arc proportions, separate rows. */
.stats-scroll{height:auto}
.stats-scroll>.stats{position:relative;top:auto;height:auto;min-height:0;padding:clamp(64px,5vw,88px) 8vw 0;display:block}
.stats .stat-grid{transform:none;opacity:1;will-change:auto}
.stats .stat-grid strong{font-size:clamp(64px,6vw,104px)}
.stats .stats-flow-frame{position:relative;margin:52px -8vw 0;height:clamp(250px,21vw,310px);overflow:hidden}
.stats .stats-lines{top:0;bottom:auto;left:50%;width:100%;min-width:840px;max-width:1560px;height:auto;aspect-ratio:1440/400;transform:translateX(-50%)}
@media(max-width:640px){
 .stats-scroll>.stats{padding:52px 18px 0}
 .stats .stat-grid strong{font-size:clamp(40px,10vw,58px)}
 .stats .stats-flow-frame{margin:40px -18px 0;height:210px}
 .stats .stats-lines{width:840px;top:0}
}

/* HD client logos: original colors/effects, balanced optical size, no stretching. */
.clients-hd .client-logo{display:flex;align-items:center;justify-content:center;width:210px;height:116px;flex:0 0 210px}
.clients-hd .client-logo img{width:190px;height:84px;max-width:190px;max-height:84px;object-fit:contain}
@media(max-width:640px){.clients-hd .client-logo{width:150px;height:72px;flex-basis:150px}.clients-hd .client-logo img{width:140px;height:62px;max-width:140px;max-height:62px}}

/* Prominent blue-section conversation CTA. */
.contact .button.light{background:#fff;color:#087cff;border:1px solid #fff;font-weight:600;box-shadow:0 8px 24px #0058bf22;padding:19px 28px;transition:background .25s,box-shadow .25s,transform .25s}
.contact .button.light:hover,.contact .button.light:focus-visible{background:#eaf5ff;box-shadow:0 12px 30px #0058bf33}

/* Home text alignment with approved Figma copy */
.hero .hero-copy>p.hero-description-text{position:absolute;left:30.694%;top:60.4%;width:38.472%;height:auto;margin:0;max-width:none;line-height:1.28;font-size:clamp(1rem,2.05vw,1.8rem);font-weight:400;color:#fff;text-align:center;letter-spacing:-.025em}
@media(max-width:640px){.hero .hero-copy>p.hero-description-text{left:7%;top:57%;width:86%;height:auto;font-size:clamp(1rem,4.4vw,1.25rem);line-height:1.3}}

/* Stats: four counters */
.stats .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:640px){
  .stats .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px;}
  .stats .stat-grid>div:nth-child(3){border-left:0;}
  .stats .stat-grid>div{padding:0 8px;}
}

/* Match the pinned area to its content, including the arrow controls. */
.service-sticky{min-height:var(--service-stage-height,760px);top:min(0px,calc(100svh - var(--service-stage-height,760px)))}
@media(prefers-reduced-motion:reduce){.service-sticky{min-height:0;top:0}}
.clients:focus-within .client-list{animation-play-state:paused}

/* Home services: normal document flow, manual vertical slides. */
.js .service-scroll{height:auto!important;background:#fff}
.js .service-sticky{position:relative;top:auto;height:auto;min-height:0;padding:65px 0 55px;overflow:visible}
.js .services-frame{transform:none!important;opacity:1!important;will-change:auto}
.js .services-frame .card-stage{height:clamp(340px,44svh,470px);overflow:hidden;position:relative}
.js .services-frame .service-card{position:absolute;inset:0;margin:0;transition:transform .6s cubic-bezier(.22,.61,.36,1);will-change:transform}
.js .service-controls{display:flex}
@media(max-width:640px){.js .service-sticky{padding:45px 0}.js .services-frame .card-stage{height:560px}}
@media(prefers-reduced-motion:reduce){.js .services-frame .service-card{transition:none;transform:translateY(110%)!important}.js .services-frame .service-card.active{transform:none!important}}

/* Optical sizing keeps client marks balanced without stretching small originals. */
.clients-hd .client-logo img{width:var(--logo-width,176px);height:auto;max-width:180px;max-height:74px;object-fit:contain;opacity:.78}
.clients-hd .client-logo:hover img{opacity:1}
@media(max-width:640px){.clients-hd .client-logo img{width:min(var(--logo-width,140px),140px);max-width:140px;max-height:58px}}

/* LAB en el home con la estética galáctica de la página LAB IA (red neuronal, órbita y logo). */
.lab-panel.lab-galaxy{position:relative;background:radial-gradient(ellipse at 77% 0%,#0079ff 0%,transparent 30%),radial-gradient(ellipse at 0% 96%,#007bff 0%,transparent 34%),linear-gradient(130deg,#061323,#070409)}
.lab-galaxy .bi-network{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.75}
.lab-galaxy .lab-content{position:relative;z-index:1;grid-template-columns:1.1fr .9fr;align-items:center}
.lab-galaxy .bi-eyebrow{font-size:14px;letter-spacing:.23em;font-weight:600;color:#8fc0ff}
.lab-galaxy .lab-content h3.lab-title{font-size:clamp(42px,5vw,84px);line-height:.98;font-weight:600;letter-spacing:-.055em;margin:18px 0 0}
.lab-galaxy .lab-title span{background:linear-gradient(90deg,#fff 0%,#8fc0ff 55%,#087bff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lab-galaxy .lab-content p:not(.bi-eyebrow){font-size:clamp(16px,1.4vw,21px);line-height:1.35;color:#d4dfee;max-width:520px;margin-top:24px}
.lab-galaxy .bi-orbit{position:relative;aspect-ratio:1;width:100%;max-width:500px;justify-self:center;display:grid;place-items:center}
.lab-galaxy .bi-core{position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle,#2f95ff55 0%,#087bff1f 40%,transparent 70%);filter:blur(6px)}
.lab-galaxy .bi-ring{position:absolute;border-radius:50%;border:1px solid #4a9bff40}
.lab-galaxy .bi-ring-1{inset:0;border-style:dashed;animation:lab-bi-spin 60s linear infinite}
.lab-galaxy .bi-ring-2{inset:14%;border-color:#4a9bff55;animation:lab-bi-spin 40s linear infinite reverse}
.lab-galaxy .bi-ring-3{inset:28%;border-color:#4a9bff70}
.lab-galaxy .bi-dot{position:absolute;inset:0;animation:lab-bi-spin 18s linear infinite}
.lab-galaxy .bi-dot::before{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#ff9600;box-shadow:0 0 18px #ff9600}
.lab-galaxy .bi-dot-2{inset:14%;animation-duration:26s;animation-direction:reverse}
.lab-galaxy .bi-dot-2::before{background:#8fc0ff;box-shadow:0 0 18px #8fc0ff;width:9px;height:9px;margin-left:-4.5px;top:-4.5px}
.lab-galaxy .bi-logo{position:relative;width:82%;animation:lab-gentle-float 9s ease-in-out infinite}
.lab-galaxy .bi-wordmark{display:block;width:100%;height:auto;filter:drop-shadow(0 0 16px #087bff99)}
.lab-galaxy .bi-shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#ffffffcc 50%,transparent 65%) no-repeat;background-size:250% 100%;-webkit-mask:url(assets/lab-ia-wordmark.png) center/100% 100% no-repeat;mask:url(assets/lab-ia-wordmark.png) center/100% 100% no-repeat;animation:lab-bi-shine 7s ease-in-out infinite}
.lab-galaxy .bi-orbit *{animation-play-state:paused}
.lab-galaxy .bi-orbit.is-playing *{animation-play-state:running}
@keyframes lab-bi-spin{to{transform:rotate(360deg)}}
@keyframes lab-bi-shine{0%,60%{background-position:150% 0}90%,100%{background-position:-50% 0}}
@media(max-width:900px){.lab-galaxy .lab-content{grid-template-columns:1fr 1fr}.lab-galaxy .bi-orbit{max-width:340px}}
@media(max-width:640px){
 .lab-panel.lab-galaxy{padding:56px 24px 48px}
 .lab-galaxy .lab-content{grid-template-columns:1fr;gap:28px}
 .lab-galaxy .bi-eyebrow{font-size:11px}
 .lab-galaxy .lab-content h3.lab-title{font-size:clamp(40px,12vw,54px)}
 .lab-galaxy .lab-content p:not(.bi-eyebrow){font-size:15px;margin-top:18px}
 .lab-galaxy .bi-orbit{max-width:min(280px,78vw);order:-1}
 .lab-galaxy .bi-network{opacity:.55}
}
@media(prefers-reduced-motion:reduce){.lab-galaxy .bi-ring,.lab-galaxy .bi-dot,.lab-galaxy .bi-logo,.lab-galaxy .bi-shine{animation:none!important}}
/* LAB del home: la foto del equipo sobre el fondo galáctico, con un halo azul detrás. */
.lab-galaxy .lab-placeholder.photo{position:relative;min-height:0;aspect-ratio:734/746;max-height:72svh;justify-self:center;width:100%}
.lab-galaxy .lab-placeholder.photo::before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#2f95ff55 0%,#087bff1f 45%,transparent 72%);filter:blur(10px);z-index:-1}
@media(max-width:640px){.lab-galaxy .lab-placeholder.photo{min-height:0;max-height:none;width:min(100%,340px)}}
.lab-galaxy .lab-content{grid-template-columns:.9fr 1.1fr}
@media(max-width:640px){.lab-galaxy .lab-content{grid-template-columns:1fr}}
/* Círculos de la órbita (anillos y puntos) detrás de la foto del equipo. */
.lab-galaxy .lab-placeholder.photo::before{display:none}
.lab-galaxy .lab-orbit-bg{position:absolute;inset:50% auto auto 50%;width:100%;max-width:none;translate:-50% -50%;z-index:0;pointer-events:none}
.lab-galaxy .lab-placeholder.photo img{position:relative;z-index:1}
.lab-galaxy .lab-orbit-bg .bi-ring-1{border-color:#4a9bff80}
.lab-galaxy .lab-orbit-bg .bi-ring-2{border-color:#4a9bff90}
.lab-galaxy .lab-orbit-bg .bi-ring-3{border-color:#4a9bffa6}