/* Two page-specific editorial surfaces: workspace photography and light paper. */
.process-photo-hero { position:relative; isolation:isolate; min-height:640px; display:flex; align-items:center; padding-block:calc(var(--nav-h) + 88px) 88px; background:#10212b; }
.process-photo-hero__image { position:absolute; inset:0; z-index:-2; }
.process-photo-hero__image img { width:100%; height:100%; object-fit:cover; object-position:center 55%; }
.process-photo-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(3,16,25,.88),rgba(3,16,25,.72) 50%,rgba(3,16,25,.25)); }
.process-photo-hero .page-hero__grid { display:block; }
.process-photo-hero .page-hero__copy { max-width:900px; }
.process-photo-hero .tone-2 { color:#d5e0e5; }
.process-photo-hero .page-lede { color:#eef2f4; max-width:48ch; }
.process-photo-hero .page-crumb { color:#d5e0e5; }
.process-steps-light .page-steps li { grid-template-columns:90px minmax(0,850px); }
.process-steps-light .page-steps h3 { color:var(--ink); }
.process-preparation { --bg:#fff; --bg-2:#f6f4ee; }
.process-preparation .page-note { border-left:2px solid #21587e; }
.portfolio-light { --bg:#fff; --bg-2:#f6f4ee; }
.portfolio-light .transaction-card { background:#f6f4ee; }
.portfolio-light .transaction-card h3,.portfolio-light .transaction-card__amount { color:var(--ink); }
.portfolio-light .field select { background-color:#fff; color:var(--ink); }
.portfolio-light .portfolio-toolbar .btn { background:#10354f; border-color:#10354f; color:#fff; }
.transaction-hero.section--light { padding-bottom:64px; }
.transaction-hero.section--light .page-hero__grid { grid-template-columns:minmax(0,1.5fr) minmax(240px,.65fr); gap:64px; }
.transaction-hero.section--light .page-hero__copy { max-width:820px; }
.portfolio-hero-note { border-left:1px solid var(--line-2); padding:24px 0 24px 32px; }
.portfolio-hero-note p:last-child { color:var(--ink-2); font-size:1.1rem; line-height:1.8; margin-top:18px; }
@media(max-width:920px) {
  .transaction-hero.section--light .page-hero__grid { gap:32px; grid-template-columns:minmax(0,1.4fr) minmax(200px,.7fr); }
  .portfolio-hero-note { padding-left:24px; }
}
@media(max-width:700px) {
  .process-photo-hero { min-height:580px; padding-block:calc(var(--nav-h) + 64px) 64px; }
  .process-photo-hero::after { background:rgba(3,16,25,.72); }
  .process-photo-hero__image img { object-position:40% center; }
  .process-steps-light .page-steps li { grid-template-columns:36px minmax(0,1fr); }
  .transaction-hero.section--light { padding-bottom:44px; }
  .transaction-hero.section--light .page-hero__grid { grid-template-columns:1fr; }
  .portfolio-hero-note { border-left:0; border-top:1px solid var(--line-2); padding:24px 0 0; }
}
