.company-capabilities .gazal-process{margin:32px 0 8px;--gc-green:#183b2d;--gc-mid:#345541;--gc-moss:#647c68;--gc-sage:#9caf91;--gc-cream:#f4f5ed}
.gazal-process-selector{display:flex;align-items:stretch;gap:10px;min-height:250px}
.gazal-stage{--spot-x:50%;--spot-y:50%;position:relative;isolation:isolate;overflow:hidden;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;text-align:left;padding:21px 19px;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;background:linear-gradient(145deg,var(--card-tone),#153629)!important;color:#f5f6ef!important;transition:flex .65s cubic-bezier(.22,.75,.2,1),transform .45s,box-shadow .45s,border-color .45s!important;box-shadow:0 8px 24px rgba(21,51,39,.07)}
.gazal-stage:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(260px circle at var(--spot-x) var(--spot-y),rgba(228,237,211,.23),transparent 68%);opacity:0;transition:opacity .4s}
.gazal-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#dbe6ce,#91a987);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.22,.75,.2,1)}
.gazal-stage:hover,.gazal-stage:focus-visible{transform:translateY(-5px);box-shadow:0 19px 38px rgba(18,49,35,.18);border-color:rgba(255,255,255,.38)!important}
.gazal-stage:hover:before,.gazal-stage:focus-visible:before{opacity:1}
.gazal-stage:hover:after,.gazal-stage:focus-visible:after,.gazal-stage[aria-pressed=true]:after{transform:scaleX(1)}
.gazal-stage[aria-pressed=true]{flex:1.32;background:linear-gradient(145deg,#294d3a,#102c21)!important;box-shadow:0 15px 35px rgba(18,49,35,.16)}
.gazal-stage-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.12em;color:rgba(246,247,239,.7)}
.gazal-stage-index{font-variant-numeric:tabular-nums}
.gazal-stage-icon{width:34px;height:34px;border:1px solid rgba(245,246,239,.35);border-radius:50%;display:grid;place-items:center;transition:transform .45s,background .35s,color .35s}
.gazal-stage-icon svg{width:16px;height:16px;transition:transform .45s}
.gazal-stage:hover .gazal-stage-icon,.gazal-stage[aria-pressed=true] .gazal-stage-icon{background:#eff2e9;color:#183b2d;transform:rotate(45deg)}
.gazal-stage-title{display:block;max-width:14ch;margin:26px 0 8px;font-family:inherit;font-size:clamp(17px,1.45vw,22px);font-weight:500;line-height:1.2;letter-spacing:-.025em;color:#f5f6ef}
.gazal-stage-caption{display:block;font-size:11px;line-height:1.5;color:rgba(246,247,239,.68);max-width:20ch;opacity:.75;transform:translateY(3px);transition:opacity .35s,transform .35s}
.gazal-stage:hover .gazal-stage-caption,.gazal-stage:focus-visible .gazal-stage-caption,.gazal-stage[aria-pressed=true] .gazal-stage-caption{opacity:1;transform:none}
.gazal-process-rule{display:flex;align-items:center;gap:12px;margin:15px 0 22px;color:var(--ink);font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.gazal-process-rule i{position:relative;display:block;flex:1;height:1px;background:var(--line);overflow:hidden}
.gazal-process-rule i:after{content:"";position:absolute;left:-18%;top:0;width:18%;height:1px;background:var(--forest);animation:gc-trace 4.8s cubic-bezier(.44,0,.56,1) infinite}
@keyframes gc-trace{to{left:100%}}
.gazal-detail{display:grid;grid-template-columns:minmax(220px,.92fr) minmax(0,1.08fr);align-items:stretch;gap:clamp(22px,4vw,56px);padding:clamp(16px,2vw,26px);margin:0 0 26px;background:linear-gradient(120deg,#edf2e8,#f5f5ed);border:1px solid rgba(48,77,55,.16);border-radius:10px;box-shadow:0 16px 44px rgba(30,55,38,.08);animation:gc-reveal .68s cubic-bezier(.18,.74,.28,1) both}
@keyframes gc-reveal{from{opacity:0;transform:translateY(20px);clip-path:inset(8% 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
.gazal-detail-media{position:relative;align-self:start;width:min(100%,430px);aspect-ratio:1/1;overflow:hidden;border-radius:7px;background:#dfe6d9;box-shadow:0 12px 30px rgba(18,49,35,.14)}
.gazal-detail-media img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;transform:scale(1.035);animation:gc-photo-in .85s cubic-bezier(.16,.72,.25,1) both}
@keyframes gc-photo-in{from{opacity:.3;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}
.gazal-detail-media:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.32);border-radius:inherit;pointer-events:none}
.gazal-detail-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:16px 40px 16px 0}
.gazal-detail-kicker{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#617660}
.gazal-detail-copy h3{max-width:18ch;margin:17px 0 13px;font-size:clamp(25px,3vw,39px);font-weight:400;line-height:1.14;letter-spacing:-.04em;color:var(--ink)}
.gazal-detail-copy p{max-width:58ch;margin:0;color:#35463b;font-size:15px;line-height:1.78}
.gazal-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.gazal-detail-tags span{padding:8px 11px;border:1px solid #c3d0bc;border-radius:999px;color:#435b46;font-size:10px;line-height:1.15;letter-spacing:.04em}
.gazal-detail-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:26px;padding-top:17px;border-top:1px solid #d1d9ca}
.gazal-detail-controls button{min-height:42px!important;padding:7px 0;border:0;background:transparent;color:var(--ink);font-size:12px;transition:color .2s,transform .25s}
.gazal-detail-controls button:hover{color:#66815f;transform:translateX(2px)}
.gazal-detail-controls button:first-child:hover{transform:translateX(-2px)}
.gazal-detail-close{position:absolute;right:0;top:0;width:38px;height:38px;min-height:38px!important;display:grid;place-items:center;border:1px solid #c8d2c2!important;border-radius:50%;background:rgba(255,255,255,.5)!important;color:var(--ink);font-size:21px!important;transition:transform .35s,background .25s}
.gazal-detail-close:hover{background:#fff!important;transform:rotate(90deg)}
.gazal-image-note{margin:0 0 22px;color:#788476;font-size:10px!important;line-height:1.5!important;letter-spacing:.025em}
@media(max-width:1000px){.gazal-process-selector{gap:7px}.gazal-stage{padding:17px 13px}.gazal-stage[aria-pressed=true]{flex:1.24}.gazal-stage-title{font-size:17px}.gazal-detail{gap:24px}}
@media(max-width:680px){.company-capabilities .gazal-process{margin:25px 0 5px}.gazal-process-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gazal-stage,.gazal-stage[aria-pressed=true]{min-height:126px;padding:15px 14px;flex:none}.gazal-stage:last-child{grid-column:1/-1;min-height:100px}.gazal-stage-title{margin:17px 0 5px;font-size:17px}.gazal-stage-caption{font-size:10px}.gazal-stage-icon{width:29px;height:29px}.gazal-process-rule{font-size:8px;gap:8px}.gazal-detail{grid-template-columns:1fr;gap:19px;padding:12px;border-radius:8px}.gazal-detail-media{width:100%;max-width:100%;aspect-ratio:1/1}.gazal-detail-copy{padding:8px 34px 8px 8px}.gazal-detail-copy h3{font-size:29px;margin-top:12px}.gazal-detail-copy p{font-size:14px}.gazal-detail-controls{margin-top:20px}.gazal-image-note{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.gazal-stage,.gazal-stage:before,.gazal-stage:after,.gazal-stage-icon,.gazal-stage-icon svg,.gazal-stage-caption,.gazal-detail,.gazal-detail-media img,.gazal-detail-controls button,.gazal-detail-close{animation:none!important;transition:none!important}.gazal-process-rule i:after{animation:none!important}}

/* Keep the corporate identification in the footer, clear of the interactive section. */
main .page-wrap > .legal-identity{display:none!important}