/* ===== Stage 4: corporate home, trust layer, data visualisation, photo page heads ===== */

/* utility bar (all pages) */
.util{background:var(--navy);color:var(--on-navy-muted);font-size:13px}
.util-in{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:36px}
.util a{color:var(--on-navy-muted);text-decoration:none}.util a:hover{color:#fff}
.util-r{display:flex;align-items:center;gap:20px}
.clk b{color:#fff;font-weight:600;font-variant-numeric:tabular-nums;margin-left:4px}
.util-open{display:inline-flex;align-items:center;gap:7px}
.util-open i{width:7px;height:7px;border-radius:50%;background:#8b97ad}
.util-open.on i{background:#6fd0a4;box-shadow:0 0 0 0 rgba(111,208,164,.6);animation:dpPulse2 2.4s ease-out infinite}
@keyframes dpPulse2{0%{box-shadow:0 0 0 0 rgba(111,208,164,.55)}70%{box-shadow:0 0 0 3.5px rgba(111,208,164,0)}100%{box-shadow:0 0 0 0 rgba(111,208,164,0)}}
@media (max-width:860px){.util-l,.util .mail{display:none}.util-in{justify-content:center}}
@media (max-width:520px){.util-open span{display:none}}

/* ---------- hero ---------- */
.hero2{position:relative;background:var(--navy);color:#fff;overflow:hidden;isolation:isolate}
.hero2-bg{position:absolute;inset:0;z-index:-3}
.hero2-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 30%;opacity:0;transform:scale(1.06);transition:opacity 1.6s ease,transform 9s linear}
.hero2-bg img.on{opacity:1;transform:scale(1)}
.hero2::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(20,27,49,.96) 0%,rgba(24,32,58,.88) 38%,rgba(30,39,68,.45) 68%,rgba(30,39,68,.15) 100%),linear-gradient(0deg,rgba(20,27,49,.7),transparent 40%)}
.hero2-rib{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.9}
.hero2-in{min-height:min(78vh,700px);display:flex;align-items:center;padding-top:72px;padding-bottom:120px}
.hero2-text{max-width:640px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.hero2 .eyebrow{color:var(--sage-lt)}
.hero2 h1{color:#fff;font-size:clamp(40px,5.6vw,68px)}
.hero2 .lead{color:#D5DCE7;max-width:56ch}
.hero2 .actions{display:flex;flex-wrap:wrap;gap:12px}
.btn-light{background:#fff;color:var(--navy);border-color:#fff}
.btn-light:hover{background:var(--soft);border-color:var(--soft)}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.hero2-trust{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14.5px;color:#C9D2DF}
.hero2-trust li{display:flex;align-items:center;gap:8px}
.hero2-trust li::before{content:"";width:16px;height:16px;flex:0 0 16px;border-radius:50%;background:rgba(169,192,180,.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23A9C0B4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.hero2-strip{position:absolute;left:0;right:0;bottom:0;background:rgba(14,20,38,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.12)}
.strip-in{display:flex;align-items:center;gap:18px;min-height:64px;font-size:14.5px;color:#C9D2DF;overflow:hidden}
.strip-in a{color:#fff;text-decoration:none;font-weight:600}
.strip-in a:hover{text-decoration:underline}
.strip-tag{flex:0 0 auto;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);background:var(--sage-lt);border-radius:999px;padding:4px 10px}
.strip-item{display:flex;align-items:center;gap:10px;min-width:0}
.strip-item span.t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.strip-sep{width:1px;height:22px;background:rgba(255,255,255,.18);flex:0 0 1px}
.hero2-dots{margin-left:auto;display:flex;gap:6px;flex:0 0 auto}
.hero2-dots button{width:22px;height:3px;border:0;padding:0;border-radius:2px;background:rgba(255,255,255,.3);cursor:pointer}
.hero2-dots button.on{background:#fff}
@media (max-width:900px){.strip-item.s2,.strip-sep{display:none}}
@media (max-width:640px){.hero2-in{min-height:0;padding-top:56px;padding-bottom:150px}.strip-in{flex-wrap:wrap;gap:8px;padding:12px 0}.hero2-dots{margin-left:0}.hero2::before{background:linear-gradient(180deg,rgba(20,27,49,.86),rgba(20,27,49,.94))}}

/* ---------- trust ---------- */
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:38px}
.trust-it{padding:26px 24px;border:1px solid var(--line);border-radius:14px;background:var(--card);display:flex;flex-direction:column;gap:10px;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.trust-it:hover{box-shadow:var(--lift);border-color:#C5D1CA}
.trust-ic{width:44px;height:44px;border-radius:12px;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--accent)}
.trust-ic svg{width:22px;height:22px}
.trust-it h3{font-size:18px}
.trust-it p{font-size:15px;color:var(--muted);line-height:1.55}
@media (max-width:980px){.trust-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.trust-grid{grid-template-columns:1fr}}
.srcbar{margin-top:44px;padding-top:28px;border-top:1px solid var(--line);display:flex;align-items:center;gap:26px}
.srcbar-l{flex:0 0 auto;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);max-width:180px;line-height:1.4}
.srcbar-m{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.srcbar-t{display:flex;gap:44px;width:max-content;animation:srcRoll 46s linear infinite}
.srcbar-m:hover .srcbar-t{animation-play-state:paused}
.srcbar-t span{font-family:var(--hf);font-weight:700;font-size:19px;color:#8A96A8;white-space:nowrap;letter-spacing:-.01em}
@keyframes srcRoll{to{transform:translateX(-50%)}}
@media (max-width:700px){.srcbar{flex-direction:column;align-items:flex-start;gap:14px}.srcbar-l{max-width:none}.srcbar-m{width:100%}}

/* ---------- Thailand at a glance: interactive data panel ---------- */
.gl{display:grid;grid-template-columns:minmax(260px,.9fr) 1.6fr;gap:26px;margin-top:34px;align-items:stretch}
.gl-list{display:flex;flex-direction:column;gap:10px}
.gl-item{position:relative;text-align:left;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px 18px;cursor:pointer;display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:baseline;overflow:hidden;transition:border-color .25s,background-color .25s,box-shadow .25s}
.gl-item:hover{border-color:#B9C8C0}
.gl-item.on{border-color:var(--accent);box-shadow:0 7px 15px -11px rgba(30,39,68,.5)}
.gl-n{font-family:var(--hf);font-weight:700;font-size:26px;line-height:1.05;min-width:118px;font-variant-numeric:tabular-nums}
.gl-item.on .gl-n{color:var(--accent)}
.gl-l{font-weight:600;font-size:15px;line-height:1.35}
.gl-s{grid-column:2;font-size:13px;color:var(--muted);margin-top:2px}
.gl-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
.gl-item.on .gl-bar{animation:glFill var(--gl-t,7s) linear forwards}
.gl.held .gl-item.on .gl-bar{animation:none;transform:scaleX(1)}
@keyframes glFill{to{transform:scaleX(1)}}
.gl-panel{position:relative;background:var(--navy);color:var(--on-navy);border-radius:18px;padding:34px 36px;min-height:420px;overflow:hidden;isolation:isolate}
.gl-panel::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(169,192,180,.16) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(160deg,#000,transparent 75%);mask-image:linear-gradient(160deg,#000,transparent 75%)}
.gl-view{display:none;flex-direction:column;gap:18px;height:100%}
.gl-view.on{display:flex;animation:glIn .55s var(--ease)}
@keyframes glIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.gl-vt{font-family:var(--hf);font-size:22px;font-weight:700;color:#fff;line-height:1.2}
.gl-vt span{display:block;font-family:var(--bf);font-size:13.5px;font-weight:500;color:var(--on-navy-muted);margin-top:6px;letter-spacing:.02em}
.gl-note{margin-top:auto;font-size:12.5px;color:#9AA6BA;line-height:1.5}
/* horizontal bars */
.hb{display:grid;grid-template-columns:170px 1fr 120px;gap:14px;align-items:center;padding:6px 0;opacity:.55;transition:opacity .35s}
.hb.hl{opacity:1}
.hb-l{font-size:14.5px;color:#DCE2EB}
.hb-t{height:16px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.hb-t i{display:block;height:100%;width:var(--w);border-radius:999px;background:linear-gradient(90deg,#5F8B79,var(--sage-lt));transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--ease)}
.hb[data-k="pop"] .hb-t i{background:rgba(195,204,218,.45)}
.gl-view.on .hb-t i{transform:scaleX(1)}
.hb-v{font-family:var(--hf);font-weight:700;font-size:17px;color:#fff;text-align:right;font-variant-numeric:tabular-nums}
.hb-v small{display:block;font-family:var(--bf);font-weight:500;font-size:12.5px;color:var(--on-navy-muted)}
/* columns */
.cols{display:flex;align-items:flex-end;gap:34px;height:250px;padding:10px 6px 0;border-bottom:1px solid rgba(255,255,255,.18);position:relative}
.col{flex:0 0 120px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;position:relative}
.col i{display:block;width:100%;height:var(--h);border-radius:10px 10px 0 0;background:rgba(195,204,218,.35);transform:scaleY(0);transform-origin:bottom;transition:transform 1.1s var(--ease)}
.col.hl i{background:linear-gradient(180deg,var(--sage-lt),#5F8B79)}
.gl-view.on .col i{transform:scaleY(1)}
.col-v{font-family:var(--hf);font-weight:700;font-size:18px;color:#fff}
.col-l{position:absolute;bottom:-30px;font-size:13.5px;color:var(--on-navy-muted)}
.growth{align-self:center;margin-left:8px;display:flex;flex-direction:column;gap:4px}
.growth b{font-family:var(--hf);font-size:44px;line-height:1;color:var(--sage-lt)}
.growth small{font-size:13.5px;color:var(--on-navy-muted)}
.growth svg{width:120px;height:40px}
.growth svg path{stroke-dasharray:140;stroke-dashoffset:140;transition:stroke-dashoffset 1.2s var(--ease) .4s}
.gl-view.on .growth svg path{stroke-dashoffset:0}
/* route map */
.route{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:center}
.route svg{width:100%;height:auto;overflow:visible}
.route .arc{stroke-dasharray:6 7;animation:arcDash 1.6s linear infinite}
@keyframes arcDash{to{stroke-dashoffset:-26}}
.route-n{font-family:var(--hf);font-weight:700;font-size:52px;line-height:1;color:#fff}
.route-k{font-size:15px;color:#DCE2EB;margin-top:8px}
.route-badge{display:inline-flex;margin-top:16px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);background:var(--sage-lt);border-radius:999px;padding:6px 12px}
/* donut */
.donut-w{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center}
.donut{width:220px;height:220px;position:relative}
.donut svg{width:100%;height:100%;transform:rotate(-90deg)}
.donut .seg{stroke-dasharray:0 440;transition:stroke-dasharray 1.3s var(--ease)}
.gl-view.on .donut .seg{stroke-dasharray:308 440}
.donut-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.donut-c b{font-family:var(--hf);font-size:44px;line-height:1;color:#fff}
.donut-c span{font-size:12.5px;color:var(--on-navy-muted);margin-top:6px;max-width:120px}
.side-stat{border-left:2px solid var(--sage);padding-left:18px;display:flex;flex-direction:column;gap:6px}
.side-stat b{font-family:var(--hf);font-size:32px;color:#fff;line-height:1.1}
.side-stat span{font-size:14.5px;color:#DCE2EB}
.legend{display:flex;gap:18px;font-size:13px;color:var(--on-navy-muted);margin-top:16px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
@media (max-width:900px){
  .gl{grid-template-columns:1fr}
  .gl-list{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
  .gl-item{flex:0 0 240px;scroll-snap-align:start}
  .gl-panel{padding:26px 22px;min-height:0}
}
@media (max-width:640px){
  .hb{grid-template-columns:1fr 92px;row-gap:6px}.hb-l{grid-column:1/-1}
  .route,.donut-w{grid-template-columns:1fr}.donut{margin:0 auto}
  .cols{gap:18px;height:210px}.col{flex-basis:90px}.growth b{font-size:34px}
}

/* ---------- service pillars ---------- */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}
.pillar{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.pillar:hover{box-shadow:var(--lift)}
.pillar-img{position:relative;aspect-ratio:16/10;background:var(--navy) center/cover no-repeat;overflow:hidden}
.pillar-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.pillar:hover .pillar-img img{}
.pillar-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,27,49,.78),rgba(20,27,49,0) 60%)}
.pillar-tag{position:absolute;left:20px;bottom:16px;z-index:1;color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.pillar-tag b{font-family:var(--hf);font-size:30px;letter-spacing:0;display:block;line-height:1;margin-bottom:6px;color:var(--sage-lt)}
.pillar-b{padding:26px 26px 28px;display:flex;flex-direction:column;gap:12px;flex:1}
.pillar-b h3{font-size:22px}
.pillar-b p{color:var(--muted);font-size:15.5px}
.pillar-l{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.pillar-l a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:500;font-size:15px;transition:color .2s,padding .25s var(--ease)}
.pillar-l a::after{content:"\2192";color:var(--sage);transition:transform .25s var(--ease),color .2s}
.pillar-l a:hover{color:var(--accent);padding-left:6px}
.pillar-l a:hover::after{transform:translateX(4px);color:var(--accent)}
@media (max-width:980px){.pillars{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.pillars{grid-template-columns:1fr}}

/* ---------- featured report ---------- */
.feat-rpt{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.feat-rpt .eyebrow{color:var(--sage-lt)}
.feat-rpt p.lead{color:#D5DCE7;margin-top:16px}
.fr-facts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.fr-facts span{font-size:13.5px;color:#DCE2EB;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 12px}
.fr-price{margin-top:22px;font-size:15px;color:var(--on-navy-muted)}
.fr-price b{font-family:var(--hf);font-size:28px;color:#fff;margin-right:8px}
.feat-rpt .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.fr-next{margin-top:22px;font-size:14px;color:#9AA6BA}
.book-st{position:relative;height:420px;perspective:1100px;display:flex;align-items:center;justify-content:center}
.book{position:relative;width:290px;height:390px;transform-style:preserve-3d;transform:rotateY(-14deg) rotateX(4deg);transition:transform .6s var(--ease)}
.book-pg{position:absolute;inset:0;border-radius:6px 12px 12px 6px;background:#F7F9F8;box-shadow:0 10px 20px -12px rgba(0,0,0,.6);padding:26px 24px;display:flex;flex-direction:column;gap:12px;color:var(--ink)}
.book-pg.p2{transform:translate(64px,-26px) rotate(7deg)}
.book-pg.p1{transform:translate(34px,-12px) rotate(3.5deg)}
.book-pg .ln{height:7px;border-radius:4px;background:#DCE3DF}
.book-pg .ln.s{width:60%}
.book-pg .mini-t{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.book-pg .mini-bars{display:flex;align-items:flex-end;gap:8px;height:90px;margin-top:6px}
.book-pg .mini-bars i{flex:1;border-radius:3px 3px 0 0;background:var(--sage-lt)}
.book-pg .mini-bars i:nth-child(4){background:var(--accent)}
.book-pg .mini-row{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);border-bottom:1px solid #E3E8E5;padding:5px 0}
.book-pg .mini-row b{color:var(--ink)}
.book-cv{position:absolute;inset:0;border-radius:6px 12px 12px 6px;background:linear-gradient(150deg,#26325A,#141B33);box-shadow:0 17px 30px -13px rgba(0,0,0,.75),inset 3px 0 0 rgba(255,255,255,.06);padding:30px 28px;display:flex;flex-direction:column;color:#fff;overflow:hidden}
.book-cv::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);background-size:260% 100%;background-position:130% 0;transition:background-position 1.2s var(--ease)}
.book-st:hover .book-cv::after{background-position:-40% 0}
.book-cv img{width:46px;height:46px}
.book-cv .k{margin-top:auto;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-lt)}
.book-cv .t{font-family:var(--hf);font-size:27px;font-weight:700;line-height:1.12;margin-top:10px}
.book-cv .d{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);font-size:12.5px;color:var(--on-navy-muted);display:flex;justify-content:space-between}
@media (max-width:900px){.feat-rpt{grid-template-columns:1fr;gap:30px}.book-st{height:380px}.book{width:250px;height:340px}}

/* ---------- process timeline ---------- */
.steps{position:relative;counter-reset:none}
.steps::before{content:"";position:absolute;left:28px;right:28px;top:-18px;height:2px;background:var(--line)}
.steps::after{content:"";position:absolute;left:28px;right:28px;top:-18px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 1.8s var(--ease) .2s}
.steps.seen::after,.no-motion .steps::after{transform:scaleX(1)}
.steps>.card{position:relative}
.steps>.card::before{content:"";position:absolute;left:28px;top:-24px;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--accent)}
@media (max-width:900px){.steps::before,.steps::after,.steps>.card::before{display:none}}

/* ---------- insights tabs + carousel ---------- */
.ins-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 22px}
.ins-tab{font:600 14px var(--bf);color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:999px;padding:8px 16px;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.ins-tab:hover{border-color:var(--ink)}
.ins-tab.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.ins-car .car-track{grid-auto-columns:calc((100% - 40px)/3)}
.ins-car .card.post{height:100%}
.ins-car .card.post[hidden]{display:none}
.car-dots{display:flex;gap:8px;margin-right:auto;align-items:center}
.car-dot{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:var(--line);cursor:pointer;transition:width .35s var(--ease),background-color .35s}
.car-dot.on{width:26px;background:var(--accent)}
.car-btn{transition:background-color .2s,color .2s}
.car-btn:hover{background:var(--ink);color:#fff}
.ctype{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
@media (max-width:980px){.ins-car .car-track{grid-auto-columns:calc((100% - 20px)/2)}}
@media (max-width:640px){.ins-car .car-track{grid-auto-columns:85%}}

/* ---------- partners & investors ---------- */
.inv{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:var(--navy)}
.inv-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transform:scale(1.08);will-change:transform}
.inv::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,27,49,.95),rgba(20,27,49,.82) 55%,rgba(20,27,49,.55))}
.inv-in{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.inv h2{color:#fff}
.inv .eyebrow{color:var(--sage-lt)}
.inv p.lead{color:#D5DCE7;margin-top:16px}
.inv .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.inv-pts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.inv-pts li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:18px 20px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.inv-pts b{display:block;font-family:var(--hf);font-size:17px;color:#fff;margin-bottom:4px}
.inv-pts span{font-size:14.5px;color:#C9D2DF;line-height:1.5}
@media (max-width:900px){.inv-in{grid-template-columns:1fr}}

/* ---------- photo page heads (inner pages) ---------- */
.ph-photo{position:relative;overflow:hidden;isolation:isolate;background:var(--navy) var(--ph) center/cover no-repeat;color:#fff}
.ph-photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,27,49,.95) 0%,rgba(20,27,49,.86) 50%,rgba(20,27,49,.55) 100%)}
.ph-photo h1,.ph-photo h2{color:#fff}
.ph-photo .eyebrow{color:var(--sage-lt)}
.ph-photo .lead,.ph-photo .lead.muted,.ph-photo .muted{color:#D5DCE7}
.ph-photo .chip{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.28)}
.ph-photo .chip:hover,.ph-photo .chip.on{background:#fff;color:var(--navy);border-color:#fff}
.ph-photo label{color:#fff}
.ph-photo .crumbs,.ph-photo .crumbs a{color:#C9D2DF}

.strip-item a.t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.gl-view[data-view="reach"] .hb{padding:16px 0}

.hero2-cap{position:absolute;right:24px;bottom:84px;margin:0;max-width:min(420px,60vw);text-align:right;font-size:12.5px;letter-spacing:.04em;color:rgba(255,255,255,.78);text-shadow:0 1px 8px rgba(0,0,0,.45);transition:opacity .6s}
@media (min-width:1260px){.hero2-cap{right:calc((100vw - 1200px)/2 + 24px)}}
@media (max-width:640px){.hero2-cap{display:none}}

/* reports carousel */
.rpt-car .car-track{grid-auto-columns:calc((100% - 40px)/3)}
.rpt-car .rpt-card{height:100%}
@media (max-width:980px){.rpt-car .car-track{grid-auto-columns:calc((100% - 20px)/2)}}
@media (max-width:640px){.rpt-car .car-track{grid-auto-columns:85%}}