@font-face{font-family:Montserrat;src:url('assets/montserrat.ttf') format('truetype');font-weight:100 900;font-display:swap}:root{--blue:#0B4BAB;--white:#FFFFFF;--detail:#4DA3FF;--support:color-mix(in srgb,var(--detail) 12%,var(--bg));--bg:var(--blue);--fg:var(--white)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Montserrat,sans-serif}body.light{--bg:var(--white);--fg:var(--blue)}button,a{color:inherit}button{font:inherit;background:transparent;border:1px solid currentColor;padding:12px 18px;cursor:pointer}a{text-decoration:none}button:hover,a:hover{text-decoration:underline;text-underline-offset:5px}:focus-visible{outline:3px solid currentColor;outline-offset:5px}header{padding:24px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid}.brand{font-size:29px;font-weight:850;letter-spacing:-1px}.brand span{display:block;font-size:7px;letter-spacing:1.5px;margin-top:4px}.head-right{display:flex;gap:28px;align-items:center}.head-right button{border:0;font-size:11px;padding:8px 0}.edition,.label{font-size:9px;letter-spacing:1.4px;font-weight:600}.edition{font-size:8px}.opening{padding:46px 5% 28px}h1{font-size:clamp(32px,4.3vw,64px);letter-spacing:-2px;line-height:1.08;margin:22px 0 14px;font-weight:750}.opening>p{font-size:14px}.concept{display:flex;gap:36px;padding-top:22px;font-size:11px}.sections{display:flex;gap:30px;padding:18px 5%;border-top:1px solid;border-bottom:1px solid;position:sticky;top:0;z-index:4;background:var(--bg);overflow:auto;white-space:nowrap;font-size:10px}.sections .active{text-decoration:underline;text-underline-offset:6px}.section{margin:0 5%;padding:35px 0;border-bottom:1px solid}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:22px}h2{font-size:clamp(25px,2.5vw,36px);line-height:1.2;letter-spacing:-1px;margin:12px 0 0;font-weight:650}.controls{display:flex}.controls button{font-size:10px;padding:11px 14px}.controls button+button{border-left:0}.controls .selected{background:var(--fg);color:var(--bg)}.brand-grid{display:grid;grid-template-columns:2fr 3fr;gap:22px}.art-crop{position:relative;overflow:hidden;width:100%;height:290px;background:var(--blue);border:1px solid var(--white)}.art-crop img{position:absolute;height:100%;width:auto;max-width:none}.avatar img{left:50%;transform:translateX(-20%)}.horizontal img{right:0}.item-caption{display:flex;gap:20px;margin-top:19px}.item-caption>span{font-size:10px;padding-top:4px}h3{font-size:15px;line-height:1.4;margin:0 0 9px;font-weight:700}p{font-size:12px;line-height:1.7;margin:0 0 12px}.note{font-size:9px;line-height:1.7;margin:16px 0 0}.compact-duo{display:grid;grid-template-columns:1fr 1fr;gap:10%}.color-row{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.color-row button{font-size:10px;display:flex;gap:16px;align-items:center;border-color:var(--white);background:var(--blue);color:var(--white)}.color-row .white-chip{background:var(--white);color:var(--blue);border-color:var(--blue)}.type-demo{display:flex;gap:24px;align-items:center;margin-top:12px}.type-demo>strong{font-size:62px;font-weight:800;letter-spacing:-3px}.type-demo p{font-size:11px;margin:0;line-height:2}.elements{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.elements article{min-width:0}.detail-crop{position:relative;overflow:hidden;height:205px;margin:20px 0;background:var(--blue)}.detail-crop img{position:absolute;max-width:none;height:410px;width:auto}.crest-detail img{height:410px;left:50%;top:-106px;transform:translateX(-49%)}.watermark-detail img{height:260px;right:0;top:-15px}.system-demo{height:205px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid;margin:20px 0;font-size:22px;font-weight:800}.system-demo b{font-size:10px;letter-spacing:2px}.system-demo i{height:58px;border-left:1px solid}.usage{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}.usage>div{padding:15px 0;border-top:1px solid;display:flex;justify-content:space-between;gap:15px;font-size:11px}.usage span{text-align:right}.full-boards{margin-top:20px;border-top:1px solid;padding-top:18px}.full-boards .label{display:block}.full-boards img{display:block;width:100%;margin-top:20px}.closing{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing p{font-size:9px;margin:0}.site-footer{padding:25px 5%;border-top:1px solid;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer strong{font-size:22px}.site-footer p{font-size:8px;margin:0}.site-footer a{font-size:9px}#toast{display:none;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 25px;background:var(--fg);color:var(--bg);z-index:10;font-size:12px}.skip{position:absolute;top:-100px;z-index:20;background:var(--bg);padding:15px}.skip:focus{top:0}[hidden]{display:none!important}@media(min-width:1500px){.art-crop{height:360px}}@media(max-width:1000px){.edition{display:none}.art-crop{height:230px}.elements{gap:20px}.system-demo{flex-direction:column;gap:10px}.system-demo i{height:1px;width:60px;border-top:1px solid}.usage{column-gap:25px}}@media(max-width:650px){header{padding:20px 6%}.head-right{gap:18px}.head-right button{font-size:10px}#invert span{display:none}.brand{font-size:25px}.brand span{font-size:6px}.opening{padding:30px 6% 24px}h1{font-size:35px;letter-spacing:-1.3px}.concept{flex-direction:column;gap:9px;padding-top:12px}.sections{padding:16px 6%;gap:24px}.section{margin:0 6%;padding:27px 0}.section-head{align-items:start;flex-direction:column;gap:18px}h2{font-size:26px}.brand-grid{grid-template-columns:1fr;gap:25px}.art-crop.avatar{height:300px}.art-crop.horizontal{height:210px}.compact-duo{grid-template-columns:1fr;gap:30px}.elements{grid-template-columns:1fr;gap:30px}.detail-crop,.system-demo{height:200px}.system-demo{flex-direction:row}.system-demo i{height:58px;width:auto;border-left:1px solid}.usage{grid-template-columns:1fr}.usage>div{font-size:10px}.closing{padding:27px 6%;flex-direction:column;align-items:start;gap:18px}.site-footer{padding:25px 6%;flex-wrap:wrap}.site-footer p{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.crest-detail{width:170px;max-width:100%;margin-left:auto;margin-right:auto}.watermark-detail img{height:600px;right:-25px;top:-390px}


.avatar img{clip-path:inset(0 60.95% 0 0)}

.utility{padding:12px max(5%,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:25px;border-bottom:1px solid;font-size:8px;letter-spacing:.8px}.utility>span:first-child{margin-right:auto}.utility>span:last-child{border:1px solid;padding:5px 8px}header{max-width:1200px;margin:auto;padding:25px 0;border-bottom:0}.brand{display:flex;align-items:center;gap:12px}.brand .header-crest{display:block;width:52px;height:64px;overflow:hidden;position:relative;margin:0}.header-crest img{height:130px;max-width:none;position:absolute;left:-132px;top:-36px}.brand .brand-name{font-size:32px;line-height:1;letter-spacing:-1px;margin:0;font-weight:850}.brand-name small{display:block;font-size:11px;letter-spacing:4px;font-weight:500;margin-top:5px}.portal-hero{max-width:1200px;margin:auto}.chapter-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:28px 0 22px}.chapter-heading h1{font-size:35px;text-transform:uppercase;letter-spacing:-1px;margin:8px 0 0;font-weight:800}.chapter-heading p{font-size:11px;margin:0}.banner{position:relative}.banner>img{width:100%;height:auto;display:block}.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);background:var(--blue);color:var(--white);width:34px;height:44px;border:1px solid var(--white);padding:0;font-size:29px}.banner-arrow.prev{left:12px}.banner-arrow.next{right:12px}.banner-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;font-size:8px;letter-spacing:.7px}.banner-dots{display:flex;gap:8px}.banner-dots button{padding:5px 8px;font-size:8px}.banner-dots button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.portal-hero .concept{padding:12px 0 24px;justify-content:space-between;font-size:10px}.sections{position:relative;padding:0;max-width:1200px;margin:0 auto 5px;display:grid;grid-template-columns:repeat(7,1fr);border:1px solid;gap:0;overflow:visible;white-space:normal}.sections a{padding:19px 10px;text-align:center;font-size:10px;font-weight:650;border-right:1px solid}.sections a:last-child{border-right:0}.section{max-width:1200px;margin:auto;padding:32px 0}.section h2{font-weight:750}.closing,.site-footer{max-width:1200px;margin:auto;padding-left:0;padding-right:0}.utility,header,.portal-hero,.section,.closing,.site-footer{font-family:Montserrat,sans-serif}.brand-grid .art-crop{height:290px}@media(max-width:1300px){header,.portal-hero,.sections,.section,.closing,.site-footer{margin-left:5%;margin-right:5%}}@media(max-width:850px){.utility{gap:15px}.utility>span:first-child{font-size:7px}.utility>span:last-child{display:none}.sections{grid-template-columns:repeat(4,1fr)}.sections a:nth-child(4){border-right:0}.sections a:nth-child(n+5){border-top:1px solid}.brand-grid .art-crop{height:230px}.chapter-heading h1{font-size:29px}}@media(max-width:650px){.utility{padding:10px 6%;font-size:6px;gap:12px}.utility>a:first-of-type{display:none}header{padding:20px 0}.brand .brand-name{font-size:26px}.brand-name small{font-size:8px;letter-spacing:3px}.brand .header-crest{width:44px;height:54px}.header-crest img{height:112px;left:-114px;top:-30px}.head-right{gap:14px}.head-right button{font-size:9px}.chapter-heading{padding:22px 0 16px;display:block}.chapter-heading h1{font-size:27px}.chapter-heading p{margin-top:9px;font-size:10px}.banner-arrow{width:24px;height:30px;font-size:21px}.banner-arrow.prev{left:4px}.banner-arrow.next{right:4px}.banner-caption{gap:8px;font-size:6px;letter-spacing:0}.banner-caption>span:last-child{display:none}.portal-hero .concept{gap:8px;padding:10px 0 20px;font-size:9px}.sections{grid-template-columns:repeat(2,1fr)}.sections a{font-size:9px;padding:13px 8px}.sections a:nth-child(even){border-right:0}.sections a:nth-child(n+3){border-top:1px solid}.sections a:last-child{grid-column:1/-1}.section{padding:25px 0}.brand-grid .art-crop.avatar{height:300px}.brand-grid .art-crop.horizontal{height:210px}.closing{padding:25px 0}.site-footer{padding:22px 0}.chapter-heading .label{font-size:8px}}

/* Identity-only detail palette and independent mobile boards. */
body.light{--support:color-mix(in srgb,var(--detail) 12%,var(--white))}
.utility,.section,.site-footer,.sections,.sections a,.usage>div,.full-boards,.system-demo,.system-demo i{border-color:var(--detail)}
.sections .active{text-decoration-color:var(--detail);box-shadow:inset 0 -3px var(--detail);background:var(--support)}
.banner-arrow{border-color:var(--detail)}
.banner-dots button[aria-pressed=true]{box-shadow:0 2px var(--detail)}
.concept{flex-wrap:wrap}
.palette-note{margin:14px 0 0}
.color-row .detail-chip{background:var(--blue);color:var(--white);border-color:var(--detail);border-left-width:8px}
.mobile-boards{display:none}
@media(max-width:767px){
.desktop-boards{display:none}
.mobile-boards{display:grid;gap:18px;width:100%}
.mobile-boards figure{margin:0;min-width:0}
.mobile-boards img{display:block;width:100%;height:auto}
.mobile-boards figcaption{font-size:9px;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--detail)}
}

/* Signature panels use the original board's exact split, without neighboring artwork. */
#marcas .signature-variants{min-width:0}
#marcas .mobile-signature,#marcas .signature-variant-caption{display:none}
#marcas .brand-grid .art-crop.horizontal{height:auto;aspect-ratio:1208/793}
#marcas .horizontal img{width:calc(100% * 1983 / 1208);height:auto;left:calc(100% * -775 / 1208);right:auto;top:0}
#marcas .brand-grid .art-crop.horizontal:has(img[src$="estudo-branco.png"]){aspect-ratio:1187/793}
#marcas .horizontal img[src$="estudo-branco.png"]{width:calc(100% * 1983 / 1187);left:calc(100% * -796 / 1187)}
@media(max-width:767px){
#marcas .controls{display:none}
#marcas .brand-grid{grid-template-columns:minmax(0,1fr)}
#marcas .mobile-signature{display:block}
#marcas .signature-variant-caption{display:block;font-size:9px;margin:8px 0 18px}
#marcas .art-crop.avatar{height:auto;aspect-ratio:774/793}
#marcas .avatar img{left:0;top:0;transform:none;clip-path:none;width:256.202%;height:auto}
#marcas .avatar:has(img[src$="estudo-branco.png"]){aspect-ratio:794/793}
#marcas .avatar img[src$="estudo-branco.png"]{width:249.748%}
}

/* Editorial references: deliberately isolated from existing sections/navigation. */
#referencias{max-width:1200px;margin:0 auto;padding:52px 0 38px;border-bottom:1px solid var(--detail);font-family:Montserrat,sans-serif;color:var(--fg)}
#referencias h2,#referencias h3,#referencias .label,#referencias .references-city{letter-spacing:0}
#referencias h2{font-size:36px;line-height:1.2;font-weight:750;margin:14px 0 22px}
#referencias p{font-size:13px;line-height:1.9;margin:0;overflow-wrap:break-word}
#referencias .references-intro{max-width:800px}
#referencias .references-highlight{margin:36px 0 44px;padding:4px 0 4px 24px;border-left:3px solid var(--detail);max-width:880px}
#referencias .references-highlight h3{font-size:23px;line-height:1.4;margin:0 0 14px}
#referencias .references-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:36px;padding:36px 0;border-top:1px solid var(--detail)}
#referencias .references-city{display:block;font-size:11px;font-weight:700;margin-bottom:12px}
#referencias .references-copy h3{font-size:20px;line-height:1.4;margin:0 0 16px}
#referencias .references-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
#referencias figure{margin:0;min-width:0}
#referencias .references-surface{height:230px;padding:12px;background:var(--white);display:flex;align-items:center;justify-content:center}
#referencias img{display:block;width:100%;height:100%;object-fit:contain;filter:none;clip-path:none;max-width:100%}
#referencias figcaption{font-size:10px;line-height:1.6;padding:12px 0;overflow-wrap:break-word}
#referencias .references-learning{border-top:1px solid var(--detail);padding:32px 0 0}
#referencias .references-learning h3{font-size:20px;margin:0 0 14px}
#referencias .references-learning p{max-width:800px}
#referencias .references-note{font-size:9px;line-height:1.8;margin-top:28px;max-width:880px}
@media(max-width:1300px){#referencias{margin-left:5%;margin-right:5%}}
@media(max-width:1000px){#referencias .references-row{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:650px){#referencias{padding:36px 0 28px}#referencias h2{font-size:26px}#referencias .references-highlight{padding-left:18px;margin:28px 0 32px}#referencias .references-highlight h3{font-size:21px}#referencias .references-row{padding:28px 0}#referencias .references-gallery{grid-template-columns:minmax(0,1fr);gap:20px}#referencias .references-surface{height:280px;padding:16px}#referencias figcaption{padding:10px 0}#referencias .references-learning{padding-top:28px}}