.client-mediatown.mtm-style-guide{background:var(--client-color-background);color:var(--client-color-text);font-family:var(--client-font-body),sans-serif;min-height:100vh}.client-mediatown .mtm-style-guide__hero{padding-block:var(--client-space-12)}.client-mediatown .mtm-style-guide__hero h1{margin-block:var(--client-space-4);max-width:var(--client-container-4)}.client-mediatown .mtm-style-guide__hero p{max-width:var(--client-container-5)}.client-mediatown .mtm-style-guide__nav{background:var(--client-color-background);border-block:var(--client-border-width) solid var(--client-color-border);position:sticky;top:0;z-index:10}.client-mediatown .mtm-style-guide__nav .client-container{display:flex;gap:var(--client-space-6);overflow-x:auto;padding-block:var(--client-space-4)}.client-mediatown .mtm-style-guide__nav a{white-space:nowrap}.client-mediatown .mtm-style-guide__content{padding-bottom:var(--client-space-12)}.client-mediatown .mtm-style-guide__section{border-bottom:var(--client-border-width) solid var(--client-color-border);padding-block:var(--client-space-12);scroll-margin-top:var(--client-space-10)}.client-mediatown .mtm-style-guide__section-heading{margin-bottom:var(--client-space-9);max-width:var(--client-container-4)}.client-mediatown .mtm-style-guide__section-heading h2{margin-block:var(--client-space-3)}.client-mediatown .mtm-style-guide__component-grid,.client-mediatown .mtm-style-guide__rules,.client-mediatown .mtm-style-guide__swatches{display:grid;gap:var(--client-space-5);grid-template-columns:repeat(3,minmax(0,1fr))}.client-mediatown .mtm-style-guide__swatch{background:var(--client-color-surface);border:var(--client-border-width) solid var(--client-color-border)}.client-mediatown .mtm-style-guide__swatch-colour{border-bottom:var(--client-border-width) solid var(--client-color-border);display:block;min-height:var(--client-space-12)}.client-mediatown .mtm-style-guide__swatch h3,.client-mediatown .mtm-style-guide__swatch p{margin-inline:var(--client-space-5)}.client-mediatown .mtm-style-guide__swatch h3{margin-top:var(--client-space-5)}.client-mediatown .mtm-style-guide__swatch-colour--primary{background:var(--client-color-primary)}.client-mediatown .mtm-style-guide__swatch-colour--background{background:var(--client-color-background)}.client-mediatown .mtm-style-guide__swatch-colour--secondary{background:var(--client-color-secondary)}.client-mediatown .mtm-style-guide__swatch-colour--accent{background:var(--client-color-accent)}.client-mediatown .mtm-style-guide__swatch-colour--border{background:var(--client-color-border)}.client-mediatown .mtm-style-guide__swatch-colour--muted{background:var(--client-color-muted-text)}.client-mediatown .mtm-style-guide__type-specimens{display:grid;gap:var(--client-space-7)}.client-mediatown .mtm-style-guide__type-specimens article{border-bottom:var(--client-border-width) solid var(--client-color-border);padding-bottom:var(--client-space-7)}.client-mediatown .mtm-style-guide__type-specimens blockquote,.client-mediatown .mtm-style-guide__type-specimens h2,.client-mediatown .mtm-style-guide__type-specimens h3,.client-mediatown .mtm-style-guide__type-specimens h4,.client-mediatown .mtm-style-guide__type-specimens h5,.client-mediatown .mtm-style-guide__type-specimens h6,.client-mediatown .mtm-style-guide__type-specimens p{margin-top:var(--client-space-3)}.client-mediatown .mtm-style-guide__type-h1{color:var(--client-color-text);font-family:var(--client-font-heading),sans-serif;font-size:80px;font-weight:600;letter-spacing:-3.2px;line-height:84px}.client-mediatown .mtm-style-guide__spacing-list{display:grid;gap:var(--client-space-3);margin-bottom:var(--client-space-9)}.client-mediatown .mtm-style-guide__spacing-list>div{align-items:center;display:grid;gap:var(--client-space-4);grid-template-columns:var(--client-space-10) minmax(0,1fr)}.client-mediatown .mtm-style-guide__space{background:var(--client-color-accent);display:block;height:var(--client-space-3)}.client-mediatown .mtm-style-guide__space--1{width:var(--client-space-1)}.client-mediatown .mtm-style-guide__space--2{width:var(--client-space-2)}.client-mediatown .mtm-style-guide__space--3{width:var(--client-space-3)}.client-mediatown .mtm-style-guide__space--4{width:var(--client-space-4)}.client-mediatown .mtm-style-guide__space--5{width:var(--client-space-5)}.client-mediatown .mtm-style-guide__space--6{width:var(--client-space-6)}.client-mediatown .mtm-style-guide__space--7{width:var(--client-space-7)}.client-mediatown .mtm-style-guide__space--8{width:var(--client-space-8)}.client-mediatown .mtm-style-guide__space--9{width:var(--client-space-9)}.client-mediatown .mtm-style-guide__space--10{width:var(--client-space-10)}.client-mediatown .mtm-style-guide__space--11{width:var(--client-space-11)}.client-mediatown .mtm-style-guide__space--12{width:var(--client-space-12)}.client-mediatown .mtm-style-guide__shape-grid{display:grid;gap:var(--client-space-5);grid-template-columns:repeat(5,minmax(0,1fr))}.client-mediatown .mtm-style-guide__shape{background:var(--client-color-surface);border:var(--client-border-width) solid var(--client-color-border);min-height:var(--client-space-12);padding:var(--client-space-5)}.client-mediatown .mtm-style-guide__shape--square{border-radius:var(--client-radius-1)}.client-mediatown .mtm-style-guide__shape--card{border-radius:var(--client-radius-card)}.client-mediatown .mtm-style-guide__shape--soft{border-radius:var(--client-radius-3)}.client-mediatown .mtm-style-guide__shape--pill{border-radius:var(--client-radius-pill)}.client-mediatown .mtm-style-guide__shape--shadow{box-shadow:var(--client-shadow-card)}.client-mediatown .mtm-style-guide__component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-mediatown .mtm-style-guide__component{padding:var(--client-space-7)}.client-mediatown .mtm-style-guide__row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--client-space-4)}.client-mediatown .mtm-style-guide__component form{display:grid;gap:var(--client-space-3)}.client-mediatown .mtm-style-guide__component form .client-label:not(:first-child){margin-top:var(--client-space-3)}.client-mediatown .mtm-style-guide__component form .client-button{justify-self:start;margin-top:var(--client-space-3)}.client-mediatown .mtm-style-guide__module-example{border-top:var(--client-border-width) solid var(--client-color-border);margin-top:var(--client-space-10);padding-top:var(--client-space-7)}.client-mediatown .mtm-style-guide__module-example>h3{margin-bottom:var(--client-space-7)}.client-mediatown .mtm-style-guide__rules article{background:var(--client-color-secondary);border-left:var(--client-border-width-3) solid var(--client-color-accent);padding:var(--client-space-6)}@media (max-width:63.99rem){.client-mediatown .mtm-style-guide__rules,.client-mediatown .mtm-style-guide__shape-grid,.client-mediatown .mtm-style-guide__swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:47.99rem){.client-mediatown .mtm-style-guide__hero,.client-mediatown .mtm-style-guide__section{padding-block:var(--client-space-10)}.client-mediatown .mtm-style-guide__hero h1,.client-mediatown .mtm-style-guide__type-h1{font-size:40px;letter-spacing:-1.2px;line-height:44px}.client-mediatown .mtm-style-guide__component-grid,.client-mediatown .mtm-style-guide__rules,.client-mediatown .mtm-style-guide__shape-grid,.client-mediatown .mtm-style-guide__swatches{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.client-mediatown .mtm-style-guide__section{scroll-behavior:auto}}