/* Trident — service subpage styles */
.page-hero{position:relative;min-height:62svh;display:flex;align-items:flex-end;
  color:#EAE6DC;overflow:hidden}
.page-hero .hero-veil{background:linear-gradient(180deg,rgba(8,10,15,.6) 0%,rgba(8,10,15,.25) 45%,rgba(8,10,15,.78) 100%)}
.page-hero .hero-inner{padding-bottom:clamp(48px,7vh,90px)}
.page-hero h1{font-size:clamp(36px,5.4vw,72px);max-width:16ch;font-weight:500}
.page-hero .hero-sub{max-width:56ch}
.crumb{display:inline-flex;gap:10px;align-items:baseline;font-size:12px;
  letter-spacing:.2em;text-transform:uppercase;color:rgba(234,230,220,.55);margin-bottom:22px}
.crumb a{color:rgba(234,230,220,.55);transition:color .3s}
.crumb a:hover{color:#EAE6DC}
.crumb .sep{color:var(--accent)}

/* two-column detail rows */
.detail{display:grid;grid-template-columns:minmax(220px,.65fr) 1.35fr;
  gap:clamp(28px,5vw,80px);padding:clamp(36px,5vw,64px) 0;border-top:1px solid var(--hairline);
  align-items:start}
.detail:first-of-type{border-top:none;padding-top:0}
.detail h3{font-size:clamp(24px,2.6vw,34px)}
.detail .d-kicker{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--faint);margin-bottom:10px}
.detail .d-body{display:grid;gap:18px;color:var(--muted);font-size:15.5px;max-width:62ch}
.detail .d-body strong{color:var(--ink);font-weight:600}
@media (max-width:820px){.detail{grid-template-columns:1fr}}

/* quiet list inside details */
.qlist{display:grid;gap:0;border-top:1px solid var(--hairline)}
.qlist li{list-style:none;display:grid;grid-template-columns:1fr auto;gap:16px;
  padding:16px 0;border-bottom:1px solid var(--hairline);font-size:15px;color:var(--ink)}
.qlist li span{color:var(--faint);font-size:13px;letter-spacing:.06em}

/* SecurePass dossier artifact */
/* Vetted profile card — example of the SecurePass system, in Trident's world */
.vprofile{border:1px solid var(--hairline);background:color-mix(in srgb,#EAE6DC 3.5%,transparent);
  align-self:start;overflow:hidden}
.vp-head{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:26px 28px;
  border-bottom:1px solid var(--hairline);align-items:center}
.vp-photo{width:76px;height:76px;border-radius:50%;object-fit:cover;
  border:1px solid var(--hairline)}
.vp-id .vp-name{font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.1}
.vp-role{font-size:12.5px;letter-spacing:.05em;color:var(--muted);margin-top:3px}
.vp-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.vp-tags span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  padding:5px 11px;border:1px solid var(--hairline);color:var(--muted)}
.vp-tags span.cleared{border-color:var(--accent);color:var(--accent)}
.vp-body{display:grid}
.vp-block{padding:20px 28px;border-bottom:1px solid var(--hairline)}
.vp-block:last-child{border-bottom:none}
.vp-block h6{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);
  font-weight:500;margin-bottom:14px}
.vp-row{display:flex;justify-content:space-between;gap:16px;font-size:13.5px;
  color:var(--muted);padding:7px 0}
.vp-row .ok{color:var(--accent);letter-spacing:.05em;font-size:12px;text-transform:uppercase;
  text-align:right;display:inline-flex;align-items:center;gap:7px}
.vp-row .ok::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none}
.vp-standing{display:flex;justify-content:space-between;gap:16px;align-items:baseline;
  padding:20px 28px;background:color-mix(in srgb,var(--accent) 8%,transparent)}
.vp-standing span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
.vp-standing b{font-family:var(--serif);font-size:18px;font-weight:500;color:var(--ink)}
.vp-ref{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);
  padding:14px 28px;border-top:1px solid var(--hairline)}

/* compact variant for homepage aside */
.vprofile.compact .vp-head{padding:20px 22px;gap:16px}
.vprofile.compact .vp-photo{width:58px;height:58px}
.vprofile.compact .vp-id .vp-name{font-size:21px}
.vprofile.compact .vp-block,.vprofile.compact .vp-standing,.vprofile.compact .vp-ref{padding-left:22px;padding-right:22px}

/* brand band (full-bleed image interlude) */
.brand-band{position:relative;min-height:clamp(460px,74svh,780px);overflow:hidden;background:#171310}
.brand-band .hero-bg{animation:none;transform:none;background-position:center 54%}
.brand-band .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,15,.25),rgba(8,10,15,.05) 45%,rgba(8,10,15,.3))}

/* closing CTA band */
.cta-band{border-top:1px solid var(--hairline);padding:clamp(72px,10vw,130px) 0;
  text-align:left}
.cta-band h2{font-size:clamp(30px,4vw,48px);max-width:22ch}
.cta-band .cta{margin-top:36px}
.cta-band .sub{margin-top:16px;color:var(--muted);max-width:52ch}