.hector-case .site-header__item a[aria-current=page]{font-weight:600}
.hector-case #MainContent .page-width{max-width:1440px;padding-inline:var(--hector-margin)}
.hector-case .section-space{padding-block:var(--hector-space)}
.hector-case h1,.hector-case .heading-2,.hector-case .heading-3{overflow-wrap:anywhere}
.hector-case .heading-2{font-size:calc(48px*var(--type-h2-ratio)*var(--heading-scale));line-height:calc(53px*var(--type-h2-ratio)*var(--heading-scale)*var(--heading-leading));letter-spacing:calc(-.03em + var(--heading-tracking))}
.hector-case .heading-3{font-size:calc(28px*var(--type-h3-ratio)*var(--heading-scale));line-height:calc(34px*var(--type-h3-ratio)*var(--heading-scale)*var(--heading-leading));letter-spacing:calc(-.02em + var(--heading-tracking))}
.hector-case .section-heading{gap:20px}
.hector-case .case-header--hector{padding-top:96px;background:var(--color-background)}
.hector-case .case-header__inner{padding-block:64px 63px;gap:48px}
.hector-case .case-header__back{display:flex;gap:4px;align-items:center;align-self:flex-start;min-height:24px;font-size:16px;line-height:24px;letter-spacing:-.003em;position:relative}
.hector-case .case-header__back::after{content:'';position:absolute;inset:-10px 0}
.hector-case .case-header__back img{transform:rotate(-90deg)}
.hector-case .case-header__row{grid-template-columns:minmax(0,700fr) minmax(0,482fr);gap:138px}
.hector-case .case-header__identity{min-width:0;gap:24px}
.hector-case .case-header__tags{display:flex;gap:12px;flex-wrap:wrap;list-style:none;padding:0}
.hector-case .case-header__tags .badge{padding:8px 20px;min-height:36px;background:rgb(227 227 227 / .3);font:500 14px/20px var(--font-body);letter-spacing:0;overflow-wrap:anywhere;white-space:normal;min-width:0}
.hector-case .case-header h1{font-size:calc(64px*var(--type-display-ratio)*var(--heading-scale));line-height:calc(68px*var(--type-display-ratio)*var(--heading-scale)*var(--heading-leading));letter-spacing:calc(-.035em + var(--heading-tracking))}
.hector-case .case-header__description{min-width:0;gap:20px}
.hector-case .case-header__description .text-small{font-size:16px;line-height:24px;letter-spacing:-.003em}
.hector-case .case-header__note{font-size:12px;line-height:18px;letter-spacing:.005em}
.hector-case .case-header__image{height:auto;aspect-ratio:1320/640;border-radius:20px}
.hector-case .case-header__image img{transform:translateY(-.3125px)}
.hector-case .split-content--project .split-content__inner{grid-template-columns:minmax(0,440fr) minmax(0,760fr);gap:120px}
.hector-case .split-content--project .split-content__panel{gap:24px}
.hector-case .split-content--project .split-content__panel p{letter-spacing:-.005em}
.hector-case .content-grid--statement .content-grid__inner{display:grid;grid-template-columns:minmax(0,480fr) minmax(0,760fr);gap:80px;align-items:start}
.hector-case .content-grid--text .section-heading,.hector-case .content-grid--text .content-grid__items{width:100%;max-width:1280px}
.hector-case .content-grid__item{gap:16px}
.hector-case .proof-gallery--details .proof-gallery__inner{gap:0}
.hector-case .proof-gallery--details .proof-gallery__grid{gap:24px}
.hector-case .proof-gallery--details .proof-gallery__card{padding:0;gap:24px;border-radius:20px;overflow:hidden}
.hector-case .proof-gallery--details .proof-gallery__image{height:auto;aspect-ratio:648/558}
.hector-case .proof-gallery--details .proof-gallery__image img,.hector-case .proof-gallery--details picture{width:100%;height:100%;object-fit:cover}
.hector-case :is(.proof-gallery--compare,.proof-gallery--single){position:relative;overflow:hidden}
.hector-case :is(.proof-gallery--compare,.proof-gallery--single) .proof-gallery__inner{position:relative;gap:80px}
.hector-case :is(.proof-gallery--compare,.proof-gallery--single) .section-heading>p{max-width:780px}
.hector-case :is(.proof-gallery--compare,.proof-gallery--single) .hector-atmosphere__green{top:295px;right:-215.7px}
.hector-case :is(.proof-gallery--compare,.proof-gallery--single) .hector-atmosphere__grey{top:-1226.519px;right:791.358px;height:1688.371px}
.hector-case :is(.proof-gallery--compare,.proof-gallery--single) .hector-atmosphere__grain{top:0;height:1340.457px}
.hector-case :is(.proof-gallery--compare,.proof-gallery--single) .hector-atmosphere__grey{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 1980.5 1688.4' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(24.322 103.11 -88.28 20.823 1383.9 389.17)'><stop stop-color='rgba(69,69,69,1)' offset='0'/><stop stop-color='rgba(69,69,69,0)' offset='1'/></radialGradient></defs></svg>")}
.image-comparison{display:block;min-width:0;width:100%}
.image-comparison__stage{position:relative;width:calc(100% - 1px);aspect-ratio:1319/744;border-radius:20px;overflow:hidden;isolation:isolate}
.image-comparison__layer{position:absolute;inset:0}
.image-comparison__image,.image-comparison__image picture,.image-comparison__image img{display:block;width:100%;height:100%;object-fit:cover}
.image-comparison__image img{transform:translateY(-.3125px)}
.image-comparison__layer--after{clip-path:inset(0 0 0 calc(var(--position) + .5px))}
.image-comparison__divider{position:absolute;left:calc(var(--position) + .5px);top:0;bottom:0;width:4px;transform:translateX(-50%);background:white;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000001a;pointer-events:none}
.image-comparison__handle{position:absolute;display:flex;align-items:center;justify-content:center;gap:4px;width:56px;height:56px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:white;box-shadow:0 20px 25px #0000001a,0 8px 10px #0000001a}
.image-comparison__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;z-index:2}
.image-comparison__stage:has(input:focus-visible){outline:3px solid var(--color-accent);outline-offset:4px}
.image-comparison__stage:has(input:focus-visible) .image-comparison__handle{outline:3px solid var(--color-accent);outline-offset:3px}
.image-comparison__range:disabled{display:none}
.hector-case .case-grid--catalogue .case-grid__inner{padding-block:var(--hector-space)}
.hector-case .case-grid--catalogue .case-grid__cards{grid-template-columns:minmax(0,650fr) minmax(0,651fr);column-gap:19px}
.hector-case .case-grid--catalogue .case-card:first-child .case-card__media{aspect-ratio:650/576}
@media(max-width:989px){
 .hector-case .heading-2{font-size:calc(36px*var(--type-h2-mobile-ratio)*var(--heading-scale));line-height:calc(40px*var(--type-h2-mobile-ratio)*var(--heading-scale)*var(--heading-leading))}
 .hector-case .heading-3{font-size:24px;line-height:29px}
 .hector-case .case-header--hector{padding-top:92px}
 .hector-case .case-header__inner{padding-block:40px;gap:32px}
 .hector-case .case-header__row{grid-template-columns:minmax(0,1fr);gap:28px}
 .hector-case .case-header h1{font-size:48px;line-height:52px}
 .hector-case .case-header__image{aspect-ratio:4/3}
 .hector-case .split-content--project .split-content__inner,.hector-case .content-grid--statement .content-grid__inner{grid-template-columns:minmax(0,1fr);gap:32px}
 .hector-case .proof-gallery--details .proof-gallery__grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .hector-case :is(.proof-gallery--compare,.proof-gallery--single) .proof-gallery__inner{gap:40px}
 .hector-case .case-grid--catalogue .case-grid__cards{grid-template-columns:minmax(0,1fr)}
 .hector-case .image-comparison__handle{width:48px;height:48px}
}

.hector-case .split-content--project .split-content__panel>hr{margin:0}
.hector-case .content-grid--text .content-grid__items{grid-template-columns:repeat(var(--columns),minmax(0,round(down,calc((100% - (var(--columns) - 1)*var(--column-gap))/var(--columns) + .001px),1px)));gap:var(--column-gap,48px)}
@media(max-width:989px){.hector-case .content-grid--text .content-grid__items{grid-template-columns:minmax(0,1fr)}}
.hector-case .split-content--project .split-content__panel .rte p,.hector-case .split-content--project .split-content__panel>p,.hector-case .content-grid--text .rte p{transform:translateY(2px)}

.hector-case .content-grid__statement{font:inherit;letter-spacing:inherit;text-transform:inherit;transform:translateY(2px)}