.brand-manual{color:#28233d;background:#fff}
.brand-cover{position:relative;isolation:isolate;min-height:740px;min-height:min(820px,calc(100svh - 84px));display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#fcfbfe}
.brand-cover:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 15% 75%,#b09cdd25,transparent 50%),radial-gradient(ellipse at 90% 15%,#d6e3fb55,transparent 45%)}
#brand-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.brand-cover-content{text-align:center;padding-block:84px 110px}
.brand-cover .brand-edition{font-size:.75rem;letter-spacing:.02em;color:#696477;margin:0 0 38px}
.brand-cover-logo{display:block;margin:0 auto 28px;width:320px;max-width:85%;height:auto}
.brand-cover h1{font-size:clamp(3.1rem,7.2vw,7rem);font-weight:500;letter-spacing:-.065em;line-height:1.05;margin:0}
.brand-cover .brand-cover-description{font-size:clamp(1.05rem,1.8vw,1.4rem);line-height:1.6;margin:27px 0 35px;color:#655b74}
.brand-primary{display:inline-flex;align-items:center;gap:26px;background:#251739;color:#fff;border-radius:100px;padding:17px 26px;font-size:.875rem;font-weight:600}
.brand-primary:hover{background:#54367d}
.brand-cover-bottom{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.75rem;color:#696477}
#brand-motion{padding:10px 15px;border:1px solid #cfc5d6;border-radius:100px;color:#54367d;background:#ffffffc9;font:inherit;cursor:pointer}
.brand-index{display:flex;justify-content:center;gap:48px;border-bottom:1px solid #e5dfed;padding-block:27px;font-size:.8125rem;color:#54367d}
.brand-index a:hover{text-decoration:underline;text-underline-offset:6px}
.brand-manual .brand-section{padding-block:94px;scroll-margin-top:110px}
.brand-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-bottom:42px}
.brand-section-heading h2{font-size:clamp(2rem,3vw,3rem);font-weight:500;line-height:1.15;letter-spacing:-.045em;margin:0}
.brand-section-heading p{max-width:49ch;margin:0;color:#696477;font-size:.9375rem;line-height:1.85}
.brand-logo-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.brand-logo-board{margin:0;background:#f6f4fa;border-radius:8px;overflow:hidden}
.brand-logo-space{display:grid;place-items:center;min-height:245px}
.brand-logo-space img{box-sizing:content-box;padding:24px 32px;border:1px dashed #bcaecb;max-width:calc(100% - 70px)}
.brand-logo-dark{background:#251739;color:#fff}
.brand-logo-dark .brand-logo-space img{border-color:#9c88b0}
.brand-logo-board figcaption{display:flex;justify-content:space-between;gap:20px;padding:22px 26px;border-top:1px solid #d2c8dd;font-size:.75rem;line-height:1.6}
.brand-logo-dark figcaption{border-color:#ffffff26}
.brand-logo-board figcaption a{font-weight:650;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.brand-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:38px}
.brand-rules h3{font-size:.9375rem;font-weight:650;letter-spacing:0;margin:0 0 12px}
.brand-rules p{font-size:.875rem;line-height:1.85;color:#696477;margin:0}
.brand-file-note{font-size:.75rem;line-height:1.8;color:#696477;border-top:1px solid #e5dfed;margin:32px 0 0;padding-top:22px}
.brand-file-note a{text-decoration:underline;color:#54367d}
.brand-color-section{background:#f6f4fa;scroll-margin-top:100px}
.brand-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-radius:8px;overflow:hidden}
.brand-swatch{background:var(--swatch);color:var(--swatch-ink);min-height:230px;display:flex;flex-direction:column;text-align:left;padding:24px 20px;border:0;font:inherit;cursor:pointer}
.brand-swatch>span{font-size:.75rem}.brand-swatch strong{font-size:1.1rem;font-weight:500;margin-top:auto;letter-spacing:-.015em}.brand-swatch small{font-size:.625rem;margin-top:8px;line-height:1.6}
.brand-swatch:focus-visible{outline:3px solid currentColor;outline-offset:-6px}
.brand-copy-status{min-height:24px;font-size:.75rem;margin:16px 0 30px;color:#696477}
.brand-color-notes{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center}.brand-color-notes p{font-size:.875rem;line-height:1.85;max-width:65ch;margin:0;color:#696477}.brand-color-notes strong{color:#28233d;font-weight:600}
.brand-gradient{padding:25px 28px;background:linear-gradient(115deg,#311638,#271c4b 47%,#152b53);color:#fff;border-radius:6px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand-gradient span{font-size:.75rem}.brand-gradient strong{font-size:1rem;color:#fff}
.brand-type-specimen{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;border-block:1px solid #e5dfed;padding:48px 0}
.brand-type-name{font-size:clamp(6rem,12vw,10rem);line-height:.9;letter-spacing:-.07em;color:#54367d}.brand-type-name span{display:block;font-size:1rem;letter-spacing:0;margin-top:24px;color:#696477}
.brand-type-headline{font-size:clamp(1.7rem,3vw,2.7rem);font-weight:500;letter-spacing:-.04em;line-height:1.25;margin:0 0 24px;color:#28233d}.brand-type-body{font-size:1rem;line-height:1.8;max-width:40ch}.brand-type-alphabet{font-size:.875rem;line-height:1.9;overflow-wrap:anywhere;margin:26px 0 0;color:#696477}
.brand-examples-section{background:#f6f4fa;scroll-margin-top:100px}.brand-examples{display:grid;grid-template-columns:1fr 1fr;gap:24px}.brand-examples figure{position:relative;margin:0;padding:42px;min-height:410px;display:flex;flex-direction:column;align-items:flex-start;border-radius:8px}.brand-example-dark{background:linear-gradient(125deg,#311638,#152b53);color:white}.brand-example-light{background:white;color:#28233d}.brand-examples figure>p{font-size:clamp(1.6rem,2.4vw,2.3rem);font-weight:500;line-height:1.25;letter-spacing:-.035em;margin:auto 0;color:inherit}.brand-example-dark>span{font-size:.8125rem;color:#d1c5df;margin-bottom:32px}.brand-example-context{font-size:.75rem;color:#785598}.brand-example-light>div{display:flex;gap:24px;align-items:center;margin-bottom:32px}.brand-example-light>div span{font-size:.6875rem;color:#696477}.brand-examples figcaption{position:absolute;bottom:18px;left:42px;font-size:.625rem;opacity:.75}.brand-closing{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:40px}.brand-closing p{font-size:.875rem;line-height:1.8;margin:0}.brand-closing a{font-size:.8125rem;text-decoration:underline;text-underline-offset:5px;color:#54367d}
@media(max-width:1000px){.brand-section-heading{gap:40px}.brand-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-swatch{min-height:190px}.brand-color-notes{gap:32px}.brand-examples figure{padding:30px;min-height:390px}.brand-example-light>div{flex-wrap:wrap;gap:10px}.brand-examples figcaption{left:30px}}
@media(max-width:800px){.brand-cover{min-height:640px}.brand-section-heading{grid-template-columns:1fr;gap:22px}.brand-index{gap:24px}.brand-rules{gap:24px}.brand-color-notes{grid-template-columns:1fr;gap:24px}.brand-type-specimen{gap:35px}.brand-examples{grid-template-columns:1fr}.brand-examples figure{min-height:370px}.brand-closing{align-items:flex-start;flex-direction:column;gap:22px}}
@media(max-width:580px){.brand-cover{min-height:610px}.brand-cover-content{padding-block:70px 115px}.brand-cover h1{font-size:3.15rem}.brand-cover .brand-edition{font-size:.6875rem;margin-bottom:35px}.brand-cover-bottom{font-size:.625rem;align-items:flex-end;gap:16px}.brand-cover-bottom>span{max-width:145px}#brand-motion{font-size:.625rem;padding:10px 12px;white-space:nowrap}.brand-index{gap:0;justify-content:space-between;flex-wrap:wrap;font-size:.6875rem;padding-block:22px}.brand-manual .brand-section{padding-block:58px}.brand-logo-pair{grid-template-columns:1fr;gap:18px}.brand-logo-space{min-height:190px}.brand-logo-board figcaption{padding:18px;font-size:.6875rem}.brand-rules{grid-template-columns:1fr;gap:24px}.brand-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-swatch{min-height:175px;padding:20px 16px}.brand-type-specimen{grid-template-columns:1fr;gap:40px;padding:32px 0}.brand-type-name{font-size:7rem}.brand-examples figure{padding:28px;min-height:350px}.brand-examples figcaption{left:28px}.brand-gradient{padding:22px}.brand-gradient strong{font-size:.8125rem}}

.brand-logo-space img[src$="logo-cor.webp"]{width:320px;height:auto}
.brand-example-light img[src$="logo-cor.webp"]{width:200px;max-width:100%;height:auto}

.brand-logo-space img[src$="logo-branco.webp"]{width:320px;height:auto}
.brand-example-dark>img[src$="logo-branco.webp"]{width:200px;max-width:100%;height:auto}