.brand-main{max-width:1280px;margin:0 auto}.brand-main:focus{outline:none}.brand-main .button{white-space:normal;text-align:center;max-width:100%;height:auto}.brand-main .button span{min-width:0;overflow-wrap:anywhere}.brand-main h2,.brand-main h3,.brand-main p{overflow-wrap:break-word}.brand-type>*,.brand-name-section>*{min-width:0}.brand-intro{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-12) 0}.brand-intro h1{font-size:clamp(2.75rem,5.5vw,5rem);font-weight:var(--weight-heading);line-height:1.08;letter-spacing:var(--tracking-story);margin:0 0 var(--space-6)}.brand-intro p{max-width:550px;font-size:var(--type-reading);line-height:var(--leading-reading);margin:0;color:var(--muted)}.brand-intro .button{flex-shrink:0}.brand-intro-companions{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.brand-mini-cast{display:flex;justify-content:center;align-items:flex-end;height:140px;margin-bottom:var(--space-4);pointer-events:none}.brand-mini-cast img{width:138px;height:138px;margin-inline:-14px;object-fit:contain}.brand-mini-cast img:first-child{transform:rotate(-9deg)}.brand-mini-cast img:nth-child(2){transform:translateY(-12px);z-index:1}.brand-mini-cast img:last-child{transform:rotate(9deg)}.brand-download-format{font-size:var(--type-caption);opacity:.7;font-weight:400;margin-left:var(--space-2)}.brand-logo-stage{--stage-paper: #eeeee8;--stage-ink: #191a18;position:relative;display:grid;place-items:center;min-height:390px;padding:72px 80px 100px;border-radius:var(--radius-lg);background:var(--stage-paper);color:var(--stage-ink);border:1px solid var(--line)}.brand-logo-stage[data-background=dark]{--stage-paper: #08090b;--stage-ink: #f2f1ed;border-color:var(--stage-paper)}.brand-logo-stage[data-background=transparent]{background-color:#eeeee8;background-image:conic-gradient(#e3e4dc 25%,transparent 0 50%,#e3e4dc 0 75%,transparent 0);background-size:24px 24px}.brand-hero-logo{width:min(100%,820px)}.brand-stage-controls{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);display:flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--stage-paper);border:1px solid color-mix(in srgb,var(--stage-ink) 20%,transparent)}.brand-stage-controls button{min-height:var(--control-size);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);color:var(--stage-ink);font-size:var(--type-caption);white-space:nowrap;transition:color var(--quick),background var(--quick)}.brand-stage-controls button[aria-pressed=true]{background:var(--stage-ink);color:var(--stage-paper)}.brand-stage-controls button:hover:not([aria-pressed=true]){background:color-mix(in srgb,var(--stage-ink) 9%,var(--stage-paper))}.brand-stage-controls button:focus-visible{outline-color:var(--stage-ink)}.brand-logo-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8);padding:var(--space-6) 0 var(--space-12)}.brand-logo-caption h2{font-size:var(--type-section-title);letter-spacing:var(--tracking-label);font-weight:var(--weight-emphasis);margin:0 0 var(--space-2)}.brand-logo-caption p{max-width:600px;color:var(--muted);margin:0;line-height:1.6}.brand-file-group{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5)}.brand-file{display:inline-flex;align-items:center;justify-content:space-between;min-height:var(--control-size);gap:var(--space-2);font-size:var(--type-caption);text-decoration:underline;text-underline-offset:.3em;text-decoration-color:var(--line);white-space:nowrap}.brand-file:hover{text-decoration-color:currentColor}.brand-section-nav{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-8);border-block:1px solid var(--line);background:var(--paper);padding:var(--space-3) 0}.brand-section-nav a{min-height:var(--control-size);display:inline-flex;align-items:center;font-size:var(--type-ui);color:var(--muted)}.brand-section-nav a:hover{color:var(--ink)}.brand-section{scroll-margin-top:105px;padding:80px 0;border-bottom:1px solid var(--line)}.brand-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start;margin-bottom:var(--space-10)}.brand-section-heading h2,.brand-name-section h2,.brand-page-footer h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.18;letter-spacing:var(--tracking-heading);font-weight:var(--weight-emphasis);text-wrap:balance;margin:0}.brand-section-heading p{margin:0;max-width:56ch;line-height:var(--leading-reading);color:var(--muted);font-size:var(--type-reading)}.brand-mascot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.brand-mascot{min-width:0;background:var(--surface);border-radius:var(--radius-lg)}.brand-mascot-preview{display:grid;place-items:center;height:300px;padding:var(--space-5) var(--space-8) 0}.brand-mascot-preview img{width:100%;height:100%;min-height:0;object-fit:contain;transition:transform var(--duration-slide) var(--ease)}.brand-mascot:nth-child(3n+1) .brand-mascot-preview img{transform:rotate(-4deg)}.brand-mascot:nth-child(3n) .brand-mascot-preview img{transform:rotate(4deg)}.brand-mascot:hover .brand-mascot-preview img,.brand-mascot:focus-within .brand-mascot-preview img{transform:translateY(-8px) rotate(0)}.brand-mascot-caption{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6)}.brand-mascot-color-name{display:block;color:var(--muted);font-size:var(--type-caption);margin-top:var(--space-1)}.brand-mascot-caption h3{font-size:var(--type-reading);font-weight:var(--weight-emphasis);margin:0;overflow-wrap:anywhere}.brand-mascot-format{font-size:var(--type-caption)!important;margin-top:var(--space-4)!important}.brand-artwork-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:var(--space-6)}.brand-artwork{min-width:0}.brand-artwork-preview{height:260px;background:var(--surface);display:grid;place-items:center;border-radius:var(--radius-md);padding:var(--space-8)}.brand-character-preview img{height:205px;width:205px}.brand-icon-preview img{width:176px;border-radius:var(--radius-md)}.brand-wide-preview{padding:var(--space-6)}.brand-wide-preview img{width:100%;height:100%;min-height:0;object-fit:contain}.brand-artwork-description h3{font-size:var(--type-reading);font-weight:var(--weight-heading);margin:var(--space-5) 0 var(--space-2)}.brand-artwork-description p{color:var(--muted);line-height:1.6;font-size:var(--type-ui);margin:0 0 var(--space-3)}.brand-note{color:var(--muted);font-size:var(--type-caption);line-height:1.65;max-width:84ch;margin:var(--space-7) 0 0}.brand-guidelines{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--space-12);align-items:center}.brand-clearspace{margin:0}.brand-clearspace-box{position:relative;display:grid;place-items:center;min-height:240px;padding:54px;background:#eeeee8;border-radius:var(--radius-md)}.brand-clearspace-line{position:absolute;inset:30px;border:1px dashed #60645b}.brand-clearspace img{position:relative}.brand-clearspace figcaption{font-size:var(--type-caption);line-height:1.6;color:var(--muted);margin-top:var(--space-3)}.brand-rule-copy h3{font-size:var(--type-reading);font-weight:var(--weight-heading);margin:0 0 var(--space-4)}.brand-rule-copy ul{padding-left:var(--space-5);margin:0;display:grid;gap:var(--space-3);color:var(--muted);font-size:var(--type-ui);line-height:1.6}.brand-examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-12)}.brand-examples figure{margin:0;min-width:0}.brand-example{display:grid;place-items:center;background:#eeeee8;height:140px;padding:var(--space-7);border-radius:var(--radius-md)}.brand-example img{width:100%}.brand-example-stretched img{transform:scaleY(1.8) scaleX(.84)}.brand-example-recolored img{filter:grayscale(1)}.brand-example-rotated img{transform:rotate(-14deg)}.brand-examples figcaption span{min-width:0;overflow-wrap:normal}.brand-examples figcaption{display:flex;align-items:center;gap:var(--space-2);font-size:var(--type-caption);margin-top:var(--space-3);line-height:1.4}.brand-palette{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-4)}.brand-swatch{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;font-size:var(--type-caption)}.brand-color{position:relative;height:146px;border-radius:var(--radius-md);padding:var(--space-4);transition:transform var(--duration-hover) var(--ease)}.brand-color:hover{transform:translateY(-4px)}.brand-color svg{position:absolute;right:12px;bottom:12px;color:#08090b}.brand-swatch>span{overflow-wrap:anywhere}.brand-copy-feedback{font-size:var(--type-caption);line-height:1.5;margin:0;min-height:1.5em}.brand-copy-feedback:empty{display:none}.brand-swatch code,.brand-neutrals code{font-family:inherit;font-size:var(--type-caption);font-variant-numeric:tabular-nums;color:var(--muted);-webkit-user-select:all;user-select:all}.brand-neutrals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-7);margin-top:var(--space-10)}.brand-neutrals>div{display:grid;grid-template-columns:44px 1fr;column-gap:var(--space-3);align-items:center;font-size:var(--type-caption)}.brand-neutral-chip{grid-row:span 2;width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--line)}.brand-type{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.brand-type .brand-section-heading{display:block;margin:0}.brand-type .brand-section-heading p{margin-top:var(--space-5)}.brand-type .text-button{margin-top:var(--space-6)}.brand-type-specimen{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-10)}.brand-type-name{display:block;font-size:clamp(2.5rem,6vw,5.5rem);line-height:1;letter-spacing:var(--tracking-story);font-weight:550}.brand-type-specimen p{font-size:var(--type-reading);line-height:var(--leading-reading);margin:var(--space-7) 0}.brand-type-specimen>span:last-child{font-size:var(--type-ui);line-height:1.8;color:var(--muted)}.brand-name-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);padding:var(--space-16) 0;align-items:center}.brand-name-section p{font-size:var(--type-reading);line-height:var(--leading-reading);color:var(--muted);max-width:50ch;margin:var(--space-5) 0 0}.brand-name-demo{display:flex;align-items:center;justify-content:center;gap:var(--space-7);font-weight:var(--weight-brand);letter-spacing:var(--tracking-story);font-size:clamp(3.5rem,6vw,5rem)}.brand-page-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-8);border-top:1px solid var(--line);padding:var(--space-12) 0 var(--space-8)}.brand-page-footer h2{font-size:var(--type-section-title)}.brand-page-footer p{margin:var(--space-3) 0 0;font-size:var(--type-ui);line-height:1.6;color:var(--muted)}.brand-footer-home{flex-basis:100%;display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-2);min-height:var(--control-size);font-size:var(--type-caption)}.brand-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:no-preference){.brand-hero-logo{animation:brand-art-arrive .65s var(--ease) both}@keyframes brand-art-arrive{0%{filter:blur(5px);transform:translateY(10px)}to{filter:blur(0);transform:translateY(0)}}}@media(max-width:1100px){.brand-mascot-preview{height:250px;padding-inline:var(--space-5)}.brand-artwork-grid{grid-template-columns:1fr 1fr}.brand-wide-artwork{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}.brand-artwork-preview{height:230px}.brand-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-section-nav{gap:var(--space-2) var(--space-5)}}@media(max-width:767px){.brand-intro{display:block;padding:var(--space-8) 0}.brand-intro h1{font-size:clamp(2.25rem,9.5vw,3.5rem)}.brand-intro .button{margin-top:var(--space-6)}.brand-intro-companions{align-items:flex-start;margin-top:var(--space-5)}.brand-mini-cast{height:102px;padding-left:var(--space-3);margin-bottom:0}.brand-mini-cast img{width:100px;height:100px;margin-inline:-10px}.brand-intro-companions .button{margin-top:var(--space-4)}.brand-mascot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.brand-mascot-preview{height:200px;padding:var(--space-3) var(--space-3) 0}.brand-mascot-caption{align-items:flex-start;padding:var(--space-2) var(--space-4) var(--space-3);flex-direction:column;gap:0}.brand-mascot-color-name{display:block;color:var(--muted);font-size:var(--type-caption);margin-top:var(--space-1)}.brand-mascot-caption h3{font-size:var(--type-ui)}.brand-logo-stage{min-height:250px;padding:var(--space-8) var(--space-6) var(--space-4);gap:var(--space-8)}.brand-stage-controls{position:static;transform:none;max-width:100%;flex-wrap:wrap;justify-content:center}.brand-stage-controls button{padding-inline:var(--space-3);font-size:var(--type-caption);white-space:normal}.brand-logo-caption{display:block;padding-bottom:var(--space-8)}.brand-logo-caption>.brand-file-group{margin-top:var(--space-3)}.brand-section-nav{position:static;gap:0 var(--space-5);padding-block:var(--space-2)}.brand-section-nav a{font-size:var(--type-caption)}.brand-section{padding:var(--space-12) 0;scroll-margin-top:var(--space-6)}.brand-section-heading{display:block;margin-bottom:var(--space-7)}.brand-section-heading h2,.brand-name-section h2{font-size:1.75rem;text-wrap:pretty}.brand-section-heading p{margin-top:var(--space-4)}.brand-artwork-grid{grid-template-columns:1fr;gap:var(--space-8)}.brand-wide-artwork{display:block}.brand-artwork-preview{height:250px}.brand-character-preview img{width:220px;height:220px}.brand-wide-preview{height:auto;min-height:180px}.brand-wide-preview img{height:auto}.brand-guidelines{grid-template-columns:1fr;gap:var(--space-7)}.brand-clearspace-box{min-height:180px;padding:var(--space-10)}.brand-clearspace-line{inset:22px}.brand-examples{grid-template-columns:1fr 1fr;gap:var(--space-6) var(--space-4);margin-top:var(--space-8)}.brand-example{height:112px;padding:var(--space-4)}.brand-examples figcaption{font-size:var(--type-caption)}.brand-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-4)}.brand-color{height:130px}.brand-neutrals{grid-template-columns:1fr;gap:var(--space-5)}.brand-type{grid-template-columns:minmax(0,1fr);gap:var(--space-7)}.brand-type-specimen{padding:var(--space-7)}.brand-name-section{grid-template-columns:minmax(0,1fr);gap:var(--space-7);padding:var(--space-12) 0}.brand-name-demo{justify-content:flex-start;font-size:clamp(2.5rem,12vw,5rem)}.brand-page-footer{padding-top:var(--space-8)}.brand-page-footer .button{width:100%}}@media(max-width:450px){.brand-examples,.brand-mascot-grid{grid-template-columns:minmax(0,1fr)}.brand-mascot-preview{height:270px;padding-inline:var(--space-8)}.brand-mascot-caption{flex-direction:row;align-items:center;padding:var(--space-3) var(--space-6)}}@media(prefers-reduced-motion:reduce){.brand-color,.brand-mascot-preview img{transition:none}.brand-color:hover,.brand-mascot-preview img,.brand-mascot:nth-child(3n+1) .brand-mascot-preview img,.brand-mascot:nth-child(3n) .brand-mascot-preview img,.brand-mascot:hover .brand-mascot-preview img,.brand-mascot:focus-within .brand-mascot-preview img{transform:none}}@media(max-width:360px){.brand-download-format{display:none}.brand-main .button{padding-inline:var(--space-5)}}
