/* Flying Tigers — the client's choice: Direction C "Clarity in motion" with the client's changes (5 Oct 2026):
   orange top bar, business-card fonts, Aircraft section, no phone numbers, info@ email.
   V2 (6 Oct 2026): the client's new About Us text, core focus areas and six values (questionnaire received 6 Oct).
   V3 (6 Oct 2026): the client's "Website Copy — Final Validated Draft" and their brand font, Manrope (their files, self-hosted).
   V4 (6 Oct 2026): tighter spacing (row under the banner, Mission → Values), map labels no longer overlap,
   readable "Flying Tigers." over the Why Us clouds, no Privacy/Terms links in the footer.
   Palette from the brand guide (Tequila): Burnt Orange #FA5C01 · Off-White #FAFAFA · Warm Beige #D5D1C8 · Near Black #0C1319 */
@font-face{font-family:'Manrope';src:url(../fonts/manrope-400.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Manrope';src:url(../fonts/manrope-500.woff) format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Manrope';src:url(../fonts/manrope-600.woff) format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Manrope';src:url(../fonts/manrope-700.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}
:root{
  --o:#FA5C01; --o-d:#D94F00; --o-t:rgba(250,92,1,.22);
  --paper:#FAFAFA; --paper2:#F3F1ED; --beige:#D5D1C8; --beige-l:#E8E5DF; --white:#FFFFFF;
  --ink:#0C1319; --ink2:rgba(12,19,25,.7); --ink3:rgba(12,19,25,.48); --line:rgba(12,19,25,.13);
  /* the client's brand font for everything (headings and running text); Instrument Serif only for the italic accent words */
  --display:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --sans:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --serif:'Instrument Serif',Georgia,'Times New Roman',serif;
  --pad:clamp(20px,5vw,72px); --max:1380px; --hdr:84px;
  --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 12px);-webkit-text-size-adjust:100%}
body{font:400 17px/1.6 var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
ul,ol{list-style:none}
::selection{background:var(--o);color:#fff}
.defs{position:absolute;width:0;height:0;overflow:hidden}
[hidden]{display:none!important}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.ic{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.chamfer{--cut:44px;clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%,0 var(--cut));overflow:hidden}
.chamfer img{width:100%;height:100%;object-fit:cover}

/* ---------- type ---------- */
h1,h2,h3{font-weight:600;font-stretch:90%;letter-spacing:-.025em;line-height:1.05}
/* headings, menus, labels and buttons (--display); running text (--sans): both Manrope now, kept as two variables */
h1,h2,h3,h4,.btn,.link,.menu a,.mnav nav a,.kick,.s-head,.statement,.b-over-h,.b-card,.b-cue,.trust b,.pillars li,.v-no,.sc-no,.svc-hint,.marq-in,.p-tag,.c-list small,.fld span,.f-col h4,.ld-pct,.fleet-head,.ac-code,.ac-pay b,.ac-vol,.ac-rng{font-family:var(--display)}
em{font-family:var(--serif);font-style:italic;font-weight:400;font-stretch:100%;letter-spacing:-.01em;color:var(--o)}
.h2{font-size:clamp(36px,4.4vw,70px);line-height:1}
.h2 em{font-size:1.06em}
.lead{font-size:clamp(17px,1.35vw,20px);line-height:1.55;color:var(--ink2);max-width:540px}
.kick{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.kick::before{content:'';width:28px;height:2px;background:var(--o)}
.s-head{display:flex;align-items:center;gap:14px;margin-bottom:clamp(28px,4vw,52px);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.s-head::after{content:'';flex:1;height:1px;background:var(--line)}
.s-no{color:var(--o);font-variant-numeric:tabular-nums}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}
.link .ic{width:18px;height:18px;color:var(--o);transition:transform .4s var(--ease)}
.link:hover .ic{transform:translateX(4px)}

/* ---------- buttons ---------- */
.btn{--cut:10px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 24px;font-size:15px;font-weight:600;letter-spacing:.01em;white-space:nowrap;clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%,0 var(--cut));transition:background-color .35s var(--ease),color .35s var(--ease),box-shadow .35s var(--ease)}
.btn .ic{width:19px;height:19px;transition:transform .4s var(--ease)}
.btn:hover .ic{transform:translateX(3px)}
.btn-lg{height:58px;padding:0 30px;font-size:16px}
.btn-o{background:var(--o);color:#fff}
.btn-o:hover{background:var(--ink)}
.btn-line{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink);background:linear-gradient(135deg,transparent calc(50% - 1.1px),var(--ink) calc(50% - 1.1px),var(--ink) calc(50% + .5px),transparent calc(50% + .5px)) 0 0/var(--cut) var(--cut) no-repeat}
.btn-line:hover{background-color:var(--ink);color:var(--paper)}
.btn-line .ic{stroke-width:1.5}
.btn-text{padding:0 2px;color:var(--ink)}   /* "Know More": a quiet third action */
.b-cta .btn-lg{padding:0 26px}
.b-cta .btn-text{padding:0 2px}
.btn-text .ic{color:var(--o)}
.btn-text:hover{color:var(--o)}
.btn-mail{background:var(--ink);color:var(--paper);margin-top:30px}
.btn-mail:hover{background:var(--o)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{background:#fff;color:var(--ink)}

/* ---------- header: the orange top bar (client request), with the "on orange" logo: metal icon + white lettering ---------- */
.hdr{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--hdr);background:var(--o);color:#fff;transition:box-shadow .4s}
.hdr.scrolled{box-shadow:0 12px 30px -20px rgba(12,19,25,.5)}
.hdr-in{height:100%;display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:11px;flex:none;color:var(--ink)}
.hdr .logo{color:#fff}
.logo .li{width:40px;height:40px}
.logo .lt{display:grid;gap:5px}
.logo .lw{height:14.5px;width:auto;fill:currentColor}
.logo .lg{height:7.6px;width:auto;fill:currentColor;opacity:.7}
.hdr .logo .lg{opacity:.88}
.menu{display:flex;gap:clamp(14px,1.7vw,30px);margin-left:auto}
.menu a{position:relative;font-size:15px;font-weight:500;letter-spacing:.005em;color:rgba(255,255,255,.88);padding:6px 0;transition:color .3s}
.menu a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.menu a:hover,.menu a.on{color:#fff}
.menu a.on::after,.menu a:hover::after{transform:scaleX(1)}
.hdr-cta{height:44px;padding:0 20px;font-size:14px}
.burger{display:none;position:relative;width:46px;height:46px;margin-left:auto}
.burger i{position:absolute;left:11px;right:11px;height:2px;background:#fff;transition:transform .4s var(--ease),top .4s var(--ease)}
.burger i:nth-child(1){top:18px}.burger i:nth-child(2){top:26px}
.burger[aria-expanded="true"] i:nth-child(1){top:22px;transform:rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){top:22px;transform:rotate(-45deg)}
.mnav{position:fixed;inset:var(--hdr) 0 0 0;z-index:49;background:var(--o);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:28px var(--pad) 36px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .35s,transform .45s var(--ease),visibility 0s .45s}
.mnav.open{opacity:1;visibility:visible;transform:none;transition:opacity .35s,transform .45s var(--ease)}
.mnav nav{display:flex;flex-direction:column}
.mnav nav a{font-size:clamp(26px,7vw,40px);font-weight:600;font-stretch:90%;letter-spacing:-.02em;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.3)}
.mnav .btn{align-self:flex-start}

/* ---------- opening banner ---------- */
.banner{position:relative;height:320vh}
.b-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--paper)}
#film{position:absolute;inset:0;width:100%;height:100%;display:block}
/* index3: the client's video plays in the window (sized and placed by c.js), the same tall cut-corner window as index.html */
.b-vid{display:none}
[data-hero="video"] .b-vid{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;background:#D5D1C8;transform-origin:50% 50%;will-change:transform}
[data-hero="video"] #film{display:none}
.b-shade{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(180deg,rgba(12,19,25,.5) 0%,rgba(12,19,25,.1) 34%,rgba(12,19,25,.12) 55%,rgba(12,19,25,.7) 100%)}
.b-grid{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(32px,5vw,90px);align-items:center;padding-top:var(--hdr)}
.b-text{will-change:transform,opacity}
.b-frame{height:min(70vh,660px);min-height:380px}
.b-over{position:absolute;z-index:3;left:0;right:0;bottom:clamp(64px,13vh,140px);padding:0 var(--pad);text-align:center;color:#fff;opacity:0;pointer-events:none;will-change:transform,opacity}
.b-over .kick{justify-content:center}
.kick-w{color:rgba(255,255,255,.85)}
.b-over-h{margin-top:18px;font-size:clamp(38px,5.4vw,96px);font-weight:600;font-stretch:90%;letter-spacing:-.035em;line-height:.98;text-shadow:0 6px 40px rgba(12,19,25,.35)}
.b-over-h em{color:#FFB27F}
.b-cue{position:absolute;z-index:3;left:50%;bottom:22px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}
.b-cue i{position:relative;width:1.5px;height:38px;background:var(--line);overflow:hidden}
.b-cue i::after{content:'';position:absolute;left:0;top:0;width:100%;height:40%;background:var(--o);animation:cue 1.8s var(--ease) infinite}
@keyframes cue{0%{transform:translateY(-100%)}100%{transform:translateY(260%)}}
/* each headline line is a mask for the slide-up reveal; it needs room below for Manrope's descenders (the g of "cargo" was cut),
   and the hidden start position sits fully below that room */
.ln{display:block;overflow:hidden;padding-bottom:.22em;margin-bottom:-.22em}
.ln>span{display:block;transform:translateY(135%);transition:transform 1.25s var(--ease)}
.ln:nth-child(2)>span{transition-delay:.09s}
.ln:nth-child(3)>span{transition-delay:.18s}
body.ready .ln>span{transform:none}
.b-text .kick,.b-sub,.b-cta{opacity:0;transform:translateY(16px);transition:opacity 1s var(--ease) .45s,transform 1s var(--ease) .45s}
body.ready .b-text .kick,body.ready .b-sub,body.ready .b-cta{opacity:1;transform:none}
/* Outfit runs wider and rounder than the original Instrument Sans, so the headline is a touch smaller and lighter to keep the same clean measure */
/* Manrope runs wide: the size keeps "need their cargo" on one line (7.6em wide) inside the text column at every width */
.b-h1{margin:26px 0 26px;font-size:clamp(40px,5.3vw,78px);font-weight:600;line-height:1;letter-spacing:-.04em}
.b-h1 em{font-size:1.12em;letter-spacing:-.015em}
.b-sub{font-size:clamp(16px,1.3vw,19px);line-height:1.65;color:var(--ink2);max-width:570px}
.b-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.b-card{position:absolute;z-index:3;left:0;top:0;display:grid;opacity:0;will-change:transform,opacity;gap:4px;padding:18px 22px;background:var(--white);box-shadow:0 24px 50px -24px rgba(12,19,25,.35)}
.b-card .live{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}
.b-card .live i{width:8px;height:8px;border-radius:50%;background:#22A55B;box-shadow:0 0 0 4px rgba(34,165,91,.16)}
.b-card a{font-size:22px;font-weight:600;letter-spacing:-.01em}
/* the row under the banner: a balanced gap above and below (enough below that the beige section never covers its text while it slides in) */
.trust{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(28px,3.4vw,48px);margin-bottom:clamp(40px,4.6vw,64px);border-top:1px solid var(--line)}
.trust li{display:flex;align-items:flex-start;gap:14px;padding:26px 22px 0 0}
.trust li+li{padding-left:22px;border-left:1px solid var(--line)}
.trust .ic{width:28px;height:28px;color:var(--o);margin-top:1px}
.trust span{display:grid;align-content:start;gap:4px;font-size:14.5px;line-height:1.45;color:var(--ink2)}
.trust b{font-size:16px;font-weight:600;color:var(--ink)}
/* index6.1 / 7.1 "trust row": a small plane flies along the top line with a fading contrail; each icon draws itself as it
   passes, then does its own move. Positions and progress come from c.js (--px, --pa, --ta on the row; --d, --t per item);
   without JavaScript the fallbacks (1) show everything. */
.trust-anim{position:relative}
.trust-anim::before{content:'';position:absolute;left:0;top:-1px;width:28%;height:2px;background:linear-gradient(90deg,rgba(250,92,1,0),rgba(250,92,1,.9));transform:translate3d(calc(var(--px,0px) - 100% - 8px),0,0);opacity:var(--ta,0);pointer-events:none}
.trust-anim::after{content:'';position:absolute;left:-13px;top:-13.5px;width:26px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FA5C01' transform='rotate(90 12 12)' d='M12 2.2c.8 0 1.4.7 1.4 1.6v5.3l7.4 4.5v2l-7.4-2.2v4.7l2.3 1.7v1.6L12 20.7l-3.7.7v-1.6l2.3-1.7v-4.7l-7.4 2.2v-2l7.4-4.5V3.8c0-.9.6-1.6 1.4-1.6z'/%3E%3C/svg%3E") center/contain no-repeat;transform:translate3d(var(--px,0px),0,0);opacity:var(--pa,0);pointer-events:none}
.trust-anim .ic{opacity:clamp(0,calc(var(--d,1) * 40),1)}
.trust-anim .d{stroke-dasharray:1 2;stroke-dashoffset:calc(1 - clamp(0,calc(var(--d,1) * 1.4),1))}
.trust-anim .d2{stroke-dasharray:1 2;stroke-dashoffset:calc(1 - clamp(0,calc(var(--d,1) * 1.6 - .6),1))}
.trust-anim li span{opacity:var(--t,1);transform:translate3d(0,calc((1 - var(--t,1)) * 12px),0)}
.trust-anim .g-mer{transform-box:fill-box;transform-origin:center}
.trust-anim .t-tag{transform-origin:7.8px 7.8px}
.trust-anim li.go .g-mer{animation:ftSpin 1.3s cubic-bezier(.45,0,.55,1) both}           /* the globe turns */
.trust-anim li.go .p-body{animation:ftFly 1.1s cubic-bezier(.55,0,.35,1) both}           /* the aircraft flies out the top and back in */
.trust-anim li.go .u-head{animation:ftNod .9s var(--ease) both}                           /* the person nods */
.trust-anim li.go .t-tag{animation:ftSwing 1.5s cubic-bezier(.3,.7,.4,1) both}           /* the price tag swings on its hole */
@keyframes ftSpin{0%,50%,100%{transform:scaleX(1)}25%,75%{transform:scaleX(.1)}}
@keyframes ftFly{0%{transform:none}46%{transform:translate(0,-26px)}46.1%{transform:translate(0,26px)}100%{transform:none}}
@keyframes ftNod{0%,100%{transform:none}30%{transform:translateY(-2.4px)}62%{transform:translateY(.7px)}}
@keyframes ftSwing{0%,100%{transform:rotate(0)}16%{transform:rotate(-16deg)}38%{transform:rotate(10deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(2deg)}}
@media (prefers-reduced-motion:reduce){.trust-anim::before,.trust-anim::after{display:none}.trust-anim li.go *{animation:none!important}}

/* ---------- sections ---------- */
.sec{padding:clamp(72px,10vw,140px) 0}
.sec-beige{background:var(--beige-l)}
.sec-paper2{background:var(--paper2)}
/* Mission and Values share the same background, so their two paddings added up to a very large empty gap */
#mission{padding-bottom:clamp(48px,5.5vw,80px)}
#values{padding-top:clamp(40px,4.5vw,64px)}

/* mission */
.mission-grid{display:grid;grid-template-columns:1.45fr 1fr;grid-template-areas:"st img" "ab img" "pl pl";column-gap:clamp(32px,6vw,110px);row-gap:36px}
.statement{grid-area:st;font-size:clamp(26px,2.75vw,46px);line-height:1.28;font-weight:500;font-stretch:95%;letter-spacing:-.02em}
/* mission: the client's heading, then the mission sentence lighting up word by word */
.m-main{grid-area:st}
.m-main .statement{margin-top:30px;font-size:clamp(22px,2.1vw,32px);line-height:1.38;letter-spacing:-.015em}
.statement .w{opacity:.16;transition:opacity .35s}
.statement mark{background:linear-gradient(var(--o-t),var(--o-t)) 0 88%/0% 36% no-repeat;color:inherit;padding:0 .05em;transition:background-size 1.1s var(--ease)}
.statement mark.on{background-size:100% 36%}
.m-side{grid-area:img}
.m-img{--cut:48px;aspect-ratio:4/5;background:var(--beige);position:sticky;top:calc(var(--hdr) + 28px)}   /* the photo stays beside the text and stops before the three points */
.m-about{grid-area:ab;color:var(--ink2);max-width:640px}
.m-about p+p{margin-top:16px}
.m-about strong{color:var(--o);font-weight:700}
/* index6.5 / 7.5: the rest of the About text opens in place ("Read more" / "Read less") */
.m-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .65s var(--ease)}
.m-more-in{min-height:0;overflow:hidden}
.m-more.open{grid-template-rows:1fr}
.m-more-in p{margin-top:16px;opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease),transform .6s var(--ease)}
.m-more.open .m-more-in p{opacity:1;transform:none;transition-delay:.12s}
/* the "Read more" / "View more" link under the first paragraph */
.m-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:4px 0 6px;border-bottom:1.5px solid var(--o);font-family:var(--display);font-size:15.5px;font-weight:600;color:var(--ink);transition:color .3s}
.m-toggle:hover{color:var(--o)}
.m-toggle .ic{width:18px;height:18px;color:var(--o);transition:transform .45s var(--ease)}
.m-toggle[aria-expanded] .ic{transform:rotate(90deg)}               /* expanding: the arrow points down */
.m-toggle[aria-expanded="true"] .ic{transform:rotate(-90deg)}       /* and up once open */
/* index6.6 / 7.6: the full About text in a popup (a native <dialog>, opened by "View more") */
html.modal-open{overflow:hidden}
.ab-modal{width:min(980px,calc(100vw - 32px));max-width:none;max-height:none;margin:auto;padding:0;border:0;background:transparent;color:var(--ink);overflow:visible}
.ab-modal::backdrop{background:rgba(12,19,25,.62);backdrop-filter:blur(3px)}
.ab-panel{--cut:44px;position:relative;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;background:var(--paper);clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%,0 var(--cut))}
.ab-modal[open] .ab-panel{animation:abIn .55s var(--ease) both}
.ab-modal[open]::backdrop{animation:abFade .4s ease both}
.ab-modal.closing .ab-panel{animation:abOut .26s ease both}
.ab-modal.closing::backdrop{animation:abFade .26s ease reverse both}
@keyframes abIn{from{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:none}}
@keyframes abOut{to{opacity:0;transform:translateY(14px)}}
@keyframes abFade{from{opacity:0}to{opacity:1}}
.ab-fig{position:relative;height:clamp(200px,32vh,300px);overflow:hidden;background:var(--beige)}
.ab-fig img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.ab-fig::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,19,25,0) 45%,rgba(12,19,25,.55))}
.ab-fig figcaption{position:absolute;left:clamp(24px,5vw,56px);bottom:18px;z-index:1;display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.ab-fig figcaption .dot{width:9px;height:9px;border-radius:50%;background:var(--o);box-shadow:0 0 0 4px rgba(250,92,1,.3)}
/* the close button sits outside the scrolling panel, so it stays in place while the text scrolls */
.ab-close{position:absolute;top:16px;right:16px;z-index:2;width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 8px 24px -10px rgba(12,19,25,.45);transition:transform .3s var(--ease)}
.ab-modal[open] .ab-close{animation:abFade .45s ease .1s both}
.ab-modal.closing .ab-close{animation:abFade .2s ease reverse both}
.ab-close:hover{transform:rotate(90deg)}
.ab-close i{position:absolute;left:14px;right:14px;top:22px;height:2px;background:var(--ink);transform:rotate(45deg)}
.ab-close i+i{transform:rotate(-45deg)}
.ab-body{padding:clamp(26px,4.4vw,52px) clamp(24px,5vw,56px) clamp(28px,4.4vw,48px)}
.ab-body h3{margin:14px 0 22px;font-size:clamp(28px,3.2vw,44px);line-height:1.04}
.ab-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 26px;border-top:1px solid var(--line)}
.ab-facts li{padding:16px 18px 0 0;font-size:14px;line-height:1.45;color:var(--ink2)}
.ab-facts li+li{padding-left:18px;border-left:1px solid var(--line)}
.ab-facts b{display:block;margin-bottom:4px;font-family:var(--display);font-size:20px;font-weight:600;color:var(--o)}
.ab-text{max-width:70ch;color:var(--ink2)}
.ab-text p+p{margin-top:16px}
.ab-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.ab-back{font-family:var(--display);font-weight:600;color:var(--ink2);border-bottom:1.5px solid var(--line);padding-bottom:3px}
.ab-back:hover{color:var(--ink)}
@media (max-width:600px){
  .ab-modal{width:100vw;height:100dvh;max-height:none}
  .ab-panel{--cut:0px;height:100%;max-height:none}
  .ab-fig{height:auto;aspect-ratio:16/10}
  .ab-close{top:12px;right:12px}
  .ab-facts{grid-template-columns:1fr}
  .ab-facts li,.ab-facts li+li{padding:12px 0 0;border-left:0}
}
@media (prefers-reduced-motion:reduce){.ab-modal[open] .ab-panel,.ab-modal[open]::backdrop,.ab-modal.closing .ab-panel,.ab-modal.closing::backdrop,.ab-modal[open] .ab-close,.ab-modal.closing .ab-close{animation:none}}
.pillars{grid-area:pl;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:20px}
.pillars li{display:flex;align-items:baseline;gap:10px;padding:24px 26px 0 0;font-size:18px;font-weight:600;line-height:1.4}
.pillars li+li{padding-left:26px;border-left:1px solid var(--line)}
.pillars span{flex:none;width:22px;font-family:var(--serif);font-style:italic;font-weight:400;font-size:22px;color:var(--o)}

/* vision */
.vision-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(28px,5vw,90px);align-items:end}
.v-copy .lead+.lead{margin-top:14px}
.map{position:relative;margin-top:clamp(40px,6vw,80px)}
.arcs{position:absolute;left:0;top:0;width:100%;height:auto;aspect-ratio:1800/680;overflow:visible}
.arc{fill:none;stroke:var(--o);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.pin circle{fill:var(--o);opacity:0;transition:opacity .5s}
.pin text{font:600 21px var(--display);letter-spacing:.06em;fill:var(--ink);opacity:0;transition:opacity .5s}
.pin.on circle,.pin.on text{opacity:1}
.hq{fill:var(--o)}
.hq-ring{fill:rgba(250,92,1,.2);transform-box:fill-box;transform-origin:center;animation:ring 2.6s ease-out infinite}
@keyframes ring{0%{transform:scale(.5);opacity:1}100%{transform:scale(2.3);opacity:0}}
.hq-t{font:700 22px var(--display);letter-spacing:.08em;fill:var(--ink)}
.hq-s{font:600 15px var(--display);letter-spacing:.14em;fill:var(--ink2)}
.map img{width:100%;height:auto}
.map figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:18px;font-size:14px;color:var(--ink2)}
.map .dot{width:10px;height:10px;border-radius:50%;background:var(--o);box-shadow:0 0 0 5px rgba(250,92,1,.18)}
.map .sep{color:var(--ink3)}

/* values */
.values-top,.services-top{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(28px,5vw,90px);align-items:end;margin-bottom:clamp(40px,5vw,70px)}
.values li{position:relative;display:grid;grid-template-columns:90px minmax(0,1fr) minmax(0,1.25fr);gap:24px;align-items:baseline;padding:30px 0;border-top:1px solid var(--line);opacity:.4;transition:opacity .5s}
.values li.on{opacity:1}
.v-line{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--o);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease)}
.values li.on .v-line{transform:scaleX(1)}
.values li.on .v-no{color:var(--o)}
.values li.on h3{transform:translateX(10px)}
.values li:last-child{border-bottom:1px solid var(--line)}
.v-no{font-size:14px;font-weight:600;letter-spacing:.1em;color:var(--ink3);transition:color .3s}
.values h3{font-size:clamp(26px,2.6vw,40px);transition:transform .45s var(--ease)}
.values p{color:var(--ink2);max-width:560px}

/* services */
.svc{position:relative;background:var(--paper2)}
.svc-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:var(--hdr)}
.svc-top .s-head{margin-bottom:clamp(18px,2.6vh,30px)}
.svc-head{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(28px,5vw,90px);align-items:end}
.svc-head .h2{font-size:clamp(34px,3.8vw,60px)}
.svc-track{display:flex;gap:18px;padding:0 var(--pad);margin-top:clamp(22px,4vh,48px);will-change:transform}
.svc-card{--cut:26px;position:relative;flex:none;display:flex;flex-direction:column;width:clamp(270px,24vw,360px);height:clamp(290px,44vh,430px);padding:28px 26px 30px;background:var(--paper);border:1px solid var(--line);clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%,0 var(--cut));overflow:hidden}
.sc-no{font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--ink3)}
.svc-card .ic{width:42px;height:42px;color:var(--o);stroke-width:1.35;margin:auto 0 22px}
.svc-card h3{font-size:22px;line-height:1.15;margin-bottom:10px}
.svc-card p{font-size:15.5px;line-height:1.55;color:var(--ink2)}
.sc-photo{padding:0;color:#fff;border:0}
.sc-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,19,25,.9) 0%,rgba(12,19,25,.35) 50%,rgba(12,19,25,.05) 80%)}
.sc-photo>div{position:relative;z-index:1;margin-top:auto;padding:28px 26px 30px}
.sc-photo .sc-no{color:rgba(255,255,255,.75)}
.sc-photo p{color:rgba(255,255,255,.85)}
.sc-o{background:var(--o);border-color:var(--o);color:#fff}
.sc-o .sc-no,.sc-o p{color:rgba(255,255,255,.88)}
.sc-o .ic{color:#fff}
.sc-o .link{color:#fff;margin-top:16px}
.sc-o .link .ic{width:18px;height:18px;margin:0;color:#fff}
.svc-foot{display:flex;align-items:center;gap:22px;margin-top:clamp(20px,3.4vh,36px)}
.svc-prog{flex:1;height:2px;background:var(--line)}
.svc-prog i{display:block;height:100%;background:var(--o);transform-origin:left;transform:scaleX(0)}
.svc-hint{font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3)}
.ind-sec{padding-top:clamp(56px,7vw,100px)}
.ind-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}
.ind-head h3{font-size:clamp(22px,2vw,28px)}
.industries{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.industries .chamfer{--cut:26px;aspect-ratio:4/5;background:var(--beige)}
.par-box img.par{height:124%;margin-top:-12%;will-change:transform}
.industries span{display:block;margin-top:14px;font-size:16px;font-weight:600}

/* marquee */
.marq{overflow:hidden;padding:clamp(26px,3.6vw,52px) 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.marq-in{display:inline-flex;white-space:nowrap;font-size:clamp(44px,6.4vw,112px);font-weight:600;font-stretch:88%;letter-spacing:-.035em;line-height:1;will-change:transform}
.marq-in i{font-family:var(--serif);font-weight:400;color:var(--o);padding:0 .28em}

/* aircraft: a dark board with one row per freighter; the orange bars show payload (scaled to the AN-124) and fill as you scroll */
.sec-ink{background:var(--ink);color:var(--paper)}
.s-head-d::after{background:rgba(250,250,250,.16)}
.sec-ink .lead{color:rgba(250,250,250,.7)}
.ac-top{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(28px,5vw,90px);align-items:end;margin-bottom:clamp(36px,4.5vw,64px)}
.fleet-head,.ac{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.55fr) 190px 110px;column-gap:clamp(18px,2.6vw,40px)}
.fleet-head{padding-bottom:12px;border-bottom:1px solid rgba(250,250,250,.16);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,250,250,.45)}
.ac{grid-template-areas:"id pay vol rng" "id use use use";row-gap:8px;align-items:center;padding:26px 0;border-bottom:1px solid rgba(250,250,250,.12);transition:background-color .4s}
.ac:hover{background:rgba(250,250,250,.03)}
.ac-id{grid-area:id;display:grid;gap:8px;align-self:start}
.ac-code{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:clamp(28px,2.6vw,40px);font-weight:600;letter-spacing:-.015em;line-height:1}
.ac-new{padding:5px 8px;background:var(--o);color:#fff;font-size:11px;font-weight:600;letter-spacing:.12em;line-height:1;text-transform:uppercase}
.ac-name{font-size:14px;color:rgba(250,250,250,.58)}
.ac-pay{grid-area:pay;display:flex;align-items:center;gap:16px}
.ac-bar{flex:1;height:8px;background:rgba(250,250,250,.08);overflow:hidden}
.ac-bar i{display:block;height:100%;background:var(--o);transform-origin:left;transform:scaleX(0)}
.ac-pay b{min-width:64px;text-align:right;font-size:24px;font-weight:600;letter-spacing:-.01em}
.ac-vol{grid-area:vol}.ac-rng{grid-area:rng}
.ac-vol,.ac-rng{font-size:17px;font-weight:500}
.ac-vol small,.ac-rng small{display:none}
.ac-use{grid-area:use;max-width:720px;font-size:15px;line-height:1.55;color:rgba(250,250,250,.62)}
.ac-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px 40px;margin-top:34px}
.ac-note{max-width:640px;font-size:13.5px;color:rgba(250,250,250,.45)}

/* partners */
.partners-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(28px,5vw,90px);align-items:center}
.p-intro .lead{margin-top:22px}
.p-feature{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:center;padding:30px;background:var(--white);border:1px solid var(--line)}
.p-slots li{display:grid;place-items:center;border:1.5px dashed rgba(12,19,25,.22);color:var(--ink3);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
/* ACI's own logo (from aircharter-international.com), linking to their site */
.p-logo{display:grid;place-items:center;height:130px;padding:18px;background:#fff;border:1px solid var(--line);transition:border-color .3s}
.p-logo:hover{border-color:var(--o)}
.p-logo img{width:100%;max-width:180px;height:auto}
.p-tag{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--o)}
.p-body h3{font-size:clamp(22px,2vw,30px);line-height:1.15;margin:8px 0 12px}
.p-body p{color:var(--ink2);font-size:16px}
.p-link{margin-top:16px}
.p-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(36px,4vw,56px)}
/* 06 Our Partners, index6.3 / 7.3: one card where an orange route flies from our logo to ACI's (c.js sets --rp, --met and the plane) */
.pt-top{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(28px,5vw,90px);align-items:end;margin-bottom:clamp(36px,4.5vw,64px)}
.pt-card{--cut:44px;position:relative;padding:clamp(26px,4vw,56px);border:1px solid var(--line);clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%,0 var(--cut));background:linear-gradient(135deg,transparent calc(50% - .6px),var(--line) calc(50% - .6px),var(--line) calc(50% + .6px),transparent calc(50% + .6px)) 0 0/var(--cut) var(--cut) no-repeat,var(--white)}
.pt-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2.4vw,36px)}
.pt-ft{display:flex;align-items:center;gap:12px;color:var(--ink)}
.pt-ftmark{width:clamp(46px,4.6vw,64px);height:auto;flex:none}
.pt-ftword{display:grid;gap:6px}
.pt-ftword .lw{height:clamp(14px,1.35vw,19px);width:auto;fill:currentColor}
.pt-ftword .lg{height:clamp(7px,.72vw,10px);width:auto;fill:currentColor;opacity:.7}
.pt-aci{display:block;width:clamp(120px,13vw,190px)}
.pt-aci img{width:100%;height:auto;filter:grayscale(calc(1 - var(--met,1)));opacity:calc(.4 + var(--met,1) * .6)}
.pt-route{position:relative;height:120px}
.pt-route svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pt-guide{fill:none;stroke:rgba(12,19,25,.24);stroke-width:1.5;stroke-dasharray:1.5 7;stroke-linecap:round}
.pt-line{fill:none;stroke:var(--o);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1 2;stroke-dashoffset:calc(1 - var(--rp,1))}
.pt-dot{fill:var(--o)}
.pt-ring{fill:var(--white);stroke:var(--o);stroke-width:2;transition:fill .5s}
.pt-card.met .pt-ring{fill:var(--o)}
.pt-ping{fill:none;stroke:var(--o);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}
.pt-card.met .pt-ping{animation:ptPing 1.6s ease-out 2}
@keyframes ptPing{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(3.6)}}
.pt-plane path{fill:var(--o)}
.pt-plane{opacity:0}
.pt-cap{position:absolute;left:50%;top:74%;transform:translateX(-50%);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);white-space:nowrap;font-family:var(--display)}
.pt-body{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(22px,4vw,64px);align-items:start;margin-top:clamp(30px,4vw,52px);padding-top:clamp(26px,3.4vw,44px);border-top:1px solid var(--line)}
.pt-body h3{font-size:clamp(24px,2.3vw,34px);line-height:1.12}
.pt-body p{color:var(--ink2);font-size:16.5px;line-height:1.65}
.pt-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(28px,3.4vw,44px);border-top:1px solid var(--line)}
.pt-facts li{padding:24px 24px 0 0}
.pt-facts li+li{padding-left:24px;border-left:1px solid var(--line)}
.pt-facts b{display:block;margin-bottom:10px;font-family:var(--display);font-size:clamp(30px,3vw,44px);font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--o)}
.pt-facts span{display:block;max-width:300px;font-size:15px;line-height:1.5;color:var(--ink2)}
@media (prefers-reduced-motion:reduce){.pt-card.met .pt-ping{animation:none}}
.p-slots li{height:96px}

/* why us: freighter flyby */
.flyby{position:relative;height:290vh;background:#1c130c}
.fb-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#2a1a0e}
.fb-bg{position:absolute;inset:-8%;background:url(../img/clouds-bg.webp) center 40%/cover no-repeat;will-change:transform}
.fb-sun{position:absolute;left:52%;top:36%;width:70vmax;height:70vmax;margin:-35vmax 0 0 -35vmax;border-radius:50%;background:radial-gradient(closest-side,rgba(255,226,190,.85),rgba(250,92,1,.22) 38%,rgba(250,92,1,0) 70%);pointer-events:none;will-change:transform,opacity}
.fb-title{position:absolute;left:0;right:0;top:15%;z-index:1;text-align:center;color:#fff;padding:0 var(--pad);will-change:transform,opacity}
.s-head-w{justify-content:center;color:#fff;margin-bottom:22px}
.s-head-w::after{display:none}
.fb-title .h2{font-size:clamp(46px,6.4vw,112px);text-shadow:0 2px 6px rgba(20,10,4,.35),0 6px 44px rgba(20,10,4,.55)}
.fb-title .h2 em{color:#FFC59C}
/* a soft dark glow behind the heading, so "Flying Tigers." stays readable over the bright sun and clouds */
.fb-title::before{content:'';position:absolute;left:50%;top:52%;z-index:-1;width:min(1300px,120vw);height:190%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(18,10,4,.5),rgba(18,10,4,.3) 52%,rgba(18,10,4,0));pointer-events:none}
.fb-mid{position:absolute;left:-15vw;width:130vw;bottom:-6vh;will-change:transform}
.fb-mid img,.fb-front img{width:100%}
.jet{position:absolute;left:50%;top:50%;width:min(70vw,1240px);margin-left:calc(min(70vw,1240px) / -2);will-change:transform}
.jet img{width:100%;filter:drop-shadow(0 34px 44px rgba(20,8,2,.4))}
.fb-front{position:absolute;left:-20vw;width:160vw;bottom:-6vh;z-index:3;will-change:transform}
.fb-vig{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(12,19,25,.55)),linear-gradient(180deg,rgba(12,19,25,.45),transparent 26%,transparent 70%,rgba(12,19,25,.55))}
.why-sec{padding-top:clamp(64px,8vw,110px)}

/* why us */
.why{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px}
.why li{padding:30px 0;border-top:1px solid var(--line)}
.why .ic{width:32px;height:32px;color:var(--o);stroke-width:1.4;margin-bottom:18px}
.why h3{font-size:21px;margin-bottom:8px}
.why p{font-size:15.5px;color:var(--ink2)}

/* contact */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,100px);align-items:start}
.c-info .h2{margin-bottom:22px}
.c-list{display:grid;gap:20px;margin-top:40px}
.c-mail{margin-top:30px}
#contact .contact-grid{align-items:end}
#contact .c-list{margin-top:0;padding:clamp(24px,3vw,40px);background:var(--paper);gap:26px}
.c-list li{display:flex;gap:16px;align-items:flex-start}
.c-list .ic{width:24px;height:24px;color:var(--o);margin-top:4px}
.c-list span{display:grid;font-size:17px;font-weight:500}
.c-list small{font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.c-list a:hover{color:var(--o)}
.c-form{background:var(--white);padding:clamp(24px,3.4vw,48px);box-shadow:0 40px 80px -50px rgba(12,19,25,.45)}
.f-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.f-head h3{font-size:26px}
.f-head span{font-size:13.5px;color:var(--ink3)}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 18px}
.fld{display:grid;gap:7px}
.fld.wide{grid-column:1/-1}
.fld span{font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.fld input,.fld textarea{width:100%;height:50px;padding:0 15px;border:1px solid var(--line);background:var(--paper);border-radius:0;outline:0;transition:border-color .25s,box-shadow .25s,background-color .25s}
.fld textarea{height:auto;padding:13px 15px;resize:vertical;line-height:1.5}
.fld input::placeholder,.fld textarea::placeholder{color:rgba(12,19,25,.38)}
.fld input:focus,.fld textarea:focus{border-color:var(--o);background:#fff;box-shadow:0 0 0 3px rgba(250,92,1,.14)}
.fld.bad input,.fld.bad textarea{border-color:#C8321E;background:#FFF6F4}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.f-send{width:100%;margin-top:26px}
.f-send[disabled]{opacity:.75;cursor:progress}
.f-error{margin-top:20px;padding:12px 14px;background:#FFF6F4;border:1px solid #F1C1B6;color:#9B2C1A;font-size:14.5px;line-height:1.5}
.f-note{margin-top:14px;font-size:13.5px;color:var(--ink3);text-align:center}
.f-done{display:grid;justify-items:center;text-align:center;gap:14px;padding:40px 10px}
.f-done .ic{width:56px;height:56px;color:var(--o);stroke-width:1.3}
.f-done h3{font-size:26px}
.f-done p{color:var(--ink2);max-width:420px}
.f-done .btn{margin-top:10px}

/* footer */
.ftr{background:var(--ink);color:var(--paper);padding:clamp(64px,8vw,110px) 0 36px}
.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.logo-light{color:var(--paper)}
.f-brand p{margin:22px 0 28px;font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.25;color:rgba(250,250,250,.86);max-width:360px}
.f-col{display:grid;align-content:start;gap:10px;font-size:15.5px;color:rgba(250,250,250,.72)}
.f-col h4{font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(250,250,250,.45);margin-bottom:6px}
.f-col a{transition:color .3s;width:fit-content}
.f-col a:hover{color:var(--o)}
.f-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:clamp(48px,6vw,80px);padding-top:24px;border-top:1px solid rgba(250,250,250,.12);font-size:13.5px;color:rgba(250,250,250,.5)}
.f-legal{display:flex;gap:22px}
.f-legal a:hover{color:var(--paper)}

/* progress, loader, footer wordmark */
.prog{position:fixed;left:0;top:0;right:0;height:3px;z-index:60;background:var(--ink);transform-origin:left;transform:scaleX(0);pointer-events:none}
.loader{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:22px;background:var(--paper);transition:opacity .7s var(--ease) .15s,visibility 0s .9s}
.ld-logo{width:74px;height:74px}
.ld-bar{width:min(260px,60vw);height:3px;background:var(--line);overflow:hidden}
.ld-bar i{display:block;height:100%;width:0;background:var(--o);transition:width .3s var(--ease)}
.ld-pct{font-size:12.5px;font-weight:600;letter-spacing:.16em;color:var(--ink3)}
body:not(.loading) .loader{opacity:0;visibility:hidden}
body.loading{overflow:hidden}

/* ---------- reveal ---------- */
[data-rv]{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
[data-rv].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  [data-rv]{opacity:1;transform:none;transition:none}
  .ln>span,.b-text .kick,.b-sub,.b-cta{transform:none;opacity:1;transition:none}
  .b-cue i::after,.hq-ring{animation:none}
}

/* ---------- responsive ---------- */
@media (max-width:1220px){
  .menu{display:none}
  .burger{display:block;margin-left:0}
  .hdr-cta{margin-left:auto}
}
@media (max-width:1040px){
  .industries{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:38vw;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;margin-right:calc(var(--pad) * -1);padding-right:var(--pad)}
  .industries li{scroll-snap-align:start}
  .p-feature{grid-template-columns:1fr}
  .p-logo{height:110px;max-width:240px}
}
@media (max-width:900px){
  :root{--hdr:72px}
  .b-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:stretch;gap:22px;padding-top:calc(var(--hdr) + 18px);padding-bottom:22px}
  .b-text{align-self:end}
  [data-hero="logo"] .b-card{display:none}   /* index2: no room beside the smaller logo; the same details are in Contact and the footer */
  .b-frame{height:auto;min-height:0}
  .b-cue{display:none}
  .svc{height:auto!important}
  .svc-stage{position:relative;height:auto;padding:clamp(72px,10vw,110px) 0}
  .svc-head{grid-template-columns:1fr;gap:16px}
  .svc-track{flex-direction:column;padding:0 var(--pad);transform:none!important}
  .svc-card{width:auto;height:auto;min-height:230px}
  .svc-foot{display:none}
  .why{grid-template-columns:1fr 1fr}
  .trust{grid-template-columns:1fr 1fr}
  .trust li:nth-child(3){padding-left:0;border-left:0}
  .trust li:nth-child(n+3){padding-top:22px}
  .mission-grid{grid-template-columns:1fr;grid-template-areas:"st" "ab" "img" "pl"}
  .m-img{aspect-ratio:16/10;position:relative;top:auto}
  .pillars{grid-template-columns:1fr}
  .pillars li,.pillars li+li{padding:18px 0 0;border-left:0}
  .vision-grid,.values-top,.services-top,.partners-grid,.why-grid,.contact-grid,.ac-top,.pt-top,.pt-body{grid-template-columns:1fr}
  .pt-top{gap:18px}
  .pt-ftword{display:none}   /* tablets and phones: the F mark alone at the start of the route */
  .values-top,.services-top,.ac-top{gap:18px}
  .fleet-head{display:none}
  .fleet{border-top:1px solid rgba(250,250,250,.16)}
  .ac{grid-template-columns:1fr 1fr;grid-template-areas:"id id" "pay pay" "vol rng" "use use";row-gap:14px;padding:24px 0}
  .ac-vol small,.ac-rng small{display:block;margin-bottom:2px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(250,250,250,.45)}
  .values li{grid-template-columns:56px 1fr;row-gap:8px}
  .values p{grid-column:2}
  .p-slots{grid-template-columns:repeat(2,1fr)}
  .ftr-grid{grid-template-columns:1fr 1fr}
  .f-brand{grid-column:1/-1}
}
@media (max-width:600px){
  .pt-card{--cut:28px}
  .pt-route{height:84px}
  .pt-aci{width:96px}
  .pt-ftmark{width:40px}
  .pt-cap{top:80%;font-size:10.5px;letter-spacing:.12em}
  .pt-facts{grid-template-columns:1fr}
  .pt-facts li,.pt-facts li+li{padding:20px 0 0;border-left:0}
  .pt-facts li+li{margin-top:20px;border-top:1px solid var(--line)}
  .pt-body .p-link{display:inline}   /* the long link wraps like text, with its arrow after the last word */
  .pt-body .p-link .ic{display:inline-block;vertical-align:-4px;margin-left:6px}
  .hdr-cta{display:none}
  .burger{margin-left:auto}
  .logo .li{width:34px;height:34px}
  .logo .lw{height:13px}
  .logo .lg{height:6.8px}
  .b-h1{margin:20px 0}
  .b-cta .btn{flex:1 1 auto}
  .b-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px}   /* main action full width; WhatsApp + Know More share the second row */
  .b-cta .btn-o{grid-column:1/-1}
  .trust{grid-template-columns:1fr}
  .trust li,.trust li+li{padding:18px 0 0;border-left:0}
  .b-h1{font-size:clamp(36px,10vw,52px)}
  .b-sub{font-size:15.5px}
  .b-cta{margin-top:24px}
  .b-cta .btn-lg{height:52px;padding:0 18px;font-size:15px}
  .industries{grid-auto-columns:64vw}
  .why{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr}
  .ftr-grid{grid-template-columns:1fr}
}