@layer layout{.join-opening{justify-items:center;gap:var(--space-6);padding-block:var(--space-16);display:grid}.join-opening>:is(.eyebrow,h1){text-align:center}.join-opening .lead{width:min(100%, var(--content-measure))}.join-letter{gap:var(--space-10);padding-block:var(--space-12);border-top:1px solid var(--colour-border);display:grid}.join-letter-intro,.join-qualities-heading,.join-close-heading,.join-close-content{align-content:start;gap:var(--space-6);display:grid}.join-letter-intro{max-width:var(--content-measure)}.join-letter-lines{align-content:start;gap:var(--space-6);max-width:var(--content-measure);padding-left:var(--space-6);border-left:2px solid var(--colour-accent);display:grid}.join-letter-lines p{color:var(--colour-text-brand);font:var(--font-weight-medium) var(--text-h4-size) / var(--text-h4-line) var(--font-heading)}.join-qualities{padding-block:var(--space-12);color:var(--colour-text-inverse);background:var(--colour-brand)}.join-qualities h2{color:var(--colour-text-inverse)}.join-qualities-inner{gap:var(--space-10);display:grid}.join-qualities ul{list-style:none;display:grid}.join-qualities li{padding-block:var(--space-4);border-bottom:1px solid var(--colour-sage);color:var(--colour-text-inverse);font:var(--font-weight-medium) var(--text-h4-size) / var(--text-h4-line) var(--font-heading)}.join-close{padding-block:var(--space-12);color:var(--colour-text);background:var(--colour-sage)}.join-close-inner{gap:var(--space-10);display:grid}.join-close h2{color:var(--colour-text-brand)}.join-close-content>p{max-width:var(--content-measure)}.join-close-content .text-link{align-self:center}@media (min-width:720px){.join-letter,.join-qualities-inner,.join-close-inner{gap:var(--space-16);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.join-letter-lines{padding-left:var(--space-10)}}}