:root{--ease-in-out:cubic-bezier(0.4,0.0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,0.65);--ease-out:cubic-bezier(0.218,0.58,0.36,1);--ease-bounce:cubic-bezier(.17,.67,.3,1.33)}[grafica-page]{--ph:2.6875rem;--rc:19px}.gr-breadcrumb{align-items:center;color:hsla(0,0%,100%,.35);display:flex;font-size:.75rem;font-weight:300;gap:.5rem;margin-bottom:auto;position:relative;z-index:2}.gr-breadcrumb a{color:hsla(0,0%,100%,.35);transition:color .15s ease}.gr-breadcrumb a:hover{color:hsla(0,0%,100%,.8)}.gr-breadcrumb__sep{font-size:.625rem;opacity:.5}.gr-breadcrumb__current{color:hsla(0,0%,100%,.65);font-weight:400}.gr-label{color:#b4b4b4;display:block;font-size:.6875rem;font-weight:300;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.gr-label--white{color:hsla(0,0%,100%,.4)}[grafica-page] .gr-hero{background:linear-gradient(160deg,#0a0a1e,#1a1a3e 50%,#3c3c3c);display:flex;flex-direction:column;justify-content:flex-end;min-height:100svh;overflow:hidden;padding:6.25rem var(--ph) 5rem;position:relative}[grafica-page] .gr-hero__bg-word{align-items:center;bottom:0;color:hsla(0,0%,100%,.025);display:flex;font-size:max(80px,min(14vw,240px));font-weight:700;justify-content:center;left:0;letter-spacing:-.06em;pointer-events:none;position:absolute;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}[grafica-page] .gr-hero__inner{display:flex;flex-direction:column;gap:1.25rem;max-width:900px;position:relative;z-index:1}[grafica-page] .gr-hero__title{color:#fff;font-size:max(52px,min(7.5vw,110px));font-weight:700;letter-spacing:-.03em;line-height:1}[grafica-page] .gr-hero__title em{color:hsla(0,0%,100%,.35);font-style:italic}[grafica-page] .gr-hero__body{color:hsla(0,0%,100%,.55);font-size:1.125rem;font-weight:300;line-height:1.7;max-width:52ch}[grafica-page] .gr-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}[grafica-page] .gr-hero__scroll{align-items:center;bottom:2.5rem;color:hsla(0,0%,100%,.3);display:flex;flex-direction:column;font-size:.6875rem;font-weight:300;gap:.625rem;letter-spacing:.1em;position:absolute;right:var(--ph);text-transform:uppercase;writing-mode:vertical-rl}[grafica-page] .gr-hero__scroll-line{animation:grScrollPulse 2s ease-in-out infinite;background:hsla(0,0%,100%,.2);display:block;height:3rem;width:1px}@keyframes grScrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(.4)}}[grafica-page] .gr-kpis{grid-gap:2rem;background:#3c3c3c;border-top:1px solid hsla(0,0%,100%,.06);display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);padding:3.5rem var(--ph) 4.75rem}@media(max-width:700px){[grafica-page] .gr-kpis{grid-template-columns:repeat(2,1fr)}}[grafica-page] .gr-kpi{display:flex;flex-direction:column;gap:.5rem}[grafica-page] .gr-kpi__val{color:#fff;font-size:max(36px,min(4vw,56px));font-weight:700;letter-spacing:-.02em;line-height:1}[grafica-page] .gr-kpi__val--green{color:#a0ca75}[grafica-page] .gr-kpi__label{color:hsla(0,0%,100%,.4);font-size:.8125rem;font-weight:300;letter-spacing:.06em;text-transform:uppercase}[grafica-page] .gr-manifesto{background:#3c3c3c;border-top:1px solid hsla(0,0%,100%,.06);padding:4.75rem var(--ph)}[grafica-page] .gr-manifesto__inner{margin:0 auto;max-width:900px}[grafica-page] .gr-manifesto__quote{color:#fff;font-size:max(22px,min(2.8vw,38px));font-style:italic;font-weight:300;line-height:1.55;margin:1rem 0 1.25rem}[grafica-page] .gr-manifesto__source{color:hsla(0,0%,100%,.3);font-size:.8125rem;font-weight:300;letter-spacing:.05em}[grafica-page] .gr-services{background:#f6f6f6;padding:4.75rem var(--ph)}[grafica-page] .gr-services__header{display:flex;flex-direction:column;gap:.625rem;margin-bottom:3.25rem}[grafica-page] .gr-services__title{font-size:max(28px,min(3.5vw,44px));font-weight:700;line-height:1.1}[grafica-page] .gr-services__title em{color:#b4b4b4;font-style:italic}[grafica-page] .gr-services__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}@media(max-width:1000px){[grafica-page] .gr-services__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){[grafica-page] .gr-services__grid{grid-template-columns:1fr}}[grafica-page] .gr-card{background:#3c3c3c;border-radius:var(--rc);display:flex;flex-direction:column;gap:1rem;padding:2.5rem 1.75rem;transition:transform .2s ease,box-shadow .2s ease}[grafica-page] .gr-card:hover{box-shadow:-5px 6px 25px 0 rgba(0,0,0,.25);transform:translateY(-4px)}[grafica-page] .gr-card__icon{font-size:1.75rem}[grafica-page] .gr-card__name{color:#fff;font-size:1.25rem;font-weight:700}[grafica-page] .gr-card__desc{color:hsla(0,0%,100%,.5);font-size:.875rem;font-weight:300;line-height:1.7}[grafica-page] .gr-projects{background:#f6f6f6;border-top:1px solid rgba(60,60,60,.08);padding:4.75rem var(--ph)}[grafica-page] .gr-projects__header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:3.25rem}@media(max-width:700px){[grafica-page] .gr-projects__header{align-items:flex-start;flex-direction:column;gap:1rem}}[grafica-page] .gr-projects__title{font-size:max(28px,min(3.5vw,44px));font-weight:700}[grafica-page] .gr-projects__title em{color:#b4b4b4;font-style:italic}[grafica-page] .gr-projects__grid{grid-gap:4.75rem 2.75rem;display:grid;gap:4.75rem 2.75rem;grid-template-columns:1fr 1fr}@media(max-width:700px){[grafica-page] .gr-projects__grid{gap:2.75rem;grid-template-columns:1fr}}[grafica-page] .gr-project-card{display:flex;flex-direction:column;gap:1rem;-webkit-text-decoration:none;text-decoration:none}[grafica-page] .gr-project-card--full{grid-column:1/-1}[grafica-page] .gr-project-card__img-wrap{aspect-ratio:16/9;background:rgba(60,60,60,.08);border-radius:var(--rc);overflow:hidden;position:relative}[grafica-page] .gr-project-card__img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .25s ease;width:100%}[grafica-page] .gr-project-card__overlay{background:rgba(0,0,0,.3);border-radius:var(--rc);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease}[grafica-page] .gr-project-card:hover [grafica-page] .gr-project-card__img{transform:scale(1.03)}[grafica-page] .gr-project-card:hover [grafica-page] .gr-project-card__overlay{opacity:1}[grafica-page] .gr-project-card__title{color:#3c3c3c;font-size:1.25rem;font-weight:700;transition:color .15s ease}[grafica-page] .gr-project-card:hover [grafica-page] .gr-project-card__title{color:rgba(60,60,60,.7)}[grafica-page] .gr-cta{padding:0 var(--ph) 4.75rem}[grafica-page] .gr-cta__inner{align-items:center;background:linear-gradient(135deg,#0a0a1e,#1a1a3e);border-radius:1.5rem;display:flex;flex-direction:column;gap:1.5rem;padding:4.5rem var(--ph);text-align:center}[grafica-page] .gr-cta__label{color:hsla(0,0%,100%,.3);font-size:.6875rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase}[grafica-page] .gr-cta__title{color:#fff;font-size:max(32px,min(4.5vw,64px));font-weight:700;letter-spacing:-.02em;line-height:1}[grafica-page] .gr-cta__title em{color:hsla(0,0%,100%,.4);font-style:italic}[grafica-page] .gr-cta__body{color:hsla(0,0%,100%,.5);font-size:1rem;font-weight:300;line-height:1.7;max-width:42ch}[grafica-page] .gr-cta__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.5rem}[grafica-page] .gr-materials{background:#f6f6f6;padding:4rem 2.6875rem}[grafica-page] .gr-materials__inner{margin:0 auto;max-width:1100px}[grafica-page] .gr-materials__title{color:#3c3c3c;font-size:2rem;font-weight:300;margin-bottom:2.5rem}[grafica-page] .gr-mockups-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}[grafica-page] .gr-mockup{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:1.5rem 1rem}[grafica-page] .gr-mockup__name{color:#b4b4b4;font-size:.6875rem;text-align:center}[grafica-page] .gr-mockup__doc{display:flex;gap:4px}[grafica-page] .gr-doc-cover{background:#3c3c3c;border-radius:2px;display:flex;flex-direction:column;height:84px;justify-content:flex-end;overflow:hidden;padding:8px;position:relative;width:60px}[grafica-page] .gr-doc-stripe{background:#a0ca75;height:100%;left:0;position:absolute;top:0;width:6px}[grafica-page] .gr-doc-title{color:#fff;font-size:9px;font-weight:700;line-height:1.2;margin-left:8px}[grafica-page] .gr-doc-year{color:hsla(0,0%,100%,.5);font-size:7px;margin-left:8px}[grafica-page] .gr-doc-page{background:#f6f6f6;border:1px solid #e0e0e0;border-radius:2px;height:84px;padding:10px 8px;width:60px}[grafica-page] .gr-doc-lines{display:flex;flex-direction:column;gap:6px}[grafica-page] .gr-doc-lines span{background:#d0d0d0;border-radius:1px;display:block;height:2px;width:100%}[grafica-page] .gr-pres{background:#3c3c3c;border-radius:4px;display:flex;flex-direction:column;height:84px;overflow:hidden;width:120px}[grafica-page] .gr-pres__slide{display:flex;flex:1;flex-direction:column;gap:5px;padding:8px}[grafica-page] .gr-pres__header{background:#a0ca75;border-radius:1px;height:2px;width:30px}[grafica-page] .gr-pres__title-block{background:hsla(0,0%,100%,.6);border-radius:2px;height:12px;width:70%}[grafica-page] .gr-pres__body{display:flex;flex-direction:column;gap:4px;margin-top:4px}[grafica-page] .gr-pres__body span{background:hsla(0,0%,100%,.2);border-radius:1px;display:block;height:2px;width:100%}[grafica-page] .gr-pres__thumbs{align-items:center;background:hsla(0,0%,100%,.05);display:flex;gap:4px;height:16px;padding:0 6px}[grafica-page] .gr-pres__thumbs span{background:hsla(0,0%,100%,.2);border-radius:1px;display:block;height:8px;width:16px}[grafica-page] .gr-pres__thumbs span:first-child{background:hsla(90,45%,63%,.5)}[grafica-page] .gr-billboard{background:#0a0a1e;border-radius:4px;height:80px;overflow:hidden;position:relative;width:120px}[grafica-page] .gr-billboard__bg{background:hsla(90,45%,63%,.15);border-radius:50%;height:60px;position:absolute;right:-10px;top:-10px;width:60px}[grafica-page] .gr-billboard__content{display:flex;flex-direction:column;gap:2px;padding:10px 12px;position:relative;z-index:1}[grafica-page] .gr-billboard__eyebrow{color:#a0ca75;font-size:7px;letter-spacing:1px;text-transform:uppercase}[grafica-page] .gr-billboard__headline{color:#fff;font-size:14px;font-weight:700;line-height:1.1}[grafica-page] .gr-billboard__cta{color:#fff;font-size:14px;margin-top:4px}[grafica-page] .gr-infographic{background:#f6f6f6;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-direction:column;gap:4px;height:80px;padding:8px;width:120px}[grafica-page] .gr-infographic__bars{align-items:flex-end;display:flex;flex:1;gap:5px;padding:0 2px}[grafica-page] .gr-bar{background:#3c3c3c;border-radius:2px 2px 0 0;flex:1;opacity:.3}[grafica-page] .gr-bar--accent{background:#3c3c3c;opacity:1}[grafica-page] .gr-infographic__labels{display:flex;gap:5px;padding:0 2px}[grafica-page] .gr-infographic__labels span{background:#d0d0d0;border-radius:1px;flex:1;height:3px}