/*
Theme Name: Delta Indotech
Theme URI: https://deltaindotech.com
Author: Delta Indotech Megatama
Description: Custom lightweight block theme for Delta Indotech Megatama.
Version: 1.1.2
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 8.1
Text Domain: delta-indotech
*/

:root {
  --delta-red: #e31b23;
  --delta-red-dark: #b80f16;
  --delta-black: #111111;
  --delta-dark: #171a1d;
  --delta-gray: #667085;
  --delta-light: #f4f6f8;
  --delta-border: #e5e7eb;
  --delta-white: #ffffff;
  --delta-radius: 16px;
  --delta-shadow: 0 12px 35px rgba(17,17,17,.08);
}

html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: var(--delta-black); }
* { box-sizing: border-box; }
img, video, canvas { max-width:100%; height:auto; }
a { text-decoration-thickness: 1px; text-underline-offset: 3px; }
.delta-container { width: min(1120px, calc(100% - 40px)); margin-inline: auto; }
.delta-eyebrow { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--delta-gray); }
.delta-eyebrow::before { content:""; width:38px; height:3px; background:var(--delta-red); border-radius:3px; }
.delta-heading { letter-spacing:-.04em; line-height:.98; }
.delta-red { color:var(--delta-red); }
.delta-card { border:1px solid var(--delta-border); border-radius:var(--delta-radius); background:#fff; box-shadow:var(--delta-shadow); }
.delta-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:0 20px; border-radius:999px; font-weight:800; text-decoration:none; transition:.2s ease; }
.delta-btn:hover { transform:translateY(-2px); }
.delta-btn-primary { background:var(--delta-red); color:#fff; }
.delta-btn-secondary { background:#fff; color:var(--delta-black); border:1px solid #aeb4bb; }
.delta-arrow { font-size:18px; line-height:1; }

.delta-site-header { position:sticky; top:0; z-index:100; background:rgba(255,255,255,.96); backdrop-filter:blur(12px); border-bottom:1px solid rgba(229,231,235,.75); }
.delta-header-inner { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.delta-logo { width:155px; height:auto; display:block; object-fit:contain; }
.delta-nav { display:flex; align-items:center; gap:22px; font-size:13px; font-weight:700; }
.delta-nav a { color:var(--delta-black); text-decoration:none; }
.delta-nav a:hover { color:var(--delta-red); }
.delta-header-cta { white-space:nowrap; }

.delta-hero { position:relative; overflow:hidden; min-height:525px; display:flex; align-items:center; background:linear-gradient(100deg,#fff 0%,#fff 44%,rgba(255,255,255,.75) 57%,rgba(255,255,255,.08) 78%), linear-gradient(135deg,#f8f9fa,#e7eaed); }
.delta-hero::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 75% 45%, rgba(227,27,35,.10), transparent 26%); pointer-events:none; }
.delta-hero-inner { position:relative; z-index:2; width:min(1120px,calc(100% - 40px)); margin:auto; padding:64px 0; }
.delta-hero-copy { width:min(640px,100%); }
.delta-hero h1 { font-size:clamp(42px,4.2vw,60px); margin:16px 0 18px; max-width:650px; }
.delta-hero p { font-size:16px; line-height:1.6; color:#4b5563; max-width:610px; }
.delta-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.delta-industry-strip { display:flex; flex-wrap:wrap; gap:0; margin-top:24px; font-weight:800; }
.delta-industry-strip span { padding:0 18px; border-right:1px solid #c8ccd1; }
.delta-industry-strip span:first-child { padding-left:0; }
.delta-industry-strip span:last-child { border:0; }

.delta-section { padding:76px 0; }
.delta-section-light { background:var(--delta-light); }
.delta-section-light:has(.delta-process) { background:var(--delta-light); }
.delta-technology { background:#fff; }
.delta-section-dark { background:var(--delta-dark); color:#fff; }
.delta-section-head { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:28px; }
.delta-section-head h2 { font-size:clamp(32px,3.6vw,50px); margin:12px 0 0; }
.delta-section-head p { max-width:510px; color:#667085; line-height:1.6; }
.delta-section-dark .delta-section-head p { color:#c9ced4; }

.delta-grid-6 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.delta-solution-card { overflow:hidden; }
.delta-solution-media { aspect-ratio:1.55/1; position:relative; overflow:hidden; isolation:isolate; background:#cfd4d9; background-position:center; background-size:cover; }
.delta-solution-media::before { content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(17,17,17,.08)); z-index:-1; }
.delta-solution-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(17,17,17,.24)); pointer-events:none; }
.delta-visual-label { position:absolute; left:14px; top:12px; z-index:4; font-size:9px; font-weight:900; letter-spacing:.12em; color:#fff; opacity:.9; }
.delta-solution-fleet { background:radial-gradient(circle at 30% 70%,rgba(227,27,35,.85) 0 3px,transparent 4px),linear-gradient(135deg,#23272b,#6b737b); }
.delta-solution-fleet .delta-visual-line { position:absolute; height:2px; background:#fff; opacity:.8; transform-origin:left center; }
.delta-line-a { width:74%; left:15%; top:58%; transform:rotate(-13deg); }
.delta-line-b { width:54%; left:32%; top:73%; transform:rotate(-29deg); }
.delta-visual-dot { position:absolute; width:10px; height:10px; border:2px solid #fff; border-radius:50%; background:var(--delta-red); box-shadow:0 0 0 5px rgba(227,27,35,.15); }
.delta-dot-a { left:16%; top:54%; }.delta-dot-b { right:17%; top:28%; }
.delta-solution-fuel { background:linear-gradient(145deg,#171a1d,#596168); }
.delta-fuel-tank { position:absolute; left:24%; top:30%; width:48%; height:40%; border:3px solid #fff; border-radius:12px 12px 18px 18px; opacity:.9; }
.delta-fuel-tank::after { content:""; position:absolute; left:10%; right:10%; bottom:12%; height:34%; background:linear-gradient(90deg,var(--delta-red) 0 64%,transparent 64%); border-radius:6px; }
.delta-fuel-pipe { position:absolute; width:28%; height:3px; right:10%; top:50%; background:var(--delta-red); }.delta-fuel-drop { position:absolute; width:14px; height:18px; right:7%; top:53%; border-radius:50% 50% 55% 55%; background:var(--delta-red); transform:scale(.6); }
.delta-solution-iot { background:linear-gradient(145deg,#20252a,#707980); }
.delta-iot-hub { position:absolute; left:42%; top:39%; width:22%; height:22%; border-radius:8px; background:#fff; box-shadow:0 0 0 5px rgba(227,27,35,.18); }.delta-iot-node { position:absolute; width:14px; height:14px; border-radius:50%; background:var(--delta-red); border:2px solid #fff; }.n1{left:18%;top:28%}.n2{left:22%;bottom:20%}.n3{right:16%;top:24%}.delta-iot-hub::before,.delta-iot-hub::after{content:"";position:absolute;background:var(--delta-red);height:2px;transform-origin:left}.delta-iot-hub::before{width:110px;left:-56px;top:20px;transform:rotate(-22deg)}.delta-iot-hub::after{width:105px;left:36px;top:16px;transform:rotate(-26deg)}
.delta-solution-embedded { background:linear-gradient(145deg,#16191c,#5c646b); }.delta-pcb { position:absolute; inset:23% 18%; border:2px solid #fff; border-radius:5px; opacity:.9; }.delta-pcb-chip { position:absolute; left:43%; top:40%; width:18%; height:20%; background:#111; border:2px solid var(--delta-red); border-radius:3px; }.delta-pcb-trace { position:absolute; height:2px; background:var(--delta-red); }.t1{left:24%;top:37%;width:24%}.t2{right:22%;bottom:33%;width:24%}
.delta-solution-safety { background:linear-gradient(145deg,#2b2f33,#6c747b); }.delta-safety-ring { position:absolute; width:72px;height:72px;left:calc(50% - 36px);top:calc(50% - 36px);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 12px rgba(227,27,35,.18),0 0 0 24px rgba(255,255,255,.06); }.delta-safety-core{position:absolute;left:calc(50% - 13px);top:calc(50% - 18px);width:26px;height:36px;border-radius:5px;background:var(--delta-red);color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px}.delta-safety-wave{position:absolute;border:2px solid rgba(255,255,255,.75);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(45deg)}.w1{width:110px;height:110px;left:calc(50% - 55px);top:calc(50% - 55px)}.w2{width:150px;height:150px;left:calc(50% - 75px);top:calc(50% - 75px)}

.delta-photo-fleet { background-image:linear-gradient(180deg,rgba(17,17,17,.05),rgba(17,17,17,.45)),url("assets/images/fleet.jpg"); }
.delta-photo-fuel { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(17,17,17,.42)),url("assets/images/fuel.webp"); }
.delta-photo-iot { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(17,17,17,.42)),url("assets/images/iot.webp"); }
.delta-photo-embedded { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(17,17,17,.35)),url("assets/images/embedded.jpg"); }
.delta-photo-safety { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(17,17,17,.42)),url("assets/images/safety.jpg"); }
.delta-photo-it { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(17,17,17,.42)),url("assets/images/it.webp"); }
.delta-photo-power { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(17,17,17,.42)),url("assets/images/electrical-panel.webp"); background-position:center 52%; }
.delta-photo-industry-mining { background-image:linear-gradient(180deg,rgba(17,17,17,.05),rgba(0,0,0,.72)),url("assets/images/industry-mining.jpg"); background-position:center; background-size:cover; }
.delta-photo-industry-oil { background-image:linear-gradient(180deg,rgba(17,17,17,.05),rgba(0,0,0,.72)),url("assets/images/industry-oil.jpg"); background-position:center; background-size:cover; }
.delta-photo-industry-industrial { background-image:linear-gradient(180deg,rgba(17,17,17,.05),rgba(0,0,0,.72)),url("assets/images/industry-industrial.jpg"); background-position:center; background-size:cover; }

.delta-solution-it { background:linear-gradient(145deg,#202428,#626a72); }.delta-rack{position:absolute;left:28%;top:25%;width:28%;height:52%;border:2px solid #fff;border-radius:4px}.delta-rack::before,.delta-rack::after{content:"";position:absolute;left:12%;right:12%;height:5px;background:rgba(255,255,255,.7);box-shadow:0 18px 0 rgba(255,255,255,.35),0 36px 0 rgba(227,27,35,.9)}.delta-rack::before{top:12%}.delta-rack::after{bottom:10%}.delta-router{position:absolute;right:18%;bottom:25%;width:34%;height:16%;border:2px solid #fff;border-radius:5px}.delta-network-line{position:absolute;height:2px;background:var(--delta-red);transform-origin:left}.l1{left:54%;top:43%;width:32%;transform:rotate(-22deg)}.l2{left:54%;top:57%;width:31%;transform:rotate(4deg)}.l3{left:54%;top:68%;width:31%;transform:rotate(23deg)}
.delta-solution-body { padding:18px; min-height:190px; display:flex; flex-direction:column; }
.delta-solution-body h3 { margin:0 0 8px; font-size:18px; }
.delta-solution-body p { margin:0; color:#667085; font-size:14px; line-height:1.5; }
.delta-circle-arrow { width:34px; height:34px; display:grid; place-items:center; margin-top:auto; border-radius:50%; background:var(--delta-red); color:#fff; font-weight:900; }

.delta-industry-grid { display:grid; grid-template-columns:1fr 2fr; gap:30px; align-items:center; }
.delta-industry-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.delta-industry-card { min-height:220px; display:flex; align-items:end; padding:20px; color:#fff; border-radius:14px; overflow:hidden; position:relative; background:linear-gradient(145deg,#555,#171a1d); }
.delta-industry-card::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 25%,rgba(0,0,0,.72)); }
.delta-industry-card strong { position:relative; z-index:2; font-size:19px; text-decoration:none; }
.delta-industry-card:hover { transform:translateY(-4px); }
.delta-industry-card { transition:transform .2s ease, box-shadow .2s ease; box-shadow:0 10px 28px rgba(16,24,40,.10); }
.delta-industry-card:hover { box-shadow:0 16px 34px rgba(16,24,40,.16); }

.delta-process { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; }
.delta-process-step { text-align:center; position:relative; padding:18px 8px; }
.delta-process-step:not(:last-child)::after { content:"→"; position:absolute; right:-10px; top:40px; color:#8b939d; font-size:24px; }
.delta-process-icon { width:62px; height:62px; margin:0 auto 14px; display:grid; place-items:center; border-radius:50%; background:#fff; box-shadow:var(--delta-shadow); font-size:24px; }
.delta-process-step h3 { margin:0 0 6px; font-size:16px; }
.delta-process-step p { margin:0; color:#667085; font-size:14px; line-height:1.45; }

.delta-tech-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:10px; }
.delta-tech { text-align:center; padding:12px 6px; }
.delta-tech-icon { font-size:28px; margin-bottom:10px; }
.delta-tech strong { display:block; font-size:15px; line-height:1.35; }
.delta-tech span { display:block; color:#667085; font-size:14px; line-height:1.4; margin-top:6px; }

.delta-trust-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.delta-trust { padding:24px; background:#fff; color:var(--delta-black); border-radius:14px; }
.delta-trust-icon { color:var(--delta-red); font-size:26px; }
.delta-trust h3 { margin:12px 0 8px; }
.delta-trust p { margin:0; color:#667085; line-height:1.5; font-size:14px; }

.delta-cta { position:relative; overflow:hidden; background:linear-gradient(100deg,#fff 0%,#fff 50%,#f0f2f4 100%); }
.delta-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.delta-cta h2 { font-size:clamp(36px,4.4vw,56px); margin:12px 0 14px; }
.delta-cta p { color:#667085; max-width:560px; line-height:1.6; }
.delta-cta-mark { width:240px; height:240px; border:24px solid var(--delta-red); border-left-color:transparent; border-radius:50%; transform:rotate(-25deg); opacity:.9; }

.delta-footer { background:#111416; color:#fff; padding:50px 0 20px; }
.delta-footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.2fr; gap:36px; }
.delta-footer .delta-logo { filter:none; margin-bottom:14px; width:190px; height:auto; max-height:78px; background:#fff; padding:6px 8px; border-radius:4px; object-fit:contain; object-position:left center; }
.delta-footer p, .delta-footer a { color:#b9c0c7; font-size:13px; line-height:1.6; }
.delta-footer a { text-decoration:none; }
.delta-footer h3 { font-size:14px; margin:0 0 14px; }
.delta-footer-links { display:grid; gap:7px; }
.delta-footer-bottom { border-top:1px solid #2b3035; margin-top:36px; padding-top:18px; display:flex; justify-content:space-between; gap:20px; color:#858d96; font-size:11px; }

@media (max-width: 1100px) {
  .delta-grid-6 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .delta-tech-grid { grid-template-columns:repeat(4,1fr); }
}
@media (max-width: 800px) {
  .delta-grid-6 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .delta-nav { display:none; }
  .delta-header-cta { margin-left:auto; }
  .delta-hero { min-height:500px; }
  .delta-hero h1 { font-size:48px; }
  .delta-section { padding:60px 0; }
  .delta-section-head, .delta-cta-inner { align-items:flex-start; flex-direction:column; }
  .delta-industry-grid { grid-template-columns:1fr; }
  .delta-process { grid-template-columns:repeat(3,1fr); }
  .delta-process-step:not(:last-child)::after { display:none; }
  .delta-trust-grid { grid-template-columns:repeat(2,1fr); }
  .delta-footer-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 520px) {
  .delta-container, .delta-hero-inner { width:min(100% - 28px,1180px); }
  .delta-logo { width:150px; }
  .delta-header-cta { display:none; }
  .delta-grid-6, .delta-industry-cards, .delta-process, .delta-tech-grid, .delta-trust-grid, .delta-footer-grid { grid-template-columns:1fr; }
  .delta-hero h1 { font-size:40px; }
  .delta-industry-strip span { margin:6px 0; }
  .delta-footer-bottom { flex-direction:column; }
}

/* Desktop composition follows the supplied 1920 x 1080 reference. */
.delta-hero { background-image:linear-gradient(100deg,#fff 0%,#fff 37%,rgba(255,255,255,.78) 54%,rgba(255,255,255,.08) 78%),url("assets/images/industry-mining.jpg"); background-position:center,right center; background-size:cover; }
.delta-technology .delta-tech { border-right:1px solid #d3d8de; }
.delta-technology .delta-tech:last-child { border:0; }
.delta-section-dark { background-image:linear-gradient(90deg,rgba(17,20,23,.93),rgba(17,20,23,.86)),url("assets/images/industry-mining.jpg"); background-position:center; background-size:cover; }
.delta-cta-mark { width:min(42vw,500px); height:260px; flex:none; border:36px solid var(--delta-red); border-left-color:transparent; border-radius:60% 0 0 60%; background:linear-gradient(90deg,transparent 42%,rgba(17,20,23,.3)),url("assets/images/industry-industrial.jpg") center/cover; }
@media (min-width:1200px) {
  .delta-container { width:min(1760px,calc(100% - 96px)); }
  .delta-header-inner { min-height:82px; }
  .delta-logo { width:205px; }
  .delta-nav { gap:32px; font-size:15px; }
  .delta-hero { min-height:620px; background-image:linear-gradient(90deg,#fff 0%,#fff 34%,rgba(255,255,255,.94) 43%,rgba(255,255,255,.43) 56%,rgba(255,255,255,0) 72%),url("assets/images/industry-mining.jpg"); }
  .delta-hero-inner { width:min(1760px,calc(100% - 96px)); padding:56px 0; }
  .delta-hero-copy { width:min(770px,54%); }
  .delta-hero h1 { max-width:770px; font-size:clamp(56px,4.1vw,82px); margin:22px 0 20px; }
  .delta-hero p { max-width:670px; font-size:20px; line-height:1.48; }
  .delta-hero .delta-actions { gap:20px; margin-top:30px; }
  .delta-hero .delta-btn { min-height:60px; padding-inline:34px; font-size:16px; }
  .delta-section { padding:46px 0; }
  .delta-section-head { margin-bottom:24px; }
  .delta-section-head h2 { font-size:clamp(38px,3vw,56px); }
  .delta-section-head p { font-size:14px; }
  .delta-solution-media { aspect-ratio:1.78/1; }
  .delta-solution-body { min-height:170px; padding:17px; }
  .delta-solution-body h3 { font-size:20px; }
  .delta-solution-body p { font-size:15px; }
  .delta-industry-grid { grid-template-columns:.88fr 1.62fr; gap:54px; }
  .delta-industry-card { min-height:285px; }
  .delta-process { gap:20px; }
  .delta-process-icon { width:78px; height:78px; font-size:30px; }
  .delta-process-step h3 { font-size:20px; }
  .delta-process-step p { font-size:15px; }
  .delta-tech { padding:12px 6px; }
  .delta-tech-icon { font-size:40px; }
  .delta-tech strong { font-size:16px; }
  .delta-tech span { font-size:14px; }
  .delta-trust { display:grid; grid-template-columns:58px 1fr; grid-template-rows:auto 1fr; column-gap:14px; align-items:center; padding:23px; }
  .delta-trust-icon { grid-row:span 2; font-size:34px; }
  .delta-trust h3 { margin:0 0 5px; font-size:18px; }
  .delta-trust p { font-size:15px; }
  .delta-cta { padding-block:38px; }
  .delta-cta-inner { min-height:240px; }
  .delta-cta h2 { font-size:clamp(42px,3.4vw,64px); }
  .delta-cta-mark { width:520px; height:280px; border-width:44px; }
  .delta-footer { padding:36px 0 16px; }
}
@media (max-width:800px) {
  .delta-technology .delta-tech { border:0; }
  .delta-cta-mark { display:none; }
}
@media (max-width:520px) {
}


/* Refinements from the live desktop preview. */
.delta-photo-industry-mining { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(0,0,0,.60)),url("assets/images/industry-mining.jpg") !important; }
.delta-photo-industry-oil { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(0,0,0,.60)),url("assets/images/industry-oil.jpg") !important; }
.delta-photo-industry-industrial { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(0,0,0,.60)),url("assets/images/industry-industrial.jpg") !important; }
.delta-industry-card { background-repeat:no-repeat; background-size:cover; background-position:center; }
.delta-hero { background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 32%,rgba(255,255,255,.78) 48%,rgba(255,255,255,.04) 76%),url("assets/images/fleet.jpg"); background-position:center,right center; background-size:cover; }
@media (min-width:1200px) {
 .delta-container,.delta-hero-inner { width:min(1500px,calc(100% - 120px)); }
 .delta-header-inner { min-height:68px; }
 .delta-logo { width:165px; }
 .delta-nav { gap:28px; font-size:15px; }
 .delta-hero { min-height:430px; }
 .delta-hero h1 { max-width:620px; font-size:clamp(44px,3.1vw,60px); margin:15px 0 14px; }
 .delta-hero-copy { width:min(640px,52%); }
 .delta-hero p { max-width:590px; font-size:16px; line-height:1.5; }
 .delta-hero .delta-actions { gap:12px; margin-top:20px; }
 .delta-hero .delta-btn { min-height:46px; padding-inline:24px; font-size:14px; }
 .delta-section { padding:38px 0; }
 .delta-section-head h2 { font-size:clamp(32px,2.5vw,44px); }
 .delta-section-head p { font-size:14px; }
 .delta-industry-card { min-height:210px; }
 .delta-process-icon { width:62px; height:62px; font-size:24px; }
 .delta-process-step h3 { font-size:16px; }
 .delta-process-step p { font-size:14px; }
 .delta-tech-icon { font-size:32px; }
 .delta-tech strong { font-size:14px; }
 .delta-tech span { font-size:14px; }
 .delta-cta { padding-block:28px; }
 .delta-cta-inner { min-height:180px; }
 .delta-cta h2 { font-size:clamp(38px,2.7vw,50px); }
 .delta-cta-mark { width:390px; height:210px; border-width:34px; }
}

@media (min-width:1200px) {
 .delta-industry-grid { grid-template-columns:.78fr 2.22fr; gap:42px; }
 .delta-industry-cards { gap:12px; }
 .delta-industry-card { min-height:174px; padding:16px; border-radius:8px; }
 .delta-hero { background-position:center,right 42%; }
 .delta-hero h1 { max-width:590px; }
 .delta-section-dark .delta-section-head { margin-bottom:20px; }
 .delta-trust { padding:17px; }
 .delta-cta-mark { width:340px; height:175px; }
}

/* Keep the complete brand mark visible at its natural proportions. */
.delta-header-inner .delta-logo { width:190px; margin:0; flex:none; }
.delta-header-inner .delta-logo img { display:block; width:100%; height:auto; object-fit:contain; }
.delta-footer .delta-logo { display:block; width:190px; height:auto; max-height:none; padding:0; background:transparent; object-fit:contain; }
@media (min-width:1200px) { .delta-header-inner .delta-logo { width:175px; } }

/* Consistent, crisp outline icons for the technology list. */
.delta-tech-icon { display:flex; align-items:center; justify-content:center; height:56px; margin-bottom:8px; color:#111; }
.delta-tech-icon svg { display:block; width:48px; height:48px; overflow:visible; }
.delta-tech-icon img { display:block; width:100px; height:100px; object-fit:contain; }
.delta-tech-icon svg path,.delta-tech-icon svg rect,.delta-tech-icon svg circle,.delta-tech-icon svg ellipse { fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.delta-tech:nth-child(3) .delta-tech-icon svg path:first-child { fill:none; }
@media (min-width:1200px) { .delta-tech-icon { height:72px; } .delta-tech-icon svg { width:60px; height:60px; } .delta-tech strong { font-size:16px; } .delta-tech span { font-size:13px; } }

/* Larger multicolor treatment for the technology capability icons. */
.delta-tech-icon { height:82px; }
.delta-tech-icon svg { width:68px; height:68px; object-fit:contain; stroke-width:1.9; }
.delta-tech-icon svg path,.delta-tech-icon svg rect,.delta-tech-icon svg circle,.delta-tech-icon svg ellipse { fill:none; stroke:currentColor; }
.delta-tech:nth-child(1) .delta-tech-icon { color:#2563eb; }
.delta-tech:nth-child(2) .delta-tech-icon { color:#f59e0b; }
.delta-tech:nth-child(3) .delta-tech-icon { color:#0f9d8a; }
.delta-tech:nth-child(4) .delta-tech-icon { color:#e31b23; }
.delta-tech:nth-child(5) .delta-tech-icon { color:#7c3aed; }
.delta-tech:nth-child(6) .delta-tech-icon { color:#0891b2; }
.delta-tech:nth-child(7) .delta-tech-icon { color:#f59e0b; }
.delta-tech:nth-child(8) .delta-tech-icon { color:#16a34a; }
.delta-tech:nth-child(1) .delta-tech-icon svg rect:first-child,
.delta-tech:nth-child(5) .delta-tech-icon svg rect:first-child { fill:currentColor; stroke:#fff; }
.delta-tech:nth-child(2) .delta-tech-icon svg rect { fill:rgba(245,158,11,.12); }
.delta-tech:nth-child(3) .delta-tech-icon svg path:first-child { fill:currentColor; fill-opacity:.15; }
.delta-tech:nth-child(4) .delta-tech-icon svg rect:first-child { fill:rgba(227,27,35,.12); }
.delta-tech:nth-child(6) .delta-tech-icon svg circle:first-child { fill:currentColor; stroke:#fff; }
.delta-tech:nth-child(8) .delta-tech-icon svg ellipse:first-child { fill:currentColor; stroke:#fff; }
@media (min-width:1200px) { .delta-tech-icon { height:92px; } .delta-tech-icon svg { width:76px; height:76px; } }
@media (max-width:800px) { .delta-tech-icon { height:76px; } .delta-tech-icon svg { width:62px; height:62px; } }
@media (min-width:1200px) { .delta-tech-icon { height:126px; } .delta-tech-icon img { width:114px; height:114px; } }
@media (max-width:800px) { .delta-tech-icon { height:104px; } .delta-tech-icon img { width:90px; height:90px; } }

/* Consistent process icons and clearer flow spacing. */
.delta-process-icon { color:#171a1d; width:76px; height:76px; position:relative; }
.delta-process-icon svg { display:block; width:64px; height:64px; object-fit:contain; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.delta-process-step:nth-child(6n + 1) .delta-process-icon svg { color:#2563eb; }
.delta-process-step:nth-child(6n + 2) .delta-process-icon svg { color:#f59e0b; }
.delta-process-step:nth-child(6n + 3) .delta-process-icon svg { color:#e31b23; }
.delta-process-step:nth-child(6n + 4) .delta-process-icon svg { color:#0f9d8a; }
.delta-process-step:nth-child(6n + 5) .delta-process-icon svg { color:#7c3aed; }
.delta-process-step:nth-child(6n) .delta-process-icon svg { color:#0891b2; }
.delta-process-icon svg path,.delta-process-icon svg rect,.delta-process-icon svg circle,.delta-process-icon svg ellipse { fill:none; stroke:currentColor; }
.delta-process-step:nth-child(6n + 1) .delta-process-icon svg path:first-child { stroke-width:2.8; }
.delta-process-step:nth-child(6n + 2) .delta-process-icon svg rect { stroke-width:2.8; }
.delta-process-step:nth-child(6n + 3) .delta-process-icon svg circle { fill:currentColor; stroke:#fff; }
.delta-process-step:nth-child(6n + 4) .delta-process-icon svg circle { fill:currentColor; stroke:#fff; }
.delta-process-step:nth-child(6n + 5) .delta-process-icon svg ellipse { fill:currentColor; stroke:#fff; }
.delta-process-icon .delta-process-source { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.delta-process-step:not(:last-child)::after { top:39px; right:-12px; color:#687482; font-size:25px; }
@media (min-width:1200px) { .delta-process { gap:12px; } .delta-process-icon { width:94px; height:94px; } .delta-process-icon svg { width:78px; height:78px; } .delta-process-step { padding-inline:12px; } .delta-process-step:not(:last-child)::after { right:-11px; top:50px; } }
@media (max-width:800px) { .delta-process-icon { width:78px; height:78px; } .delta-process-icon svg { width:64px; height:64px; } }


/* Use clear, subject-specific photography throughout the home page. */
.delta-photo-fleet { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(17,17,17,.38)),url("assets/images/mining-haul-truck.webp") !important; }
.delta-photo-fuel { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(17,17,17,.42)),url("assets/images/mining-refueling.webp") !important; }
.delta-photo-iot { background-image:linear-gradient(180deg,rgba(17,17,17,.03),rgba(17,17,17,.36)),url("assets/images/machine-sensors.webp") !important; }
.delta-photo-embedded { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(17,17,17,.26)),url("assets/images/embedded-pcb.webp") !important; }
.delta-photo-safety { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(17,17,17,.42)),url("assets/images/site-camera.webp") !important; }
.delta-photo-it { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(17,17,17,.40)),url("assets/images/data-center.webp") !important; }
.delta-photo-power { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(17,17,17,.42)),url("assets/images/electrical-panel.webp") !important; background-position:center 52%; }
.delta-photo-industry-mining { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(0,0,0,.62)),url("assets/images/mining-haul-truck.webp") !important; }
.delta-photo-industry-oil { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(0,0,0,.58)),url("assets/images/oil-refinery.webp") !important; }
.delta-photo-industry-industrial { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(0,0,0,.58)),url("assets/images/industrial-factory.webp") !important; }
.delta-industry-card { isolation:isolate; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease,background-size .35s ease; }
.delta-industry-cards .delta-industry-card { min-height:230px; }
.delta-industry-card::after { background:linear-gradient(transparent 38%,rgba(0,0,0,.48)); }
.delta-photo-industry-mining { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(0,0,0,.46)),url("assets/images/mining-haul-truck.webp") !important; }
.delta-industry-card strong { text-decoration:none; }
.delta-industry-card strong::after { content:none; }
.delta-industry-card:hover { background-size:106% 106%; }
@media (prefers-reduced-motion:reduce) {
 .delta-industry-card,.delta-industry-card strong::after { transition:none; }
}
@media (max-width:800px) {
 .delta-industry-cards .delta-industry-card { min-height:180px; }
}
.delta-industry-card,.delta-solution-media { background-repeat:no-repeat; background-size:cover; }
.delta-hero { background:#eef0f2 !important; }
.delta-hero::before { content:"";position:absolute;z-index:0;inset:0 0 0 39%;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.86) 12%,rgba(255,255,255,.05) 42%),url("assets/images/mining-haul-truck.webp") center 54%/cover no-repeat; }
.delta-hero::after { background:linear-gradient(0deg,rgba(255,255,255,.16),transparent 30%); }
.delta-hero-inner { z-index:2; }
.delta-section-dark { background-image:linear-gradient(90deg,rgba(17,20,23,.94),rgba(17,20,23,.82)),url("assets/images/industrial-factory.webp") !important; }
.delta-cta-mark { background:linear-gradient(90deg,rgba(17,20,23,.10),rgba(17,20,23,.22)),url("assets/images/mining-refueling.webp") center/cover !important; }
@media (min-width:1200px) {
 .delta-hero::before { left:40%; background-position:center 56%; }
}
@media (max-width:800px) {
 .delta-hero::before { left:15%; opacity:.36; }
}


/* One continuous panoramic hero image, with a calm copy area at left. */
.delta-hero { background:#f4f6f8 !important; }
.delta-hero::before {
  content:""; position:absolute; z-index:0; inset:0;
  background-image:linear-gradient(90deg,#f4f6f8 0%,rgba(244,246,248,.98) 23%,rgba(244,246,248,.84) 39%,rgba(244,246,248,.20) 62%,rgba(244,246,248,0) 80%),url("assets/images/industrial-hero.webp");
  background-position:center,right center; background-size:100% 100%,cover; background-repeat:no-repeat;
}
.delta-hero::after { background:linear-gradient(0deg,rgba(17,20,23,.12),transparent 26%); }
.delta-hero-inner { z-index:2; }
.delta-section-dark { background-image:linear-gradient(90deg,rgba(17,20,23,.94),rgba(17,20,23,.82)),url("assets/images/industrial-factory.webp") !important; }

/* Tablet navigation uses WordPress' accessible overlay menu. */
@media (max-width:900px) {
  .delta-container,.delta-hero-inner { width:min(100% - 48px,760px); }
  .delta-header-inner { min-height:72px; gap:16px; }
  .delta-header-inner .delta-logo { width:150px; }
  .delta-nav { display:flex !important; margin-left:auto; }
  .delta-nav .wp-block-navigation__responsive-container-open { display:flex !important; }
  .delta-nav .wp-block-navigation__responsive-container:not(.is-menu-open) { display:none !important; }
  .delta-header-cta { margin-left:0; }
  .delta-hero { min-height:0; display:block; padding-top:300px; }
  .delta-hero::before { inset:0 0 auto; height:300px; background-image:linear-gradient(0deg,#f4f6f8 0%,rgba(244,246,248,.10) 38%,rgba(244,246,248,0) 100%),url("assets/images/industrial-hero.webp"); background-position:center,right center; background-size:100% 100%,cover; }
  .delta-hero-copy { width:100%; }
  .delta-hero-inner { padding:24px 0 36px; }
  .delta-hero h1 { font-size:clamp(42px,6vw,56px); }
  .delta-section { padding:44px 0; }
  .delta-section-head { gap:14px; }
  .delta-section-head h2 { font-size:clamp(30px,4.5vw,40px); }
  .delta-grid-6 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .delta-process { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
  .delta-process-step:not(:last-child)::after { display:none; }
  .delta-tech-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .delta-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Phone layout: photo becomes a banner above the copy, with no text over busy detail. */
@media (max-width:600px) {
  .delta-container,.delta-hero-inner { width:calc(100% - 32px); }
  .delta-header-inner { min-height:64px; gap:10px; }
  .delta-header-inner .delta-logo { width:126px; }
  .delta-header-cta { display:none; }
  .delta-nav { flex:none; }
  .delta-nav .wp-block-navigation__responsive-container-open { padding:8px; }
  .delta-hero { min-height:0; display:block; padding-top:0; }
  .delta-hero::before {
    inset:0 0 auto; height:220px; opacity:1;
    background-image:linear-gradient(0deg,#f4f6f8 0%,rgba(244,246,248,.10) 48%,rgba(244,246,248,0) 100%),url("assets/images/industrial-hero.webp");
    background-position:center,68% center; background-size:100% 100%,cover;
  }
  .delta-hero::after { display:none; }
  .delta-hero-inner { padding:244px 0 32px; }
  .delta-hero-copy { width:100%; }
  .delta-eyebrow { font-size:10px; letter-spacing:.06em; }
  .delta-hero h1 { max-width:100%; margin:12px 0; font-size:clamp(34px,9vw,42px); line-height:1.02; }
  .delta-hero p { font-size:15px; line-height:1.5; }
  .delta-hero .delta-actions { display:flex; gap:8px; margin-top:18px; }
  .delta-hero .delta-btn { min-height:44px; padding:0 15px; font-size:12px; }
  .delta-industry-strip { gap:0; margin-top:18px; font-size:13px; }
  .delta-industry-strip span { padding:0 10px; }
  .delta-section { padding:34px 0; }
  .delta-section-head { display:flex; align-items:flex-start; flex-direction:column; margin-bottom:20px; }
  .delta-section-head h2 { margin-top:8px; font-size:clamp(28px,8vw,36px); }
  .delta-section-head p { margin:0; font-size:14px; }
  .delta-grid-6 { grid-template-columns:1fr; gap:12px; }
  .delta-solution-card { display:grid; grid-template-columns:38% 1fr; }
  .delta-solution-media { min-height:150px; aspect-ratio:auto; }
  .delta-solution-body { min-height:150px; padding:14px; }
  .delta-solution-body h3 { font-size:16px; }
  .delta-solution-body p { font-size:14px; }
  .delta-industry-grid { grid-template-columns:1fr; gap:20px; }
  .delta-industry-cards { grid-template-columns:1fr; gap:10px; }
  .delta-industry-card { min-height:150px; }
  .delta-process { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 10px; }
  .delta-process-step { padding:10px 4px; }
  .delta-process-icon { width:64px; height:64px; margin-bottom:10px; }
  .delta-process-icon svg { width:40px; height:40px; }
  .delta-process-step h3 { font-size:15px; }
  .delta-process-step p { font-size:14px; }
  .delta-tech-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .delta-tech { padding:12px 5px; }
  .delta-tech-icon { height:56px; }
  .delta-tech-icon svg { width:46px; height:46px; }
  .delta-tech strong { font-size:14px; }
  .delta-tech span { font-size:14px; }
  .delta-trust-grid { grid-template-columns:1fr; }
  .delta-trust { padding:16px; }
  .delta-cta-inner { gap:16px; }
  .delta-cta h2 { font-size:clamp(34px,9vw,42px); }
  .delta-cta .delta-actions { gap:8px; }
  .delta-cta .delta-btn { min-height:44px; padding-inline:14px; font-size:12px; }
  .delta-footer-grid { grid-template-columns:1fr 1fr; gap:22px 14px; }
  .delta-footer .delta-logo { width:150px; }
  .delta-footer-bottom { flex-direction:column; gap:8px; }
}

@media (max-width:600px) {
  .delta-hero .delta-eyebrow { max-width:100%; white-space:nowrap; font-size:9px; letter-spacing:.035em; }
  .delta-hero .delta-eyebrow::before { width:24px; flex:none; }
  .delta-hero h1 { max-width:540px; font-size:clamp(31px,8vw,38px); line-height:1.02; }
  .delta-industry-strip { display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; width:100%; gap:4px; margin-top:14px; }
  .delta-industry-strip span { flex:0 1 auto; justify-content:center; padding:0 4px; white-space:nowrap; font-size:clamp(9px,2.8vw,11px); }
  .delta-industry-strip span:first-child { justify-content:flex-start; padding-left:0; }
  .delta-industry-strip span:last-child { justify-content:flex-end; padding-right:0; }
}

@media (max-width:380px) {
  .delta-header-inner .delta-logo { width:112px; }
  .delta-hero .delta-actions { flex-direction:column; align-items:stretch; }
  .delta-hero .delta-btn { width:100%; }
  .delta-industry-strip span { padding:0 7px; font-size:12px; }
  .delta-solution-card { grid-template-columns:34% 1fr; }
  .delta-solution-media { min-height:164px; }
  .delta-footer-grid { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition-duration:.01ms !important; animation-duration:.01ms !important; }
}


/* Shared icon treatment across the homepage. */
.delta-industry-strip span { display:inline-flex; align-items:center; gap:8px; }
.delta-industry-strip svg { display:block; width:23px; height:23px; flex:none; fill:none; stroke:#171a1d; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.delta-circle-arrow { flex:none; }
.delta-circle-arrow svg,.delta-arrow svg { display:block; width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.delta-arrow { display:inline-flex; align-items:center; }
.delta-trust-icon { display:flex; align-items:center; justify-content:center; color:var(--delta-red); }
.delta-trust-icon svg { display:block; width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.delta-trust-icon img { display:block; flex:0 0 48px; width:48px; min-width:48px; max-width:48px; height:48px; min-height:48px; max-height:48px; object-fit:contain; filter:brightness(0) saturate(100%) invert(16%) sepia(95%) saturate(5474%) hue-rotate(349deg) brightness(93%) contrast(99%); }
.delta-trust-icon svg path,.delta-trust-icon svg circle { fill:none; }
.delta-contact-list { display:grid; gap:8px; }
.delta-contact-list p { display:flex; align-items:center; gap:10px; margin:0; }
.delta-contact-list svg { display:block; width:17px; height:17px; flex:none; fill:none; stroke:var(--delta-red); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.delta-contact-list a { overflow-wrap:anywhere; }

/* Keep every photo frame intentional and use cover crops without stretching. */
.delta-solution-media { aspect-ratio:1.72 / 1; min-height:0; background-position:center; background-size:cover; }
.delta-photo-fleet { background-position:54% center !important; }
.delta-photo-fuel { background-position:center 56% !important; }
.delta-photo-iot { background-position:center 48% !important; }
.delta-photo-embedded { background-position:center 50% !important; }
.delta-photo-safety { background-position:center 42% !important; }
.delta-photo-it { background-position:center 50% !important; }
.delta-industry-card { background-position:center; background-size:cover; }
.delta-photo-industry-mining { background-position:58% center !important; }
.delta-photo-industry-oil { background-position:center 45% !important; }
.delta-photo-industry-industrial { background-position:center 48% !important; }
.delta-cta-mark { background-position:center 48% !important; background-size:cover !important; }
@media (max-width:600px) {
 .delta-industry-strip span { gap:6px; }
 .delta-industry-strip svg { width:19px; height:19px; }
 .delta-trust-icon svg { width:30px; height:30px; }
 .delta-solution-media { aspect-ratio:auto; min-height:150px; }
}


/* Keep the header and footer on the same full-width grid as the home sections. */
.delta-site-header.alignfull,.delta-footer.alignfull { width:100vw; max-width:none; margin-inline:calc(50% - 50vw); }
.delta-site-header > .delta-header-inner,.delta-footer .delta-container { width:min(1500px,calc(100% - 120px)); max-width:none !important; margin-inline:auto !important; }

/* Use the complete panoramic photo in a clean, correctly proportioned CTA frame. */
.delta-cta-mark { position:relative; isolation:isolate; width:min(52vw,760px); height:282px; flex:none; overflow:visible; border:0; border-radius:12px; transform:none; opacity:1; background:url("assets/images/discuss.webp") center/contain no-repeat !important; box-shadow:none; }
.delta-cta-mark::before { content:none; }
@media (max-width:900px) {
 .delta-site-header > .delta-header-inner,.delta-footer .delta-container { width:min(100% - 48px,760px); }
 .delta-cta-mark { width:min(52vw,600px); height:224px; }
}
@media (max-width:600px) {
 .delta-site-header > .delta-header-inner,.delta-footer .delta-container { width:calc(100% - 32px); }
 .delta-cta-mark { display:none; }
}

/* Match every section title while keeping the hero headline visually distinct. */
.delta-section h2.delta-heading { font-size:clamp(30px,2.4vw,42px); font-weight:800; line-height:1.04; letter-spacing:-.04em; }
@media (max-width:600px) { .delta-section h2.delta-heading { font-size:clamp(26px,7vw,32px); line-height:1.06; } }
.delta-footer .delta-logo { background:transparent; padding:0; max-height:none; object-fit:contain; }

/* Responsive hero: panoramic truck image spans the full desktop hero. */
.delta-hero { position:relative; min-height:clamp(360px,23vw,500px); display:flex; align-items:center; overflow:hidden; padding:0; background:#f4f6f8 !important; }
.delta-hero::before { content:""; display:block; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(90deg,#f4f6f8 0%,rgba(244,246,248,.98) 21%,rgba(244,246,248,.82) 39%,rgba(244,246,248,.18) 61%,rgba(244,246,248,0) 80%); }
.delta-hero::after { display:none; }
.delta-hero-inner { position:relative; z-index:2; display:block; width:min(1500px,calc(100% - 120px)); padding:clamp(36px,4vw,64px) 0; margin-inline:auto; }
.delta-hero-copy { width:min(640px,54%); max-width:640px; }
.delta-hero-visual { position:absolute; z-index:0; inset:0; width:auto; height:auto; max-height:none; aspect-ratio:auto; overflow:hidden; background:#e7eaed; }
.delta-hero-visual img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:68% 56%; }
@media (max-width:900px) {
  .delta-hero { min-height:0; display:block; padding:0; }
  .delta-hero::before { display:none; }
  .delta-hero-inner { display:flex; flex-direction:column; align-items:stretch; gap:0; width:min(760px,calc(100% - 48px)); padding:0 0 36px; }
  .delta-hero-visual { position:relative; inset:auto; order:-1; width:calc(100% + 48px); height:auto; max-height:none; aspect-ratio:2.1 / 1; margin:0 -24px 24px; -webkit-mask-image:none; mask-image:none; }
  .delta-hero-visual img { object-position:68% 56%; }
  .delta-hero-copy { width:100%; max-width:none; }
}
@media (max-width:600px) {
  .delta-hero-inner { width:calc(100% - 32px); padding-bottom:32px; }
  .delta-hero-visual { width:calc(100% + 32px); height:auto; aspect-ratio:1.65 / 1; margin:0 -16px 22px; }
  .delta-hero-visual img { object-position:72% 56%; }
  .delta-hero .delta-btn { min-height:48px; }
  .delta-cta .delta-btn { min-height:48px; }
}
input,select,textarea,button,.wp-element-button { max-width:100%; min-height:48px; }
textarea { min-height:120px; }
.delta-nav .wp-block-navigation__responsive-container-open { min-width:48px; min-height:48px; }
.wp-block-navigation .wp-block-navigation-item__content { min-height:48px; display:flex; align-items:center; }
@media (max-width:900px) {
  .delta-nav .wp-block-navigation__responsive-container.is-menu-open {
    position:fixed !important; inset:0 !important; z-index:10000; display:block !important;
    width:100vw; height:100vh; height:100dvh; max-height:none; overflow-y:auto;
    padding:88px 24px 32px; background:#fff; visibility:visible; opacity:1;
  }
  .delta-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
    position:fixed; top:12px; right:16px; z-index:10001; display:flex;
    width:48px; height:48px; align-items:center; justify-content:center; padding:0;
    color:#11161a; background:#f4f6f8; border:1px solid #d7dce1; border-radius:50%;
  }
  .delta-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start;
    width:min(100%,520px); margin:0 auto;
  }
  .delta-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    display:flex; flex-direction:column; align-items:stretch; width:100%; gap:0;
  }
  .delta-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    display:flex; width:100%; min-height:56px; padding:12px 4px; align-items:center;
    border-bottom:1px solid #e6e9ed; color:#11161a; font-size:18px; font-weight:700;
  }
}

/* Keep homepage supporting copy consistent across all viewport breakpoints. */
.delta-section-head p,
.delta-solution-body p,
.delta-process-step p,
.delta-tech span,
.delta-trust p,
.delta-cta p { font-size:14px; }
.delta-section-light:has(.delta-process) .delta-section-head > div,
.delta-technology .delta-section-head > div,
.delta-section-light:has(.delta-grid-6) .delta-section-head > div { max-width:700px; }
.delta-section-dark .delta-section-head > div { max-width:700px; }
.delta-section-light:has(.delta-process) .delta-section-head p,
.delta-technology .delta-section-head p,
.delta-section-light:has(.delta-grid-6) .delta-section-head p { max-width:620px; margin:14px 0 0; text-align:left; }
.delta-section-light:has(.delta-grid-6) .delta-section-head p { font-size:16px; line-height:1.55; }
.delta-section-dark .delta-section-head p { max-width:620px; margin:14px 0 0; text-align:left; }

/* Floating WhatsApp entry point for quick inquiries. */
.delta-whatsapp-float { position:fixed; z-index:999; right:24px; bottom:24px; display:flex; align-items:center; gap:12px; min-height:64px; padding:8px 18px 8px 10px; border:1px solid rgba(16,185,129,.22); border-radius:999px; background:#0bbf70; color:#fff; box-shadow:0 8px 24px rgba(17,24,39,.24); text-decoration:none; transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease; animation:delta-whatsapp-invite 900ms ease-out 1.2s 1 both; }
.delta-whatsapp-float:hover { transform:translateY(-3px); background:#079b5b; box-shadow:0 12px 28px rgba(17,24,39,.28); color:#fff; }
.delta-whatsapp-float:focus-visible { outline:3px solid #111; outline-offset:4px; }
.delta-whatsapp-float > svg { display:block; width:44px; height:44px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.delta-whatsapp-copy { display:grid; gap:2px; font-size:13px; line-height:1.25; }
.delta-whatsapp-copy strong { font-size:14px; }
@keyframes delta-whatsapp-invite {
  0%,100% { transform:translateY(0) scale(1); box-shadow:0 8px 24px rgba(17,24,39,.24),0 0 0 0 rgba(11,191,112,0); }
  24% { transform:translateY(-8px) scale(1.035); box-shadow:0 14px 30px rgba(17,24,39,.3),0 0 0 8px rgba(11,191,112,.18); }
  48% { transform:translateY(0) scale(1); box-shadow:0 8px 24px rgba(17,24,39,.24),0 0 0 13px rgba(11,191,112,0); }
  72% { transform:translateY(-5px) scale(1.02); box-shadow:0 12px 27px rgba(17,24,39,.28); }
  88% { transform:translateY(0) scale(1); box-shadow:0 8px 24px rgba(17,24,39,.24); }
}
.delta-whatsapp-float:hover,
.delta-whatsapp-float:focus-visible { transform:translateY(-3px); background:#079b5b; box-shadow:0 12px 28px rgba(17,24,39,.28); color:#fff; }
@media (prefers-reduced-motion:reduce) {
 .delta-whatsapp-float { animation:none; }
}
@media (max-width:600px) {
 .delta-whatsapp-float { right:16px; bottom:16px; min-height:60px; padding:8px 16px 8px 9px; gap:9px; }
 .delta-whatsapp-float > svg { width:42px; height:42px; }
 .delta-whatsapp-copy { font-size:12px; }
}

/* Responsive replacement infographic for the machine-to-data process. */
.delta-engineering-cycle { padding:48px 0; }
.delta-engineering-container { display:grid; grid-template-columns:minmax(260px,.38fr) minmax(0,1.22fr); align-items:center; column-gap:8px; width:min(1536px,calc(100vw - 96px)); max-width:none; margin-inline:auto; }
.delta-engineering-copy { max-width:420px; }
.delta-engineering-copy h2 { margin:12px 0 14px; font-size:clamp(32px,3.6vw,50px); }
.delta-engineering-copy p { margin:0; max-width:420px; color:#667085; font-size:14px; line-height:1.6; }
.delta-engineering-infographic { width:100%; margin-inline:auto; overflow-x:auto; overscroll-behavior-x:contain; }
.delta-engineering-infographic:focus-visible { outline:3px solid #0f766e; outline-offset:4px; }
.delta-engineering-infographic img { display:block; width:85%!important; max-width:none!important; height:auto!important; margin-inline:auto; }
@media (max-width:980px) {
  .delta-engineering-cycle { padding:36px 0; }
  .delta-engineering-container { grid-template-columns:1fr; gap:24px; width:calc(100% - 32px); }
  .delta-engineering-infographic { width:100%; margin-left:0; }
  .delta-engineering-copy { max-width:700px; }
  .delta-engineering-infographic img { width:85%!important; max-width:833px!important; margin:0 auto; }
}
@media (max-width:600px) {
  .delta-engineering-infographic img { width:85%!important; max-width:85%!important; }
}

.delta-solution-body h3[id] { scroll-margin-top:100px; }

/* Compact solutions cards: eight cards form two full-width rows. */
.delta-grid-6 { grid-template-columns:repeat(12,minmax(0,1fr)); gap:12px; }
.delta-grid-6 > .delta-solution-card { grid-column:span 3; }
.delta-solution-media { aspect-ratio:2.2 / 1; }
.delta-solution-body { min-height:150px; padding:14px 16px; }
.delta-solution-body h3 { margin-bottom:7px; font-size:18px; }
.delta-solution-body p { font-size:15px; line-height:1.5; }
.delta-circle-arrow { width:30px; height:30px; }
.delta-photo-integration { background-image:linear-gradient(180deg,rgba(17,17,17,.02),rgba(17,17,17,.42)),url("assets/images/system-integration.webp") !important; background-position:center 54%; }
@media (max-width:900px) {
  .delta-grid-6 > .delta-solution-card { grid-column:span 4; }
  .delta-grid-6 > .delta-solution-card:nth-child(7) { grid-column:3 / span 4; }
  .delta-grid-6 > .delta-solution-card:nth-child(8) { grid-column:7 / span 4; }
}
@media (max-width:600px) {
  .delta-grid-6 { grid-template-columns:1fr; }
  .delta-grid-6 > .delta-solution-card { grid-column:auto; }
}
/* Slightly tighter solutions section dimensions. */
#solutions.delta-section { padding-block:58px; }
#solutions .delta-section-head { margin-bottom:22px; }
#solutions .delta-section-head h2 { margin-top:10px; font-size:clamp(30px,3.2vw,44px); }
#solutions .delta-grid-6 { gap:10px; }
@media (min-width:601px) {
  #solutions .delta-solution-media { aspect-ratio:2.5 / 1; }
  #solutions .delta-solution-body { min-height:142px; padding:12px 14px; }
  #solutions .delta-solution-body h3 { margin-bottom:6px; font-size:17px; }
  #solutions .delta-solution-body p { font-size:14px; line-height:1.45; }
  #solutions .delta-circle-arrow { width:30px; height:30px; }
}
@media (max-width:900px) {
  #solutions.delta-section { padding-block:44px; }
}
@media (max-width:600px) {
  #solutions.delta-section { padding-block:32px; }
  #solutions .delta-grid-6 { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
  #solutions .delta-grid-6 > .delta-solution-card,
  #solutions .delta-grid-6 > .delta-solution-card:nth-child(7),
  #solutions .delta-grid-6 > .delta-solution-card:nth-child(8) { grid-column:1 / -1; min-width:0; }
  #solutions .delta-solution-card { display:grid; grid-template-columns:38% minmax(0,1fr); }
  #solutions .delta-solution-media { min-height:150px; aspect-ratio:auto; }
  #solutions .delta-solution-body { min-width:0; min-height:150px; padding:14px; }
}

/* Keep the two contact numbers on one row. */
.delta-footer-phones { white-space:nowrap; }
.delta-contact-list .delta-footer-phones a { overflow-wrap:normal; font-size:inherit; }
@media (min-width:901px) {
  .delta-footer-grid { grid-template-columns:2fr 1fr 1fr minmax(340px,1.5fr); }
}
@media (max-width:380px) {
  .delta-footer-phones { font-size:11px; }
}

/* Contact layout: street and city on separate lines. */
.delta-contact-list { gap:14px; }
.delta-contact-list p { align-items:flex-start; }
.delta-contact-list svg { margin-top:2px; }
.delta-footer-street { white-space:nowrap; }
.delta-contact-list .delta-footer-email { text-decoration:underline; text-underline-offset:3px; }
@media (max-width:380px) {
  .delta-footer-street { font-size:11px; }
}

/* Five service pathways beneath the hero. */
.delta-help { background:#f2f6f8; padding-block:36px; }
.delta-help .delta-section-head { margin-bottom:18px; }
.delta-help .delta-section-head h2 { font-size:clamp(28px,3vw,40px); }
.delta-help-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.delta-help-card { display:flex; flex-direction:column; padding:14px 12px; border:1px solid #e5e9ee; border-top:3px solid var(--help-accent); border-radius:10px; background:var(--help-tint); color:#344054; text-decoration:none; box-shadow:0 4px 14px #14253808; transition:box-shadow .2s; }
.delta-help-card:hover { box-shadow:0 8px 22px #14253818; }
.delta-help-card:focus-visible { outline:3px solid var(--help-accent); outline-offset:4px; }
.delta-help-heading { display:flex; align-items:center; gap:10px; }
.delta-help-heading img { width:32px; height:32px; object-fit:contain; flex:none; }
.delta-help-heading h3 { color:var(--help-accent); margin:0; font-size:18px; text-transform:uppercase; }
.delta-help-card p { font-size:15px; line-height:1.4; min-height:2.8em; margin:8px 0 10px; }
.delta-help-card .delta-help-photo { width:100%; height:auto; aspect-ratio:16 / 9; object-fit:cover; border-radius:6px; }
.delta-help-card ul { padding-left:17px; margin:10px 0 12px; font-size:15px; line-height:1.4; }
.delta-help-card li::marker { color:var(--help-accent); }
.delta-help-action { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; font-size:14px; font-weight:700; color:var(--help-accent); }
.delta-help-action > span { display:flex; align-items:center; justify-content:center; flex:0 0 28px; width:28px; height:28px; padding:0; line-height:1; border-radius:50%; background:var(--help-accent); color:#fff; }
@media (max-width:1200px) { .delta-help-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:900px) { .delta-help-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .delta-help-grid { grid-template-columns:1fr; } .delta-help-card p { min-height:0; } }
@media (prefers-reduced-motion:reduce) { .delta-help-card { transition:none; } .delta-help-card:hover { transform:none; } }
/* Balance the desktop hero with the compact service section. */
@media (min-width:901px) {
  .delta-hero::before { background:linear-gradient(90deg,rgba(10,18,26,.92) 0%,rgba(10,18,26,.82) 32%,rgba(10,18,26,.46) 56%,rgba(10,18,26,.08) 82%); }
  .delta-hero h1 { color:#fff; font-size:clamp(42px,3.5vw,60px); line-height:1.04; margin:14px 0 16px; }
  .delta-hero h1 .delta-red { color:#ff304a; }
  .delta-hero p { color:#f0f3f6; line-height:1.5; }
  .delta-hero .delta-eyebrow { color:#f0f3f6; }
  .delta-hero .delta-btn-secondary { background:transparent; color:#fff; border:1px solid #fff; }
  .delta-hero .delta-btn-secondary:hover { background:#fff; color:#111416; }
  .delta-hero .delta-industry-strip { color:#f0f3f6; }
  .delta-hero .delta-industry-strip svg { stroke:currentColor; }
}
.delta-help .delta-section-head p { max-width:none; font-size:15px; line-height:1.5; margin:10px 0 0; }
@media (max-width:600px) { .delta-help { padding-block:28px; } }
.delta-help-action > span > svg { display:block; width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

/* Balance footer copy and keep policy text clear of the contact shortcut. */
.delta-footer .delta-logo { margin-bottom:10px; }
.delta-footer .delta-footer-description { max-width:340px; margin:8px 0 0; }
@media (min-width:901px) {
  .delta-footer-bottom { padding-right:260px; box-sizing:border-box; }
}
@media (max-width:900px) {
  .delta-footer { padding-bottom:104px; }
}
/* Insights uses the native WordPress submenu interaction. */
.delta-nav .delta-insights-menu > button { color:inherit; font:inherit; }
.delta-nav .delta-insights-menu .wp-block-navigation__submenu-container { min-width:280px; border:1px solid #e5e9ee; border-radius:8px; background:#fff; box-shadow:0 8px 24px #1114161f; padding:8px; }
.delta-nav .delta-insights-menu .wp-block-navigation-item__content { display:block; padding:12px; line-height:1.4; border-radius:4px; }
.delta-insights-description { display:block; margin-top:4px; font-size:12px; font-weight:400; color:#667085; }
.delta-nav .delta-insights-menu .wp-block-navigation-item__content:hover { background:#f4f6f8; }
.delta-nav .delta-insights-menu button:focus-visible,.delta-nav .delta-insights-menu a:focus-visible { outline:2px solid var(--delta-red); outline-offset:3px; }
@media (max-width:900px) {
  .delta-nav .delta-insights-menu { width:100%; }
  .delta-nav .delta-insights-menu .wp-block-navigation__submenu-container { min-width:0; width:100%; box-shadow:none; margin-block:8px; }
  .delta-nav .delta-insights-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content { display:block; font-size:16px; }
}
/* Keep the desktop Insights dropdown wide and compact. */
@media (min-width:901px) {
  .delta-site-header .delta-nav.wp-block-navigation .delta-insights-menu > .wp-block-navigation__submenu-container { width:320px; min-width:320px; box-sizing:border-box; padding:4px; }
  .delta-site-header .delta-nav.wp-block-navigation .delta-insights-menu > .wp-block-navigation__submenu-container > .wp-block-navigation-item { width:100%; }
  .delta-site-header .delta-nav.wp-block-navigation .delta-insights-menu > .wp-block-navigation__submenu-container .wp-block-navigation-item__content { width:100%; box-sizing:border-box; padding:10px 14px; min-height:0; }
  .delta-site-header .delta-nav .delta-insights-menu .wp-block-navigation-item__label { white-space:nowrap; }
  .delta-site-header .delta-nav .delta-insights-description { margin-top:3px; }
}
/* Mobile dropdowns expand only when their labeled button is tapped. */
@media (max-width:900px) {
  .delta-nav .is-menu-open .delta-insights-menu { flex-wrap:wrap; }
  .delta-nav .is-menu-open .delta-insights-menu > .wp-block-navigation-submenu__toggle { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:56px; padding:12px 4px; text-align:left; }
  .delta-nav .is-menu-open .delta-insights-menu > .wp-block-navigation-submenu__toggle::after { content:''; width:9px; height:9px; margin:0 12px 5px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); flex:none; }
  .delta-nav .is-menu-open .delta-insights-menu > .wp-block-navigation-submenu__toggle[aria-expanded="true"]::after { transform:rotate(225deg); margin-bottom:-4px; }
  .delta-nav .is-menu-open .delta-insights-menu > .wp-block-navigation__submenu-icon { display:none; }
  .delta-nav .is-menu-open .delta-insights-menu > .wp-block-navigation__submenu-container { display:none !important; }
  .delta-nav .is-menu-open .delta-insights-menu > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container { display:flex !important; position:static; flex-basis:100%; width:100%; min-width:0; height:auto; visibility:visible; opacity:1; margin:0 0 8px; padding:4px 12px; gap:0; }
}
/* Vessel case study, scoped to its own page. */
.delta-vessel-hero { position:relative; overflow:hidden; background:#111416; color:#fff; }
.delta-vessel-hero-photo { position:absolute; inset:0; opacity:.45; }
.delta-vessel-hero-photo img { width:100%; height:100%; object-fit:cover; }
.delta-vessel-hero-copy { position:relative; padding-block:70px; background:linear-gradient(90deg,#111416cc,transparent); }
.delta-vessel-hero h1 { font-size:clamp(36px,4vw,60px); max-width:720px; }
.delta-vessel-hero .delta-eyebrow { color:#fff; }
.delta-vessel-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.delta-vessel-tags span { background:var(--delta-red); padding:8px 12px; border-radius:4px; font-size:13px; font-weight:700; text-transform:uppercase; }
.delta-vessel h2 { font-size:clamp(28px,3vw,40px); margin:0 0 24px; }
.delta-vessel figure { margin:0; min-width:0; }
.delta-vessel figure img { display:block; width:100%; aspect-ratio:4 / 3; object-fit:cover; border-radius:8px; }
.delta-vessel-photo-slot { display:grid; place-items:center; min-height:240px; background:#e8edf1; color:#667085; border-radius:8px; }
.delta-vessel-overview,.delta-vessel-panels,.delta-vessel-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.delta-vessel dl { margin:0; }
.delta-vessel dl > div { display:grid; grid-template-columns:110px 1fr; gap:16px; padding:16px 0; border-bottom:1px solid #e5e9ee; }
.delta-vessel dt { font-weight:700; }
.delta-vessel dd { margin:0; color:#667085; }
.delta-vessel-panels { margin-top:36px; }
.delta-vessel-panels article { padding:28px; background:#f4f6f8; border-radius:10px; border-top:3px solid var(--delta-red); }
.delta-vessel p,.delta-vessel li,.delta-vessel figcaption { line-height:1.6; }
.delta-vessel-installation { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.delta-vessel figcaption { font-size:14px; margin-top:10px; color:#667085; }
.delta-vessel-flow { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; list-style:none; padding:0; margin:24px 0 0; }
.delta-vessel-flow li { padding:20px; background:#f4f6f8; border-radius:8px; border-top:3px solid var(--delta-red); }
.delta-vessel-flow span { display:block; font-size:14px; margin-top:8px; color:#667085; }
.delta-vessel-outcomes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.delta-vessel-outcomes h3 { color:var(--delta-red); }
@media(max-width:900px) { .delta-vessel-flow,.delta-vessel-outcomes { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .delta-vessel-overview,.delta-vessel-panels,.delta-vessel-gallery,.delta-vessel-installation,.delta-vessel-flow,.delta-vessel-outcomes { grid-template-columns:1fr; } .delta-vessel-hero-copy { padding-block:44px; } }
/* Refined project presentation with the existing DIM palette. */
.delta-vessel .delta-section { padding-block:48px; }
.delta-vessel-hero { min-height:420px; display:flex; align-items:center; }
.delta-vessel-hero-photo { opacity:1; }
.delta-vessel-hero-photo::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(10,18,26,.94),rgba(10,18,26,.72) 40%,rgba(10,18,26,.18) 80%); }
.delta-vessel-hero-photo img { display:block; object-position:center 40%; }
.delta-vessel-hero-copy { background:none; padding-block:64px; }
.delta-vessel-hero h1 { margin:20px 0; line-height:1.06; letter-spacing:-.035em; }
.delta-vessel-hero-copy > p:not(.delta-eyebrow) { max-width:530px; font-size:18px; color:#edf0f4; }
.delta-vessel-tags span { background:#ffffff12; border:1px solid #ffffff45; border-radius:6px; padding:7px 12px; }
.delta-vessel-overview { align-items:center; gap:48px; }
.delta-vessel-overview > div { padding:24px 28px; border:1px solid #e5e9ee; border-radius:12px; background:#fff; box-shadow:0 6px 24px #11141608; }
.delta-vessel-overview figure img { aspect-ratio:16 / 10; }
.delta-vessel-panels { gap:24px; margin-top:32px; }
.delta-vessel-panels article { padding:28px 32px; border:1px solid #e5e9ee; border-top:3px solid var(--delta-red); background:#fff7f8; }
.delta-vessel-panels article + article { background:#f4f7fa; }
.delta-vessel-panels h2 { font-size:28px; margin-bottom:16px; }
.delta-vessel-panels p,.delta-vessel-panels li { font-size:15px; color:#475467; }
.delta-vessel-panels ul { padding-left:20px; margin-bottom:0; }
.delta-vessel-panels li { margin-bottom:6px; }
.delta-vessel-panels li::marker { color:var(--delta-red); }
.delta-vessel-installation figure { background:#fff; border:1px solid #e5e9ee; border-radius:10px; overflow:hidden; box-shadow:0 4px 16px #11141608; }
.delta-vessel-installation figure img { border-radius:0; aspect-ratio:4 / 3; }
.delta-vessel-installation figcaption { padding:14px 16px; margin:0; }
.delta-vessel-flow { counter-reset:vessel-step; gap:18px; }
.delta-vessel-flow li { position:relative; padding:20px 16px; border:1px solid #e5e9ee; border-radius:10px; background:#f7f9fb; }
.delta-vessel-flow li::before { counter-increment:vessel-step; content:'0' counter(vessel-step); display:grid; place-items:center; width:36px; height:36px; margin-bottom:14px; background:var(--delta-red); color:#fff; border-radius:50%; font-size:13px; font-weight:700; }
.delta-vessel-flow li:not(:last-child)::after { content:'\2192'; position:absolute; right:-16px; top:25px; color:var(--delta-red); font-size:22px; z-index:1; }
.delta-vessel-gallery figure img { aspect-ratio:16 / 10; }
.delta-vessel-outcomes { gap:16px; }
.delta-vessel-outcomes > div { padding:22px; border:1px solid #e5e9ee; border-radius:10px; background:#f7f9fb; }
.delta-vessel-outcomes h3 { font-size:18px; margin:0 0 10px; }
.delta-vessel-outcomes p { margin:0; color:#475467; font-size:15px; }
.delta-vessel .delta-cta { background:#111416; color:#fff; }
.delta-vessel .delta-cta .delta-eyebrow { color:#b9c0c7; }
.delta-vessel .delta-cta p { color:#d2d8df; font-size:16px; margin:16px 0 24px; }
@media(max-width:900px) { .delta-vessel-flow li::after { display:none; } .delta-vessel-overview { gap:24px; } }
@media(max-width:600px) {
  .delta-vessel .delta-section { padding-block:32px; }
  .delta-vessel-hero { min-height:380px; }
  .delta-vessel-hero-copy { padding-block:40px; }
  .delta-vessel-hero-copy > p:not(.delta-eyebrow) { font-size:16px; }
  .delta-vessel-overview > div,.delta-vessel-panels article { padding:22px; }
  .delta-vessel dl > div { grid-template-columns:90px 1fr; gap:12px; font-size:14px; }
  .delta-vessel h2 { margin-bottom:20px; }
}
/* Compact gallery preserves the installation photos' original proportions. */
.delta-vessel-gallery { max-width:820px; margin-inline:auto; gap:20px; }
.delta-vessel .delta-vessel-gallery figure img { aspect-ratio:4 / 3; height:auto; object-fit:contain; }
.delta-vessel-gallery figure { overflow:hidden; border:1px solid #e5e9ee; border-radius:10px; background:#fff; }
.delta-vessel-gallery figure img { border-radius:0; }
.delta-vessel-gallery a { display:block; }
.delta-vessel-gallery a:focus-visible { outline:3px solid var(--delta-red); outline-offset:-3px; }
.delta-vessel-gallery figcaption { padding:12px 14px; margin:0; }
.delta-vessel-gallery-hint { margin:-10px 0 24px; color:#667085; font-size:14px; }
@media(max-width:600px) { .delta-vessel-gallery { max-width:440px; gap:16px; } }
/* Reference photo arrangement: featured view beside four detail photos. */
.delta-vessel-gallery { width:100%; max-width:none; grid-template-columns:2fr 1fr 1fr; grid-template-rows:repeat(2,minmax(0,1fr)); aspect-ratio:8 / 3; gap:12px; }
.delta-vessel-gallery figure { position:relative; min-height:0; border:0; border-radius:8px; }
.delta-vessel-gallery figure:first-child { grid-row:span 2; }
.delta-vessel-gallery a { height:100%; }
.delta-vessel .delta-vessel-gallery figure img { width:100%; height:100%; aspect-ratio:auto; object-fit:cover; }
.delta-vessel-gallery figcaption { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.delta-vessel-installation { gap:16px; }
.delta-vessel-installation figure { border:0; background:transparent; box-shadow:none; }
.delta-vessel-installation figure img { border-radius:8px; }
.delta-vessel-installation figcaption { padding:10px 0 0; }
@media(max-width:600px) {
  .delta-vessel-gallery { max-width:none; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:none; aspect-ratio:auto; gap:10px; }
  .delta-vessel-gallery figure:first-child { grid-column:1 / -1; grid-row:auto; }
  .delta-vessel .delta-vessel-gallery figure img { height:auto; aspect-ratio:4 / 3; object-fit:cover; }
}
/* Infrastructure reuses the project template with four implementation areas. */
.delta-infrastructure .delta-infrastructure-areas { grid-template-columns:repeat(4,minmax(0,1fr)); }
.delta-infrastructure-areas figcaption strong { display:block; margin-bottom:6px; color:#111416; }
.delta-infrastructure-areas a { display:block; }
.delta-infrastructure-areas a:focus-visible { outline:3px solid var(--delta-red); outline-offset:3px; }
.delta-infrastructure .delta-vessel-outcomes { grid-template-columns:repeat(2,minmax(0,1fr)); }
.delta-infrastructure .delta-vessel-overview figure img { object-fit:contain; background:#111416; }
.delta-infrastructure .delta-vessel-hero-photo img { object-position:65% 45%; }
@media(max-width:900px) { .delta-infrastructure .delta-infrastructure-areas { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .delta-infrastructure .delta-infrastructure-areas,.delta-infrastructure .delta-vessel-outcomes { grid-template-columns:1fr; } }
/* Infrastructure gallery shows photos directly without enlargement links. */
.delta-infrastructure-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.delta-vessel .delta-infrastructure-gallery figure img { aspect-ratio:4 / 3; height:auto; object-fit:cover; }
@media(max-width:600px) { .delta-infrastructure-gallery { grid-template-columns:1fr; } }
/* About page: existing DIM typography, red accents and shared containers. */
.delta-about { margin-top:0; }
.delta-about .delta-section { padding:48px 0; }
.delta-about p { color:#475467; line-height:1.65; margin:16px 0 0; }
.delta-about-hero { position:relative; isolation:isolate; overflow:hidden; background:#171a1d; }
.delta-about-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:65% center; z-index:-2; }
.delta-about-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(17,20,23,.92),rgba(17,20,23,.65) 55%,rgba(17,20,23,.18)); z-index:-1; }
.delta-about-hero-copy { padding-block:48px 60px; }
.delta-about .delta-about-breadcrumb { margin:0 0 28px; color:#fff; font-size:13px; }
.delta-about-breadcrumb a { color:inherit; }
.delta-about-hero .delta-eyebrow { color:#fff; }
.delta-about-hero h1 { color:#fff; font-size:clamp(38px,4.2vw,60px); line-height:1.08; margin:18px 0 0; }
.delta-about-hero h1 span { color:#ff294b; }
.delta-about-split { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:40px; }
.delta-about-split > * { min-width:0; }
.delta-about .delta-heading { margin:14px 0 0; line-height:1.14; }
.delta-about-intro { font-size:clamp(20px,1.8vw,27px); line-height:1.35; letter-spacing:-.025em; margin:0; }
.delta-about-photo { display:block; width:100%; aspect-ratio:16 / 10; object-fit:cover; border-radius:8px; }
.delta-about-section-head { margin-bottom:28px; }
.delta-about-cards { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.delta-about-cards article { overflow:hidden; border:1px solid var(--delta-border); border-radius:12px; background:var(--delta-light); }
.delta-about-cards img { display:block; width:100%; aspect-ratio:16 / 10; object-fit:cover; }
.delta-about-cards article > div { padding:18px 16px; }
.delta-about-cards h3 { margin:0; font-size:17px; line-height:1.3; }
.delta-about-cards p { margin:10px 0 0; font-size:14px; }
.delta-about-philosophy { background:#111416; }
.delta-about-philosophy .delta-eyebrow,.delta-about-philosophy h2 { color:#fff; }
.delta-about-philosophy h2 span { color:#ff294b; }
.delta-about-philosophy ul { margin:0; padding:8px 0 8px 32px; border-left:1px solid #475467; list-style:none; color:#fff; }
.delta-about-philosophy li { padding:10px 0; }
.delta-about-closing { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.delta-about-closing .delta-btn { flex-shrink:0; }
.delta-about-project-links { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:20px; }
.delta-about-project-links a { color:var(--delta-red); font-weight:700; }
@media(max-width:900px) {
  .delta-about-split { gap:24px; }
  .delta-about-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .delta-about-closing { align-items:flex-start; flex-direction:column; }
}
@media(max-width:600px) {
  .delta-about .delta-section { padding:32px 0; }
  .delta-about-hero-copy { padding-block:32px 40px; }
  .delta-about-split { grid-template-columns:1fr; }
  .delta-about-cards { grid-template-columns:1fr; }
  .delta-about-cards article { display:grid; grid-template-columns:100px 1fr; }
  .delta-about-cards img { height:100%; aspect-ratio:auto; }
  .delta-about-philosophy ul { padding-left:20px; }
}