/* BACACI — AIRFLOW ENGINEERING | 1.618-inspired typographic scale, no external assets */
:root{--bg:#081b26;--surface:#102b39;--surface2:#153746;--line:#2c4850;--text:#edf7f3;--muted:#abc3c5;--aqua:#88e1de;--copper:#c2ac85;--gutter:clamp(20px,4.5vw,76px);--max:1470px;--ease:cubic-bezier(.16,1,.3,1)}
:root[data-theme=light]{--bg:#f4f7f5;--surface:#e5eeea;--surface2:#d7e5e0;--line:#b9cfcc;--text:#0b2b37;--muted:#567077;--aqua:#06787e;--copper:#866c48}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;font-family:Inter,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip}body.nav-open,body.modal-open{overflow:hidden}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--aqua);outline-offset:4px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.046em}p{color:var(--muted)}img{display:block;max-width:100%}svg{width:22px;height:22px;flex:none}.shell{width:min(calc(100% - 2*var(--gutter)),var(--max));margin-inline:auto}.accent,.brand-dot{color:var(--aqua)}.skip{position:fixed;top:-100px;left:15px;z-index:999;background:white;color:black;padding:12px}.skip:focus{top:12px}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--aqua);z-index:120}.eyebrow{font-size:10px;font-weight:850;color:var(--aqua);letter-spacing:.22em;line-height:1.8;text-transform:uppercase;display:inline-flex;gap:13px;align-items:center}.status-dot{width:7px;height:7px;border-radius:50%;background:#8fe7e0;box-shadow:0 0 0 4px #86dbd329;display:inline-block}.utility{background:#071a24;color:#c3d7d5;height:36px;font-size:10px;letter-spacing:.16em}.utility-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:15px}.utility-inner>span{display:flex;align-items:center;gap:12px}.utility a{display:flex;align-items:center;gap:7px;letter-spacing:.03em}.utility svg{width:14px;height:14px}.site-header{position:sticky;top:0;z-index:90;background:#071b25f2;border-bottom:1px solid #73929633;backdrop-filter:blur(16px);height:88px;transition:height .2s}[data-theme=light] .site-header{background:#f4f7f5f2}.site-header.stuck{height:76px;box-shadow:0 12px 33px #00000015}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand,.header-controls{display:flex;align-items:center}.brand{gap:12px;min-width:214px}.brand .logo-symbol{width:52px;height:52px;color:var(--text)}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font-size:23px;font-weight:850;letter-spacing:.08em}.brand-text small{font-size:8px;font-weight:800;letter-spacing:.27em;color:var(--muted);margin-top:9px}.desktop-nav{display:flex;align-items:center;gap:clamp(10px,1.7vw,29px)}.desktop-nav a{font-size:12px;font-weight:750;white-space:nowrap;transition:color .2s}.desktop-nav a:hover,.footer-column a:hover{color:var(--aqua)}.header-controls{gap:9px}.icon-button{border:1px solid var(--line);background:none;color:var(--text);border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.icon-button svg{width:18px;height:18px}.icon-button:hover{background:var(--surface)}.lang-select{position:relative}.lang-select summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;padding:7px 9px;border:1px solid var(--line);border-radius:30px;font-size:12px;font-weight:800}.lang-select summary::-webkit-details-marker{display:none}.lang-select summary img,.lang-item img{width:20px;height:15px;object-fit:cover}.lang-select summary svg{width:12px;height:12px}.lang-list{position:absolute;right:0;top:calc(100% + 10px);background:var(--surface);box-shadow:0 20px 60px #0008;border:1px solid var(--line);border-radius:10px;padding:8px;min-width:207px;max-height:65vh;overflow:auto}.lang-item{display:flex;align-items:center;gap:10px;padding:9px;border-radius:4px;font-size:13px;white-space:nowrap}.lang-item>span{margin-inline-start:auto;font-size:10px;color:var(--muted)}.lang-item:hover,.lang-item.is-current{background:#7ae2db24;color:var(--aqua)}.header-quote,.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:49px;padding:13px 18px;background:var(--aqua);color:#08242b;font-weight:850;font-size:12px;white-space:nowrap;border:0;border-radius:2px;transition:transform .3s var(--ease),background .3s}.header-quote:hover,.button-primary:hover{transform:translateY(-3px);background:#b2eee5}.header-quote svg,.button svg{width:17px;height:17px}.button-ghost{background:transparent;color:#e9f8f4;border:1px solid #c5dfdb77}.button-ghost:hover{background:#ffffff11}.menu-button,.mobile-nav{display:none}.mobile-nav{position:fixed;z-index:151;right:0;top:0;bottom:0;width:min(430px,100vw);overflow:auto;background:var(--surface);box-shadow:0 0 60px #0009;padding:25px;transform:translateX(102%);transition:transform .38s var(--ease)}.mobile-nav.open{transform:translateX(0)}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;font-size:25px;letter-spacing:.1em;margin-bottom:25px}.mobile-nav nav{display:grid}.mobile-nav nav a{font-size:clamp(22px,6vw,32px);font-weight:750;border-bottom:1px solid var(--line);padding:10px 0}.mobile-lang{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:25px 0}.mobile-lang .lang-item{font-size:10px;padding:6px 1px;gap:4px}.mobile-lang .lang-item img{width:16px;height:12px}.mobile-lang .lang-item span{display:none}.mobile-nav .button{width:100%}.inline-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;font-weight:850;border-bottom:1px solid var(--aqua);padding-bottom:10px}.inline-link svg{width:16px}.section{padding-block:clamp(70px,9vw,135px)}.section-head{display:grid;grid-template-columns:1.4fr .6fr;gap:55px;align-items:end;margin-bottom:53px}.section-head>p{max-width:440px;line-height:1.9;font-size:15px;justify-self:end}.heading-lg,.section-head h2{font-size:clamp(36px,4.25vw,68px);font-weight:740;line-height:1.08;letter-spacing:-.058em;margin-top:16px;text-wrap:balance}.section-end{display:flex;justify-content:flex-end;padding-top:29px}
/* AIR HERO */
.hero{position:relative;min-height:730px;background:#071d28;color:#f0f7f5;overflow:hidden;isolation:isolate}.hero-photo{position:absolute;inset:0;background-size:cover;background-position:center right;opacity:.65;animation:photobreath 26s ease-in-out infinite alternate}.hero-photo-screen{position:absolute;inset:0;background:linear-gradient(90deg,#071b27 0%,#071b27f2 42%,#071b276a 100%),linear-gradient(0deg,#071b27,transparent 27%)}.flow-field{position:absolute;inset:0;pointer-events:none}.flow-waves{position:absolute;right:-10%;height:100%;width:74%}.flow-waves path{fill:none;stroke:#9de8df70;stroke-width:1.5;stroke-dasharray:12 18;animation:airdash 25s linear infinite}.flow-waves path:nth-child(2){animation-duration:19s;stroke:#a1eeee52}.flow-waves path:nth-child(3){animation-duration:30s;stroke:#c6ad8266}.flow-waves path:nth-child(4){animation-duration:21s;stroke:#b8ecea40}.air-canvas{width:100%;height:100%;position:absolute;inset:0}.hero-layout{position:relative;z-index:2;min-height:645px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding-block:70px}.hero h1{font-size:clamp(46px,5.6vw,94px);line-height:1.035;letter-spacing:-.066em;margin:29px 0;font-weight:750;text-wrap:balance}.hero h1 span,.hero h1 em{display:block}.hero h1 em{color:#94e7df;font-style:normal;font-weight:330}.hero-content>p{font-size:clamp(14px,1.2vw,17px);line-height:1.9;color:#bbd1d1;max-width:620px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px}.text-action{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:800}.text-action span{width:43px;height:43px;border-radius:50%;border:1px solid #cce4e477;display:grid;place-items:center}.text-action svg{width:16px}.hero-visual-aside{height:100%;display:flex;align-items:center;justify-content:center;position:relative}.flow-circles{width:min(350px,80%);aspect-ratio:1;border:1px solid #9cdbd94a;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 0 32px #83dede09,0 0 0 80px #83dede07;animation:turn 30s linear infinite}.flow-circles:before,.flow-circles:after,.flow-circles span{content:'';position:absolute;inset:15%;border:1px solid #a6e5e466;border-radius:50%}.flow-circles:after{inset:30%;border-style:dashed}.flow-circles .circle-1{inset:40%;background:#72caca26}.flow-circles .circle-2{inset:5%;border-color:#ffffff12}.flow-circles .circle-3{inset:auto;top:10%;left:18%;width:12px;height:12px;background:#b1fff0;box-shadow:0 0 30px #b1fff0}.flow-circles>i svg{width:75px;height:75px;color:#bffbf2;stroke-width:.8}.aside-tag{position:absolute;right:0;bottom:11%;border-left:2px solid #9be8e0;padding-left:17px;display:grid}.aside-tag small{font:10px monospace;color:#bed3d1}.aside-tag strong{font-size:32px;font-weight:350;letter-spacing:.11em}.aside-tag strong span{font-size:12px;color:#9ce6e0}.hero-bottom{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr) 1fr;gap:20px;border-top:1px solid #b2d3d349;padding-block:20px 25px}.hero-bottom>div{display:flex;gap:12px;align-items:center}.hero-bottom span{font:10px monospace;color:#91aead}.hero-bottom p{font-size:11px;color:#daebea}.hero-coordinate{text-align:right}.marquee{height:39px;overflow:hidden;background:#8adfdb;color:#0b2c34;display:flex;align-items:center;font-size:10px;font-weight:900;letter-spacing:.18em;white-space:nowrap}.marquee>div{width:max-content;animation:marquee 30s linear infinite}
/* SOLUTIONS */
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{display:block;background:var(--surface);border:1px solid var(--line);transition:transform .45s var(--ease),border-color .25s;overflow:hidden}.service-card:hover{transform:translateY(-9px);border-color:var(--aqua)}.service-card-image{height:clamp(190px,19vw,280px);position:relative;overflow:hidden}.service-card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071c27a0,transparent 60%)}.service-card-image img,.project-tile img,.journal-card img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.service-card:hover img,.project-tile:hover img,.journal-card:hover img{transform:scale(1.09)}.card-index{position:absolute;top:18px;left:18px;color:#fff;z-index:1;font:12px monospace}.service-card-content{min-height:225px;padding:29px;position:relative}.service-card h3{font-size:clamp(20px,1.8vw,26px);margin-bottom:15px;max-width:94%}.service-card p{font-size:12px;line-height:1.8;padding-right:22px}.round-arrow{position:absolute;right:20px;bottom:20px;width:39px;height:39px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%}.round-arrow svg{width:17px}.service-card:hover .round-arrow{background:var(--aqua);color:#04242c}
/* TECHNICAL INTERLUDE */
.engineering-band,.method-section{position:relative;overflow:hidden;background:var(--surface);padding-block:clamp(75px,8.5vw,125px);border-block:1px solid var(--line)}.engineering-band:before,.method-section:before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:90px 90px;opacity:.16;pointer-events:none}.engineering-band>.shell,.method-section>.shell{position:relative}.engineering-bottom{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center}.engineering-diagram{height:360px;max-width:450px;position:relative;display:grid;place-items:center}.diagram-circles{width:70%;aspect-ratio:1;border:1px solid var(--aqua);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 45px #90ddd806,0 0 0 85px #90ddd805;position:relative}.diagram-circles:before,.diagram-circles:after{content:'';position:absolute;inset:20%;border:1px dashed var(--aqua);opacity:.6;border-radius:50%;animation:turn 29s linear infinite}.diagram-circles:after{inset:37%;animation-direction:reverse}.diagram-circles b{font-weight:270;font-size:clamp(65px,8vw,115px);color:var(--aqua)}.diagram-circles span,.diagram-circles i{position:absolute;font-size:32px;font-weight:300;font-style:normal}.diagram-circles span{top:15%;right:-12%}.diagram-circles i{bottom:1%;left:-8%;color:var(--copper)}.diagram-callout{position:absolute;bottom:0;left:0;font:10px/1.7 monospace;color:var(--muted)}.physics-wrap>.eyebrow{margin-bottom:18px}.physics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.physics-card{border-top:1px solid var(--aqua);padding:23px 17px;min-height:248px;background:#082c3616}.physics-icon{font-size:39px;font-weight:290;color:var(--aqua);margin-bottom:23px}.physics-card h3{font-size:16px;margin-bottom:15px}.physics-card p{font-size:12px;line-height:1.8}.physics-card strong{display:block;color:var(--copper);font-size:11px;letter-spacing:.13em;margin-top:20px}.industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.industry-tile{background:var(--surface);border:1px solid var(--line);padding:27px;min-height:272px;position:relative;transition:background .25s}.industry-tile:hover{background:var(--surface2)}.industry-tile>span{font:11px monospace;color:var(--aqua)}.industry-tile h3{margin-top:80px;font-size:22px}.industry-tile p{font-size:12px;margin-top:12px}.industry-tile>svg{position:absolute;top:25px;right:25px;width:16px;color:var(--aqua)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-tile{height:clamp(275px,26vw,405px);position:relative;display:block;overflow:hidden;background:var(--surface)}.project-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071923ed,transparent 72%)}.project-tile>div{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:26px;color:#eaf4f1}.project-tile small{font:10px monospace;color:#c5d5d6}.project-tile h3{font-size:20px;margin-top:9px;max-width:86%}.project-tile div span{position:absolute;right:22px;bottom:24px;border:1px solid #ecffff88;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.project-tile div svg{width:17px}.steps-grid,.values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.step-card,.value-card{background:var(--bg);border:1px solid var(--line);padding:28px;min-height:210px}.step-number{font-size:49px;color:var(--aqua);font-weight:250;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:29px}.step-card h3,.value-card h3{font-size:21px}.step-card p,.value-card p{font-size:12px;line-height:1.8;margin-top:13px}.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.journal-card{display:grid;grid-template-columns:.95fr 1.05fr;background:var(--surface);border:1px solid var(--line);transition:transform .3s}.journal-card:hover{transform:translateY(-5px)}.journal-card-photo{min-height:320px;position:relative;overflow:hidden}.journal-card-photo span{position:absolute;left:15px;bottom:15px;background:#0e343f;color:#e9f7f4;font:10px monospace;padding:6px}.journal-card>div:last-child{padding:31px 26px;display:flex;flex-direction:column;align-items:flex-start}.journal-card h3{font-size:clamp(20px,2.1vw,31px);margin:16px 0}.journal-card p{font-size:13px;line-height:1.83;margin-bottom:auto}.journal-card .inline-link{margin-top:25px}.home-about{display:grid;grid-template-columns:1fr 1fr;background:var(--surface);min-height:540px}.home-about-photo{max-height:665px;overflow:hidden}.home-about-photo img{width:100%;height:100%;object-fit:cover}.home-about-copy{padding:clamp(50px,6vw,120px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:26px}.home-about-copy h2{font-size:clamp(38px,4.3vw,67px)}.home-about-copy p{font-size:14px;line-height:2}.cta-block{position:relative;overflow:hidden;background:linear-gradient(115deg,#103941,#082831);color:#e9f7f3;margin-block:clamp(50px,7vw,100px)}.cta-block:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(130deg,transparent 0 75px,#83c7c509 76px 77px)}.cta-grid{position:relative;display:grid;grid-template-columns:.7fr 2fr 1fr;align-items:center;gap:35px;padding:clamp(32px,5vw,75px)}.cta-orbit{width:123px;aspect-ratio:1;border:1px solid #80dedb77;border-radius:50%;display:grid;place-items:center;animation:turn 14s linear infinite;box-shadow:0 0 0 25px #81c9ca0a}.cta-orbit:after{content:'';width:35px;height:35px;background:#83e0da;border-radius:50%}.cta-copy h2{font-size:clamp(31px,3.4vw,53px);margin:14px 0 20px}.cta-copy p{color:#bcd9d6}.cta-actions{display:grid;gap:10px}.cta-actions .button{white-space:normal}
/* Editorial detail pages */
.inner-hero{min-height:460px;background:#082530;color:#f2faf7;display:flex;align-items:center;position:relative;overflow:hidden}.inner-hero-photo{position:absolute;inset:0;background-position:center;background-size:cover}.inner-hero-drawing{position:absolute;right:-10%;top:-30%;width:55vw;aspect-ratio:1;border-radius:50%;border:1px solid #a5e2db66;box-shadow:0 0 0 100px #b0e6dc13,0 0 0 200px #b0e6dc08}.inner-hero-content{position:relative;padding-block:100px 55px}.inner-hero h1{font-size:clamp(44px,5.3vw,83px);max-width:980px;margin:15px 0 19px;font-weight:735;text-wrap:balance}.inner-hero p{color:#cadad7;max-width:785px;font-size:17px;line-height:1.85}.breadcrumb{display:flex;gap:15px;margin-top:46px;align-items:center;font-size:12px;color:#b0cbc8}.breadcrumb>a{color:#8ee2dc}.detail-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.65fr);gap:clamp(35px,6vw,95px);align-items:start}.detail-main>.heading-lg{margin-bottom:27px}.editorial-lead{font-size:clamp(18px,1.85vw,25px);color:var(--text);font-weight:350;line-height:1.75}.detail-photo{height:clamp(285px,41vw,540px);margin:47px 0 58px;overflow:hidden;position:relative}.detail-photo img{width:100%;height:100%;object-fit:cover}.detail-photo>div{position:absolute;bottom:0;left:0;background:#123441;color:#e7f6f2;padding:12px 20px;font:11px monospace}.subheading{font-size:clamp(27px,2.7vw,40px);margin:45px 0 27px}.scope-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scope-list li{display:flex;align-items:center;gap:14px;padding:18px 15px;min-height:74px;border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:650}.scope-list svg{width:20px;color:var(--aqua)}.technical-paragraph{display:grid;grid-template-columns:38px 1fr;gap:20px;border-top:1px solid var(--line);padding:26px 0}.technical-paragraph>span{font:11px monospace;color:var(--aqua)}.technical-paragraph p{font-size:15px;line-height:2}.detail-note{margin-top:27px;padding:26px;background:var(--surface);border-left:3px solid var(--aqua)}.detail-note b{color:var(--aqua);font-size:12px;letter-spacing:.09em}.detail-note p{font-size:13px;line-height:1.9;margin-top:10px}.sidebar-sticky{position:sticky;top:103px;background:var(--surface);border:1px solid var(--line);padding:clamp(22px,2.5vw,37px)}.sidebar-title{font-size:10px;letter-spacing:.13em;color:var(--aqua)}.sidebar-sticky h3{font-size:27px;margin:25px 0 17px}.sidebar-sticky>p{font-size:13px;line-height:1.85;margin-bottom:27px}.sidebar-sticky .button{width:100%;white-space:normal}.sidebar-links{border-top:1px solid var(--line);padding-top:25px;margin-top:38px}.sidebar-links h4{font-size:12px;margin-bottom:15px}.sidebar-links a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;font-size:12px;line-height:1.45;border-bottom:1px solid var(--line)}.sidebar-links svg{width:15px;color:var(--aqua)}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.story-text p{font-size:16px;line-height:2;margin-bottom:24px}.about-image-wide{height:clamp(320px,45vw,610px);margin:65px 0;overflow:hidden}.about-image-wide img{width:100%;height:100%;object-fit:cover}.value-card>span{font:10px monospace;color:var(--aqua)}.value-card h3{margin-top:40px}.article-layout{display:grid;grid-template-columns:1.55fr .65fr;gap:7vw}.article-section{margin-top:49px;padding-top:35px;border-top:1px solid var(--line)}.article-section>span{font:11px monospace;color:var(--aqua)}.article-section h2{font-size:clamp(28px,3vw,45px);margin:20px 0}.article-section p{font-size:17px;line-height:2}.reference-note{border-left:2px solid var(--copper);background:var(--surface);padding:25px;margin-top:50px}.reference-note strong{font-size:10px;letter-spacing:.12em;color:var(--copper)}.reference-note p{font-size:12px;line-height:1.9;margin-top:15px}.article-aside img{height:365px;width:100%;object-fit:cover}.article-aside .button{margin-top:20px;width:100%}.legal-content{max-width:900px}.legal-content h2{font-size:clamp(37px,4vw,58px);margin:20px 0 46px}.legal-content>p{font-size:17px;line-height:2;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw}.contact-big>.heading-lg{margin:20px 0}.contact-big>p{font-size:15px;max-width:550px}.contact-rows{margin-top:43px}.contact-rows a{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.contact-rows svg{color:var(--aqua);width:24px}.contact-rows span{display:grid;color:var(--muted);font-size:12px}.contact-rows b{color:var(--text);font-size:17px;overflow-wrap:anywhere}.contact-panel{background:linear-gradient(145deg,#0b3842,#0a242e);padding:clamp(30px,4vw,67px);min-height:490px;color:#ecfaf5;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.contact-panel-waves{width:120px;height:120px;border:1px solid #8cdad566;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 27px #77d5d511}.contact-panel-waves svg{width:60px;height:60px;color:#97e4e0}.contact-panel h3{font-size:clamp(31px,3vw,48px);margin:58px 0 17px}.contact-panel p{color:#b9d8d5;margin-bottom:25px}.contact-panel .text-action{margin-top:23px}
/* Footers, dialogs, floating buttons */
.footer{background:#051923;color:#ebf7f3;border-top:1px solid #abcaca22;padding-top:80px}.footer-top{display:grid;grid-template-columns:1.75fr repeat(3,1fr);gap:clamp(23px,3vw,60px);padding-bottom:70px}.footer-identity .logo-symbol{color:#f1f8f6;width:61px;height:61px}.footer-identity h2{font-size:44px;letter-spacing:.13em;margin-top:20px}.footer-identity p{margin-top:12px;font-size:13px;color:#b6ccca}.footer-grid-mark{display:block;margin-top:50px;font:10px monospace;letter-spacing:.27em;color:#719294}.footer-column h3{font-size:11px;color:#8adecf;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px}.footer-column a{display:block;color:#a9c3c4;font-size:12px;line-height:1.75;margin-bottom:11px;overflow-wrap:anywhere}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;border-top:1px solid #94babb2e;color:#8dadae;font-size:11px}.legal-links{display:flex;gap:19px;flex-wrap:wrap}.legal-links a:hover{color:#8ce2d8}.whatsapp-float,.backtop{position:fixed;z-index:80;bottom:25px;right:27px;width:53px;height:53px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff44;box-shadow:0 12px 25px #0004;transition:transform .25s}.whatsapp-float{background:#17a768;color:#fff}.whatsapp-float svg{width:29px;height:29px}.whatsapp-float span{position:absolute;right:0;top:0;width:10px;height:10px;border-radius:50%;background:#d9ffe7}.backtop{right:91px;background:#16404b;color:#fff;opacity:0;visibility:hidden;transform:translateY(12px)}.backtop.visible{opacity:1;visibility:visible;transform:none}.whatsapp-float:hover,.backtop:hover{transform:translateY(-5px)}.cookie-banner{position:fixed;z-index:200;bottom:22px;left:22px;background:#edf6f2;color:#0c3038;border:1px solid #c7d7d1;box-shadow:0 20px 60px #0007;border-radius:6px;padding:19px 23px;max-width:560px;width:calc(100% - 44px);display:flex;align-items:center;gap:20px}.cookie-banner[hidden]{display:none}.cookie-copy{flex:1}.cookie-copy b{font-size:13px}.cookie-copy p{font-size:11px;margin-top:5px;line-height:1.6;color:#42616b}.cookie-actions{display:grid;gap:8px}.cookie-actions a{font-size:10px;text-decoration:underline}.cookie-actions button{border:0;background:#12404b;color:white;padding:10px;font-size:11px}.lightbox{position:fixed;inset:0;z-index:200;background:#030d14f2;display:none;align-items:center;justify-content:center;padding:7vw}.lightbox.open{display:flex}.lightbox>img{max-height:83vh;max-width:100%;object-fit:contain}.lightbox button{position:absolute;right:22px;top:22px;width:45px;height:45px;border:1px solid #c4d9d8;color:#fff;background:transparent;border-radius:50%;font-size:27px}.lightbox-caption{position:absolute;bottom:22px;left:22px;color:#eef8f5;font-size:12px}.reveal{opacity:0;transform:translate3d(0,25px,0);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
@keyframes photobreath{to{transform:scale(1.085) translateX(-1%)}}@keyframes airdash{to{stroke-dashoffset:-330}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
/* Arabic layout */
[dir=rtl] .hero-photo-screen{background:linear-gradient(270deg,#071b27 0%,#071b27f2 42%,#071b276a 100%)}[dir=rtl] .flow-waves{right:auto;left:-10%;transform:scaleX(-1)}[dir=rtl] .aside-tag{right:auto;left:0;border-left:0;border-right:2px solid #9be8e0;padding-left:0;padding-right:17px}[dir=rtl] .hero-coordinate{text-align:left}[dir=rtl] .card-index{left:auto;right:18px}[dir=rtl] .round-arrow{right:auto;left:20px}[dir=rtl] .service-card p{padding-right:0;padding-left:22px}[dir=rtl] .industry-tile>svg{right:auto;left:25px}[dir=rtl] .project-tile div span{right:auto;left:22px}[dir=rtl] .journal-card-photo span{left:auto;right:15px}[dir=rtl] .detail-note,[dir=rtl] .reference-note{border-left:0;border-right:3px solid var(--aqua)}[dir=rtl] .whatsapp-float{right:auto;left:27px}[dir=rtl] .backtop{right:auto;left:91px}[dir=rtl] .cookie-banner{left:auto;right:22px}[dir=rtl] .lang-list{right:auto;left:0}[dir=rtl] .mobile-nav{right:auto;left:0;transform:translateX(-102%)}[dir=rtl] .mobile-nav.open{transform:translateX(0)}[dir=rtl] .inner-hero-drawing{right:auto;left:-10%}
@media(max-width:1300px){.brand{min-width:193px}.desktop-nav{gap:12px}.header-quote{padding:12px 10px;gap:8px}}
@media(max-width:1110px){.desktop-nav,.header-quote{display:none}.menu-button{display:grid}.mobile-nav{display:block}.hero-layout{grid-template-columns:1.35fr .65fr}.journal-card{grid-template-columns:1fr}.journal-card-photo{height:235px;min-height:0}}
@media(max-width:820px){.utility{height:32px}.site-header{height:73px}.site-header.stuck{height:69px}.brand{min-width:0}.brand-text strong{font-size:19px}.brand .logo-symbol{width:44px;height:44px}.hero-layout{grid-template-columns:1fr;min-height:630px}.hero-visual-aside{display:none}.hero h1{font-size:clamp(47px,8vw,74px)}.hero-photo-screen{background:linear-gradient(90deg,#071b27f5,#071b27a5)}.hero-bottom{grid-template-columns:repeat(3,1fr)}.hero-coordinate{display:none}.section-head{grid-template-columns:1fr;gap:15px}.section-head>p{justify-self:start}.service-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.engineering-bottom{grid-template-columns:1fr}.engineering-diagram{margin:auto;max-width:350px}.industry-grid,.steps-grid,.values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-grid{grid-template-columns:1fr}.journal-card{grid-template-columns:1fr 1fr}.home-about{grid-template-columns:1fr}.home-about-photo{height:340px}.cta-grid{grid-template-columns:1fr 2fr}.cta-actions{grid-column:2}.detail-layout,.article-layout,.contact-layout{grid-template-columns:1fr}.detail-sidebar{order:-1}.sidebar-sticky{position:static}.sidebar-links{display:none}.about-story{grid-template-columns:1fr}.footer-top{grid-template-columns:repeat(3,1fr)}.footer-identity{grid-column:1/-1}.footer-grid-mark{margin-top:20px}.inner-hero{min-height:400px}}
@media(max-width:560px){:root{--gutter:20px}.utility a{display:none}.utility-inner>span{letter-spacing:.08em;font-size:9px}.site-header{height:68px}.brand{gap:7px}.brand .logo-symbol{width:39px;height:39px}.brand-text strong{font-size:17px}.brand-text small{font-size:6px;letter-spacing:.15em}.header-controls{gap:5px}.icon-button{width:36px;height:36px}.lang-select summary{padding:7px 5px;gap:4px}.lang-select summary img{width:17px}.lang-select summary svg{display:none}.lang-select summary span{font-size:10px}.lang-list{min-width:182px}.hero{min-height:690px}.hero-layout{min-height:590px;padding-block:65px 50px}.hero h1{font-size:clamp(42px,11.3vw,64px);margin:23px 0}.hero-content>p{font-size:13px}.hero-actions{gap:17px}.button{min-height:46px;padding:12px 16px;font-size:11px}.flow-waves{width:140%;right:-45%}.hero-bottom{gap:9px;padding-bottom:19px}.hero-bottom>div{display:block}.hero-bottom span{font-size:9px}.hero-bottom p{font-size:10px}.section{padding-block:70px}.section-head{margin-bottom:31px}.heading-lg,.section-head h2{font-size:clamp(34px,8.7vw,47px)}.section-head>p{font-size:13px}.service-grid,.project-grid,.steps-grid,.industry-grid,.values-grid{grid-template-columns:1fr}.service-card-image{height:220px}.service-card-content{min-height:187px;padding:25px}.service-card p{padding-bottom:25px}.project-tile{height:300px}.physics-grid{grid-template-columns:1fr}.physics-card{min-height:0;padding:20px}.physics-icon{margin-bottom:8px}.physics-card strong{margin-top:10px}.industry-tile{min-height:186px}.industry-tile h3{margin-top:45px}.journal-card{grid-template-columns:1fr}.journal-card-photo{height:220px}.journal-card>div:last-child{padding:25px}.home-about-photo{height:250px}.home-about-copy{padding:45px 24px}.home-about-copy h2{font-size:37px}.cta-grid{grid-template-columns:1fr;padding:34px 24px}.cta-orbit{width:80px}.cta-actions{grid-column:auto}.cta-copy h2{font-size:35px}.inner-hero{min-height:345px}.inner-hero-content{padding-block:65px 40px}.inner-hero h1{font-size:clamp(40px,10vw,57px)}.inner-hero p{font-size:13px}.breadcrumb{margin-top:30px;flex-wrap:wrap}.scope-list{grid-template-columns:1fr}.article-section p,.story-text p{font-size:14px}.detail-photo{height:300px}.footer{padding-top:53px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-column:last-child{grid-column:1/-1}.footer-identity h2{font-size:35px}.footer-bottom{display:block}.legal-links{margin-top:16px;gap:15px}.whatsapp-float{width:49px;height:49px;right:17px;bottom:17px}.backtop{width:44px;height:44px;right:75px;bottom:20px}.cookie-banner{bottom:77px;left:12px;width:calc(100% - 24px);padding:15px;gap:8px}.cookie-copy p{font-size:10px}.cookie-actions button{padding:8px}.contact-panel{min-height:410px}.contact-rows b{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Component gallery */
.product-section{padding-block:clamp(65px,8vw,115px);background:var(--surface);border-block:1px solid var(--line)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product-tile{display:block;background:var(--bg);border:1px solid var(--line);position:relative;padding-bottom:26px;transition:transform .3s,border-color .3s}.product-tile:hover{transform:translateY(-6px);border-color:var(--aqua)}.product-tile>div{height:225px;overflow:hidden;background:var(--surface2)}.product-tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.product-tile:hover img{transform:scale(1.07)}.product-tile h3{font-size:18px;margin:24px 24px 0;padding-inline-end:22px}.product-tile>span{position:absolute;bottom:25px;right:16px;color:var(--aqua)}.product-tile svg{width:17px}[data-theme=light] .button-primary,[data-theme=light] .header-quote{color:white}[data-theme=light] .marquee{color:white}
@media(max-width:820px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-tile>div{height:140px}.product-tile h3{font-size:14px;margin:14px 12px 0}.product-tile>span{right:10px;bottom:13px}.product-tile{padding-bottom:18px}}
/* BACACI V5 — optical design systems / component detail / accessible navigation */
:root{--shadow-soft:0 15px 50px rgb(5 31 39 / .08);--shadow-strong:0 30px 80px rgb(0 0 0 / .44)}
:root[data-theme=light]{color-scheme:light;--bg:#f9fcfa;--surface:#eef6f3;--surface2:#e2efeb;--line:#d5e4e0;--text:#15343e;--muted:#567078;--aqua:#0e7179;--copper:#856e51}
:root[data-theme=dark]{color-scheme:dark;--bg:#050c12;--surface:#0c1a23;--surface2:#122631;--line:#263c44;--text:#f0f7f8;--muted:#aec3c8;--aqua:#8fe5df;--copper:#cab08a}
body{background:var(--bg);color:var(--text)}
.site-header{isolation:isolate}.desktop-nav{align-self:stretch}.desktop-nav>a{display:flex;align-items:center}
.mega-host{display:flex;align-items:center;height:100%}.mega-toggle{border:0;background:none;color:var(--text);display:flex;gap:5px;align-items:center;padding:16px 1px;font-weight:750;font-size:12px;white-space:nowrap}.mega-toggle svg{width:14px;height:14px;transition:transform .23s}.mega-host:hover .mega-toggle svg,.mega-host.is-open .mega-toggle svg{transform:rotate(180deg)}
.mega-panel{position:absolute;top:100%;left:0;right:0;width:100%;max-height:min(690px,calc(100dvh - 105px));overflow-y:auto;background:var(--bg);border-block:1px solid var(--line);box-shadow:0 25px 40px #0004;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:transform .22s,opacity .2s;z-index:30}
.mega-host.is-open .mega-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.mega-grid{display:grid;grid-template-columns:minmax(190px,.92fr) minmax(320px,2.0fr) minmax(210px,1fr);gap:clamp(17px,2.1vw,35px);width:min(calc(100% - 2*var(--gutter)),var(--max));margin:auto;padding:25px 0 32px;align-items:stretch}
.mega-feature{position:relative;min-height:315px;overflow:hidden;background:var(--surface);isolation:isolate}.mega-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#03141fe8 0%,#04172480 55%,transparent);z-index:0}.mega-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mega-feature>div{position:absolute;bottom:20px;left:20px;right:20px;z-index:2;color:white}.mega-feature h3{font-size:clamp(19px,2vw,29px);margin:10px 0 18px;line-height:1.12}.mega-feature a{display:inline-block;font-size:12px;font-weight:800;color:#b0fff6}.mega-feature .eyebrow{color:#a8eee9}
.mega-group{min-width:0}.mega-group h4{font-size:11px;letter-spacing:.15em;color:var(--aqua);margin:2px 0 17px;text-transform:uppercase}.mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mega-components .mega-links{grid-template-columns:1fr}.mega-link{display:flex;align-items:center;gap:10px;min-width:0;background:var(--surface);border:1px solid var(--line);padding:7px;min-height:68px;transition:background .2s,border-color .2s}.mega-link:hover{background:var(--surface2);border-color:var(--aqua)}.mega-link img{width:58px;height:52px;object-fit:cover;flex:none}.mega-link>span:nth-child(2){font-size:11px;font-weight:750;line-height:1.32;flex:1;min-width:0;overflow-wrap:anywhere}.mega-arr{color:var(--aqua);font-size:18px;margin-inline-end:5px}.mega-compact{min-height:68px}.mega-compact img{width:55px;height:50px}
.mobile-solutions{border-bottom:1px solid var(--line)}.mobile-solutions summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:clamp(22px,6vw,32px);font-weight:750;padding:10px 0;cursor:pointer}.mobile-solutions summary::-webkit-details-marker{display:none}.mobile-solutions summary span{font-size:22px;color:var(--aqua);transition:transform .2s}.mobile-solutions[open] summary span{transform:rotate(180deg)}.mobile-solution-items{display:grid;grid-template-columns:1fr;gap:5px;padding:7px 0 22px}.mobile-solution-items>b{font-size:11px;color:var(--aqua);margin-top:14px;letter-spacing:.04em}.mobile-nav nav .mobile-solution-link{display:flex;font-size:13px;font-weight:650;border:1px solid var(--line);padding:7px;min-height:49px;background:var(--bg);align-items:center;gap:10px;line-height:1.3}.mobile-solution-link img{width:44px;height:39px;object-fit:cover;flex:none}.mobile-solution-link span:nth-child(2){flex:1}.mobile-solution-link .mega-arr{font-size:15px}
/* Distinct theme systems: pastel paper-and-air / ink-and-metal */
[data-theme=light] .utility{background:#eef5f2;color:#4e6571;border-bottom:1px solid var(--line)}
[data-theme=light] .status-dot{background:#1f9f9c;box-shadow:0 0 0 4px #2ca59d1c}
[data-theme=light] .site-header{background:rgb(251 254 252 / .96);border-color:var(--line)}
[data-theme=light] .site-header.stuck{box-shadow:0 10px 35px #17454c11}
[data-theme=light] .mega-panel{box-shadow:var(--shadow-soft)}
[data-theme=light] .hero{background:#eff7f4;color:var(--text)}
[data-theme=light] .hero-photo{opacity:.16;filter:saturate(.66)}
[data-theme=light] .hero-photo-screen{background:linear-gradient(90deg,#f6fbf8 0%,#f6fbf8f2 53%,#f6fbf8a9 100%)}
[data-theme=light] .hero h1 em{color:#0c8183}
[data-theme=light] .hero-content>p{color:#426674}
[data-theme=light] .hero-bottom{border-color:#91c3bc4e}
[data-theme=light] .hero-bottom span{color:#628789}
[data-theme=light] .hero-bottom p{color:#29434c}
[data-theme=light] .aside-tag{border-color:#159b9e}
[data-theme=light] .aside-tag small{color:#476c73}
[data-theme=light] .aside-tag strong span{color:#117a7a}
[data-theme=light] .marquee{background:#d8f0e9;color:#1e6164}
[data-theme=light] .engineering-band,[data-theme=light] .method-section,[data-theme=light] .product-section{background:#eef6f3}
[data-theme=light] .service-card,[data-theme=light] .industry-tile,[data-theme=light] .step-card,[data-theme=light] .value-card,[data-theme=light] .product-tile{box-shadow:var(--shadow-soft)}
[data-theme=light] .cta-block{background:linear-gradient(125deg,#deeee7,#d1e5de);color:#153640}
[data-theme=light] .cta-copy p{color:#537077}
[data-theme=light] .cta-orbit{border-color:#2a9b9277;box-shadow:0 0 0 25px #3b9d8b10}
[data-theme=light] .inner-hero{background:#e9f3ef;color:#173843}
[data-theme=light] .inner-hero-photo{opacity:.10;filter:saturate(.5)}
[data-theme=light] .inner-hero p{color:#526d74}
[data-theme=light] .inner-hero-drawing{border-color:#3f9e9963;box-shadow:0 0 0 100px #3f9e9910,0 0 0 200px #3f9e9908}
[data-theme=light] .contact-panel{background:linear-gradient(150deg,#e2f0ea,#d3e8e1);color:#183c43}
[data-theme=light] .contact-panel p{color:#536f73}
[data-theme=light] .contact-panel-waves{border-color:#16847c79}
[data-theme=light] .contact-panel-waves svg{color:#116c69}
[data-theme=light] .footer{background:#e8f1ed;color:#143640;border-color:#c9dcd5}
[data-theme=light] .footer-identity .logo-symbol{color:#153c47}
[data-theme=light] .footer-identity p{color:#536e73}
[data-theme=light] .footer-grid-mark{color:#6c8e8d}
[data-theme=light] .footer-column h3{color:#146c70}
[data-theme=light] .footer-column a{color:#40636a}
[data-theme=light] .footer-bottom{border-color:#bad1cb;color:#587b80}
[data-theme=light] .legal-links a:hover{color:#06747c}
[data-theme=light] .button-primary,[data-theme=light] .header-quote{background:#0d7478;color:#fff}
[data-theme=light] .button-primary:hover,[data-theme=light] .header-quote:hover{background:#096267}
[data-theme=light] .button-ghost{border-color:#539994;color:#15555b;background:#ffffff77}
[data-theme=light] .cookie-banner{background:#fff;color:#133540;border-color:#c7ddd6;box-shadow:0 16px 45px #123e4b20}
[data-theme=light] .backtop{background:#d7ebe5;color:#134049;border:1px solid #b0d4cf}
[data-theme=light] .engineering-diagram .diagram-circles{opacity:.84}
[data-theme=dark] .utility{background:#030a10;color:#9eb6bc}
[data-theme=dark] .site-header{background:rgb(5 12 18 / .97);border-color:#233942}
[data-theme=dark] .hero{background:#030b12;color:#effafb}
[data-theme=dark] .hero-photo{opacity:.55;filter:saturate(.8)}
[data-theme=dark] .hero-photo-screen{background:linear-gradient(90deg,#030b13 0%,#04121bed 49%,#030b1344 100%)}
[data-theme=dark] .inner-hero{background:#06131d;color:#f0fafb}
[data-theme=dark] .inner-hero-photo{opacity:.48}
[data-theme=dark] .engineering-band,[data-theme=dark] .method-section,[data-theme=dark] .product-section{background:#08141e}
[data-theme=dark] .cta-block{background:linear-gradient(125deg,#061b25,#06121c)}
[data-theme=dark] .footer{background:#03090f;color:#eff8f9}
[data-theme=dark] .service-card,[data-theme=dark] .product-tile{box-shadow:var(--shadow-strong)}
/* Fullscreen gallery: natural image proportions, distinct close area and no forced crop */
.lightbox{position:fixed;z-index:3000;inset:0;padding:clamp(8px,1.4vw,22px);background:rgb(2 8 13 / .94);align-items:center;justify-content:center;overscroll-behavior:contain;backdrop-filter:blur(12px)}
.lightbox.open{display:flex}
.lightbox-dialog{position:relative;width:min(1250px,100%);height:min(960px,calc(100dvh - 24px));display:grid;grid-template-rows:52px minmax(0,1fr) auto;background:#08151c;border:1px solid #49656a;border-radius:10px;overflow:hidden;box-shadow:0 30px 90px #000a;min-width:0}
.lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 13px 0 22px;color:#cee8e9;border-bottom:1px solid #28444b;min-width:0}
.lightbox-top span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;min-width:0}
.lightbox .lightbox-close{position:static;width:39px;height:39px;display:grid;place-items:center;border:1px solid #547179;border-radius:7px;line-height:1;font-size:27px;color:#ecf8f8;background:#152c34;flex:none;z-index:2}
.lightbox .lightbox-close:hover{background:#30515b}
.lightbox-stage{min-width:0;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:14px 55px 7px;background:#061016;overflow:hidden}
.lightbox-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 10px 50px #0007}
.lightbox .lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:35px;height:52px;background:#19303a;color:white;border:1px solid #4e717c;border-radius:5px;display:grid;place-items:center;font-size:29px}
.lightbox .lightbox-prev{left:9px;right:auto}.lightbox .lightbox-next{right:9px;left:auto}
.lightbox .lightbox-nav:hover{background:#2e5965}
.lightbox .lightbox-caption{position:static;display:block;margin:0;background:#091c26;color:#d5e8ea;font-size:12px;line-height:1.5;padding:13px 22px;min-height:45px;max-height:90px;overflow:auto}
.lightbox-fallback{font-size:14px;color:white}
/* 36 standalone engineering component detail pages */
.component-hero{position:relative;background:var(--surface);overflow:hidden;border-bottom:1px solid var(--line)}
.component-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;min-height:560px;gap:clamp(25px,4vw,75px)}
.component-hero-copy{display:flex;flex-direction:column;justify-content:center;padding-block:75px;min-width:0}
.component-hero h1{font-size:clamp(43px,5.5vw,83px);font-weight:760;line-height:1.05;margin:20px 0 26px;overflow-wrap:anywhere;max-width:780px}
.component-lead{font-size:clamp(15px,1.5vw,19px);line-height:1.85;max-width:650px}
.component-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:31px}.component-back{font-size:12px;font-weight:800;color:var(--aqua);line-height:1.5}
.component-hero-media{position:relative;min-height:400px;overflow:hidden}
.component-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.component-hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071a2a88,transparent 45%);pointer-events:none}
.media-stamp{position:absolute;bottom:24px;left:24px;z-index:2;background:#061d28dd;border:1px solid #ffffff57;color:#f6ffff;padding:11px 15px;font-size:11px;letter-spacing:.08em}
.component-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:clamp(30px,7vw,120px);padding-block:35px;align-items:start}
.component-editorial>.component-checks{border:1px solid var(--line);padding:clamp(20px,3vw,45px);background:var(--surface)}
.component-editorial h2{margin:20px 0 28px}.component-editorial p{font-size:15px;line-height:2;margin:0 0 23px;max-width:730px}
.component-checks h3{font-size:clamp(24px,2.8vw,36px);margin:15px 0 28px}.component-checks ul{list-style:none;margin:0;padding:0}.component-checks li{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding:17px 0;font-size:14px;font-weight:700;line-height:1.5}.component-checks li span{color:var(--aqua)}
.component-mini-photo{margin-top:26px;height:210px;overflow:hidden}.component-mini-photo img{width:100%;height:100%;object-fit:cover}
.component-related-section{background:var(--surface);border-block:1px solid var(--line);padding-block:clamp(55px,7vw,100px)}
.product-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product-related-tile{display:grid;grid-template-columns:97px minmax(0,1fr) auto;align-items:center;gap:15px;padding:10px;background:var(--bg);border:1px solid var(--line);font-size:13px;font-weight:800;min-width:0}.product-related-tile:hover{border-color:var(--aqua)}.product-related-tile img{width:97px;height:90px;object-fit:cover}.product-related-tile>span:nth-child(2){overflow-wrap:anywhere}.product-related-tile>span:last-child{color:var(--aqua);font-size:21px}
.component-cta{margin-block:clamp(45px,6vw,90px);background:var(--surface);border:1px solid var(--line);padding:clamp(27px,4vw,55px);display:flex;gap:30px;justify-content:space-between;align-items:center}.component-cta h2{font-size:clamp(25px,3.2vw,42px);margin-top:14px;max-width:850px}.component-cta .button{flex:none}
[dir=rtl] body{text-align:right}[dir=rtl] .mega-grid,[dir=rtl] .component-hero-grid,[dir=rtl] .product-related-grid,[dir=rtl] .component-editorial{direction:rtl}
[dir=rtl] .mega-feature>div{left:20px;right:20px}[dir=rtl] .mega-links,[dir=rtl] .mega-link{direction:rtl}
[dir=rtl] .mega-panel{left:0;right:0}[dir=rtl] .media-stamp{left:auto;right:24px}
[dir=rtl] .hero-photo-screen{background:linear-gradient(270deg,#030b13,#030b13ec 45%,#030b136a 100%)}
[data-theme=light][dir=rtl] .hero-photo-screen{background:linear-gradient(270deg,#f7fbf9,#f6fbf8ed 55%,#f6fbf899 100%)}
[dir=rtl] .lightbox-top{padding:0 22px 0 13px}[dir=rtl] .lightbox .lightbox-prev{right:9px;left:auto}[dir=rtl] .lightbox .lightbox-next{left:9px;right:auto}
[dir=rtl] .lightbox .lightbox-caption{text-align:right}
[dir=rtl] .product-tile>span{right:auto;left:16px}
[dir=rtl] .component-back{direction:rtl}[dir=rtl] .brand-text{align-items:flex-start}[dir=rtl] .hero-content{text-align:right}
[dir=rtl] .mobile-nav{text-align:right}[dir=rtl] .mobile-nav-head{direction:rtl}
[dir=rtl] .footer-column,[dir=rtl] .footer-identity{text-align:right}
[dir=rtl] .footer-top{direction:rtl}
@media(max-width:1400px) and (min-width:1111px){.brand{min-width:180px}.desktop-nav{gap:10px}.desktop-nav>a,.mega-toggle{font-size:11px}.header-controls{gap:7px}.mega-grid{grid-template-columns:.8fr 1.9fr 1fr;gap:15px}.mega-link img{width:48px;height:50px}.mega-link{gap:7px}.mega-link>span:nth-child(2){font-size:10px}}
@media(max-width:1110px){.mega-panel{display:none}.mega-host{display:none}.desktop-nav{display:none}.component-hero-grid{min-height:430px}.component-editorial{gap:36px}.product-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-related-tile:last-child{grid-column:1/-1}}
@media(max-width:820px){.component-hero-grid{grid-template-columns:1fr;gap:0}.component-hero-copy{padding-block:56px 45px}.component-hero-media{min-height:330px}.component-editorial{grid-template-columns:1fr}.component-mini-photo{height:250px}.component-cta{flex-direction:column;align-items:flex-start}.component-cta .button{flex:none}.lightbox-stage{padding-inline:42px}}
@media(max-width:560px){html{scroll-padding-top:69px}.component-hero h1{font-size:clamp(37px,10vw,52px)}.component-hero-copy{padding-block:46px 35px}.component-lead{font-size:14px}.component-hero-media{min-height:245px}.component-editorial{padding-block:0}.component-editorial p{font-size:14px}.component-editorial>.component-checks{padding:22px}.component-mini-photo{height:185px}.product-related-grid{grid-template-columns:1fr}.product-related-tile:last-child{grid-column:auto}.product-related-tile{grid-template-columns:70px minmax(0,1fr) auto}.product-related-tile img{width:70px;height:65px}.component-cta .button{width:100%}.component-actions{gap:17px}.lightbox{padding:7px}.lightbox-dialog{height:calc(100dvh - 14px);grid-template-rows:50px minmax(0,1fr) auto}.lightbox-stage{padding:5px 31px}.lightbox .lightbox-nav{width:26px;height:49px;font-size:21px}.lightbox .lightbox-prev{left:2px}.lightbox .lightbox-next{right:2px}.lightbox .lightbox-caption{padding:10px 14px}.lightbox-top{padding-inline:11px}.mobile-solutions summary{font-size:23px}.mobile-solution-link{overflow-wrap:anywhere}.mobile-nav{padding:20px}}
@media(max-width:390px){.brand-text small{font-size:5px;letter-spacing:.07em}.brand-text strong{font-size:15px}.brand .logo-symbol{width:34px;height:34px}.header-controls{gap:3px}.header-inner{gap:4px}.product-grid{grid-template-columns:1fr}.product-tile>div{height:190px}}
@media(prefers-reduced-motion:reduce){.mega-panel{transition:none}.lightbox{backdrop-filter:none}}

/* V5 interaction refinement */
[data-theme=dark] .cookie-banner{background:#0c1b26;border-color:#30515c;color:#e7f4f5;box-shadow:0 19px 60px #000c}
[data-theme=dark] .cookie-copy p{color:#b1cacf}
[data-theme=dark] .cookie-actions button{background:#143d48;color:#e9faf9;border:1px solid #315762}
[data-theme=dark] .cookie-actions a{color:#b6dfe0}
[data-theme=dark] .mega-link{color:#e9f5f5}
[data-theme=light] .mega-link{color:#153c43}
[data-theme=dark] .mega-toggle{color:#e9f6f4}
[data-theme=light] .mega-toggle{color:#153c43}


/* ==============================================================
   BACACI V6: MOBILE-FIRST ENGINEERING UI, 2026-10-21
   Designed for 320–1110px, all 9 language variants and RTL.
   =============================================================== */
:where(.engineering-bottom,.engineering-diagram,.physics-wrap,.section-head,.hero-content,.component-hero-copy,.mobile-nav,.mobile-nav nav,.mobile-solution-link,.footer-column){min-width:0}
:where(.engineering-band,.method-section,.section,.product-section) {scroll-margin-top:110px}
/* Drawer overlay prevents the page beneath becoming an active target. */
.mobile-scrim{position:fixed;inset:0;z-index:150;background:rgba(2,16,23,.55);backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s,visibility .28s;border:0;padding:0;width:100%;height:100%;cursor:default}
.mobile-scrim.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.mobile-nav {max-height:100dvh;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(24px,env(safe-area-inset-bottom));touch-action:pan-y}
.mobile-nav-head{position:sticky;top:-1px;z-index:3;padding:6px 0 13px;background:var(--surface);border-bottom:1px solid var(--line)}
.mobile-nav-head b{font-size:clamp(22px,5vw,27px);letter-spacing:.13em;line-height:1.15}
.mobile-nav .button {display:flex;align-items:center;justify-content:space-between;gap:12px;white-space:normal}
.mobile-nav .mobile-lang .lang-item{min-width:0;min-height:36px;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-nav .mobile-lang img{object-fit:cover;flex:none}
.mobile-nav nav a, .mobile-solutions summary{overflow-wrap:break-word}
.mobile-solution-link span:nth-child(2){min-width:0;overflow-wrap:break-word}
@media(max-width:1110px){
 .mobile-nav{width:min(395px,92vw);padding-inline:clamp(17px,4.6vw,25px);padding-top:max(18px,env(safe-area-inset-top));}
 .mobile-nav nav {gap:0}
 .mobile-nav nav>a{font-size:clamp(17px,2.8vw,21px);line-height:1.35;padding:15px 0}
 .mobile-solutions summary{font-size:clamp(18px,2.8vw,22px);padding:15px 0;line-height:1.35}
 .mobile-nav-head{margin-bottom:12px}
 .mobile-lang{margin-block:19px 21px;gap:5px 6px}
 .mobile-lang .lang-item{padding:6px 4px;font-size:clamp(10px,1.1vw,11px)}
 .mobile-nav .mobile-solution-link{min-height:52px}
 .mobile-nav .mobile-solution-link img{width:50px;height:43px}
 .site-header{transition:transform .25s ease,height .2s ease}
 .site-header.mobile-hidden:not(:focus-within){transform:translateY(calc(-100% - 1px))}
 .nav-open .site-header{transform:translateY(0)!important}
 .engineering-bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;align-items:start}
 .engineering-diagram{width:min(100%,450px);max-width:450px;min-height:320px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;margin:3px auto 8px;padding:20px 15px 12px}
 .diagram-circles{height:auto;width:min(60%,228px);min-width:155px;aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center}
 .diagram-circles b{font-size:clamp(61px,12vw,95px);line-height:1}
 .diagram-circles span,.diagram-circles i{font-size:clamp(23px,5vw,29px)}
 .diagram-callout{position:static;width:100%;max-width:345px;left:auto;bottom:auto;text-align:center;margin-inline:auto;font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:clamp(10px,1.1vw,12px);line-height:1.6;letter-spacing:.09em;font-weight:700;overflow-wrap:normal;white-space:normal}
 .physics-wrap{width:100%;min-width:0}
 .physics-wrap>.eyebrow{display:block;max-width:100%;overflow-wrap:break-word;letter-spacing:.10em;line-height:1.6}
 .physics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .physics-card{min-width:0;overflow-wrap:break-word}
}
@media(max-width:820px){
 .engineering-band{padding-block:clamp(46px,8vw,70px)}
 .engineering-bottom{gap:21px}
 .engineering-diagram{min-height:260px;gap:20px;padding:6px 12px}
 .diagram-circles{width:min(58%,210px);min-width:150px}
 .diagram-callout{font-size:11px;line-height:1.65}
 .physics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .section-head>p{min-width:0}
 .hero-layout{align-items:start}
 .hero-content{width:100%}
 .hero h1{overflow-wrap:normal}
 .hero h1 span,.hero h1 em{max-width:100%;min-width:0}
 .footer-top>*{min-width:0}
 .footer-column a{overflow-wrap:anywhere}
}
@media(max-width:560px){
 :root{--gutter:clamp(17px,5vw,22px)}
 html{scroll-padding-top:78px}
 body{overflow-x:clip}
 .utility{height:29px}
 .utility-inner>span{font-size:9px;line-height:1.2}
 .site-header,.site-header.stuck{height:67px}
 .header-inner{gap:6px}
 .brand{min-width:0;gap:6px;flex:1}
 .brand .logo-symbol{width:clamp(31px,9.6vw,39px);height:clamp(31px,9.6vw,39px)}
 .brand-text{min-width:0}
 .brand-text strong{font-size:clamp(14px,4.4vw,18px)}
 .brand-text small{font-size:clamp(5px,1.5vw,6px);letter-spacing:.08em;line-height:1.4;margin-top:4px}
 .header-controls{flex:0 0 auto;gap:4px}
 .icon-button{width:clamp(34px,9vw,38px);height:clamp(34px,9vw,38px)}
 .lang-select summary{padding:6px 6px;min-height:34px}
 .lang-select summary img{width:17px;height:12px}
 .lang-select summary span{font-size:10px}
 .hero{min-height:0}
 .hero-layout{display:block;min-height:0;padding-block:clamp(46px,8.5vw,64px) 36px}
 .hero h1{font-size:clamp(32px,10vw,44px);line-height:1.10;letter-spacing:-.058em;margin:19px 0 24px;text-wrap:initial}
 .hero-content>p{font-size:clamp(12.5px,3.6vw,14px);line-height:1.85;max-width:38em}
 .hero .eyebrow{font-size:clamp(8px,2.25vw,10px);letter-spacing:.12em;line-height:1.5;max-width:100%}
 .hero-actions{margin-top:26px;display:flex;gap:10px 17px;align-items:center}
 .hero-actions .button{flex:none;max-width:100%}
 .hero-actions .text-action{font-size:12px;min-height:42px}
 .hero-bottom{gap:9px;padding-block:16px 17px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .hero-bottom>div{min-width:0}
 .hero-bottom span{font-size:9px}
 .hero-bottom p{font-size:10px;line-height:1.55;overflow-wrap:break-word}
 .hero-photo{background-position:65% center}
 .flow-waves{width:120%;right:-50%}
 .engineering-band{padding-block:48px 54px}
 .engineering-band .section-head{margin-bottom:24px}
 .engineering-band .section-head h2{font-size:clamp(29px,8.4vw,39px);line-height:1.14}
 .engineering-bottom{gap:19px}
 .engineering-diagram{width:100%;min-height:260px;margin:0 auto 8px;padding:11px 6px 6px;gap:19px}
 .diagram-circles{width:min(55vw,205px);min-width:155px;aspect-ratio:1}
 .diagram-callout{font-size:10.5px;letter-spacing:.09em;line-height:1.55;max-width:320px}
 .physics-wrap>.eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:14px}
 .physics-grid{grid-template-columns:1fr;gap:10px}
 .physics-card{padding:19px 20px;min-height:unset}
 .physics-card h3{font-size:17px;margin-bottom:8px}
 .physics-card p{font-size:13px;line-height:1.7}
 .physics-card .physics-icon{font-size:32px;margin-bottom:6px}
 .physics-card strong{font-size:11px;margin-top:12px}
 .mobile-nav{width:min(395px,93vw);padding:17px 21px max(22px,env(safe-area-inset-bottom))}
 .mobile-nav-head{padding-bottom:12px;margin-bottom:13px}
 .mobile-nav nav>a,.mobile-solutions summary{font-size:clamp(18px,5vw,21px);padding:13px 0}
 .mobile-nav nav .mobile-solution-link{font-size:13px}
 .mobile-lang{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 5px;margin-block:18px 21px}
 .mobile-lang .lang-item{font-size:10.5px;padding:5px 3px;min-height:33px}
 .mobile-lang .lang-item img{width:17px;height:13px}
 .mobile-nav .button{min-height:48px}
 .section-head h2,.heading-lg{overflow-wrap:break-word}
 .service-grid,.project-grid,.values-grid,.steps-grid,.industry-grid{min-width:0}
 .footer-bottom{line-height:1.8}
 .whatsapp-float{right:14px;bottom:max(15px,env(safe-area-inset-bottom));width:46px;height:46px}
 .backtop{right:68px;bottom:max(17px,env(safe-area-inset-bottom));width:41px;height:41px}
 .cookie-banner{bottom:max(75px,calc(env(safe-area-inset-bottom) + 72px))}
 .nav-open .cookie-banner,.nav-open .whatsapp-float,.nav-open .backtop{visibility:hidden!important;pointer-events:none!important}
}
@media(max-width:360px){
 :root{--gutter:16px}
 .header-controls{gap:2px}
 .brand-text small{font-size:5px;letter-spacing:.045em}
 .hero h1{font-size:clamp(30px,9.5vw,35px)}
 .hero-actions{gap:8px 12px}
 .hero-actions .button{padding:12px}
 .diagram-circles{width:58%;min-width:145px}
 .mobile-nav{padding-inline:15px}
 .mobile-lang .lang-item{font-size:9.5px}
}
@media(hover:none){.mobile-nav .button:hover,.mobile-nav a:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.mobile-scrim{transition:none}.site-header{transition:none}}

/* Keep notices and floating actions below the open drawer, including initial cookie state. */
.mobile-scrim{z-index:210}
.mobile-nav{z-index:211}
@media(max-width:1110px){.nav-open .cookie-banner,.nav-open .whatsapp-float,.nav-open .backtop{visibility:hidden!important;pointer-events:none!important}}

/* Drawer contact identity closes the empty bottom zone on tall phones. */
@media(max-width:1110px){
 .mobile-nav{display:flex;flex-direction:column}
 .mobile-nav nav,.mobile-nav .mobile-lang,.mobile-nav>.button{flex-shrink:0}
 .mobile-nav-contact{display:grid;gap:5px;margin-top:auto;padding-top:23px;padding-bottom:7px;font-size:12px;line-height:1.6;min-width:0}
 .mobile-nav-contact strong{font-size:10px;color:var(--aqua);letter-spacing:.12em;font-weight:800;text-transform:uppercase}
 .mobile-nav-contact a{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
 .mobile-nav-contact a:focus-visible{color:var(--aqua)}
 .mobile-nav-contact small{color:var(--muted);opacity:.75;font-size:10px;margin-top:5px}
}