html{overflow-x:clip}
.client-cell img[src*=latattoo],.client-cell img[src*=alpinc],.client-cell img[src*=valta]{filter:brightness(0)}
body{overflow-x:clip}.header{position:sticky;top:0;background:#e5e4e0ed;backdrop-filter:blur(12px);z-index:30}.desktop-nav{gap:24px}.mobile-nav{position:fixed;top:100px;z-index:35}.section{position:relative;z-index:1}.hero-art{position:fixed;z-index:0;transform:translate(-50%,-50%) translate(var(--art-x,0px),var(--art-y,0px)) scale(var(--art-scale,1));opacity:var(--art-opacity,1);pointer-events:auto;cursor:grab;touch-action:pan-y;transition:opacity .15s}.hero-art:active{cursor:grabbing}.pelican-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .5s;pointer-events:none}.webgl-ready .pelican-canvas{opacity:1}.webgl-ready .pelican{opacity:0;animation:none}.pelican{transition:opacity .5s}.hero h1>span{will-change:transform;transition:opacity .2s}.hero h1>span:first-child{transform:translateX(calc(var(--hero-scroll,0) * -180px));opacity:calc(1 - var(--hero-scroll,0)*.75)}.hero h1>span:nth-child(2){transform:translateX(calc(var(--hero-scroll,0) * 180px));opacity:calc(1 - var(--hero-scroll,0)*.75)}.hero h1>span:nth-child(3){transform:translateX(calc(var(--hero-scroll,0) * -90px));opacity:calc(1 - var(--hero-scroll,0)*.75)}.interaction-hint{font-size:12px;color:#62625e;align-self:end;margin-bottom:14px}.about{padding-bottom:30px}.about h2{font-size:clamp(42px,5.8vw,84px)}.clients{padding-top:80px}.clients-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.clients-heading>p{font-size:14px;line-height:1.7;color:var(--muted)}.client-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}.client-cell{min-height:150px;display:flex;align-items:center;justify-content:center;position:relative;padding:28px 20px 35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffffb0;transition:background .3s}.client-cell img{max-width:83%;max-height:68px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;transition:transform .35s,opacity .35s}.client-cell:hover{background:white}.client-cell:hover img{transform:scale(1.055)}.client-cell img[src*="tmtattoo"],.client-cell img[src*="viors"],.client-cell img[src*="vbochonke"]{filter:brightness(0)}.client-cell img[src*="gemax"]{max-height:62px;max-width:70%}.client-cell img[src*="forester"]{max-width:98%}.client-domain{position:absolute;bottom:12px;left:15px;font-size:12px;letter-spacing:.02em;color:#777771;transition:opacity .2s}.client-hint{position:absolute;bottom:12px;right:15px;font-size:12px;opacity:0;transition:opacity .2s}.client-cell:hover .client-hint,.client-cell:focus-visible .client-hint{opacity:1}.client-wordmark{font-size:20px;font-weight:500;letter-spacing:-.05em;text-align:center;line-height:1.2}.wordmark-domain{font-size:17px}.client-combined{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;letter-spacing:-.05em}.client-combined>img{max-width:30px;max-height:32px}.client-next{grid-column:span 3;min-height:150px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:25px 30px;font-size:24px;letter-spacing:-.045em;line-height:1.2;background:#ffffff40;transition:background .3s}.client-next:hover{background:#fff}.client-next>span:last-child{font-size:40px}.client-footnote{font-size:12px;color:var(--muted);margin-top:14px}.project-grid{align-items:start;padding-bottom:110px}.project:nth-child(even){margin-top:110px;margin-bottom:-110px}.project{position:relative}.project-iworky .screen-crop img{margin-top:0}.project-iworky .screen-crop{aspect-ratio:1.75}.project-iworky .project-visual{aspect-ratio:1.4}.city-project{display:grid;grid-template-columns:1fr 1.1fr;background:#fff;margin-top:24px;overflow:hidden}.city-info{padding:35px 40px}.city-info h3{font-size:44px;font-weight:400;letter-spacing:-.05em;line-height:1.15;margin-top:22px}.city-statement{font-size:28px;line-height:1.2;letter-spacing:-.045em;margin-top:14px}.city-copy{font-size:14px;line-height:1.75;margin-top:24px;max-width:470px}.city-support{display:flex;align-items:center;gap:16px;margin-top:25px}.city-support>img{width:44px;height:56px;object-fit:contain}.city-support>.label{font-size:12px;line-height:1.7;max-width:240px}.city-info>.text-link{margin-top:25px}.city-visual{position:relative;min-height:450px;background:#002d3c;display:flex;align-items:center;justify-content:center;overflow:hidden}.city-visual>img{width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .7s}.city-visual:hover>img{transform:scale(1.04)}.city-visual>span{position:absolute;right:25px;bottom:20px;color:#fff;font-size:12px}.geography{padding-top:110px}.geography-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:35px}.geography h2{font-size:clamp(40px,5.5vw,78px)}.geography-copy>p{font-size:16px;line-height:1.7;max-width:420px;margin-top:30px}.country-list{margin-top:35px;max-width:420px;border-top:1px solid var(--line)}.country-button{display:flex;align-items:center;gap:20px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:17px 4px;width:100%;text-align:left;font-size:15px;transition:background .2s}.country-button>span:last-child{margin-left:auto;font-size:20px;transition:transform .25s}.country-button[aria-pressed=true]{font-weight:600}.country-button[aria-pressed=true]>span:last-child{transform:rotate(45deg)}.country-button:hover{background:#ffffff35}.country-code{font-size:12px;width:25px;font-weight:400;color:var(--muted);letter-spacing:.05em}.globe-wrap{position:relative;min-width:0}.globe-wrap canvas{display:block;width:100%;aspect-ratio:1;position:relative;z-index:1;touch-action:pan-y;cursor:grab}.globe-wrap canvas.dragging{cursor:grabbing}.globe-orbit{position:absolute;width:98%;height:98%;left:1%;top:1%;border:1px solid #bfbebe60;border-radius:50%;transform:rotateX(25deg) rotateZ(-25deg)}.globe-label{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}.globe-status{height:5px;width:5px;background:var(--ink);border-radius:50%}.globe-hint{text-align:center;position:absolute;bottom:0;left:0;right:0;font-size:12px;letter-spacing:.05em;color:var(--muted)}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.65,.3,1)}.reveal.in-view{opacity:1;transform:none}.project:nth-child(even).reveal{transition-delay:.1s}
@media(max-width:1100px){.desktop-nav{gap:18px}.client-cell{min-height:125px;padding:20px 14px 30px}.client-cell img{max-height:53px}.client-combined{font-size:13px;gap:5px}.client-combined>img{max-width:24px}.client-wordmark{font-size:17px}.wordmark-domain{font-size:14px}.client-next{min-height:125px;font-size:21px}.city-info{padding:30px}.city-info h3{font-size:37px}.city-visual{min-height:430px}.geography-grid{grid-template-columns:1fr 1fr;gap:15px}.geography-copy>p{font-size:15px}.interaction-hint{display:none}.mobile-nav{top:85px}}
@media(max-width:850px) and (min-width:701px){.client-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.client-next{grid-column:span 3}.city-project{grid-template-columns:1fr 1fr}.city-info h3{font-size:32px}.city-statement{font-size:23px}.city-support{gap:10px}.city-support>.label{font-size:12px}.geography-grid{grid-template-columns:1fr}.geography-copy{display:grid;grid-template-columns:1fr 1fr;gap:25px}.geography-copy h2{grid-column:1/-1}.geography-copy>p{margin-top:0}.country-list{margin-top:0}.globe-wrap{width:80%;margin:auto}}
@media(max-width:700px){.mobile-nav{top:80px}.hero-art{left:56%;top:40%;width:440px;height:440px}.pelican-canvas{width:100%;height:100%}.header{backdrop-filter:blur(8px)}.hero h1{padding-top:95px}.about{padding-bottom:0}.about h2{font-size:40px}.clients{padding-top:65px}.clients-heading{display:block;margin-bottom:30px}.clients-heading h2{font-size:40px}.clients-heading>p{font-size:13px;margin-top:24px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-cell{min-height:125px;padding:22px 16px 30px}.client-cell img{max-height:52px;max-width:88%}.client-domain{font-size:12px;left:10px;bottom:10px}.client-hint{display:none}.client-combined{font-size:14px;gap:7px}.client-wordmark{font-size:18px}.wordmark-domain{font-size:15px}.client-next{grid-column:span 1;font-size:19px;min-height:125px;padding:20px 15px;gap:8px}.client-next>span:last-child{font-size:25px}.client-footnote{font-size:12px;line-height:1.7}.project-grid{padding-bottom:0}.project:nth-child(even){margin-top:0;margin-bottom:0}.project-iworky .project-visual{aspect-ratio:1.4}.city-project{grid-template-columns:1fr;margin-top:18px}.city-info{padding:28px 24px}.city-info h3{font-size:34px}.city-statement{font-size:27px}.city-copy{font-size:14px;margin-top:22px}.city-support>.label{font-size:12px}.city-visual{min-height:240px;height:260px}.city-visual>img{object-position:left top}.city-visual>span{font-size:12px;right:18px;bottom:15px}.geography{padding-top:65px}.geography-grid{grid-template-columns:1fr;gap:28px}.geography h2{font-size:40px}.geography-copy>p{font-size:14px;margin-top:25px}.country-list{margin-top:28px;max-width:none}.country-button{font-size:14px;padding:15px 3px}.globe-wrap{margin-inline:-12px}.globe-label{font-size:12px;bottom:6%}.globe-hint{font-size:12px}.reveal{transform:translateY(20px)}.project:nth-child(even).reveal{transition-delay:0s}}
.concepts h2{margin-bottom:45px}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.concept-card{background:#fff;padding:30px 30px 0;overflow:hidden;min-width:0}.concept-status{display:inline-block;border:1px solid #c5c5bf;padding:6px 8px;font-size:12px}.concept-card h3{font-size:32px;line-height:1.15;letter-spacing:-.045em;font-weight:400;margin-top:24px;min-height:80px}.concept-visual{position:relative;aspect-ratio:1.7;overflow:hidden;margin:24px -30px 0}.concept-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.concept-card:hover .concept-visual>img{transform:scale(1.035)}.visual-caption{position:absolute;bottom:12px;left:18px;background:#ffffffec;padding:5px 7px;font-size:12px;letter-spacing:.07em;line-height:1.4}.concept-card>p{font-size:14px;line-height:1.75;margin-top:25px;min-height:95px}.concept-card .tags{margin-block:18px 25px}.drainage-visual{background:#f7f7f3}.drainage-visual>svg{width:100%;height:100%;display:block}.drain-top{position:absolute;top:15px;left:18px;right:18px;display:flex;justify-content:space-between;font-size:12px}.drain-flow{animation:waterflow 5s linear infinite}.motion-paused .drain-flow{animation-play-state:paused}@keyframes waterflow{to{stroke-dashoffset:-85}}
@media(max-width:700px){.concepts h2{font-size:38px;margin-bottom:30px}.concept-grid{grid-template-columns:1fr;gap:18px}.concept-card{padding:24px 24px 0}.concept-card h3{font-size:29px;min-height:0;margin-top:20px}.concept-visual{margin:24px -24px 0}.concept-card>p{min-height:0;font-size:14px}.visual-caption{font-size:12px;left:12px;bottom:10px}.drain-top{left:12px;right:12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero h1>span{transform:none!important;opacity:1!important}.hero-art{transform:translate(-50%,-50%)!important}.drain-flow{animation:none}}
