/* Pameltech Labs — layout hardening */
:root{--container-max:1280px;}
.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:clamp(1.25rem,3vw,2rem);}
header .container{max-width:var(--container-max);}
nav{gap:2rem;}
.nav-links{gap:clamp(1.4rem,2.2vw,2.4rem);}
.nav-cta{white-space:nowrap;flex:0 0 auto;}
.lab-hero{min-height:100svh;padding:9.5rem 0 5rem;}
.hero-layout{grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);gap:clamp(2.5rem,4.5vw,4.5rem);align-items:center;}
.hero-copy{max-width:720px;justify-self:start;}
.lab-hero .hero-copy h1{max-width:720px;font-size:clamp(3.25rem,5.15vw,5rem);line-height:1.01;letter-spacing:-.05em;text-wrap:balance;}
.lab-hero .hero-copy>p{max-width:650px;}
.lab-console{width:100%;max-width:540px;min-width:0;min-height:520px;justify-self:end;margin:0;}
.system-visual{height:285px;}
.capability-rail{max-width:690px;}
.signal-strip .container{align-items:center;}
.section-heading{grid-template-columns:minmax(0,1.15fr) minmax(260px,.65fr);gap:clamp(2rem,4vw,4rem);align-items:end;}
.section-heading>div,.section-heading>p{min-width:0;}
.section-heading h2{max-width:760px;}
.section-heading>p{justify-self:end;width:100%;max-width:470px;}
.engineering-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.engineering-card{min-width:0;display:flex;flex-direction:column;}
.engineering-card p{min-height:0;}
.tech-tags{margin-top:auto;padding-top:1.25rem;padding-right:2rem;}
.flow-track{gap:0;}
.flow-step{height:100%;}
.project-shell{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:1px;align-items:stretch;}
.project-copy,.project-ui{min-width:0;height:100%;}
.project-copy{padding:clamp(2.5rem,4vw,3.5rem);}
.project-ui{display:flex;flex-direction:column;justify-content:center;}
.ui-grid{width:100%;}
.ui-log p{margin:0;}
.labs-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.lab-card{display:flex;flex-direction:column;}
.lab-card h3{margin-top:4rem;}
.lab-state{margin-top:auto;padding-top:1.5rem;}
.cta-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:clamp(3rem,6vw,6rem);}
.cta-grid>div:last-child{justify-self:end;width:100%;}
@media (max-width:1180px){.lab-hero{padding-top:9rem}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:2.5rem}.lab-hero .hero-copy h1{font-size:clamp(3rem,5vw,4.3rem)}.lab-console{max-width:500px;min-height:500px}.engineering-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.hero-layout{grid-template-columns:1fr;gap:3rem}.hero-copy{max-width:820px}.lab-hero .hero-copy h1{max-width:820px;font-size:clamp(3.15rem,8vw,5rem)}.lab-console{justify-self:stretch;max-width:760px;margin-inline:auto}.section-heading{grid-template-columns:1fr;gap:1.25rem}.section-heading>p{justify-self:start;max-width:680px}.project-shell{grid-template-columns:1fr}.project-copy,.project-ui{height:auto}.cta-grid{grid-template-columns:1fr;gap:2rem}.cta-grid>div:last-child{justify-self:start;max-width:650px}}
@media (max-width:768px){.container{padding-inline:1.1rem}header{padding:1rem 0}header.scrolled{padding:.7rem 0}nav{gap:.75rem}.logo img{height:44px}.nav-cta{padding:.62rem .85rem;font-size:.72rem}.lab-hero{padding:7.5rem 0 3.5rem}.lab-hero .hero-copy h1{font-size:clamp(2.65rem,13vw,4rem);line-height:1}.eyebrow{font-size:.64rem;letter-spacing:.09em}.lab-console{max-width:none;padding:.85rem;border-radius:18px}.console-head{align-items:center}.console-head strong{font-size:.82rem}.system-visual{height:245px}.system-node{min-width:68px;padding:.45rem .5rem}.core-node{width:78px;height:78px}.signal-strip .container{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.signal-strip span{white-space:nowrap}.section{padding:5rem 0}.section-heading h2{font-size:clamp(2.2rem,10vw,3rem)}.engineering-grid{grid-template-columns:1fr}.engineering-card{min-height:300px}.system-flow-section,.closing-cta{padding:5rem 0}.project-copy{padding:2rem 1.5rem}.project-ui{padding:1rem}.ui-grid{grid-template-columns:1fr}.ui-primary{grid-row:auto;min-height:180px}.ui-log{grid-template-columns:1fr;gap:.3rem}.labs-grid{grid-template-columns:1fr}.cta-grid h2{font-size:clamp(2.5rem,12vw,3.7rem)}}
@media (max-width:420px){.nav-cta{font-size:.68rem;padding:.58rem .72rem}.lab-hero .hero-copy h1{font-size:clamp(2.45rem,12.8vw,3.25rem)}.hero-btns .btn{padding:.9rem 1.1rem}.capability-rail span{font-size:.62rem}.node-ai,.node-auto{left:1%}.node-data,.node-apps{right:1%}.system-node b{font-size:.65rem}.system-node small{font-size:.5rem}}