@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}@keyframes dontFade{0%,to{opacity:.15}50%{opacity:.05}}@keyframes dontRecolor{0%{filter:hue-rotate()saturate(2)}to{filter:hue-rotate(360deg)saturate(2)}}@keyframes dontStretch{0%,to{transform:scaleX(1)scaleY(1)}25%{transform:scaleX(1.8)scaleY(.7)}50%{transform:scaleX(.6)scaleY(1.5)}75%{transform:scaleX(1.6)scaleY(.8)}}@keyframes dontSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-page{max-width:1100px;margin:0 auto;padding:3em 2em 8em}@media (width<=768px){.brand-page{padding:2em 1.5em 6em}}.brand-layout{grid-template-columns:180px 1fr;gap:3em;display:grid}@media (width<=900px){.brand-layout{grid-template-columns:1fr;gap:0}}.brand-toc{opacity:0;pointer-events:none;flex-direction:column;align-self:start;gap:.5em;padding-top:1em;transition:opacity .4s,transform .4s;display:flex;position:sticky;top:6em;transform:translate(-10px)}.brand-toc--visible{opacity:1;pointer-events:auto;transform:translate(0)}@media (width<=900px){.brand-toc{opacity:1;pointer-events:auto;border-bottom:1px solid #ffffff0f;flex-flow:wrap;gap:.4em;margin-bottom:1em;padding:1.5em 0;position:static;transform:none}}.brand-toc-title{text-transform:uppercase;letter-spacing:.12em;color:#ffffff40;margin-bottom:.5em;font-family:Roboto Condensed,sans-serif;font-size:.7em;font-weight:700}@media (width<=900px){.brand-toc-title{display:none}}.brand-toc-link{color:#ffffff73;border-left:2px solid #0000;padding:.3em 0 .3em .75em;font-family:Roboto Condensed,sans-serif;font-size:.85em;font-weight:500;text-decoration:none;transition:all .2s}.brand-toc-link:hover,.brand-toc-link--active{color:#fff;border-left-color:#faaf40}@media (width<=900px){.brand-toc-link{background:#ffffff0a;border:1px solid #ffffff14;border-radius:.4em;padding:.35em .75em;font-size:.8em}.brand-toc-link:hover{background:#ffffff14}.brand-toc-link.brand-toc-link--active{color:#fff;background:#faaf4026;border-color:#faaf404d}}.brand-sections{min-width:0}.brand-hero{width:100vw;margin-top:-3em;margin-left:calc(50% - 50vw);animation:.8s ease-out fadeIn;position:relative;overflow:hidden}@media (width<=768px){.brand-hero{margin-top:-2em}}.brand-hero .brand-hero-bg{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform;width:100%;height:140%;position:absolute;inset:-20% 0}.brand-hero:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000,#17161b);height:150px;position:absolute;bottom:0;left:0;right:0}.brand-hero .brand-hero-content{text-align:center;background:#00000059;padding:8em 2em 12em;position:relative}.brand-hero .brand-hero-content .breadcrumbs{width:100%;max-width:860px;margin-bottom:0;padding:3em 2em 0;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (width<=768px){.brand-hero .brand-hero-content .breadcrumbs{padding:2em 1.5em 0}}@media (width<=500px){.brand-hero .brand-hero-content{padding:5em 1.5em 7em}}.brand-hero .brand-hero-logo-wrap{justify-content:center;align-items:center;margin-bottom:2.5em;display:inline-flex}@media (width<=500px){.brand-hero .brand-hero-logo-wrap{margin-bottom:2em}}.brand-hero .brand-hero-logo{-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;height:110px}@media (width<=500px){.brand-hero .brand-hero-logo{height:75px}}.brand-hero h1{color:#fff;letter-spacing:-.01em;margin:0 0 1em;font-family:Roboto Condensed,sans-serif;font-size:clamp(2em,5vw,2.8em);font-weight:700;line-height:1.1}.brand-hero p{color:#ffffffbf;max-width:480px;margin:0 auto;font-size:clamp(1.05em,2.5vw,1.2em);line-height:1.9}.brand-section{border-top:1px solid #ffffff0f;padding:4em 0;scroll-margin-top:2em;animation:.6s ease-out backwards fadeSlideUp}.brand-section:first-child{border-top:none}.brand-section:first-of-type{animation-delay:80ms}.brand-section:nth-of-type(2){animation-delay:.16s}.brand-section:nth-of-type(3){animation-delay:.24s}.brand-section:nth-of-type(4){animation-delay:.32s}.brand-section:nth-of-type(5){animation-delay:.4s}.brand-section h2{color:#fff;margin:0 0 .8em;font-family:Roboto Condensed,sans-serif;font-size:clamp(1.6em,4vw,2em);font-weight:700}.brand-section p{color:#ffffffa6;max-width:640px;font-size:1.05em;line-height:1.9}.brand-section p strong{color:#ffffffe6}.brand-logo-showcase{grid-template-columns:repeat(2,1fr);gap:1.5em;margin-bottom:2.5em;display:grid}@media (width<=600px){.brand-logo-showcase{grid-template-columns:1fr}}.brand-logo-card{cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:1.25em;outline:none;flex-direction:column;align-items:center;gap:1em;padding:3em 2em 1.5em;transition:transform .3s,box-shadow .3s;display:flex}.brand-logo-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f}.brand-logo-card:hover .brand-logo-download{opacity:1}.brand-logo-card:focus-visible{outline-offset:2px;outline:2px solid #faaf40}.brand-logo-card--featured{grid-column:1/-1;padding:4em 2em 2em}.brand-logo-card--featured .brand-logo-img{height:100px}@media (width<=600px){.brand-logo-card--featured{padding:3em 1.5em 1.5em}.brand-logo-card--featured .brand-logo-img{height:80px}}.brand-logo-card .brand-logo-img{-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;max-width:100%;height:80px}.brand-logo-card .brand-logo-img--symbol{height:70px}.brand-logo-card .brand-logo-label{text-transform:uppercase;letter-spacing:.1em;color:#0000008c;font-family:Roboto Condensed,sans-serif;font-size:.8em;font-weight:600}.brand-logo-card .brand-logo-download{color:#0000004d;opacity:0;font-size:.7em;transition:opacity .2s}.brand-logo-card--dark{background:#0000004d;border-color:#ffffff0d}.brand-logo-card--dark:hover{box-shadow:0 8px 24px #0006}.brand-logo-card--dark .brand-logo-label{color:#fff6}.brand-logo-card--dark .brand-logo-download{color:#ffffff4d}.brand-logo-rules{grid-template-columns:repeat(2,1fr);gap:1.25em;margin-top:2em;display:grid}@media (width<=600px){.brand-logo-rules{grid-template-columns:1fr}}.brand-logo-rule{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:1em;flex-direction:column;align-items:center;padding:1.75em;display:flex}.brand-logo-rule h3{color:#fff;margin:0 0 .5em;font-family:Roboto Condensed,sans-serif;font-size:1.1em;font-weight:700}.brand-logo-rule p{color:#ffffff8c;margin:0 0 1.25em;font-size:.9em;line-height:1.7}.brand-rule-note{color:#ffffff59;margin-top:auto;padding-top:.75em;font-family:monospace;font-size:.8em;display:block}.brand-clearspace-zone{border:2px dashed #faaf4066;border-radius:.5em;justify-content:center;align-items:center;margin-bottom:.5em;display:inline-flex;overflow:hidden}.brand-clearspace-grid{grid-template-rows:auto auto auto;grid-template-columns:auto auto auto;place-items:center;gap:0;display:grid}.brand-clearspace-grid img{-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;height:56px}@media (width<=500px){.brand-clearspace-grid img{height:36px}}.brand-clearspace-logo{grid-area:2/2}.brand-clearspace-ghost{opacity:.15}.brand-clearspace-ghost--top{grid-area:1/2;margin-bottom:-15%;transform:rotate(90deg)}.brand-clearspace-ghost--left{grid-area:2/1}.brand-clearspace-ghost--right{grid-area:2/3}.brand-clearspace-ghost--bottom{grid-area:3/2;margin-top:-15%;transform:rotate(90deg)}.brand-minsize-example{flex:1;justify-content:center;align-items:center;gap:.75em;display:flex}.brand-minsize-logo{-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;height:24px}.brand-donts-header{margin-top:3em;margin-bottom:1.5em}.brand-donts-header p{color:#ffffff80;margin:.5em 0 0;font-size:.95em}.brand-donts-badge{text-transform:uppercase;letter-spacing:.1em;color:#ff6464e6;background:#ff50501a;border:1px solid #ff505040;border-radius:.4em;padding:.3em .9em;font-family:Roboto Condensed,sans-serif;font-size:.85em;font-weight:700;display:inline-block}.brand-donts-visual{grid-template-columns:repeat(3,1fr);gap:1.25em;display:grid}@media (width<=600px){.brand-donts-visual{grid-template-columns:repeat(2,1fr)}}.brand-dont-visual{flex-direction:column;align-items:center;gap:.75em;display:flex}.brand-dont-visual-preview{aspect-ratio:1;background:#ffffff08;border:1px solid #ff505033;border-radius:1em;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.brand-dont-visual-preview:after{content:"✕";color:#ff5050b3;font-size:1.1em;font-weight:700;position:absolute;top:.6em;right:.7em}.brand-dont-visual-preview--busy{background:repeating-linear-gradient(45deg,#78645a4d 0 10px,#5a646e40 10px 20px),repeating-linear-gradient(-45deg,#645a5033 0 10px,#505f6433 10px 20px),repeating-linear-gradient(0deg,#ffffff0d 0 2px,#0000 2px 8px),repeating-linear-gradient(90deg,#ffffff0d 0 2px,#0000 2px 8px)}.brand-dont-visual-img{-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;height:64px}.brand-dont-visual-img--recolor{animation:5s linear infinite dontRecolor}.brand-dont-visual-img--stretch{animation:3s ease-in-out infinite dontStretch}.brand-dont-visual-img--shadow{filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 4px #fff)drop-shadow(0 0 16px #ff3232)drop-shadow(0 0 40px #ff9600e6)drop-shadow(0 0 60px #ff09)}.brand-dont-visual-img--rotate{animation:4s linear infinite dontSpin}.brand-dont-visual-img--lowcontrast{animation:4s ease-in-out infinite dontFade}.brand-dont-sparkle{color:#fff;pointer-events:none;text-shadow:0 0 8px #ff0c,0 0 16px #ffc80080;font-size:1.2em;animation:1.5s ease-in-out infinite sparkle;position:absolute}.brand-dont-sparkle--1{animation-delay:0s;top:15%;left:18%}.brand-dont-sparkle--2{animation-delay:.4s;top:12%;right:20%}.brand-dont-sparkle--3{animation-delay:.8s;bottom:20%;left:22%}.brand-dont-sparkle--4{animation-delay:1.2s;bottom:15%;right:18%}.brand-dont-visual-label{color:#ff646499;text-align:center;font-size:.75em;font-weight:600}.brand-color-group-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin:2.5em 0 1em;font-family:Roboto Condensed,sans-serif;font-size:.85em;font-weight:600}.brand-color-group-label:first-of-type{margin-top:1.5em}.brand-color-swatches{grid-template-columns:repeat(3,1fr);gap:1.25em;display:grid}@media (width<=600px){.brand-color-swatches{gap:.75em}}.brand-color-swatch{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:1em;outline:none;transition:transform .3s,box-shadow .3s;overflow:hidden}.brand-color-swatch:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.brand-color-swatch:focus-visible{outline-offset:2px;outline:2px solid #faaf40}.brand-color-swatch .swatch-preview{width:100%;height:100px;position:relative}@media (width<=600px){.brand-color-swatch .swatch-preview{height:64px}}.brand-color-swatch .swatch-copied{color:#fff;letter-spacing:.05em;background:#00000080;justify-content:center;align-items:center;font-family:Roboto Condensed,sans-serif;font-size:.85em;font-weight:600;animation:.15s ease-out fadeIn;display:flex;position:absolute;inset:0}.brand-color-swatch .swatch-info{flex-direction:column;gap:.15em;padding:.85em 1em;display:flex}.brand-color-swatch .swatch-name{color:#fff;margin-bottom:.25em;font-family:Roboto Condensed,sans-serif;font-size:.95em;font-weight:700}.brand-color-swatch .swatch-value{color:#fff6;letter-spacing:.03em;font-family:monospace;font-size:.75em}.brand-color-swatch--small .swatch-preview{height:64px}@media (width<=600px){.brand-color-swatch--small .swatch-preview{height:48px}}.brand-color-swatch--small .swatch-info{padding:.6em .75em}.brand-color-swatch--small .swatch-value{font-size:.7em}.brand-type-samples{flex-direction:column;gap:1.25em;margin-top:2em;display:flex}.brand-type-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:1.25em;display:flex;overflow:hidden}@media (width<=600px){.brand-type-card{flex-direction:column}}.brand-type-card-specimen{color:#fff;background:#ffffff0a;border-right:1px solid #ffffff0f;flex-shrink:0;justify-content:center;align-items:center;width:140px;font-size:4em;font-weight:700;display:flex}.brand-type-card-specimen--roboto-condensed{font-family:Roboto Condensed,sans-serif}.brand-type-card-specimen--kanit{font-family:Kanit,sans-serif}.brand-type-card-specimen--roboto{font-family:Roboto,sans-serif}.brand-type-card-specimen--roboto-mono{font-family:Roboto Mono,monospace}@media (width<=600px){.brand-type-card-specimen{border-bottom:1px solid #ffffff0f;border-right:none;width:100%;height:auto;padding:1em 0;font-size:3em}}.brand-type-card-body{flex-direction:column;flex:1;gap:1em;padding:1.5em 1.75em;display:flex}@media (width<=500px){.brand-type-card-body{padding:1.25em}}.brand-type-card-header h3{color:#fff;margin:0;font-family:Roboto Condensed,sans-serif;font-size:1.2em;font-weight:700}.brand-type-card-header .brand-type-card-name--kanit{font-family:Kanit,sans-serif}.brand-type-card-header .brand-type-card-name--roboto{font-family:Roboto,sans-serif}.brand-type-card-header .brand-type-card-name--roboto-mono{font-family:Roboto Mono,monospace}.brand-type-card-usage{text-transform:uppercase;letter-spacing:.08em;color:#faaf40b3;margin-top:.15em;font-size:.7em;font-weight:600;display:inline-block}.brand-type-card-scale{color:#ffffff80;flex-direction:column;gap:.35em;font-weight:600;display:flex}.brand-type-card-scale--roboto-condensed{font-family:Roboto Condensed,sans-serif}.brand-type-card-scale--kanit{font-family:Kanit,sans-serif}.brand-type-card-scale--roboto{font-family:Roboto,sans-serif}.brand-type-card-scale--roboto-mono{font-family:Roboto Mono,monospace}.brand-type-card-link{color:#fff6;border:1px solid #ffffff1a;border-radius:.5em;align-self:flex-start;margin-top:auto;padding:.4em .85em;font-size:.8em;text-decoration:none;transition:all .2s;display:inline-block}.brand-type-card-link:hover{color:#faaf40;border-color:#faaf404d}.brand-event-logos{grid-template-columns:repeat(3,1fr);gap:1.25em;margin-top:2em;display:grid}@media (width<=600px){.brand-event-logos{grid-template-columns:1fr}}.brand-event-logo{background:#ffffff08;border:1px solid #ffffff14;border-radius:1.25em;flex-direction:column;align-items:center;gap:1em;padding:2em 1.5em 1.5em;display:flex}.brand-event-logo img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;max-width:100%;height:100px}@media (width<=500px){.brand-event-logo img{height:80px}}.brand-event-logo-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.08em;font-family:Roboto Condensed,sans-serif;font-size:.8em;font-weight:600}.brand-character-sheet{background:#fff;border:1px solid #ffffff14;border-radius:1.25em;margin-top:2em;overflow:hidden}.brand-character-sheet-img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.brand-permissions-grid{grid-template-columns:repeat(3,1fr);gap:1.25em;margin-top:2em;display:grid}@media (width<=700px){.brand-permissions-grid{grid-template-columns:1fr}}.brand-perm-card{text-align:center;border-radius:1.25em;padding:1.75em}.brand-perm-card .brand-perm-icon{border-radius:50%;justify-content:center;align-items:center;width:2.5em;height:2.5em;margin-bottom:1em;font-size:1.1em;font-weight:700;display:inline-flex}.brand-perm-card h3{color:#fff;margin:0 0 1em;font-family:Roboto Condensed,sans-serif;font-size:1.1em;font-weight:700}.brand-perm-card ul{text-align:left;flex-direction:column;gap:.6em;margin:0;padding:0;list-style:none;display:flex}.brand-perm-card li{color:#fff9;padding-left:1em;font-size:.88em;line-height:1.5;position:relative}.brand-perm-card li:before{content:"";border-radius:50%;width:4px;height:4px;position:absolute;top:.55em;left:0}.brand-perm-card--yes{background:#4ecdc40a;border:1px solid #4ecdc41f}.brand-perm-card--yes .brand-perm-icon{color:#4ecdc4;background:#4ecdc41f}.brand-perm-card--yes li:before{background:#4ecdc480}.brand-perm-card--caution{background:#faaf400a;border:1px solid #faaf401f}.brand-perm-card--caution .brand-perm-icon{color:#faaf40;background:#faaf401f}.brand-perm-card--caution li:before{background:#faaf4080}.brand-perm-card--no{background:#ff505008;border:1px solid #ff50501a}.brand-perm-card--no .brand-perm-icon{color:#ff6464cc;background:#ff50501a}.brand-perm-card--no li:before{background:#ff505080}@media (width<=500px){.brand-section{padding:3em 0}.brand-type-sample{padding:1.25em 1.5em}}