.case-study{--cs-blue:#00a8e8;--cs-blue-dark:#0077b6;--cs-blue-soft:#4fcbff;--cs-ink:#0c1216;--cs-ink-2:#121a1f;--cs-warm:#f5f4f0;--cs-line:#dde2e4;--cs-muted:#55636b;--cs-shell:1200px;--cs-media:1040px;--cs-col:720px;max-width:none;margin:0;padding-bottom:0;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--cs-ink-2);line-height:1.7;font-size:16px;background:#fff}.case-study>article>p:not(.lead),.case-study>p:not(.lead){font-weight:400;color:#3d474d;line-height:1.7}.case-study>*,.case-study>article>*{max-width:var(--cs-col);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box}.case-study>article{max-width:none;padding:0}.case-study :is(h1,h2,h3){scroll-margin-top:96px}.case-study .cs-hero{max-width:none;padding-left:0;padding-right:0;min-height:640px}.case-study .t2-hero-bg{filter:contrast(1.06) saturate(1.04);object-position:var(--cs-focal-d,50% 50%)}.case-study .t2-hero-scrim{background:linear-gradient(90deg,rgba(8,17,22,.62),rgba(8,17,22,.46) 38%,rgba(8,17,22,.1) 64%,rgba(8,17,22,.02)),linear-gradient(180deg,rgba(8,17,22,0) 70%,rgba(8,17,22,.16))}.case-study .cs-hero .h2-kicker{color:#fff;text-shadow:0 1px 14px rgba(8,17,22,.65)}.case-study .cs-hero .h2-kicker:before{background:var(--cs-blue)}.cs-hero-grid{align-items:center;max-width:var(--cs-shell);grid-template-columns:minmax(0,1.55fr) minmax(360px,.75fr);gap:64px}.cs-hero-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:680px}.case-study .cs-h1{max-width:14.5ch;text-shadow:0 2px 28px rgba(8,17,22,.45);font-size:clamp(3.7rem,4.65vw,4.65rem);line-height:1}.case-study .cs-h1 span{font-size:.72em;line-height:1;margin-top:8px;max-width:22ch;text-wrap:balance}.case-study .cs-h1--long{font-size:clamp(3.25rem,4.1vw,4rem);max-width:18ch}.case-study .cs-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;grid-gap:0;gap:0;max-width:650px;width:100%;margin-top:10px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.24)}.case-study .cs-chips span{display:flex;flex-direction:column;gap:3px;min-height:0;padding:0 18px 0 0;background:none;border:none;font-size:12px;font-weight:650;color:hsla(0,0%,100%,.68)}.case-study .cs-chips span+span{padding-left:18px;border-left:1px solid hsla(0,0%,100%,.22)}.case-study .cs-chips span strong{color:#fff;font-weight:800;font-size:17px;margin:0}.cs-price{display:flex;flex-direction:column;gap:8px;width:100%;max-width:420px;justify-self:end;padding:28px 30px 30px;background:#fff;border:1px solid var(--cs-line);border-top:4px solid var(--cs-blue);box-shadow:0 18px 44px rgba(12,18,22,.13);color:var(--cs-ink-2);box-sizing:border-box}.cs-price-label{font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--cs-blue-dark)}.case-study .cs-price-value{font-family:Bebas Neue,Impact,sans-serif;font-weight:400;font-size:clamp(3rem,3.4vw,3.25rem);line-height:1;color:var(--cs-ink)}.cs-price-vat{font-style:normal;font-size:14px;font-weight:700;color:var(--cs-ink-2)}.cs-price-sqm{display:inline-flex;align-items:baseline;gap:6px;margin-top:2px;padding:5px 10px;align-self:flex-start;background:var(--cs-warm);border-left:3px solid var(--cs-blue);font-size:14px;font-weight:800;color:var(--cs-ink)}.cs-price-sqm small{font-size:11.5px;font-weight:600;letter-spacing:.04em;color:var(--cs-muted);text-transform:uppercase}.cs-price p{margin:6px 0 10px;font-size:13.5px;line-height:1.55;color:var(--cs-muted);max-width:40ch}.case-study a.btn,.case-study a.btn:hover{color:#fff;border-bottom-width:2px}.case-study .cs-price-cta{width:100%;margin-top:4px}.case-study .lead{margin-top:88px;margin-bottom:8px;font-size:18px;line-height:1.6;font-weight:400;color:var(--cs-ink-2)}.case-study h2{margin:88px auto 20px;font-family:Bebas Neue,Impact,sans-serif;font-weight:400;font-size:clamp(2.1rem,3vw,2.75rem);line-height:1.02;letter-spacing:.01em;color:var(--cs-ink);text-wrap:balance}.case-study>article>h2:before,.case-study>h2:before{content:"";display:block;width:34px;height:3px;margin-bottom:18px;background:var(--cs-blue)}.case-study h3{font-family:Bebas Neue,Impact,sans-serif;font-weight:400;font-size:25px;line-height:1.1;letter-spacing:.02em;margin:0 0 12px}.case-study p{margin-top:0;margin-bottom:18px}.case-study strong{color:var(--cs-ink);font-weight:750}.case-study a{color:var(--cs-blue-dark);text-decoration:none;border-bottom:1px solid rgba(0,168,232,.35);transition:border-color .15s ease,color .15s ease}.case-study a:hover{color:var(--cs-blue);border-bottom-color:var(--cs-blue)}.case-study>article>h2:has(+ol),.case-study>h2:has(+ol){max-width:none;background:var(--cs-ink);color:#fff;margin:96px 0 0;padding:68px max(24px,calc(50% - 488px)) 26px}.case-study ol{list-style:none;max-width:none;margin:0;padding:10px max(32px,calc(50% - 488px)) 68px;background:var(--cs-ink);counter-reset:cstep;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;box-sizing:border-box}.case-study ol:has(li:nth-child(7)):not(:has(li:nth-child(9))){grid-template-columns:repeat(4,minmax(0,1fr))}.case-study ol li{counter-increment:cstep;display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.16);border-top:3px solid var(--cs-blue);font-size:13.5px;line-height:1.55;color:hsla(0,0%,100%,.7)}.case-study ol li:before{content:counter(cstep,decimal-leading-zero);font-family:Bebas Neue,Impact,sans-serif;font-size:40px;font-weight:400;line-height:1;color:var(--cs-blue)}.case-study ol li strong{display:block;color:#fff;font-size:15px;font-weight:800;line-height:1.35}.case-study ol li a{color:var(--cs-blue-soft);border-bottom-color:rgba(79,203,255,.4)}.case-study ol+*{margin-top:0}.case-study .cs-spec{margin-top:0;padding-top:72px}.case-study .fact-box{margin:80px auto;padding:28px 32px;background:var(--cs-warm);color:var(--cs-ink-2);border-left:4px solid var(--cs-blue)}.case-study .fact-box h3{color:var(--cs-ink)}.case-study .fact-box p{margin-bottom:12px;font-size:15.5px;line-height:1.65;color:var(--cs-ink-2)}.case-study .fact-box p:last-child{margin-bottom:0}.case-study .fact-box strong{color:var(--cs-blue-dark)}.case-study .fact-box a{color:var(--cs-ink);border-bottom-color:rgba(0,168,232,.5)}.case-study .fact-box a:hover{color:var(--cs-blue-dark);border-bottom-color:var(--cs-blue-dark)}.case-study .cs-spec{margin:72px auto;padding:0 24px}.cs-spec-kicker{display:flex;align-items:center;gap:12px;margin-bottom:8px;color:var(--cs-blue-dark);font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.cs-spec-kicker:before{content:"";width:34px;height:3px;background:var(--cs-blue)}.case-study .cs-spec h3{margin:0 0 14px;font-size:clamp(1.7rem,2.6vw,2.2rem)}.case-study .cs-spec dl{margin:0;border-top:2px solid var(--cs-ink)}.case-study .cs-spec dl>div{display:grid;grid-template-columns:1fr auto;grid-gap:24px;gap:24px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--cs-line)}.case-study .cs-spec dt{margin:0;font-size:15.5px;color:var(--cs-ink-2)}.case-study .cs-spec dd{margin:0;font-family:Bebas Neue,Impact,sans-serif;font-size:1.35rem;letter-spacing:.02em;color:var(--cs-ink);white-space:nowrap}.case-study .cs-spec p{margin:12px 0 0;font-size:13.5px;color:var(--cs-muted)}.case-study .cs-ba{max-width:var(--cs-media);margin:72px auto 88px;padding-left:32px;padding-right:32px}.cs-ba-stage{position:relative;aspect-ratio:1.9/1;overflow:hidden;background:var(--cs-ink);border-top:2px solid var(--cs-blue);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cs-ba-stage img,.cs-ba-stage picture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.cs-ba-top{position:absolute;inset:0}.cs-ba-line{position:absolute;top:0;bottom:0;width:1px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.15);pointer-events:none}.cs-ba-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--cs-blue);color:#fff}.cs-ba-grip svg{width:26px;height:26px}.cs-ba-hint{position:absolute;top:calc(50% + 40px);left:50%;transform:translateX(-50%);white-space:nowrap;padding:8px 12px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#fff;color:var(--cs-ink);box-shadow:0 6px 20px rgba(8,17,22,.25);transition:opacity .3s ease}.cs-ba-hint>span{color:var(--cs-blue);font-size:10px}.cs-ba-hint--gone{opacity:0}.cs-ba-tag{position:absolute;top:14px;padding:6px 10px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;background:rgba(8,17,22,.72);color:#fff;transition:opacity .25s ease;pointer-events:none}.cs-ba-tag--fore{left:14px}.cs-ba-tag--efter{right:14px;background:var(--cs-blue)}.cs-ba-tag--dim{opacity:0}.cs-ba-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;width:100%;height:100%;margin:0;background:transparent;opacity:0;cursor:ew-resize;touch-action:pan-y}.cs-ba-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1px;height:100%;background:transparent}.cs-ba-input::-moz-range-thumb{width:1px;height:100%}.cs-ba-input::-moz-range-thumb,.cs-ba-input::-moz-range-track{background:transparent;border:none}.cs-ba-stage:has(.cs-ba-input:focus-visible) .cs-ba-grip{outline:2px solid #fff;outline-offset:2px}.cs-ba figcaption{margin-top:10px;font-size:14px;line-height:1.45;font-weight:500;color:var(--cs-muted)}.case-study .project-gallery{max-width:var(--cs-media);margin:80px auto 56px;padding-left:32px;padding-right:32px}.case-study .project-gallery h2{margin:0 0 24px;padding:0}.case-study .project-gallery h2:before{content:"";display:block;width:34px;height:3px;margin-bottom:18px;background:var(--cs-blue)}.gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:16px;gap:16px}.gallery-grid figure{margin:0}.gallery-grid figure:nth-child(4n+1){grid-column:span 7}.gallery-grid figure:nth-child(4n+2),.gallery-grid figure:nth-child(4n+3){grid-column:span 5}.gallery-grid figure:nth-child(4n){grid-column:span 7}.gallery-grid>figure:last-child:nth-child(4n+1):not(:first-child),.gallery-grid>figure:last-child:nth-child(4n+3){grid-column:span 12}.gallery-grid img{width:100%;height:380px;object-fit:cover;display:block;background:var(--cs-warm)}.gallery-grid figcaption{padding:10px 0 0;font-size:14px;line-height:1.45;font-weight:500;max-width:52ch;color:var(--cs-muted)}.case-study .project-gallery:has(.gallery-grid>figure:only-child){max-width:calc(var(--cs-col) + 64px)}.gallery-grid:has(>figure:only-child)>figure{grid-column:span 12}.gallery-grid:has(>figure:only-child) img{height:auto;aspect-ratio:4/3}.gallery-grid:has(>figure:nth-child(2):last-child)>figure{grid-column:span 6}.gallery-grid:has(>figure:nth-child(2):last-child) img{height:auto;aspect-ratio:4/3}.gallery-grid:has(>figure:nth-child(3):last-child){grid-auto-rows:222px}.gallery-grid:has(>figure:nth-child(3):last-child)>figure{display:flex;flex-direction:column}.gallery-grid:has(>figure:nth-child(3):last-child)>figure:first-child{grid-column:span 7;grid-row:span 2}.gallery-grid:has(>figure:nth-child(3):last-child)>figure:not(:first-child){grid-column:span 5}.gallery-grid:has(>figure:nth-child(3):last-child) img{height:100%;flex:1 1;min-height:0}.gallery-grid:has(>figure:nth-child(3):last-child) figcaption{flex:none}.case-study .project-context{max-width:var(--cs-media);margin:88px auto 0;padding:40px 32px 8px;border-top:1px solid var(--cs-line)}.project-context-kicker{display:flex;align-items:center;gap:12px;margin-bottom:10px;color:var(--cs-blue-dark);font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.project-context-kicker:before{content:"";width:34px;height:3px;background:var(--cs-blue)}.case-study .project-context h2{margin:0 0 6px;font-size:clamp(2rem,3vw,2.6rem)}.case-study .project-context h2:before{content:none}.case-study .project-context p{color:var(--cs-muted);margin-bottom:22px;font-size:15px}.project-context-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.project-context-links a{display:flex;flex-direction:column;background:#fff;border:1px solid var(--cs-line);border-top:3px solid var(--cs-blue);color:var(--cs-ink);text-decoration:none;overflow:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}.project-context-links a img,.project-context-links a picture{display:block;width:100%}.project-context-links a img{height:160px;object-fit:cover;background:var(--cs-warm);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.project-context-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 18px;font-family:Bebas Neue,Impact,sans-serif;font-size:1.35rem;letter-spacing:.02em;line-height:1.05}.project-context-label>span{font-family:Figtree,sans-serif;font-size:16px;font-weight:800;color:var(--cs-blue-dark);transition:transform .3s ease,color .3s ease}.project-context-links a:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(18,26,31,.14);color:var(--cs-ink);border-bottom-color:var(--cs-line)}.project-context-links a:hover img{transform:scale(1.04)}.project-context-links a:hover .project-context-label>span{transform:translateX(4px);color:var(--cs-blue)}.case-study .area-projects{max-width:none;margin:72px 0 0;padding:64px 24px 72px;background:var(--cs-warm);border-top:1px solid var(--cs-line)}.case-study .area-projects .container{max-width:var(--cs-media);margin:0 auto;padding:0 32px;box-sizing:border-box}.case-study .area-projects .section-label{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding-left:0;color:var(--cs-blue-dark);font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.case-study .area-projects .section-label:before{content:"";position:static;transform:none;width:34px;height:3px;background:var(--cs-blue)}.case-study .area-projects h2{margin:0 0 8px;font-size:clamp(2rem,3vw,2.6rem)}.case-study .area-projects-intro{color:var(--cs-muted);font-size:15px;line-height:1.6;margin:0 0 26px;max-width:680px}.case-study .area-projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;max-width:none}.case-study .area-project-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--cs-line);border-top:3px solid var(--cs-blue);color:var(--cs-ink);text-decoration:none;overflow:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}.case-study .area-project-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(18,26,31,.14)}.case-study .area-project-card>img{width:100%;height:240px;object-fit:cover;display:block}.case-study .area-project-card-body{display:flex;flex-direction:column;gap:7px;padding:20px 22px 22px}.case-study .area-project-card-body strong{font-size:17px;line-height:1.3;color:var(--cs-ink)}.case-study .area-project-card-body>span{font-size:14px;line-height:1.55;color:var(--cs-muted)}.case-study .area-project-card-link{margin-top:auto;padding-top:6px;color:var(--cs-blue-dark);font-weight:750;font-size:14px}.case-study .area-project-card:hover .area-project-card-link{color:var(--cs-blue)}.case-study .cta-footer{max-width:none;margin:0;padding:40px 24px 42px;background:var(--cs-blue);color:#fff;text-align:center}.case-study .cta-footer h2{margin:0 0 10px;color:#fff;font-size:clamp(2.4rem,3.6vw,3.25rem)}.case-study .cta-footer h2:before{content:none}.case-study .cta-footer p{max-width:560px;margin:0 auto 24px;color:hsla(0,0%,100%,.92);font-size:17px;line-height:1.55}.case-study .cta-footer a.btn,.case-study .cta-footer a.btn:hover{color:var(--cs-ink);border-bottom-width:2px}.case-study>article>img,.case-study>img{display:block;width:100%;max-width:1000px;height:auto;padding:0;margin:48px auto}@media (max-width:1024px){.case-study ol,.case-study ol:has(li:nth-child(7)):not(:has(li:nth-child(9))){grid-template-columns:repeat(2,minmax(0,1fr))}.case-study ol li:last-child:nth-child(odd){grid-column:1/-1}.cs-hero-grid{grid-template-columns:1fr;gap:28px}.cs-price{justify-self:start}}@media (max-width:767px){.case-study .cs-hero{min-height:0}.cs-hero-grid{gap:24px;padding-top:26px;padding-bottom:28px}.cs-hero-content{gap:12px}.case-study .cs-h1{font-size:42px;max-width:none}.case-study .cs-h1--long{font-size:38px}.case-study .cs-h1 span{font-size:.74em}.case-study .cs-chips{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px;row-gap:8px}.case-study .cs-chips span{padding-right:10px;font-size:11px;color:hsla(0,0%,100%,.84)}.case-study .cs-chips span+span{padding-left:10px}.cs-price{max-width:none;padding:22px;box-shadow:0 12px 30px rgba(12,18,22,.17)}.case-study .cs-price-value{font-size:41px}.case-study .cs-price-cta{min-height:48px;width:100%}.case-study .lead{margin-top:60px}.case-study h2{margin-top:56px;font-size:34px}.case-study>article>h2:has(+ol),.case-study>h2:has(+ol){margin-top:64px;padding:52px 24px 18px}.case-study ol,.case-study ol:has(li:nth-child(7)):not(:has(li:nth-child(9))){grid-template-columns:1fr;gap:10px;padding:6px 20px 52px}.case-study ol li:before{font-size:34px}.case-study .cs-spec{padding-top:56px}.case-study .cs-ba{margin:56px auto 64px;padding-left:20px;padding-right:20px}.cs-ba-stage{aspect-ratio:4/3}.cs-ba-grip{width:44px;height:44px}.cs-ba-hint{font-size:11px;padding:7px 10px;top:calc(50% + 34px)}.case-study .project-gallery{padding-left:20px;padding-right:20px;margin:64px auto 40px}.gallery-grid,.gallery-grid:has(>figure:nth-child(3):last-child){display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 20px;gap:12px;margin:0 -20px;padding:0 20px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.gallery-grid::-webkit-scrollbar{display:none}.gallery-grid:has(>figure:nth-child(3):last-child)>figure,.gallery-grid:has(>figure:nth-child(3):last-child)>figure:first-child,.gallery-grid>figure{flex:0 0 82vw;max-width:340px;scroll-snap-align:start;display:block}.gallery-grid img,.gallery-grid:has(>figure:nth-child(2):last-child) img,.gallery-grid:has(>figure:nth-child(3):last-child) img,.gallery-grid:has(>figure:only-child) img{height:auto;aspect-ratio:4/3}.case-study .project-context{padding:28px 20px 4px}.project-context-links{grid-template-columns:1fr;gap:10px}.project-context-links a img{height:140px}.case-study .cta-footer{padding:52px 20px 56px}.case-study .cta-footer h2{font-size:38px}.case-study .area-projects{padding:48px 20px 56px}.case-study .area-projects-grid{grid-template-columns:1fr}}.area-project-card picture,.project-context-links a picture{display:block}