@layer layout{.how-page{padding-bottom:var(--space-12)}.how-page .how-hero{gap:var(--space-8);padding-block:var(--space-12);display:grid}.how-page .how-hero-copy{align-content:center;gap:var(--space-6);display:grid}.how-page .how-photo{aspect-ratio:4/3;background:var(--colour-sand);border-radius:var(--radius-card);position:relative;overflow:hidden}.how-page .how-photo img{object-fit:cover}.how-page .how-board{padding-block:var(--section-block-space)}.how-page .how-board ol{gap:var(--space-6);list-style:none;display:grid}.how-page .how-board li{align-items:flex-start;gap:var(--space-6);min-width:0;padding:var(--space-6);border:1px solid var(--colour-border);border-radius:var(--radius-card);flex-direction:column;display:flex}.how-page .how-board li:nth-child(3),.how-page .how-board li:nth-child(7){background:var(--colour-sage);border-color:var(--colour-sage)}.how-page .how-board-top{width:100%;color:var(--colour-text-brand);font:var(--font-weight-medium) var(--text-h4-size) / var(--text-h4-line) var(--font-heading);justify-content:space-between;display:flex}.how-page .how-board h2{font-size:var(--text-h3-size);line-height:var(--text-h3-line)}.how-page .how-contact-note{margin-top:var(--space-4);padding-left:var(--space-4);border-left:2px solid var(--colour-accent)}.how-page .how-contact-note a{text-underline-offset:var(--space-1)}.how-page .how-cta{justify-items:start;gap:var(--space-6);margin-top:var(--space-12);padding:var(--space-8);color:var(--colour-text-inverse);background:var(--colour-brand);border-radius:var(--radius-card);display:grid}.how-page .how-cta h2{color:var(--colour-text-inverse)}@media (min-width:720px){.how-page .how-hero,.how-page .how-board ol{grid-template-columns:repeat(2,minmax(0,1fr))}.how-page .how-board li{padding:var(--space-8)}}@media (min-width:1340px){.how-page .how-board ol{grid-template-columns:repeat(4,minmax(0,1fr))}}}