@font-face{font-family:Manrope;src:url('assets/fontes/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Space;src:url('assets/fontes/space-grotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:Sora;src:url('assets/fontes/sora.ttf') format('truetype');font-weight:100 800;font-display:swap}
.variant-01>.wordmark{font-family:Manrope,Arial,sans-serif;font-weight:580;letter-spacing:-.045em;line-height:1}
.variant-02>.wordmark{font-family:Space,Arial,sans-serif;font-weight:500;letter-spacing:.035em;font-size:.76em;line-height:1;text-transform:uppercase}
.variant-03>.wordmark{font-family:Sora,Arial,sans-serif;font-weight:350;letter-spacing:-.035em;line-height:1}
.brand-type.variant-01,.brand-type.variant-02,.brand-type.variant-03{gap:.2em}
.brand-type[class*="variant-"] small{font-family:Inter,Arial,sans-serif;letter-spacing:0}
.custom-wordmark{display:inline-block;flex:none;width:4.4em;height:1.21em;background:currentColor;mask:var(--lettering) center/contain no-repeat;-webkit-mask:var(--lettering) center/contain no-repeat}
.variant-04{--lettering:url('assets/lettering/evolott-01.svg')}
.variant-05{--lettering:url('assets/lettering/evolott-02.svg')}
.variant-06{--lettering:url('assets/lettering/evolott-03.svg')}
.variant-07{--lettering:url('assets/lettering/evolott-04-refinada.svg')}
.variant-07>.custom-wordmark{width:3.8em;height:1.08em}
.brand-type[class*="variant-0"]{align-items:flex-end}
.brand-type[class*="variant-0"] small{margin-bottom:.13em}
.intro-logo .brand-type[class*="variant-0"] small{margin-bottom:.13em}
.signature-board .brand:has(.custom-wordmark){font-size:clamp(32px,3.3vw,51px);gap:.29em}
.signature-board .custom-wordmark{width:4.55em;height:1.25em}
.signature-board .brand:has(.custom-wordmark)>.symbol{width:1.14em}
@media(max-width:1000px){.signature-board .brand:has(.custom-wordmark){font-size:3.1vw;gap:.25em}}
@media(max-width:760px){.signature-board .brand:has(.custom-wordmark){font-size:clamp(25px,4.9vw,43px)}}
@media(max-width:450px){.signature-board .brand:has(.custom-wordmark){font-size:39px}}
.signature-study{background:#f4f5f7;min-height:100vh}
.signature-study .study-header{display:flex;justify-content:space-between;align-items:center;padding-block:25px;border-bottom:1px solid #d9dde4;font-size:10px;color:#697180}
.study-header a:hover{color:var(--blue)}
.study-intro{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;padding:45px 0 37px}
.study-intro h1{font:450 clamp(42px,4.5vw,66px)/1.02 Inter,sans-serif;letter-spacing:-.065em}
.study-intro p{font-size:12px;line-height:1.9;color:#626a77;max-width:300px}
.signature-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.signature-option{min-width:0;background:#fff}
.option-heading{padding:22px 24px 23px;display:grid;grid-template-columns:38px 1fr;align-items:baseline;gap:10px}
.option-number{font:400 21px/1 DM,sans-serif;color:var(--blue);letter-spacing:-.05em}
.option-heading h2{font:450 24px/1.1 Inter,sans-serif;letter-spacing:-.05em}
.option-heading p{grid-column:2;font-size:10px;line-height:1.8;color:#6d7582;margin-top:0}
.signature-board{min-height:190px;display:flex;align-items:center;justify-content:center;padding:25px 16px;position:relative}
.signature-board.dark{background:#0c111a;color:#fff}
.signature-board.white{background:#fff;color:#000;border-bottom:1px solid #eceef2;min-height:165px}
.signature-board .brand{font-size:clamp(36px,3.75vw,58px);color:inherit;gap:.25em}
.signature-board .brand>.symbol{width:1.08em}
.signature-board .brand small{font-size:.2em}
.signature-board-label{position:absolute;left:24px;top:15px;font-size:8px;letter-spacing:.04em;opacity:.45}
.option-caption{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;font-size:9px;color:#656d7a}
.option-preview{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#fff;color:#14171d;border-top:1px solid #e5e8ed;font-size:11px;transition:background .2s,color .2s}
.option-preview span{font-size:19px}
.option-preview:hover{background:#1749ef;color:#fff}
.study-footer{padding:24px 0 30px;display:flex;justify-content:space-between;gap:25px;font-size:9px;color:#7b8390;line-height:1.8}
.study-footer p{max-width:570px}
.study-footer a{color:#333b48;border-bottom:1px solid #bfc5ce}
@media(max-width:1000px){.signature-board .brand{font-size:3.7vw}.option-heading{padding:20px 17px;grid-template-columns:28px 1fr;gap:8px}.option-heading h2{font-size:21px}.option-heading p{font-size:9px}.option-caption{padding-inline:17px}.option-preview{padding-inline:17px}}
@media(max-width:760px){.study-intro{display:block;padding-top:35px}.study-intro h1{font-size:52px}.study-intro p{margin-top:22px;max-width:370px;font-size:11px}.signature-options{grid-template-columns:1fr;gap:25px}.signature-option{display:grid;grid-template-columns:1fr 1fr}.option-heading{grid-column:1/-1;padding:23px}.signature-board{min-height:160px;padding:20px 10px}.signature-board.white{min-height:160px}.signature-board .brand{font-size:clamp(30px,5.5vw,48px)}.option-caption{grid-column:1/-1}.option-preview{grid-column:1/-1}.study-footer{display:block}.study-footer a{display:inline-block;margin-top:15px}.signature-board-label{left:15px;top:12px;font-size:7px}}
@media(max-width:450px){.signature-option{display:block}.signature-board,.signature-board.white{min-height:175px}.signature-board .brand{font-size:48px}.option-heading{padding:23px}.study-intro h1{font-size:45px}.study-header{gap:20px}.study-header>a{font-size:9px;text-align:right}}