/* Home v3, variant D (2026-09-08): A's Rothschild structure, with the practice copy set inside the photos and
   photo-topped research cards (both from Astra's deck-inspired example). Loads after a.css; scoped to .v3-d. */

/* Links: plain underlined text instead of the bracket buttons */
.v3-d .btn-br{padding:8px 0;margin-top:14px;font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--acc);text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.v3-d .btn-br::before,.v3-d .btn-br::after{display:none}
.v3-d .btn-br:hover,.v3-d .btn-br:focus-visible{text-decoration-thickness:2px}
.v3-d .contact-a .btn-br{color:var(--paper)}

/* What we do: three tall photo cards, copy inside the photo over a navy gradient */
.v3-d .what-a__grid{gap:clamp(20px,calc(1.8vw / var(--z,1)),26px)}
.v3-d .what-d__card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(520px,calc(42vw / var(--z,1)),610px);background:var(--navy);color:var(--paper);overflow:hidden;text-decoration:none}
.v3-d .what-d__img{position:absolute;inset:0;z-index:-2;margin:0;background:var(--navy)}
.v3-d .what-d__img .fx-clip{height:100%}
.v3-d .what-d__img img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(.87);transition:transform .8s ease}
.v3-d .what-d__card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 20%,rgba(3,12,27,.3) 75%)}
.v3-d .what-d__copy{display:flex;flex-direction:column;min-height:340px;padding:75px 30px 30px;background:linear-gradient(180deg,rgba(3,12,27,0),rgba(3,12,27,.9) 22%,rgba(3,12,27,.98))}
.v3-d .what-d__copy h3{font-family:var(--brand);font-weight:var(--hw,600);font-size:clamp(26px,calc(2.1vw / var(--z,1)),31px);line-height:1.16;letter-spacing:-.02em;color:var(--paper);margin:0 0 17px}
.v3-d .what-d__copy p{flex:1;font-size:15px;line-height:1.7;color:rgba(250,250,248,.92);margin:0}
.v3-d .what-d__link{align-self:flex-start;display:inline-block;margin-top:22px;font-size:13px;line-height:1.4;color:var(--paper);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.v3-d .what-d__card:hover img{transform:scale(1.018)}
.v3-d .what-d__card:hover .what-d__link{text-decoration-thickness:2px}
html[data-fx="fluid"] .v3-d .what-d__card:hover .fx-clip img{filter:grayscale(1) contrast(1.05) brightness(.95)}

/* Research: three bordered cards, photo on top, date and title below; the first card is navy */
.v3-d .res-a__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.v3-d .res-d__card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;overflow:hidden;transition:border-color .2s}
.v3-d .res-d__img{height:235px;flex:none;margin:0;overflow:hidden;background:var(--navy)}
.v3-d .res-d__img .fx-clip{height:100%}
.v3-d .res-d__img img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.v3-d .res-d__body{flex:1;min-height:210px;padding:26px 30px 34px}
.v3-d .res-d__body time{display:block;font-size:12px;line-height:1.4;color:var(--ink-66);margin:0 0 16px}
.v3-d .res-d__body h3{font-family:var(--brand);font-weight:var(--hw,600);font-size:clamp(24px,calc(2vw / var(--z,1)),30px);line-height:1.2;letter-spacing:-.02em;color:var(--ink);margin:0}
.v3-d .res-d__card--dark{background:var(--navy);color:var(--paper);border-color:var(--navy)}
.v3-d .res-d__card--dark time{color:rgba(250,250,248,.7)}
.v3-d .res-d__card--dark h3{color:var(--paper)}
.v3-d .res-d__card:hover{border-color:var(--acc)}
.v3-d .res-d__card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}

@media (min-width:1900px) and (max-width:1600px){
  .v3-d .what-d__card{min-height:710px}
  .v3-d .what-d__copy p{font-size:17px}
  .v3-d .res-d__img{height:270px}
  .v3-d .res-d__body h3{font-size:34px}
}
@media (min-width:901px) and (max-width:1100px){
  .v3-d .res-a__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .v3-d .res-d__img{height:200px}
  .v3-d .res-d__body{padding:22px 22px 28px}
  .v3-d .what-d__copy{min-height:400px;padding:65px 22px 26px}
}
@media (max-width:900px){
  .v3-d .what-a__grid{gap:24px}
  .v3-d .what-d__card{min-height:545px}
  .v3-d .what-d__copy{min-height:0;padding:75px 26px 28px}
  .v3-d .what-d__copy p{font-size:16px}
  .v3-d .res-a__grid{grid-template-columns:minmax(0,1fr);gap:22px}
  .v3-d .res-d__img{height:220px}
  .v3-d .res-d__body{min-height:0;padding:24px 26px 30px}
}
@media (prefers-reduced-motion:reduce){
  .v3-d .what-d__img img,.v3-d .res-d__card{transition:none}
}