.page-module__J5I5JW__page{background:var(--paper);color:var(--ink)}.page-module__J5I5JW__intro,.page-module__J5I5JW__section{padding:var(--space-12) var(--page-gutter)}.page-module__J5I5JW__intro{gap:var(--space-4);display:grid}.page-module__J5I5JW__intro h1{font-size:32px}.page-module__J5I5JW__intro>p:last-child{max-width:720px;color:var(--text-secondary)}.page-module__J5I5JW__back{text-underline-offset:4px;width:fit-content;margin-bottom:var(--space-4);font-size:14px;text-decoration:underline}.page-module__J5I5JW__hero{align-items:flex-start;gap:var(--hero-content-gap);padding:var(--hero-padding);min-height:var(--hero-min-height);background:var(--brand-navy);color:var(--on-dark);flex-direction:column;display:flex}.page-module__J5I5JW__heroCopy{gap:var(--hero-copy-gap);max-width:var(--hero-copy-max-width);flex-direction:column;display:flex}.page-module__J5I5JW__heroCopy>p{padding-bottom:var(--space-3)}.page-module__J5I5JW__heroTitle{font-size:var(--text-hero);line-height:var(--line-height-hero);font-weight:var(--weight-regular);letter-spacing:0}.page-module__J5I5JW__heroButton{width:100%}.page-module__J5I5JW__section{border-bottom:var(--border-width) solid var(--line)}.page-module__J5I5JW__sectionTitle{font-size:var(--text-section);line-height:var(--line-height-heading);letter-spacing:var(--tracking-section);margin-bottom:var(--space-6)}.page-module__J5I5JW__palette{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));display:grid}.page-module__J5I5JW__colour{gap:var(--space-2);display:grid}.page-module__J5I5JW__swatch{border:var(--border-width) solid var(--line);height:96px}.page-module__J5I5JW__colour h3{font-family:var(--font-body);font-size:14px}.page-module__J5I5JW__colour code,.page-module__J5I5JW__spacing code{overflow-wrap:anywhere;color:var(--text-secondary);font-size:12px}.page-module__J5I5JW__typeSamples{gap:var(--space-8);max-width:780px;display:grid}.page-module__J5I5JW__caption{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:12px}.page-module__J5I5JW__serifSample{font-family:var(--font-heading);font-size:var(--text-editorial);line-height:var(--line-height-heading)}.page-module__J5I5JW__navigationSample{font-family:var(--font-sans-light);font-size:var(--text-navigation);font-weight:var(--weight-light);letter-spacing:var(--tracking-navigation);line-height:1}.page-module__J5I5JW__arabicSample{font-family:var(--font-arabic-stack);text-align:start;font-size:24px;line-height:1.6}.page-module__J5I5JW__controls{gap:var(--space-4);margin-block:var(--space-6);flex-wrap:wrap;display:flex}.page-module__J5I5JW__slotSample{margin-block:var(--slot-margin-block)}.page-module__J5I5JW__slotHeading{align-items:center;gap:var(--slot-heading-gap);padding:var(--slot-heading-padding);display:flex}.page-module__J5I5JW__slotHeadingInner{align-items:flex-start;gap:var(--slot-heading-inner-gap);flex-direction:column;display:flex}.page-module__J5I5JW__slotHeading h3{font-family:var(--font-heading);font-size:var(--text-section);line-height:var(--line-height-heading);letter-spacing:var(--tracking-section)}.page-module__J5I5JW__slotHeading a{flex:none;margin-inline-start:auto}.page-module__J5I5JW__fields{gap:var(--space-6);max-width:520px;margin-block:var(--space-8);display:grid}.page-module__J5I5JW__fields label{margin-bottom:var(--space-2)}.page-module__J5I5JW__spacing{gap:var(--space-3);display:grid}.page-module__J5I5JW__spacing>div{align-items:center;gap:var(--space-4);display:flex}.page-module__J5I5JW__spacing code{min-width:120px}.page-module__J5I5JW__spacing span{height:var(--space-3);background:var(--brand-navy);display:block}@media (min-width:1200px){.page-module__J5I5JW__heroButton{width:auto}.page-module__J5I5JW__slotHeadingInner{flex-direction:row;align-items:center}}