@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500;700&family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@600;700&display=swap');
:root{--navy:#102a3b;--cream:#f4f1e8;--teal:#48d2bf;--blue:#0aa7e8;--green:#1ce88b;--pale:#dcebe6;--gold:#e4b967;--muted:#78909a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--navy);font:16px/1.55 'DM Sans',sans-serif}.guide-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem clamp(1.25rem,5vw,5rem);background:var(--navy);color:var(--pale);font:700 .68rem 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.guide-header img{width:130px;display:block}.guide-hero{display:flex;align-items:flex-end;justify-content:space-between;min-height:72vh;padding:clamp(4rem,11vw,10rem) clamp(1.25rem,10vw,10rem);background:var(--navy);color:var(--cream)}.kicker{margin:0 0 1rem;color:var(--teal);font:700 .68rem/1.3 'DM Mono',monospace;letter-spacing:.13em;text-transform:uppercase}.guide-hero h1{margin:0;font:700 clamp(4.5rem,13vw,12rem)/.78 'Space Grotesk',sans-serif;letter-spacing:-.09em}.guide-hero em,h2 em{color:var(--blue);font-style:normal}.hero-copy{max-width:460px;margin:2.5rem 0 0;color:var(--pale);font-size:clamp(1.1rem,2vw,1.5rem)}.hero-index{display:flex;align-items:center;gap:1rem;color:var(--teal);font:700 .7rem 'DM Mono',monospace}.hero-index i{display:block;width:80px;height:1px;background:var(--teal)}.guide-section{padding:clamp(4rem,9vw,8rem) clamp(1.25rem,10vw,10rem);border-bottom:1px solid #c9d6d1}.intro-grid,.type-grid,.voice-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(300px,1fr);gap:clamp(2rem,8vw,9rem)}h2{margin:0;font:700 clamp(2.7rem,6vw,6.2rem)/.88 'Space Grotesk',sans-serif;letter-spacing:-.07em}p{max-width:650px}ul{padding:0;margin:2rem 0 0;list-style:none;font-weight:700}li{padding:.6rem 0;border-top:1px solid #b9ccc6}.section-heading{margin-bottom:3rem}.colour-section{background:#e9eee9}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.swatch{padding:0 0 1rem}.swatch>span{display:block;height:105px;margin-bottom:1rem;background:#000}.swatch b,.swatch code,.swatch small{display:block}.swatch b{font-weight:700}.swatch code{margin-top:.2rem;font:700 .75rem 'DM Mono',monospace}.swatch small{margin-top:.35rem;color:#56717a;font-size:.8rem}.swatch.navy>span{background:var(--navy)}.swatch.cream>span{background:var(--cream);border:1px solid #c9d6d1}.swatch.teal>span{background:var(--teal)}.swatch.blue>span{background:var(--blue)}.swatch.green>span{background:var(--green)}.swatch.pale>span{background:var(--pale)}.swatch.gold>span{background:var(--gold)}.swatch.muted>span{background:var(--muted)}.gradient{display:flex;align-items:center;gap:1rem;margin-top:3rem;font:700 .72rem 'DM Mono',monospace;text-transform:uppercase}.gradient i{height:12px;flex:1;background:linear-gradient(90deg,var(--blue),var(--green))}.gradient b{color:#56717a}.type-samples{display:grid;gap:2rem}.type-samples>div{padding-bottom:1.5rem;border-bottom:1px solid #b9ccc6}.type-samples span{display:block;margin-bottom:.7rem;color:var(--muted);font:700 .68rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.type-samples strong{display:block;font:700 clamp(2rem,4vw,4rem)/.95 'Space Grotesk',sans-serif;letter-spacing:-.05em}.type-samples code{font:700 .85rem 'DM Mono',monospace}.principles{background:var(--navy);color:var(--cream)}.principles .kicker{color:var(--green)}.principles h2{color:var(--cream)}.principle-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 4rem;margin-top:3rem}.principle-list>div{padding:1.25rem 0;border-top:1px solid #365363}.principle-list b{color:var(--green);font:700 .72rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.principle-list p{color:var(--pale)}.voice-grid blockquote{margin:0 0 2rem;padding:1.25rem;border-left:3px solid var(--teal);background:var(--pale);font:700 1.25rem/1.35 'Space Grotesk',sans-serif}.do-dont{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.do-dont div{padding:1rem;background:#e5ece7}.do-dont b,.do-dont span{display:block}.do-dont b{margin-bottom:.5rem;color:var(--blue);font:700 .7rem 'DM Mono',monospace;text-transform:uppercase}.do-dont span{font-size:.9rem}footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem clamp(1.25rem,5vw,5rem);background:var(--navy);color:var(--pale);font-size:.85rem}footer img{width:110px}footer a{color:var(--teal);text-decoration:none}@media(max-width:700px){.guide-header{font-size:.58rem}.guide-header img{width:105px}.guide-hero{min-height:70vh}.hero-index{display:none}.intro-grid,.type-grid,.voice-grid{grid-template-columns:1fr;gap:2.5rem}.swatches{grid-template-columns:repeat(2,1fr)}.principle-list,.do-dont{grid-template-columns:1fr}.gradient{display:block}.gradient i{display:block;margin:1rem 0;height:10px}footer{align-items:flex-start;flex-direction:column}}