.page-section{padding-block:var(--space-11)}
.page-section--tight{padding-block:var(--space-10)}
.page-section--warm{background:var(--color-warm)}
.page-section--surface{background:var(--color-surface)}
.page-section--dark{color:var(--color-white);background:var(--color-dark)}
.page-section--dark p{color:#91a4a9}
.page-heading{
  display:grid;
  grid-template-columns:4px minmax(0,1fr) minmax(240px,330px);
  gap:var(--space-5);
  align-items:start;
  margin-bottom:var(--space-9)
}
.page-heading::before{content:"";width:3px;height:44px;margin-top:4px;border-radius:2px;background:var(--color-primary)}
.page-heading h2{margin:0}
.page-heading h2 span{display:block;color:#8b9395}
.page-heading p{margin:4px 0 0;font-size:var(--text-sm)}
.page-hero{
  position:relative;
  min-height:680px;
  overflow:hidden;
  background:var(--color-white)
}
.page-hero__inner{position:relative;min-height:680px}
.page-hero__copy{position:relative;z-index:5;width:min(510px,100%);padding-top:118px}
.page-hero__copy h1{margin:24px 0 20px}
.page-hero__copy h1 span{color:var(--color-primary)}
.page-hero__lead{max-width:475px;margin:0;font-size:var(--text-base)}
.page-hero__actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin-top:28px}
.page-hero__note{display:flex;align-items:center;gap:8px;margin-top:16px;color:var(--color-muted);font-size:var(--text-xs)}
.page-hero__note::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--color-success)}
.page-hero[data-hero-form="card-collage"] .page-hero__art{
  position:absolute;
  z-index:2;
  top:118px;
  right:0;
  width:min(42vw,520px);
  height:clamp(22rem,38vw,28rem)
}
.page-hero[data-hero-form="card-collage"] .page-hero__photo{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:55% 45%;
  border-radius:var(--radius-panel);
  box-shadow:var(--shadow-soft)
}
.doc-hero{padding:72px 0 64px;background:var(--color-warm)}
.doc-hero h1{max-width:800px;margin:18px 0}
.doc-hero p{max-width:700px;margin-bottom:0}
@media(max-width:960px){
  .page-hero{min-height:auto;padding-bottom:36px}
  .page-hero__inner{min-height:0;padding-bottom:24px}
  .page-hero__copy{padding-top:78px}
  .page-hero[data-hero-form="card-collage"] .page-hero__art{
    position:relative;
    top:auto;
    right:auto;
    width:100%;
    height:16rem;
    margin-top:28px
  }
  .page-heading{grid-template-columns:4px 1fr}
  .page-heading>p{grid-column:2}
}
@media(max-width:640px){
  .page-section{padding-block:72px}
  .page-section--tight{padding-block:56px}
  .page-hero__inner{min-height:0}
  .page-hero__copy{padding-top:58px}
  .page-hero__actions .c-btn{flex:1 1 145px}
  .page-hero[data-hero-form="card-collage"] .page-hero__art{height:13.5rem}
}