@layer components{.brand-hero_wrap{grid-template-columns:1.15fr 1fr;align-items:center;gap:4rem;padding-block:1rem;display:grid}.brand-hero_content{flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}.brand-hero_eyebrow{letter-spacing:.12em;font-size:.75rem;font-weight:600}.brand-hero_title{font:600 clamp(2.8rem,5vw,5rem)/1.05 var(--font-bricolage);letter-spacing:-.055em;color:var(--dark-900)}.brand-hero_description{max-width:47ch;color:var(--dark-700);font-size:1.15rem;line-height:1.6}.brand-hero_note{color:var(--dark-700);font-size:.8rem}.brand-hero_visual{background:var(--light-300);border:.0625rem solid var(--border);border-radius:1.25rem;overflow:hidden}.brand-hero_signature{background:var(--dark-900);flex-direction:column;align-items:center;gap:1rem;padding:2.5rem;display:flex}.brand-hero_signature img{width:90%;height:auto}.brand-hero_signature span{color:var(--brand-500);letter-spacing:.2em;font-size:.6rem}.brand-hero_art{place-items:center;padding:1rem;display:grid}.brand-hero_art img{object-fit:contain;width:100%;height:16rem}.brand-hero_palette{grid-template-columns:1fr 1fr;display:grid}.brand-hero_palette span{background:var(--brand-500);color:var(--dark-900);padding:1rem 1.5rem;font-family:monospace;font-size:.75rem}.brand-hero_palette span+span{background:var(--dark-900);color:var(--brand-500)}@media not (min-width:48rem){.brand-hero_wrap{grid-template-columns:1fr;gap:2.5rem}}.brand-asset_wrap{border:.0625rem solid var(--border);background:#fff;border-radius:1rem;height:100%;overflow:hidden}.brand-asset_visual{background:var(--light-200);place-items:center;height:13rem;padding:2rem;display:grid}.brand-asset_visual.dark{background:var(--dark-900)}.brand-asset_visual img{object-fit:contain;width:100%;max-height:8rem}.brand-asset_visual.square{height:18rem}.brand-asset_visual.square img{max-width:14rem;max-height:14rem}.brand-asset_visual.banner{height:18rem;padding:1.25rem}.brand-asset_visual.banner img{max-height:100%}.brand-asset_content{flex-direction:column;gap:.65rem;padding:1.5rem;display:flex}.brand-asset_content p{color:var(--dark-700);font-size:.9rem}.brand-asset_downloads{flex-wrap:wrap;gap:.65rem;padding-top:.65rem;display:flex}.brand-asset_downloads a{border:.0625rem solid var(--border);border-radius:.4rem;justify-content:space-between;align-items:center;gap:2rem;padding:.7rem 1rem;font-size:.8rem;font-weight:600;text-decoration:none;display:flex}.brand-asset_downloads a:hover{background:var(--brand-500);border-color:var(--dark-900)}.brand-guide_wrap{width:100%}.brand-guide_navigation{border-block:.0625rem solid var(--border);flex-wrap:wrap;gap:.75rem;padding-block:1.25rem;display:flex}.brand-guide_navigation a{border-radius:.4rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.85rem;text-decoration:none;display:flex}.brand-guide_navigation a:hover{background:var(--light-200)}.brand-guide_navigation a span:first-child{color:var(--dark-700);font-size:.7rem}.brand-guide_naming{background:var(--dark-900);color:#fff;border-radius:1rem;grid-template-columns:1fr 1fr;gap:3rem;padding:3rem;display:grid}.brand-guide_label{letter-spacing:.12em;font-size:.7rem;font-weight:600}.brand-guide_name{font:600 clamp(2.5rem,4vw,4rem)/1.2 var(--font-bricolage);letter-spacing:-.04em;color:var(--brand-500);margin-top:1.25rem}.brand-guide_name span{margin-left:.5em}.brand-guide_naming h3{margin-bottom:1rem}.brand-guide_naming p:not(.brand-guide_name,.brand-guide_label){color:#dfebd8}.brand-guide_examples{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;font-size:.85rem;display:flex}.brand-guide_examples span:first-child{color:var(--brand-500)}.brand-guide_colours{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.brand-guide_swatch{border:.0625rem solid var(--border);border-radius:.75rem;overflow:hidden}.brand-guide_colour{background:var(--swatch);flex-direction:column;justify-content:space-between;gap:3rem;padding:1.5rem;display:flex}.brand-guide_colour span{letter-spacing:.1em;font-size:.65rem}.brand-guide_colour strong{font:500 1.4rem monospace}.brand-guide_caption{flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.brand-guide_caption p{color:var(--dark-700);font-size:.9rem}.brand-guide_caption button{text-align:left;cursor:pointer;text-underline-offset:.2em;padding-block:.75rem;font-size:.8rem;text-decoration:underline}.brand-guide_type{border:.0625rem solid var(--border);border-radius:1rem;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.brand-guide_type article{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:2.5rem;display:flex}.brand-guide_type article:first-child{background:var(--light-300)}.brand-guide_specimen{font:400 clamp(2rem,3.5vw,3.5rem)/1.15 var(--font-jost);letter-spacing:-.03em}.brand-guide_specimen.heading{font-family:var(--font-bricolage);font-weight:600}.brand-guide_type a{text-underline-offset:.2em;padding-block:.5rem;font-size:.9rem;text-decoration:underline}.brand-guide_usage{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.brand-guide_usage article{border-top:.0625rem solid var(--border);padding-top:1.5rem}.brand-guide_number{color:var(--dark-700);margin-bottom:1.5rem;font:500 .85rem monospace;display:block}.brand-guide_usage h3{margin-bottom:.75rem}.brand-guide_usage p{color:var(--dark-700);font-size:.95rem}.brand-guide_status:empty{display:none}.brand-guide_status{margin-top:1rem;font-size:.9rem}@media not (min-width:48rem){.brand-guide_wrap .brand-guide_naming,.brand-guide_wrap .brand-guide_type{grid-template-columns:1fr}.brand-guide_wrap .brand-guide_naming,.brand-guide_wrap .brand-guide_type article{padding:1.5rem}.brand-guide_wrap .brand-guide_colours,.brand-guide_wrap .brand-guide_usage{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-guide_wrap .brand-guide_naming{gap:2rem}}@media not (min-width:30rem){.brand-guide_wrap .brand-guide_colours,.brand-guide_wrap .brand-guide_usage{grid-template-columns:1fr}}.membership-benefit_wrap{background:#fff;border:.0625rem solid #e3e9de;border-radius:1rem;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.75rem;display:flex;box-shadow:0 .25rem 1rem #16330003}.membership-benefit_number{width:3.25rem;height:3.25rem;color:var(--brand-text);background:#eef7e8;border-radius:1rem;place-items:center;font-size:.8rem;font-weight:600;display:grid}.membership-benefit_text{color:var(--text-2);max-width:43ch;font-size:.95rem;line-height:1.7}}