/* ============================================================
   Service 04 · Digital Authority
   Structural clone of the source service page.
   Source uses a fluid root font-size (1 spacing unit = 1px at the
   design width of the band). We reproduce that with --u instead of
   touching html{font-size}, so the shared header/menu/footer keep
   their own rem scale.
     <640   root 3.8835vw  -> 1u = 0.24272vw   (1px at 412)
     >=640  root 2.08333vw -> 1u = 0.13021vw   (1px at 768)
     >=1024 root 1.11111vw -> 1u = 0.06944vw   (1px at 1440)
   ============================================================ */

.p-digital-authority{
  --u: 0.24272vw;
  display: block;
  color: var(--teal);
  background: var(--paper);
}
@media (min-width: 640px){ .p-digital-authority{ --u: 0.130208vw } }
@media (min-width: 1024px){ .p-digital-authority{ --u: 0.0694444vw } }

.p-digital-authority section{ padding: 0 }
.p-digital-authority h1,.p-digital-authority h2,.p-digital-authority h3{ font-weight: 400 }
.p-digital-authority p{ margin: 0 }

/* the section reset above also strips the shared bands; give it back */
.p-digital-authority section.osvc{ padding: 6rem clamp(1rem,3vw,2.5rem) }
.p-digital-authority section.cta-band{ padding: 6rem clamp(1rem,3vw,2.5rem) }

.p-digital-authority .aid-sr{
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}

/* ---- grid: 6 cols -> 12 cols at 1024 ---- */
.p-digital-authority .aid-grid{
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  column-gap: calc(10 * var(--u));
}
@media (min-width: 640px){ .p-digital-authority .aid-grid{ column-gap: calc(12.5 * var(--u)) } }
@media (min-width: 1024px){
  .p-digital-authority .aid-grid{
    grid-template-columns: repeat(12, minmax(0,1fr));
    column-gap: calc(15 * var(--u));
  }
}

/* ---- type ---- */
.p-digital-authority .page-title{
  font-family: var(--sans); font-weight: 500; letter-spacing: 0;
  font-size: calc(52 * var(--u)); line-height: 1;
}
@media (min-width: 1024px){
  .p-digital-authority .page-title{ font-size: calc(160 * var(--u)); line-height: calc(150 * var(--u)) }
}
.p-digital-authority .page-text{
  font-family: var(--sans); font-weight: 400; letter-spacing: 0;
  font-size: calc(22 * var(--u)); line-height: 1;
}
@media (min-width: 1024px){
  .p-digital-authority .page-text{ font-size: calc(30 * var(--u)); line-height: calc(30 * var(--u)) }
}
.p-digital-authority .mono{
  font-family: var(--mono); font-weight: 400; letter-spacing: 0;
  text-transform: uppercase;
  font-size: calc(14 * var(--u)); line-height: 1.21;
}
@media (min-width: 1024px){
  .p-digital-authority .mono{ font-size: calc(12 * var(--u)); line-height: 1.33 }
}

/* ---- section label rows ---- */
.p-digital-authority .aid-labelrow{ position: relative }
.p-digital-authority .aid-labelrow .eyebrow{
  margin: 0; padding-top: calc(20 * var(--u));
  border-top: 1px solid var(--teal); color: var(--teal);
  line-height: 1; align-items: flex-start;
}
@media (min-width: 1024px){
  .p-digital-authority .aid-labelrow .eyebrow{ position: absolute; top: 0; left: 0; width: 100% }
}

/* ============================ 1 · HERO ============================ */
.p-digital-authority .aid-hero{ padding-top: calc(180 * var(--u)) }
@media (min-width: 1024px){ .p-digital-authority .aid-hero{ padding-top: calc(312 * var(--u)) } }

.p-digital-authority .aid-htitle{ padding: 0 calc(15 * var(--u)) }
.p-digital-authority .aid-htitle .page-title{ text-align: right; color: var(--teal) }
@media (min-width: 1024px){ .p-digital-authority .aid-htitle .page-title{ text-align: left } }

.p-digital-authority .aid-stack{
  position: relative;
  margin-top: calc(32 * var(--u));
  display: grid;
  grid-template-areas: "stack";
}
.p-digital-authority .aid-stack > *{ grid-area: stack }

.p-digital-authority .aid-img{
  overflow: hidden;
  aspect-ratio: 412 / 825;
  background: var(--teal-deep);
}
@media (min-width: 1024px){ .p-digital-authority .aid-img{ aspect-ratio: auto } }
.p-digital-authority .aid-img canvas{
  display: block; width: 100%; height: 100%; object-fit: cover;
}
/* the source paints this rect with a fine WebGL dither; our 2D dither is
   coarser, so a flat brand veil keeps the paper copy over it readable */
.p-digital-authority .aid-img::after{
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: rgba(7, 64, 61, .46);
}

.p-digital-authority .aid-hcopy{
  position: relative; z-index: 1;
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  column-gap: calc(10 * var(--u));
  align-content: start;
  margin-top: calc(20 * var(--u));
  padding: 0 calc(15 * var(--u));
  color: var(--paper);
}
@media (min-width: 640px){ .p-digital-authority .aid-hcopy{ column-gap: calc(12.5 * var(--u)) } }
@media (min-width: 1024px){
  .p-digital-authority .aid-hcopy{
    grid-template-columns: repeat(12, minmax(0,1fr));
    column-gap: calc(15 * var(--u));
    padding-bottom: calc(400 * var(--u));
  }
}
.p-digital-authority .aid-hcopy-line{ grid-column: 1 / -1; color: var(--paper) }
@media (min-width: 1024px){ .p-digital-authority .aid-hcopy-line{ grid-column: span 9 } }
.p-digital-authority .aid-hlede{ grid-column: 1 / -2; margin-top: calc(200 * var(--u)); color: var(--paper) }
@media (min-width: 1024px){ .p-digital-authority .aid-hlede{ grid-column: 8 / -2 } }

.p-digital-authority .aid-stairs{
  position: absolute; bottom: -1px; left: 0; width: 100%;
  padding: 0 calc(15 * var(--u));
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  column-gap: calc(10 * var(--u));
  pointer-events: none;
}
@media (min-width: 640px){ .p-digital-authority .aid-stairs{ column-gap: calc(12.5 * var(--u)) } }
@media (min-width: 1024px){
  .p-digital-authority .aid-stairs{
    grid-template-columns: repeat(12, minmax(0,1fr));
    column-gap: calc(15 * var(--u));
  }
}
.p-digital-authority .aid-stair{
  grid-column: 1 / -1;
  width: calc(var(--f) * 100% + 30 * var(--u));
  height: calc(130 * var(--u));
  margin-left: calc(-15 * var(--u));
  background: var(--paper);
  transform-origin: left center;
}
@media (min-width: 1024px){
  .p-digital-authority .aid-stair{ grid-column: 1 / 10; height: calc(140 * var(--u)) }
}

/* ========================= 2 · APPROACH ========================= */
.p-digital-authority .aid-approach{ padding: calc(24 * var(--u)) calc(15 * var(--u)) 0 }

.p-digital-authority .aid-approach-body{ margin-top: calc(50 * var(--u)) }
@media (min-width: 1024px){
  .p-digital-authority .aid-approach-body{ margin-top: 0; align-content: start; align-items: start }
}

.p-digital-authority .aid-ap-head{ grid-column: 1 / -1 }
.p-digital-authority .aid-ap-head h2{
  font-family: var(--sans); font-weight: 400; letter-spacing: 0;
  font-size: calc(36 * var(--u)); line-height: calc(40 * var(--u));
  color: var(--teal);
}
@media (min-width: 1024px){
  .p-digital-authority .aid-ap-head{ grid-column: 3 / span 7; grid-row: 1; margin-top: calc(164 * var(--u)) }
  .p-digital-authority .aid-ap-head h2{ font-size: calc(44 * var(--u)); line-height: calc(48 * var(--u)) }
}

/* SEO/AEO as a two-row table instead of a paragraph */
.p-digital-authority .aid-ap-body{ grid-column: 1 / -1; margin-top: calc(30 * var(--u)) }
@media (min-width: 1024px){
  .p-digital-authority .aid-ap-body{
    grid-column: 3 / span 8; grid-row: 2;
    margin-top: calc(66 * var(--u)); margin-bottom: calc(140 * var(--u));
  }
}
.p-digital-authority .aid-ap-table{ margin: 0; border-top: 1px solid var(--teal) }
.p-digital-authority .aid-ap-row{
  display: grid;
  grid-template-columns: calc(70 * var(--u)) 1fr;
  column-gap: calc(15 * var(--u));
  padding: calc(18 * var(--u)) 0;
  border-bottom: 1px solid var(--line);
}
@media (min-width: 1024px){
  .p-digital-authority .aid-ap-row{ grid-template-columns: calc(120 * var(--u)) 1fr; padding: calc(22 * var(--u)) 0 }
}
.p-digital-authority .aid-ap-row dt{ color: var(--teal); padding-top: .25em }
.p-digital-authority .aid-ap-row dd{
  margin: 0; color: var(--teal);
  font-family: var(--sans);
  font-size: calc(20 * var(--u)); line-height: 1.35;
}
@media (min-width: 1024px){
  .p-digital-authority .aid-ap-row dd{ font-size: calc(24 * var(--u)) }
}
.p-digital-authority .aid-ap-note{ color: var(--teal); opacity: .6; padding-top: calc(14 * var(--u)) }

/* ======================= 3 · HOW IT WORKS ======================= */
.p-digital-authority .aid-how{ padding: calc(90 * var(--u)) calc(15 * var(--u)) 0 }
@media (min-width: 1024px){ .p-digital-authority .aid-how{ padding-top: calc(24 * var(--u)) } }

.p-digital-authority .aid-how-grid{
  margin-top: calc(50 * var(--u));
  row-gap: calc(70 * var(--u));
}
@media (min-width: 1024px){
  .p-digital-authority .aid-how-grid{ margin-top: calc(150 * var(--u)); row-gap: 0 }
}

.p-digital-authority .aid-step{ grid-column: 1 / -1 }
@media (min-width: 1024px){
  .p-digital-authority .aid-step{ grid-column: span 4; padding: 0 calc(50 * var(--u)) 0 calc(15 * var(--u)) }
}

.p-digital-authority .aid-meta{ display: flex; justify-content: space-between; color: var(--teal) }
@media (min-width: 1024px){ .p-digital-authority .aid-meta{ padding-right: calc(12 * var(--u)) } }
.p-digital-authority .aid-idx{ width: calc(15 * var(--u)) }

.p-digital-authority .aid-scap{ margin-top: calc(24 * var(--u)) }
.p-digital-authority .aid-scap p{
  color: var(--teal);
  padding: calc(12 * var(--u)) 0;
  border-top: 1px solid var(--teal);
}

/* ---- the three demonstrations: drawn, not photographed ---- */
.p-digital-authority .aid-hframe{
  position: relative; overflow: hidden;
  width: 100%; margin-top: calc(24 * var(--u));
  background: var(--ink); border: 1px solid rgba(22,33,30,.14);
  padding: 1rem; min-height: 230px;
  display: flex; flex-direction: column; gap: .8rem;
}
.dm-bar{display:flex; align-items:center; gap:.15rem; background:rgba(234,232,226,.07); border:1px solid rgba(234,232,226,.18);
  padding:.6rem .8rem; color:var(--paper); min-height:2.2rem}
.dm-q{font-size:.62rem; letter-spacing:.05em}
.dm-caret{width:1px; height:.9rem; background:var(--paper); animation:dmBlink 1s steps(1) infinite}
@keyframes dmBlink{50%{opacity:0}}
.dm-results{display:flex; flex-direction:column; gap:.55rem}
.dm-r{background:rgba(234,232,226,.05); border-left:2px solid var(--teal); padding:.55rem .7rem; color:var(--paper);
  opacity:0; transform:translateY(8px)}
.dm-r b{display:block; font-weight:500; font-size:.8rem; letter-spacing:-.01em}
.dm-r .mono{font-size:.52rem; opacity:.5; text-transform:none}
.on .dm-r{transition:opacity .5s var(--e-out), transform .5s var(--e-out)}
.on .dm-r1{opacity:1; transform:none; transition-delay:1.3s}
.on .dm-r2{opacity:1; transform:none; transition-delay:1.55s}
.on .dm-r3{opacity:1; transform:none; transition-delay:1.8s}
.dm-frame{flex:1; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto 1fr 1fr; gap:.5rem}
.dm-el{background:rgba(234,232,226,.07); border:1px solid rgba(234,232,226,.14); display:flex; align-items:flex-end; padding:.45rem .6rem;
  opacity:0; transform:scaleY(.6); transform-origin:top}
.dm-el .mono{font-size:.5rem; color:var(--paper); opacity:.6}
.dm-nav{grid-column:1/-1; min-height:1.2rem}
.dm-hero{grid-column:1/-1; background:rgba(11,92,88,.35)}
.on .dm-el{transition:opacity .5s var(--e-out), transform .55s var(--e-out)}
.on .dm-nav{opacity:1; transform:none; transition-delay:.15s}
.on .dm-hero{opacity:1; transform:none; transition-delay:.4s}
.on .dm-cert{opacity:1; transform:none; transition-delay:.65s}
.on .dm-proj{opacity:1; transform:none; transition-delay:.8s}
.on .dm-contact{opacity:1; transform:none; transition-delay:.95s}
.dm-ask{color:var(--paper); opacity:.55; font-size:.6rem}
.dm-ans{color:var(--paper); font-size:.88rem; line-height:1.55; min-height:7em}
.dm-ans::after{content:""; display:inline-block; width:1px; height:.9em; background:var(--paper); margin-left:2px;
  vertical-align:-.1em; animation:dmBlink 1s steps(1) infinite}

/* =================== 4 · WHAT THE BUYER FINDS =================== */
.p-digital-authority .aid-live{ padding: calc(110 * var(--u)) calc(15 * var(--u)) 0 }
@media (min-width: 1024px){ .p-digital-authority .aid-live{ padding-top: calc(140 * var(--u)) } }

.p-digital-authority .aid-panel{
  margin-top: calc(50 * var(--u));
  background: var(--ink); color: var(--paper);
}
@media (min-width: 1024px){ .p-digital-authority .aid-panel{ margin-top: calc(90 * var(--u)) } }

.p-digital-authority .aid-panel-top{
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; flex-wrap: wrap;
  padding: .75rem 1rem;
  border-bottom: 1px solid rgba(234,232,226,.16);
  color: var(--paper);
}
.p-digital-authority .aid-panel-cap{ opacity: .55 }
.p-digital-authority .aid-panel-ctl{ display: flex; gap: .35rem; flex-wrap: wrap }
.p-digital-authority .aid-tg{
  font-family: var(--mono); font-size: inherit; letter-spacing: 0;
  text-transform: uppercase;
  background: none; border: 0; padding: .35rem .4rem; cursor: pointer;
  color: var(--paper); opacity: .45;
  transition: opacity .25s var(--e-out);
}
.p-digital-authority .aid-tg:hover{ opacity: .85 }
.p-digital-authority .aid-tg[aria-pressed="true"]{ opacity: 1 }
.p-digital-authority .aid-rerun{ opacity: .45 }

.p-digital-authority .aid-panel-body{
  display: grid; grid-template-columns: 1fr;
  gap: 1.6rem;
  padding: 1.2rem 1rem 1.5rem;
  transition: opacity .3s var(--e-out);
}
.p-digital-authority .aid-panel.fade .aid-panel-body{ opacity: 0 }
@media (min-width: 1024px){
  .p-digital-authority .aid-panel-body{
    grid-template-columns: minmax(0,7fr) minmax(0,5fr);
    gap: calc(50 * var(--u));
    padding: calc(40 * var(--u)) calc(40 * var(--u)) calc(50 * var(--u));
  }
}

.p-digital-authority .aid-qbar{
  display: flex; align-items: center; gap: 2px;
  background: rgba(234,232,226,.06); border: 1px solid rgba(234,232,226,.18);
  padding: .7rem .9rem; min-height: 2.5rem;
}
.p-digital-authority .aid-q{ text-transform: none; letter-spacing: .04em }
.p-digital-authority .aid-caret{
  width: 1px; height: 1em; background: var(--paper);
  animation: dmBlink 1s steps(1) infinite;
}
.p-digital-authority .aid-ans{
  margin-top: 1.2rem;
  font-size: .95rem; line-height: 1.65;
  min-height: 8.5em;
}
@media (min-width: 1024px){
  .p-digital-authority .aid-ans{ font-size: calc(16 * var(--u)); min-height: 7em }
}
.p-digital-authority .aid-verdict{
  margin-top: 1rem; padding-top: .85rem;
  border-top: 1px solid rgba(234,232,226,.16);
  color: var(--paper);
  opacity: 0; transition: opacity .4s var(--e-out);
}
.p-digital-authority .aid-verdict.in{ opacity: .85 }

.p-digital-authority .aid-panel-src{
  border-top: 1px solid rgba(234,232,226,.16); padding-top: 1.1rem;
}
@media (min-width: 1024px){
  .p-digital-authority .aid-panel-src{
    border-top: 0; padding-top: 0;
    border-left: 1px solid rgba(234,232,226,.16);
    padding-left: calc(40 * var(--u));
  }
}
.p-digital-authority .aid-src-head{
  display: flex; justify-content: space-between;
  padding-bottom: .7rem; border-bottom: 1px solid rgba(234,232,226,.16);
  opacity: .7;
}
.p-digital-authority .aid-src-list{
  list-style: none; margin: 0; padding: 0; min-height: 10.5rem;
}
.p-digital-authority .aid-src{
  display: flex; align-items: baseline; justify-content: space-between; gap: 1rem;
  padding: .8rem 0;
  border-bottom: 1px solid rgba(234,232,226,.1);
  opacity: 0; transform: translateX(18px);
}
.p-digital-authority .aid-src.in{
  opacity: 1; transform: none;
  transition: opacity .45s var(--e-out), transform .45s var(--e-out);
}
.p-digital-authority .aid-src b{
  font-family: var(--mono); font-weight: 400; font-size: .68rem;
  letter-spacing: .02em; text-transform: none; word-break: break-all;
}
.p-digital-authority .aid-src .mono{ font-size: calc(10 * var(--u)); opacity: .5; white-space: nowrap; text-transform: none }
@media (max-width: 1023px){ .p-digital-authority .aid-src .mono{ font-size: .55rem } }

/* the four adoption figures under the panel */
.p-digital-authority .aid-stats{
  display: grid; grid-template-columns: repeat(2, minmax(0,1fr));
  margin-top: calc(20 * var(--u));
  border-left: 1px solid var(--teal);
  border-top: 1px solid var(--teal);
}
@media (min-width: 1024px){
  .p-digital-authority .aid-stats{ grid-template-columns: repeat(4, minmax(0,1fr)); margin-top: calc(15 * var(--u)) }
}
.p-digital-authority .aid-stat{
  display: flex; flex-direction: column;
  border-right: 1px solid var(--teal); border-bottom: 1px solid var(--teal);
  padding: calc(22 * var(--u)) calc(18 * var(--u)) calc(18 * var(--u));
}
.p-digital-authority .aid-stat-n{
  font-family: var(--sans); font-weight: 500; color: var(--teal);
  font-size: calc(44 * var(--u)); line-height: 1;
}
@media (min-width: 1024px){ .p-digital-authority .aid-stat-n{ font-size: calc(56 * var(--u)) } }
.p-digital-authority .aid-stat-l{
  margin-top: .7rem; color: var(--teal);
  font-size: .8rem; line-height: 1.4;
}
@media (min-width: 1024px){ .p-digital-authority .aid-stat-l{ font-size: calc(13 * var(--u)); flex: 1 } }
.p-digital-authority .aid-stat-s{ margin-top: .9rem; color: var(--teal); opacity: .55; font-size: .55rem }
@media (min-width: 1024px){ .p-digital-authority .aid-stat-s{ font-size: calc(10 * var(--u)) } }

/* ====================== 5 · WHAT GETS BUILT ====================== */
.p-digital-authority .aid-projects{ padding: calc(110 * var(--u)) calc(15 * var(--u)) 0 }

.p-digital-authority .aid-prule{
  border-top: 1px solid var(--teal);
  padding-top: calc(50 * var(--u));
}
@media (min-width: 1024px){ .p-digital-authority .aid-prule{ padding-top: calc(100 * var(--u)) } }

.p-digital-authority .aid-ptitle{ grid-column: 1 / -1; text-align: left }
.p-digital-authority .aid-ptitle h2{
  font-family: var(--sans); font-weight: 500; letter-spacing: 0;
  font-size: calc(80 * var(--u)); line-height: .9375;
  color: var(--teal);
}
@media (min-width: 1024px){
  .p-digital-authority .aid-ptitle h2{ font-size: calc(160 * var(--u)); line-height: calc(150 * var(--u)) }
}

.p-digital-authority .aid-build{
  margin-top: calc(70 * var(--u));
  row-gap: calc(70 * var(--u));
  padding-bottom: calc(30 * var(--u));
}
@media (min-width: 1024px){ .p-digital-authority .aid-build{ margin-top: calc(110 * var(--u)) } }

.p-digital-authority .aid-list{
  grid-column: 1 / -1;
  list-style: none; margin: 0; padding: 0;
  border-top: 1px solid var(--teal);
}
@media (min-width: 1024px){ .p-digital-authority .aid-list{ grid-column: 3 / span 8 } }
.p-digital-authority .aid-item{
  display: flex; align-items: baseline; gap: calc(20 * var(--u));
  padding: calc(18 * var(--u)) 0;
  border-bottom: 1px solid var(--line);
  color: var(--teal);
}
@media (min-width: 1024px){ .p-digital-authority .aid-item{ padding: calc(22 * var(--u)) 0 } }
.p-digital-authority .aid-num{ flex: none; width: calc(40 * var(--u)); min-width: 1.6rem }
.p-digital-authority .aid-item-t{
  font-family: var(--sans);
  font-size: calc(24 * var(--u)); line-height: 1.25;
}
@media (min-width: 1024px){ .p-digital-authority .aid-item-t{ font-size: calc(28 * var(--u)) } }

.p-digital-authority .aid-pcta{
  grid-column: 1 / -1;
  margin-top: calc(60 * var(--u));
}
@media (min-width: 1024px){
  .p-digital-authority .aid-pcta{ grid-column: 3 / span 3; justify-self: start; margin-top: calc(20 * var(--u)) }
}

/* ---- buttons (two-layer fill, source geometry) ---- */
.p-digital-authority .aid-btn{
  position: relative; display: block; overflow: hidden;
  text-decoration: none; border: 1px solid var(--teal);
  width: 100%;
}
.p-digital-authority .aid-btn-label,
.p-digital-authority .aid-btn-fill{
  display: block;
  font-family: var(--mono); font-weight: 400;
  font-size: calc(14 * var(--u)); line-height: 1;
  letter-spacing: .02em; text-transform: uppercase; text-align: center;
}
.p-digital-authority .aid-btn-fill{
  position: absolute; inset: 0;
  transform: translateY(101%) scaleX(.5);
  transform-origin: 50% 100%;
  transition: transform .45s var(--e-out), color .3s var(--e-out);
}
.p-digital-authority .aid-btn-label{
  transition: transform .45s var(--e-out), opacity .45s var(--e-out);
}
.p-digital-authority .aid-btn:hover .aid-btn-fill{ transform: translateY(0) scaleX(1) }
.p-digital-authority .aid-btn:hover .aid-btn-label{ transform: translateY(-70%); opacity: 0 }

.p-digital-authority .aid-btn-primary{ background: var(--teal) }
.p-digital-authority .aid-btn-primary .aid-btn-label{ padding: calc(25 * var(--u)) calc(46 * var(--u)); color: var(--paper) }
.p-digital-authority .aid-btn-primary .aid-btn-fill{ padding: calc(25 * var(--u)) calc(46 * var(--u)); background: var(--white); color: var(--teal) }
@media (min-width: 1024px){
  .p-digital-authority .aid-btn-primary{ width: calc(248 * var(--u)) }
}

/* ========================= 6 · FACTS STRIP ========================= */
.p-digital-authority .aid-facts{ padding: calc(80 * var(--u)) calc(15 * var(--u)) calc(50 * var(--u)) }
.p-digital-authority .aid-facts-grid{ row-gap: 0; border-top: 1px solid var(--teal) }
.p-digital-authority .aid-fact{
  grid-column: 1 / -1;
  display: flex; justify-content: space-between; gap: 1rem;
  padding: calc(16 * var(--u)) 0;
  border-bottom: 1px solid var(--line);
  color: var(--teal);
}
@media (min-width: 1024px){
  .p-digital-authority .aid-fact{
    grid-column: span 4;
    display: block; border-bottom: 0;
    padding: calc(20 * var(--u)) 0 0;
  }
}
.p-digital-authority .aid-fact-k{ opacity: .55 }
.p-digital-authority .aid-fact-v{ text-align: right }
@media (min-width: 1024px){
  .p-digital-authority .aid-fact-v{ display: block; text-align: left; margin-top: .55rem }
}

/* ---- split-text rig ---- */
.p-digital-authority .aid-line-mask{ overflow: clip; display: block }

/* ---- reduced motion ---- */
@media (prefers-reduced-motion: reduce){
  .p-digital-authority .aid-stair{ transform: none !important }
  .p-digital-authority .aid-btn-fill,
  .p-digital-authority .aid-btn-label{ transition: none }
  .p-digital-authority .aid-caret,
  .dm-caret{ animation: none }
  .dm-r,.dm-el{ opacity: 1; transform: none }
}

/* legibility: substituted fonts need more leading than the source 1.0 ratio */
.p-digital-authority .page-text{ line-height:1.3 }



/* ---- built by Bond: the triangle. Two above, one below, each a small full-frame preview. The still
   is the poster; the pointer wakes the site itself - a recorded clip of the live page with its own
   animation running - so hovering feels like the site opening under your hand. ---- */
.p-digital-authority .aid-work{background:var(--ink); color:var(--paper); padding:5rem 0 6rem; overflow:hidden}
.p-digital-authority .aid-work .eyebrow{color:var(--paper); opacity:.6}
.p-digital-authority .tri{display:grid; grid-template-columns:1fr 1fr; gap:1.2rem;
  padding:3rem clamp(1rem,3vw,2.5rem) 0; max-width:1180px; margin:0 auto}
.p-digital-authority .tri-item{display:block; text-decoration:none; color:var(--paper)}
.p-digital-authority .tri-item:nth-child(3){grid-column:1/-1; width:100%}
.p-digital-authority .tri-item:nth-child(3) .tri-plate{aspect-ratio:16/6}
.p-digital-authority .tri-plate{position:relative; display:block; aspect-ratio:16/10; overflow:hidden;
  background:#0A100E; border:1px solid rgba(234,232,226,.14);
  transition:border-color .4s, transform .55s var(--e-out), box-shadow .55s var(--e-out)}
.p-digital-authority .tri-plate img, .p-digital-authority .tri-plate video{position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover; display:block}
.p-digital-authority .tri-plate video{opacity:0; transition:opacity .45s var(--e-out)}
.p-digital-authority .tri-item:hover .tri-plate{transform:translateY(-4px); border-color:rgba(234,232,226,.45);
  box-shadow:0 26px 60px rgba(2,10,9,.6)}
.p-digital-authority .tri-item:hover .tri-plate video{opacity:1}
.p-digital-authority .tri-meta{display:flex; align-items:baseline; justify-content:space-between; gap:1rem; padding:.9rem .2rem 0}
.p-digital-authority .tri-meta b{font-weight:400; font-size:.9rem; letter-spacing:.04em}
.p-digital-authority .tri-meta i{font-style:normal; font-size:.78rem; opacity:.55}
@media (max-width:700px){ .p-digital-authority .tri{grid-template-columns:1fr} .p-digital-authority .tri-item:nth-child(3){width:100%} }