.uoi-brand .uoi-page-body{max-width:none}.uoi-brand .uoi-page-body>p{max-width:35em}.uoi-brand-art{gap:var(--uoi-space-lg) var(--uoi-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;margin-top:var(--uoi-space-sm)!important}.uoi-brand-art>li{align-content:start;gap:.5rem;min-width:0;display:grid}.uoi-brand-preview{aspect-ratio:16/9;border:1px solid var(--uoi-dark);background:var(--uoi-black);position:relative}.uoi-brand-preview img{object-fit:contain;width:72%;height:72%;position:absolute;inset:14%}.uoi-brand-art h3{margin-top:var(--uoi-space-xs)!important}.uoi-brand-art p{font-size:var(--uoi-text-sm);line-height:1.5}.uoi-brand-files{flex-wrap:wrap;align-items:baseline;gap:0 1rem;display:flex}.uoi-brand-files span{min-width:2.5rem;font-weight:600;font-size:var(--uoi-text-xs);letter-spacing:0;text-transform:uppercase;color:var(--uoi-mid)}.uoi-brand-files a{padding-block:.4rem}.uoi-brand-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;max-width:44rem;font-size:var(--uoi-text-sm)}.uoi-brand-table :where(th,td){border-bottom:1px solid var(--uoi-row);text-align:left;color:var(--uoi-light);padding:.75rem 1rem .75rem 0;font-weight:400}.uoi-brand-table thead th{font-weight:600;font-size:var(--uoi-text-xs);letter-spacing:0;text-transform:uppercase;color:var(--uoi-mid)}.uoi-brand-table tbody th{color:var(--uoi-white)}.uoi-brand-colours{gap:var(--uoi-gap);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.uoi-brand-colours li{align-content:start;gap:.3rem;min-width:0;display:grid}.uoi-brand-swatch{aspect-ratio:1;border:1px solid var(--uoi-dark);margin-bottom:.5rem;display:block}.uoi-brand-colour-name{font-weight:600;font-size:var(--uoi-text-sm);text-transform:uppercase;letter-spacing:0;color:var(--uoi-white)}.uoi-brand-hex{font-variant-numeric:tabular-nums;font-size:var(--uoi-text-sm);color:var(--uoi-light)}.uoi-brand-hex-row{flex-wrap:wrap;align-items:center;gap:0 .75rem;display:flex}html:not(.js) .uoi-copy{display:none}.uoi-copy-button{min-height:2rem;font-weight:600;font-size:var(--uoi-text-xs);letter-spacing:0;text-transform:uppercase;color:var(--uoi-light);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--uoi-mid);text-decoration-color:var(--uoi-mid);transition:color .4s var(--uoi-ease-out-4), transform .14s var(--uoi-ease-ui);padding:0}.uoi-copy-button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.uoi-copy-button:hover{color:var(--uoi-white);-webkit-text-decoration-color:var(--uoi-white);text-decoration-color:var(--uoi-white)}}@media (pointer:coarse){.uoi-copy-button{min-width:44px;min-height:44px}}.uoi-brand-colour-use{font-size:var(--uoi-text-xs);color:var(--uoi-mid);text-wrap:pretty;line-height:1.45}.uoi-brand-type li{padding:var(--uoi-space-sm) 0;border-bottom:1px solid var(--uoi-row);font-size:var(--uoi-h5);letter-spacing:var(--uoi-track);color:var(--uoi-white);line-height:1.2}.uoi-brand-type li:first-child{border-top:1px solid var(--uoi-row)}.uoi-brand-rules{gap:var(--uoi-space-base) var(--uoi-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.uoi-brand-rules ul{gap:.6rem;display:grid;margin-top:var(--uoi-space-sm)!important}.uoi-brand-rules li{text-indent:-1.1rem;padding-left:1.1rem;font-size:var(--uoi-text-sm)!important}.uoi-brand-rules li:before{content:"—";text-indent:0;width:1.1rem;color:var(--uoi-mid);display:inline-block}@media (max-width:991px){.uoi-brand-colours{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.uoi-brand-art,.uoi-brand-rules{grid-template-columns:1fr}.uoi-brand-colours{grid-template-columns:repeat(2,minmax(0,1fr))}}