@font-face{font-family:Lilita;src:url('assets/LilitaOne-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#183369;--muted:#344b77}
h1,h2,h3,h4{font-family:Lilita,var(--heading),sans-serif!important;font-weight:400!important;font-style:normal!important}
h1 em,h2 em,h3 em{font-family:inherit!important;font-weight:400!important;font-style:normal!important}
#proposta h2,#direcao h2,#escopo h2,#processo h2,.closing h2,#portfolio .section-intro h2{color:#0754bd!important;letter-spacing:-.7px;line-height:1.05}
#portfolio.dark .section-intro h2 em,#proposta h2 em,#direcao h2 em,#escopo h2 em,#processo h2 em,.closing h2 em{color:#f5007e!important}
#portfolio .section-intro h2 em{display:inline;text-decoration:underline;text-decoration-color:#ffe100;text-decoration-thickness:8px;text-underline-offset:5px;text-decoration-skip-ink:none}
#portfolio .panel-heading h3{color:white!important;letter-spacing:.1px;line-height:1.05;text-shadow:2px 3px 0 #00488942;transform:rotate(-2deg);transform-origin:left center;font-size:clamp(32px,3.1vw,48px)}
#portfolio .panel-lowice .panel-heading h3{transform:rotate(2deg)}
#portfolio .panel-caption h4{font-size:23px;letter-spacing:0}
#portfolio .panel-labamba{color:#5f2700}
#portfolio .panel-lowice{color:#06335e}
#portfolio .panel-heading>span{font-weight:700;letter-spacing:.4px}
#portfolio>.container>.eyebrow{color:#f5007e!important}
#portfolio .section-intro>p,#portfolio .portfolio-note,#portfolio .portfolio-cta>div>span,#portfolio .portfolio-cta strong{color:#183369!important}
#portfolio .portfolio-cta strong{font-family:Lilita,var(--heading);font-weight:400;font-size:31px;color:#0754bd!important}
.cover-hero .motion-copy h1{font-size:clamp(42px,4.3vw,65px);line-height:1.04;letter-spacing:-.5px;text-shadow:2px 3px 0 #a1243433}
.motion-kicker{font-weight:700;letter-spacing:.7px}
#proposta .strategy-notes h3,.insights h3,.product-grid h3,.journey h3,.steps h3{color:#0754bd}
.project-numbers strong{font-family:Lilita,var(--heading);font-weight:400;color:#f5007e}
.project-numbers>div:nth-child(2) strong{color:#00a6d4}.project-numbers>div:nth-child(3) strong{color:#ff9200}
@media(min-width:1600px){.cover-hero .motion-copy h1{font-size:73px}}
@media(max-width:780px){.cover-hero .motion-copy h1{font-size:clamp(37px,9vw,59px)}#portfolio .panel-heading h3{font-size:43px}#portfolio .section-intro h2 em{text-decoration-thickness:5px}}
