html:has(.brandbook),html:has(.brandbook) body{overflow-x:clip}:root{--canvas: #0E1013}.brandbook{--ink: #FFFFFF;--hair: rgba(255, 255, 255, .16);position:relative;color:var(--ink)}.bb-shell{position:fixed;inset:0;z-index:-1;background-color:var(--canvas);contain:strict}.bb-rules{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));-moz-column-gap:clamp(.75rem,1.5vw,1.5rem);column-gap:clamp(.75rem,1.5vw,1.5rem);padding-inline:1.5rem}@media (min-width: 1024px){.bb-rules{padding-inline:3rem}}.bb-rules span{border-left:1px solid rgba(255,255,255,.14)}.brandbook>section,.brandbook>header,.brandbook>.brands{position:relative;z-index:1}.brandbook .shell{width:min(100% - 3rem,1440px);margin-inline:auto}@media (min-width: 1024px){.brandbook .shell{width:min(100% - 6rem,1440px)}}.brandbook .tabular{font-variant-numeric:tabular-nums}.brandbook .tag{font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding-top:7rem;padding-bottom:2.5rem}.meta-row{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--hair);font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c}.hero-type{font-size:clamp(3rem,12vw,12rem);line-height:.98;letter-spacing:-.055em;font-weight:700;padding-block:clamp(1.5rem,4vh,3rem)}.line-mask{display:block;overflow:hidden;padding-block:.1em;margin-block:-.1em}.line{display:block}.line.indent{padding-left:12vw}.hero-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2.5rem;padding-top:2rem;border-top:1px solid var(--hair)}.hero-note{max-width:34ch;font-size:.9375rem;line-height:1.6;color:#ffffffb3}.hero-links{display:flex;flex-wrap:wrap;gap:2.5rem}.rule-link{position:relative;display:inline-flex;align-items:baseline;gap:.75rem;padding-bottom:.4rem;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.rule-link:after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:currentColor;transform-origin:right;transition:transform .55s cubic-bezier(.16,1,.3,1)}.rule-link:hover:after{transform:scaleX(0)}.rule-link.inline{text-transform:none;letter-spacing:.02em;font-size:.875rem}.statement{padding-block:clamp(6rem,14vh,10rem)}.statement-grid{display:grid;gap:1.5rem 4rem;padding-top:1.75rem;border-top:1px solid var(--hair)}@media (min-width: 900px){.statement-grid{grid-template-columns:12rem 1fr}}.statement-text{font-size:clamp(1.25rem,2.6vw,2.25rem);line-height:1.28;letter-spacing:-.02em;max-width:30ch}.statement-text.small{font-size:1rem;line-height:1.6;max-width:60ch;color:#ffffffb3}.brand{padding-block:clamp(6rem,16vh,11rem)}.brand-head{display:flex;align-items:center;gap:clamp(1.5rem,5vw,5rem);padding-block:clamp(2.5rem,7vh,5rem);border-block:1px solid var(--hair)}.brand-num{font-size:clamp(2.5rem,7vw,6rem);line-height:1;letter-spacing:-.05em;color:var(--ink);opacity:.22}.brand-name{font-size:clamp(2.75rem,8vw,8rem);line-height:.9;letter-spacing:-.045em;font-weight:700}.brand-tagline{font-size:clamp(1.375rem,2.4vw,2rem);line-height:1.2;letter-spacing:-.02em;margin-bottom:1.5rem;max-width:22ch}.brand-logo{flex:1;min-width:0;display:flex;justify-content:flex-start}.brand-logo img{width:auto;max-width:min(100%,56rem);height:clamp(3.5rem,9vw,9rem);-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.brand-grid{display:grid;gap:3rem 4rem;padding-top:clamp(2.5rem,6vh,4rem)}@media (min-width: 900px){.brand-grid{grid-template-columns:1fr 1fr}}.brand-desc{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.55;max-width:44ch;color:#ffffffc7}.mini-list{margin-top:2.5rem;font-size:.875rem}.mini-list:first-child{margin-top:0}.mini-list dt{font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff80;padding-bottom:.75rem;border-bottom:1px solid var(--hair)}.mini-list dd{display:flex;flex-wrap:wrap;gap:.25rem 1rem;padding-block:.85rem;border-bottom:1px solid var(--hair)}.mini-list dd>span:not(.file-formats):not(.file-name){color:#fff9}.file-row{justify-content:space-between;align-items:center}.file-formats{display:flex;gap:.5rem}.file-formats a{display:inline-block;padding:.2rem .55rem;font-size:.6875rem;letter-spacing:.1em;border:1px solid var(--hair);color:var(--ink);transition:background-color .3s ease,color .3s ease}.file-formats a:hover{background-color:var(--ink);color:var(--canvas)}.palette{margin-top:clamp(3rem,8vh,5rem)}.palette-rows{margin-top:1rem;border-top:1px solid var(--hair)}.swatch{display:flex;align-items:center;gap:1.5rem;width:100%;padding-block:1.1rem;border-bottom:1px solid var(--hair);text-align:left;cursor:pointer}.swatch-chip{display:block;width:4.5rem;height:1.35rem;box-shadow:inset 0 0 0 1px #ffffff73;transition:width .6s cubic-bezier(.16,1,.3,1)}.swatch:hover .swatch-chip{width:9rem}.swatch-name{flex:1;font-size:.9375rem}.swatch-hex{font-size:.8125rem;color:#fff9}.type{padding-block:clamp(6rem,14vh,10rem)}.specimen-block{margin-top:clamp(3rem,8vh,5rem);overflow:hidden}.specimen{font-size:clamp(4rem,17vw,16rem);line-height:.92;letter-spacing:-.05em;white-space:nowrap;padding-top:1.5rem;padding-inline:1.5rem}.rules{padding-bottom:clamp(6rem,14vh,10rem)}.rules-grid{display:grid;gap:2.5rem 4rem}@media (min-width: 900px){.rules-grid{grid-template-columns:1fr 1fr}}.rules-grid li{display:flex;gap:1rem;padding-block:.9rem;border-bottom:1px solid var(--hair);font-size:.9375rem;color:#ffffffc7}.rules-grid li span{color:#ffffff73}.usage{margin-top:4rem}.outro{padding-bottom:clamp(5rem,12vh,8rem)}.outro-type{font-size:clamp(2.5rem,9vw,9rem);line-height:.9;letter-spacing:-.045em;font-weight:700;padding-bottom:clamp(2rem,6vh,4rem)}@media (prefers-reduced-motion: reduce){.brandbook .line,.brandbook .brand-logo,.brandbook .brand-logo img,.brandbook .specimen{transform:none!important;clip-path:none!important;opacity:1!important}:root{--canvas: #141A20}}