.resaco-hero {
position: relative;
overflow: hidden;
padding-block: clamp(56px, 7vw, 88px) clamp(72px, 10vw, 120px);
}
.resaco-hero.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-inline: 0;
}
.resaco-hero__inner {
position: relative;
z-index: 1;
max-width: var(--resaco-shell-w, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-hero::before,
.resaco-hero::after {
content: "";
position: absolute;
pointer-events: none;
background: var(--wp--preset--color--signal-zest);
z-index: 0;
}
.resaco-hero::before {
top: -10px; left: -24px;
width: clamp(90px, 11vw, 150px); aspect-ratio: 1;
-webkit-mask: url(../../img/datapalat-01.svg) center/contain no-repeat;
mask: url(../../img/datapalat-01.svg) center/contain no-repeat;
opacity: 0.85;
}
.resaco-hero::after {
bottom: -10px; right: -24px;
width: clamp(110px, 13vw, 170px); aspect-ratio: 1;
-webkit-mask: url(../../img/datapalat-06.svg) center/contain no-repeat;
mask: url(../../img/datapalat-06.svg) center/contain no-repeat;
opacity: 0.85;
}
.resaco-hero > * { position: relative; z-index: 1; }
.resaco-hero mark,
.resaco-hero__title mark,
.resaco-hero__subhead mark {
background-color: transparent;
color: var(--wp--preset--color--signal-zest);
}
.resaco-hero__pill {
display: inline-flex; align-items: center; gap: 8px;
margin: 0 0 var(--wp--preset--spacing--50);
padding: 6px 14px; border-radius: var(--wp--custom--radius--pill);
background: rgba(209, 244, 89, 0.08); border: 1px solid rgba(209, 244, 89, 0.30);
color: var(--wp--preset--color--signal-zest); font-size: 12.5px; font-weight: 600;
width: fit-content;
}
.resaco-hero__pill::before {
content: ""; width: 6px; height: 6px; border-radius: var(--wp--custom--radius--pill);
background: var(--wp--preset--color--signal-zest);
animation: resaco-hero-pulse 1.8s ease-in-out infinite;
}
@keyframes resaco-hero-pulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(0.7); } }
.resaco-hero__title {
font-family: var(--wp--preset--font-family--display);
font-size: clamp(56px, 9vw, 168px); font-weight: 500;
letter-spacing: -0.045em; line-height: 0.92;
margin: 0 0 var(--wp--preset--spacing--60); max-width: 15ch;
text-wrap: balance; color: var(--wp--preset--color--white);
}
.resaco-hero__title .has-signal-zest-color { color: var(--wp--preset--color--signal-zest); }
.resaco-hero__grid { gap: clamp(40px, 5vw, 64px); margin-top: var(--wp--preset--spacing--40); }
.resaco-hero__subhead {
font-size: clamp(18px, 2vw, 22px); line-height: 1.45; color: #E6EAEA;
margin: 0 0 var(--wp--preset--spacing--60); max-width: 44ch; text-wrap: pretty;
}
.resaco-hero__subhead .has-signal-zest-color { color: var(--wp--preset--color--signal-zest); }
.resaco-hero__ctas { gap: 14px; }
.resaco-hero__cta-primary .wp-block-button__link {
border-radius: var(--wp--custom--radius--pill);
padding: 16px 24px 16px 30px; font-weight: 600; font-size: 15px;
display: inline-flex; align-items: center; gap: 10px;
}
.resaco-hero__cta-primary .wp-block-button__link::after {
content: "→"; display: inline-flex; align-items: center; justify-content: center;
width: 22px; height: 22px; border-radius: var(--wp--custom--radius--pill);
background: var(--wp--preset--color--ink-900); color: var(--wp--preset--color--signal-zest);
font-size: 11px; transform: rotate(-45deg);
transition: transform var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-hero__cta-primary .wp-block-button__link:hover::after { transform: translateX(2px) rotate(-45deg); }
.resaco-hero__cta-ghost .wp-block-button__link {
border-radius: var(--wp--custom--radius--pill);
padding: 16px 24px; font-weight: 600; font-size: 15px;
color: var(--wp--preset--color--white); border: 1px solid rgba(255, 255, 255, 0.22); background: transparent;
}
.resaco-hero__cta-ghost .wp-block-button__link:hover { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.42); }
.resaco-hero__collage-col { align-self: stretch; }
.resaco-hero__collage { position: relative; aspect-ratio: 1 / 1; max-width: 540px; margin-left: auto; width: 100%; }
.resaco-hero__photo { position: absolute; margin: 0; border-radius: var(--wp--custom--radius--lg); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); }
.resaco-hero__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.resaco-hero__photo--a { top: 0; left: 12%; width: 55%; aspect-ratio: 3 / 4; transform: rotate(-2deg); }
.resaco-hero__photo--b { top: 38%; right: 0; width: 52%; aspect-ratio: 4 / 3; transform: rotate(3deg); }
.resaco-hero__metric {
position: absolute; bottom: 6%; left: 0; min-width: 220px;
padding: 16px 20px; background: rgba(13, 24, 24, 0.85);
backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.14); border-radius: var(--wp--custom--radius--lg);
}
.resaco-hero__metric-label {
margin: 0 0 6px; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
color: var(--wp--preset--color--signal-zest); font-weight: 600;
}
.resaco-hero__metric-value {
margin: 0; font-family: var(--wp--preset--font-family--display);
font-size: 32px; font-weight: 500; letter-spacing: -0.03em; color: var(--wp--preset--color--white);
}
.resaco-hero__metric-value span { font-family: var(--wp--preset--font-family--body); font-size: 11px; color: #7F9092; font-weight: 400; }
.resaco-hero__metric::after {
content: ""; display: block; margin-top: 10px; height: 24px;
background:
linear-gradient(var(--wp--preset--color--signal-zest) 0 0) 0 100%/6px 95% no-repeat,
linear-gradient(var(--wp--preset--color--signal-zest) 0 0) 13px 100%/6px 80% no-repeat,
linear-gradient(rgba(255,255,255,0.2) 0 0) 26px 100%/6px 64% no-repeat,
linear-gradient(rgba(255,255,255,0.2) 0 0) 39px 100%/6px 55% no-repeat,
linear-gradient(rgba(255,255,255,0.2) 0 0) 52px 100%/6px 42% no-repeat;
}
@media (max-width: 900px) {
.resaco-hero__grid { gap: var(--wp--preset--spacing--50); }
.resaco-hero__collage { margin: var(--wp--preset--spacing--50) auto 0; max-width: 440px; }
}
.resaco-pricing-hero { padding-block: clamp(64px, 8vw, 96px) clamp(40px, 5vw, 64px); position: relative; overflow: hidden; --resaco-glow: rgba(209, 244, 89, 0.11); }
.resaco-pricing-hero.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-pricing-hero__inner { max-width: var(--resaco-shell-w, 1360px); margin-inline: auto; padding-inline: clamp(20px, 5vw, 40px); box-sizing: border-box; }
.resaco-pricing-hero__title {
font-family: var(--wp--preset--font-family--display); font-size: clamp(48px, 7vw, 112px);
font-weight: 500; letter-spacing: -0.045em; line-height: 0.95;
margin: var(--wp--preset--spacing--40) 0 var(--wp--preset--spacing--50); max-width: 16ch;
color: var(--wp--preset--color--white); text-wrap: balance;
}
.resaco-pricing-hero__title .has-signal-zest-color { color: var(--wp--preset--color--signal-zest); font-style: italic; }
.resaco-pricing-hero__title s { text-decoration-color: var(--wp--preset--color--signal-zest); text-decoration-thickness: 4px; color: var(--wp--preset--color--ink-400); }
.resaco-pricing-hero__lead { font-size: clamp(18px, 2vw, 20px); line-height: 1.5; color: var(--wp--preset--color--fg-muted); max-width: 58ch; margin: 0; }
.resaco-pricing-hero mark { background-color: transparent; }
.resaco-pricing-hero__datapala {
position: absolute; top: -40px; right: -60px; z-index: 0;
width: clamp(160px, 22vw, 360px); aspect-ratio: 1; pointer-events: none;
background: var(--wp--preset--color--signal-zest); opacity: 0.85;
-webkit-mask: url(../../img/datapalat-05.svg) center/contain no-repeat;
mask: url(../../img/datapalat-05.svg) center/contain no-repeat;
}
.resaco-pricing-hero__inner { position: relative; z-index: 1; }
.resaco-pricing-hero__ctas { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; margin-top: 40px; }
.resaco-pricing-hero__stats { list-style: none; margin: 0; padding: 0; display: flex; gap: 40px; flex-wrap: wrap; margin-top: 56px; padding-top: 32px; border-top: 1px solid rgba(255, 255, 255, 0.08); }
@media (max-width: 640px) {
.resaco-pricing-hero__stats { gap: 24px; margin-top: 40px; padding-top: 24px; }
.resaco-pricing-hero__stat { flex: 1 1 100%; min-width: 0; }
}
.resaco-pricing-hero__stat { min-width: 180px; }
.resaco-pricing-hero__stat-v { display: block; font-family: var(--wp--preset--font-family--display); font-size: 36px; font-weight: 500; letter-spacing: -0.03em; color: var(--wp--preset--color--signal-zest); line-height: 1; margin-bottom: 8px; }
.resaco-pricing-hero__stat-l { display: block; font-size: 12.5px; color: #7F9092; max-width: 24ch; }
.resaco-avatar-stack {
position: relative;
padding-block: clamp(28px, 4vw, 44px);
}
.resaco-avatar-stack.alignfull {
width: 100vw; max-width: 100vw;
margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
padding-inline: 0;
}
.resaco-avatar-stack__inner {
max-width: var(--resaco-shell-w, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
display: flex; align-items: center; gap: 28px; flex-wrap: wrap;
}
.resaco-avatar-stack__faces { display: flex; align-items: center; }
.resaco-avatar-stack__face {
width: 56px; height: 56px; border-radius: var(--wp--custom--radius--pill);
background-size: cover; background-position: center;
border: 3px solid var(--wp--preset--color--ink-800);
box-shadow: 0 0 0 1px rgba(255,255,255,0.08);
}
.resaco-avatar-stack__face + .resaco-avatar-stack__face { margin-left: -16px; }
.resaco-avatar-stack__more {
width: 56px; height: 56px; border-radius: var(--wp--custom--radius--pill);
margin-left: -16px;
background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900);
display: inline-flex; align-items: center; justify-content: center;
font-family: var(--wp--preset--font-family--display);
font-weight: 600; font-size: 13px; letter-spacing: -0.01em;
border: 3px solid var(--wp--preset--color--ink-800);
}
.resaco-avatar-stack__text {
flex: 1; min-width: 280px;
font-size: 14px; line-height: 1.5; color: var(--wp--preset--color--fg-muted); margin: 0;
}
.resaco-avatar-stack__text strong { color: var(--wp--preset--color--white); font-weight: 600; }
.resaco-bento-photo { background: var(--wp--preset--color--ink-900); }
.resaco-bento-photo.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-bento-photo__inner {
max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px); padding-block: clamp(48px, 7vw, 96px); box-sizing: border-box;
}
.resaco-bento-photo__head { margin-bottom: clamp(28px, 4vw, 48px); }
.resaco-bento-photo .resaco-eyebrow { margin-bottom: var(--wp--preset--spacing--30); }
.resaco-bento-photo__title {
font-family: var(--wp--preset--font-family--display); font-size: clamp(32px, 4.2vw, 56px);
font-weight: 500; letter-spacing: -0.03em; line-height: 1.04; margin: 0; max-width: 18ch;
color: var(--wp--preset--color--white); text-wrap: balance;
}
.resaco-bento-photo__grid > li { display: contents; }
.resaco-bento-photo__grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: clamp(130px, 15vw, 190px);
gap: 12px;
}
.resaco-bento-photo__tile {
display: block; position: relative; border-radius: var(--wp--custom--radius--md); overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.08);
transition: transform var(--wp--custom--duration--slow) var(--wp--custom--ease--out), filter var(--wp--custom--duration--slow) var(--wp--custom--ease--out);
}
.resaco-bento-photo__tile img {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; object-position: center;
}
.resaco-bento-photo__tile:hover { transform: scale(1.015); filter: brightness(1.08); }
.resaco-bento-photo__tile--lg   { grid-column: span 2; grid-row: span 2; }
.resaco-bento-photo__tile--wide { grid-column: span 2; }
.resaco-bento-photo__tile--tall { grid-row: span 2; }
@media (max-width: 900px) {
.resaco-bento-photo__grid { grid-template-columns: repeat(2, 1fr); }
.resaco-bento-photo__tile--lg { grid-column: span 2; grid-row: span 2; }
.resaco-bento-photo__tile--wide { grid-column: span 2; }
.resaco-bento-photo__tile--tall { grid-row: span 1; }
}
@media (max-width: 520px) {
.resaco-bento-photo__grid { grid-template-columns: 1fr 1fr; }
.resaco-bento-photo__tile--lg, .resaco-bento-photo__tile--wide { grid-column: span 2; }
}
.resaco-blog-peek {
background: #0D1818;
color: #fff;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.resaco-blog-peek__inner {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
padding-block: var(--resaco-section-pad);
}
.resaco-blog-peek__head {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 56px;
flex-wrap: wrap;
gap: 24px;
}
.resaco-blog-peek__head-copy {
flex: 1 1 280px;
min-width: 0;
}
.resaco-blog-peek__title {
font-family: 'Stack Sans Notch', sans-serif;
font-size: clamp(40px, 5vw, 64px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.02;
margin: 20px 0 0;
color: #fff;
text-wrap: balance;
}
.resaco-blog-peek__head-cta {
flex-shrink: 0;
}
.resaco-blog-peek__list {
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.resaco-blog-peek__row-wrap,
.resaco-blog-peek__row-article {
display: contents;
}
.resaco-blog-peek__row {
display: grid;
grid-template-columns: 150px 1fr 220px 48px;
gap: 32px;
align-items: center;
padding: 32px 16px 32px 4px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
text-decoration: none;
color: inherit;
transition: background var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-blog-peek__row:hover,
.resaco-blog-peek__row:focus-visible {
background: rgba(255, 255, 255, 0.03);
}
.resaco-blog-peek__row-tag {
font-size: 11.5px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #D1F459;
}
.resaco-blog-peek__row-title {
font-family: 'Stack Sans Notch', sans-serif;
font-size: clamp(20px, 2vw, 28px);
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.15;
margin: 0;
color: #fff;
text-wrap: balance;
}
.resaco-blog-peek__row-meta {
font-size: 13px;
line-height: 1.45;
color: #7F9092;
text-align: right;
display: flex;
flex-direction: column;
}
.resaco-blog-peek__row-arrow {
width: 40px;
height: 40px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.18);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
transition:
background var(--wp--custom--duration--med) var(--wp--custom--ease--out),
color var(--wp--custom--duration--med) var(--wp--custom--ease--out),
transform var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-blog-peek__row:hover .resaco-blog-peek__row-arrow,
.resaco-blog-peek__row:focus-visible .resaco-blog-peek__row-arrow {
background: #D1F459;
color: #0D1818;
transform: rotate(-45deg);
}
@media (max-width: 900px) {
.resaco-blog-peek__row {
grid-template-columns: 1fr 44px;
grid-template-areas:
"tag arrow"
"title arrow"
"meta arrow";
row-gap: 10px;
column-gap: 16px;
padding: 24px 8px;
}
.resaco-blog-peek__row-tag { grid-area: tag; }
.resaco-blog-peek__row-title { grid-area: title; }
.resaco-blog-peek__row-meta { grid-area: meta; text-align: left; flex-direction: row; gap: 10px; }
.resaco-blog-peek__row-arrow { grid-area: arrow; align-self: center; }
}
.resaco-blog-peek__empty {
color: #7F9092;
font-size: 15px;
text-align: center;
padding: 40px 0;
}
.resaco-careers-apply {
position: relative;
overflow: hidden;
background: #D1F459;
color: #0D1818;
padding-block: clamp(72px, 9vw, 110px);
}
.resaco-careers-apply.alignfull {
width: 100vw; max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.resaco-careers-apply__datapala {
position: absolute;
top: -40px;
right: min(-40px, calc((100vw - 1360px) / 2 - 240px));
width: 220px;
aspect-ratio: 1;
background: url(../../img/datapalat-05.svg) center / contain no-repeat;
filter: invert(1) brightness(0.18);
opacity: 0.08;
pointer-events: none;
}
.resaco-careers-apply__inner {
position: relative;
z-index: 1;
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-careers-apply__grid {
display: grid;
grid-template-columns: 1fr 1.05fr;
gap: clamp(40px, 5vw, 72px);
align-items: start;
}
@media (min-width: 901px) {
.resaco-careers-apply__copy {
position: sticky;
top: 120px;
}
}
.resaco-careers-apply__eyebrow { color: #0D1818; }
.resaco-careers-apply__eyebrow::before { background: #0D1818; }
.resaco-careers-apply__title {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(40px, 4.2vw, 68px);
font-weight: 500;
letter-spacing: -0.04em;
line-height: 1.0;
margin: 18px 0 24px;
color: #0D1818;
text-wrap: balance;
}
.resaco-careers-apply__accent { color: rgba(13, 24, 24, 0.55); }
.resaco-careers-apply__body {
font-size: 17px;
line-height: 1.55;
margin: 0 0 30px;
max-width: 44ch;
color: rgba(13, 24, 24, 0.78);
}
.resaco-careers-apply__checks {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 14px;
}
.resaco-careers-apply__check {
display: flex;
gap: 12px;
align-items: center;
font-size: 15px;
font-weight: 600;
}
.resaco-careers-apply__check-mark {
width: 22px;
height: 22px;
border-radius: 999px;
background: #0D1818;
color: #D1F459;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
flex-shrink: 0;
}
.resaco-careers-apply__formcard {
background: #F8F9F7;
border-radius: var(--wp--custom--radius--lg, 16px);
padding: clamp(22px, 3vw, 36px);
box-shadow: 0 18px 48px rgba(13, 24, 24, 0.14);
}
.resaco-careers-apply__note {
margin: 16px 0 0;
font-size: 13px;
line-height: 1.5;
color: rgba(13, 24, 24, 0.7);
}
.resaco-careers-apply__missing {
margin: 0;
font-size: 15px;
color: #0D1818;
}
.resaco-careers-apply__formcard .gform_wrapper { margin: 0; }
.resaco-careers-apply__formcard .gform_wrapper form { margin: 0; }
@media (max-width: 900px) {
.resaco-careers-apply__grid {
grid-template-columns: 1fr;
gap: 40px;
}
.resaco-careers-apply__datapala { display: none; }
}
@media (max-width: 480px) {
.resaco-careers-apply { padding-block: 56px 72px; }
.resaco-careers-apply__title { font-size: clamp(34px, 10vw, 48px); }
}
.resaco-careers__formcard {
background: var(--wp--preset--color--white, #fff);
border: 1px solid rgba(34, 59, 62, 0.1);
border-radius: 20px;
padding: clamp(24px, 3vw, 34px);
box-shadow: 0 8px 32px rgba(13,24,24,0.14);
}
.resaco-careers__gform .gform_wrapper {
--gf-ctrl-bg-color: var(--wp--preset--color--metric-grey, #F8F9F7);
--gf-ctrl-bg-color-focus: #fff;
--gf-ctrl-border-color: rgba(34, 59, 62, 0.16);
--gf-ctrl-color: var(--wp--preset--color--deep-data-green, #223B3E);
--gf-ctrl-label-color-primary: var(--wp--preset--color--deep-data-green, #223B3E);
--gf-ctrl-label-color-secondary: var(--wp--preset--color--ink-600, #2E4A4D);
}
.resaco-careers__gform .gform_wrapper .gfield_label,
.resaco-careers__gform .gform_wrapper .gform-field-label {
color: var(--wp--preset--color--deep-data-green, #223B3E);
}
.resaco-careers__gform .gform_wrapper .gfield_required {
color: var(--wp--preset--color--ink-600, #2E4A4D);
}
.resaco-careers__gform .gform_wrapper .gfield_description,
.resaco-careers__gform .gform_wrapper .gform_fileupload_rules {
color: var(--wp--preset--color--ink-600, #2E4A4D);
}
.resaco-careers__gform .gform_wrapper .ginput_container input[type="text"],
.resaco-careers__gform .gform_wrapper .ginput_container input[type="email"],
.resaco-careers__gform .gform_wrapper .ginput_container input[type="tel"],
.resaco-careers__gform .gform_wrapper .ginput_container input[type="url"],
.resaco-careers__gform .gform_wrapper .ginput_container input[type="number"],
.resaco-careers__gform .gform_wrapper .ginput_container select,
.resaco-careers__gform .gform_wrapper .ginput_container textarea,
.resaco-careers__gform .gform_wrapper textarea.textarea {
background: var(--wp--preset--color--metric-grey, #F8F9F7) !important;
border: 1px solid rgba(34, 59, 62, 0.16) !important;
color: var(--wp--preset--color--deep-data-green, #223B3E) !important;
}
.resaco-careers__gform .gform_wrapper .ginput_container input::placeholder,
.resaco-careers__gform .gform_wrapper .ginput_container textarea::placeholder {
color: var(--wp--preset--color--ink-400, #6B8082); opacity: 1;
}
.resaco-careers__gform .gform_wrapper .ginput_container input:focus,
.resaco-careers__gform .gform_wrapper .ginput_container select:focus,
.resaco-careers__gform .gform_wrapper .ginput_container textarea:focus,
.resaco-careers__gform .gform_wrapper textarea.textarea:focus {
background: #fff !important;
box-shadow: 0 0 0 3px rgba(34, 59, 62, 0.12), 0 0 0 1.5px var(--wp--preset--color--signal-zest, #D1F459) inset !important;
}
.resaco-careers__gform .gform_wrapper .gfield_checkbox .gchoice:only-child .gfield-choice-input,
.resaco-careers__gform .gform_wrapper .ginput_container_consent input[type="checkbox"] {
border: 1px solid rgba(34, 59, 62, 0.3);
background: var(--wp--preset--color--metric-grey, #F8F9F7);
}
.resaco-careers__gform .gform_wrapper .gfield_checkbox .gchoice:only-child label,
.resaco-careers__gform .gform_wrapper .gfield_consent_label {
color: var(--wp--preset--color--ink-600, #2E4A4D);
}
.resaco-careers__gform .gform_wrapper .gfield_error .ginput_container input,
.resaco-careers__gform .gform_wrapper .gfield_error .ginput_container textarea {
border-color: #C0392B !important;
background: rgba(192, 57, 43, 0.05) !important;
}
.resaco-careers__gform .gform_wrapper .gfield_validation_message,
.resaco-careers__gform .gform_wrapper .validation_message {
color: #C0392B !important;
}
.resaco-careers__gform .gform_wrapper .gform_validation_errors {
background: rgba(192, 57, 43, 0.06) !important;
border: 1px solid rgba(192, 57, 43, 0.3) !important;
}
.resaco-careers__gform .gform_wrapper .gform_validation_errors .gform_submission_error,
.resaco-careers__gform .gform_wrapper .gform_validation_errors h2 { color: #C0392B !important; }
.resaco-careers__gform .gform_confirmation_message {
color: var(--wp--preset--color--deep-data-green, #223B3E);
background: var(--wp--preset--color--metric-grey, #F8F9F7);
border: 1px solid rgba(209, 244, 89, 0.5);
}
.resaco-careers__gform .gform_wrapper .gfield_radio {
display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0;
}
.resaco-careers__gform .gform_wrapper .gfield_radio .gchoice {
margin: 0; padding: 0; width: auto; max-width: 100%; flex: 0 1 auto; display: inline-flex; min-width: 0;
}
@media (max-width: 420px) {
.resaco-careers__gform .gform_wrapper .gfield_radio .gchoice label {
white-space: normal; text-align: center; padding: 9px 14px;
}
}
.resaco-careers__gform .gform_wrapper .gfield_radio .gfield-choice-input {
position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none;
}
.resaco-careers__gform .gform_wrapper .gfield_radio .gchoice label {
display: inline-flex; align-items: center; margin: 0; padding: 9px 16px;
border-radius: 999px; background: var(--wp--preset--color--metric-grey, #F8F9F7);
border: 1px solid rgba(34, 59, 62, 0.16); color: var(--wp--preset--color--ink-600, #2E4A4D);
font-size: 13.5px; font-weight: 600; cursor: pointer; user-select: none;
transition: border-color 140ms, background 140ms, color 140ms;
}
.resaco-careers__gform .gform_wrapper .gfield_radio .gchoice label:hover {
border-color: rgba(34, 59, 62, 0.4); color: var(--wp--preset--color--deep-data-green, #223B3E);
}
.resaco-careers__gform .gform_wrapper .gfield_radio .gfield-choice-input:checked + label {
background: var(--wp--preset--color--signal-zest, #D1F459);
border-color: var(--wp--preset--color--signal-zest, #D1F459);
color: var(--wp--preset--color--ink-900, #0D1818);
}
.resaco-careers__gform .gform_wrapper .gfield_radio .gfield-choice-input:focus-visible + label {
box-shadow: 0 0 0 3px rgba(209, 244, 89, 0.35);
}
.resaco-case-cards-dark {
width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
padding-block: clamp(40px, 5vw, 56px); padding-inline: clamp(16px, 4vw, 32px);
}
.resaco-case-cards-dark__card {
position: relative; overflow: hidden;
max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto;
background: var(--wp--preset--color--metric-grey); color: var(--wp--preset--color--deep-data-green);
padding: clamp(36px, 5vw, 56px) clamp(24px, 4vw, 48px); border-radius: var(--wp--custom--radius--md); box-sizing: border-box;
}
.resaco-case-cards-dark__card > * { position: relative; z-index: 1; }
.resaco-case-cards-dark__datapalat {
position: absolute; top: 30px; right: 30px; width: 140px; aspect-ratio: 1; z-index: 0; pointer-events: none;
background: var(--wp--preset--color--analytic-greige);
-webkit-mask: url(../../img/datapalat-06.svg) center/contain no-repeat; mask: url(../../img/datapalat-06.svg) center/contain no-repeat;
}
.resaco-case-cards-dark__eyebrow {
display: inline-flex; align-items: center; gap: 8px; margin: 0;
font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--deep-data-green); font-weight: 600;
}
.resaco-case-cards-dark__eyebrow::before { content: ""; width: 6px; height: 6px; background: var(--wp--preset--color--deep-data-green); display: inline-block; }
.resaco-case-cards-dark__title { font-family: var(--wp--preset--font-family--display); font-size: clamp(30px, 4vw, 40px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.08; margin: 14px 0 36px; color: var(--wp--preset--color--deep-data-green); }
.resaco-case-cards-dark__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; list-style: none; margin: 0; padding: 0; }
.resaco-case-cards-dark__item-wrap { display: contents; }
.resaco-case-cards-dark__item { display: flex; flex-direction: column; }
.resaco-case-cards-dark__media { position: relative; display: block; border-radius: 6px; overflow: hidden; aspect-ratio: 4 / 3; background: var(--wp--preset--color--analytic-greige); }
.resaco-case-cards-dark__photo { position: absolute; inset: 0; filter: grayscale(1) contrast(1.05); transition: filter var(--wp--custom--duration--med) var(--wp--custom--ease--out); }
.resaco-case-cards-dark__photo-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.resaco-case-cards-dark__item:hover .resaco-case-cards-dark__photo { filter: grayscale(0) contrast(1); }
.resaco-case-cards-dark__pill {
position: absolute; top: 14px; right: 14px; display: inline-flex; align-items: center; gap: 10px;
background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--deep-data-green);
border-radius: 999px; padding: 6px 12px 6px 10px; font-family: var(--wp--preset--font-family--display);
}
.resaco-case-cards-dark__stat { font-size: 20px; font-weight: 600; letter-spacing: -0.02em; line-height: 1; }
.resaco-case-cards-dark__stat-lbl { font-family: var(--wp--preset--font-family--body); font-size: 10.5px; line-height: 1.15; font-weight: 500; max-width: 70px; }
.resaco-case-cards-dark__corner { position: absolute; bottom: 0; right: 0; width: 56px; height: 40px; }
.resaco-case-cards-dark__corner::before,
.resaco-case-cards-dark__corner::after { content: ""; position: absolute; background: var(--wp--preset--color--metric-grey); }
.resaco-case-cards-dark__corner::before { right: 0; bottom: 0; width: 20px; height: 20px; box-shadow: -20px 0 0 -3px var(--wp--preset--color--metric-grey), 0 -20px 0 -3px var(--wp--preset--color--metric-grey); }
.resaco-case-cards-dark__h { font-family: var(--wp--preset--font-family--display); font-size: 18px; font-weight: 700; letter-spacing: -0.015em; line-height: 1.22; margin: 16px 0 10px; color: var(--wp--preset--color--deep-data-green); }
.resaco-case-cards-dark__link { font-size: 13px; font-weight: 600; color: var(--wp--preset--color--deep-data-green); margin: 0; display: inline-flex; align-items: center; gap: 6px; }
@media (max-width: 760px) { .resaco-case-cards-dark__grid { grid-template-columns: 1fr; } }
.resaco-case-cards-editorial {
width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
padding-block: clamp(40px, 5vw, 56px); padding-inline: clamp(16px, 4vw, 32px);
}
.resaco-case-cards-editorial__card {
position: relative; overflow: hidden;
max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto;
background: var(--wp--preset--color--metric-grey); color: var(--wp--preset--color--deep-data-green);
padding: clamp(40px, 5vw, 64px) clamp(24px, 4vw, 48px); border-radius: var(--wp--custom--radius--md);
box-sizing: border-box;
}
.resaco-case-cards-editorial__card > * { position: relative; z-index: 1; }
.resaco-case-cards-editorial__datapalat { position: absolute; z-index: 0; pointer-events: none; background: var(--wp--preset--color--analytic-greige); }
.resaco-case-cards-editorial__datapalat--a {
top: 40px; left: 0; width: 160px; aspect-ratio: 1;
-webkit-mask: url(../../img/datapalat-04.svg) center/contain no-repeat; mask: url(../../img/datapalat-04.svg) center/contain no-repeat;
}
.resaco-case-cards-editorial__datapalat--b {
bottom: 40px; right: 20px; width: 110px; aspect-ratio: 1;
-webkit-mask: url(../../img/datapalat-05.svg) center/contain no-repeat; mask: url(../../img/datapalat-05.svg) center/contain no-repeat;
}
.resaco-case-cards-editorial__eyebrow {
display: inline-flex; align-items: center; gap: 8px; margin: 0;
font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--deep-data-green); font-weight: 600;
}
.resaco-case-cards-editorial__eyebrow::before { content: ""; width: 6px; height: 6px; background: var(--wp--preset--color--deep-data-green); display: inline-block; }
.resaco-case-cards-editorial__title {
font-family: var(--wp--preset--font-family--display); font-size: clamp(30px, 4vw, 40px);
font-weight: 600; letter-spacing: -0.02em; line-height: 1.08; margin: 14px 0 40px; max-width: 18ch; color: var(--wp--preset--color--deep-data-green);
}
.resaco-case-cards-editorial__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; list-style: none; margin: 0; padding: 0; }
.resaco-case-cards-editorial__item-wrap { display: contents; }
.resaco-case-cards-editorial__item { background: #fff; border: 1px solid rgba(34, 59, 62, 0.08); border-radius: var(--wp--custom--radius--lg); overflow: hidden; }
.resaco-case-cards-editorial__media { display: block; aspect-ratio: 16 / 9; position: relative; overflow: hidden; }
.resaco-case-cards-editorial__media-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.resaco-case-cards-editorial__body { padding: 24px; }
.resaco-case-cards-editorial__meta { font-size: 11.5px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 600; color: #4A6063; margin: 0 0 10px; }
.resaco-case-cards-editorial__h { font-family: var(--wp--preset--font-family--display); font-size: 24px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.15; margin: 0 0 10px; color: var(--wp--preset--color--deep-data-green); }
.resaco-case-cards-editorial__desc { font-size: 14px; line-height: 1.55; color: #4A6063; margin: 0 0 16px; }
.resaco-case-cards-editorial__stat { display: flex; align-items: baseline; gap: 10px; border-top: 1px dashed rgba(34, 59, 62, 0.15); padding-top: 12px; }
.resaco-case-cards-editorial__stat-num { font-family: var(--wp--preset--font-family--display); font-size: 28px; font-weight: 600; letter-spacing: -0.03em; color: var(--wp--preset--color--deep-data-green); }
.resaco-case-cards-editorial__stat-cap { font-size: 12px; color: #4A6063; }
@media (max-width: 760px) { .resaco-case-cards-editorial__grid { grid-template-columns: 1fr; } }
.resaco-case-next { background: var(--wp--preset--color--ink-900); border-top: 1px solid rgba(255,255,255,0.06); }
.resaco-case-next.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-case-next__inner { max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto; padding-inline: clamp(20px,5vw,40px); padding-block: 40px clamp(64px,9vw,96px); box-sizing: border-box; }
.resaco-case-next__kicker { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: #7F9092; font-weight: 600; margin: 0 0 20px; }
.resaco-case-next__card {
display: grid; grid-template-columns: 1.3fr 1fr auto; gap: 32px; align-items: center;
padding: 24px 28px; background: var(--wp--preset--color--ink-800); border: 1px solid rgba(255,255,255,0.08);
border-radius: 16px; text-decoration: none; color: inherit; transition: border-color var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-case-next__card:hover { border-color: rgba(209,244,89,0.35); }
.resaco-case-next__eyebrow { font-size: 11px; letter-spacing: 0.12em; color: var(--wp--preset--color--signal-zest); font-weight: 600; margin-bottom: 6px; text-transform: uppercase; }
.resaco-case-next__title { font-family: var(--wp--preset--font-family--display); font-size: 22px; font-weight: 500; color: #fff; letter-spacing: -0.02em; line-height: 1.25; margin: 0; text-wrap: balance; }
.resaco-case-next__stats { display: flex; gap: 28px; }
.resaco-case-next__stat-v { font-family: var(--wp--preset--font-family--display); font-size: 22px; font-weight: 500; color: var(--wp--preset--color--signal-zest); letter-spacing: -0.03em; }
.resaco-case-next__stat-l { font-size: 10.5px; color: #7F9092; margin-top: 4px; letter-spacing: 0.02em; }
.resaco-case-next__arrow { width: 48px; height: 48px; border-radius: 999px; background: rgba(209,244,89,0.14); color: var(--wp--preset--color--signal-zest); display: inline-flex; align-items: center; justify-content: center; font-size: 18px; transform: rotate(-45deg); flex-shrink: 0; }
@media (max-width: 760px) {
.resaco-case-next__card { grid-template-columns: 1fr; gap: 18px; }
.resaco-case-next__arrow { justify-self: start; }
}
.resaco-case-study__container {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-case-study {
margin: 0;
padding: 0;
}
.resaco-case-study__hero {
--resaco-glow: rgba(209, 244, 89, 0.11);
background: var(--wp--preset--color--ink-900);
color: #fff;
padding: 72px 0 64px;
position: relative;
overflow: hidden;
}
.resaco-case-study__breadcrumb {
display: flex;
align-items: center;
gap: 10px;
font-size: 12.5px;
color: var(--wp--preset--color--fg-subtle, #7F9092);
margin-bottom: 36px;
letter-spacing: 0.02em;
}
.resaco-case-study__breadcrumb a {
color: var(--wp--preset--color--fg-subtle, #7F9092);
text-decoration: none;
}
.resaco-case-study__breadcrumb a:hover { color: #fff; }
.resaco-case-study__breadcrumb span:last-child { color: #fff; }
.resaco-case-study__breadcrumb-list { display: contents; list-style: none; margin: 0; padding: 0; }
.resaco-case-study__breadcrumb-list li { list-style: none; margin: 0; padding: 0; }
.resaco-case-study__hero-grid {
display: grid;
grid-template-columns: 1.35fr 1fr;
gap: 64px;
align-items: flex-end;
}
.resaco-case-study__hero-wordmark-row {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 28px;
}
.resaco-case-study__client-badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
background: var(--wp--preset--color--signal-zest);
color: var(--wp--preset--color--ink-900);
border-radius: 6px;
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 14px;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.resaco-case-study__industry-tag {
font-size: 11.5px;
color: var(--wp--preset--color--fg-subtle, #7F9092);
letter-spacing: 0.14em;
text-transform: uppercase;
font-weight: 600;
}
.resaco-case-study__hero-title {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(40px, 5.6vw, 88px);
font-weight: 500;
letter-spacing: -0.04em;
line-height: 0.98;
margin: 0 0 28px;
color: #fff;
text-wrap: balance;
}
.resaco-case-study__accent {
color: var(--wp--preset--color--signal-zest);
font-style: italic;
}
.resaco-case-study__hero-body {
font-size: 19px;
line-height: 1.55;
color: var(--wp--preset--color--fg-muted, #B8C4C5);
margin: 0;
max-width: 58ch;
}
.resaco-case-study__hero-tags {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 32px;
}
.resaco-case-study__hero-tag {
display: inline-flex;
align-items: center;
padding: 6px 14px;
border-radius: var(--wp--custom--radius--pill, 999px);
border: 1px solid rgba(255, 255, 255, 0.18);
font-size: 12.5px;
color: #fff;
letter-spacing: 0.02em;
}
.resaco-case-study__hero-tag:first-child {
background: rgba(209, 244, 89, 0.1);
color: var(--wp--preset--color--signal-zest);
border-color: rgba(209, 244, 89, 0.3);
}
.resaco-case-study__hero-ctas {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 28px;
}
.resaco-case-study__strategist-card {
background: linear-gradient(180deg, #152626 0%, #0D1818 100%);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 16px;
padding: 28px;
}
.resaco-case-study__strategist-eyebrow {
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--wp--preset--color--signal-zest);
font-weight: 600;
margin-bottom: 18px;
}
.resaco-case-study__strategist-person {
display: flex;
gap: 16px;
align-items: center;
}
.resaco-case-study__strategist-avatar {
width: 72px;
height: 72px;
flex-shrink: 0;
border-radius: 999px;
background-size: cover;
background-position: center;
border: 2px solid rgba(209, 244, 89, 0.4);
}
.resaco-case-study__strategist-name {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 20px;
font-weight: 500;
color: #fff;
letter-spacing: -0.015em;
}
.resaco-case-study__strategist-role {
font-size: 13px;
color: var(--wp--preset--color--fg-muted, #B8C4C5);
margin-top: 2px;
}
.resaco-case-study__strategist-divider {
height: 1px;
background: rgba(255, 255, 255, 0.08);
margin: 22px 0 18px;
}
.resaco-case-study__strategist-quote {
font-size: 13.5px;
color: var(--wp--preset--color--fg-muted, #B8C4C5);
line-height: 1.55;
margin: 0;
}
.resaco-case-study__spotlight {
background: var(--wp--preset--color--signal-zest);
color: var(--wp--preset--color--ink-900);
padding: 0;
position: relative;
overflow: hidden;
}
.resaco-case-study__spotlight-grid {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 48px;
align-items: start;
padding: 48px 0;
}
.resaco-case-study__spotlight-img-wrap {
position: relative;
aspect-ratio: 16 / 9;
border-radius: 14px;
overflow: hidden;
border: 1px solid rgba(13, 24, 24, 0.1);
}
.resaco-case-study__spotlight-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.resaco-case-study__spotlight-chip {
position: absolute;
top: 20px;
left: 20px;
padding: 8px 14px;
background: var(--wp--preset--color--ink-900);
color: #fff;
border-radius: 999px;
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 11.5px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
display: inline-flex;
align-items: center;
gap: 8px;
}
.resaco-case-study__spotlight-chip-dot {
width: 5px;
height: 5px;
background: var(--wp--preset--color--signal-zest);
border-radius: 999px;
flex-shrink: 0;
}
.resaco-case-study__spotlight-quote-col {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 12px 0;
}
.resaco-case-study__spotlight-blockquote {
margin: 0;
padding: 0;
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(22px, 2.2vw, 30px);
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.18;
color: var(--wp--preset--color--ink-900);
text-wrap: balance;
}
.resaco-case-study__spotlight-author {
margin-top: 28px;
display: flex;
gap: 14px;
align-items: center;
}
.resaco-case-study__spotlight-avatar--img { background-size: cover; background-position: center; background-repeat: no-repeat; }
.resaco-case-study__fquote-avatar--img { background-size: cover; background-position: center; background-repeat: no-repeat; }
.resaco-case-study__spotlight-avatar {
width: 44px;
height: 44px;
border-radius: 999px;
background: var(--wp--preset--color--ink-900);
color: var(--wp--preset--color--signal-zest);
display: flex;
align-items: center;
justify-content: center;
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 15px;
font-weight: 700;
flex-shrink: 0;
}
.resaco-case-study__spotlight-author-name {
font-size: 14px;
font-weight: 600;
color: var(--wp--preset--color--ink-900);
}
.resaco-case-study__spotlight-author-role {
font-size: 12.5px;
color: #3E5A5D;
}
.resaco-case-study__glance {
background: var(--wp--preset--color--metric-grey);
color: var(--wp--preset--color--ink-900);
padding: 96px 0 56px;
}
.resaco-case-study__glance-row {
display: grid;
grid-template-columns: 220px 1fr;
gap: 64px;
align-items: start;
margin-bottom: 64px;
}
.resaco-case-study__glance-row:last-child { margin-bottom: 0; }
.resaco-case-study__glance-label {
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #3E5A5D;
font-weight: 600;
padding-top: 6px;
}
.resaco-case-study__glance-body {
font-size: 19px;
line-height: 1.55;
color: #223B3E;
margin: 0;
max-width: 58ch;
}
.resaco-case-study__fact-grid {
margin-top: 40px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
border: 1px solid rgba(34, 59, 62, 0.12);
border-radius: 14px;
overflow: hidden;
background: #fff;
}
.resaco-case-study__fact-cell {
padding: 22px;
border-right: 1px solid rgba(34, 59, 62, 0.08);
}
.resaco-case-study__fact-cell--last,
.resaco-case-study__fact-cell:last-child { border-right: none; }
.resaco-case-study__fact-label {
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--wp--preset--color--fg-subtle, #7F9092);
font-weight: 600;
margin-bottom: 8px;
}
.resaco-case-study__fact-value {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 18px;
font-weight: 500;
color: var(--wp--preset--color--ink-900);
letter-spacing: -0.015em;
}
.resaco-case-study__services-grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
max-width: 640px;
}
.resaco-case-study__service-item {
display: flex;
gap: 10px;
align-items: center;
padding: 8px 0;
}
.resaco-case-study__service-check {
width: 16px;
height: 16px;
border: 1.5px solid #223B3E;
background: var(--wp--preset--color--signal-zest);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 11px;
color: #223B3E;
border-radius: 3px;
flex-shrink: 0;
}
.resaco-case-study__service-item > span:last-child {
font-size: 14.5px;
color: #223B3E;
}
.resaco-case-study__strategies {
background: var(--wp--preset--color--metric-grey);
color: var(--wp--preset--color--ink-900);
padding: 48px 0 120px;
}
.resaco-case-study__strategies-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-bottom: 44px;
}
.resaco-case-study__strategies-title {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(32px, 3.6vw, 52px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.05;
margin: 0;
color: var(--wp--preset--color--ink-900);
text-wrap: balance;
max-width: 16ch;
}
.resaco-case-study__strategies-count {
font-size: 12px;
color: #3E5A5D;
font-family: ui-monospace, monospace;
letter-spacing: 0.06em;
white-space: nowrap;
}
.resaco-case-study__strategies-grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.resaco-case-study__strat-card {
background: #fff;
border: 1px solid rgba(34, 59, 62, 0.1);
border-radius: 14px;
padding: 28px;
display: flex;
flex-direction: column;
gap: 18px;
}
.resaco-case-study__strat-eyebrow {
width: 48px;
height: 48px;
border-radius: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-weight: 700;
font-size: 16px;
letter-spacing: 0.02em;
color: var(--wp--preset--color--ink-900);
background: var(--wp--preset--color--signal-zest);
}
.resaco-case-study__strat--zest     .resaco-case-study__strat-eyebrow { background: var(--wp--preset--color--signal-zest); }
.resaco-case-study__strat--blue     .resaco-case-study__strat-eyebrow { background: var(--wp--preset--color--insight-blue, #A2DCE9); }
.resaco-case-study__strat--lavender .resaco-case-study__strat-eyebrow { background: var(--wp--preset--color--conversion-lavender, #C9B9E8); }
.resaco-case-study__strat--greige   .resaco-case-study__strat-eyebrow { background: var(--wp--preset--color--analytic-greige, #E7E7DA); }
.resaco-case-study__strat-title {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 20px;
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.22;
margin: 0;
color: var(--wp--preset--color--ink-900);
text-wrap: balance;
}
.resaco-case-study__strat-body {
font-size: 14.5px;
line-height: 1.55;
color: #3E5A5D;
margin: 0;
}
.resaco-case-study__outcomes {
background: var(--wp--preset--color--ink-900);
color: #fff;
padding-block: var(--resaco-section-pad);
position: relative;
overflow: hidden;
}
.resaco-case-study__outcomes-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-bottom: 44px;
}
.resaco-case-study__outcomes .resaco-eyebrow { color: var(--wp--preset--color--signal-zest); }
.resaco-case-study__outcomes-title {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(36px, 4.4vw, 64px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.02;
margin: 16px 0 0;
color: #fff;
text-wrap: balance;
max-width: 18ch;
}
.resaco-case-study__outcomes-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.resaco-case-study__outcome-featured {
background: linear-gradient(135deg, rgba(209, 244, 89, 0.14) 0%, rgba(209, 244, 89, 0.03) 100%);
border: 1px solid rgba(209, 244, 89, 0.3);
border-radius: 16px;
padding: 32px;
min-height: 260px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.resaco-case-study__outcome-eyebrow {
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--wp--preset--color--signal-zest);
font-weight: 600;
margin-bottom: 12px;
}
.resaco-case-study__outcome-featured .resaco-case-study__outcome-eyebrow { margin-bottom: 0; }
.resaco-case-study__outcome-featured-stat {
display: flex;
align-items: baseline;
gap: 4px;
line-height: 0.9;
margin-top: auto;
}
.resaco-case-study__outcome-featured-value {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(64px, 8vw, 112px);
font-weight: 500;
color: var(--wp--preset--color--signal-zest);
letter-spacing: -0.05em;
}
.resaco-case-study__outcome-featured-unit {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(28px, 3.6vw, 50px);
font-weight: 500;
color: var(--wp--preset--color--signal-zest);
letter-spacing: -0.03em;
margin-left: 4px;
}
.resaco-case-study__outcome-note {
font-size: 13px;
color: var(--wp--preset--color--fg-muted, #B8C4C5);
margin: 14px 0 0;
max-width: 24ch;
}
.resaco-case-study__outcome-card {
background: #152626;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 16px;
padding: 32px;
min-height: 260px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.resaco-case-study__outcome-card-value {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(54px, 6vw, 86px);
font-weight: 500;
color: var(--wp--preset--color--insight-blue, #A2DCE9);
letter-spacing: -0.04em;
line-height: 0.9;
margin-top: auto;
}
.resaco-case-study__outcome-card:nth-child(3) .resaco-case-study__outcome-card-value {
color: var(--wp--preset--color--conversion-lavender, #C9B9E8);
}
.resaco-case-study__outcome-card:nth-child(3) .resaco-case-study__outcome-eyebrow {
color: var(--wp--preset--color--conversion-lavender, #C9B9E8);
}
.resaco-case-study__outcomes-supporting {
margin-top: 18px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 18px;
}
.resaco-case-study__supporting-cell {
padding: 22px;
border: 1px solid rgba(255, 255, 255, 0.08);
background: rgba(255, 255, 255, 0.02);
border-radius: 12px;
}
.resaco-case-study__supporting-value {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 28px;
font-weight: 500;
color: var(--wp--preset--color--signal-zest);
letter-spacing: -0.03em;
line-height: 1;
}
.resaco-case-study__supporting-label {
font-size: 12.5px;
color: var(--wp--preset--color--fg-muted, #B8C4C5);
margin-top: 10px;
letter-spacing: 0.01em;
}
.resaco-case-study__timeline {
background: var(--wp--preset--color--metric-grey);
color: var(--wp--preset--color--ink-900);
padding: 112px 0;
}
.resaco-case-study__timeline-title {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(32px, 3.6vw, 52px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.05;
margin: 16px 0 48px;
color: var(--wp--preset--color--ink-900);
max-width: 18ch;
text-wrap: balance;
}
.resaco-case-study__timeline-grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 0;
border-top: 1px solid #223B3E;
padding-top: 28px;
}
.resaco-case-study__timeline-step {
padding-right: 24px;
position: relative;
}
.resaco-case-study__timeline-dot {
position: absolute;
top: -34px;
left: 0;
width: 12px;
height: 12px;
border-radius: 999px;
background: #223B3E;
}
.resaco-case-study__timeline-step--first .resaco-case-study__timeline-dot {
background: var(--wp--preset--color--signal-zest);
box-shadow: 0 0 0 5px rgba(209, 244, 89, 0.25);
}
.resaco-case-study__timeline-period {
font-family: ui-monospace, monospace;
font-size: 12px;
color: #3E5A5D;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 12px;
}
.resaco-case-study__timeline-step-title {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 20px;
font-weight: 500;
color: var(--wp--preset--color--ink-900);
letter-spacing: -0.02em;
line-height: 1.2;
margin: 0 0 10px;
}
.resaco-case-study__timeline-step-body {
font-size: 14px;
line-height: 1.55;
color: #3E5A5D;
margin: 0;
max-width: 28ch;
}
.resaco-case-study__fquote {
background: var(--wp--preset--color--ink-900);
color: #fff;
padding: 0;
position: relative;
overflow: hidden;
}
.resaco-case-study__fquote-grid {
display: grid;
grid-template-columns: 1fr 1.3fr;
gap: 48px;
align-items: start;
padding: 112px 0;
}
.resaco-case-study__fquote-img-wrap {
aspect-ratio: 4 / 5;
border-radius: 16px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.08);
}
.resaco-case-study__fquote-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.resaco-case-study__fquote-content {
display: flex;
flex-direction: column;
justify-content: center;
}
.resaco-case-study__fquote-blockquote {
margin: 24px 0 32px;
padding: 0;
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(26px, 3vw, 44px);
font-weight: 500;
letter-spacing: -0.025em;
line-height: 1.15;
color: #fff;
text-wrap: balance;
}
.resaco-case-study__fquote-accent {
color: var(--wp--preset--color--signal-zest);
font-style: italic;
}
.resaco-case-study__fquote-author {
display: flex;
gap: 16px;
align-items: center;
flex-wrap: wrap;
}
.resaco-case-study__fquote-avatar {
width: 56px;
height: 56px;
border-radius: 999px;
background: rgba(209, 244, 89, 0.15);
color: var(--wp--preset--color--signal-zest);
display: flex;
align-items: center;
justify-content: center;
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-weight: 700;
font-size: 18px;
border: 1px solid rgba(209, 244, 89, 0.35);
flex-shrink: 0;
}
.resaco-case-study__fquote-author-name {
font-size: 15px;
font-weight: 600;
color: #fff;
}
.resaco-case-study__fquote-author-role {
font-size: 13px;
color: var(--wp--preset--color--fg-muted, #B8C4C5);
}
.resaco-case-study__fquote-divider {
width: 1px;
height: 32px;
background: rgba(255, 255, 255, 0.12);
margin: 0 8px;
flex-shrink: 0;
}
.resaco-case-study__fquote-sidenote {
font-size: 12px;
color: var(--wp--preset--color--fg-subtle, #7F9092);
max-width: 24ch;
line-height: 1.4;
margin: 0;
}
@media (max-width: 1024px) {
.resaco-case-study__strategies-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 860px) {
.resaco-case-study__hero-grid {
grid-template-columns: 1fr;
gap: 36px;
}
.resaco-case-study__strategist-card {
max-width: 480px;
}
.resaco-case-study__spotlight-grid {
grid-template-columns: 1fr;
}
.resaco-case-study__glance-row {
grid-template-columns: 1fr;
gap: 16px;
}
.resaco-case-study__glance-label {
padding-top: 0;
}
.resaco-case-study__fact-grid {
grid-template-columns: repeat(2, 1fr);
}
.resaco-case-study__fact-cell {
border-right: none;
border-bottom: 1px solid rgba(34, 59, 62, 0.08);
}
.resaco-case-study__fact-cell:nth-child(odd) {
border-right: 1px solid rgba(34, 59, 62, 0.08);
}
.resaco-case-study__fact-cell--last,
.resaco-case-study__fact-cell:last-child {
border-bottom: none;
}
.resaco-case-study__strategies-grid {
grid-template-columns: 1fr;
}
.resaco-case-study__outcomes-grid {
grid-template-columns: 1fr;
}
.resaco-case-study__timeline-grid {
grid-template-columns: repeat(2, 1fr);
gap: 40px 24px;
}
.resaco-case-study__fquote-grid {
grid-template-columns: 1fr;
padding: 64px 0;
}
.resaco-case-study__fquote-img-wrap {
aspect-ratio: 16 / 9;
max-width: 480px;
}
}
@media (max-width: 540px) {
.resaco-case-study__hero {
padding: 48px 0 40px;
}
.resaco-case-study__services-grid {
grid-template-columns: 1fr;
}
.resaco-case-study__timeline-grid {
grid-template-columns: 1fr;
gap: 48px;
}
.resaco-case-study__fquote-author {
flex-direction: column;
align-items: flex-start;
}
.resaco-case-study__fquote-divider {
width: 40px;
height: 1px;
margin: 4px 0;
}
}
.resaco-cases-grid {
background: #0D1818;
color: #fff;
}
.resaco-cases-grid .resaco-container {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
}
.resaco-cases-grid__hero {
--resaco-glow: rgba(209, 244, 89, 0.11);
padding: 140px 0 90px;
position: relative;
overflow: hidden;
}
.resaco-cases-grid__breadcrumb {
display: flex;
gap: 10px;
align-items: center;
font-size: 12.5px;
color: #7F9092;
margin-bottom: 28px;
letter-spacing: 0.02em;
}
.resaco-cases-grid__breadcrumb a {
color: #7F9092;
text-decoration: none;
}
.resaco-cases-grid__breadcrumb a:hover {
color: #fff;
}
.resaco-cases-grid__breadcrumb span:last-child {
color: #fff;
}
.resaco-cases-grid__breadcrumb-list {
display: contents;
list-style: none;
margin: 0;
padding: 0;
}
.resaco-cases-grid__breadcrumb-list li {
list-style: none;
margin: 0;
padding: 0;
}
.resaco-cases-grid__hero-grid {
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: 80px;
align-items: center;
}
.resaco-cases-grid__hero-title {
font-family: 'Stack Sans Notch', sans-serif;
font-size: clamp(48px, 6.8vw, 104px);
font-weight: 500;
letter-spacing: -0.045em;
line-height: 0.96;
margin: 22px 0 28px;
color: #fff;
text-wrap: balance;
}
.resaco-cases-grid__hero-lead {
font-size: 20px;
line-height: 1.5;
color: #B8C4C5;
margin: 0;
max-width: 56ch;
}
.resaco-cases-grid__hero-stats {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.resaco-cases-grid__hero-stat {
display: flex;
flex-direction: column;
gap: 8px;
padding: 20px 22px;
border: 1px solid rgba(255, 255, 255, 0.08);
background: #152626;
border-radius: 12px;
}
.resaco-cases-grid__hero-stat-value {
font-family: 'Stack Sans Notch', sans-serif;
font-size: 34px;
font-weight: 500;
color: #D1F459;
letter-spacing: -0.03em;
line-height: 1;
}
.resaco-cases-grid__hero-stat-label {
font-size: 12px;
color: #B8C4C5;
letter-spacing: 0.02em;
}
.resaco-cases-grid__featured {
padding: 40px 0 80px;
background: #0D1818;
}
.resaco-cases-grid__featured-link {
display: block;
text-decoration: none;
color: inherit;
}
.resaco-cases-grid__featured-card {
display: grid;
grid-template-columns: 1.2fr 1fr;
min-height: 440px;
border-radius: 16px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.08);
transition: border-color var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-cases-grid__featured-link:hover .resaco-cases-grid__featured-card,
.resaco-cases-grid__featured-link:focus-within .resaco-cases-grid__featured-card {
border-color: rgba(209, 244, 89, 0.35);
}
.resaco-cases-grid__featured-img {
position: relative;
overflow: hidden;
background-color: #152626;
background-image: linear-gradient(90deg, rgba(13,24,24,0.55) 0%, rgba(13,24,24,0.1) 100%);
display: flex;
align-items: flex-start;
padding: 32px;
}
.resaco-cases-grid__featured-img-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.resaco-cases-grid__featured-badge {
position: relative;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
background: #D1F459;
color: #0D1818;
border-radius: 999px;
font-family: 'Stack Sans Notch', sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: -0.005em;
}
.resaco-cases-grid__featured-badge-dot {
display: inline-block;
width: 6px;
height: 6px;
border-radius: 999px;
background: #0D1818;
flex-shrink: 0;
}
.resaco-cases-grid__featured-copy {
background: #152626;
padding: 40px 44px 36px;
display: flex;
flex-direction: column;
gap: 20px;
}
.resaco-cases-grid__featured-meta {
display: flex;
gap: 8px;
flex-wrap: wrap;
align-items: center;
}
.resaco-cases-grid__featured-client {
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #D1F459;
font-weight: 600;
}
.resaco-cases-grid__featured-sep {
color: #7F9092;
}
.resaco-cases-grid__featured-industry,
.resaco-cases-grid__featured-year {
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #7F9092;
font-weight: 600;
}
.resaco-cases-grid__featured-title {
font-family: 'Stack Sans Notch', sans-serif;
font-size: clamp(26px, 2.8vw, 36px);
font-weight: 500;
letter-spacing: -0.025em;
line-height: 1.1;
margin: 0;
color: #fff;
text-wrap: balance;
}
.resaco-cases-grid__featured-body {
font-size: 15px;
line-height: 1.6;
color: #B8C4C5;
margin: 0;
max-width: 52ch;
}
.resaco-cases-grid__featured-metrics {
display: flex;
gap: 32px;
margin-top: auto;
padding-top: 20px;
border-top: 1px dashed rgba(255, 255, 255, 0.12);
}
.resaco-cases-grid__featured-metric-value {
display: block;
font-family: 'Stack Sans Notch', sans-serif;
font-size: 28px;
font-weight: 500;
color: #D1F459;
letter-spacing: -0.03em;
line-height: 1;
}
.resaco-cases-grid__featured-metric-label {
display: block;
font-size: 11px;
color: #B8C4C5;
margin-top: 6px;
letter-spacing: 0.02em;
}
.resaco-cases-grid__featured-read {
display: flex;
align-items: center;
gap: 8px;
color: #D1F459;
font-family: 'Stack Sans Notch', sans-serif;
font-size: 14px;
font-weight: 600;
margin-top: 8px;
}
.resaco-cases-grid__filterbar {
background: #0D1818;
padding: 10px 0 28px;
position: sticky;
top: 0;
z-index: 20;
backdrop-filter: blur(12px);
}
.resaco-cases-grid__filterbar-inner {
display: grid;
grid-template-columns: 1fr auto;
gap: 24px;
align-items: center;
padding: 18px 22px;
background: #152626;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 14px;
}
.resaco-cases-grid__filterbar-left {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: center;
}
.resaco-cases-grid__filterbar-right {
display: flex;
gap: 14px;
align-items: center;
}
.resaco-cases-grid__chips {
display: flex;
gap: 6px;
flex-wrap: wrap;
}
.resaco-cases-grid__chip {
background: transparent;
color: #B8C4C5;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 999px;
padding: 7px 14px;
font-size: 12.5px;
font-weight: 600;
cursor: pointer;
font-family: inherit;
letter-spacing: -0.005em;
transition: background var(--wp--custom--duration--fast) var(--wp--custom--ease--out), color var(--wp--custom--duration--fast) var(--wp--custom--ease--out), border-color var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-cases-grid__chip:hover {
background: rgba(209, 244, 89, 0.08);
color: #fff;
border-color: #D1F459;
}
.resaco-cases-grid__chip.is-active {
background: #D1F459;
color: #0D1818;
border-color: #D1F459;
}
.resaco-cases-grid__filterbar-divider {
width: 1px;
height: 24px;
background: rgba(255, 255, 255, 0.1);
flex-shrink: 0;
}
.resaco-cases-grid__service-select {
appearance: none;
background: transparent;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 8px;
padding: 7px 12px;
font-size: 12.5px;
font-weight: 600;
cursor: pointer;
font-family: inherit;
}
.resaco-cases-grid__service-select option {
background: #152626;
}
.resaco-cases-grid__search-wrap {
position: relative;
}
.resaco-cases-grid__search-icon {
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
color: #7F9092;
font-size: 13px;
pointer-events: none;
}
.resaco-cases-grid__search {
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.12);
color: #fff;
border-radius: 999px;
padding: 8px 14px 8px 36px;
font-size: 13px;
font-family: inherit;
width: 220px;
outline: none;
transition: border-color var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-cases-grid__search::placeholder {
color: #7F9092;
}
.resaco-cases-grid__search:focus {
border-color: var(--wp--preset--color--signal-zest, #D1F459);
outline: none;
box-shadow: 0 0 0 3px rgba(209, 244, 89, 0.25);
}
.resaco-cases-grid__view-toggle {
display: flex;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 8px;
overflow: hidden;
}
.resaco-cases-grid__view-btn {
background: transparent;
color: #B8C4C5;
border: none;
width: 36px;
height: 32px;
cursor: pointer;
font-size: 14px;
transition: background var(--wp--custom--duration--fast) var(--wp--custom--ease--out), color var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
display: flex;
align-items: center;
justify-content: center;
}
.resaco-cases-grid__view-btn.is-active {
background: #D1F459;
color: #0D1818;
}
.resaco-cases-grid__count {
font-size: 12px;
color: #7F9092;
font-family: ui-monospace, monospace;
white-space: nowrap;
}
.resaco-cases-grid__grid-section {
background: #0D1818;
padding: 36px 0 100px;
}
.resaco-cases-grid__empty {
padding: 80px;
text-align: center;
background: #152626;
border-radius: 14px;
border: 1px dashed rgba(255, 255, 255, 0.12);
}
.resaco-cases-grid__empty-title {
font-family: 'Stack Sans Notch', sans-serif;
font-size: 24px;
font-weight: 500;
color: #fff;
margin-bottom: 10px;
letter-spacing: -0.02em;
}
.resaco-cases-grid__empty-sub {
font-size: 14px;
color: #B8C4C5;
margin: 0;
}
.resaco-cases-grid__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
list-style: none;
margin: 0;
padding: 0;
}
.resaco-cases-grid__card-wrap {
display: contents;
}
.resaco-cases-grid__card-article {
display: contents;
}
.resaco-cases-grid__card {
display: flex;
flex-direction: column;
background: #152626;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 14px;
overflow: hidden;
text-decoration: none;
color: inherit;
transition: transform var(--wp--custom--duration--med) var(--wp--custom--ease--out), border-color var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-cases-grid__card:hover,
.resaco-cases-grid__card:focus-within {
transform: translateY(-3px);
border-color: rgba(209, 244, 89, 0.35);
}
.resaco-cases-grid__card:hover .resaco-cases-grid__card-arrow,
.resaco-cases-grid__card:focus-within .resaco-cases-grid__card-arrow {
background: #D1F459;
color: #0D1818;
transform: rotate(-45deg);
}
.resaco-cases-grid__card-img {
aspect-ratio: 16 / 10;
background-color: #152626;
position: relative;
overflow: hidden;
}
.resaco-cases-grid__card-img-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.resaco-cases-grid__card-img-overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(13,24,24,0) 50%, rgba(13,24,24,0.8) 100%);
pointer-events: none;
}
.resaco-cases-grid__card-badges {
position: absolute;
top: 14px;
left: 14px;
display: flex;
gap: 6px;
}
.resaco-cases-grid__badge {
display: inline-block;
padding: 4px 10px;
border-radius: 999px;
font-family: 'Stack Sans Notch', sans-serif;
font-size: 10.5px;
font-weight: 600;
letter-spacing: 0.04em;
line-height: 1.6;
}
.resaco-cases-grid__badge--industry {
background: #D1F459;
color: #0D1818;
}
.resaco-cases-grid__badge--service {
background: rgba(13, 24, 24, 0.6);
color: #fff;
backdrop-filter: blur(6px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.resaco-cases-grid__card-arrow {
position: absolute;
top: 14px;
right: 14px;
width: 36px;
height: 36px;
border-radius: 999px;
background: rgba(13, 24, 24, 0.6);
color: #fff;
backdrop-filter: blur(8px);
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
transition: background var(--wp--custom--duration--med) var(--wp--custom--ease--out), color var(--wp--custom--duration--med) var(--wp--custom--ease--out), transform var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-cases-grid__card-client {
position: absolute;
bottom: 14px;
left: 14px;
color: #fff;
font-family: 'Stack Sans Notch', sans-serif;
font-weight: 600;
font-size: 13px;
letter-spacing: -0.01em;
}
.resaco-cases-grid__card-body {
padding: 22px 24px 24px;
display: flex;
flex-direction: column;
gap: 14px;
flex: 1;
}
.resaco-cases-grid__card-title {
font-family: 'Stack Sans Notch', sans-serif;
font-size: 19px;
font-weight: 500;
color: #fff;
letter-spacing: -0.02em;
line-height: 1.22;
margin: 0;
text-wrap: balance;
}
.resaco-cases-grid__card-excerpt {
font-size: 13.5px;
line-height: 1.55;
color: #B8C4C5;
margin: 0;
}
.resaco-cases-grid__card-footer {
display: flex;
gap: 22px;
align-items: flex-end;
margin-top: auto;
padding-top: 16px;
border-top: 1px dashed rgba(255, 255, 255, 0.1);
}
.resaco-cases-grid__card-metric-value {
display: block;
font-family: 'Stack Sans Notch', sans-serif;
font-size: 22px;
font-weight: 500;
color: #D1F459;
letter-spacing: -0.03em;
line-height: 1;
}
.resaco-cases-grid__card-metric-label {
display: block;
font-size: 10.5px;
color: #7F9092;
margin-top: 5px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.resaco-cases-grid__card-year {
margin-left: auto;
font-size: 11px;
color: #7F9092;
font-family: ui-monospace, monospace;
}
.resaco-cases-grid__row {
display: grid;
grid-template-columns: 220px 1fr auto auto;
gap: 32px;
align-items: center;
padding: 20px 24px;
background: #152626;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 14px;
text-decoration: none;
color: inherit;
transition: border-color var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-cases-grid__row:hover,
.resaco-cases-grid__row:focus-within {
border-color: rgba(209, 244, 89, 0.35);
}
.resaco-cases-grid__row-img {
aspect-ratio: 16 / 10;
background-size: cover;
background-position: center;
background-color: #223B3E;
border-radius: 8px;
}
.resaco-cases-grid__row-copy {
min-width: 0;
}
.resaco-cases-grid__row-meta {
display: flex;
gap: 10px;
margin-bottom: 8px;
align-items: center;
flex-wrap: wrap;
}
.resaco-cases-grid__row-client {
font-size: 11px;
color: #7F9092;
letter-spacing: 0.12em;
font-weight: 600;
}
.resaco-cases-grid__row-title {
font-family: 'Stack Sans Notch', sans-serif;
font-size: 18px;
font-weight: 500;
color: #fff;
letter-spacing: -0.015em;
line-height: 1.25;
margin: 0;
text-wrap: balance;
}
.resaco-cases-grid__row-metrics {
display: flex;
gap: 28px;
}
.resaco-cases-grid__row-metric-value {
display: block;
font-family: 'Stack Sans Notch', sans-serif;
font-size: 22px;
font-weight: 500;
color: #D1F459;
letter-spacing: -0.03em;
}
.resaco-cases-grid__row-metric-label {
display: block;
font-size: 10.5px;
color: #7F9092;
margin-top: 4px;
letter-spacing: 0.02em;
}
.resaco-cases-grid__row-arrow {
color: #D1F459;
font-size: 18px;
flex-shrink: 0;
}
.resaco-cases-grid__grid--list {
display: flex;
flex-direction: column;
gap: 12px;
}
.resaco-cases-grid__accent {
color: #D1F459;
font-style: italic;
}
.resaco-cases-grid__cta {
background: #E7E7DA;
color: #223B3E;
padding-block: var(--resaco-section-pad);
}
.resaco-cases-grid__cta-grid {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 56px;
align-items: center;
}
.resaco-cases-grid__cta-copy {
display: flex;
flex-direction: column;
}
.resaco-eyebrow--dark {
color: #223B3E;
}
.resaco-cases-grid__cta-title {
font-family: 'Stack Sans Notch', sans-serif;
font-size: clamp(36px, 4.4vw, 60px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.05;
margin: 16px 0 18px;
color: #223B3E;
text-wrap: balance;
}
.resaco-cases-grid__cta-lead {
font-size: 18px;
line-height: 1.55;
color: #4A6063;
margin: 0 0 28px;
max-width: 54ch;
}
.resaco-cases-grid__cta-buttons {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.resaco-btn--dark {
background: #0D1818;
color: #fff;
border-color: #0D1818;
}
.resaco-btn--dark:hover {
background: #223B3E;
border-color: #223B3E;
}
.resaco-btn--ghost-dark {
color: #223B3E;
border-color: rgba(34, 59, 62, 0.3);
}
.resaco-btn--ghost-dark:hover {
border-color: #223B3E;
background: rgba(34, 59, 62, 0.08);
}
.resaco-cases-grid__cta-stats {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.resaco-cases-grid__cta-stat {
display: flex;
flex-direction: column;
gap: 8px;
padding: 24px 22px;
background: #fff;
border-radius: 12px;
border: 1px solid rgba(34, 59, 62, 0.08);
}
.resaco-cases-grid__cta-stat-value {
font-family: 'Stack Sans Notch', sans-serif;
font-size: 34px;
font-weight: 500;
color: #223B3E;
letter-spacing: -0.035em;
line-height: 1;
}
.resaco-cases-grid__cta-stat-label {
font-size: 12px;
color: #4A6063;
letter-spacing: 0.02em;
}
@media (max-width: 1024px) {
.resaco-cases-grid__hero-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.resaco-cases-grid__hero-stats {
max-width: 480px;
}
.resaco-cases-grid__featured-card {
grid-template-columns: 1fr;
}
.resaco-cases-grid__featured-img {
min-height: 280px;
}
.resaco-cases-grid__grid {
grid-template-columns: repeat(2, 1fr);
}
.resaco-cases-grid__cta-grid {
grid-template-columns: 1fr;
gap: 40px;
}
}
@media (max-width: 768px) {
.resaco-cases-grid__hero {
padding: 80px 0 60px;
}
.resaco-cases-grid__filterbar-inner {
grid-template-columns: 1fr;
gap: 16px;
}
.resaco-cases-grid__filterbar-right {
flex-wrap: wrap;
gap: 10px;
}
.resaco-cases-grid__search {
width: 100%;
}
.resaco-cases-grid__grid {
grid-template-columns: 1fr;
}
.resaco-cases-grid__row {
grid-template-columns: 1fr;
}
.resaco-cases-grid__row-img {
display: none;
}
.resaco-cases-grid__row-metrics {
display: none;
}
.resaco-cases-grid__cta-stats {
grid-template-columns: repeat(2, 1fr);
}
}
.resaco-contact-cta {
background: #D1F459;
color: #0D1818;
padding-block: clamp(72px, 9vw, 110px);
position: relative;
overflow: hidden;
}
.resaco-contact-cta__datapala {
position: absolute;
top: -40px;
right: -40px;
width: 220px;
aspect-ratio: 1;
background: url(../../img/datapalat-05.svg) center / contain no-repeat;
filter: invert(1) brightness(0.18);
opacity: 0.08;
pointer-events: none;
}
.resaco-contact-cta__inner {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
position: relative;
z-index: 1;
}
.resaco-contact-cta__grid {
display: grid;
grid-template-columns: 1fr 1.05fr;
gap: clamp(40px, 5vw, 72px);
align-items: start;
}
.resaco-contact-cta__eyebrow {
color: #0D1818;
}
.resaco-contact-cta__eyebrow::before {
background: #0D1818;
}
.resaco-contact-cta__title {
font-family: 'Stack Sans Notch', sans-serif;
font-size: clamp(44px, 4.4vw, 76px);
font-weight: 500;
letter-spacing: -0.04em;
line-height: 0.99;
margin: 18px 0 24px;
color: #0D1818;
text-wrap: balance;
}
.resaco-contact-cta__body {
font-size: 17px;
line-height: 1.55;
margin: 0 0 32px;
max-width: 44ch;
color: rgba(13, 24, 24, 0.75);
}
.resaco-contact-cta__checks {
list-style: none;
margin: 0 0 36px;
padding: 0;
display: flex;
flex-direction: column;
gap: 14px;
}
.resaco-contact-cta__check {
display: flex;
gap: 12px;
align-items: center;
font-size: 15px;
font-weight: 600;
}
.resaco-contact-cta__check-mark {
width: 22px;
height: 22px;
border-radius: 999px;
background: #0D1818;
color: #D1F459;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
flex-shrink: 0;
}
.resaco-contact-cta__strategist {
display: flex;
gap: 14px;
align-items: center;
}
.resaco-contact-cta__strategist-photo {
width: 52px;
height: 52px;
border-radius: 999px;
object-fit: cover;
border: 2px solid rgba(13, 24, 24, 0.35);
flex-shrink: 0;
}
.resaco-contact-cta__strategist-info {
font-size: 13px;
line-height: 1.45;
color: rgba(13, 24, 24, 0.8);
margin: 0;
}
.resaco-contact-cta__strategist-info b {
color: #0D1818;
font-size: 14px;
}
.resaco-contact-cta__form-wrap {
box-shadow: 0 40px 90px rgba(13, 24, 24, 0.35);
border-radius: 20px;
}
.resaco-contact-cta__form {
background: #152626;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 32px;
color: #fff;
overflow: hidden;
}
.resaco-contact-cta__form-head {
margin-bottom: 26px;
}
.resaco-contact-cta__form-count {
font-family: ui-monospace, 'JetBrains Mono', monospace;
font-size: 11.5px;
color: #D1F459;
font-weight: 700;
letter-spacing: 0.12em;
margin-bottom: 8px;
}
.resaco-contact-cta__form-stepname {
font-family: 'Stack Sans Notch', sans-serif;
font-size: 22px;
font-weight: 500;
letter-spacing: -0.02em;
color: #fff;
line-height: 1.1;
}
.resaco-contact-cta__form-stepsub {
font-size: 12.5px;
color: #7F9092;
margin: 6px 0 14px;
}
.resaco-contact-cta__progress {
display: flex;
gap: 6px;
}
.resaco-contact-cta__progress-bar {
flex: 1;
height: 4px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.1);
transition: background var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-contact-cta__progress-bar.is-done {
background: #D1F459;
}
.resaco-contact-cta [hidden] {
display: none !important;
}
.resaco-contact-cta__hp {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
opacity: 0;
}
.resaco-contact-cta__step {
min-height: 240px;
}
.resaco-contact-cta__fields-2col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.resaco-contact-cta__field {
display: block;
margin-bottom: 2px;
}
.resaco-contact-cta__label {
display: flex;
justify-content: space-between;
align-items: baseline;
font-size: 13px;
font-weight: 600;
color: #E6EAEA;
letter-spacing: -0.005em;
margin-bottom: 8px;
}
.resaco-contact-cta__label em {
color: #D1F459;
font-style: normal;
}
.resaco-contact-cta__label small {
font-size: 11px;
color: #7F9092;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: 500;
}
.resaco-contact-cta__form input[type="text"],
.resaco-contact-cta__form input[type="email"],
.resaco-contact-cta__form input[type="tel"],
.resaco-contact-cta__form textarea {
width: 100%;
box-sizing: border-box;
font-family: inherit;
font-size: 15px;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.12);
color: #fff;
padding: 14px 16px;
border-radius: 12px;
outline: none;
transition:
border-color var(--wp--custom--duration--fast) var(--wp--custom--ease--out),
background var(--wp--custom--duration--fast) var(--wp--custom--ease--out),
box-shadow var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-contact-cta__form input:focus,
.resaco-contact-cta__form textarea:focus {
border-color: #D1F459;
background: rgba(255, 255, 255, 0.06);
box-shadow: 0 0 0 4px rgba(209, 244, 89, 0.14);
}
.resaco-contact-cta__form input.is-invalid {
border-color: #F2A6A6;
}
.resaco-contact-cta__form textarea {
resize: vertical;
line-height: 1.55;
}
.resaco-contact-cta__fieldset {
border: none;
margin: 0 0 18px;
padding: 0;
}
.resaco-contact-cta__fieldset legend {
padding: 0;
margin-bottom: 8px;
}
.resaco-contact-cta__budgets {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
}
.resaco-contact-cta__budget input,
.resaco-contact-cta__chip input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.resaco-contact-cta__budget span {
display: block;
background: rgba(255, 255, 255, 0.03);
color: #E6EAEA;
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 14px 10px;
border-radius: 12px;
font-size: 14px;
font-weight: 600;
text-align: center;
cursor: pointer;
transition:
background var(--wp--custom--duration--fast) var(--wp--custom--ease--out),
border-color var(--wp--custom--duration--fast) var(--wp--custom--ease--out),
color var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-contact-cta__budget input:checked + span {
background: rgba(209, 244, 89, 0.1);
color: #D1F459;
border-color: #D1F459;
}
.resaco-contact-cta__budget input:focus-visible + span {
box-shadow: 0 0 0 4px rgba(209, 244, 89, 0.14);
}
.resaco-contact-cta__chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.resaco-contact-cta__chip span {
display: inline-block;
background: rgba(255, 255, 255, 0.03);
color: #E6EAEA;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 999px;
padding: 10px 18px;
font-size: 13.5px;
font-weight: 600;
cursor: pointer;
transition:
background var(--wp--custom--duration--fast) var(--wp--custom--ease--out),
border-color var(--wp--custom--duration--fast) var(--wp--custom--ease--out),
color var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-contact-cta__chip input:checked + span {
background: #D1F459;
color: #223B3E;
border-color: #D1F459;
}
.resaco-contact-cta__chip input:focus-visible + span {
box-shadow: 0 0 0 4px rgba(209, 244, 89, 0.14);
}
.resaco-contact-cta__hint {
font-size: 12px;
color: #7F9092;
margin: 8px 0 0;
}
.resaco-contact-cta__consent {
display: flex;
gap: 12px;
cursor: pointer;
padding: 4px 0 8px;
align-items: flex-start;
}
.resaco-contact-cta__consent input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.resaco-contact-cta__consent-box {
width: 20px;
height: 20px;
border-radius: 5px;
border: 1.5px solid rgba(255, 255, 255, 0.28);
flex-shrink: 0;
margin-top: 2px;
position: relative;
transition:
background var(--wp--custom--duration--fast) var(--wp--custom--ease--out),
border-color var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-contact-cta__consent input:checked + .resaco-contact-cta__consent-box {
background: #D1F459;
border-color: #D1F459;
}
.resaco-contact-cta__consent input:checked + .resaco-contact-cta__consent-box::after {
content: '✓';
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
color: #223B3E;
font-size: 12px;
font-weight: 700;
}
.resaco-contact-cta__consent input:focus-visible + .resaco-contact-cta__consent-box {
box-shadow: 0 0 0 4px rgba(209, 244, 89, 0.14);
}
.resaco-contact-cta__consent-text {
font-size: 13.5px;
color: #E6EAEA;
font-weight: 500;
line-height: 1.45;
}
.resaco-contact-cta__consent-text small {
display: block;
font-size: 12px;
color: #7F9092;
margin-top: 2px;
font-weight: 400;
}
.resaco-contact-cta__error {
font-size: 12.5px;
color: #F2A6A6;
margin: 12px 0 0;
}
.resaco-contact-cta__form-foot {
border-top: 1px solid rgba(255, 255, 255, 0.08);
padding-top: 18px;
margin-top: 16px;
display: flex;
gap: 16px;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.resaco-contact-cta__back {
background: transparent;
border: none;
color: #B8C4C5;
font-size: 14px;
font-weight: 600;
cursor: pointer;
font-family: inherit;
padding: 8px 4px;
}
.resaco-contact-cta__foot-note {
font-size: 12px;
color: #7F9092;
}
.resaco-contact-cta__success {
padding: 12px 0 20px;
}
.resaco-contact-cta__success-mark {
width: 48px;
height: 48px;
border-radius: 999px;
background: #D1F459;
color: #0D1818;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 20px;
margin-bottom: 16px;
}
.resaco-contact-cta__success-title {
font-family: 'Stack Sans Notch', sans-serif;
font-size: 32px;
font-weight: 500;
letter-spacing: -0.025em;
color: #fff;
margin: 0 0 10px;
}
.resaco-contact-cta__success-body {
color: #B8C4C5;
font-size: 15px;
margin: 0;
line-height: 1.55;
}
.resaco-contact-cta__success-body span {
color: #D1F459;
font-weight: 600;
}
@media (max-width: 1024px) {
.resaco-contact-cta__grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.resaco-contact-cta__fields-2col {
grid-template-columns: 1fr;
}
.resaco-contact-cta__budgets {
grid-template-columns: repeat(2, 1fr);
}
.resaco-contact-cta__form {
padding: 24px 20px;
}
}
.resaco-contact { background: var(--wp--preset--color--ink-900); color: #fff; margin: 0; }
.resaco-contact__inner { max-width: var(--wp--style--global--content-size, 1240px); margin-inline: auto; padding-inline: clamp(20px, 5vw, 40px); box-sizing: border-box; }
.resaco-contact__inner--wide { max-width: var(--wp--style--global--wide-size, 1360px); }
.resaco-contact .resaco-eyebrow { color: var(--wp--preset--color--signal-zest); }
.resaco-contact__accent { color: var(--wp--preset--color--signal-zest); font-style: italic; }
.resaco-contact__hero { --resaco-glow: rgba(209, 244, 89, 0.11); position: relative; overflow: hidden; padding-block: clamp(64px, 8vw, 96px) clamp(48px, 6vw, 72px); scroll-margin-top: 100px; }
.resaco-contact__deco { position: absolute; z-index: 0; pointer-events: none; }
.resaco-contact__deco--a { top: -80px; right: -100px; width: 360px; aspect-ratio: 1; opacity: 0.9; background: var(--wp--preset--color--signal-zest); -webkit-mask: url(../../img/datapalat-05.svg) center/contain no-repeat; mask: url(../../img/datapalat-05.svg) center/contain no-repeat; }
.resaco-contact__hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(40px, 5vw, 72px); align-items: end; }
.resaco-contact__hero-meta { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; }
.resaco-contact__hero-sep { width: 1px; height: 14px; background: rgba(255,255,255,0.12); }
.resaco-contact__hero-reply { font-size: 12px; color: #7F9092; }
.resaco-contact__hero-reply b { color: #fff; }
.resaco-contact__reply-dot { color: var(--wp--preset--color--signal-zest); font-weight: 600; }
.resaco-contact__hero-title { font-family: var(--wp--preset--font-family--display); font-size: clamp(48px, 7vw, 104px); font-weight: 500; letter-spacing: -0.045em; line-height: 0.95; margin: 0 0 28px; color: #fff; text-wrap: balance; }
.resaco-contact__hero-lead { font-size: 19px; line-height: 1.55; color: var(--wp--preset--color--fg-muted); max-width: 52ch; margin: 0 0 36px; }
.resaco-contact__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; max-width: 640px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,0.08); }
.resaco-contact__stat-v { display: block; font-family: var(--wp--preset--font-family--display); font-size: 44px; font-weight: 500; letter-spacing: -0.035em; color: var(--wp--preset--color--signal-zest); line-height: 1; }
.resaco-contact__stat-l { display: block; font-size: 12px; color: #7F9092; margin-top: 8px; letter-spacing: -0.005em; }
.resaco-contact__triage { background: var(--wp--preset--color--ink-800); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; overflow: hidden; }
.resaco-contact__triage-head { padding: 18px 22px; border-bottom: 1px solid rgba(255,255,255,0.08); font-size: 11.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--signal-zest); font-weight: 700; }
.resaco-contact__triage-grid { display: grid; grid-template-columns: repeat(2, 1fr); }
.resaco-contact__triage-opt { display: block; text-align: left; cursor: pointer; font-family: inherit; background: transparent; border: none; border-right: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06); padding: 18px 20px; color: #fff; transition: background var(--wp--custom--duration--fast) var(--wp--custom--ease--out); }
.resaco-contact__triage-opt:nth-child(2n) { border-right: none; }
.resaco-contact__triage-opt.is-active { background: rgba(209,244,89,0.08); }
.resaco-contact__triage-top { display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px; }
.resaco-contact__triage-k { font-size: 10.5px; color: #7F9092; font-weight: 700; letter-spacing: 0.12em; font-family: ui-monospace, monospace; }
.resaco-contact__triage-opt.is-active .resaco-contact__triage-k { color: var(--wp--preset--color--signal-zest); }
.resaco-contact__triage-pill { font-size: 9.5px; padding: 2px 7px; letter-spacing: 0.08em; border-radius: 999px; background: rgba(209,244,89,0.14); border: 1px solid rgba(209,244,89,0.35); color: var(--wp--preset--color--signal-zest); font-weight: 700; }
.resaco-contact__triage-title { display: block; font-family: var(--wp--preset--font-family--display); font-size: 15px; font-weight: 600; letter-spacing: -0.01em; color: #fff; margin-bottom: 2px; }
.resaco-contact__triage-opt.is-active .resaco-contact__triage-title { color: var(--wp--preset--color--signal-zest); }
.resaco-contact__triage-desc { display: block; font-size: 12px; color: #7F9092; line-height: 1.4; }
.resaco-contact__triage-detail { padding: 22px; display: none; gap: 16px; align-items: center; }
.resaco-contact__triage-detail.is-active { display: flex; }
.resaco-contact__triage-avatar { width: 64px; height: 64px; flex-shrink: 0; border-radius: 999px; background: rgba(209,244,89,0.12); color: var(--wp--preset--color--signal-zest); display: inline-flex; align-items: center; justify-content: center; font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: 18px; border: 2px solid rgba(209,244,89,0.4); background-size: cover; background-position: center top; }
.resaco-contact__triage-name { font-family: var(--wp--preset--font-family--display); font-size: 18px; font-weight: 500; color: #fff; letter-spacing: -0.015em; }
.resaco-contact__triage-role { font-size: 12.5px; color: var(--wp--preset--color--fg-muted); margin-bottom: 10px; }
.resaco-contact__triage-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.resaco-contact__triage-email { font-size: 12px; font-weight: 600; color: var(--wp--preset--color--ink-900); background: var(--wp--preset--color--signal-zest); padding: 7px 14px; border-radius: 999px; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.resaco-contact__triage-phone { font-size: 12px; font-weight: 600; color: #E6EAEA; background: transparent; border: 1px solid rgba(255,255,255,0.18); padding: 6px 13px; border-radius: 999px; text-decoration: none; }
.resaco-contact__remote { padding-block: clamp(56px, 7vw, 100px); background: #0A1414; border-top: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06); }
.resaco-contact__remote-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 56px; align-items: center; }
.resaco-contact__remote-title { font-family: var(--wp--preset--font-family--display); font-size: clamp(32px, 3.6vw, 52px); font-weight: 500; letter-spacing: -0.03em; line-height: 1.04; margin: 18px 0; color: #fff; text-wrap: balance; }
.resaco-contact__remote-lead { font-size: 15px; color: var(--wp--preset--color--fg-muted); line-height: 1.6; margin: 0; max-width: 44ch; }
.resaco-contact__remote-locs { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.resaco-contact__loc { display: flex; align-items: center; gap: 10px; padding: 11px 14px; background: var(--wp--preset--color--ink-800); border: 1px solid rgba(255,255,255,0.06); border-radius: 10px; }
.resaco-contact__loc-dot { width: 6px; height: 6px; background: var(--wp--preset--color--signal-zest); border-radius: 999px; flex-shrink: 0; }
.resaco-contact__loc-city { flex: 1; min-width: 0; font-size: 13px; color: #fff; font-weight: 500; letter-spacing: -0.005em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.resaco-contact__loc-meta { font-size: 10px; font-family: ui-monospace, monospace; color: #7F9092; letter-spacing: 0.08em; }
.resaco-contact__legal { padding-block: clamp(56px, 7vw, 80px) clamp(72px, 9vw, 120px); }
.resaco-contact__legal-card { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding: 36px; background: var(--wp--preset--color--ink-800); border: 1px solid rgba(255,255,255,0.08); border-radius: 20px; }
.resaco-contact__legal-h { font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wp--preset--color--signal-zest); font-weight: 700; margin-bottom: 12px; }
.resaco-contact__legal-b { font-size: 13.5px; color: #fff; line-height: 1.55; }
.resaco-contact__legal-b a { color: #fff; text-decoration: none; }
.resaco-contact__legal-muted { color: var(--wp--preset--color--fg-muted); }
.resaco-contact__legal-id { font-family: ui-monospace, monospace; font-size: 16px; color: var(--wp--preset--color--signal-zest); }
.resaco-contact__legal-sub { color: #7F9092; font-size: 12px; }
.resaco-contact__legal-zest { color: var(--wp--preset--color--signal-zest) !important; }
.resaco-contact__hero-grid { align-items: start; }
.resaco-contact__formcard {
background: var(--wp--preset--color--white, #fff);
border: 1px solid rgba(34, 59, 62, 0.1);
border-radius: 20px;
padding: clamp(24px, 3vw, 34px);
box-shadow: 0 8px 32px rgba(13,24,24,0.14);
}
.resaco-contact__form-head { margin-bottom: 22px; }
.resaco-contact__form-eyebrow {
display: inline-flex; align-items: center; gap: 8px;
font-family: var(--wp--preset--font-family--display);
font-size: 12px; font-weight: 600; letter-spacing: 0.02em;
color: var(--wp--preset--color--deep-data-green, #223B3E);
}
.resaco-contact__form-sub {
margin: 10px 0 0; font-size: 14px; line-height: 1.5;
color: var(--wp--preset--color--ink-600, #2E4A4D);
}
.resaco-contact__form-placeholder {
padding: 22px; border: 1px dashed rgba(34, 59, 62, 0.18);
border-radius: 12px; color: var(--wp--preset--color--ink-400, #6B8082); font-size: 13px;
}
.resaco-contact__gform .gform_wrapper {
--gf-ctrl-bg-color: var(--wp--preset--color--metric-grey, #F8F9F7);
--gf-ctrl-bg-color-focus: #fff;
--gf-ctrl-border-color: rgba(34, 59, 62, 0.16);
--gf-ctrl-color: var(--wp--preset--color--deep-data-green, #223B3E);
--gf-ctrl-label-color-primary: var(--wp--preset--color--deep-data-green, #223B3E);
--gf-ctrl-label-color-secondary: var(--wp--preset--color--ink-600, #2E4A4D);
}
.resaco-contact__gform .gform_wrapper .gfield_label,
.resaco-contact__gform .gform_wrapper .gform-field-label {
color: var(--wp--preset--color--deep-data-green, #223B3E);
}
.resaco-contact__gform .gform_wrapper .gfield_required {
color: var(--wp--preset--color--ink-600, #2E4A4D);
}
.resaco-contact__gform .gform_wrapper .gfield_description,
.resaco-contact__gform .gform_wrapper .gform_fileupload_rules {
color: var(--wp--preset--color--ink-600, #2E4A4D);
}
.resaco-contact__gform .gform_wrapper .ginput_container input[type="text"],
.resaco-contact__gform .gform_wrapper .ginput_container input[type="email"],
.resaco-contact__gform .gform_wrapper .ginput_container input[type="tel"],
.resaco-contact__gform .gform_wrapper .ginput_container input[type="url"],
.resaco-contact__gform .gform_wrapper .ginput_container input[type="number"],
.resaco-contact__gform .gform_wrapper .ginput_container select,
.resaco-contact__gform .gform_wrapper .ginput_container textarea,
.resaco-contact__gform .gform_wrapper textarea.textarea {
background: var(--wp--preset--color--metric-grey, #F8F9F7) !important;
border: 1px solid rgba(34, 59, 62, 0.16) !important;
color: var(--wp--preset--color--deep-data-green, #223B3E) !important;
}
.resaco-contact__gform .gform_wrapper .ginput_container input::placeholder,
.resaco-contact__gform .gform_wrapper .ginput_container textarea::placeholder {
color: var(--wp--preset--color--ink-400, #6B8082); opacity: 1;
}
.resaco-contact__gform .gform_wrapper .ginput_container input:focus,
.resaco-contact__gform .gform_wrapper .ginput_container select:focus,
.resaco-contact__gform .gform_wrapper .ginput_container textarea:focus,
.resaco-contact__gform .gform_wrapper textarea.textarea:focus {
background: #fff !important;
box-shadow: 0 0 0 3px rgba(34, 59, 62, 0.12), 0 0 0 1.5px var(--wp--preset--color--signal-zest, #D1F459) inset !important;
}
.resaco-contact__gform .gform_wrapper .gfield_radio .gchoice label,
.resaco-contact__gform .gform_wrapper .gfield_checkbox .gchoice:not(:only-child) label {
background: var(--wp--preset--color--metric-grey, #F8F9F7);
border: 1px solid rgba(34, 59, 62, 0.16);
color: var(--wp--preset--color--ink-600, #2E4A4D);
}
.resaco-contact__gform .gform_wrapper .gfield_radio .gchoice label:hover,
.resaco-contact__gform .gform_wrapper .gfield_checkbox .gchoice:not(:only-child) label:hover {
border-color: rgba(34, 59, 62, 0.4);
color: var(--wp--preset--color--deep-data-green, #223B3E);
}
.resaco-contact__gform .gform_wrapper .gfield_checkbox .gchoice:not(:only-child) .gfield-choice-input:checked + label {
background: rgba(209, 244, 89, 0.28);
border-color: var(--wp--preset--color--signal-zest, #D1F459);
color: var(--wp--preset--color--deep-data-green, #223B3E);
}
.resaco-contact__gform .gform_wrapper .gfield_checkbox .gchoice:only-child .gfield-choice-input,
.resaco-contact__gform .gform_wrapper .ginput_container_consent input[type="checkbox"] {
border: 1px solid rgba(34, 59, 62, 0.3);
background: var(--wp--preset--color--metric-grey, #F8F9F7);
}
.resaco-contact__gform .gform_wrapper .gfield_checkbox .gchoice:only-child label {
color: var(--wp--preset--color--ink-600, #2E4A4D);
}
.resaco-contact__gform .gform_wrapper .gfield_error .ginput_container input,
.resaco-contact__gform .gform_wrapper .gfield_error .ginput_container textarea {
border-color: #C0392B !important;
background: rgba(192, 57, 43, 0.05) !important;
}
.resaco-contact__gform .gform_wrapper .gfield_validation_message,
.resaco-contact__gform .gform_wrapper .validation_message {
color: #C0392B !important;
}
.resaco-contact__gform .gform_wrapper .gform_validation_errors {
background: rgba(192, 57, 43, 0.06) !important;
border: 1px solid rgba(192, 57, 43, 0.3) !important;
}
.resaco-contact__gform .gform_wrapper .gform_validation_errors .gform_submission_error,
.resaco-contact__gform .gform_wrapper .gform_validation_errors h2 { color: #C0392B !important; }
.resaco-contact__gform .gform_confirmation_message {
color: var(--wp--preset--color--deep-data-green, #223B3E);
background: var(--wp--preset--color--metric-grey, #F8F9F7);
border: 1px solid rgba(209, 244, 89, 0.5);
}
@media (max-width: 980px) {
.resaco-contact__hero-grid { grid-template-columns: 1fr; }
.resaco-contact__remote-grid { grid-template-columns: 1fr; gap: 32px; }
.resaco-contact__legal-card { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
.resaco-contact__stats { grid-template-columns: 1fr 1fr; }
.resaco-contact__triage-grid { grid-template-columns: 1fr; }
.resaco-contact__triage-opt:nth-child(2n) { border-right: none; }
.resaco-contact__legal-card { grid-template-columns: 1fr; }
}
.resaco-cta-panel {
width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
padding-block: clamp(40px, 5vw, 56px); padding-inline: clamp(16px, 4vw, 32px);
}
.resaco-cta-panel__card {
position: relative; overflow: hidden;
max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto;
background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900);
border-radius: var(--wp--custom--radius--lg); padding: clamp(40px, 5vw, 72px) clamp(28px, 4vw, 56px);
box-sizing: border-box;
}
.resaco-cta-panel__datapalat {
position: absolute; top: 40px; right: 40px; width: 180px; aspect-ratio: 1; opacity: 0.14; pointer-events: none; z-index: 0;
background: var(--wp--preset--color--deep-data-green);
-webkit-mask: url(../../img/datapalat-05.svg) center/contain no-repeat; mask: url(../../img/datapalat-05.svg) center/contain no-repeat;
}
.resaco-cta-panel__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center; }
.resaco-cta-panel__eyebrow {
display: inline-flex; align-items: center; gap: 8px; margin: 0 0 18px;
font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wp--preset--color--deep-data-green); font-weight: 600;
}
.resaco-cta-panel__eyebrow::before { content: ""; width: 6px; height: 6px; background: var(--wp--preset--color--deep-data-green); display: inline-block; }
.resaco-cta-panel__title {
font-family: var(--wp--preset--font-family--display); font-size: clamp(40px, 5vw, 72px);
font-weight: 600; letter-spacing: -0.035em; line-height: 1; margin: 0 0 20px; color: var(--wp--preset--color--ink-900); max-width: 14ch;
}
.resaco-cta-panel__body { font-size: 17px; line-height: 1.5; color: var(--wp--preset--color--deep-data-green); margin: 0; max-width: 42ch; }
.resaco-cta-panel__actions { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.resaco-cta-panel__actions .wp-block-buttons { display: flex !important; flex-direction: column !important; gap: 14px !important; width: 100%; max-width: 320px; }
.resaco-cta-panel__actions .wp-block-button { width: 100%; margin: 0; }
.resaco-cta-panel__actions .wp-block-button__link { width: 100%; text-align: center; border-radius: var(--wp--custom--radius--pill); padding: 16px 24px; font-weight: 600; font-size: 15px; }
.resaco-cta-panel__primary .wp-block-button__link { background: var(--wp--preset--color--deep-data-green); color: var(--wp--preset--color--white); }
.resaco-cta-panel__primary .wp-block-button__link:hover { background: #1a2e30; }
.resaco-cta-panel__ghost .wp-block-button__link { background: transparent; color: var(--wp--preset--color--ink-900); border: 1px solid rgba(13, 24, 24, 0.25); }
.resaco-cta-panel__ghost .wp-block-button__link:hover { background: rgba(13, 24, 24, 0.06); }
.resaco-cta-panel__note { font-size: 12px; color: var(--wp--preset--color--deep-data-green); margin: 6px 0 0; opacity: 0.75; }
@media (max-width: 900px) { .resaco-cta-panel__grid { grid-template-columns: 1fr; gap: 32px; } }
.resaco-cta-panel-dark { background: var(--wp--preset--color--ink-900); padding-block: 0 clamp(64px, 9vw, 120px); }
.resaco-cta-panel-dark.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-cta-panel-dark__inner { max-width: var(--resaco-shell-w, 1360px); margin-inline: auto; padding-inline: clamp(20px, 5vw, 40px); box-sizing: border-box; }
.resaco-cta-panel-dark__card {
background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900);
border-radius: 22px; padding: clamp(44px, 6vw, 72px) clamp(32px, 5vw, 56px);
position: relative; overflow: hidden;
}
.resaco-cta-panel-dark__grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: clamp(32px, 4vw, 48px); align-items: center; position: relative; }
.resaco-cta-panel-dark__flag { font-size: 11.5px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 600; color: var(--wp--preset--color--deep-data-green); margin: 0 0 18px; display: inline-flex; align-items: center; gap: 10px; }
.resaco-cta-panel-dark__dot { width: 8px; height: 8px; background: var(--wp--preset--color--deep-data-green); border-radius: 999px; animation: resaco-pcta-pulse 1.8s infinite; }
@keyframes resaco-pcta-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.35; transform: scale(0.7); } }
.resaco-cta-panel-dark__title { font-family: var(--wp--preset--font-family--display); font-size: clamp(40px, 5.2vw, 72px); font-weight: 500; letter-spacing: -0.035em; line-height: 0.98; margin: 0 0 22px; color: var(--wp--preset--color--ink-900); text-wrap: balance; }
.resaco-cta-panel-dark__em { font-style: italic; }
.resaco-cta-panel-dark__lead { font-size: 17px; line-height: 1.55; color: var(--wp--preset--color--deep-data-green); margin: 0; max-width: 48ch; }
.resaco-cta-panel-dark__actions { display: flex; flex-direction: column; gap: 14px; align-items: stretch; }
.resaco-cta-panel-dark__btn { justify-content: center; }
.resaco-cta-panel-dark__btn--email { color: var(--wp--preset--color--ink-900); border: 1px solid rgba(13,24,24,0.25); }
.resaco-cta-panel-dark__btn--email:hover { background: rgba(13,24,24,0.06); border-color: rgba(13,24,24,0.45); }
.resaco-cta-panel-dark__btn--email .resaco-btn__arrow { background: var(--wp--preset--color--ink-900); color: var(--wp--preset--color--signal-zest); }
.resaco-cta-panel-dark__note { font-size: 12px; color: var(--wp--preset--color--deep-data-green); opacity: 0.8; margin: 4px 0 0; }
@media (prefers-reduced-motion: reduce) {
.resaco-cta-panel-dark__dot { animation: none; }
}
@media (max-width: 860px) {
.resaco-cta-panel-dark__grid { grid-template-columns: 1fr; gap: 32px; }
}
.resaco-dashboard-mock-wrap {
width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
padding-inline: clamp(16px, 4vw, 32px);
}
.resaco-dashboard-mock {
max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto;
background: #F8F9F7; color: var(--wp--preset--color--deep-data-green);
padding: clamp(32px, 5vw, 56px) clamp(24px, 4vw, 48px); border-radius: var(--wp--custom--radius--lg, 16px);
box-sizing: border-box;
}
.resaco-dashboard-mock__head { max-width: 620px; margin-bottom: 36px; }
.resaco-dashboard-mock .resaco-eyebrow { color: var(--wp--preset--color--deep-data-green); margin: 0 0 14px; }
.resaco-dashboard-mock__title {
font-family: var(--wp--preset--font-family--display); font-size: clamp(28px, 3.6vw, 40px);
font-weight: 600; letter-spacing: -0.02em; line-height: 1.1; margin: 0 0 14px; color: var(--wp--preset--color--deep-data-green);
}
.resaco-dashboard-mock__sub { font-size: 16px; color: #4A6063; line-height: 1.55; margin: 0; }
.resaco-dashboard-mock__frame { position: relative; border-radius: 24px; padding: 3px; background: var(--wp--preset--color--signal-zest); }
.resaco-dashboard-mock__corner { position: absolute; top: -14px; right: -14px; width: 56px; height: 56px; z-index: 2; }
.resaco-dashboard-mock__corner span { position: absolute; background: var(--wp--preset--color--signal-zest); }
.resaco-dashboard-mock__corner span:nth-child(1) { top: 0; right: 0; width: 24px; height: 24px; }
.resaco-dashboard-mock__corner span:nth-child(2) { top: 24px; right: 0; width: 16px; height: 16px; }
.resaco-dashboard-mock__corner span:nth-child(3) { top: 0; right: 24px; width: 16px; height: 16px; }
.resaco-dashboard-mock__screen { background: var(--wp--preset--color--ink-900); border-radius: 21px; padding: clamp(18px, 3vw, 28px); color: #fff; }
.resaco-dashboard-mock__bar {
display: flex; gap: 20px; align-items: center; flex-wrap: wrap;
padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.08); margin-bottom: 24px;
}
.resaco-dashboard-mock__brand { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--signal-zest); font-weight: 600; }
.resaco-dashboard-mock__tab { font-size: 13px; color: #7F9092; }
.resaco-dashboard-mock__tab--active { color: #fff; font-weight: 600; }
.resaco-dashboard-mock__spacer { flex: 1; }
.resaco-dashboard-mock__wk { font-size: 11px; color: #7F9092; font-family: ui-monospace, monospace; }
.resaco-dashboard-mock__kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px; }
.resaco-dashboard-mock__kpi { background: var(--wp--preset--color--ink-800); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 14px; }
.resaco-dashboard-mock__kpi-lbl { font-size: 11.5px; color: #7F9092; margin-bottom: 8px; }
.resaco-dashboard-mock__kpi-val { font-family: var(--wp--preset--font-family--display); font-size: 24px; font-weight: 600; letter-spacing: -0.02em; margin-bottom: 4px; }
.resaco-dashboard-mock__kpi-d { font-size: 12px; color: var(--wp--preset--color--signal-zest); font-family: ui-monospace, monospace; }
.resaco-dashboard-mock__chart { background: var(--wp--preset--color--ink-800); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 20px; }
.resaco-dashboard-mock__legend { font-size: 11.5px; color: #7F9092; margin-bottom: 14px; display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.resaco-dashboard-mock__legend span { display: inline-flex; align-items: center; gap: 6px; }
.resaco-dashboard-mock__swatch { width: 10px; height: 2px; display: inline-block; }
.resaco-dashboard-mock__swatch--direct { background: var(--wp--preset--color--signal-zest); }
.resaco-dashboard-mock__swatch--ota { background: #7F9092; }
.resaco-dashboard-mock__chart svg { width: 100%; height: 150px; display: block; }
@media (max-width: 720px) {
.resaco-dashboard-mock__kpis { grid-template-columns: repeat(2, 1fr); }
.resaco-dashboard-mock__bar { gap: 12px; }
}
.resaco-dashed-stats {
position: relative;
overflow: hidden;
padding-block: clamp(40px, 5vw, 64px);
}
.resaco-dashed-stats.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-inline: 0;
}
.resaco-dashed-stats__inner {
max-width: var(--resaco-shell-w, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-dashed-stats__card {
background: var(--wp--preset--color--ink-800);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: var(--wp--custom--radius--lg);
padding: clamp(28px, 4vw, 40px) clamp(20px, 3vw, 32px);
}
.resaco-dashed-stats__row {
list-style: none;
margin: 0;
padding: 0;
grid-template-columns: repeat(5, 1fr);
gap: 0;
padding-block: var(--wp--preset--spacing--40);
border-top: 1px dashed rgba(255, 255, 255, 0.12);
border-bottom: 1px dashed rgba(255, 255, 255, 0.12);
}
.resaco-dashed-stats__stat {
padding-inline: clamp(14px, 1.6vw, 20px);
border-left: 1px dashed rgba(255, 255, 255, 0.15);
}
.resaco-dashed-stats__stat:first-child {
padding-left: 0;
border-left: none;
}
.resaco-dashed-stats__num {
margin: 0;
font-family: var(--wp--preset--font-family--display);
font-size: clamp(26px, 2.6vw, 42px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1;
color: var(--wp--preset--color--signal-zest);
}
.resaco-dashed-stats__label {
margin: 10px 0 0;
font-size: 11.5px;
letter-spacing: 0.04em;
color: var(--wp--preset--color--fg-muted);
}
@media (max-width: 781px) {
.resaco-dashed-stats__row { grid-template-columns: repeat(2, 1fr); row-gap: var(--wp--preset--spacing--50); }
.resaco-dashed-stats__stat:nth-child(odd) { padding-left: 0; border-left: none; }
}
@media (max-width: 480px) {
.resaco-dashed-stats__row { grid-template-columns: 1fr; }
.resaco-dashed-stats__stat,
.resaco-dashed-stats__stat:first-child { padding-left: 0; border-left: none; }
}
.resaco-dashed-stats__stat:nth-child(3n+2) .resaco-dashed-stats__num { color: var(--wp--preset--color--insight-blue); }
.resaco-dashed-stats__stat:nth-child(3n)   .resaco-dashed-stats__num { color: var(--wp--preset--color--conversion-lavender); }
.resaco-feature-grid { background: var(--wp--preset--color--ink-800); }
.resaco-feature-grid.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-feature-grid__inner {
max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px); padding-block: clamp(72px, 11vw, 140px); box-sizing: border-box;
}
.resaco-feature-grid__head { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 32px; margin-bottom: 64px; }
.resaco-feature-grid__head-text { max-width: 640px; }
.resaco-feature-grid__title {
font-family: var(--wp--preset--font-family--display); font-size: clamp(40px, 5vw, 72px);
font-weight: 500; letter-spacing: -0.035em; line-height: 1.02; margin: 20px 0 0; text-wrap: balance; color: var(--wp--preset--color--white);
}
.resaco-feature-grid__title mark { background: transparent; color: var(--wp--preset--color--signal-zest); font-style: italic; }
.resaco-feature-grid__cta { margin-bottom: 6px; }
.resaco-feature-grid__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; list-style: none; margin: 0; padding: 0; }
@media (min-width: 1080px) {
.resaco-feature-grid__grid:has(> :nth-child(3):last-child) {
grid-template-columns: repeat(3, 1fr);
}
}
.resaco-feature-grid__card {
position: relative;
display: flex; flex-direction: column;
background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(255, 255, 255, 0.10);
border-radius: var(--wp--custom--radius--xl); padding: 32px 32px 28px; min-height: 320px;
transition: background var(--wp--custom--duration--med) var(--wp--custom--ease--out),
border-color var(--wp--custom--duration--med) var(--wp--custom--ease--out),
transform var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-feature-grid__card:hover,
.resaco-feature-grid__card:focus-within {
background: var(--wp--preset--color--deep-data-green);
border-color: rgba(209, 244, 89, 0.3);
transform: translateY(-3px);
}
.resaco-feature-grid__card-link { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.resaco-feature-grid__card-link:focus-visible { outline: none; }
.resaco-feature-grid__card:has(.resaco-feature-grid__card-link:focus-visible) { outline: 2px solid var(--wp--preset--color--signal-zest); outline-offset: 3px; }
.editor-styles-wrapper .resaco-feature-grid__card-link { pointer-events: none; }
.resaco-feature-grid__card-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 16px; }
.resaco-feature-grid__arrow {
width: 40px; height: 40px; border-radius: 999px; background: rgba(255, 255, 255, 0.06); color: var(--wp--preset--color--white);
display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0;
transition: background var(--wp--custom--duration--med) var(--wp--custom--ease--out),
color var(--wp--custom--duration--med) var(--wp--custom--ease--out),
transform var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-feature-grid__card:hover .resaco-feature-grid__arrow,
.resaco-feature-grid__card:focus-within .resaco-feature-grid__arrow { background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900); transform: rotate(-45deg); }
.resaco-feature-grid__card-title { font-family: var(--wp--preset--font-family--display); font-size: clamp(24px, 2.4vw, 30px); font-weight: 500; letter-spacing: -0.025em; line-height: 1.05; margin: 0; color: var(--wp--preset--color--white); }
.resaco-feature-grid__copy { font-size: 15.5px; line-height: 1.55; color: var(--wp--preset--color--fg-muted); margin: 0 0 24px; max-width: 46ch; }
.resaco-feature-grid__bullets { list-style: none; padding: 0; margin: 0 0 auto; display: flex; flex-direction: column; gap: 8px; }
.resaco-feature-grid__bullets li { font-size: 13.5px; color: #E6EAEA; display: flex; align-items: center; gap: 10px; }
.resaco-feature-grid__bullets li::before { content: ""; width: 4px; height: 4px; background: var(--wp--preset--color--signal-zest); flex-shrink: 0; }
.resaco-feature-grid__more {
display: flex; align-items: center; gap: 8px;
margin-top: 24px; padding-top: 18px;
border-top: 1px dashed rgba(255, 255, 255, 0.14);
color: var(--wp--preset--color--signal-zest);
font-size: 13.5px; font-weight: 600;
opacity: 0;
transition: opacity var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-feature-grid__card:hover .resaco-feature-grid__more,
.resaco-feature-grid__card:focus-within .resaco-feature-grid__more { opacity: 1; }
@media (max-width: 760px) { .resaco-feature-grid__grid { grid-template-columns: 1fr; } .resaco-feature-grid__card { min-height: 0; } }
.resaco-funnel-steps { background: var(--wp--preset--color--ink-800); padding-block: clamp(72px, 9vw, 110px); }
.resaco-funnel-steps.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-funnel-steps__inner { max-width: var(--resaco-shell-w, 1360px); margin-inline: auto; padding-inline: clamp(20px, 5vw, 40px); }
.resaco-funnel-steps__heading {
font-family: var(--wp--preset--font-family--display); font-size: clamp(36px, 4.2vw, 56px);
font-weight: 500; letter-spacing: -0.035em; line-height: 1.02; margin: 20px 0 56px;
color: var(--wp--preset--color--white); text-wrap: balance; max-width: 24ch;
}
.resaco-funnel-steps__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255, 255, 255, 0.12); }
.resaco-funnel-steps__col { padding: 36px 32px 8px; }
.resaco-funnel-steps__col:first-child { padding-left: 0; }
.resaco-funnel-steps__col + .resaco-funnel-steps__col { border-left: 1px solid rgba(255, 255, 255, 0.1); }
.resaco-funnel-steps__col-head { display: flex; align-items: center; gap: 14px; }
.resaco-funnel-steps__num {
font-family: var(--wp--preset--font-family--display); font-size: 15px; font-weight: 600;
color: var(--wp--preset--color--ink-900); background: var(--wp--preset--color--signal-zest);
width: 30px; height: 30px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.resaco-funnel-steps__title { font-family: var(--wp--preset--font-family--display); font-size: 26px; font-weight: 500; letter-spacing: -0.02em; color: var(--wp--preset--color--white); margin: 0; }
.resaco-funnel-steps__body { font-size: 14.5px; line-height: 1.6; color: var(--wp--preset--color--fg-muted); margin: 16px 0 0; max-width: 40ch; }
@media (max-width: 900px) {
.resaco-funnel-steps__grid { grid-template-columns: 1fr; }
.resaco-funnel-steps__col { padding: 28px 0 8px; }
.resaco-funnel-steps__col + .resaco-funnel-steps__col { border-left: none; border-top: 1px solid rgba(255, 255, 255, 0.1); }
}
.resaco-geo-spotlight {
position: relative; overflow: hidden;
background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900);
padding-block: clamp(72px, 10vw, 120px);
}
.resaco-geo-spotlight.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-geo-spotlight__datapalat {
position: absolute; top: -40px; right: -30px; width: 260px; aspect-ratio: 1; opacity: 0.09; pointer-events: none; z-index: 0;
background: var(--wp--preset--color--ink-900);
-webkit-mask: url(../../img/datapalat-06.svg) center/contain no-repeat; mask: url(../../img/datapalat-06.svg) center/contain no-repeat;
}
.resaco-geo-spotlight__inner {
position: relative; z-index: 1;
max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px); box-sizing: border-box;
}
.resaco-geo-spotlight__grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 64px; align-items: center; }
.resaco-geo-spotlight__eyebrow { color: var(--wp--preset--color--ink-900); margin: 0; }
.resaco-geo-spotlight__title {
font-family: var(--wp--preset--font-family--display); font-size: clamp(36px, 5vw, 72px);
font-weight: 500; letter-spacing: -0.035em; line-height: 1.02; margin: 20px 0 24px;
color: var(--wp--preset--color--ink-900); text-wrap: balance;
}
.resaco-geo-spotlight__body { font-size: 17px; line-height: 1.6; color: var(--wp--preset--color--ink-900); opacity: 0.85; max-width: 52ch; margin: 0 0 32px; }
.resaco-geo-spotlight__actions { display: flex; gap: 12px; }
.resaco-geo-spotlight__card { background: var(--wp--preset--color--ink-900); color: var(--wp--preset--color--white); border-radius: 20px; padding: 28px; }
.resaco-geo-spotlight__kicker { font-size: 11px; letter-spacing: 0.14em; color: var(--wp--preset--color--signal-zest); font-weight: 600; margin: 0 0 16px; }
.resaco-geo-spotlight__bars { list-style: none; margin: 0; padding: 0; }
.resaco-geo-spotlight__bar { margin-bottom: 18px; }
.resaco-geo-spotlight__bar-label { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 6px; }
.resaco-geo-spotlight__engine { color: var(--wp--preset--color--white); }
.resaco-geo-spotlight__pct { font-family: var(--wp--preset--font-family--display); font-weight: 600; }
.resaco-geo-spotlight__track { height: 6px; background: rgba(255, 255, 255, 0.08); border-radius: 999px; overflow: hidden; }
.resaco-geo-spotlight__fill { display: block; height: 100%; }
.resaco-geo-spotlight__pct.is-zest { color: #D1F459; }
.resaco-geo-spotlight__fill.is-zest { background: #D1F459; }
.resaco-geo-spotlight__pct.is-blue { color: #A2DCE9; }
.resaco-geo-spotlight__fill.is-blue { background: #A2DCE9; }
.resaco-geo-spotlight__pct.is-lavender { color: #C9B9E8; }
.resaco-geo-spotlight__fill.is-lavender { background: #C9B9E8; }
.resaco-geo-spotlight__pct.is-greige { color: #E7E7DA; }
.resaco-geo-spotlight__fill.is-greige { background: #E7E7DA; }
.resaco-geo-spotlight__footnote { font-size: 11.5px; color: #7F9092; margin-top: 18px; line-height: 1.5; }
@media (max-width: 900px) {
.resaco-geo-spotlight__grid { grid-template-columns: 1fr; gap: 40px; }
.resaco-geo-spotlight__datapalat { width: 180px; top: -30px; right: -40px; }
}
.resaco-growth-chart {
background: linear-gradient(180deg, #0D1818 0%, #F8F9F7 100%);
padding: 80px 0 100px;
}
.resaco-growth-chart__container {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-growth-chart__card {
background: #fff;
border-radius: 16px;
padding: 48px 40px;
border: 1px solid rgba(34,59,62,0.08);
box-shadow: 0 8px 32px rgba(13,24,24,0.08);
}
@media (max-width: 600px) {
.resaco-growth-chart__card {
padding: 28px 20px;
}
}
.resaco-growth-chart__card-head {
text-align: center;
margin-bottom: 28px;
}
.resaco-growth-chart__eyebrow {
color: #223B3E !important;
font-size: 26px !important;
margin: 0;
}
.resaco-growth-chart__legend {
display: flex;
gap: 28px;
justify-content: center;
margin-top: 16px;
font-size: 26px;
color: #4A6063;
}
.resaco-growth-chart__legend-item {
display: inline-flex;
align-items: center;
gap: 8px;
}
.resaco-growth-chart__swatch--team {
display: inline-block;
width: 16px;
height: 3px;
background: #A2DCE9;
border-radius: 2px;
}
.resaco-growth-chart__swatch--rev {
display: inline-block;
width: 16px;
height: 0;
border-top: 2px dashed #223B3E;
}
.resaco-growth-chart__svg {
width: 100%;
height: auto;
display: block;
overflow: visible;
}
.resaco-growth-chart__svg text {
font-family: var(--wp--preset--font-family--body);
font-size: 26px;
}
.resaco-growth-chart__axis-label {
letter-spacing: var(--wp--custom--tracking--eyebrow);
}
.resaco-growth-chart__caption {
text-align: center;
margin-top: 24px;
font-size: 30px;
color: #4A6063;
line-height: 1.5;
}
.resaco-hero-v2 { position: relative; overflow: hidden; background: #F8F9F7; color: var(--wp--preset--color--deep-data-green); border-radius: var(--wp--custom--radius--lg, 16px); }
.resaco-hero-v2.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); border-radius: 0; }
.resaco-hero-v2__inner {
position: relative; z-index: 1;
max-width: var(--resaco-shell-w, 1360px); margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px); padding-block: clamp(64px, 8vw, 88px) clamp(72px, 9vw, 104px); box-sizing: border-box;
}
.resaco-hero-v2__deco { position: absolute; z-index: 0; pointer-events: none; aspect-ratio: 1; background: var(--wp--preset--color--analytic-greige); opacity: 0.9; }
.resaco-hero-v2__deco--a { top: 40px; left: 40px; width: 140px; -webkit-mask: url(../../img/datapalat-03.svg) center/contain no-repeat; mask: url(../../img/datapalat-03.svg) center/contain no-repeat; }
.resaco-hero-v2__deco--b { bottom: 60px; right: 60px; width: 110px; -webkit-mask: url(../../img/datapalat-06.svg) center/contain no-repeat; mask: url(../../img/datapalat-06.svg) center/contain no-repeat; }
.resaco-hero-v2__title {
font-family: var(--wp--preset--font-family--display); font-size: clamp(56px, 7.5vw, 108px);
font-weight: 600; letter-spacing: -0.045em; line-height: 0.98; margin: 0 0 28px; text-align: center; text-wrap: balance;
color: var(--wp--preset--color--deep-data-green);
}
.resaco-hero-v2__pill {
display: inline-flex; align-items: center; background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--deep-data-green);
padding: 0.04em 0.32em 0.08em; border-radius: 999px; vertical-align: baseline;
}
.resaco-hero-v2__lead {
text-align: center; font-size: 18px; line-height: 1.5; color: #4A6063; max-width: 580px; margin: 0 auto 32px;
}
.resaco-hero-v2__ctas { display: flex; gap: 12px; justify-content: center; }
.resaco-hero-v2__ctas .wp-block-button__link { border-radius: 999px; font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 16px; letter-spacing: -0.01em; padding: 15px 26px; transition: transform var(--wp--custom--duration--fast) var(--wp--custom--ease--out), background var(--wp--custom--duration--fast) var(--wp--custom--ease--out); }
.resaco-hero-v2__cta-primary .wp-block-button__link { background: var(--wp--preset--color--ink-900); color: #fff; border: 1px solid var(--wp--preset--color--ink-900); }
.resaco-hero-v2__cta-primary .wp-block-button__link:hover { transform: translateY(-1px); }
.resaco-hero-v2__cta-ghost .wp-block-button__link { background: transparent; color: var(--wp--preset--color--deep-data-green); border: 1px solid rgba(34, 59, 62, 0.25); }
.resaco-hero-v2__cta-ghost .wp-block-button__link:hover { background: rgba(34, 59, 62, 0.06); }
@media (max-width: 600px) {
.resaco-hero-v2__deco--a { width: 90px; top: 20px; left: 16px; }
.resaco-hero-v2__deco--b { width: 72px; bottom: 30px; right: 16px; }
.resaco-hero-v2__ctas { flex-wrap: wrap; }
}
.resaco-hero-wrap {
width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
padding-inline: clamp(16px, 4vw, 32px);
}
.resaco-hero {
position: relative; overflow: hidden;
max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto;
background: var(--wp--preset--color--ink-900); color: #fff;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: var(--wp--custom--radius--lg, 16px);
padding: clamp(28px, 5vw, 64px); box-sizing: border-box;
}
.resaco-hero__grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: clamp(32px, 4vw, 56px); align-items: center; }
.resaco-hero .resaco-eyebrow { margin: 0 0 18px; }
.resaco-hero__title {
font-family: var(--wp--preset--font-family--display); font-size: clamp(34px, 4.4vw, 56px);
font-weight: 500; letter-spacing: -0.035em; line-height: 1.02; color: #fff; margin: 0 0 20px; text-wrap: balance;
}
.resaco-hero__title .accent { color: var(--wp--preset--color--signal-zest); }
.resaco-hero__lead { font-size: 17px; line-height: 1.55; color: var(--wp--preset--color--fg-muted); margin: 0 0 28px; max-width: 52ch; }
.resaco-hero__ctas { display: flex; gap: 12px; margin-bottom: 32px; flex-wrap: wrap; align-items: center; }
.resaco-hero__media { aspect-ratio: 4 / 5; border-radius: 20px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.08); }
.resaco-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
@media (max-width: 860px) {
.resaco-hero__grid { grid-template-columns: 1fr; }
.resaco-hero__media { max-width: 420px; }
}
.resaco-home-cases {
background: #152626;
padding-block: var(--resaco-section-pad);
}
.resaco-home-cases.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.resaco-home-cases__inner {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-home-cases__header {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 56px;
flex-wrap: wrap;
gap: 24px;
}
.resaco-home-cases__header-copy {
max-width: 640px;
}
.resaco-eyebrow--zest {
color: #D1F459;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
margin: 0 0 20px;
}
.resaco-home-cases__heading {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(40px, 5vw, 72px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.02;
color: #fff;
margin: 0;
text-wrap: balance;
}
.resaco-home-cases__list {
display: flex;
flex-direction: column;
gap: 20px;
list-style: none;
margin: 0;
padding: 0;
}
.resaco-home-cases__card-wrap {
display: contents;
}
.resaco-home-cases__card-article {
display: contents;
}
.resaco-home-cases__card {
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: 0;
background: #0D1818;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 24px;
overflow: hidden;
min-height: 340px;
text-decoration: none;
color: inherit;
transition: border-color var(--wp--custom--duration--med) var(--wp--custom--ease--out), transform var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-home-cases__card:hover,
.resaco-home-cases__card:focus-within {
border-color: rgba(209, 244, 89, 0.3);
transform: translateY(-3px);
}
.resaco-home-cases__card-copy {
padding: 44px 44px 40px;
display: flex;
flex-direction: column;
}
.resaco-home-cases__card-meta {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 24px;
flex-wrap: wrap;
}
.resaco-home-cases__card-client {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 18px;
font-weight: 500;
letter-spacing: -0.02em;
color: #fff;
}
.resaco-home-cases__card-sector {
font-size: 13px;
color: #7F9092;
}
.resaco-home-cases__card-title {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(28px, 3vw, 44px);
font-weight: 500;
letter-spacing: -0.025em;
line-height: 1.05;
color: #fff;
margin: 0 0 20px;
text-wrap: balance;
flex: 1;
}
.resaco-home-cases__accent {
color: #D1F459;
}
.resaco-home-cases__card-body {
font-size: 14px;
line-height: 1.55;
color: #B8C4C5;
margin: 0 0 24px;
}
.resaco-home-cases__card-footer {
margin-top: auto;
}
.resaco-home-cases__stats {
display: flex;
align-items: flex-end;
gap: 32px;
flex-wrap: wrap;
}
.resaco-home-cases__stat {
display: flex;
flex-direction: column;
}
.resaco-home-cases__stat-value {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(36px, 4vw, 56px);
font-weight: 500;
letter-spacing: -0.035em;
color: #D1F459;
line-height: 0.95;
}
.resaco-home-cases__stat-label {
font-size: 12.5px;
color: #7F9092;
margin-top: 6px;
}
.resaco-home-cases__card-img {
position: relative;
background-color: #152626;
overflow: hidden;
}
.resaco-home-cases__card-img-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.resaco-home-cases__card-img-overlay {
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(13, 24, 24, 0.6), transparent 40%);
}
@media (max-width: 860px) {
.resaco-home-cases__card {
grid-template-columns: 1fr;
min-height: auto;
}
.resaco-home-cases__card-img {
min-height: 220px;
order: -1;
}
.resaco-home-cases__card-copy {
padding: 28px 24px 24px;
}
.resaco-home-cases__header {
flex-direction: column;
align-items: flex-start;
margin-bottom: 36px;
}
.resaco-home-cases {
padding-block: 80px;
}
}
@media (max-width: 480px) {
.resaco-home-cases__card-title {
font-size: 26px;
}
.resaco-home-cases__stat-value {
font-size: 32px;
}
}
.resaco-home-hero {
position: relative;
overflow: hidden;
background: #0D1818;
padding: 48px 0 64px;
color: #fff;
}
.resaco-home-hero.alignfull {
width: 100vw; max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.resaco-home-hero__inner {
position: relative; z-index: 1;
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-home-hero__pill-wrap {
margin-bottom: 24px;
}
.resaco-home-hero__pill {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(209, 244, 89, 0.08);
border: 1px solid rgba(209, 244, 89, 0.30);
color: #D1F459;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.01em;
padding: 6px 14px;
border-radius: 999px;
}
.resaco-home-hero__pill-dot {
display: inline-block;
width: 6px; height: 6px;
background: #D1F459;
border-radius: 50%;
flex-shrink: 0;
animation: rs-home-hero-pulse 1.8s ease-in-out infinite;
}
@keyframes rs-home-hero-pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50%       { opacity: 0.45; transform: scale(0.8); }
}
@media (prefers-reduced-motion: reduce) {
.resaco-home-hero__pill-dot { animation: none; }
}
.resaco-home-hero__title {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(46px, 6.4vw, 108px);
font-weight: 500;
letter-spacing: -0.045em;
line-height: 0.92;
margin: 0;
color: #fff;
max-width: 15ch;
text-wrap: balance;
}
.resaco-home-hero__title-accent { color: #D1F459; }
.resaco-home-hero__title-tail { display: block; }
.resaco-home-hero__grid {
display: grid;
grid-template-columns: 1.1fr 1fr;
gap: 48px;
align-items: start;
margin-top: 32px;
}
.resaco-home-hero__lead {
font-size: 22px;
line-height: 1.45;
color: #E6EAEA;
margin: 0 0 40px;
max-width: 44ch;
text-wrap: pretty;
}
.resaco-home-hero__lead-accent { color: #D1F459; }
.resaco-home-hero__ctas {
display: flex;
gap: 14px;
flex-wrap: wrap;
margin-bottom: 40px;
align-items: center;
}
.resaco-home-hero__collage {
position: relative;
width: 100%;
aspect-ratio: 1 / 1;
max-width: 600px;
margin-left: auto;
margin-top: clamp(-316px, calc(-18vw - 16px), -176px);
align-self: start;
}
.resaco-home-hero__collage-photo {
position: absolute;
border-radius: 20px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.10);
}
.resaco-home-hero__collage-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.resaco-home-hero__collage-photo--a {
top: 0; left: 8%;
width: 60%; aspect-ratio: 3 / 4;
transform: rotate(-2deg);
}
.resaco-home-hero__collage-photo--b {
top: 40%; right: 0;
width: 56%; aspect-ratio: 4 / 3;
transform: rotate(3deg);
}
@media (max-width: 900px) {
.resaco-home-hero__grid {
grid-template-columns: 1fr;
gap: 48px;
}
.resaco-home-hero__collage {
max-width: 420px;
margin-left: 0;
margin-top: 0;
}
.resaco-home-hero__title {
max-width: 100%;
}
}
@media (max-width: 480px) {
.resaco-home-hero {
padding: 56px 0 80px;
}
.resaco-home-hero__title {
font-size: clamp(48px, 13vw, 80px);
}
.resaco-home-hero__lead {
font-size: 18px;
}
}
.resaco-home-intro-video {
position: relative;
overflow: hidden;
background: linear-gradient(
to bottom,
var(--wp--preset--color--ink-900, #0D1818) 0%,
var(--wp--preset--color--ink-900, #0D1818) 50%,
var(--wp--preset--color--metric-grey, #F8F9F7) 50%,
var(--wp--preset--color--metric-grey, #F8F9F7) 100%
);
padding-block: clamp(40px, 6vw, 80px);
}
.resaco-home-intro-video.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.resaco-home-intro-video__inner {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-home-intro-video__card {
position: relative;
display: block;
aspect-ratio: 16 / 9;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: var(--wp--custom--radius--md, 16px);
background: var(--wp--preset--color--deep-data-green, #223B3E);
color: #fff;
text-decoration: none;
isolation: isolate;
}
.resaco-home-intro-video__poster {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform var(--wp--custom--duration--med, 260ms) var(--wp--custom--ease--out, ease);
}
.resaco-home-intro-video__card::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background:
linear-gradient(180deg, rgba(13, 24, 24, 0.08) 20%, rgba(13, 24, 24, 0.9) 100%),
linear-gradient(90deg, rgba(13, 24, 24, 0.42) 0%, transparent 58%);
}
.resaco-home-intro-video__content {
position: absolute;
left: clamp(24px, 4.5vw, 64px);
right: clamp(24px, 4.5vw, 64px);
bottom: clamp(24px, 4.5vw, 56px);
z-index: 2;
max-width: 660px;
}
.resaco-home-intro-video .resaco-eyebrow {
margin: 0 0 16px;
color: var(--wp--preset--color--signal-zest, #D1F459);
}
.resaco-home-intro-video__title {
margin: 0;
font-family: var(--wp--preset--font-family--display);
font-size: clamp(36px, 5.2vw, 72px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.02;
color: #fff;
text-wrap: balance;
}
.resaco-home-intro-video__sub {
max-width: 52ch;
margin: 18px 0 0;
font-size: clamp(15px, 1.5vw, 18px);
line-height: 1.55;
color: var(--wp--preset--color--fg-muted, #B8C4C5);
}
.resaco-home-intro-video__play {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
display: inline-flex;
align-items: center;
gap: 12px;
padding: 14px 20px;
border-radius: 999px;
background: var(--wp--preset--color--signal-zest, #D1F459);
color: var(--wp--preset--color--ink-900, #0D1818);
font-size: 14px;
font-weight: 700;
line-height: 1;
transform: translate(-50%, -50%);
transition: transform var(--wp--custom--duration--fast, 180ms) var(--wp--custom--ease--out, ease);
}
.resaco-home-intro-video__play svg {
width: 18px;
height: 18px;
flex: 0 0 auto;
fill: currentColor;
}
.resaco-home-intro-video__duration {
position: absolute;
top: clamp(20px, 3vw, 36px);
right: clamp(20px, 3vw, 36px);
z-index: 2;
padding: 8px 12px;
border-radius: 999px;
background: rgba(13, 24, 24, 0.86);
color: #fff;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.04em;
}
.resaco-home-intro-video__card:hover .resaco-home-intro-video__poster,
.resaco-home-intro-video__card:focus-visible .resaco-home-intro-video__poster {
transform: scale(1.015);
}
.resaco-home-intro-video__card:hover .resaco-home-intro-video__play,
.resaco-home-intro-video__card:focus-visible .resaco-home-intro-video__play {
transform: translate(-50%, -50%) scale(1.04);
}
.resaco-home-intro-video__card:focus-visible {
outline: 3px solid var(--wp--preset--color--signal-zest, #D1F459);
outline-offset: 4px;
}
@media (max-width: 700px) {
.resaco-home-intro-video {
padding-block: 40px;
}
.resaco-home-intro-video__card {
min-height: 500px;
aspect-ratio: 4 / 5;
}
.resaco-home-intro-video__poster {
object-position: center;
}
.resaco-home-intro-video__content {
left: 24px;
right: 24px;
bottom: 28px;
}
.resaco-home-intro-video__title {
font-size: clamp(36px, 11vw, 52px);
}
.resaco-home-intro-video__sub {
font-size: 15px;
}
.resaco-home-intro-video__play {
top: 42%;
padding: 13px 17px;
}
}
@media (prefers-reduced-motion: reduce) {
.resaco-home-intro-video__poster,
.resaco-home-intro-video__play {
transition: none;
}
}
.resaco-home-testimonial {
background: #D1F459;
color: #0D1818;
padding-block: var(--resaco-section-pad);
position: relative;
overflow: hidden;
}
.resaco-home-testimonial.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.resaco-home-testimonial__inner {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-home-testimonial__content {
max-width: 900px;
}
.resaco-eyebrow--dark {
color: #0D1818;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
margin: 0 0 32px;
}
.resaco-home-testimonial__figure {
display: contents;
}
.resaco-home-testimonial__quote {
margin: 0 0 40px;
padding: 0;
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(28px, 3.4vw, 48px);
font-weight: 500;
letter-spacing: -0.025em;
line-height: 1.15;
color: #0D1818;
text-wrap: balance;
}
.resaco-home-testimonial__author {
display: flex;
align-items: center;
gap: 16px;
}
.resaco-home-testimonial__avatar {
width: 56px;
height: 56px;
flex-shrink: 0;
border-radius: 999px;
background: #0D1818;
color: #D1F459;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 18px;
font-weight: 600;
letter-spacing: -0.02em;
background-size: cover;
background-position: center;
}
.resaco-home-testimonial__avatar--img {
background-color: transparent;
}
.resaco-home-testimonial__author-info {
display: flex;
flex-direction: column;
}
.resaco-home-testimonial__author-name {
font-size: 15px;
font-weight: 600;
color: #0D1818;
line-height: 1.3;
}
.resaco-home-testimonial__author-role {
font-size: 13.5px;
color: rgba(13, 24, 24, 0.65);
line-height: 1.3;
}
@media (max-width: 640px) {
.resaco-home-testimonial {
padding-block: 80px;
}
.resaco-home-testimonial__quote {
font-size: 26px;
margin-bottom: 28px;
}
}
.resaco-home-ticker {
background: #152626;
border-top: 1px solid rgba(255, 255, 255, 0.06);
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
padding-block: 28px;
}
.resaco-home-ticker.alignfull {
width: 100vw; max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.resaco-home-ticker__viewport {
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.resaco-home-ticker__track {
display: flex;
align-items: center;
width: max-content;
gap: 0;
animation: resaco-hticker-scroll 55s linear infinite;
}
.resaco-home-ticker__item {
display: inline-flex;
align-items: center;
gap: 20px;
white-space: nowrap;
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 16px;
font-weight: 500;
letter-spacing: -0.01em;
color: #E6EAEA;
padding-inline: 10px;
}
.resaco-home-ticker__sep {
color: #D1F459;
font-size: 10px;
flex-shrink: 0;
opacity: 0.8;
}
@keyframes resaco-hticker-scroll {
from { transform: translateX(0); }
to   { transform: translateX(-50%); }
}
.resaco-home-ticker__viewport:hover .resaco-home-ticker__track {
animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
.resaco-home-ticker__track {
animation: none;
}
.resaco-home-ticker__viewport {
overflow-x: auto;
-webkit-mask-image: none;
mask-image: none;
}
}
.resaco-industries-pillar.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-industries-pillar__inner { max-width: var(--resaco-shell-w, 1360px); margin-inline: auto; padding-inline: clamp(20px, 5vw, 40px); }
.resaco-industries-pillar__hero { background: var(--wp--preset--color--ink-900); padding: 64px 0 88px; position: relative; overflow: hidden; }
.resaco-industries-pillar__crumbs ol { list-style: none; margin: 0 0 28px; padding: 0; display: flex; gap: 10px; align-items: center; font-size: 13px; color: #7F9092; }
.resaco-industries-pillar__crumbs li + li::before { content: '→'; margin-right: 10px; color: #7F9092; }
.resaco-industries-pillar__crumbs a { color: #B8C4C5; text-decoration: none; }
.resaco-industries-pillar__crumbs [aria-current] { color: var(--wp--preset--color--signal-zest); }
.resaco-industries-pillar__title {
font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--hero);
font-weight: 500; letter-spacing: -0.045em; line-height: 0.94; margin: 22px 0 28px;
color: var(--wp--preset--color--white); max-width: 16ch; text-wrap: balance;
}
.resaco-industries-pillar__title-accent { color: var(--wp--preset--color--signal-zest); }
.resaco-industries-pillar__hero-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(32px, 5vw, 64px); align-items: end; }
.resaco-industries-pillar__lead { font-size: 19px; line-height: 1.55; color: #E6EAEA; margin: 0; max-width: 52ch; text-wrap: pretty; }
.resaco-industries-pillar__anchors { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.resaco-industries-pillar__anchor {
display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(255, 255, 255, 0.2);
color: #E6EAEA; font-size: 13.5px; font-weight: 600; padding: 10px 16px; border-radius: 999px;
text-decoration: none; transition: border-color var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-industries-pillar__anchor:hover { border-color: var(--wp--preset--color--signal-zest); }
.resaco-industries-pillar__anchor span { color: var(--wp--preset--color--signal-zest); font-family: ui-monospace, monospace; font-size: 11px; }
.resaco-industries-pillar__block { padding: clamp(72px, 9vw, 110px) 0; position: relative; overflow: hidden; scroll-margin-top: 90px; }
.resaco-industries-pillar__block.is-dark { background: var(--wp--preset--color--ink-900); color: var(--wp--preset--color--white); }
.resaco-industries-pillar__block.is-light { background: var(--wp--preset--color--metric-grey); color: #223B3E; }
.resaco-industries-pillar__block-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: clamp(40px, 5vw, 72px); align-items: start; }
.resaco-industries-pillar__block-grid.is-flipped { grid-template-columns: 1fr 1.3fr; }
.resaco-industries-pillar__block-grid.is-flipped .resaco-industries-pillar__copy { order: 2; }
.resaco-industries-pillar__block-grid.is-flipped .resaco-industries-pillar__media { order: 1; }
.resaco-industries-pillar__copy-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.resaco-industries-pillar__num { font-family: var(--wp--preset--font-family--display); font-size: 40px; font-weight: 500; letter-spacing: -0.04em; color: rgba(255, 255, 255, 0.5); }
.is-light .resaco-industries-pillar__num { color: rgba(34, 59, 62, 0.75); }
.resaco-industries-pillar__tag { font-size: 10.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900); padding: 4px 10px; border-radius: 999px; }
.resaco-industries-pillar__block-title {
font-family: var(--wp--preset--font-family--display); font-size: clamp(34px, 3.6vw, 52px);
font-weight: 500; letter-spacing: -0.035em; line-height: 1.03; margin: 14px 0 18px; text-wrap: balance;
}
.is-dark .resaco-industries-pillar__block-title { color: var(--wp--preset--color--white); }
.is-light .resaco-industries-pillar__block-title { color: var(--wp--preset--color--ink-900); }
.resaco-industries-pillar__kicker { font-size: 11.5px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--signal-zest); margin: 22px 0 8px; }
.is-light .resaco-industries-pillar__kicker { color: #223B3E; }
.resaco-industries-pillar__para { font-size: 16px; line-height: 1.6; margin: 0; max-width: 52ch; }
.is-dark .resaco-industries-pillar__para { color: var(--wp--preset--color--fg-muted); }
.is-light .resaco-industries-pillar__para { color: #4A6063; }
.resaco-industries-pillar__signals { list-style: none; margin: 24px 0 30px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.resaco-industries-pillar__signal { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; border-radius: 999px; padding: 6px 13px; }
.is-dark .resaco-industries-pillar__signal { color: var(--wp--preset--color--fg-muted); border: 1px solid rgba(255, 255, 255, 0.18); }
.is-light .resaco-industries-pillar__signal { color: #4A6063; border: 1px solid rgba(34, 59, 62, 0.2); }
.resaco-industries-pillar__signal-dot { width: 4px; height: 4px; background: var(--wp--preset--color--signal-zest); flex-shrink: 0; }
.resaco-industries-pillar__ctarow { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.resaco-industries-pillar__cases { font-size: 13px; color: #7F9092; }
.is-light .resaco-industries-pillar__cases { color: #4A6063; }
.resaco-industries-pillar__media { position: sticky; top: 100px; }
.resaco-industries-pillar__photo { position: relative; margin: 0; border-radius: 20px; overflow: hidden; aspect-ratio: 4 / 3; }
.resaco-industries-pillar__photo-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.resaco-industries-pillar__photo-shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(13, 24, 24, 0.7), rgba(13, 24, 24, 0.05) 55%); pointer-events: none; }
.resaco-industries-pillar__photo-stat { position: absolute; left: 22px; bottom: 20px; }
.resaco-industries-pillar__stat-num { display: block; font-family: var(--wp--preset--font-family--display); font-size: 56px; font-weight: 500; letter-spacing: -0.04em; color: var(--wp--preset--color--signal-zest); line-height: 0.95; }
.resaco-industries-pillar__stat-label { display: block; font-size: 13px; color: #E6EAEA; margin-top: 6px; }
@media (max-width: 1024px) {
.resaco-industries-pillar__hero-grid { grid-template-columns: 1fr; align-items: start; }
.resaco-industries-pillar__anchors { justify-content: flex-start; }
.resaco-industries-pillar__block-grid, .resaco-industries-pillar__block-grid.is-flipped { grid-template-columns: 1fr; }
.resaco-industries-pillar__block-grid.is-flipped .resaco-industries-pillar__copy { order: 1; }
.resaco-industries-pillar__block-grid.is-flipped .resaco-industries-pillar__media { order: 2; }
.resaco-industries-pillar__media { position: static; }
}
.resaco-industries {
background: #0D1818;
color: #fff;
padding-block: var(--resaco-section-pad);
position: relative;
overflow: hidden;
}
.resaco-industries__inner {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
}
.resaco-industries__head {
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: 48px;
align-items: end;
margin-bottom: 64px;
}
.resaco-industries__title {
font-family: 'Stack Sans Notch', sans-serif;
font-size: clamp(40px, 5vw, 72px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.02;
margin: 20px 0 0;
color: #fff;
text-wrap: balance;
}
.resaco-industries__title-line { display: block; }
.resaco-industries__title-accent {
color: #D1F459;
}
.resaco-industries__intro {
font-size: 15.5px;
line-height: 1.6;
color: #B8C4C5;
margin: 0;
}
.resaco-industries__grid {
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 56px;
align-items: start;
}
.resaco-industries__list {
list-style: none;
margin: 0;
padding: 0;
}
.resaco-industries__row-wrap {
display: contents;
}
.resaco-industries__row {
display: grid;
grid-template-columns: 64px 1fr 130px;
gap: 24px;
align-items: center;
padding: 30px 8px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
text-decoration: none;
color: inherit;
transition: background var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-industries__row.is-active,
.resaco-industries__row:focus-visible {
background: rgba(255, 255, 255, 0.03);
}
.resaco-industries__row-kicker {
font-family: 'Stack Sans Notch', sans-serif;
font-size: 36px;
font-weight: 500;
letter-spacing: -0.04em;
line-height: 1;
color: rgba(255, 255, 255, 0.5);
transition: color var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-industries__row.is-active .resaco-industries__row-kicker,
.resaco-industries__row:focus-visible .resaco-industries__row-kicker {
color: #D1F459;
}
.resaco-industries__row-titlerow {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.resaco-industries__row-title {
font-family: 'Stack Sans Notch', sans-serif;
font-size: clamp(22px, 2.2vw, 30px);
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.08;
margin: 0;
color: #fff;
}
.resaco-industries__row-tag {
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
background: #D1F459;
color: #0D1818;
padding: 4px 10px;
border-radius: 999px;
white-space: nowrap;
}
.resaco-industries__row-problem {
display: block;
font-size: 14px;
line-height: 1.55;
color: #B8C4C5;
margin-top: 8px;
max-width: 48ch;
text-wrap: pretty;
}
.resaco-industries__row-stat {
text-align: right;
display: flex;
flex-direction: column;
gap: 6px;
}
.resaco-industries__row-stat-num {
font-family: 'Stack Sans Notch', sans-serif;
font-size: 36px;
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1;
color: #D1F459;
}
.resaco-industries__row-stat-label {
font-size: 11px;
line-height: 1.35;
color: #7F9092;
}
.resaco-industries__footnote {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 20px 8px 0;
margin: 0;
font-size: 14px;
color: #B8C4C5;
line-height: 1.55;
}
.resaco-industries__footnote a {
color: #D1F459;
font-weight: 600;
}
.resaco-industries__panel-wrap {
position: sticky;
top: 120px;
}
.resaco-industries__panel {
position: relative;
border-radius: 20px;
overflow: hidden;
aspect-ratio: 4 / 5;
border: 1px solid rgba(255, 255, 255, 0.1);
background: #152626;
}
.resaco-industries__layer {
position: absolute;
inset: 0;
opacity: 0;
pointer-events: none;
transition: opacity var(--wp--custom--duration--slow) var(--wp--custom--ease--out);
}
.resaco-industries__layer.is-active {
opacity: 1;
pointer-events: auto;
}
.resaco-industries__layer-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.resaco-industries__layer-shade {
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(13, 24, 24, 0.85) 0%, rgba(13, 24, 24, 0.1) 50%);
pointer-events: none;
}
.resaco-industries__layer-caption {
position: absolute;
left: 24px;
right: 24px;
bottom: 22px;
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 16px;
}
.resaco-industries__layer-cases {
display: block;
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #D1F459;
font-weight: 700;
margin-bottom: 6px;
}
.resaco-industries__layer-title {
display: block;
font-family: 'Stack Sans Notch', sans-serif;
font-size: 24px;
font-weight: 500;
letter-spacing: -0.02em;
color: #fff;
line-height: 1.05;
}
.resaco-industries__layer-link {
color: #D1F459;
font-size: 13.5px;
font-weight: 600;
white-space: nowrap;
text-decoration: none;
}
@media (max-width: 1024px) {
.resaco-industries__head {
grid-template-columns: 1fr;
gap: 24px;
margin-bottom: 48px;
}
.resaco-industries__grid {
grid-template-columns: 1fr;
}
.resaco-industries__panel-wrap {
display: none;
}
}
@media (max-width: 640px) {
.resaco-industries__row {
grid-template-columns: 44px 1fr;
}
.resaco-industries__row-stat {
grid-column: 2;
text-align: left;
flex-direction: row;
align-items: baseline;
gap: 10px;
}
.resaco-industries__row-stat-num {
font-size: 28px;
}
}
.resaco-industry-hero {
position: relative;
overflow: hidden;
background: #0D1818;
padding: 64px 0 96px;
color: #fff;
}
.resaco-industry-hero.alignfull {
width: 100vw; max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.resaco-industry-hero__datapalat { position: absolute; z-index: 0; pointer-events: none; }
.resaco-industry-hero__datapalat--a {
top: 40px;
left: min(-20px, calc((100vw - 1360px) / 2 - 150px));
width: clamp(100px, 10vw, 140px); aspect-ratio: 1; opacity: 0.95;
background: var(--wp--preset--color--signal-zest);
-webkit-mask: url(../../img/datapalat-01.svg) center/contain no-repeat; mask: url(../../img/datapalat-01.svg) center/contain no-repeat;
}
.resaco-industry-hero__datapalat--b {
bottom: 60px;
right: min(-20px, calc((100vw - 1360px) / 2 - 170px));
width: clamp(110px, 11vw, 160px); aspect-ratio: 1; opacity: 0.95;
background: var(--wp--preset--color--conversion-lavender);
-webkit-mask: url(../../img/datapalat-06.svg) center/contain no-repeat; mask: url(../../img/datapalat-06.svg) center/contain no-repeat;
}
.resaco-industry-hero__inner {
position: relative; z-index: 1;
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-industry-hero__grid {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 56px;
align-items: center;
}
.resaco-industry-hero__breadcrumb {
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
color: #7F9092;
margin-bottom: 24px;
}
.resaco-industry-hero__breadcrumb a {
color: #7F9092;
text-decoration: none;
}
.resaco-industry-hero__breadcrumb a:hover { color: #fff; }
.resaco-industry-hero__breadcrumb-current { color: #fff; }
.resaco-industry-hero__breadcrumb-list { display: contents; list-style: none; margin: 0; padding: 0; }
.resaco-industry-hero__breadcrumb-list li { list-style: none; margin: 0; padding: 0; }
.resaco-industry-hero__title {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: var(--wp--preset--font-size--hero);
font-weight: 500;
letter-spacing: -0.04em;
line-height: 0.98;
margin: 20px 0 28px;
color: #fff;
text-wrap: balance;
}
.resaco-industry-hero__accent { color: #D1F459; }
.resaco-industry-hero__lead {
font-size: 19px;
line-height: 1.55;
color: #B8C4C5;
margin: 0 0 32px;
max-width: 52ch;
}
.resaco-industry-hero__ctas {
display: flex;
gap: 14px;
flex-wrap: wrap;
margin-bottom: 32px;
}
.resaco-industry-hero__trust {
display: inline-flex; align-items: center; gap: 10px;
}
.resaco-industry-hero__trust::before {
content: "";
width: 6px; height: 6px;
background: var(--wp--preset--color--signal-zest);
flex-shrink: 0;
}
.resaco-industry-hero__trust-text {
font-size: 13px; line-height: 1.25; color: var(--wp--preset--color--white);
}
.resaco-industry-hero__trust-text b { color: var(--wp--preset--color--signal-zest); font-weight: 700; }
.resaco-industry-hero__trust-sub { display: block; color: #7F9092; font-size: 12px; }
.resaco-industry-hero__media {
position: relative;
aspect-ratio: 4 / 5;
border-radius: 24px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.08);
}
.resaco-industry-hero__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.resaco-industry-hero__card {
position: absolute;
bottom: 20px; left: 20px; right: 20px;
background: rgba(13, 24, 24, 0.85);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 16px;
padding: 18px 20px;
}
.resaco-industry-hero__card-kicker {
font-size: 11px;
letter-spacing: 0.14em;
color: #D1F459;
font-weight: 600;
margin-bottom: 6px;
}
.resaco-industry-hero__card-value {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 34px;
font-weight: 500;
color: #fff;
letter-spacing: -0.03em;
}
.resaco-industry-hero__card-meta {
font-size: 12px;
color: #7F9092;
margin-top: 4px;
}
@media (max-width: 900px) {
.resaco-industry-hero__datapalat--a,
.resaco-industry-hero__datapalat--b {
display: none;
}
.resaco-industry-hero__grid {
grid-template-columns: 1fr;
gap: 48px;
}
.resaco-industry-hero__media {
max-width: 480px;
}
}
@media (max-width: 480px) {
.resaco-industry-hero {
padding: 48px 0 72px;
}
.resaco-industry-hero__lead {
font-size: 18px;
}
.resaco-industry-hero__card {
bottom: 14px; left: 14px; right: 14px;
padding: 16px 18px;
}
.resaco-industry-hero__card-value {
font-size: 28px;
}
}
.resaco-industry-hero { --resaco-glow: rgba(201, 185, 232, 0.11); }
.resaco-lead-magnet {
position: relative; overflow: hidden; color: #fff;
background: radial-gradient(ellipse 60% 80% at 78% 50%, rgba(209,244,89,0.18), transparent 70%), var(--wp--preset--color--ink-900);
border-radius: var(--wp--custom--radius--lg, 16px);
}
.resaco-lead-magnet-shell { background: var(--wp--preset--color--metric-grey); padding-block: clamp(64px, 8vw, 96px); }
.resaco-lead-magnet-shell.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-lead-magnet-shell__frame { max-width: 1320px; margin-inline: auto; padding-inline: 24px; box-sizing: border-box; }
.resaco-lead-magnet-shell__frame .resaco-lead-magnet {
border-radius: 24px; overflow: hidden;
box-shadow: 0 40px 90px rgba(13, 24, 24, 0.30), 0 0 0 1px rgba(13, 24, 24, 0.06);
}
.resaco-lead-magnet__inner {
position: relative; z-index: 1;
max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px); padding-block: clamp(64px, 9vw, 120px); box-sizing: border-box;
}
.resaco-lead-magnet__grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 56px; align-items: center; }
.resaco-lead-magnet__eyebrow { color: var(--wp--preset--color--conversion-lavender); font-size: 11.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--insight-blue); font-weight: 600; margin: 0 0 18px; }
.resaco-lead-magnet__title {
font-family: var(--wp--preset--font-family--display); font-size: clamp(36px, 4.8vw, 64px);
font-weight: 500; letter-spacing: -0.035em; line-height: 1.02; margin: 0 0 28px; text-wrap: balance;
}
.resaco-lead-magnet__title .accent { color: var(--wp--preset--color--signal-zest); }
.resaco-lead-magnet__body { font-size: 16px; line-height: 1.65; color: var(--wp--preset--color--fg-muted); margin: 0 0 28px; max-width: 52ch; }
.resaco-lead-magnet__chips { list-style: none; margin: 0; padding: 0; display: flex; gap: 24px; flex-wrap: wrap; margin-bottom: 36px; font-size: 14px; color: #C8D0D1; }
.resaco-lead-magnet__chip { display: inline-flex; align-items: center; gap: 8px; }
.resaco-lead-magnet__chip i {
width: 20px; height: 20px; border-radius: 999px; background: rgba(209,244,89,0.16); color: var(--wp--preset--color--signal-zest);
display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-style: normal;
}
.resaco-lead-magnet__cta {
display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; border-radius: 999px;
background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900); text-decoration: none;
font-family: var(--wp--preset--font-family--display); font-size: 15px; font-weight: 600; letter-spacing: -0.01em;
transition: transform var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-lead-magnet__cta:hover { transform: translateY(-1px); }
.resaco-lead-magnet__cta span {
width: 22px; height: 22px; border-radius: 999px; background: var(--wp--preset--color--ink-900); color: var(--wp--preset--color--signal-zest);
display: inline-flex; align-items: center; justify-content: center; font-size: 12px;
}
.resaco-lead-magnet__mocks { position: relative; min-height: 460px; perspective: 1400px; }
.resaco-lead-magnet__halo { position: absolute; inset: -10% -5% -10% 0; background: radial-gradient(circle at 55% 50%, rgba(209,244,89,0.10), transparent 60%); pointer-events: none; }
.resaco-lead-magnet__win {
position: absolute; width: 440px; max-width: 100%; transform-origin: center; border-radius: 10px; overflow: hidden;
box-shadow: 0 30px 60px rgba(0,0,0,0.55), 0 12px 24px rgba(0,0,0,0.35); border: 1px solid rgba(255,255,255,0.1); background: #fff;
}
.resaco-lead-magnet__win--1 { top: -10px; left: 40px; transform: rotate(-6deg); z-index: 1; }
.resaco-lead-magnet__win--2 { top: 110px; left: 110px; transform: rotate(-2deg); z-index: 2; }
.resaco-lead-magnet__win--3 { top: 230px; left: 60px; transform: rotate(-10deg); z-index: 3; }
.resaco-lead-magnet__chrome { height: 28px; background: #1F2A2C; display: flex; align-items: center; padding: 0 12px; gap: 6px; }
.resaco-lead-magnet__chrome i { width: 10px; height: 10px; border-radius: 999px; background: #3A4547; }
.resaco-lead-magnet__chrome .sp { flex: 1; }
.resaco-lead-magnet__chrome .dot { width: 6px; height: 6px; border-radius: 999px; background: var(--wp--preset--color--signal-zest); }
.resaco-mock { background: #fff; color: var(--wp--preset--color--deep-data-green); font-size: 10px; }
.resaco-mock__cap { font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 12px; }
.resaco-mock__cap--zest { background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900); padding: 8px 14px; }
.resaco-mock__cap--dark { background: var(--wp--preset--color--ink-800); color: #fff; padding: 8px 14px; display: grid; grid-template-columns: 1fr 60px 60px; gap: 10px; }
.resaco-mock__row { display: grid; padding: 7px 14px; border-top: 1px solid rgba(34,59,62,0.08); align-items: center; }
.resaco-mock__row--audit { grid-template-columns: 1fr auto; }
.resaco-mock__row--kw { grid-template-columns: 1fr 60px 60px; gap: 10px; }
.resaco-mock__pill { color: var(--wp--preset--color--ink-900); padding: 2px 8px; border-radius: 4px; font-size: 9px; font-weight: 600; }
.resaco-mock__pill--c { text-align: center; padding: 2px 6px; }
.resaco-mock__vol { color: #4A6063; font-family: ui-monospace, monospace; }
.resaco-mock__rankhead { padding: 10px 14px; border-bottom: 1px solid rgba(34,59,62,0.1); display: flex; justify-content: space-between; align-items: center; }
.resaco-mock__rankbody { padding: 14px; }
.resaco-mock__rankbody svg { width: 100%; height: 90px; display: block; }
.resaco-mock__axis { display: flex; justify-content: space-between; font-size: 9px; color: #4A6063; margin-top: 6px; font-family: ui-monospace, monospace; }
.resaco-lead-magnet__partner {
position: absolute; right: 24px; bottom: 24px; z-index: 2; padding: 10px 14px; border-radius: 8px;
background: var(--wp--preset--color--conversion-lavender); color: var(--wp--preset--color--ink-900);
font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 11px; letter-spacing: 0.02em;
text-align: center; line-height: 1.2; box-shadow: 0 6px 18px rgba(0,0,0,0.35);
}
.resaco-lead-magnet__partner-l1 { display: block; font-size: 9px; letter-spacing: 0.12em; margin-bottom: 4px; opacity: 0.8; font-weight: 600; }
.resaco-lead-magnet__partner-l2 { display: block; font-size: 10px; }
.resaco-lead-magnet__partner-l3 { display: block; font-size: 14px; }
@media (max-width: 980px) {
.resaco-lead-magnet__grid { grid-template-columns: 1fr; gap: 40px; }
.resaco-lead-magnet__mocks { min-height: 420px; }
.resaco-lead-magnet__win { width: min(380px, 86%); }
.resaco-lead-magnet__win--2 { left: auto; right: 0; }
.resaco-lead-magnet__partner { right: 16px; bottom: 16px; }
}
@media (max-width: 520px) {
.resaco-lead-magnet__mocks { min-height: 380px; }
.resaco-lead-magnet__win { width: 80%; }
.resaco-lead-magnet__win--1 { left: 0; }
.resaco-lead-magnet__win--3 { left: 20px; }
}
.resaco-lead-magnet__form { max-width: 460px; margin-top: 6px; }
.resaco-lead-magnet__form-ph {
max-width: 460px; margin-top: 6px; padding: 22px;
border: 1px dashed rgba(255, 255, 255, 0.18); border-radius: 12px;
color: var(--wp--preset--color--fg-subtle, #7F9092); font-size: 13px;
}
.resaco-local-index { background: var(--wp--preset--color--ink-900); padding-block: clamp(72px, 9vw, 110px); position: relative; overflow: hidden; }
.resaco-local-index.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-local-index__inner { max-width: var(--resaco-shell-w, 1360px); margin-inline: auto; padding-inline: clamp(20px, 5vw, 40px); }
.resaco-local-index__grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: clamp(40px, 5vw, 72px); align-items: start; }
.resaco-local-index__heading {
font-family: var(--wp--preset--font-family--display); font-size: clamp(34px, 3.8vw, 52px);
font-weight: 500; letter-spacing: -0.035em; line-height: 1.03; margin: 20px 0 18px;
color: var(--wp--preset--color--white); text-wrap: balance;
}
.resaco-local-index__intro { font-size: 15.5px; line-height: 1.6; color: var(--wp--preset--color--fg-muted); margin: 0; max-width: 46ch; }
.resaco-local-index__intro:empty { display: none; }
.resaco-local-index__kicker { font-size: 11.5px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--signal-zest); margin: 0 0 18px; }
.resaco-local-index__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.resaco-local-index__item:nth-child(odd) { border-right: 1px solid rgba(255, 255, 255, 0.08); }
.resaco-local-index__item:nth-child(even) .resaco-local-index__link { padding-left: 20px; }
.resaco-local-index__link {
display: flex; justify-content: space-between; align-items: center; gap: 12px;
padding: 18px 12px 18px 4px; border-bottom: 1px solid rgba(255, 255, 255, 0.08);
text-decoration: none; color: #E6EAEA; font-size: 15.5px; font-weight: 500;
transition: color var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-local-index__link:hover { color: var(--wp--preset--color--signal-zest); }
.resaco-local-index__arrow { color: var(--wp--preset--color--signal-zest); }
.resaco-local-index__footnote { margin: 16px 0 0; font-size: 12.5px; color: #7F9092; line-height: 1.55; }
.resaco-local-index__footnote:empty { display: none; }
.resaco-local-index__footnote a { color: var(--wp--preset--color--signal-zest); font-weight: 600; }
@media (max-width: 900px) {
.resaco-local-index__grid { grid-template-columns: 1fr; }
.resaco-local-index__list { grid-template-columns: 1fr; }
.resaco-local-index__item:nth-child(odd) { border-right: none; }
.resaco-local-index__item:nth-child(even) .resaco-local-index__link { padding-left: 4px; }
}
.resaco-logo-grid__grid {
list-style: none;
margin: 0;
padding: 0;
}
.resaco-logo-grid__grid > li {
display: contents;
}
.resaco-manifesto {
position: relative;
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-block: clamp(72px, 11vw, 140px);
overflow: hidden;
}
.resaco-manifesto__inner {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-manifesto__content {
max-width: 920px;
}
.resaco-manifesto__text {
margin: 0;
font-family: var(--wp--preset--font-family--display);
font-size: clamp(28px, 3.4vw, 48px);
font-weight: 600;
letter-spacing: -0.015em;
line-height: 1.25;
}
.resaco-manifesto__word {
position: relative;
display: inline-block;
}
.resaco-manifesto__dim {
opacity: 0.25;
}
.resaco-manifesto__fill {
position: absolute;
inset: 0;
opacity: 0;
color: var(--wp--preset--color--signal-zest);
}
.resaco-manifesto__note {
display: flex;
align-items: center;
gap: 10px;
margin: 32px 0 0;
font-size: 13px;
color: var(--wp--preset--color--fg-muted, #7F9092);
}
.resaco-manifesto__dot {
width: 6px;
height: 6px;
border-radius: 999px;
background: var(--wp--preset--color--signal-zest);
flex-shrink: 0;
}
.resaco-meet-resacologists {
background: #0D1818;
padding: 140px 0 120px;
position: relative;
overflow: hidden;
border-top: 1px solid rgba(255,255,255,0.06);
}
.resaco-meet-resacologists__container {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-meet-resacologists__header {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: end;
margin-bottom: 56px;
}
@media (max-width: 768px) {
.resaco-meet-resacologists__header {
grid-template-columns: 1fr;
gap: 24px;
}
}
.resaco-meet-resacologists__eyebrow {
margin: 0 0 0 0;
}
.resaco-meet-resacologists__heading {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(36px, 4.4vw, 60px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.03;
margin: 18px 0 0;
color: #fff;
text-wrap: balance;
max-width: 20ch;
}
.resaco-meet-resacologists__lead {
font-size: 17px;
line-height: 1.6;
color: #B8C4C5;
margin: 0;
max-width: 52ch;
}
.resaco-meet-resacologists__stats {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(5, 1fr);
padding: 28px 0;
border-top: 1px dashed rgba(255,255,255,0.12);
border-bottom: 1px dashed rgba(255,255,255,0.12);
margin-bottom: 48px;
}
@media (max-width: 640px) {
.resaco-meet-resacologists__stats {
grid-template-columns: repeat(2, 1fr);
gap: 0;
}
}
.resaco-meet-resacologists__stat {
padding: 0 20px;
border-left: 1px dashed rgba(255,255,255,0.15);
}
.resaco-meet-resacologists__stat--first {
border-left: none;
padding-left: 0;
}
.resaco-meet-resacologists__stat-n {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(28px, 3vw, 48px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1;
color: #D1F459;
}
.resaco-meet-resacologists__stat-l {
font-size: 11.5px;
color: #B8C4C5;
margin-top: 10px;
letter-spacing: 0.04em;
}
.resaco-meet-resacologists__grid > li { display: contents; }
.resaco-meet-resacologists__directory.is-grouped {
display: grid;
gap: clamp(44px, 6vw, 72px);
}
.resaco-meet-resacologists__group-title {
margin: 0 0 20px;
padding-bottom: 12px;
border-bottom: 1px solid rgba(255,255,255,0.12);
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(22px, 2.4vw, 32px);
font-weight: 500;
letter-spacing: -0.025em;
color: #fff;
}
.resaco-meet-resacologists__grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
}
@media (max-width: 900px) {
.resaco-meet-resacologists__grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 600px) {
.resaco-meet-resacologists__grid {
grid-template-columns: repeat(2, 1fr);
}
}
.resaco-meet-resacologists__face {
position: relative;
display: flex;
flex-direction: column;
background: #152626;
border-radius: 12px;
overflow: hidden;
border: 1px solid rgba(255,255,255,0.08);
cursor: default;
}
.resaco-meet-resacologists__face__profile {
display: block;
color: inherit;
cursor: pointer;
text-decoration: none !important;
}
.resaco-meet-resacologists__face__profile:focus-visible,
.resaco-meet-resacologists__face__contact a:focus-visible {
outline: 2px solid #D1F459;
outline-offset: -2px;
}
.resaco-meet-resacologists__face__city,
.resaco-meet-resacologists__face__tags,
.resaco-meet-resacologists__face__contact,
.resaco-meet-resacologists__face__contact a,
.resaco-meet-resacologists__face__contact span {
text-decoration: none !important;
}
.resaco-meet-resacologists__face__photo {
aspect-ratio: 4 / 5;
background-color: #223B3E;
position: relative;
overflow: hidden;
}
.resaco-meet-resacologists__face__photo-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.resaco-meet-resacologists__face__gradient {
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 45%, rgba(13,24,24,0.85) 100%);
}
.resaco-meet-resacologists__face__founder {
position: absolute;
top: 12px;
left: 12px;
background: #D1F459;
color: #0D1818;
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
padding: 4px 8px;
border-radius: 4px;
line-height: 1.4;
}
.resaco-meet-resacologists__face__caption {
position: absolute;
left: 14px;
right: 14px;
bottom: 14px;
}
.resaco-meet-resacologists__face__name {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 16px;
font-weight: 600;
color: #fff;
letter-spacing: -0.01em;
line-height: 1.15;
}
.resaco-meet-resacologists__face__role {
font-size: 11.5px;
margin-top: 4px;
letter-spacing: 0.02em;
font-weight: 500;
}
.resaco-meet-resacologists__face__footer {
padding: 12px 14px 14px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.resaco-meet-resacologists__face__city {
font-size: 11.5px;
color: #7F9092;
font-family: ui-monospace, monospace;
letter-spacing: 0.02em;
}
.resaco-meet-resacologists__face__tags {
font-size: 11.5px;
color: #B8C4C5;
text-align: right;
max-width: 60%;
line-height: 1.3;
}
.resaco-meet-resacologists__face__contact {
display: grid;
gap: 7px;
margin-top: auto;
padding: 12px 14px 14px;
border-top: 1px solid rgba(255,255,255,0.08);
}
.resaco-meet-resacologists__face__contact a,
.resaco-meet-resacologists__face__contact span {
font-size: 11.5px;
font-weight: 500;
line-height: 1.35;
color: #E6EAEA;
text-decoration: none;
overflow-wrap: anywhere;
transition: color var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-meet-resacologists__face__contact a:hover { color: #D1F459; }
.resaco-meet-resacologists__cta-bar {
margin-top: 48px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
padding: 28px 32px;
background: #152626;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 14px;
flex-wrap: wrap;
}
.resaco-meet-resacologists__cta-left {
display: flex;
align-items: center;
gap: 14px;
}
.resaco-meet-resacologists__cta-dot {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 999px;
background: #D1F459;
box-shadow: 0 0 0 4px rgba(209,244,89,0.2);
flex-shrink: 0;
}
.resaco-meet-resacologists__cta-title {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 17px;
font-weight: 600;
color: #fff;
letter-spacing: -0.01em;
margin: 0;
}
.resaco-meet-resacologists__cta-sub {
font-size: 13px;
color: #B8C4C5;
margin: 4px 0 0;
}
.resaco-meet-resacologists__culture {
margin-top: 48px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
@media (max-width: 600px) {
.resaco-meet-resacologists__culture {
grid-template-columns: repeat(2, 1fr);
}
}
.resaco-meet-resacologists__culture-img {
aspect-ratio: 4 / 3;
border-radius: 10px;
background-color: #152626;
border: 1px solid rgba(255,255,255,0.08);
position: relative;
overflow: hidden;
}
.resaco-meet-resacologists__culture-img-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.resaco-meet-resacologists__culture-caption {
margin-top: 16px;
font-size: 12.5px;
color: #7F9092;
letter-spacing: 0.04em;
text-align: center;
}
.resaco-method {
position: relative;
overflow: hidden;
background: #0D1818;
color: #fff;
}
.resaco-method.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.resaco-method__deco {
position: absolute;
top: 80px;
right: -60px;
width: 280px;
aspect-ratio: 1;
pointer-events: none;
z-index: 0;
opacity: 0.9;
background: #D1F459;
-webkit-mask: url(../../img/datapalat-07.svg) center / contain no-repeat;
mask: url(../../img/datapalat-07.svg) center / contain no-repeat;
}
.resaco-method__inner {
position: relative;
z-index: 1;
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
padding-block: clamp(80px, 10vw, 140px);
box-sizing: border-box;
}
.resaco-method__grid {
display: grid;
grid-template-columns: 1fr 1.6fr;
gap: clamp(40px, 5.5vw, 80px);
align-items: start;
}
.resaco-method__heading {
font-family: var(--wp--preset--font-family--display);
font-size: clamp(40px, 4.6vw, 64px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.02;
margin: 20px 0 24px;
text-wrap: balance;
color: #fff;
}
.resaco-method__accent {
color: #D1F459;
}
.resaco-method__intro {
font-size: 17px;
line-height: 1.55;
color: #B8C4C5;
max-width: 40ch;
margin: 0;
}
.resaco-method__cta-wrap {
margin-top: 32px;
}
.resaco-method__cta {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: var(--wp--preset--font-family--display);
font-size: 15px;
font-weight: 600;
letter-spacing: -0.01em;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 999px;
padding: 12px 22px;
text-decoration: none;
transition: background var(--wp--custom--duration--med) var(--wp--custom--ease--out), border-color var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-method__cta:hover {
background: rgba(255, 255, 255, 0.07);
border-color: rgba(255, 255, 255, 0.35);
}
.resaco-method__cta-arrow {
font-size: 14px;
opacity: 0.7;
}
.resaco-method__right {
position: relative;
}
.resaco-method__spine {
position: absolute;
left: 27px;
top: 24px;
bottom: 24px;
width: 1px;
background: rgba(255, 255, 255, 0.08);
pointer-events: none;
z-index: 0;
}
.resaco-method__steps {
list-style: none;
margin: 0;
padding: 0;
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 28px;
}
.resaco-method__step {
display: flex;
gap: 28px;
align-items: flex-start;
}
.resaco-method__badge {
flex-shrink: 0;
width: 56px;
height: 56px;
border-radius: 14px;
background: #152626;
color: #D1F459;
border: 1px solid rgba(255, 255, 255, 0.10);
font-family: var(--wp--preset--font-family--display);
font-size: 18px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
}
.resaco-method__badge--first {
background: #D1F459;
color: #0D1818;
border-color: transparent;
}
.resaco-method__step-content {
padding-top: 8px;
}
.resaco-method__step-title {
font-family: var(--wp--preset--font-family--display);
font-size: 26px;
font-weight: 500;
letter-spacing: -0.02em;
margin: 0 0 8px;
color: #fff;
}
.resaco-method__step-body {
font-size: 15.5px;
line-height: 1.6;
color: #B8C4C5;
margin: 0;
max-width: 58ch;
}
@media (max-width: 900px) {
.resaco-method__grid {
grid-template-columns: 1fr;
gap: 48px;
}
.resaco-method__spine {
display: none;
}
}
@media (max-width: 480px) {
.resaco-method__step-title {
font-size: 22px;
}
}
.resaco-origin-story {
background: #0D1818;
padding: clamp(80px, 10vw, 160px) 0 clamp(60px, 8vw, 140px);
position: relative;
overflow: hidden;
position: relative;
}
.resaco-origin-story.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.resaco-origin-story__inner {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-origin-story__grid {
display: grid;
grid-template-columns: 0.8fr 1.2fr;
gap: clamp(40px, 6vw, 80px);
align-items: start;
}
.resaco-origin-story__photo-wrap {
aspect-ratio: 4 / 5;
border-radius: 12px;
overflow: hidden;
background-size: cover;
background-position: center;
border: 1px solid rgba(255, 255, 255, 0.08);
}
.resaco-origin-story__stats {
margin-top: 32px;
display: flex;
flex-direction: column;
gap: 20px;
}
.resaco-origin-story__stat-num {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 56px;
font-weight: 500;
color: #D1F459;
letter-spacing: -0.04em;
line-height: 1;
}
.resaco-origin-story__stat-lbl {
font-size: 13px;
color: #B8C4C5;
margin-top: 6px;
letter-spacing: 0.02em;
}
.resaco-origin-story__right .resaco-eyebrow {
margin: 0 0 18px;
}
.resaco-origin-story__heading {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(36px, 4.4vw, 60px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.05;
margin: 0 0 48px;
color: #fff;
text-wrap: balance;
}
.resaco-origin-story__heading-accent {
color: #D1F459;
font-style: italic;
}
.resaco-origin-story__beats {
list-style: none;
margin: 0;
padding: 0;
}
.resaco-origin-story__beat {
padding: 28px 0;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.resaco-origin-story__beat-grid {
display: grid;
grid-template-columns: 60px 1fr;
gap: 20px;
align-items: baseline;
}
.resaco-origin-story__beat-num {
font-family: ui-monospace, 'Courier New', monospace;
font-size: 12px;
color: #D1F459;
letter-spacing: 0.14em;
padding-top: 6px;
}
.resaco-origin-story__beat-title {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 26px;
font-weight: 500;
color: #D1F459;
letter-spacing: -0.02em;
margin: 0 0 14px;
line-height: 1.2;
}
.resaco-origin-story__beat-body {
font-size: 16px;
line-height: 1.7;
color: #C8D0D1;
margin: 0 0 14px;
}
.resaco-origin-story__beat-body:last-child {
margin-bottom: 0;
}
.resaco-origin-story__cta {
margin-top: 32px;
}
@media (max-width: 900px) {
.resaco-origin-story__grid {
grid-template-columns: 1fr;
}
.resaco-origin-story__photo-wrap {
max-width: 420px;
}
.resaco-origin-story__stats {
flex-direction: row;
gap: 32px;
flex-wrap: wrap;
}
}
.resaco-pain-points { background: var(--wp--preset--color--ink-800); padding-block: var(--resaco-section-pad); }
.resaco-pain-points.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-pain-points__inner {
max-width: var(--resaco-shell-w, 1360px); margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px); box-sizing: border-box;
}
.resaco-pain-points__heading {
font-family: var(--wp--preset--font-family--display); font-size: clamp(36px, 4.4vw, 60px);
font-weight: 500; letter-spacing: -0.035em; line-height: 1.04; margin: 20px 0 48px;
max-width: 22ch; text-wrap: balance; color: var(--wp--preset--color--white);
}
.resaco-pain-points__accent { color: var(--wp--preset--color--signal-zest); }
.resaco-pain-points__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.resaco-pain-points__card {
background: var(--wp--preset--color--ink-900); border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 20px; padding: 32px 28px; height: 100%; box-sizing: border-box;
}
.resaco-pain-points__stat {
font-family: var(--wp--preset--font-family--display); font-size: clamp(28px, 3vw, 48px); font-weight: 500;
letter-spacing: -0.04em; color: var(--wp--preset--color--signal-zest); line-height: 0.98;
margin-bottom: 12px;
overflow-wrap: anywhere;
hyphens: auto;
}
.resaco-pain-points__label { font-size: 15px; font-weight: 600; color: var(--wp--preset--color--white); margin: 0 0 8px; }
.resaco-pain-points__note { font-size: 14px; color: #B8C4C5; line-height: 1.55; margin: 0; }
@media (max-width: 900px) { .resaco-pain-points__grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .resaco-pain-points { padding: 80px 0; } }
.resaco-pain-points__card:nth-child(3n+2) .resaco-pain-points__stat { color: var(--wp--preset--color--insight-blue); }
.resaco-pain-points__card:nth-child(3n)   .resaco-pain-points__stat { color: var(--wp--preset--color--conversion-lavender); }
.resaco-photo-break {
position: relative;
overflow: hidden;
min-height: clamp(420px, 60vh, 640px);
display: flex;
align-items: flex-end;
background: #0D1818;
}
.resaco-photo-break::before,
.resaco-photo-break::after {
content: '';
position: absolute;
left: 0;
right: 0;
height: 10px;
z-index: 2;
pointer-events: none;
background-repeat: no-repeat;
background-image:
linear-gradient(var(--wp--preset--color--signal-zest), var(--wp--preset--color--signal-zest)),
linear-gradient(var(--wp--preset--color--signal-zest), var(--wp--preset--color--signal-zest)),
linear-gradient(var(--wp--preset--color--signal-zest), var(--wp--preset--color--signal-zest)),
linear-gradient(var(--wp--preset--color--signal-zest), var(--wp--preset--color--signal-zest)),
linear-gradient(var(--wp--preset--color--signal-zest), var(--wp--preset--color--signal-zest));
background-size: 58% 10px, 10px 10px, 10px 10px, 10px 10px, 10px 10px;
}
.resaco-photo-break::before {
top: 0;
background-position:
0 0,
calc(58% + 14px) 0,
calc(58% + 40px) 0,
calc(58% + 78px) 0,
calc(58% + 130px) 0;
}
.resaco-photo-break::after {
bottom: 0;
background-position:
100% 0,
calc(42% - 14px) 0,
calc(42% - 40px) 0,
calc(42% - 78px) 0,
calc(42% - 130px) 0;
}
.resaco-photo-break__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.resaco-photo-break__overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(13, 24, 24, 0.10) 30%, rgba(13, 24, 24, 0.78) 100%);
pointer-events: none;
}
.resaco-photo-break__content {
position: relative;
z-index: 1;
width: 100%;
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding: 0 clamp(20px, 5vw, 40px) clamp(32px, 5vw, 56px);
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 32px;
flex-wrap: wrap;
}
.resaco-photo-break__line {
font-family: 'Stack Sans Notch', sans-serif;
font-size: clamp(26px, 3.2vw, 44px);
font-weight: 500;
letter-spacing: -0.03em;
line-height: 1.08;
color: #fff;
margin: 16px 0 0;
max-width: 24ch;
text-wrap: balance;
}
.resaco-photo-break__attribution {
font-size: 12.5px;
letter-spacing: 0.1em;
text-transform: uppercase;
font-weight: 600;
color: rgba(255, 255, 255, 0.7);
margin: 0;
white-space: nowrap;
}
@media (max-width: 400px) {
.resaco-photo-break__attribution {
white-space: normal;
}
}
.resaco-photo-strip {
width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
padding-block: clamp(40px, 5vw, 56px); padding-inline: clamp(16px, 4vw, 32px);
}
.resaco-photo-strip__card {
max-width: var(--wp--style--global--wide-size, 1360px); margin-block: 0; margin-inline: auto;
border: 1px solid rgba(255, 255, 255, 0.08); border-radius: var(--wp--custom--radius--md);
background: var(--wp--preset--color--ink-800); padding: 32px; box-sizing: border-box;
}
.resaco-photo-strip__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.resaco-photo-strip__cell {
display: block; position: relative; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.08);
}
.resaco-photo-strip__cell img {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; object-position: center;
}
.resaco-photo-strip__caption { margin: 16px 0 0; font-size: 12.5px; color: var(--wp--preset--color--fg-subtle, #7F9092); letter-spacing: 0.04em; text-align: center; }
@media (max-width: 760px) { .resaco-photo-strip__grid { grid-template-columns: 1fr 1fr; } }
#hiring-process {
background: #F6EFE1;
border-top: 2px dashed rgba(181, 101, 29, 0.55);
border-bottom: 2px dashed rgba(181, 101, 29, 0.55);
position: relative;
}
#hiring-process .resaco-eyebrow {
color: #9B5416;
}
#hiring-process .resaco-eyebrow::before {
background: #B5651D;
}
#hiring-process .resaco-service-workstreams__sub {
color: #7A4512;
font-weight: 500;
}
#hiring-process .resaco-service-workstreams__row-tag {
background: rgba(181, 101, 29, 0.12);
border: 1px solid rgba(181, 101, 29, 0.45);
color: #9B5416;
}
#hiring-process .resaco-service-workstreams__row-num {
color: rgba(122, 69, 18, 0.5);
}
.resaco-pricing-clients-ticker {
background: #F5F6F2;
color: #0D1818;
padding-block: clamp(72px, 8vw, 112px);
}
.resaco-pricing-clients-ticker.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.resaco-pricing-clients-ticker__inner {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-pricing-clients-ticker__head {
margin: 0 0 clamp(40px, 5vw, 64px);
color: #0D1818;
font-family: var(--wp--preset--font-family--display);
font-size: clamp(26px, 3vw, 40px);
font-weight: 600;
letter-spacing: -0.035em;
line-height: 1.1;
text-align: left;
text-wrap: balance;
}
.resaco-pricing-clients-ticker__grid {
list-style: none;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 1px;
align-items: center;
margin: 0;
padding: 1px;
background: rgba(13, 24, 24, 0.12);
border-radius: 18px;
overflow: hidden;
}
.resaco-pricing-clients-ticker__item {
--resaco-logo-scale: 1;
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
height: clamp(124px, 10vw, 156px);
padding: 28px;
background: #FCFCFA;
box-sizing: border-box;
}
.resaco-pricing-clients-ticker__logo {
display: block;
width: 150px;
height: 58px;
max-width: 100%;
object-fit: contain;
filter: grayscale(1) contrast(1.2);
opacity: 0.86;
mix-blend-mode: multiply;
transform: scale(var(--resaco-logo-scale));
transform-origin: center;
}
.resaco-pricing-clients-ticker__item--imagon .resaco-pricing-clients-ticker__logo {
--resaco-logo-scale: 0.65;
filter: grayscale(1) contrast(1.25) brightness(0.68);
}
.resaco-pricing-clients-ticker__item--kannustalo {
--resaco-logo-scale: 1.06;
}
.resaco-pricing-clients-ticker__item--rahoituskumppani {
--resaco-logo-scale: 1.34;
}
.resaco-pricing-clients-ticker__item--wilderness-hotels {
--resaco-logo-scale: 1.55;
}
.resaco-pricing-clients-ticker__item--beyond-arctic {
--resaco-logo-scale: 1.2;
}
.resaco-pricing-clients-ticker__item--siskon-siivous {
--resaco-logo-scale: 1.12;
}
@media (max-width: 900px) {
.resaco-pricing-clients-ticker__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 560px) {
.resaco-pricing-clients-ticker {
padding-block: 64px;
}
.resaco-pricing-clients-ticker__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
border-radius: 14px;
}
.resaco-pricing-clients-ticker__item {
height: 116px;
padding: 20px;
}
.resaco-pricing-clients-ticker__logo {
width: 124px;
height: 48px;
}
}
.resaco-pricing-columns { background: var(--wp--preset--color--metric-grey); color: #223B3E; padding-block: var(--resaco-section-pad); position: relative; overflow: hidden; }
.resaco-pricing-columns.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-pricing-columns__inner { max-width: var(--resaco-shell-w, 1360px); margin-inline: auto; padding-inline: clamp(20px, 5vw, 40px); }
.resaco-pricing-columns__eyebrow { color: #223B3E; }
.resaco-pricing-columns__eyebrow::before { background: #223B3E; }
.resaco-pricing-columns__heading {
font-family: var(--wp--preset--font-family--display); font-size: clamp(38px, 4.4vw, 60px);
font-weight: 500; letter-spacing: -0.035em; line-height: 1.02; margin: 20px 0 48px;
color: var(--wp--preset--color--ink-900); max-width: 24ch; text-wrap: balance;
}
.resaco-pricing-columns__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(34, 59, 62, 0.16); }
.resaco-pricing-columns__col { position: relative; padding: 36px 36px 12px; }
.resaco-pricing-columns__col:first-child { padding-left: 0; }
.resaco-pricing-columns__col + .resaco-pricing-columns__col { border-left: 1px solid rgba(34, 59, 62, 0.12); }
.resaco-pricing-columns__pop {
position: absolute; top: 36px; right: 0; font-size: 10.5px; font-weight: 700;
letter-spacing: 0.1em; text-transform: uppercase; background: var(--wp--preset--color--signal-zest);
color: var(--wp--preset--color--ink-900); padding: 4px 10px; border-radius: 999px;
}
.resaco-pricing-columns__col:first-child .resaco-pricing-columns__pop { right: 36px; }
.resaco-pricing-columns__tagline { font-size: 11.5px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #4A6063; margin: 0 0 10px; }
.resaco-pricing-columns__name { font-family: var(--wp--preset--font-family--display); font-size: 30px; font-weight: 500; letter-spacing: -0.025em; margin: 0 0 8px; color: var(--wp--preset--color--ink-900); }
.resaco-pricing-columns__price { display: flex; align-items: baseline; gap: 8px; margin: 0 0 8px; }
.resaco-pricing-columns__price-num { font-family: var(--wp--preset--font-family--display); font-size: clamp(36px, 3.4vw, 48px); font-weight: 500; letter-spacing: -0.04em; color: var(--wp--preset--color--ink-900); }
.resaco-pricing-columns__price-per { font-size: 13.5px; color: #4A6063; }
.resaco-pricing-columns__rule { display: block; width: 40px; height: 6px; background: var(--wp--preset--color--signal-zest); margin: 14px 0 18px; }
.resaco-pricing-columns__desc { font-size: 14px; color: #4A6063; line-height: 1.55; margin: 0 0 18px; }
.resaco-pricing-columns__features { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.resaco-pricing-columns__feature { display: flex; gap: 10px; font-size: 13.5px; color: #223B3E; align-items: baseline; line-height: 1.45; }
.resaco-pricing-columns__feature-dot { width: 4px; height: 4px; background: var(--wp--preset--color--ink-900); flex-shrink: 0; position: relative; top: -3px; }
.resaco-pricing-columns__foot {
border-top: 1px solid rgba(34, 59, 62, 0.16); margin-top: 36px; padding-top: 22px;
display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap;
}
.resaco-pricing-columns__note { font-size: 14.5px; color: #4A6063; margin: 0; max-width: 64ch; line-height: 1.55; }
.resaco-pricing-columns__note b, .resaco-pricing-columns__note strong { color: var(--wp--preset--color--ink-900); }
@media (max-width: 900px) {
.resaco-pricing-columns__grid { grid-template-columns: 1fr; }
.resaco-pricing-columns__col { padding: 28px 0 12px; }
.resaco-pricing-columns__col + .resaco-pricing-columns__col { border-left: none; border-top: 1px solid rgba(34, 59, 62, 0.12); }
.resaco-pricing-columns__pop, .resaco-pricing-columns__col:first-child .resaco-pricing-columns__pop { right: 0; top: 28px; }
}
.resaco-pricing-compare { background: var(--wp--preset--color--ink-900); padding-block: clamp(72px, 10vw, 120px); }
.resaco-pricing-compare.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-pricing-compare__inner { max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto; padding-inline: clamp(20px, 5vw, 40px); box-sizing: border-box; }
.resaco-pricing-compare__head { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 20px; margin-bottom: clamp(32px, 5vw, 48px); }
.resaco-pricing-compare__head-main { max-width: 640px; }
.resaco-pricing-compare__title { font-family: var(--wp--preset--font-family--display); font-size: clamp(32px, 4vw, 52px); font-weight: 500; letter-spacing: -0.03em; line-height: 1.05; margin: 18px 0 0; color: var(--wp--preset--color--white); text-wrap: balance; }
.resaco-pricing-compare__intro { font-size: 13.5px; line-height: 1.5; color: var(--wp--preset--color--fg-muted); max-width: 42ch; margin: 0; }
.resaco-pricing-compare__scroll { border-radius: 20px; overflow-x: auto; border: 1px solid rgba(255,255,255,0.08); background: var(--wp--preset--color--ink-800); -webkit-overflow-scrolling: touch; }
.resaco-pricing-compare__table { width: 100%; min-width: 720px; border-collapse: collapse; table-layout: fixed; }
.resaco-pricing-compare__table th,
.resaco-pricing-compare__table td { text-align: left; vertical-align: middle; }
.resaco-pricing-compare__th-cap { width: 30%; padding: 20px 24px; font-family: var(--wp--preset--font-family--body); font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wp--preset--color--fg-subtle, #7F9092); border-bottom: 1px solid rgba(255,255,255,0.08); }
.resaco-pricing-compare__th-plan { width: 23.33%; padding: 20px; border-bottom: 1px solid rgba(255,255,255,0.08); border-left: 1px solid rgba(255,255,255,0.06); }
.resaco-pricing-compare__th-plan.is-featured { background: rgba(209,244,89,0.08); }
.resaco-pricing-compare__plan-name { display: block; font-family: var(--wp--preset--font-family--display); font-size: 20px; font-weight: 600; letter-spacing: -0.02em; color: var(--wp--preset--color--white); }
.resaco-pricing-compare__th-plan.is-featured .resaco-pricing-compare__plan-name { color: var(--wp--preset--color--signal-zest); }
.resaco-pricing-compare__plan-price { display: block; font-size: 12px; color: var(--wp--preset--color--fg-subtle, #7F9092); margin-top: 2px; }
.resaco-pricing-compare__cat { padding: 16px 24px; font-size: 14px; font-weight: 400; line-height: 1.35; color: #E6EAEA; border-top: 1px solid rgba(255,255,255,0.05); }
.resaco-pricing-compare__cell { padding: 16px 20px; border-top: 1px solid rgba(255,255,255,0.05); border-left: 1px solid rgba(255,255,255,0.06); }
.resaco-pricing-compare__cell.is-featured { background: rgba(209,244,89,0.04); }
.resaco-pricing-compare__val { font-size: 13.5px; font-weight: 500; color: #E6EAEA; }
.resaco-pricing-compare__icon { width: 22px; height: 22px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; }
.resaco-pricing-compare__icon--yes { background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900); }
.resaco-pricing-compare__icon--no { background: rgba(255,255,255,0.06); color: var(--wp--preset--color--fg-subtle, #7F9092); }
@media (max-width: 781px) {
.resaco-pricing-compare__head { align-items: flex-start; }
.resaco-pricing-compare__th-cap,
.resaco-pricing-compare__cat { padding-inline: 18px; }
.resaco-pricing-compare__th-plan,
.resaco-pricing-compare__cell { padding-inline: 16px; }
}
.resaco-pricing-enterprise { background: var(--wp--preset--color--ink-900); padding-block: clamp(28px, 4vw, 40px) clamp(72px, 10vw, 120px); }
.resaco-pricing-enterprise.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-pricing-enterprise__inner { max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto; padding-inline: clamp(20px, 5vw, 40px); box-sizing: border-box; }
.resaco-pricing-enterprise__card {
position: relative; overflow: hidden;
background: var(--wp--preset--color--metric-grey); color: var(--wp--preset--color--deep-data-green);
border-radius: 24px; padding: clamp(40px, 6vw, 64px);
display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center;
}
.resaco-pricing-enterprise__datapalat {
position: absolute; pointer-events: none;
background: var(--wp--preset--color--analytic-greige);
-webkit-mask-position: center; mask-position: center;
-webkit-mask-size: contain; mask-size: contain;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}
.resaco-pricing-enterprise__datapalat--1 {
top: -20px; right: -20px; width: 200px; height: 200px;
-webkit-mask-image: url(../../img/datapalat-04.svg); mask-image: url(../../img/datapalat-04.svg);
}
.resaco-pricing-enterprise__datapalat--2 {
bottom: 20px; left: -20px; width: 110px; height: 110px;
-webkit-mask-image: url(../../img/datapalat-06.svg); mask-image: url(../../img/datapalat-06.svg);
}
.resaco-pricing-enterprise__body { position: relative; }
.resaco-pricing-enterprise__eyebrow { display: inline-flex; align-items: center; font-size: 11.5px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 600; color: #4A6063; margin: 0 0 14px; }
.resaco-pricing-enterprise__eyebrow-dot { width: 6px; height: 6px; background: var(--wp--preset--color--deep-data-green); display: inline-block; margin-right: 8px; }
.resaco-pricing-enterprise__title { font-family: var(--wp--preset--font-family--display); font-size: clamp(36px, 4.2vw, 56px); font-weight: 500; letter-spacing: -0.03em; line-height: 1.02; margin: 0 0 20px; color: var(--wp--preset--color--deep-data-green); }
.resaco-pricing-enterprise__lead { font-size: 16px; line-height: 1.6; color: #4A6063; margin: 0 0 28px; max-width: 52ch; }
.resaco-pricing-enterprise__actions { display: flex; gap: 12px; flex-wrap: wrap; }
.resaco-pricing-enterprise__ghost { color: var(--wp--preset--color--deep-data-green); border: 1px solid rgba(34,59,62,0.25); }
.resaco-pricing-enterprise__ghost:hover { background: rgba(34,59,62,0.06); border-color: rgba(34,59,62,0.45); }
.resaco-pricing-enterprise__ghost .resaco-btn__arrow { background: rgba(34,59,62,0.12); color: var(--wp--preset--color--deep-data-green); }
.resaco-pricing-enterprise__grid { list-style: none; margin: 0; padding: 0; position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.resaco-pricing-enterprise__feat { padding: 18px; background: var(--wp--preset--color--white); border: 1px solid rgba(34,59,62,0.08); border-radius: 14px; }
.resaco-pricing-enterprise__feat-value { display: block; font-family: var(--wp--preset--font-family--display); font-size: 18px; font-weight: 600; letter-spacing: -0.015em; color: var(--wp--preset--color--deep-data-green); margin-bottom: 4px; }
.resaco-pricing-enterprise__feat-label { display: block; font-size: 12.5px; line-height: 1.4; color: #4A6063; }
@media (max-width: 900px) {
.resaco-pricing-enterprise__card { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 480px) {
.resaco-pricing-enterprise__grid { grid-template-columns: 1fr; }
}
.resaco-pricing-faq { background: var(--wp--preset--color--metric-grey); color: #223B3E; padding-block: clamp(72px, 10vw, 120px); }
.resaco-pricing-faq.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-pricing-faq__inner { max-width: var(--resaco-shell-w, 1360px); margin-inline: auto; padding-inline: clamp(20px, 5vw, 40px); box-sizing: border-box; }
.resaco-pricing-faq__grid { display: grid; grid-template-columns: 1fr 1.8fr; gap: clamp(40px, 5vw, 80px); align-items: start; }
.resaco-pricing-faq .resaco-eyebrow { color: #223B3E; }
.resaco-pricing-faq .resaco-eyebrow::before { background: #223B3E; }
.resaco-pricing-faq__title { font-family: var(--wp--preset--font-family--display); font-size: clamp(32px, 3.6vw, 48px); font-weight: 500; letter-spacing: -0.03em; line-height: 1.04; margin: 18px 0 20px; color: var(--wp--preset--color--ink-900); text-wrap: balance; }
.resaco-pricing-faq__lead { font-size: 15px; color: #4A6063; line-height: 1.6; margin: 0 0 20px; }
.resaco-pricing-faq__lead a { color: var(--wp--preset--color--ink-900); }
.resaco-pricing-faq .resaco-btn--ghost { color: var(--wp--preset--color--ink-900); border-color: rgba(13, 24, 24, 0.25); }
.resaco-pricing-faq .resaco-btn--ghost:hover { background: rgba(13, 24, 24, 0.06); border-color: rgba(13, 24, 24, 0.45); }
.resaco-pricing-faq .resaco-btn--ghost .resaco-btn__arrow { background: rgba(13, 24, 24, 0.1); color: var(--wp--preset--color--ink-900); }
.resaco-pricing-faq__list { display: flex; flex-direction: column; gap: 0; }
.resaco-pricing-faq__item { border: none; border-top: 1px solid rgba(34, 59, 62, 0.14); border-radius: 0; background: transparent; }
.resaco-pricing-faq__item:last-child { border-bottom: 1px solid rgba(34, 59, 62, 0.14); }
.resaco-pricing-faq__item.is-open { background: transparent; }
.resaco-pricing-faq__qwrap { margin: 0; font: inherit; }
.resaco-pricing-faq__q {
width: 100%; text-align: left; background: transparent; border: none;
padding: 24px 0; cursor: pointer; color: var(--wp--preset--color--ink-900);
display: flex; justify-content: space-between; align-items: center; gap: 24px;
font-family: inherit;
}
.resaco-pricing-faq__q-text { font-family: var(--wp--preset--font-family--display); font-size: 19px; font-weight: 500; letter-spacing: -0.015em; }
.resaco-pricing-faq__icon {
width: 32px; height: 32px; flex-shrink: 0; border-radius: 999px;
border: 1px solid rgba(34, 59, 62, 0.3);
display: inline-flex; align-items: center; justify-content: center;
color: var(--wp--preset--color--ink-900); font-size: 14px;
transition: transform var(--wp--custom--duration--med) var(--wp--custom--ease--out), background var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-pricing-faq__item.is-open .resaco-pricing-faq__icon { transform: rotate(45deg); background: var(--wp--preset--color--signal-zest); border-color: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900); }
.resaco-pricing-faq__a {
display: grid; grid-template-rows: 0fr;
transition: grid-template-rows var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-pricing-faq__item.is-open .resaco-pricing-faq__a { grid-template-rows: 1fr; }
.resaco-pricing-faq__a-inner {
overflow: hidden;
font-size: 15.5px; line-height: 1.65; color: #4A6063; max-width: 70ch;
}
.resaco-pricing-faq__a-inner p { margin: 0 0 24px; }
@media (max-width: 900px) {
.resaco-pricing-faq__grid { grid-template-columns: 1fr; gap: 32px; }
}
.resaco-pricing-guarantee { background: var(--wp--preset--color--ink-900); padding-block: clamp(28px, 4vw, 40px) clamp(64px, 9vw, 100px); }
.resaco-pricing-guarantee.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-pricing-guarantee__inner { max-width: var(--resaco-shell-w, 1360px); margin-inline: auto; padding-inline: clamp(20px, 5vw, 40px); box-sizing: border-box; }
.resaco-pricing-guarantee__card {
position: relative; overflow: hidden;
background: linear-gradient(135deg, #152626 0%, #1A2F2F 100%);
border: 1px solid rgba(209,244,89,0.25); border-radius: 22px;
padding: clamp(32px, 5vw, 48px) clamp(28px, 5vw, 56px);
display: grid; grid-template-columns: 180px 1fr auto; gap: 40px; align-items: center;
}
.resaco-pricing-guarantee__datapalat {
position: absolute; top: -40px; right: -40px; width: 240px; height: 240px; pointer-events: none; opacity: 0.08;
-webkit-mask: url(../../img/datapalat-07.svg) center/contain no-repeat;
mask: url(../../img/datapalat-07.svg) center/contain no-repeat;
background: var(--wp--preset--color--signal-zest);
}
.resaco-pricing-guarantee__badge-col { position: relative; }
.resaco-pricing-guarantee__badge {
width: 160px; height: 160px; border-radius: 999px;
background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900);
display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
font-family: var(--wp--preset--font-family--display);
border: 4px solid var(--wp--preset--color--ink-900);
box-shadow: 0 0 0 2px var(--wp--preset--color--signal-zest), 0 20px 40px rgba(209,244,89,0.25);
}
.resaco-pricing-guarantee__badge-small { font-size: 11px; letter-spacing: 0.18em; font-weight: 700; }
.resaco-pricing-guarantee__badge-big { font-size: 34px; font-weight: 600; letter-spacing: -0.03em; line-height: 1; }
.resaco-pricing-guarantee__badge-label { font-size: 13px; font-weight: 600; letter-spacing: 0.04em; }
.resaco-pricing-guarantee__badge-label:first-of-type { margin-top: 2px; }
.resaco-pricing-guarantee__body { position: relative; }
.resaco-pricing-guarantee__eyebrow { margin: 0 0 10px; }
.resaco-pricing-guarantee__title { font-family: var(--wp--preset--font-family--display); font-size: clamp(28px, 3.2vw, 44px); font-weight: 500; letter-spacing: -0.025em; line-height: 1.05; margin: 0 0 14px; color: var(--wp--preset--color--white); }
.resaco-pricing-guarantee__lead { font-size: 15.5px; line-height: 1.55; color: var(--wp--preset--color--fg-muted); margin: 0; max-width: 54ch; }
.resaco-pricing-guarantee__cta-col { position: relative; }
@media (max-width: 860px) {
.resaco-pricing-guarantee__card { grid-template-columns: 1fr; justify-items: start; gap: 28px; }
.resaco-pricing-guarantee__lead { max-width: none; }
}
.resaco-pricing-roi { background: var(--wp--preset--color--ink-800); padding-block: clamp(72px, 9vw, 120px); position: relative; overflow: hidden; }
.resaco-pricing-roi.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-pricing-roi__inner { max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto; padding-inline: clamp(20px, 5vw, 40px); box-sizing: border-box; }
.resaco-pricing-roi__grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: clamp(32px, 5vw, 64px); align-items: start; }
.resaco-pricing-roi__title { font-family: var(--wp--preset--font-family--display); font-size: clamp(36px, 4.4vw, 56px); font-weight: 500; letter-spacing: -0.03em; line-height: 1.02; margin: 20px 0 22px; color: var(--wp--preset--color--white); text-wrap: balance; }
.resaco-pricing-roi__lead { font-size: 16px; line-height: 1.6; color: var(--wp--preset--color--fg-muted); margin: 0 0 28px; }
.resaco-pricing-roi__controls { display: flex; flex-direction: column; gap: 22px; }
.resaco-pricing-roi__slider-top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; gap: 16px; }
.resaco-pricing-roi__slider-label { font-size: 13px; color: #E6EAEA; font-weight: 600; }
.resaco-pricing-roi__slider-val { font-family: var(--wp--preset--font-family--display); font-size: 20px; font-weight: 600; color: var(--wp--preset--color--signal-zest); letter-spacing: -0.01em; white-space: nowrap; }
.resaco-pricing-roi__range {
-webkit-appearance: none; appearance: none;
width: 100%; height: 6px; border-radius: 999px; cursor: pointer;
background: rgba(255,255,255,0.12);
outline: none;
}
.resaco-pricing-roi__range:focus-visible { outline: 2px solid var(--wp--preset--color--signal-zest); outline-offset: 4px; }
.resaco-pricing-roi__range::-webkit-slider-thumb {
-webkit-appearance: none; appearance: none;
width: 28px; height: 28px; border-radius: 999px;
background: var(--wp--preset--color--signal-zest);
border: 3px solid var(--wp--preset--color--ink-900);
box-shadow: 0 2px 8px rgba(209,244,89,0.35);
cursor: pointer; transition: transform var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-pricing-roi__range::-webkit-slider-thumb:hover { transform: scale(1.12); }
.resaco-pricing-roi__range::-moz-range-thumb {
width: 28px; height: 28px; border-radius: 999px;
background: var(--wp--preset--color--signal-zest);
border: 3px solid var(--wp--preset--color--ink-900);
box-shadow: 0 2px 8px rgba(209,244,89,0.35);
cursor: pointer;
}
.resaco-pricing-roi__range::-moz-range-track { height: 6px; border-radius: 999px; background: rgba(255,255,255,0.12); }
.resaco-pricing-roi__package-head { display: block; font-size: 12px; color: var(--wp--preset--color--fg-subtle, #7F9092); margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 600; }
.resaco-pricing-roi__toggle { display: inline-flex; padding: 4px; background: var(--wp--preset--color--ink-900); border: 1px solid rgba(255,255,255,0.14); border-radius: 10px; gap: 2px; }
.resaco-pricing-roi__toggle-btn { background: transparent; color: #E6EAEA; border: none; padding: 8px 18px; border-radius: 7px; font-size: 13px; font-weight: 600; cursor: pointer; font-family: inherit; transition: background var(--wp--custom--duration--fast) var(--wp--custom--ease--out), color var(--wp--custom--duration--fast) var(--wp--custom--ease--out); }
.resaco-pricing-roi__toggle-btn:hover { color: var(--wp--preset--color--white); }
.resaco-pricing-roi__toggle-btn.is-active { background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900); }
.resaco-pricing-roi__toggle-btn.is-active:hover { color: var(--wp--preset--color--ink-900); }
.resaco-pricing-roi__result { background: var(--wp--preset--color--ink-900); border: 1px solid rgba(209,244,89,0.2); border-radius: 22px; padding: clamp(28px, 3vw, 40px); position: relative; overflow: hidden; }
.resaco-pricing-roi__result-eyebrow { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--signal-zest); font-weight: 600; margin-bottom: 8px; }
.resaco-pricing-roi__net { font-family: var(--wp--preset--font-family--display); font-size: clamp(56px, 9vw, 128px); font-weight: 500; letter-spacing: -0.05em; line-height: 0.95; color: var(--wp--preset--color--signal-zest); margin: 4px 0 0; }
.resaco-pricing-roi__net-sub { font-size: 14px; color: var(--wp--preset--color--fg-muted); margin-bottom: 26px; }
.resaco-pricing-roi__cells { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 24px; }
.resaco-pricing-roi__cell { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 14px; }
.resaco-pricing-roi__cell.is-accent { background: rgba(209,244,89,0.08); border-color: rgba(209,244,89,0.25); }
.resaco-pricing-roi__cell-label { font-size: 11px; color: var(--wp--preset--color--fg-subtle, #7F9092); margin-bottom: 6px; line-height: 1.3; min-height: 28px; }
.resaco-pricing-roi__cell-val { font-family: var(--wp--preset--font-family--display); font-size: 22px; font-weight: 600; color: var(--wp--preset--color--white); letter-spacing: -0.02em; margin-bottom: 4px; }
.resaco-pricing-roi__cell.is-accent .resaco-pricing-roi__cell-val { color: var(--wp--preset--color--signal-zest); }
.resaco-pricing-roi__cell-sub { font-size: 11px; color: var(--wp--preset--color--fg-subtle, #7F9092); }
.resaco-pricing-roi__callout { background: rgba(209,244,89,0.08); border: 1px solid rgba(209,244,89,0.25); border-radius: 12px; padding: 16px 18px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.resaco-pricing-roi__callout-text { font-size: 13.5px; color: var(--wp--preset--color--white); line-height: 1.5; flex: 1; min-width: 220px; }
.resaco-pricing-roi__callout-text b { color: var(--wp--preset--color--signal-zest); }
.resaco-pricing-roi__disclaimer { margin: 18px 0 0; font-size: 11.5px; color: var(--wp--preset--color--fg-subtle, #7F9092); line-height: 1.5; }
@media (max-width: 980px) {
.resaco-pricing-roi__grid { grid-template-columns: 1fr; }
.resaco-pricing-roi__cells { grid-template-columns: 1fr; }
}
.resaco-pricing-testimonial { background: var(--wp--preset--color--ink-900); padding-block: 0 clamp(64px, 9vw, 120px); }
.resaco-pricing-testimonial.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-pricing-testimonial__inner { max-width: var(--wp--style--global--content-size, 1240px); margin-inline: auto; padding-inline: clamp(20px, 5vw, 40px); box-sizing: border-box; }
.resaco-pricing-testimonial__card {
background: linear-gradient(180deg, #152626 0%, #0D1818 100%);
border: 1px solid rgba(255,255,255,0.08); border-radius: 22px;
padding: clamp(36px, 5vw, 56px); position: relative; overflow: hidden;
}
.resaco-pricing-testimonial__grid { display: grid; grid-template-columns: 1fr 280px; gap: clamp(32px, 5vw, 56px); align-items: center; position: relative; }
.resaco-pricing-testimonial__main { margin: 0; padding: 0; }
.resaco-pricing-testimonial__mark { display: block; font-family: var(--wp--preset--font-family--display); font-size: 80px; color: var(--wp--preset--color--signal-zest); line-height: 0.6; margin-bottom: 4px; }
.resaco-pricing-testimonial__quote {
font-family: var(--wp--preset--font-family--display); font-size: clamp(22px, 2.4vw, 32px);
font-weight: 500; letter-spacing: -0.015em; line-height: 1.25;
margin: 0 0 28px; color: var(--wp--preset--color--white); text-wrap: balance;
}
.resaco-pricing-testimonial__author { display: flex; align-items: center; gap: 14px; }
.resaco-pricing-testimonial__avatar { width: 48px; height: 48px; flex-shrink: 0; border-radius: 999px; background: var(--wp--preset--color--deep-data-green) url(../../img/photos/joonas-client.jpg) center/cover no-repeat; background-size: cover; background-position: center; }
.resaco-pricing-testimonial__id { display: flex; flex-direction: column; }
.resaco-pricing-testimonial__name { font-size: 15px; font-weight: 600; color: var(--wp--preset--color--white); }
.resaco-pricing-testimonial__role { font-size: 13px; color: var(--wp--preset--color--fg-subtle, #7F9092); }
.resaco-pricing-testimonial__stats { display: flex; flex-direction: column; gap: 14px; border-left: 1px solid rgba(255,255,255,0.08); padding-left: 40px; }
.resaco-pricing-testimonial__stat-v { display: block; font-family: var(--wp--preset--font-family--display); font-size: 36px; font-weight: 500; letter-spacing: -0.03em; color: var(--wp--preset--color--signal-zest); line-height: 1; }
.resaco-pricing-testimonial__stat-l { display: block; font-size: 12.5px; color: var(--wp--preset--color--fg-subtle, #7F9092); margin-top: 4px; }
@media (max-width: 860px) {
.resaco-pricing-testimonial__grid { grid-template-columns: 1fr; gap: 32px; }
.resaco-pricing-testimonial__stats { flex-direction: row; flex-wrap: wrap; border-left: none; border-top: 1px solid rgba(255,255,255,0.08); padding-left: 0; padding-top: 28px; gap: 28px; }
}
.resaco-pricing-tiers { background: var(--wp--preset--color--ink-900); padding-block: clamp(64px, 9vw, 120px) clamp(48px, 6vw, 80px); }
.resaco-pricing-tiers.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-pricing-tiers__inner { max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto; padding-inline: clamp(20px, 5vw, 40px); box-sizing: border-box; }
.resaco-pricing-tiers__head { text-align: center; max-width: 820px; margin: 0 auto clamp(48px, 6vw, 64px); }
.resaco-pricing-tiers__head .resaco-eyebrow { justify-content: center; }
.resaco-pricing-tiers__title { font-family: var(--wp--preset--font-family--display); font-size: clamp(36px, 5vw, 64px); font-weight: 500; letter-spacing: -0.035em; line-height: 1.02; margin: var(--wp--preset--spacing--40) 0; color: var(--wp--preset--color--white); text-wrap: balance; }
.resaco-pricing-tiers__lead { font-size: 17px; line-height: 1.55; color: var(--wp--preset--color--fg-muted); margin: 0; }
.resaco-pricing-tiers__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; }
.resaco-tier {
position: relative; display: flex; flex-direction: column;
background: var(--wp--preset--color--deep-data-green); color: var(--wp--preset--color--white);
border: 1px solid rgba(255,255,255,0.08); border-radius: 22px; padding: 34px 30px 30px;
}
.resaco-tier.is-popular {
background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900);
border: none; box-shadow: 0 30px 80px rgba(209,244,89,0.15); transform: translateY(-12px);
}
.resaco-tier__badge {
position: absolute; top: -14px; left: 50%; transform: translateX(-50%); white-space: nowrap;
background: var(--wp--preset--color--ink-900); color: var(--wp--preset--color--signal-zest);
padding: 7px 16px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;
border: 1px solid rgba(209,244,89,0.3);
}
.resaco-tier__header { margin-bottom: 20px; }
.resaco-tier__name-row { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 4px; }
.resaco-tier__name { font-family: var(--wp--preset--font-family--display); font-size: 26px; font-weight: 600; letter-spacing: -0.02em; }
.resaco-tier__num { font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 700; color: var(--wp--preset--color--fg-subtle, #7F9092); }
.resaco-tier.is-popular .resaco-tier__num { color: rgba(13,24,24,0.65); }
.resaco-tier__tagline { font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 600; color: var(--wp--preset--color--signal-zest); }
.resaco-tier.is-popular .resaco-tier__tagline { color: rgba(13,24,24,0.65); }
.resaco-tier__price { display: flex; align-items: baseline; gap: 8px; margin-bottom: 8px; }
.resaco-tier__amount { font-family: var(--wp--preset--font-family--display); font-size: 56px; font-weight: 600; letter-spacing: -0.04em; line-height: 1; }
.resaco-tier__per { font-size: 15px; font-weight: 500; color: var(--wp--preset--color--fg-muted); }
.resaco-tier.is-popular .resaco-tier__per { color: rgba(13,24,24,0.72); }
.resaco-tier__value { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; font-size: 13px; color: var(--wp--preset--color--fg-muted); }
.resaco-tier.is-popular .resaco-tier__value { color: rgba(13,24,24,0.72); }
.resaco-tier__value s { font-weight: 600; }
.resaco-tier__save { padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; background: rgba(209,244,89,0.15); color: var(--wp--preset--color--signal-zest); }
.resaco-tier.is-popular .resaco-tier__save { background: var(--wp--preset--color--ink-900); color: var(--wp--preset--color--signal-zest); }
.resaco-tier__desc { font-size: 14px; line-height: 1.55; color: var(--wp--preset--color--fg-muted); margin: 0 0 22px; min-height: 64px; }
.resaco-tier.is-popular .resaco-tier__desc { color: rgba(13,24,24,0.72); }
.resaco-tier__stack { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 18px; margin-bottom: 22px; }
.resaco-tier.is-popular .resaco-tier__stack { border-top-color: rgba(13,24,24,0.12); }
.resaco-tier__stack-head { font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; color: var(--wp--preset--color--fg-subtle, #7F9092); margin: 0 0 14px; }
.resaco-tier.is-popular .resaco-tier__stack-head { color: rgba(13,24,24,0.55); }
.resaco-tier__stack ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.resaco-tier__stack li { display: flex; gap: 12px; align-items: flex-start; }
.resaco-tier__check { flex-shrink: 0; width: 20px; height: 20px; border-radius: 999px; background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900); display: inline-flex; align-items: center; justify-content: center; margin-top: 2px; }
.resaco-tier.is-popular .resaco-tier__check { background: var(--wp--preset--color--ink-900); color: var(--wp--preset--color--signal-zest); }
.resaco-tier__feat { flex: 1; }
.resaco-tier__feat-top { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; flex-wrap: wrap; }
.resaco-tier__feat-title { font-size: 14px; font-weight: 600; letter-spacing: -0.005em; }
.resaco-tier__feat-value { font-size: 11px; font-family: var(--wp--preset--font-family--mono); color: var(--wp--preset--color--signal-zest); font-weight: 600; white-space: nowrap; }
.resaco-tier.is-popular .resaco-tier__feat-value { color: rgba(13,24,24,0.6); }
.resaco-tier__feat-desc { display: block; font-size: 12.5px; line-height: 1.45; color: var(--wp--preset--color--fg-muted); margin-top: 2px; }
.resaco-tier.is-popular .resaco-tier__feat-desc { color: rgba(13,24,24,0.72); }
.resaco-tier__spacer { flex: 1; }
.resaco-tier__total { background: rgba(209,244,89,0.08); border: 1px solid rgba(209,244,89,0.2); border-radius: 12px; padding: 14px 16px; margin-bottom: 18px; }
.resaco-tier.is-popular .resaco-tier__total { background: rgba(13,24,24,0.08); border-color: rgba(13,24,24,0.15); }
.resaco-tier__total-row { display: flex; justify-content: space-between; font-size: 12px; color: var(--wp--preset--color--fg-muted); margin-bottom: 4px; }
.resaco-tier.is-popular .resaco-tier__total-row { color: rgba(13,24,24,0.72); }
.resaco-tier__total-row.is-now { align-items: baseline; margin-bottom: 0; }
.resaco-tier__total-row.is-now span { font-size: 13px; font-weight: 600; }
.resaco-tier__total-row.is-now strong { font-family: var(--wp--preset--font-family--display); font-size: 24px; font-weight: 600; letter-spacing: -0.02em; color: var(--wp--preset--color--signal-zest); }
.resaco-tier.is-popular .resaco-tier__total-row.is-now strong { color: var(--wp--preset--color--ink-900); }
.resaco-tier__cta { width: 100%; justify-content: center; }
.resaco-tier__footnote { margin: 12px 0 0; font-size: 11.5px; text-align: center; color: var(--wp--preset--color--fg-muted); }
.resaco-tier.is-popular .resaco-tier__footnote { color: rgba(13,24,24,0.72); }
@media (max-width: 980px) and (min-width: 700px) {
.resaco-pricing-tiers__grid { grid-template-columns: repeat(2, 1fr); max-width: none; }
.resaco-pricing-tiers__grid > .resaco-tier:last-child { grid-column: 1 / -1; }
.resaco-tier.is-popular { transform: none; }
}
@media (max-width: 699px) {
.resaco-pricing-tiers__grid { grid-template-columns: 1fr; max-width: 460px; margin-inline: auto; }
.resaco-tier.is-popular { transform: none; }
}
.resaco-pricing-value-anchor {
background: var(--wp--preset--color--deep-data-green);
border-top: 1px solid rgba(255,255,255,0.06);
border-bottom: 1px solid rgba(255,255,255,0.06);
padding-block: clamp(40px, 5vw, 48px);
}
.resaco-pricing-value-anchor.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-pricing-value-anchor__inner {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: 48px;
align-items: center;
}
.resaco-pricing-value-anchor__left .resaco-eyebrow { margin-bottom: 10px; }
.resaco-pricing-value-anchor__title {
font-family: var(--wp--preset--font-family--display);
font-size: clamp(32px, 3.6vw, 48px);
font-weight: 500;
letter-spacing: -0.03em;
line-height: 1.05;
color: var(--wp--preset--color--white);
margin: 0;
text-wrap: balance;
}
.resaco-pricing-value-anchor__accent { color: var(--wp--preset--color--signal-zest); }
.resaco-pricing-value-anchor__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.resaco-pricing-value-anchor__card {
padding: 14px 16px;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 10px;
background: rgba(255,255,255,0.02);
}
.resaco-pricing-value-anchor__role {
font-size: 12px;
color: var(--wp--preset--color--fg-muted, #B8C4C5);
margin: 0 0 4px;
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 600;
}
.resaco-pricing-value-anchor__cost {
font-family: var(--wp--preset--font-family--display);
font-size: 20px;
font-weight: 600;
color: var(--wp--preset--color--white);
letter-spacing: -0.02em;
margin: 0;
}
.resaco-pricing-value-anchor__cost s { text-decoration-color: #A3B2B4; color: #A3B2B4; }
.resaco-pricing-value-anchor__per { font-size: 12px; color: var(--wp--preset--color--fg-muted, #B8C4C5); margin-left: 8px; }
@media (max-width: 900px) {
.resaco-pricing-value-anchor__inner { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 560px) {
.resaco-pricing-value-anchor__grid { grid-template-columns: repeat(2, 1fr); }
}
.resaco-pricing-why-bar {
background: var(--wp--preset--color--deep-data-green);
border-top: 1px solid rgba(255,255,255,0.06);
border-bottom: 1px solid rgba(255,255,255,0.06);
padding-block: clamp(56px, 7vw, 80px);
}
.resaco-pricing-why-bar.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-pricing-why-bar__inner {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-pricing-why-bar__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--resaco-whybar-cols, 5), 1fr); gap: 0; }
.resaco-pricing-why-bar__item { padding: 0 24px; }
.resaco-pricing-why-bar__item + .resaco-pricing-why-bar__item { border-left: 1px solid rgba(255,255,255,0.08); }
.resaco-pricing-why-bar__title {
font-family: var(--wp--preset--font-family--display);
font-size: 22px;
font-weight: 600;
letter-spacing: -0.02em;
color: var(--wp--preset--color--signal-zest);
margin: 0 0 10px;
}
.resaco-pricing-why-bar__desc {
font-size: 13.5px;
line-height: 1.5;
color: var(--wp--preset--color--fg-muted);
margin: 0;
}
@media (max-width: 900px) {
.resaco-pricing-why-bar__grid { grid-template-columns: repeat(2, 1fr); gap: 32px 0; }
.resaco-pricing-why-bar__item { padding: 0 20px; }
.resaco-pricing-why-bar__item:nth-child(odd) { border-left: none; }
}
@media (max-width: 520px) {
.resaco-pricing-why-bar__grid { grid-template-columns: 1fr; gap: 28px; }
.resaco-pricing-why-bar__item, .resaco-pricing-why-bar__item + .resaco-pricing-why-bar__item { border-left: none; padding: 0; }
}
.resaco-process-steps {
width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
padding-block: clamp(40px, 5vw, 56px); padding-inline: clamp(16px, 4vw, 32px);
}
.resaco-process-steps__card {
position: relative; overflow: hidden;
max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto;
background: var(--wp--preset--color--ink-900);
padding: clamp(40px, 5vw, 64px) clamp(24px, 4vw, 48px);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: var(--wp--custom--radius--md);
box-sizing: border-box;
}
.resaco-process-steps__card > * { position: relative; z-index: 1; }
.resaco-process-steps__datapalat { position: absolute; z-index: 0; pointer-events: none; }
.resaco-process-steps__datapalat--a {
top: 30px; right: 0; width: 170px; aspect-ratio: 1; opacity: 0.05; background: var(--wp--preset--color--white);
-webkit-mask: url(../../img/datapalat-02.svg) center/contain no-repeat; mask: url(../../img/datapalat-02.svg) center/contain no-repeat;
}
.resaco-process-steps__datapalat--b {
bottom: 30px; left: -30px; width: 100px; aspect-ratio: 1; opacity: 0.9; background: var(--wp--preset--color--signal-zest);
-webkit-mask: url(../../img/datapalat-06.svg) center/contain no-repeat; mask: url(../../img/datapalat-06.svg) center/contain no-repeat;
}
.resaco-process-steps__title {
font-family: var(--wp--preset--font-family--display); font-size: clamp(30px, 4vw, 40px);
font-weight: 600; letter-spacing: -0.02em; line-height: 1.08; margin: 14px 0 40px; max-width: 18ch;
color: var(--wp--preset--color--white);
}
.resaco-process-steps__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.resaco-process-steps__step {
background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: var(--wp--custom--radius--lg); padding: 26px;
}
.resaco-process-steps__num { font-family: var(--wp--preset--font-family--mono); font-size: 13px; color: var(--wp--preset--color--signal-zest); font-weight: 600; letter-spacing: 0.12em; margin: 0 0 24px; }
.resaco-process-steps__step-title { font-family: var(--wp--preset--font-family--display); font-size: 24px; font-weight: 600; letter-spacing: -0.02em; margin: 0 0 10px; color: var(--wp--preset--color--white); }
.resaco-process-steps__step-desc { font-size: 14.5px; line-height: 1.55; color: var(--wp--preset--color--fg-muted); margin: 0; }
@media (max-width: 900px) { .resaco-process-steps__grid { grid-template-columns: 1fr; } }
.resaco-service-cases { background: #F8F9F7; color: #223B3E; padding-block: var(--resaco-section-pad); position: relative; overflow: hidden; }
.resaco-service-cases.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-service-cases__inner { max-width: var(--resaco-shell-w, 1360px); margin-inline: auto; padding-inline: clamp(20px, 5vw, 40px); box-sizing: border-box; position: relative; z-index: 1; }
.resaco-service-cases__datapalat { position: absolute; z-index: 0; pointer-events: none; background: var(--wp--preset--color--analytic-greige); }
.resaco-service-cases__datapalat--a {
top: 80px; left: -20px; width: 160px; aspect-ratio: 1;
-webkit-mask: url(../../img/datapalat-04.svg) center/contain no-repeat; mask: url(../../img/datapalat-04.svg) center/contain no-repeat;
}
.resaco-service-cases__datapalat--b {
bottom: 60px; right: 20px; width: 110px; aspect-ratio: 1;
-webkit-mask: url(../../img/datapalat-05.svg) center/contain no-repeat; mask: url(../../img/datapalat-05.svg) center/contain no-repeat;
}
.resaco-service-cases__header { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 24px; margin-bottom: 48px; }
.resaco-service-cases__eyebrow {
display: inline-flex; align-items: center; gap: 8px; margin: 0;
font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: #223B3E; font-weight: 600;
}
.resaco-service-cases__eyebrow::before { content: ""; width: 6px; height: 6px; background: currentColor; display: inline-block; }
.resaco-service-cases__heading {
font-family: var(--wp--preset--font-family--display);
font-size: clamp(36px, 4.4vw, 60px); font-weight: 500;
letter-spacing: -0.035em; line-height: 1.02;
margin: 20px 0 0; text-wrap: balance; max-width: 20ch; color: #223B3E;
}
.resaco-service-cases__all {
display: inline-flex; align-items: center; gap: 10px;
padding: 14px 22px; border-radius: 999px;
background: #0D1818; color: #fff; text-decoration: none;
font-family: var(--wp--preset--font-family--display); font-size: 14px; font-weight: 600;
transition: transform var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-service-cases__all:hover { transform: translateY(-1px); }
.resaco-service-cases__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; position: relative; list-style: none; margin: 0; padding: 0; }
.resaco-service-cases__card-wrap { display: contents; }
.resaco-service-cases__card-article { display: contents; }
.resaco-service-cases__card {
display: block; text-decoration: none; color: inherit;
background: #fff; border: 1px solid rgba(34, 59, 62, 0.08);
border-radius: 20px; overflow: hidden;
transition: transform var(--wp--custom--duration--med) var(--wp--custom--ease--out), box-shadow var(--wp--custom--duration--med) var(--wp--custom--ease--out);
box-shadow: 0 1px 3px rgba(34, 59, 62, 0.04);
}
.resaco-service-cases__card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(34, 59, 62, 0.12); }
.resaco-service-cases__media {
position: relative; display: block; aspect-ratio: 16 / 10;
overflow: hidden;
}
.resaco-service-cases__media-img {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; object-position: center;
}
.resaco-service-cases__pill {
position: absolute; top: 14px; left: 14px;
background: #D1F459; color: #0D1818;
font-size: 10.5px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
padding: 5px 10px; border-radius: 999px;
}
.resaco-service-cases__body { display: block; padding: 26px; }
.resaco-service-cases__eye { display: block; font-size: 11.5px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 600; color: #4A6063; margin-bottom: 12px; }
.resaco-service-cases__h {
display: block; font-family: var(--wp--preset--font-family--display);
font-size: 22px; font-weight: 600; letter-spacing: -0.02em;
margin: 0 0 12px; line-height: 1.18; text-wrap: balance; color: #223B3E;
}
.resaco-service-cases__desc { display: block; font-size: 14px; line-height: 1.55; color: #4A6063; margin: 0 0 18px; }
.resaco-service-cases__foot { display: flex; align-items: baseline; gap: 12px; border-top: 1px dashed rgba(34, 59, 62, 0.15); padding-top: 14px; }
.resaco-service-cases__stat { font-family: var(--wp--preset--font-family--display); font-size: 32px; font-weight: 600; letter-spacing: -0.035em; color: #0D1818; line-height: 1; }
.resaco-service-cases__foot-mid { flex: 1; display: block; }
.resaco-service-cases__cap { display: block; font-size: 12px; color: #4A6063; font-weight: 500; }
.resaco-service-cases__meta { display: block; font-size: 10.5px; color: #7F9092; font-family: ui-monospace, monospace; letter-spacing: 0.02em; margin-top: 2px; }
.resaco-service-cases__arrow { font-size: 16px; color: #0D1818; }
@media (max-width: 980px) {
.resaco-service-cases__grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
.resaco-service-cases { padding: 80px 0; }
}
.resaco-service-hero {
position: relative;
overflow: hidden;
background: #0D1818;
padding: 64px 0 96px;
color: #fff;
}
.resaco-service-hero.alignfull {
width: 100vw; max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.resaco-service-hero__datapalat { position: absolute; z-index: 0; pointer-events: none; }
.resaco-service-hero__datapalat--a {
top: 60px; right: -20px; width: 160px; aspect-ratio: 1; opacity: 0.9;
background: var(--wp--preset--color--signal-zest);
-webkit-mask: url(../../img/datapalat-02.svg) center/contain no-repeat; mask: url(../../img/datapalat-02.svg) center/contain no-repeat;
}
.resaco-service-hero__datapalat--b {
bottom: 40px; left: 60px; width: 140px; aspect-ratio: 1; opacity: 0.4;
background: var(--wp--preset--color--insight-blue);
-webkit-mask: url(../../img/datapalat-04.svg) center/contain no-repeat; mask: url(../../img/datapalat-04.svg) center/contain no-repeat;
}
.resaco-service-hero__inner {
position: relative; z-index: 1;
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-service-hero__breadcrumb {
display: flex;
gap: 10px;
font-size: 13px;
color: #7F9092;
margin-bottom: 24px;
}
.resaco-service-hero__breadcrumb a {
color: #7F9092;
text-decoration: none;
}
.resaco-service-hero__breadcrumb a:hover { color: #fff; }
.resaco-service-hero__breadcrumb-current { color: #fff; }
.resaco-service-hero__breadcrumb-list { display: contents; list-style: none; margin: 0; padding: 0; }
.resaco-service-hero__breadcrumb-list li { list-style: none; margin: 0; padding: 0; }
.resaco-service-hero__grid {
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: 56px;
align-items: end;
}
.resaco-service-hero__title {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: var(--wp--preset--font-size--hero);
font-weight: 500;
letter-spacing: -0.045em;
line-height: 0.94;
margin: 20px 0 28px;
color: #fff;
text-wrap: balance;
max-width: 14ch;
}
.resaco-service-hero__accent { color: #D1F459; }
.resaco-service-hero__lead {
font-size: 20px;
line-height: 1.5;
color: #B8C4C5;
margin: 0 0 32px;
max-width: 54ch;
}
.resaco-service-hero__ctas {
display: flex;
gap: 14px;
flex-wrap: wrap;
}
.resaco-service-hero__card {
background: #152626;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 28px;
}
.resaco-service-hero__kicker {
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #D1F459;
font-weight: 600;
margin-bottom: 16px;
}
.resaco-service-hero__stats {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 14px;
}
.resaco-service-hero__stat {
display: flex;
align-items: baseline;
gap: 14px;
padding-bottom: 14px;
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.resaco-service-hero__stat:last-child {
border-bottom: none;
padding-bottom: 0;
}
.resaco-service-hero__stat-value {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 28px;
font-weight: 500;
letter-spacing: -0.02em;
color: #fff;
min-width: 80px;
}
.resaco-service-hero__stat-label {
font-size: 13px;
color: #B8C4C5;
line-height: 1.45;
}
@media (max-width: 900px) {
.resaco-service-hero__grid {
grid-template-columns: 1fr;
gap: 48px;
}
.resaco-service-hero__title {
max-width: 100%;
}
}
@media (max-width: 480px) {
.resaco-service-hero {
padding: 48px 0 72px;
}
.resaco-service-hero__title {
font-size: clamp(40px, 12vw, 64px);
}
.resaco-service-hero__lead {
font-size: 18px;
}
.resaco-service-hero__card {
padding: 22px;
}
}
.resaco-service-hero { --resaco-glow: rgba(162, 220, 233, 0.11); }
.resaco-service-pricing { background: #152626; padding-block: var(--resaco-section-pad); }
.resaco-service-pricing.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-service-pricing__inner { max-width: var(--resaco-shell-w, 1360px); margin-inline: auto; padding-inline: clamp(20px, 5vw, 40px); box-sizing: border-box; }
.resaco-service-pricing__heading {
font-family: var(--wp--preset--font-family--display);
font-size: clamp(36px, 4.2vw, 56px); font-weight: 500;
letter-spacing: -0.035em; line-height: 1.02;
margin: 20px 0 48px; color: var(--wp--preset--color--white);
text-wrap: balance;
}
.resaco-service-pricing__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; }
.resaco-service-pricing__card {
background: #0D1818; color: #fff;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 24px; padding: 36px 30px 32px;
height: 100%; box-sizing: border-box;
display: flex; flex-direction: column; align-items: flex-start;
}
.resaco-service-pricing__card.is-featured { background: #D1F459; color: #0D1818; border: none; }
.resaco-service-pricing__badge { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 700; margin-bottom: 12px; }
.resaco-service-pricing__name { font-family: var(--wp--preset--font-family--display); font-size: 24px; font-weight: 500; letter-spacing: -0.02em; margin-bottom: 6px; }
.resaco-service-pricing__price { font-family: var(--wp--preset--font-family--display); font-size: 36px; font-weight: 500; letter-spacing: -0.03em; margin-bottom: 10px; }
.resaco-service-pricing__body { font-size: 14px; line-height: 1.5; color: #B8C4C5; margin: 0 0 24px; }
.resaco-service-pricing__card.is-featured .resaco-service-pricing__body { color: #0D1818; opacity: 0.85; }
.resaco-service-pricing__bullets { list-style: none; padding: 0; margin: 0 0 28px; display: flex; flex-direction: column; gap: 10px; }
.resaco-service-pricing__bullets li { font-size: 13.5px; display: flex; gap: 10px; align-items: center; }
.resaco-service-pricing__bullets li::before { content: ""; width: 4px; height: 4px; flex-shrink: 0; background: var(--wp--preset--color--signal-zest, #D1F459); }
.resaco-service-pricing__card.is-featured .resaco-service-pricing__bullets li::before { background: #0D1818; }
.resaco-service-pricing__cta { margin-top: auto; }
@media (max-width: 980px) {
.resaco-service-pricing__grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
.resaco-service-pricing { padding: 80px 0; }
}
.resaco-service-process {
background: var(--wp--preset--color--ink-900);
padding-block: var(--resaco-section-pad);
position: relative;
overflow: hidden;
}
.resaco-service-process.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-service-process__inner {
max-width: var(--resaco-shell-w, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-service-process__head {
max-width: 620px;
margin-bottom: 64px;
}
.resaco-service-process__heading {
font-family: var(--wp--preset--font-family--display);
font-size: clamp(36px, 4.4vw, 60px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.02;
margin: 20px 0 0;
color: var(--wp--preset--color--white);
text-wrap: balance;
}
.resaco-service-process__sub {
font-size: 16px;
line-height: 1.6;
color: var(--wp--preset--color--fg-muted);
margin: 16px 0 0;
}
.resaco-service-process__sub:empty { display: none; }
.resaco-service-process__timeline {
list-style: none;
margin: 0;
padding: 0;
}
.resaco-service-process__phase {
display: grid;
grid-template-columns: 56px 170px 1fr;
gap: 24px;
position: relative;
padding-bottom: 56px;
}
.resaco-service-process__phase:last-child { padding-bottom: 0; }
.resaco-service-process__marker {
width: 14px;
height: 14px;
background: var(--wp--preset--color--signal-zest);
margin-top: 6px;
position: relative;
z-index: 1;
}
.resaco-service-process__phase::before {
content: '';
position: absolute;
left: 6px;
top: 28px;
bottom: -8px;
width: 2px;
background: rgba(255, 255, 255, 0.1);
}
.resaco-service-process__phase:last-child::before { display: none; }
.resaco-service-process__date {
font-family: var(--wp--preset--font-family--display);
font-size: 13px;
font-weight: 600;
color: var(--wp--preset--color--signal-zest);
letter-spacing: 0.1em;
text-transform: uppercase;
padding-top: 4px;
margin: 0;
}
.resaco-service-process__phase-title {
font-family: var(--wp--preset--font-family--display);
font-size: clamp(24px, 2.4vw, 30px);
font-weight: 500;
letter-spacing: -0.02em;
color: var(--wp--preset--color--white);
margin: 0 0 10px;
line-height: 1.05;
}
.resaco-service-process__phase-desc {
font-size: 15px;
line-height: 1.6;
color: var(--wp--preset--color--fg-muted);
margin: 0 0 18px;
max-width: 56ch;
}
.resaco-service-process__phase-desc:empty { display: none; }
.resaco-service-process__bullets {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.resaco-service-process__bullet {
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px dashed rgba(255, 255, 255, 0.22);
color: #E6EAEA;
font-size: 13px;
padding: 8px 14px;
border-radius: 999px;
}
.resaco-service-process__bullet-dot {
width: 4px;
height: 4px;
background: var(--wp--preset--color--signal-zest);
flex-shrink: 0;
}
.resaco-service-process__outcome {
display: flex;
align-items: baseline;
gap: 16px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 24px;
margin: 56px 0 0 80px;
}
.resaco-service-process__outcome-stat {
font-family: var(--wp--preset--font-family--display);
font-size: 40px;
font-weight: 500;
letter-spacing: -0.03em;
color: var(--wp--preset--color--signal-zest);
line-height: 1;
}
.resaco-service-process__outcome-label {
font-size: 14px;
color: var(--wp--preset--color--fg-muted);
}
@media (max-width: 780px) {
.resaco-service-process__phase {
grid-template-columns: 32px 1fr;
grid-template-areas:
"marker date"
"marker body";
row-gap: 10px;
padding-bottom: 40px;
}
.resaco-service-process__marker { grid-area: marker; }
.resaco-service-process__date { grid-area: date; }
.resaco-service-process__body { grid-area: body; }
.resaco-service-process__phase::before { left: 6px; }
.resaco-service-process__outcome { margin-left: 0; flex-wrap: wrap; }
}
.resaco-service-workstreams {
background: var(--wp--preset--color--metric-grey);
color: #223B3E;
padding-block: var(--resaco-section-pad);
position: relative;
overflow: hidden;
}
.resaco-service-workstreams.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-service-workstreams__inner {
max-width: var(--resaco-shell-w, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-service-workstreams__grid {
display: grid;
grid-template-columns: 1fr 1.5fr;
gap: clamp(40px, 5vw, 72px);
align-items: start;
}
.resaco-service-workstreams__intro {
position: sticky;
top: 32px;
}
.resaco-service-workstreams__eyebrow { color: #223B3E; }
.resaco-service-workstreams__eyebrow::before { background: #223B3E; }
.resaco-service-workstreams__heading {
font-family: var(--wp--preset--font-family--display);
font-size: clamp(34px, 3.8vw, 52px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.04;
margin: 20px 0 20px;
color: var(--wp--preset--color--ink-900);
text-wrap: balance;
}
.resaco-service-workstreams__sub {
font-size: 15.5px;
line-height: 1.6;
color: #4A6063;
margin: 0 0 28px;
}
.resaco-service-workstreams__sub:empty { display: none; }
.resaco-service-workstreams__photo {
position: relative;
margin: 0;
aspect-ratio: 4 / 3;
border-radius: 20px;
overflow: hidden;
}
.resaco-service-workstreams__photo-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.resaco-service-workstreams__photo-palat {
position: absolute;
bottom: 0;
right: 0;
width: 26%;
aspect-ratio: 1;
background: url(../../img/datapalat-03.svg) center / contain no-repeat;
filter: brightness(0) saturate(100%) invert(92%) sepia(29%) saturate(1600%) hue-rotate(18deg) brightness(103%) contrast(92%);
pointer-events: none;
}
.resaco-service-workstreams__list {
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid rgba(34, 59, 62, 0.14);
}
.resaco-service-workstreams__row {
display: grid;
grid-template-columns: 92px 1fr;
gap: 20px;
padding: 30px 20px 30px 8px;
border-top: 1px solid rgba(34, 59, 62, 0.14);
align-items: start;
transition: background var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-service-workstreams__row:hover {
background: #fff;
}
.resaco-service-workstreams__row-kicker {
font-family: var(--wp--preset--font-family--display);
font-size: 46px;
font-weight: 500;
letter-spacing: -0.04em;
line-height: 1;
color: rgba(34, 59, 62, 0.6);
transition: color var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-service-workstreams__row:hover .resaco-service-workstreams__row-kicker {
color: var(--wp--preset--color--ink-900);
}
.resaco-service-workstreams__row-titlerow {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.resaco-service-workstreams__row-title {
font-family: var(--wp--preset--font-family--display);
font-size: 23px;
font-weight: 600;
letter-spacing: -0.02em;
margin: 0;
color: var(--wp--preset--color--ink-900);
}
.resaco-service-workstreams__row-tag {
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
background: var(--wp--preset--color--signal-zest);
color: var(--wp--preset--color--ink-900);
padding: 4px 10px;
border-radius: 999px;
white-space: nowrap;
}
.resaco-service-workstreams__row-tag:empty { display: none; }
.resaco-service-workstreams__row-desc {
font-size: 15px;
line-height: 1.6;
color: #4A6063;
margin: 10px 0 0;
max-width: 58ch;
}
.resaco-service-workstreams__footnote {
margin: 18px 0 0;
font-size: 12.5px;
color: #4A6063;
}
.resaco-service-workstreams__footnote:empty { display: none; }
@media (max-width: 1024px) {
.resaco-service-workstreams__grid {
grid-template-columns: 1fr;
}
.resaco-service-workstreams__intro {
position: static;
}
.resaco-service-workstreams__photo {
max-width: 480px;
}
}
@media (max-width: 640px) {
.resaco-service-workstreams__row {
grid-template-columns: 48px 1fr;
padding: 24px 8px;
}
.resaco-service-workstreams__row-kicker { font-size: 30px; }
}
.resaco-service-workstreams.is-tone-dark { background: var(--wp--preset--color--ink-900); color: var(--wp--preset--color--fg-muted); }
.resaco-service-workstreams.is-tone-dark .resaco-service-workstreams__eyebrow { color: var(--wp--preset--color--signal-zest); }
.resaco-service-workstreams.is-tone-dark .resaco-service-workstreams__eyebrow::before { background: var(--wp--preset--color--signal-zest); }
.resaco-service-workstreams.is-tone-dark .resaco-service-workstreams__heading { color: var(--wp--preset--color--white); }
.resaco-service-workstreams.is-tone-dark .resaco-service-workstreams__sub { color: var(--wp--preset--color--fg-muted); }
.resaco-service-workstreams.is-tone-dark .resaco-service-workstreams__list { border-bottom-color: rgba(255, 255, 255, 0.1); }
.resaco-service-workstreams.is-tone-dark .resaco-service-workstreams__row { border-top-color: rgba(255, 255, 255, 0.1); }
.resaco-service-workstreams.is-tone-dark .resaco-service-workstreams__row:hover { background: rgba(255, 255, 255, 0.03); }
.resaco-service-workstreams.is-tone-dark .resaco-service-workstreams__row-kicker { color: rgba(255, 255, 255, 0.5); }
.resaco-service-workstreams.is-tone-dark .resaco-service-workstreams__row:hover .resaco-service-workstreams__row-kicker { color: var(--wp--preset--color--signal-zest); }
.resaco-service-workstreams.is-tone-dark .resaco-service-workstreams__row-title { color: var(--wp--preset--color--white); }
.resaco-service-workstreams.is-tone-dark .resaco-service-workstreams__row-desc { color: var(--wp--preset--color--fg-muted); }
.resaco-service-workstreams.is-unnumbered .resaco-service-workstreams__row {
grid-template-columns: 1fr;
padding-left: 20px;
}
.resaco-services-index {
background: #F8F9F7;
color: #223B3E;
padding-block: var(--resaco-section-pad);
position: relative;
overflow: hidden;
}
.resaco-services-index__inner {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
}
.resaco-services-index__head {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 56px;
flex-wrap: wrap;
gap: 32px;
}
.resaco-services-index__head-copy {
max-width: 640px;
}
.resaco-services-index__eyebrow {
color: #223B3E;
}
.resaco-services-index__eyebrow::before {
background: #223B3E;
}
.resaco-services-index__title {
font-family: 'Stack Sans Notch', sans-serif;
font-size: clamp(40px, 5vw, 72px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.02;
margin: 20px 0 0;
color: #0D1818;
text-wrap: balance;
}
.resaco-services-index__title-accent {
color: #4A6063;
}
.resaco-services-index__head-cta {
flex-shrink: 0;
}
.resaco-services-index__list {
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid rgba(34, 59, 62, 0.15);
}
.resaco-services-index__row-wrap,
.resaco-services-index__row-article {
display: contents;
}
.resaco-services-index__row {
display: grid;
grid-template-columns: 90px 1.1fr 1.4fr 48px;
gap: 32px;
align-items: center;
padding: 38px 20px 38px 8px;
border-top: 1px solid rgba(34, 59, 62, 0.15);
text-decoration: none;
color: inherit;
transition: background var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-services-index__row:hover,
.resaco-services-index__row:focus-visible {
background: #fff;
}
.resaco-services-index__row-kicker {
font-family: 'Stack Sans Notch', sans-serif;
font-size: 44px;
font-weight: 500;
letter-spacing: -0.04em;
line-height: 1;
color: rgba(34, 59, 62, 0.6);
transition: color var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-services-index__row:hover .resaco-services-index__row-kicker,
.resaco-services-index__row:focus-visible .resaco-services-index__row-kicker {
color: #0D1818;
}
.resaco-services-index__row-title {
font-family: 'Stack Sans Notch', sans-serif;
font-size: clamp(26px, 2.6vw, 38px);
font-weight: 500;
letter-spacing: -0.025em;
line-height: 1.05;
margin: 0 0 14px;
color: #0D1818;
}
.resaco-services-index__row-bullets {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.resaco-services-index__row-bullet {
display: inline-flex;
align-items: center;
gap: 7px;
font-size: 12.5px;
color: #4A6063;
border: 1px solid rgba(34, 59, 62, 0.18);
border-radius: 999px;
padding: 5px 12px;
}
.resaco-services-index__row-bullet-dot {
width: 4px;
height: 4px;
background: #0D1818;
flex-shrink: 0;
}
.resaco-services-index__row-copy {
font-size: 15px;
line-height: 1.6;
color: #4A6063;
margin: 0;
max-width: 52ch;
}
.resaco-services-index__row-arrow {
width: 44px;
height: 44px;
border-radius: 999px;
border: 1px solid rgba(34, 59, 62, 0.25);
background: transparent;
color: #0D1818;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
transition:
background var(--wp--custom--duration--med) var(--wp--custom--ease--out),
border-color var(--wp--custom--duration--med) var(--wp--custom--ease--out),
transform var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-services-index__row:hover .resaco-services-index__row-arrow,
.resaco-services-index__row:focus-visible .resaco-services-index__row-arrow {
background: #D1F459;
border-color: #D1F459;
transform: rotate(-45deg);
}
@media (max-width: 1024px) {
.resaco-services-index__row {
grid-template-columns: 64px 1fr 48px;
grid-template-areas:
"kicker main arrow"
"kicker copy arrow";
row-gap: 12px;
}
.resaco-services-index__row-kicker { grid-area: kicker; font-size: 32px; }
.resaco-services-index__row-main { grid-area: main; }
.resaco-services-index__row-copy { grid-area: copy; }
.resaco-services-index__row-arrow { grid-area: arrow; align-self: center; }
}
@media (max-width: 640px) {
.resaco-services-index__row {
grid-template-columns: 1fr 44px;
grid-template-areas:
"kicker arrow"
"main arrow"
"copy arrow";
padding: 28px 8px;
}
.resaco-services-index__row-kicker { font-size: 26px; }
}
.resaco-signoff {
background: var(--wp--preset--color--metric-grey, #F8F9F7);
color: #223B3E;
padding-block: clamp(60px, 8vw, 100px) clamp(40px, 5vw, 60px);
padding-inline: clamp(20px, 5vw, 40px);
}
.resaco-signoff__inner {
max-width: 680px;
margin-inline: auto;
text-align: center;
}
.resaco-signoff__figure {
display: contents;
}
.resaco-signoff__avatar {
margin: 0 auto clamp(20px, 3vw, 28px);
width: 88px;
height: 88px;
border-radius: 999px;
overflow: hidden;
border: 3px solid var(--wp--preset--color--signal-zest, #D1F459);
flex-shrink: 0;
}
.resaco-signoff__avatar img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.resaco-signoff__quote {
margin: 0 0 clamp(18px, 2.5vw, 28px);
}
.resaco-signoff__quote p {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(18px, 1.6vw, 22px);
font-weight: 500;
line-height: 1.55;
color: #223B3E;
margin: 0;
letter-spacing: -0.01em;
text-wrap: balance;
}
.resaco-signoff__attribution {
text-align: right;
max-width: 400px;
margin-inline: auto 0;
}
.resaco-signoff__attribution span {
font-size: 14px;
font-weight: 600;
color: #223B3E;
letter-spacing: 0.02em;
}
.resaco-solution-levers { background: var(--wp--preset--color--ink-900); padding-block: var(--resaco-section-pad); }
.resaco-solution-levers.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-solution-levers__inner {
max-width: var(--resaco-shell-w, 1360px); margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px); box-sizing: border-box;
}
.resaco-solution-levers__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.resaco-solution-levers__heading {
font-family: var(--wp--preset--font-family--display); font-size: clamp(36px, 4.4vw, 60px);
font-weight: 500; letter-spacing: -0.035em; line-height: 1.02; margin: 20px 0 24px;
text-wrap: balance; color: var(--wp--preset--color--white);
}
.resaco-solution-levers__lead { font-size: 17px; line-height: 1.6; color: #B8C4C5; max-width: 44ch; margin: 0; }
.resaco-solution-levers__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.resaco-solution-levers__row {
display: flex; gap: 18px; padding: 20px 22px;
background: var(--wp--preset--color--ink-800); border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 16px; box-sizing: border-box;
}
.resaco-solution-levers__num {
font-family: var(--wp--preset--font-family--display); font-size: 13px; font-weight: 600;
color: var(--wp--preset--color--signal-zest); width: 24px; flex-shrink: 0; padding-top: 3px;
}
.resaco-solution-levers__title {
font-family: var(--wp--preset--font-family--display); font-size: 19px; font-weight: 500;
letter-spacing: -0.015em; color: var(--wp--preset--color--white); margin: 0 0 6px;
}
.resaco-solution-levers__body { font-size: 14px; line-height: 1.55; color: #B8C4C5; margin: 0; }
@media (max-width: 900px) { .resaco-solution-levers__grid { grid-template-columns: 1fr; gap: 48px; } }
@media (max-width: 640px) { .resaco-solution-levers { padding: 80px 0; } }
.resaco-stats-strip {
width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
padding-block: clamp(40px, 5vw, 56px); padding-inline: clamp(16px, 4vw, 32px);
}
.resaco-stats-strip__card {
max-width: var(--resaco-shell-w, 1360px);
margin-inline: auto;
background: var(--wp--preset--color--ink-900);
padding: clamp(40px, 4vw, 56px) clamp(28px, 3vw, 44px);
border-top: 1px dashed rgba(255, 255, 255, 0.12);
border-bottom: 1px dashed rgba(255, 255, 255, 0.12);
border-radius: var(--wp--custom--radius--md);
box-sizing: border-box;
}
.resaco-stats-strip__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--statsband-cols, 5), minmax(0, 1fr)); align-items: end; container-type: inline-size; }
.resaco-stats-strip__item { padding: 0 clamp(12px, 1.5vw, 20px); min-width: 0; }
.resaco-stats-strip__item + .resaco-stats-strip__item { border-left: 1px dashed rgba(255, 255, 255, 0.15); }
.resaco-stats-strip__num {
font-family: var(--wp--preset--font-family--display);
font-size: clamp(22px, calc(16cqw / var(--statsband-cols, 5)), 52px);
font-weight: 600; letter-spacing: -0.035em; line-height: 1.02;
color: var(--wp--preset--color--signal-zest); margin: 0 0 10px;
text-wrap: balance;
}
.resaco-stats-strip__lbl { font-size: 12.5px; line-height: 1.45; color: var(--wp--preset--color--fg-muted); margin: 0; }
.resaco-stats-strip__footer { margin: 20px 0 0; font-size: 11.5px; color: #7F9092; letter-spacing: 0.02em; text-align: center; }
@media (max-width: 900px) {
.resaco-stats-strip__card { padding: 36px 24px; }
.resaco-stats-strip__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 0; }
.resaco-stats-strip__num { font-size: clamp(34px, 6.5vw, 48px); }
.resaco-stats-strip__item:nth-child(odd) { border-left: none; }
.resaco-stats-strip__item:nth-child(-n+2) { padding-top: 0; }
}
@media (max-width: 480px) {
.resaco-stats-strip__grid { grid-template-columns: 1fr; }
.resaco-stats-strip__num { font-size: clamp(40px, 12vw, 54px); }
.resaco-stats-strip__item { border-left: none !important; padding: 0; }
.resaco-stats-strip__item + .resaco-stats-strip__item { border-top: 1px dashed rgba(255,255,255,0.15); padding-top: 20px; }
}
.resaco-stats-strip__item:nth-child(3n+2) .resaco-stats-strip__num { color: var(--wp--preset--color--insight-blue); }
.resaco-stats-strip__item:nth-child(3n)   .resaco-stats-strip__num { color: var(--wp--preset--color--conversion-lavender); }
.resaco-stats-wall {
position: relative;
overflow: hidden;
background: #0D1818;
color: #fff;
}
.resaco-stats-wall.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.resaco-stats-wall__deco {
position: absolute;
top: 40px;
right: -80px;
width: 320px;
aspect-ratio: 1;
pointer-events: none;
z-index: 0;
opacity: 0.04;
background: #fff;
-webkit-mask: url(../../img/datapalat-04.svg) center / contain no-repeat;
mask: url(../../img/datapalat-04.svg) center / contain no-repeat;
}
.resaco-stats-wall__inner {
position: relative;
z-index: 1;
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
padding-top: clamp(80px, 10vw, 140px);
padding-bottom: clamp(64px, 8.5vw, 120px);
box-sizing: border-box;
}
.resaco-stats-wall__inner > .resaco-eyebrow {
margin-bottom: 0;
}
.resaco-stats-wall__grid {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: clamp(40px, 5.5vw, 80px);
align-items: start;
margin-top: 24px;
}
.resaco-stats-wall__heading {
font-family: var(--wp--preset--font-family--display);
font-size: clamp(40px, 5vw, 72px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.02;
margin: 0 0 28px;
text-wrap: balance;
color: #fff;
}
.resaco-stats-wall__accent {
color: #D1F459;
}
.resaco-stats-wall__lead {
font-size: 18px;
line-height: 1.55;
color: #B8C4C5;
margin: 0;
max-width: 50ch;
}
.resaco-stats-wall__right {
padding-top: 0;
}
.resaco-stats-wall__stats-grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 32px;
}
.resaco-stats-wall__stat-num {
font-family: var(--wp--preset--font-family--display);
font-size: clamp(40px, 4.5vw, 64px);
font-weight: 500;
letter-spacing: -0.04em;
line-height: 1;
margin: 0 0 10px;
color: #fff;
}
.resaco-stats-wall__stat-unit {
color: #D1F459;
font-size: 0.7em;
vertical-align: super;
line-height: 1;
}
.resaco-stats-wall__stat-label {
font-size: 13.5px;
line-height: 1.45;
color: #7F9092;
margin: 0;
max-width: 20ch;
}
@media (max-width: 900px) {
.resaco-stats-wall__grid {
grid-template-columns: 1fr;
gap: 48px;
}
}
@media (max-width: 520px) {
.resaco-stats-wall__stats-grid {
grid-template-columns: 1fr;
gap: 32px;
}
}
.resaco-stats-wall__stat:nth-child(4n+1) .resaco-stats-wall__stat-num { color: var(--wp--preset--color--signal-zest); }
.resaco-stats-wall__stat:nth-child(4n+2) .resaco-stats-wall__stat-num { color: var(--wp--preset--color--insight-blue); }
.resaco-stats-wall__stat:nth-child(4n+3) .resaco-stats-wall__stat-num { color: var(--wp--preset--color--conversion-lavender); }
.resaco-story-contact {
background: var(--wp--preset--color--ink-900, #0D1818);
color: #fff;
padding-block: clamp(80px, 10vw, 140px);
padding-inline: clamp(20px, 5vw, 40px);
position: relative;
overflow: hidden;
}
.resaco-story-contact.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.resaco-story-contact__inner {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(40px, 6vw, 80px);
align-items: start;
}
.resaco-story-contact__eyebrow {
color: var(--wp--preset--color--signal-zest, #D1F459);
margin: 0 0 18px;
}
.resaco-story-contact__heading {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(32px, 4vw, 52px);
font-weight: 500;
letter-spacing: -0.03em;
line-height: 1.08;
margin: 0 0 24px;
color: #fff;
text-wrap: balance;
}
.resaco-story-contact__accent {
color: var(--wp--preset--color--signal-zest, #D1F459);
font-style: italic;
}
.resaco-story-contact__body {
font-size: 17px;
line-height: 1.7;
color: var(--wp--preset--color--fg-muted, #B8C4C5);
margin: 0 0 36px;
}
.resaco-story-contact__body p {
margin: 0 0 14px;
}
.resaco-story-contact__body p:last-child {
margin-bottom: 0;
}
.resaco-story-contact__badges {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.resaco-story-contact__badge {
display: inline-flex;
align-items: center;
padding: 8px 16px;
border-radius: 999px;
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 13px;
font-weight: 600;
letter-spacing: -0.01em;
color: #0D1818;
}
.resaco-story-contact__badge--blue     { background: #A2DCE9; }
.resaco-story-contact__badge--lavender { background: #B59EFF; }
.resaco-story-contact__badge--zest     { background: #D1F459; }
.resaco-story-contact__card {
background: var(--wp--preset--color--ink-800, #152626);
border-radius: 14px;
padding: clamp(24px, 3.5vw, 36px);
border: 1px solid rgba(255, 255, 255, 0.08);
}
.resaco-story-contact__card-heading {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(20px, 2vw, 26px);
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.2;
color: #fff;
margin: 0 0 14px;
}
.resaco-story-contact__card-body {
font-size: 15px;
line-height: 1.65;
color: var(--wp--preset--color--fg-muted, #B8C4C5);
margin: 0 0 28px;
}
.resaco-story-contact__ctas {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 16px;
}
.resaco-story-contact__ctas .resaco-btn {
width: 100%;
justify-content: center;
}
.resaco-story-contact__ctas .resaco-btn--ghost {
border-color: rgba(255, 255, 255, 0.22);
color: #fff;
}
.resaco-story-contact__note {
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
letter-spacing: 0.02em;
margin: 0;
}
@media (max-width: 860px) {
.resaco-story-contact__inner {
grid-template-columns: 1fr;
gap: 40px;
}
}
.resaco-story-hero {
position: relative;
overflow: hidden;
background: #0D1818;
padding: 140px 0 0;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.resaco-story-hero.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.resaco-story-hero__inner {
position: relative;
z-index: 1;
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-story-hero__dp { position: absolute; z-index: 0; pointer-events: none; }
.resaco-story-hero__dp--a {
top: 60px; right: -20px; width: clamp(120px, 14vw, 200px); aspect-ratio: 1; opacity: 0.9;
background: var(--wp--preset--color--signal-zest);
-webkit-mask: url(../../img/datapalat-03.svg) center/contain no-repeat;
mask: url(../../img/datapalat-03.svg) center/contain no-repeat;
}
.resaco-story-hero__dp--b {
bottom: 40px; left: -30px; width: 110px; aspect-ratio: 1; opacity: 0.14;
background: #fff;
-webkit-mask: url(../../img/datapalat-06.svg) center/contain no-repeat;
mask: url(../../img/datapalat-06.svg) center/contain no-repeat;
}
.resaco-story-hero__breadcrumb {
display: flex;
gap: 10px;
align-items: center;
font-size: 12.5px;
color: #7F9092;
letter-spacing: 0.02em;
margin-bottom: 28px;
}
.resaco-story-hero__breadcrumb a {
color: #7F9092;
text-decoration: none;
}
.resaco-story-hero__breadcrumb a:hover {
color: #fff;
}
.resaco-story-hero__breadcrumb span:last-child {
color: #fff;
}
.resaco-story-hero__breadcrumb-list {
display: contents;
list-style: none;
margin: 0;
padding: 0;
}
.resaco-story-hero__breadcrumb-list li {
list-style: none;
margin: 0;
padding: 0;
}
.resaco-story-hero__copy {
max-width: 65%;
}
.resaco-story-hero__title {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(48px, 6.8vw, 104px);
font-weight: 500;
letter-spacing: -0.045em;
line-height: 0.96;
margin: 22px 0 32px;
color: #fff;
text-wrap: balance;
}
.resaco-story-hero__title-accent {
color: #D1F459;
font-style: italic;
}
.resaco-story-hero__lead {
font-size: 22px;
line-height: 1.5;
color: #B8C4C5;
margin: 0 0 36px;
max-width: 56ch;
}
.resaco-story-hero__ctas {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 48px;
align-items: center;
}
.resaco-story-hero__faces-row {
display: flex;
align-items: center;
gap: 28px;
padding: 24px 0 48px;
flex-wrap: wrap;
border-top: 1px solid rgba(255, 255, 255, 0.06);
margin-top: 8px;
}
.resaco-story-hero__faces-stack {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
.resaco-story-hero__face {
position: relative;
overflow: hidden;
display: inline-block;
width: 56px;
height: 56px;
border-radius: 999px;
border: 3px solid #0D1818;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
flex-shrink: 0;
}
.resaco-story-hero__face-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: inherit;
}
.resaco-story-hero__face + .resaco-story-hero__face {
margin-left: -16px;
}
.resaco-story-hero__face--more {
background: #D1F459;
color: #0D1818;
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-weight: 600;
font-size: 13px;
letter-spacing: -0.01em;
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: -16px;
}
.resaco-story-hero__faces-text {
flex: 1;
min-width: 280px;
font-size: 14px;
color: #B8C4C5;
line-height: 1.5;
margin: 0;
}
.resaco-story-hero__faces-text strong {
color: #fff;
font-weight: 600;
}
.resaco-story-hero__faces-link {
font-size: 13px;
font-weight: 600;
color: #D1F459;
text-decoration: none;
letter-spacing: 0.02em;
white-space: nowrap;
flex-shrink: 0;
}
.resaco-story-hero__faces-link:hover {
text-decoration: underline;
}
@media (max-width: 960px) {
.resaco-story-hero__copy {
max-width: 100%;
}
}
@media (max-width: 640px) {
.resaco-story-hero {
padding-top: 80px;
}
.resaco-story-hero__faces-row {
gap: 16px;
}
.resaco-story-hero__faces-text {
min-width: 0;
}
}
.resaco-story-timeline {
--tl-container:      var(--wp--style--global--wide-size, 1360px);
--tl-grid-left:      180px;
--tl-grid-gap:       72px;
--tl-ink:            #0D1818;
--tl-ink800:         #152626;
--tl-ink700:         #223B3E;
--tl-zest:           #D1F459;
--tl-paper:          #F8F9F7;
--tl-greige:         #E7E7DA;
--tl-blue:           #A2DCE9;
--tl-lavender:       #B59EFF;
--tl-dash-bg:        #2A4A4E;
--tl-dash-border:    rgba(255,255,255,0.08);
}
.resaco-story-timeline__container {
max-width:       var(--tl-container);
margin-inline:   auto;
padding-inline:  clamp(20px, 5vw, 40px);
}
.resaco-story-timeline__intro {
background: var(--tl-ink800);
padding:    120px 0 40px;
}
.resaco-story-timeline__intro-inner {
text-align:  center;
}
.resaco-story-timeline__intro .resaco-eyebrow {
margin-bottom: 0;
}
.resaco-story-timeline__intro-heading {
font-family:    "Stack Sans Notch", sans-serif;
font-size:      clamp(36px, 4.4vw, 60px);
font-weight:    500;
letter-spacing: -0.035em;
line-height:    1.05;
margin:         18px auto 24px;
color:          #fff;
max-width:      22ch;
text-wrap:      balance;
}
.resaco-story-timeline__intro-lead {
font-size:      18px;
line-height:    1.55;
color:          #B8C4C5;
max-width:      640px;
margin-inline:  auto;
}
.resaco-story-timeline__years {
list-style: none;
margin: 0;
padding: 0;
}
.resaco-story-timeline__year {
padding: 100px 0;
position: relative;
}
.resaco-story-timeline__year--dark:has(.resaco-story-timeline__dash-grid) {
padding: 120px 0;
overflow: hidden;
}
.resaco-story-timeline__year--paper {
padding-bottom: 140px;
}
.resaco-story-timeline__year-grid {
display:        grid;
grid-template-columns: var(--tl-grid-left) 1fr;
gap:            var(--tl-grid-gap);
align-items:    start;
}
.resaco-story-timeline__year-col {
position: relative;
}
.resaco-story-timeline__year-num {
font-family:    "Stack Sans Notch", sans-serif;
font-size:      clamp(56px, 6vw, 88px);
font-weight:    500;
letter-spacing: -0.045em;
line-height:    0.95;
}
.resaco-story-timeline__node {
position:     absolute;
top:          18px;
right:        -32px;
width:        14px;
height:       14px;
border-radius: 999px;
background:   var(--tl-zest);
border:       3px solid;
z-index:      2;
}
.resaco-story-timeline__content {
}
.resaco-story-timeline__year--dark .resaco-eyebrow--muted,
.resaco-story-timeline__year--mid  .resaco-eyebrow--muted {
color:          var(--tl-blue);
margin-bottom:  0;
}
.resaco-story-timeline__year-title {
font-family:    "Stack Sans Notch", sans-serif;
font-size:      clamp(28px, 3.2vw, 44px);
font-weight:    500;
letter-spacing: -0.025em;
line-height:    1.1;
margin:         18px 0 32px;
text-wrap:      balance;
}
.resaco-story-timeline__year--dark .resaco-story-timeline__year-title {
font-size:      clamp(36px, 4.4vw, 60px);
letter-spacing: -0.035em;
line-height:    1.05;
max-width:      18ch;
margin-top:     18px;
}
.resaco-story-timeline__stats {
display:        grid;
grid-template-columns: repeat(var(--stat-cols, 2), auto);
gap:            48px;
margin:         0 0 36px;
justify-content: start;
}
.resaco-story-timeline__stat-val {
font-family:    "Stack Sans Notch", sans-serif;
font-size:      48px;
font-weight:    500;
letter-spacing: -0.035em;
line-height:    1;
}
.resaco-story-timeline__stat-lbl {
font-size:      12px;
letter-spacing: 0.14em;
text-transform: uppercase;
font-weight:    600;
margin-top:     10px;
}
.resaco-story-timeline__body {
font-size:  17px;
line-height: 1.7;
max-width:  62ch;
}
.resaco-story-timeline__body-p {
margin: 0 0 18px;
}
@media (min-width: 1100px) {
.resaco-story-timeline__year:not(.resaco-story-timeline__year--viz) .resaco-story-timeline__body {
max-width: none;
columns: 2;
column-gap: 64px;
}
.resaco-story-timeline__year:not(.resaco-story-timeline__year--viz) .resaco-story-timeline__body-p {
break-inside: avoid;
}
}
.resaco-story-timeline__body-p:last-child {
margin-bottom: 0;
}
.resaco-story-timeline__dash-grid {
display:                grid;
grid-template-columns:  repeat(3, 1fr);
gap:                    20px;
margin-top:             56px;
}
.resaco-story-timeline__dash-card {
background:    var(--tl-dash-bg);
border-radius: 14px;
padding:       32px;
border:        1px solid var(--tl-dash-border);
}
.resaco-story-timeline__dash-label {
font-size:      11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color:          var(--tl-blue);
font-weight:    600;
margin-bottom:  20px;
}
.resaco-story-timeline__nps-wrap {
margin-bottom: 8px;
}
.resaco-story-timeline__nps-svg {
display: block;
margin: 0 auto;
}
.resaco-story-timeline__nps-caption {
font-size:      12px;
color:          var(--tl-blue);
text-align:     center;
margin-top:     0;
margin-bottom:  28px;
}
.resaco-story-timeline__dash-row2 {
display:        grid;
grid-template-columns: 1fr 1fr;
gap:            16px;
padding-top:    20px;
border-top:     1px solid var(--tl-dash-border);
}
.resaco-story-timeline__scale-top {
display:        flex;
align-items:    center;
gap:            20px;
margin-bottom:  24px;
}
.resaco-story-timeline__people-grid {
display:                grid;
grid-template-columns:  repeat(5, 12px);
gap:                    4px;
flex:                   1;
}
.resaco-story-timeline__person-dot {
width:         12px;
height:        12px;
border-radius: 2px;
background:    rgba(255,255,255,0.15);
}
.resaco-story-timeline__person-dot--filled {
background: var(--tl-zest);
}
.resaco-story-timeline__map-wrap {
margin-bottom: 0;
}
.resaco-story-timeline__map-svg {
display:    block;
max-height: 140px;
}
.resaco-story-timeline__trust-row {
display:        flex;
align-items:    center;
gap:            12px;
margin-bottom:  24px;
}
.resaco-story-timeline__trust-icon {
width:           36px;
height:          36px;
border-radius:   10px;
background:      rgba(181,158,255,0.18);
color:           var(--tl-lavender);
display:         inline-flex;
align-items:     center;
justify-content: center;
flex-shrink:     0;
}
.resaco-story-timeline__trust-title {
font-family:    "Stack Sans Notch", sans-serif;
font-size:      20px;
font-weight:    500;
color:          #fff;
letter-spacing: -0.02em;
}
.resaco-story-timeline__progress-block {
margin-bottom: 8px;
}
.resaco-story-timeline__progress-header {
display:         flex;
justify-content: space-between;
align-items:     baseline;
margin-bottom:   10px;
}
.resaco-story-timeline__progress-name {
font-size: 13px;
color:     #fff;
}
.resaco-story-timeline__progress-score {
font-family:    "Stack Sans Notch", sans-serif;
font-size:      20px;
font-weight:    500;
color:          var(--tl-lavender);
}
.resaco-story-timeline__progress-denom {
color:     rgba(255,255,255,0.4);
font-size: 14px;
}
.resaco-story-timeline__progress-track {
height:        10px;
background:    rgba(255,255,255,0.08);
border-radius: 999px;
overflow:      hidden;
position:      relative;
}
.resaco-story-timeline__progress-fill {
height:        100%;
background:    var(--tl-lavender);
border-radius: 999px;
}
.resaco-story-timeline__progress-caption {
font-size:      11px;
color:          var(--tl-blue);
margin-top:     10px;
letter-spacing: 0.04em;
}
.resaco-story-timeline__dash-bignum {
font-family:    "Stack Sans Notch", sans-serif;
font-size:      30px;
font-weight:    500;
color:          var(--tl-zest);
letter-spacing: -0.03em;
line-height:    1;
}
.resaco-story-timeline__dash-bignum--lg {
font-size: 52px;
letter-spacing: -0.035em;
}
.resaco-story-timeline__dash-bignum--arr {
font-size:      34px;
margin-top:     24px;
}
.resaco-story-timeline__dash-sublbl {
font-size:      11px;
color:          #B8C4C5;
margin-top:     6px;
letter-spacing: 0.04em;
}
.resaco-story-timeline__dash-sublbl--center {
text-align: center;
}
.resaco-story-timeline__dash-divider {
border-top:  1px solid var(--tl-dash-border);
margin-top:  24px;
}
.resaco-story-timeline__year--viz .resaco-story-timeline__body {
max-width:    780px;
margin:       64px auto 40px;
text-align:   left;
}
.resaco-story-timeline__quote-wrap {
max-width:    960px;
margin:       56px auto 48px;
padding-left: 36px;
border-left:  4px solid var(--tl-blue);
position:     relative;
}
.resaco-story-timeline__quote-mark {
position:    absolute;
top:         -30px;
left:        28px;
font-family: "Stack Sans Notch", sans-serif;
font-size:   80px;
color:       var(--tl-zest);
line-height: 1;
pointer-events: none;
}
.resaco-story-timeline__quote {
font-family:    "Stack Sans Notch", sans-serif;
font-size:      clamp(20px, 2.2vw, 28px);
font-weight:    500;
letter-spacing: -0.02em;
line-height:    1.35;
color:          #fff;
margin:         0;
font-style:     italic;
text-wrap:      balance;
}
.resaco-story-timeline__quote-attr {
margin-top:     20px;
font-size:      13px;
color:          var(--tl-blue);
letter-spacing: 0.02em;
}
.resaco-story-timeline__ctas {
display:         flex;
gap:             12px;
justify-content: center;
flex-wrap:       wrap;
margin-top:      8px;
}
.resaco-btn--ghost-on-dark {
color:  #fff !important;
border-color: rgba(255,255,255,0.3) !important;
}
.resaco-story-timeline__2024-cta {
margin-top: 40px;
}
.resaco-btn--outline-dark {
display:         inline-flex;
align-items:     center;
gap:             8px;
padding:         14px 28px;
border:          1px solid rgba(34,59,62,0.3);
border-radius:   6px;
color:           #223B3E;
font-size:       16px;
font-weight:     500;
text-decoration: none;
transition: background var(--wp--custom--duration--fast) var(--wp--custom--ease--out), border-color var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-btn--outline-dark:hover {
background:   rgba(34,59,62,0.06);
border-color: rgba(34,59,62,0.5);
}
.resaco-story-timeline__emphasis-wrap {
margin-top:  56px;
padding:     32px 0;
border-top:  1px solid rgba(34,59,62,0.12);
}
.resaco-story-timeline__emphasis {
font-size:   18px;
line-height: 1.7;
color:       #2A4449;
max-width:   64ch;
margin:      0;
}
@media (max-width: 900px) {
.resaco-story-timeline__year-grid {
grid-template-columns: 1fr;
gap: 24px;
}
.resaco-story-timeline__year-col {
display: flex;
align-items: center;
gap: 16px;
}
.resaco-story-timeline__node {
position: static;
flex-shrink: 0;
}
.resaco-story-timeline__dash-grid {
grid-template-columns: 1fr;
}
.resaco-story-timeline__stats {
gap: 28px;
}
.resaco-story-timeline__quote-wrap {
margin-inline: 0;
}
}
@media (max-width: 600px) {
.resaco-story-timeline__intro {
padding: 80px 0 32px;
}
.resaco-story-timeline__year {
padding: 64px 0;
}
.resaco-story-timeline__stats {
grid-template-columns: repeat(2, auto);
}
}
.resaco-ty-root { background: var(--wp--preset--color--ink-900); }
.resaco-ty {
position: relative;
overflow: hidden;
background: var(--wp--preset--color--ink-900);
color: var(--wp--preset--color--white);
padding: clamp(56px, 7vw, 80px) 0 clamp(64px, 8vw, 96px);
}
.resaco-ty__inner {
position: relative;
z-index: 2;
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
}
.resaco-ty__grid {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: clamp(40px, 5vw, 72px);
align-items: center;
}
.resaco-ty__chunk { position: absolute; pointer-events: none; background: var(--wp--preset--color--signal-zest); z-index: 0; }
.resaco-ty__chunk--a {
top: -130px; right: -150px; width: clamp(240px, 28vw, 400px); aspect-ratio: 1; opacity: 0.9;
-webkit-mask: url(../../img/datapalat-05.svg) center/contain no-repeat; mask: url(../../img/datapalat-05.svg) center/contain no-repeat;
}
.resaco-ty__chunk--b {
bottom: -40px; left: -50px; width: 180px; aspect-ratio: 1; opacity: 0.05;
-webkit-mask: url(../../img/datapalat-02.svg) center/contain no-repeat; mask: url(../../img/datapalat-02.svg) center/contain no-repeat;
}
.resaco-ty__check {
width: 52px; height: 52px; border-radius: 999px;
background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900);
display: inline-flex; align-items: center; justify-content: center;
margin-bottom: 26px; box-shadow: 0 0 0 6px rgba(209, 244, 89, 0.16);
}
.resaco-ty__title {
font-family: var(--wp--preset--font-family--display);
font-size: clamp(44px, 5.6vw, 88px);
font-weight: 500; letter-spacing: -0.04em; line-height: 0.98;
margin: 16px 0 24px; color: var(--wp--preset--color--white); text-wrap: balance;
}
.resaco-ty__accent { color: var(--wp--preset--color--signal-zest); }
.resaco-ty__sub {
font-size: 19px; line-height: 1.55; color: var(--wp--preset--color--fg-muted);
margin: 0 0 32px; max-width: 50ch;
}
.resaco-ty__actions { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }
.resaco-ty__refrow {
display: flex; gap: 20px; margin-top: 32px; align-items: center; flex-wrap: wrap;
font-size: 12.5px; color: var(--wp--preset--color--fg-subtle, #7F9092);
}
.resaco-ty__ref { display: inline-flex; align-items: center; gap: 8px; }
.resaco-ty__ref-dot { width: 6px; height: 6px; background: var(--wp--preset--color--signal-zest); border-radius: 999px; }
.resaco-ty__ref b { color: var(--wp--preset--color--white); font-family: var(--wp--preset--font-family--mono, ui-monospace, monospace); letter-spacing: 0.02em; }
.resaco-ty__refsep { width: 1px; height: 12px; background: rgba(255, 255, 255, 0.14); }
.resaco-ty__reply b { color: var(--wp--preset--color--white); }
.resaco-ty__card {
background: var(--wp--preset--color--ink-800, #152626);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px; padding: 32px 30px;
}
.resaco-ty__card-head {
font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
color: var(--wp--preset--color--signal-zest); font-weight: 600; margin-bottom: 24px;
}
.resaco-ty__steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.resaco-ty__step { display: flex; gap: 18px; padding-bottom: 22px; }
.resaco-ty__step.is-last { padding-bottom: 0; }
.resaco-ty__step-rail { display: flex; flex-direction: column; align-items: center; }
.resaco-ty__step-num {
width: 30px; height: 30px; flex-shrink: 0; border-radius: 999px;
background: rgba(255, 255, 255, 0.06); color: var(--wp--preset--color--signal-zest);
border: 1px solid rgba(209, 244, 89, 0.3);
display: inline-flex; align-items: center; justify-content: center;
font-family: var(--wp--preset--font-family--display); font-size: 13px; font-weight: 700;
}
.resaco-ty__step.is-first .resaco-ty__step-num {
background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900); border: none;
}
.resaco-ty__step:not(.is-last) .resaco-ty__step-rail::after {
content: ""; width: 1px; flex: 1; min-height: 22px; background: rgba(255, 255, 255, 0.12); margin-top: 6px;
}
.resaco-ty__step-body { padding-top: 3px; }
.resaco-ty__step-title {
display: block; font-family: var(--wp--preset--font-family--display);
font-size: 16px; font-weight: 600; letter-spacing: -0.01em; color: var(--wp--preset--color--white); margin-bottom: 4px;
}
.resaco-ty__step-desc { display: block; font-size: 13.5px; color: var(--wp--preset--color--fg-muted); line-height: 1.5; }
.resaco-ty__contact {
margin-top: 26px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.08);
display: flex; gap: 14px; align-items: center;
}
.resaco-ty__contact-photo {
width: 50px; height: 50px; flex-shrink: 0; border-radius: 999px;
background-size: cover; background-position: center top;
border: 2px solid rgba(209, 244, 89, 0.4);
display: inline-flex; align-items: center; justify-content: center;
}
.resaco-ty__contact-photo--initials {
background: rgba(209, 244, 89, 0.12); color: var(--wp--preset--color--signal-zest);
font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: 16px;
}
.resaco-ty__contact-body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.resaco-ty__contact-label { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--fg-subtle, #7F9092); font-weight: 600; margin-bottom: 3px; }
.resaco-ty__contact-name { font-family: var(--wp--preset--font-family--display); font-size: 15.5px; font-weight: 600; color: var(--wp--preset--color--white); }
.resaco-ty__contact-email { font-size: 12.5px; color: var(--wp--preset--color--signal-zest); text-decoration: none; }
.resaco-ty-wait {
background: var(--wp--preset--color--ink-800, #152626);
padding: clamp(56px, 7vw, 88px) 0;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.resaco-ty-wait__head {
display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 20px; margin-bottom: 36px;
}
.resaco-ty-wait__title {
font-family: var(--wp--preset--font-family--display); font-size: clamp(26px, 3vw, 40px);
font-weight: 500; letter-spacing: -0.025em; color: var(--wp--preset--color--white); margin: 0;
}
.resaco-ty-wait__sub { font-size: 13.5px; color: var(--wp--preset--color--fg-subtle, #7F9092); }
.resaco-ty-wait__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.resaco-ty-wait__card {
display: block; text-decoration: none;
background: var(--wp--preset--color--ink-900); border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 18px; padding: 26px;
transition: border-color 160ms, transform 160ms;
}
.resaco-ty-wait__card:hover { border-color: rgba(209, 244, 89, 0.4); transform: translateY(-3px); }
.resaco-ty-wait__tag { display: block; font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--signal-zest); font-weight: 600; margin-bottom: 14px; }
.resaco-ty-wait__card-title { font-family: var(--wp--preset--font-family--display); font-size: 21px; font-weight: 600; letter-spacing: -0.015em; color: var(--wp--preset--color--white); margin: 0 0 10px; }
.resaco-ty-wait__card-desc { font-size: 14px; color: var(--wp--preset--color--fg-muted); line-height: 1.55; margin: 0 0 16px; }
.resaco-ty-wait__open { font-size: 13px; font-weight: 600; color: var(--wp--preset--color--signal-zest); display: inline-flex; align-items: center; gap: 7px; }
@media (max-width: 900px) {
.resaco-ty__grid { grid-template-columns: 1fr; gap: 40px; }
.resaco-ty-wait__grid { grid-template-columns: 1fr; }
}
.resaco-the-problem {
position: relative;
overflow: hidden;
background: #E7E7DA;
color: #223B3E;
padding-block: var(--resaco-section-pad);
}
.resaco-the-problem.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.resaco-the-problem__inner {
position: relative;
z-index: 1;
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-the-problem__content {
max-width: 720px;
margin: 0 auto;
position: relative;
}
.resaco-the-problem__deco-quote {
position: absolute;
top: calc(50% - 60px);
left: calc(50% - 360px - 40px);
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 180px;
font-weight: 600;
color: #D1F459;
opacity: 0.35;
line-height: 1;
pointer-events: none;
user-select: none;
z-index: 0;
}
.resaco-eyebrow--dark {
color: #223B3E;
border-color: rgba(34, 59, 62, 0.25);
}
.resaco-the-problem__eyebrow-wrap {
position: relative;
}
.resaco-the-problem__heading {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(32px, 4.2vw, 56px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.08;
margin: 18px 0 36px;
color: #223B3E;
text-wrap: balance;
}
.resaco-the-problem__body {
font-size: 19px;
line-height: 1.7;
color: #2A4449;
}
.resaco-the-problem__body p,
.resaco-the-problem__body-last {
margin: 0 0 20px;
}
.resaco-the-problem__body-last {
margin-bottom: 40px;
}
.resaco-the-problem__body-italic {
font-style: italic;
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
color: #223B3E;
}
.resaco-the-problem__pullquote {
border-top: 2px solid #A2DCE9;
padding-top: 40px;
margin-top: 24px;
}
.resaco-the-problem__blockquote {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(22px, 2.4vw, 30px);
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.3;
color: #223B3E;
margin: 0;
text-wrap: balance;
}
.resaco-the-problem__attrib {
margin-top: 20px;
margin-bottom: 0;
font-size: 13px;
color: #4A6063;
letter-spacing: 0.02em;
}
@media (max-width: 900px) {
.resaco-the-problem__deco-quote {
display: none;
}
}
@media (max-width: 640px) {
.resaco-the-problem {
padding: 80px 0;
}
.resaco-the-problem__body {
font-size: 17px;
}
}
.resaco-thesis {
background: #F8F9F7;
padding: clamp(60px, 8vw, 140px) 0 clamp(50px, 7vw, 120px);
width: 100vw;
margin-left: calc(50% - 50vw);
}
.resaco-thesis__inner {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-thesis__header {
text-align: center;
margin-bottom: 64px;
}
.resaco-eyebrow--dark {
color: #223B3E;
}
.resaco-thesis__heading {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: clamp(36px, 4.4vw, 60px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.05;
margin: 18px 0 0;
color: #223B3E;
text-wrap: balance;
}
.resaco-thesis__grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.resaco-thesis__card {
background: #fff;
border-radius: 14px;
padding: 40px;
border-top: 4px solid transparent;
box-shadow: 0 2px 12px rgba(13, 24, 24, 0.06);
height: 100%;
box-sizing: border-box;
}
.resaco-thesis__card--zest     { border-top-color: #D1F459; }
.resaco-thesis__card--blue     { border-top-color: #A2DCE9; }
.resaco-thesis__card--lavender { border-top-color: #B59EFF; }
.resaco-thesis__dots {
display: flex;
gap: 3px;
flex-wrap: wrap;
margin-bottom: 20px;
width: 32px;
}
.resaco-thesis__dot {
display: block;
width: 8px;
height: 8px;
border-radius: 1px;
background: #E7E7DA;
}
.resaco-thesis__card-title {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 22px;
font-weight: 600;
color: #223B3E;
letter-spacing: -0.02em;
line-height: 1.25;
margin: 0 0 14px;
}
.resaco-thesis__card-body {
font-size: 15.5px;
line-height: 1.65;
color: #4A6063;
margin: 0;
}
.resaco-thesis__closing {
max-width: 720px;
margin: 56px auto 0;
text-align: center;
}
.resaco-thesis__closing-text {
font-family: var(--wp--preset--font-family--display, 'Stack Sans Notch', sans-serif);
font-size: 20px;
font-weight: 500;
line-height: 1.55;
color: #223B3E;
margin: 0;
text-wrap: balance;
}
@media (max-width: 860px) {
.resaco-thesis__grid {
grid-template-columns: 1fr;
}
}
@media (min-width: 540px) and (max-width: 860px) {
.resaco-thesis__grid {
grid-template-columns: repeat(2, 1fr);
}
}
.resaco-trustbadge {
position: relative;
padding-block: clamp(24px, 3vw, 40px);
}
.resaco-trustbadge.alignfull {
width: 100vw; max-width: 100vw;
margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
padding-inline: 0;
}
.resaco-trustbadge__inner {
max-width: var(--resaco-shell-w, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
box-sizing: border-box;
}
.resaco-trustbadge__chip {
display: inline-flex; align-items: center; gap: 10px;
}
.resaco-trustbadge__chip::before {
content: "";
width: 6px; height: 6px;
background: var(--wp--preset--color--signal-zest);
flex-shrink: 0;
}
.resaco-trustbadge__text {
font-size: 13px; line-height: 1.25; color: var(--wp--preset--color--white);
}
.resaco-trustbadge__text b { color: var(--wp--preset--color--signal-zest); font-weight: 700; }
.resaco-trustbadge__sub { display: block; color: #7F9092; font-size: 12px; }
.resaco-us-vs-them { background: var(--wp--preset--color--ink-900); padding-block: clamp(72px, 10vw, 120px); }
.resaco-us-vs-them.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-us-vs-them__inner { max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto; padding-inline: clamp(20px, 5vw, 40px); box-sizing: border-box; }
.resaco-us-vs-them__title {
font-family: var(--wp--preset--font-family--display); font-size: clamp(36px, 4.4vw, 60px);
font-weight: 500; letter-spacing: -0.035em; line-height: 1.02; margin: 20px 0 12px;
color: var(--wp--preset--color--white); text-wrap: balance;
}
.resaco-us-vs-them__struck { text-decoration: line-through; opacity: 0.45; }
.resaco-us-vs-them__lead { font-size: 17px; color: #B8C4C5; margin: 0 0 48px; max-width: 62ch; line-height: 1.55; }
.resaco-us-vs-them__scroll { border-radius: 20px; overflow-x: auto; border: 1px solid rgba(255, 255, 255, 0.08); background: #152626; -webkit-overflow-scrolling: touch; }
.resaco-us-vs-them__table { display: block; min-width: 760px; border-collapse: collapse; border-spacing: 0; }
.resaco-us-vs-them__table thead,
.resaco-us-vs-them__table tbody,
.resaco-us-vs-them__table tfoot { display: block; }
.resaco-us-vs-them__row { display: grid; grid-template-columns: 172px 1fr 160px 160px; border-bottom: 1px solid rgba(255, 255, 255, 0.04); }
.resaco-us-vs-them__row--foot { border-bottom: none; }
.resaco-us-vs-them__row--head { background: var(--wp--preset--color--ink-900); border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.resaco-us-vs-them__hcell { padding: 18px 20px; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: #7F9092; font-weight: 600; text-align: left; }
.resaco-us-vs-them__hcell--them { text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.08); }
.resaco-us-vs-them__hcell--us { text-align: center; background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900); font-weight: 700; }
.resaco-us-vs-them__cat { padding: 18px 20px; font-size: 11.5px; letter-spacing: 0.1em; text-transform: uppercase; color: #7F9092; font-weight: 600; display: flex; align-items: center; min-width: 0; overflow-wrap: anywhere; }
.resaco-us-vs-them__cap { padding: 18px 20px; font-size: 14.5px; color: var(--wp--preset--color--white); font-weight: 500; letter-spacing: -0.005em; display: flex; align-items: center; text-align: left; }
.resaco-us-vs-them__cell { padding: 18px 20px; display: flex; align-items: center; justify-content: center; border-left: 1px solid rgba(255, 255, 255, 0.06); }
.resaco-us-vs-them__cell--us { background: rgba(209, 244, 89, 0.045); border-left: 1px solid rgba(209, 244, 89, 0.25); }
.resaco-us-vs-them__mark {
display: inline-flex; width: 28px; height: 28px; border-radius: 999px;
align-items: center; justify-content: center; font-size: 14px; font-weight: 700;
}
.resaco-us-vs-them__mark--yes { background: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900); }
.resaco-us-vs-them__mark--no { background: rgba(255, 255, 255, 0.05); color: #4F6668; border: 1px solid rgba(255, 255, 255, 0.08); }
.resaco-us-vs-them__txt { font-size: 11.5px; color: #B8C4C5; font-style: italic; }
.resaco-us-vs-them__row--foot { background: var(--wp--preset--color--ink-900); border-top: 1px solid rgba(255, 255, 255, 0.08); }
.resaco-us-vs-them__foot-label { padding: 22px 20px; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--signal-zest); font-weight: 700; text-align: left; }
.resaco-us-vs-them__foot-text { padding: 22px 20px; font-size: 14px; color: #B8C4C5; font-style: italic; }
.resaco-us-vs-them__foot-them { padding: 22px 20px; text-align: center; font-family: var(--wp--preset--font-family--display); font-size: 22px; color: var(--wp--preset--color--white); font-weight: 500; border-left: 1px solid rgba(255, 255, 255, 0.06); }
.resaco-us-vs-them__foot-us { padding: 22px 20px; text-align: center; font-family: var(--wp--preset--font-family--display); font-size: 22px; color: var(--wp--preset--color--signal-zest); font-weight: 600; background: rgba(209, 244, 89, 0.08); border-left: 1px solid rgba(209, 244, 89, 0.25); }
@media (max-width: 781px) {
.resaco-us-vs-them__row { grid-template-columns: 150px 1fr 140px 140px; }
.resaco-us-vs-them__hcell,
.resaco-us-vs-them__cat,
.resaco-us-vs-them__cap,
.resaco-us-vs-them__cell,
.resaco-us-vs-them__foot-label,
.resaco-us-vs-them__foot-text,
.resaco-us-vs-them__foot-them,
.resaco-us-vs-them__foot-us { padding-inline: 16px; }
}
.resaco-video-highlight { background: var(--wp--preset--color--ink-900); color: #fff; }
.resaco-video-highlight.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-video-highlight__inner {
max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px); padding-block: clamp(56px, 8vw, 100px); box-sizing: border-box;
}
.resaco-video-highlight__head {
display: grid; grid-template-columns: 1fr auto auto; align-items: end;
gap: 24px; margin-bottom: clamp(28px, 4vw, 44px);
}
.resaco-video-highlight .resaco-eyebrow { color: var(--wp--preset--color--signal-zest); margin: 0 0 16px; }
.resaco-video-highlight__title {
font-family: var(--wp--preset--font-family--display); font-size: clamp(32px, 4.4vw, 56px);
font-weight: 500; letter-spacing: -0.035em; line-height: 1.02; margin: 0; color: #fff; text-wrap: balance;
}
.resaco-video-highlight__sub { font-size: 16px; line-height: 1.6; color: var(--wp--preset--color--fg-muted); margin: 18px 0 0; max-width: 46ch; }
.resaco-video-highlight__head-cta { align-self: end; }
.resaco-video-highlight__nav { display: flex; gap: 10px; }
.resaco-video-highlight__navbtn {
width: 48px; height: 48px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.16);
background: transparent; color: #fff; display: inline-flex; align-items: center; justify-content: center;
cursor: pointer; transition: background var(--wp--custom--duration--fast) var(--wp--custom--ease--out), transform var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-video-highlight__navbtn:hover { background: rgba(255,255,255,0.08); }
.resaco-video-highlight__navbtn--next { background: var(--wp--preset--color--signal-zest); border-color: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900); }
.resaco-video-highlight__navbtn--next:hover { transform: translateY(-1px); background: var(--wp--preset--color--signal-zest); }
.resaco-video-highlight__navbtn svg { width: 20px; height: 20px; }
.resaco-video-highlight__navbtn[disabled] { opacity: 0.35; cursor: default; }
.resaco-video-highlight__navbtn[disabled]:hover { background: transparent; transform: none; }
.resaco-video-highlight__navbtn--next[disabled]:hover { background: var(--wp--preset--color--signal-zest); }
.resaco-video-highlight__empty { color: var(--wp--preset--color--fg-muted); font-size: 14px; }
.resaco-video-highlight__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.resaco-video-highlight--slider .resaco-video-highlight__grid {
display: flex; grid-template-columns: none;
overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
-webkit-overflow-scrolling: touch; scrollbar-width: none;
padding: 4px; margin: -4px;
}
.resaco-video-highlight--slider .resaco-video-highlight__grid::-webkit-scrollbar { display: none; }
.resaco-video-highlight--slider .resaco-video-highlight__card-wrap {
flex: 0 0 calc((100% - 2 * 20px) / 3); scroll-snap-align: start;
}
.resaco-video-highlight__card {
display: flex; flex-direction: column; height: 100%; border-radius: 14px; overflow: hidden;
background-color: var(--wp--preset--color--ink-800);
text-decoration: none; color: inherit; cursor: pointer;
transition: transform var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-video-highlight__card:hover,
.resaco-video-highlight__card:focus-within { transform: translateY(-3px); }
.resaco-video-highlight__thumb-wrap { position: relative; flex: 0 0 auto; aspect-ratio: 16 / 9; overflow: hidden; display: block; }
.resaco-video-highlight__thumb {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; object-position: center;
}
.resaco-video-highlight__play {
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;
width: 56px; height: 56px; border-radius: 999px;
background: rgba(255,255,255,0.14); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
border: 1.5px solid rgba(255,255,255,0.5);
display: flex; align-items: center; justify-content: center;
transition: width var(--wp--custom--duration--med) var(--wp--custom--ease--out), height var(--wp--custom--duration--med) var(--wp--custom--ease--out), background var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-video-highlight__card:hover .resaco-video-highlight__play { width: 68px; height: 68px; background: rgba(255,255,255,0.22); }
.resaco-video-highlight__play svg { width: 18px; height: 18px; fill: #fff; margin-left: 2px; }
.resaco-video-highlight__meta { flex: 1 1 auto; display: flex; flex-direction: column; gap: 5px; padding: 14px 4px 4px; }
.resaco-video-highlight__ep-title {
font-family: var(--wp--preset--font-family--display); font-size: 15.5px; font-weight: 500;
letter-spacing: -0.01em; line-height: 1.28; color: #fff; margin: 0;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.resaco-video-highlight__ep-topic {
font-size: 12.5px; color: rgba(255,255,255,0.6); line-height: 1.4; margin: 0;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
@media (max-width: 1000px) {
.resaco-video-highlight__head { grid-template-columns: 1fr; }
.resaco-video-highlight__head-cta { justify-self: start; }
.resaco-video-highlight__grid { grid-template-columns: repeat(2, 1fr); }
.resaco-video-highlight--slider .resaco-video-highlight__card-wrap { flex-basis: calc((100% - 20px) / 2); }
}
@media (max-width: 560px) {
.resaco-video-highlight__nav { justify-content: flex-start; }
.resaco-video-highlight__grid { grid-template-columns: 1fr; }
.resaco-video-highlight--slider .resaco-video-highlight__card-wrap { flex-basis: 86%; }
}
.resaco-video-testimonials { background: var(--wp--preset--color--ink-900); color: #fff; }
.resaco-video-testimonials.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.resaco-video-testimonials__inner {
max-width: var(--wp--style--global--wide-size, 1360px); margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px); padding-block: clamp(56px, 8vw, 100px); box-sizing: border-box;
}
.resaco-video-testimonials__head {
display: grid; grid-template-columns: 1fr auto; align-items: end;
gap: 24px; margin-bottom: clamp(28px, 4vw, 44px);
}
.resaco-video-testimonials .resaco-eyebrow { color: var(--wp--preset--color--signal-zest); margin: 0 0 16px; }
.resaco-video-testimonials__title {
font-family: var(--wp--preset--font-family--display); font-size: clamp(32px, 4.4vw, 56px);
font-weight: 500; letter-spacing: -0.035em; line-height: 1.02; margin: 0; color: #fff; text-wrap: balance;
}
.resaco-video-testimonials__sub { font-size: 16px; line-height: 1.6; color: var(--wp--preset--color--fg-muted); margin: 18px 0 0; max-width: 46ch; }
.resaco-video-testimonials__nav { display: flex; gap: 10px; }
.resaco-video-testimonials__navbtn {
width: 48px; height: 48px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.16);
background: transparent; color: #fff; display: inline-flex; align-items: center; justify-content: center;
cursor: pointer; transition: background var(--wp--custom--duration--fast) var(--wp--custom--ease--out), border-color var(--wp--custom--duration--fast) var(--wp--custom--ease--out), transform var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-video-testimonials__navbtn:hover { background: rgba(255,255,255,0.08); }
.resaco-video-testimonials__navbtn--next { background: var(--wp--preset--color--signal-zest); border-color: var(--wp--preset--color--signal-zest); color: var(--wp--preset--color--ink-900); }
.resaco-video-testimonials__navbtn--next:hover { transform: translateY(-1px); background: var(--wp--preset--color--signal-zest); }
.resaco-video-testimonials__navbtn svg { width: 20px; height: 20px; }
.resaco-video-testimonials__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.resaco-video-testimonials--slider .resaco-video-testimonials__grid {
display: flex; grid-template-columns: none;
overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
-webkit-overflow-scrolling: touch; scrollbar-width: none;
padding: 4px; margin: -4px;
}
.resaco-video-testimonials--slider .resaco-video-testimonials__grid::-webkit-scrollbar { display: none; }
.resaco-video-testimonials--slider .resaco-video-testimonials__card {
flex: 0 0 calc((100% - 3 * 16px) / 4); scroll-snap-align: start;
}
.resaco-video-testimonials__navbtn[disabled] { opacity: 0.35; cursor: default; }
.resaco-video-testimonials__navbtn[disabled]:hover { background: transparent; transform: none; }
.resaco-video-testimonials__navbtn--next[disabled]:hover { background: var(--wp--preset--color--signal-zest); }
.resaco-video-testimonials__card {
position: relative; aspect-ratio: 9 / 13; border-radius: 14px; overflow: hidden;
background-color: var(--wp--preset--color--ink-800);
display: block; text-decoration: none; color: inherit;
transition: transform var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-video-testimonials__card-img {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; object-position: center top;
}
.resaco-video-testimonials__card--clickable:hover,
.resaco-video-testimonials__card--clickable:focus-within { transform: translateY(-3px); }
.resaco-video-testimonials__card::after {
content: ""; position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(13,24,24,0) 30%, rgba(13,24,24,0.98) 100%);
pointer-events: none;
}
.resaco-video-testimonials__logo {
position: absolute; top: 16px; left: 16px; z-index: 2;
font-family: var(--wp--preset--font-family--display); font-size: 18px; font-weight: 700;
letter-spacing: 0.02em; color: #fff; text-shadow: 0 1px 8px rgba(0,0,0,0.4);
}
.resaco-video-testimonials__card-link {
position: absolute; inset: 0; z-index: 3; display: block;
border-radius: inherit; color: inherit; text-decoration: none; cursor: pointer;
}
.resaco-video-testimonials__card-link:focus-visible {
outline: 3px solid var(--wp--preset--color--signal-zest); outline-offset: -3px;
}
.resaco-video-testimonials__play {
position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); z-index: 2;
width: 60px; height: 60px; border-radius: 999px;
background: rgba(255,255,255,0.14); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
border: 1.5px solid rgba(255,255,255,0.5);
display: flex; align-items: center; justify-content: center;
transition: width var(--wp--custom--duration--med) var(--wp--custom--ease--out), height var(--wp--custom--duration--med) var(--wp--custom--ease--out), background var(--wp--custom--duration--med) var(--wp--custom--ease--out);
}
.resaco-video-testimonials__card:hover .resaco-video-testimonials__play { width: 72px; height: 72px; background: rgba(255,255,255,0.22); }
.resaco-video-testimonials__play svg { width: 20px; height: 20px; fill: #fff; margin-left: 2px; }
.resaco-video-testimonials__overlay { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 20px; }
.resaco-video-testimonials__quote {
font-family: var(--wp--preset--font-family--display); font-size: 16.5px; font-weight: 500;
letter-spacing: -0.01em; line-height: 1.28; color: #fff; margin: 0 0 14px;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.resaco-video-testimonials__name { font-size: 12px; font-weight: 700; color: #fff; line-height: 1.3; }
.resaco-video-testimonials__role { font-size: 11px; color: rgba(255,255,255,0.7); line-height: 1.3; }
.resaco-video-testimonials__card--coming { filter: saturate(0.7); }
.resaco-video-testimonials__card--coming::after {
background: linear-gradient(180deg, rgba(13,24,24,0.35) 0%, rgba(13,24,24,0.55) 35%, rgba(13,24,24,0.98) 100%);
}
.resaco-video-testimonials__coming {
position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); z-index: 2;
display: inline-flex; align-items: center; gap: 8px;
padding: 10px 16px; border-radius: 999px;
background: rgba(13,24,24,0.55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
border: 1px dashed rgba(209,244,89,0.55);
font-size: 11.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;
color: var(--wp--preset--color--signal-zest); white-space: nowrap;
}
.resaco-video-testimonials__coming svg { width: 14px; height: 14px; stroke: var(--wp--preset--color--signal-zest); fill: none; }
a.resaco-video-testimonials__play { cursor: pointer; text-decoration: none; }
.resaco-vlightbox {
position: fixed; inset: 0; z-index: 9999;
background: rgba(5, 12, 12, 0.92); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
display: flex; align-items: center; justify-content: center; padding: clamp(16px, 4vw, 40px);
animation: resaco-vlb-in 180ms var(--wp--custom--ease--out, ease);
}
@keyframes resaco-vlb-in { from { opacity: 0; } to { opacity: 1; } }
.resaco-vlightbox__frame {
position: relative; width: min(960px, 100%); aspect-ratio: 16 / 9;
border-radius: 14px; overflow: hidden; box-shadow: 0 40px 100px rgba(0, 0, 0, 0.65); background: #000;
}
.resaco-vlightbox__frame iframe,
.resaco-vlightbox__frame video { width: 100%; height: 100%; border: 0; display: block; background: #000; }
.resaco-vlightbox__close {
position: absolute; top: 18px; right: 22px; z-index: 2;
width: 44px; height: 44px; border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.12); color: #fff;
font-size: 26px; line-height: 1; cursor: pointer; transition: background var(--wp--custom--duration--fast) var(--wp--custom--ease--out);
}
.resaco-vlightbox__close:hover { background: rgba(255, 255, 255, 0.24); }
@media (max-width: 1000px) {
.resaco-video-testimonials__grid { grid-template-columns: repeat(2, 1fr); }
.resaco-video-testimonials--slider .resaco-video-testimonials__card { flex-basis: calc((100% - 16px) / 2); }
}
@media (max-width: 560px) {
.resaco-video-testimonials__head { grid-template-columns: 1fr; }
.resaco-video-testimonials__nav { justify-content: flex-start; }
.resaco-video-testimonials__grid { grid-template-columns: 1fr; }
.resaco-video-testimonials--slider .resaco-video-testimonials__card { flex-basis: 82%; }
}
.resaco-webgal {
padding-block: clamp(72px, 10vw, 120px);
position: relative;
overflow: hidden;
}
.resaco-webgal__inner {
max-width: var(--wp--style--global--wide-size, 1360px);
margin-inline: auto;
padding-inline: clamp(20px, 5vw, 40px);
}
.resaco-webgal__head {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 32px;
flex-wrap: wrap;
margin-bottom: 48px;
}
.resaco-webgal__intro { max-width: 640px; }
.resaco-webgal__title {
font-family: var(--wp--preset--font-family--display);
font-size: clamp(38px, 5vw, 68px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.02;
margin: 18px 0 0;
color: var(--wp--preset--color--white);
text-wrap: balance;
}
.resaco-webgal__accent { color: var(--wp--preset--color--signal-zest); }
.resaco-webgal__filters {
display: flex;
gap: 6px;
flex-wrap: wrap;
background: #152626;
border: 1px solid rgba(255, 255, 255, 0.08);
padding: 6px;
border-radius: 14px;
}
.resaco-webgal__filter {
background: transparent;
color: var(--wp--preset--color--fg-muted);
border: none;
padding: 8px 16px;
border-radius: 8px;
font-family: inherit;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: background 140ms, color 140ms;
}
.resaco-webgal__filter:hover { color: var(--wp--preset--color--white); }
.resaco-webgal__filter.is-active {
background: var(--wp--preset--color--signal-zest);
color: var(--wp--preset--color--ink-900);
}
.resaco-webgal__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
.resaco-webgal__item {
transition: transform 260ms cubic-bezier(.22, 1, .36, 1);
}
.resaco-webgal__item:hover { transform: translateY(-6px); }
.resaco-webgal__item--featured { grid-column: 1 / -1; }
.resaco-webgal__item[hidden] { display: none !important; }
.resaco-webgal__frame {
border-radius: 14px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.12);
background: var(--wp--preset--color--ink-900);
box-shadow: 0 30px 70px rgba(0, 0, 0, 0.45), 0 8px 20px rgba(0, 0, 0, 0.3);
}
.resaco-webgal__chrome {
height: 40px;
background: #1c2a2c;
display: flex;
align-items: center;
gap: 14px;
padding: 0 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.resaco-webgal__dots { display: flex; gap: 7px; }
.resaco-webgal__dot { width: 11px; height: 11px; border-radius: 999px; }
.resaco-webgal__dot--r { background: #ED6A5E; }
.resaco-webgal__dot--y { background: #F4BF50; }
.resaco-webgal__dot--g { background: #61C554; }
.resaco-webgal__urlbar {
flex: 1;
max-width: 420px;
margin: 0 auto;
background: var(--wp--preset--color--ink-900);
border-radius: 8px;
height: 24px;
display: flex;
align-items: center;
gap: 8px;
padding: 0 12px;
color: #5e7274;
}
.resaco-webgal__url {
font-size: 11.5px;
color: #8aa0a2;
font-family: var(--wp--preset--font-family--mono, ui-monospace, monospace);
letter-spacing: 0.01em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.resaco-webgal__chrome-spacer { width: 52px; flex-shrink: 0; }
.resaco-webgal__viewport {
position: relative;
aspect-ratio: 16 / 10;
overflow: hidden;
background: #fff;
}
.resaco-webgal__item--featured .resaco-webgal__viewport { aspect-ratio: 16 / 8.2; }
.resaco-webgal__shot {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
}
.resaco-webgal__placeholder {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
background: #11201f;
color: #5e7274;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.01em;
}
.resaco-webgal__meta {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
margin-top: 20px;
}
.resaco-webgal__meta-head {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 7px;
flex-wrap: wrap;
}
.resaco-webgal__client {
font-family: var(--wp--preset--font-family--display);
font-size: 19px;
font-weight: 600;
letter-spacing: -0.015em;
color: var(--wp--preset--color--white);
margin: 0;
}
.resaco-webgal__item--featured .resaco-webgal__client { font-size: 24px; }
.resaco-webgal__tag {
font-size: 10.5px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--wp--preset--color--signal-zest);
background: rgba(209, 244, 89, 0.12);
border: 1px solid rgba(209, 244, 89, 0.3);
padding: 3px 9px;
border-radius: 999px;
}
.resaco-webgal__blurb {
font-size: 13.5px;
color: var(--wp--preset--color--fg-muted);
line-height: 1.5;
margin: 0;
max-width: 52ch;
}
.resaco-webgal__item--featured .resaco-webgal__blurb { font-size: 15px; }
.resaco-webgal__view {
flex-shrink: 0;
margin-top: 4px;
font-size: 13px;
font-weight: 600;
color: var(--wp--preset--color--fg-subtle, #7F9092);
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 7px;
transition: color 160ms;
white-space: nowrap;
}
.resaco-webgal__view:hover { color: var(--wp--preset--color--signal-zest); }
.resaco-webgal__view-arrow { transition: transform 160ms; }
.resaco-webgal__view:hover .resaco-webgal__view-arrow { transform: translateX(3px); }
@media (max-width: 900px) {
.resaco-webgal__grid { grid-template-columns: 1fr; gap: 32px; }
.resaco-webgal__item--featured { grid-column: auto; }
.resaco-webgal__item--featured .resaco-webgal__viewport { aspect-ratio: 16 / 10; }
}
@media (prefers-reduced-motion: reduce) {
.resaco-webgal__item,
.resaco-webgal__view-arrow { transition: none; }
}