.brand-page{--brand-line:rgba(40,40,40,.18);--brand-surface:#fff;--brand-muted:#595955}.dark .brand-page{--brand-line:rgba(246,245,239,.22);--brand-surface:#333330;--brand-muted:#c3c3bc}body:has(.brand-page) #theme-toggle{color:#f6f5ef}.brand-page :is(a,button,summary):focus-visible{outline:3px solid #6069f6;outline-offset:5px}.brand-icon{display:inline-block;width:1.15em;height:1.15em;flex-shrink:0;vertical-align:-.15em}.brand-hero{padding-bottom:0}.brand-hero .hero-intro{margin:0;max-width:39rem}.brand-hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;margin-top:3rem}.brand-hero-note{padding:1.25rem 0 3.5rem;margin:0;color:inherit;opacity:.65;font-size:.8rem}.brand-color-strip{display:flex;height:12px}.brand-color-strip span{flex:1}.brand-color-strip span:first-child{flex:3}.brand-button{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;padding:1.25rem 1.75rem;border-radius:999px;background:#282828;color:#fff;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;text-decoration:none;flex-shrink:0;transition:transform .15s}.brand-button:hover{transform:translateY(-2px)}.brand-button--orange{background:#f08136;color:#282828}.brand-nav{position:sticky;top:0;z-index:40;background:#f6f5ef;border-bottom:1px solid var(--brand-line)}.dark .brand-nav{background:#282828}.brand-nav .content-wrap{display:flex;justify-content:space-between;gap:1.5rem;overflow-x:auto;scrollbar-width:thin}.brand-nav a{display:flex;gap:.6rem;align-items:center;padding:1.4rem 0;font-size:.9rem;font-weight:650;white-space:nowrap;text-decoration:none;border-bottom:3px solid transparent}.brand-nav a:hover{border-color:#f08136}.brand-nav a span{font-size:.65rem;font-weight:400;color:var(--brand-muted)}.brand-section{padding:6rem 0;scroll-margin-top:4rem}.brand-section--tinted{background:rgba(40,40,40,.035)}.dark .brand-section--tinted{background:rgba(0,0,0,.15)}.brand-section-intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:3rem;margin-bottom:3rem}.brand-eyebrow{margin:0 0 1.25rem;font-size:.72rem;line-height:1.6;letter-spacing:.2em;text-transform:uppercase;font-weight:750}.brand-section h2,.brand-final h2{font-size:clamp(2.1rem,4.5vw,3.5rem);font-weight:900;line-height:1.02;letter-spacing:-.045em;margin:0;text-wrap:balance}.brand-section-intro>p{font-size:1.05rem;line-height:1.6;margin:0;max-width:30rem}.brand-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.brand-logo-card{min-width:0;border:1px solid var(--brand-line);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column}.brand-logo-stage{aspect-ratio:1.15;display:flex;align-items:center;justify-content:center;background:#fff}.brand-logo-stage--dark{background:#282828}.brand-logo-stage img{width:58%;height:auto;max-height:85%;object-fit:contain}.brand-logo-caption{padding:1.2rem 1.1rem;background:var(--brand-surface);flex:1}.brand-logo-caption h3{font-size:.95rem;font-weight:700;margin:0 0 1rem}.brand-downloads{display:flex;gap:.5rem;flex-wrap:wrap}.brand-downloads a{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .65rem;border:1px solid var(--brand-line);border-radius:.35rem;font-size:.7rem;font-weight:700;text-decoration:none;min-height:2.5rem}.brand-downloads a:hover{background:#f08136;color:#282828}.brand-format-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;padding:1.5rem 0}.brand-format-guide p{font-size:.8rem;color:var(--brand-muted);margin:0;line-height:1.5}.brand-format-guide strong{display:block;color:inherit;font-size:.8rem;margin-bottom:.25rem}.brand-variants{border-top:1px solid var(--brand-line);border-bottom:1px solid var(--brand-line);margin:1rem 0}.brand-variants summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;cursor:pointer;padding:1.5rem 0;font-size:.95rem;font-weight:650;list-style:none}.brand-variants summary::-webkit-details-marker{display:none}.brand-variant-count{font-size:.75rem;color:var(--brand-muted);display:flex;gap:1.5rem;align-items:center;flex-shrink:0}.brand-variants[open] summary .brand-icon{transform:rotate(45deg)}.brand-logo-grid--small{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:1.5rem}.brand-logo-grid--small .brand-logo-caption h3{font-size:.75rem}.brand-small{margin:1.5rem 0 0;font-size:.75rem;line-height:1.7;color:var(--brand-muted);max-width:58rem}.brand-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.brand-swatch{overflow:hidden;border:1px solid var(--brand-line);border-radius:1rem;background:var(--brand-surface)}.brand-swatch-color{min-height:11rem;padding:1.35rem;display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.brand-swatch-color span{font-size:.65rem;text-transform:uppercase;letter-spacing:.13em;font-weight:650}.brand-swatch-color h3{font-size:1.4rem;line-height:1.2;font-weight:800;margin:0;letter-spacing:-.04em}.brand-swatch-info{padding:1.1rem 1.3rem 1.3rem}.brand-copy{display:flex;justify-content:space-between;align-items:center;width:100%;gap:.5rem;padding:.4rem 0 .8rem;cursor:pointer;border-bottom:1px solid var(--brand-line);text-align:left}.brand-copy code{font-size:1rem;font-weight:700}.brand-copy span{display:flex;align-items:center;gap:.5rem;font-size:.65rem}.brand-copy:hover span{text-decoration:underline;text-underline-offset:4px}.brand-swatch dl{margin:1rem 0 0;font-family:ui-monospace,monospace;font-size:.7rem;line-height:1.7}.brand-swatch dl div{display:flex;gap:1rem}.brand-swatch dt{width:3rem;color:var(--brand-muted)}.brand-swatch dd{margin:0}.brand-color-notes{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding-top:3rem}.brand-color-notes h3{font-size:1.1rem;font-weight:750;margin:0 0 .8rem}.brand-color-notes p{margin:0;font-size:.9rem;line-height:1.7}.brand-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.brand-type-card{padding:2.5rem;border-radius:1rem;display:flex;flex-direction:column}.brand-type-card--heading{background:#f08136;color:#282828}.brand-type-card--body{background:var(--brand-surface);border:1px solid var(--brand-line)}.brand-type-specimen{font-size:7.5rem;font-weight:700;line-height:1;letter-spacing:-.08em;margin:1.5rem 0 2.5rem}.brand-type-card h3{font-size:1.25rem;font-weight:700;margin:0 0 1rem}.brand-alphabet{font-size:.75rem;line-height:1.9;overflow-wrap:anywhere;margin:0}.brand-type-example{font-size:clamp(1.7rem,3vw,2.1rem);line-height:1.3;margin:1.5rem 0 2.5rem;letter-spacing:-.025em;flex:1;font-weight:400}.brand-type-card--body>p:last-child{font-size:.9rem;line-height:1.7;margin:0}.brand-type-print{margin-top:2rem;border-left:3px solid #f08136;padding:.3rem 0 .3rem 1.25rem}.brand-type-print h3{margin:0;font-size:.8rem;font-weight:650;line-height:1.5;color:var(--brand-muted)}.brand-type-print p{margin:.5rem 0 0;font-size:1.25rem;font-weight:700;line-height:1.4}.brand-clearspace{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}.brand-clearspace-figure{margin:0}.brand-clearspace-stage{position:relative;aspect-ratio:1;display:grid;place-items:center;background:#fff;color:#000}.brand-clearspace-stage img{width:50%;height:auto}.brand-clearspace-grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;stroke:#555;stroke-width:1;stroke-dasharray:1 2}.brand-clearspace-grid>*{vector-effect:non-scaling-stroke}.brand-space-label,.brand-size-label{position:absolute;left:12.5%;transform:translate(-50%,-50%);font-size:clamp(.875rem,1.4vw,1.125rem);line-height:1}.brand-space-label{top:12.5%}.brand-size-label{top:50%}.brand-clearspace-figure figcaption{font-size:.75rem;text-align:center;margin-top:1rem;color:var(--brand-muted)}.brand-rules article{display:flex;gap:1.25rem;padding:1.7rem 0;border-bottom:1px solid var(--brand-line)}.brand-rules article:first-child{padding-top:0}.brand-rules article:last-child{border:0;padding-bottom:0}.brand-rules article>span{font-size:.7rem;color:var(--brand-muted);padding-top:.2rem}.brand-rules h3{font-size:1.2rem;font-weight:750;line-height:1.3;margin:0 0 .75rem}.brand-rules p{font-size:.9rem;line-height:1.7;margin:0}.brand-final{background:#f08136;color:#282828;padding:5rem 0 3rem}.brand-final>.content-wrap:first-child{display:flex;justify-content:space-between;align-items:center;gap:3rem}.brand-final p:not(.brand-eyebrow):not(.brand-small){margin:1.5rem 0 0;font-size:1rem}.brand-final .brand-small{margin-top:3rem;color:#282828}.brand-final .brand-small a{text-decoration:underline;text-underline-offset:3px}.brand-toast{position:fixed;left:50%;bottom:2rem;transform:translate(-50%,1rem);max-width:calc(100% - 2rem);width:max-content;padding:1rem 1.5rem;border:1px solid #f6f5ef;border-radius:999px;background:#282828;color:#fff;box-shadow:0 3px 20px #0003;opacity:0;pointer-events:none;z-index:120;transition:opacity .15s,transform .15s;font-size:.85rem}.brand-toast.is-visible{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.brand-hero-bottom{flex-direction:column;align-items:flex-start;gap:2rem}.brand-logo-grid--small{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-section-intro{gap:2rem}.brand-clearspace{gap:2.5rem}.brand-type-card{padding:2rem}}@media(max-width:640px){.brand-hero-bottom{margin-top:2rem}.brand-nav .content-wrap{gap:1.6rem}.brand-nav a{padding:1rem 0;font-size:.8rem}.brand-nav a span{display:none}.brand-section{padding:3.5rem 0}.brand-section-intro{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.brand-section-intro>p{font-size:.95rem}.brand-logo-grid{grid-template-columns:1fr}.brand-logo-stage{aspect-ratio:1.5}.brand-logo-stage img{width:45%}.brand-logo-caption{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.brand-logo-caption h3{margin:0}.brand-logo-grid--small{grid-template-columns:1fr 1fr;gap:.75rem}.brand-logo-grid--small .brand-logo-stage{aspect-ratio:1}.brand-logo-grid--small .brand-logo-stage img{width:62%}.brand-logo-grid--small .brand-logo-caption{display:block;padding:.8rem}.brand-logo-grid--small .brand-logo-caption h3{margin-bottom:.8rem}.brand-format-guide{gap:.75rem}.brand-format-guide p{font-size:.7rem}.brand-variants summary{font-size:.85rem}.brand-variant-count{font-size:0;gap:0}.brand-variant-count svg{font-size:1.25rem}.brand-swatches{grid-template-columns:1fr 1fr;gap:.75rem}.brand-swatch-color{min-height:9rem;padding:1rem}.brand-swatch-color span{font-size:.55rem;letter-spacing:.04em}.brand-swatch-color h3{font-size:1.15rem}.brand-swatch-info{padding:.8rem}.brand-copy{flex-wrap:wrap;padding:0 0 .7rem;min-height:3.5rem}.brand-copy code{font-size:.85rem}.brand-copy span{font-size:.6rem}.brand-swatch dl{font-size:.6rem}.brand-swatch dl div{gap:.25rem}.brand-swatch dt{width:2.5rem}.brand-color-notes,.brand-type-grid,.brand-clearspace{grid-template-columns:1fr;gap:2rem}.brand-type-card{padding:1.75rem}.brand-type-specimen{font-size:7rem}.brand-clearspace-figure{width:100%;max-width:23rem;margin:0 auto}.brand-final{padding:3.5rem 0 2.5rem}.brand-final>.content-wrap:first-child{flex-direction:column;align-items:flex-start;gap:2rem}.brand-button{font-size:.7rem;padding:1.15rem 1.4rem;gap:1rem}}@media(prefers-reduced-motion:reduce){.brand-button,.brand-toast{transition:none}}