.logo-guide-page { background:var(--swav-colorwheel-white); }
.logo-guide-header { border-bottom:1px solid var(--swav-colorwheel-gray-border); background:rgb(255 255 255 / .96); }
.logo-guide-header__inner { display:flex; align-items:center; justify-content:space-between; gap:2rem; min-height:78px; }
.logo-guide-header__brand img { display:block; width:184px; }
.logo-guide-header__inner > div { display:flex; align-items:center; gap:1.25rem; color:var(--muted); font-size:var(--swav-text-xs); }
.logo-guide-header a { color:var(--navy); font-weight:700; text-decoration:none; }
.logo-guide-header a:hover { color:var(--purple); }
.logo-guide-header i { margin-left:.35rem; }
.logo-guide-hero { padding:6.5rem 0 5.5rem; color:var(--swav-colorwheel-white); background:linear-gradient(120deg,#09172f 0%,var(--navy) 48%,#295288 100%); }
.logo-guide-hero .eyebrow { color:var(--gold); }
.logo-guide-hero h1 { max-width:760px; margin:0; font-size:clamp(3rem,7vw,6rem); font-weight:500; letter-spacing:-.07em; line-height:.92; }
.logo-guide-hero p:last-child { max-width:700px; margin:1.5rem 0 0; color:#e6eefc; font-size:var(--swav-text-lg); line-height:1.65; }
.logo-guide-nav { position:sticky; top:0; z-index:4; border-bottom:1px solid var(--swav-colorwheel-gray-border); background:var(--swav-colorwheel-white); }
.logo-guide-nav > div { display:flex; align-items:center; gap:1.5rem; min-height:54px; overflow-x:auto; }
.logo-guide-nav a { flex:none; color:var(--navy); font-size:var(--swav-text-sm); font-weight:700; text-decoration:none; }
.logo-guide-nav a:hover { color:var(--purple); }
.logo-guide-section { border-top:0; }
.logo-guide-page .logo-system { padding-top:5rem; padding-bottom:5rem; }
.logo-guide-page .logo-system + .logo-system { border-top:1px solid var(--swav-colorwheel-gray-border); }
.logo-variants--four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.logo-variant--muted { background:#fff; }
.variant-downloads { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.9rem; padding-top:.8rem; border-top:1px solid var(--swav-colorwheel-gray-border); }
.variant-downloads > span { flex-basis:100%; color:var(--muted); font-size:.62rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.variant-downloads--square { margin-top:.65rem; }
.variant-downloads a { display:inline-flex; align-items:center; min-height:30px; padding:.25rem .45rem; border:1px solid var(--swav-colorwheel-primary); color:var(--navy); font-size:.68rem; font-weight:700; letter-spacing:.06em; text-decoration:none; }
.variant-downloads a:hover,.variant-downloads a:focus-visible { color:#fff; background:var(--navy); }
.logo-guide-page .logo-misuse { margin-top:0; padding-top:0; }
.logo-guide-page .logo-misuse h2 { max-width:340px; margin:.3rem 0 .75rem; color:var(--navy); font-size:clamp(2rem,4vw,3.2rem); font-weight:500; letter-spacing:-.05em; line-height:1; }
.logo-guide-page .logo-misuse > div:first-child > p:last-child { max-width:310px; margin:0; color:var(--muted); font-size:var(--swav-text-sm); }
.logo-guide-footer { padding:2rem 0; color:#d7def0; background:var(--navy); }
.logo-guide-footer > div { display:flex; align-items:center; justify-content:space-between; gap:1rem; font-size:var(--swav-text-xs); }
.logo-guide-footer img { width:150px; filter:brightness(0) invert(1); }
.logo-guide-footer a { color:var(--swav-colorwheel-white); font-weight:700; text-decoration:none; }
.logo-guide-footer a:hover { color:var(--gold); }
@media (max-width:760px) { .logo-guide-header__inner { min-height:64px; }.logo-guide-header__brand img { width:150px; }.logo-guide-header__inner > div > span { display:none; }.logo-guide-hero { padding:4.5rem 0; }.logo-guide-hero p:last-child { font-size:var(--swav-text-md); }.logo-guide-page .logo-system { padding-top:3.5rem; padding-bottom:3.5rem; }.logo-variants--four { grid-template-columns:1fr; }.logo-guide-footer > div { align-items:flex-start; flex-direction:column; } }