/* Brandbook WeeHub. Extensão do sistema original, outubro de 2026. */
.brandbook{caret-color:var(--orange)}
.brandbook ::selection{background:var(--orange);color:var(--navy)}
.brandbook :focus-visible{outline:3px solid var(--orange);outline-offset:6px}
.brandbook{scrollbar-color:var(--orange) var(--navy)}
.brandbook main>section[id],.brandbook #expressao{scroll-margin-top:95px}
.brandbook .main-nav a[aria-current]{color:var(--orange)}
.bb-section{position:relative;padding:clamp(72px,8vw,140px) 0;overflow:clip}
.bb-paper{background:var(--paper);color:var(--navy)}
.bb-navy{background:var(--navy);color:var(--paper)}
.bb-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:7vw;align-items:end;margin-bottom:64px}
.bb-heading h2{font-size:clamp(30px,3.8vw,62px);letter-spacing:-.055em;line-height:1.24}
.bb-heading h2>span{color:var(--orange)}
.bb-heading>p{max-width:470px;font-size:15px;line-height:1.9;padding-bottom:8px}
.bb-index{padding-top:44px;padding-bottom:44px;color:var(--paper);display:grid;grid-template-columns:1fr 3fr;gap:60px;align-items:start}
.bb-index>span{font-size:13px;padding-top:12px}
.bb-index>div{display:grid;grid-template-columns:repeat(5,1fr);gap:0 25px}
.bb-index a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff2e;font-size:12px;padding:12px 0;gap:10px;transition:color .25s}
.bb-index a:hover{color:var(--orange)}
.bb-index .arrow{width:15px;flex:none}
.bb-logo-stage{background:var(--navy);color:var(--paper);min-height:560px;padding:30px 38px;display:flex;flex-direction:column;justify-content:space-between;border-radius:20px;transition:background .4s,color .4s}
.bb-logo-stage[data-logo-stage=paper]{background:var(--cream);color:var(--navy)}
.bb-logo-stage[data-logo-stage=orange]{background:var(--orange);color:var(--navy)}
.bb-logo-stage-top,.bb-logo-stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:28px;font-size:12px}
.bb-logo-stage-bottom a{display:flex;align-items:center;gap:34px}
.bb-logo-stage>img{width:76%;max-width:960px;align-self:center;margin:65px 0;}
.bb-controls{display:flex;gap:5px;flex-wrap:wrap}
.bb-controls button{background:transparent;color:inherit;border:1px solid currentColor;border-radius:99px;padding:8px 17px;font-size:12px;transition:background .25s,color .25s}
.bb-controls button[aria-pressed=true]{background:var(--paper);color:var(--navy);border-color:var(--paper)}
.bb-logo-stage[data-logo-stage=paper] button[aria-pressed=true],.bb-logo-stage[data-logo-stage=orange] button[aria-pressed=true]{background:var(--navy);color:var(--paper);border-color:var(--navy)}
.bb-brand-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin:55px 0 95px}
.bb-brand-parts figure>div{height:240px;display:grid;place-items:center;border-bottom:1px solid var(--line);margin-bottom:25px}
.bb-brand-parts figure>div>img{width:50%;max-width:250px;max-height:140px;object-fit:contain}
.bb-brand-parts .bb-powered{filter:brightness(0) saturate(100%);width:85%;max-width:300px}
.bb-brand-parts .bb-seal{width:145px;max-height:145px}
.bb-brand-parts strong{font:400 22px/1.4 var(--title);letter-spacing:-.04em}
.bb-brand-parts p{margin-top:15px;font-size:13px;line-height:1.85;max-width:38ch}
.bb-logo-rules{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;border-top:1px solid var(--line);padding-top:60px;align-items:center}
.bb-clearspace{background:var(--cream);padding:60px 38px 28px;text-align:center;border-radius:18px}
.bb-clearspace>div{border:1px dashed #071a4360;padding:40px 35px}
.bb-clearspace img{width:100%}
.bb-clearspace>span{font-size:12px;display:block;margin-top:28px}
.bb-logo-rules h3{font:400 28px/1.4 var(--title);letter-spacing:-.04em;margin-bottom:22px}
.bb-logo-rules p{font-size:14px;line-height:1.85;margin-bottom:15px}
.bb-logo-rules small{display:block;font-size:12px;line-height:1.8;color:var(--muted);margin-top:24px}
.bb-palette{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:12px}
.bb-swatch{min-height:390px;border:1px solid #ffffff30;border-radius:16px;padding:25px 24px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.bb-swatch:hover{transform:translateY(-8px)}
.bb-swatch-navy{background:#071a43;color:#f8f8f3}.bb-swatch-orange{background:#ff4a20;color:#071a43;border-color:transparent}.bb-swatch-paper{background:#f8f8f3;color:#071a43;border-color:transparent}.bb-swatch-deep{background:#060c19;color:#f8f8f3}
.bb-swatch>span:first-child{font-size:14px;font-weight:600}
.bb-swatch strong{font:400 clamp(20px,2vw,32px)/1.3 var(--title);letter-spacing:-.045em;display:block}
.bb-swatch div>span{font-size:12px;display:block;margin-top:12px}
.bb-swatch p{font-size:12px;line-height:1.7;margin-top:24px;max-width:23ch}
.bb-copy-label{font-size:12px;display:flex;align-items:center;justify-content:space-between}
.bb-copy-label .arrow{width:18px}
.bb-support-colors{display:flex;justify-content:space-between;gap:30px;margin:45px 0;padding-bottom:40px;border-bottom:1px solid #ffffff30}
.bb-support-colors>div{display:flex;gap:15px;align-items:center}
.bb-support-colors i{width:35px;height:35px;flex:none;border-radius:50%;background:var(--swatch);border:1px solid #ffffff50}
.bb-support-colors span{font-size:12px}
.bb-support-colors strong{display:block;font-weight:500;font-size:13px;margin-top:3px}
.bb-color-note{display:grid;grid-template-columns:1fr 1fr;gap:60px;font-size:13px;line-height:1.9}
.bb-color-note strong{font-weight:600;display:inline-block;margin-bottom:10px}
.bb-color-note p:last-child{max-width:62ch}
.bb-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.bb-type-grid>article{border-radius:20px;padding:40px;min-width:0}
.bb-krona{background:var(--orange);color:var(--navy)}
.bb-montserrat{background:var(--navy);color:var(--paper)}
.bb-type-grid article>span{font-size:12px}
.bb-type-grid article>strong{font-size:clamp(85px,10vw,165px);letter-spacing:-.06em;display:block;line-height:1.4;margin:18px 0 5px}
.bb-krona>strong{font-family:var(--title);font-weight:400}
.bb-montserrat>strong{font-weight:500}
.bb-type-grid h3{font:400 clamp(25px,2.5vw,40px)/1.3 var(--title);letter-spacing:-.05em;margin-bottom:28px}
.bb-type-grid p{font-size:13px;line-height:1.9}
.bb-type-alphabet{overflow-wrap:anywhere;font-size:clamp(12px,1.3vw,20px)!important;line-height:1.8!important}
.bb-type-weights{display:flex;flex-wrap:wrap;gap:24px;margin:22px 0 30px;font-size:13px}
.bb-type-lab{margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}
.bb-type-lab>div{display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-size:12px}
.bb-type-lab>div>label:first-child{margin-right:auto;font-weight:600}
.bb-type-lab select{background:transparent;color:var(--navy);padding:10px 12px;border:1px solid var(--line);border-radius:8px}
.bb-size-control{display:flex;align-items:center;gap:13px}
.bb-size-control input{width:110px;accent-color:var(--orange)}
.bb-size-control output{min-width:2em;font-variant-numeric:tabular-nums}
.bb-type-lab textarea{border:0;background:transparent;color:var(--navy);font:400 var(--sample-size,54px)/1.4 var(--title);letter-spacing:-.055em;width:100%;min-height:190px;resize:vertical;margin-top:28px;padding:15px 3px;overflow-wrap:anywhere}
.bb-footnote{font-size:12px;line-height:1.9;margin-top:28px;color:var(--muted)}
.bb-components-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:50px;padding-top:40px;border-top:1px solid var(--line)}
.bb-components-strip>div{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0}
.bb-components-strip>div>span,.bb-components-strip label{font-size:12px}
.bb-components-strip input{background:transparent;border:0;border-bottom:1px solid #071a4380;padding:10px 0;color:var(--navy);width:100%;font-size:12px}
.bb-components-strip .button{font-size:12px;gap:20px;min-height:50px;padding:12px 18px}
.bb-components-strip .text-link{font-size:12px;gap:22px;min-height:50px}
.bb-voice-content{padding:0 0 30px 54px}
.bb-voice-content blockquote{font:400 23px/1.6 var(--title);letter-spacing:-.04em;max-width:28ch;margin-bottom:20px}
.inner-process-step .bb-voice-content>p{margin:0;padding:0;font-size:14px}
.bb-application-tabs{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}
.bb-application-tabs button{border:1px solid #ffffff45;border-radius:99px;background:transparent;color:var(--paper);padding:12px 22px;font-size:12px;transition:background .25s,color .25s}
.bb-application-tabs button[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:var(--navy)}
.bb-wide-application{aspect-ratio:16/9;border-radius:22px;position:relative;overflow:hidden;background:var(--deep)}
.bb-wide-application video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.bb-wide-application:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#060c19bb,transparent 82%),linear-gradient(0deg,#060c1999,transparent 45%);pointer-events:none}
.bb-application-overlay{position:absolute;inset:0;z-index:2;padding:45px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}
.bb-application-overlay h3{font:400 clamp(30px,4.8vw,75px)/1.2 var(--title);letter-spacing:-.055em;max-width:14ch;align-self:flex-start;margin-top:auto;margin-bottom:30px}
.bb-application-overlay>span{font-size:12px}
.bb-application-meta{display:flex;justify-content:space-between;gap:35px;margin-top:20px;font-size:12px}
.bb-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:65px}
.bb-social{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:18px;padding:45px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.bb-social-orange{background:var(--orange);color:var(--navy)}
.bb-social h3{font:400 clamp(24px,3vw,50px)/1.3 var(--title);letter-spacing:-.06em}
.bb-social-symbol{width:70px}
.bb-social-logo{width:145px}
.bb-social figcaption{font-size:12px;margin-top:22px}
.bb-social-photo{background:#231448;color:var(--paper)}
.bb-social-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;object-position:center}
.bb-social-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080e24ed,transparent 65%);z-index:-1}
.bb-social-photo h3{margin-top:auto}
.bb-editorial-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:25px}
.bb-editorial-item{display:block;min-width:0}
.bb-editorial-item>img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:16px;transition:filter .3s}
.bb-editorial-item:hover>img{filter:brightness(1.08)}
.bb-editorial-item>div{position:relative;padding:22px 32px 0 0}
.bb-editorial-item span{font-size:12px}
.bb-editorial-item h3{font:400 clamp(19px,1.6vw,27px)/1.4 var(--title);letter-spacing:-.05em;margin-top:12px}
.bb-editorial-item .arrow{position:absolute;right:0;top:24px;width:20px}
.bb-downloads{padding-top:55px}
.bb-download-list{border-top:1px solid var(--line)}
.bb-download-list>a{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;border-bottom:1px solid var(--line);transition:color .25s,padding .25s}
.bb-download-list>a:hover{color:var(--navy);padding-left:12px;background:var(--cream)}
.bb-download-list strong{font:400 clamp(19px,2vw,29px)/1.4 var(--title);letter-spacing:-.045em}
.bb-download-list span{display:block;font-size:12px;margin-top:7px}
.bb-download-list .arrow{width:30px;height:30px;flex:none}
.bb-source-note{display:grid;grid-template-columns:1fr 1fr;gap:70px;font-size:12px;line-height:1.9;margin-top:50px}
.bb-source-note a{text-decoration:underline;text-underline-offset:4px}
.bb-toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);padding:12px 24px;border-radius:99px;background:var(--paper);color:var(--navy);font-size:12px;box-shadow:0 8px 35px #0003;z-index:99;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.bb-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(width>=1700px){.bb-logo-stage{min-height:640px}.bb-swatch{min-height:470px}.bb-type-grid>article{padding:50px}.bb-brand-parts figure>div{height:280px}}
@media(width<=1100px){.bb-heading{gap:40px}.bb-index{grid-template-columns:1fr;gap:15px}.bb-palette{grid-template-columns:repeat(2,1fr)}.bb-swatch{min-height:320px}.bb-components-strip{grid-template-columns:1fr 1fr}.bb-brand-parts{gap:25px}.bb-logo-stage{min-height:450px}.bb-brand-parts strong{font-size:19px}.bb-social{padding:30px}.bb-support-colors{flex-wrap:wrap}.bb-support-colors>div{width:43%}}
@media(width<=640px){.bb-section{padding:60px 0}.bb-heading{display:block;margin-bottom:34px}.bb-heading h2{font-size:clamp(26px,7.2vw,38px);letter-spacing:-.055em}.bb-heading>p{font-size:13px;margin-top:24px;max-width:42ch}.bb-index{padding-top:30px;padding-bottom:35px}.bb-index>div{grid-template-columns:repeat(2,1fr);gap:0 20px}.bb-index a{padding:14px 0}.bb-logo-stage{min-height:330px;padding:22px 18px;border-radius:15px}.bb-logo-stage-top{align-items:flex-start;flex-direction:column;gap:15px}.bb-logo-stage>img{width:100%;margin:32px 0}.bb-logo-stage-bottom{font-size:12px;gap:20px}.bb-logo-stage-bottom>span{max-width:18ch}.bb-logo-stage-bottom a{gap:12px}.bb-brand-parts{grid-template-columns:1fr;gap:30px;margin:25px 0 45px}.bb-brand-parts figure{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:center}.bb-brand-parts figure>div{height:150px;margin:0;border:0}.bb-brand-parts figure>div>img{width:90%;max-height:110px}.bb-brand-parts strong{font-size:18px}.bb-brand-parts p{font-size:12px;margin-top:12px}.bb-logo-rules{grid-template-columns:1fr;gap:30px;padding-top:35px}.bb-clearspace{padding:30px 20px 20px}.bb-clearspace>div{padding:25px}.bb-logo-rules h3{font-size:23px}.bb-logo-rules p{font-size:12px}.bb-palette{gap:10px}.bb-swatch{padding:20px 14px;min-height:290px}.bb-swatch strong{font-size:19px}.bb-swatch p{font-size:12px;margin-top:15px}.bb-swatch>span:first-child{font-size:12px}.bb-swatch div>span{font-size:12px}.bb-support-colors{gap:25px 15px;margin:30px 0}.bb-support-colors i{width:25px;height:25px}.bb-support-colors span{font-size:12px}.bb-support-colors strong{font-size:12px}.bb-color-note{grid-template-columns:1fr;gap:20px;font-size:12px}.bb-type-grid{grid-template-columns:1fr}.bb-type-grid>article{padding:28px}.bb-type-grid article>strong{font-size:110px;line-height:1.3}.bb-type-grid h3{font-size:30px}.bb-type-alphabet{font-size:15px!important}.bb-type-lab>div{gap:15px}.bb-type-lab>div>label:first-child{width:100%}.bb-type-lab textarea{font-size:min(var(--sample-size,54px),9vw);min-height:160px}.bb-size-control input{width:70px}.bb-size-control{gap:8px}.bb-components-strip{grid-template-columns:1fr;gap:30px;margin-top:32px}.bb-components-strip>div{gap:10px}.bb-voice-content{padding-left:0}.bb-voice-content blockquote{font-size:20px}.inner-process-step .bb-voice-content>p{font-size:12px}.bb-application-tabs{gap:8px}.bb-application-tabs button{padding:10px 16px;font-size:12px}.bb-wide-application{aspect-ratio:4/5;border-radius:15px}.bb-application-overlay{padding:25px}.bb-application-overlay>img{width:110px}.bb-application-overlay h3{font-size:30px;max-width:13ch}.bb-application-overlay>span{font-size:12px}.bb-application-meta{flex-direction:column;gap:8px;font-size:12px}.bb-social-grid{grid-template-columns:1fr;margin-top:40px}.bb-social h3{font-size:33px}.bb-social{padding:28px}.bb-editorial-grid{grid-template-columns:1fr;gap:35px}.bb-editorial-item>img{aspect-ratio:1.55}.bb-editorial-item h3{font-size:23px}.bb-download-list>a{padding:22px 0}.bb-download-list span{font-size:12px;max-width:30ch}.bb-source-note{grid-template-columns:1fr;gap:20px;margin-top:30px}.bb-toast{max-width:calc(100vw - 32px);width:max-content;bottom:16px}.brandbook .v2-hero-heading h1{font-size:clamp(24px,6vw,37px)}}
@media(prefers-reduced-motion:reduce){.bb-swatch,.bb-editorial-item>img,.bb-download-list>a,.bb-toast{transition:none}.bb-swatch:hover{transform:none}}
@media print{.site-header,.bb-index,.bb-controls,.bb-application-tabs,.bb-toast,.header-cta{display:none!important}.brandbook .site-footer{position:relative!important}.brandbook main,.brandbook section{transform:none!important;opacity:1!important}.bb-section{break-inside:avoid;padding:30px 0}.bb-heading{margin-bottom:25px}.bb-logo-stage{min-height:300px}.bb-palette{grid-template-columns:repeat(4,1fr)}.bb-swatch{min-height:220px}.v2-story{height:auto!important}.v2-story-sticky{position:relative!important}.v2-company-feature{position:relative!important}.bb-type-lab{display:none}.brandbook [data-reveal]{opacity:1!important;transform:none!important}}