.case-studies{display:flex;flex-direction:column;gap:30px;margin-top:45px}.case-study{position:relative;display:grid;grid-template-columns:35% 65%;min-height:570px;border-radius:5px;overflow:hidden;isolation:isolate}.case-boat{background:#dce8df;color:#183e35}.case-traffic{background:#11192c;color:#f0f3fc}.case-copy{position:relative;padding:42px 0 36px 37px;z-index:3;display:flex;flex-direction:column;align-items:flex-start}.case-eyebrow{display:flex;align-items:center;gap:11px;font-size:7px;line-height:1.8;letter-spacing:1.6px;font-weight:600;max-width:100%;padding-right:12px}.case-eyebrow>span{border:1px solid currentColor;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;letter-spacing:0;flex-shrink:0;font-size:8px;opacity:.65}.case-own{margin-top:38px;border:1px solid #284f3a38;background:#f8fff433;padding:6px 8px;font-size:6px;letter-spacing:1.4px;line-height:1.6}.case-copy h3{font-size:clamp(36px,4.4vw,65px);line-height:1.03;letter-spacing:-3px;margin:18px 0 15px;font-weight:550}.case-copy h3 span{font-weight:400;font-family:'Playfair Display',Georgia,serif;font-style:italic}.case-traffic .case-copy h3{font-size:clamp(34px,3.5vw,53px);letter-spacing:-2px}.case-traffic h3 span{display:block;color:#82dcf3;font-family:inherit;font-style:normal;font-size:1.25em;font-weight:450;line-height:1.05}.case-line{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:21px;line-height:1.3;color:#587962;max-width:300px;margin-bottom:17px}.case-description{font-size:12px;line-height:1.85;max-width:285px;color:#4c685b}.case-roles{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 25px;max-width:300px}.case-roles span{font-size:7px;letter-spacing:.2px;line-height:1.5;padding:5px 8px;border-radius:20px;border:1px solid #34614940;color:#486451}.case-visit{display:flex;gap:20px;justify-content:space-between;align-items:center;min-width:200px;padding:14px 17px;background:#1f5144;color:#eff6e8;font-size:11px;margin-top:auto;transition:background .25s,translate .25s}.case-visit>span:last-child{font-size:19px;line-height:1}.case-visit:hover{background:#326f5c;translate:0 -3px}.case-traffic .case-eyebrow{color:#a9bce4}.case-traffic .case-own{border-color:#8295c14d;background:#93b3ff0d;color:#a8badd}.case-traffic .case-line{color:#9dbae5}.case-traffic .case-description{color:#adbcd5}.case-traffic .case-roles span{border-color:#8197c044;color:#b9c9e6}.case-traffic .case-visit{background:#bdd5f2;color:#172443}.case-traffic .case-visit:hover{background:#d9edff}.case-visual{position:relative;display:block;min-width:0;height:100%;min-height:570px;perspective:1400px}.case-boat .case-visual{background:radial-gradient(ellipse at 20% 25%,#f0f6e9 0%,#dce8df00 45%),radial-gradient(ellipse at 100% 85%,#4d8b7b80,#b6d1c44d 50%,#dce8df00 72%)}.case-traffic .case-visual{background:radial-gradient(ellipse at 80% 25%,#2462d85e,#3565d31c 40%,#11192c00 75%),radial-gradient(ellipse at 30% 90%,#28c3da30,#11192c00 55%)}.case-visual:focus-visible{outline-offset:-8px}.case-giant{position:absolute;right:-8%;top:2%;font-size:clamp(160px,20vw,285px);font-weight:550;letter-spacing:-16px;color:#fff5;line-height:1;pointer-events:none}.case-traffic .case-giant{color:#4074c314;right:7%;top:0;font-weight:400;font-size:340px}.case-orbits{position:absolute;inset:0;overflow:hidden;pointer-events:none}.case-orbits i{position:absolute;border:1px solid #54877626;border-radius:50%;width:700px;height:700px;right:-150px;top:-70px;transform:rotate(-28deg) scaleY(.66)}.case-orbits i:nth-child(2){width:580px;height:580px;right:-90px;top:-10px}.case-orbits i:nth-child(3){width:450px;height:450px;right:-25px;top:55px}.case-traffic .case-orbits i{border-color:#6997e12c;transform:rotate(-25deg) scaleY(.62)}.case-device{position:absolute;left:6%;top:102px;width:92%;z-index:2;transform:perspective(1400px) rotateX(calc(5deg + var(--tilt-x,0deg))) rotateY(calc(-10deg + var(--tilt-y,0deg))) rotateZ(-3deg);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.75,.2,1);filter:drop-shadow(8px 30px 25px #1e463c33)}.case-traffic .case-device{left:5%;top:107px;width:93%;transform:perspective(1400px) rotateX(calc(5deg + var(--tilt-x,0deg))) rotateY(calc(-9deg + var(--tilt-y,0deg))) rotateZ(3deg);filter:drop-shadow(7px 27px 30px #0008)}.case-browser{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:#f2f5ef;border:5px solid #223d33;border-bottom:0;border-radius:12px 12px 0 0;color:#728477;min-height:35px}.case-browser>span{display:flex;gap:4px}.case-browser i{display:block;width:4px;height:4px;border-radius:50%;background:#9aa99a}.case-browser small{font-size:8px;letter-spacing:.2px}.case-browser b{font-size:12px;font-weight:400}.case-traffic .case-browser{background:#e9eef8;border-color:#26334e;color:#65779c}.case-traffic .case-browser i{background:#8b9cc0}.case-screen{position:relative;aspect-ratio:1.79;background:#fff;border:5px solid #223d33;border-top:0;border-radius:0 0 7px 7px;overflow:hidden}.case-traffic .case-screen{border-color:#26334e}.case-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.case-device-base{position:relative;height:13px;margin:-2px -3.5% 0;border-radius:2px 2px 50% 50% / 2px 2px 100% 100%;background:linear-gradient(90deg,#627e70,#d2ddca 8%,#e2e8d8 45%,#9db5a1 50%,#e4eadb 60%,#6d8b7b 95%);box-shadow:0 4px 3px #0f3c3626}.case-device-base:before{content:'';position:absolute;left:42%;width:16%;top:0;height:4px;background:#768e7c;border-radius:0 0 8px 8px}.case-traffic .case-device-base{background:linear-gradient(90deg,#455476,#a1afc9 8%,#d3dced 45%,#8798bc 50%,#c3cfdf 60%,#4f648e 95%)}.case-floating{position:absolute;z-index:4;bottom:65px;left:6%;display:flex;align-items:center;padding:15px 20px;gap:14px;box-shadow:0 10px 35px #143f3520;transform:rotate(-5deg);pointer-events:none}.case-floating-boat{background:#eff5e5ee;border:1px solid #5a89752a;backdrop-filter:blur(12px);border-radius:2px;color:#315d4d}.case-floating-boat>b{font-size:17px;letter-spacing:-.5px;font-weight:500}.case-floating-boat>span:last-child{font-size:6px;letter-spacing:1px;max-width:80px;line-height:1.7}.case-compass{font-size:33px;line-height:1;color:#68886b}.case-floating-traffic{bottom:65px;left:13%;background:#182845ee;border:1px solid #7c9ddc44;color:#d4e7ff;transform:rotate(4deg);border-radius:3px;backdrop-filter:blur(12px);padding:16px 22px;box-shadow:0 12px 30px #0004}.case-connection{width:32px;height:32px;border:1px solid #77a1d177;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#94d5ec}.case-floating-traffic b{font-size:9px;letter-spacing:1.3px;display:flex;align-items:center;gap:12px;font-weight:450}.case-floating-traffic b i{display:block;width:15px;height:1px;background:#a1c1e388}.case-visual-caption{position:absolute;left:9%;right:5%;bottom:26px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:6px;letter-spacing:1.3px;color:#567b6c}.case-visual-caption>span:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.case-visual-caption i{font-style:normal;color:#799a7f}.case-traffic .case-visual-caption{color:#889ec6}.case-traffic .case-visual-caption i{color:#71bddc}.case-footnote{font-size:10px;color:#68745c;line-height:1.8;max-width:700px;margin-top:24px}.work .section-intro{margin-bottom:0}.work .case-studies{margin-top:35px}
@media(min-width:1500px){.case-study{min-height:640px}.case-visual{min-height:640px}.case-device,.case-traffic .case-device{top:110px}.case-copy{padding:50px 0 45px 45px}.case-own{margin-top:48px}.case-description{font-size:13px;max-width:320px}.case-floating{bottom:75px}}
@media(max-width:1150px){.case-study{grid-template-columns:37% 63%;min-height:535px}.case-copy{padding:32px 0 30px 28px}.case-visual{min-height:535px}.case-copy h3{font-size:47px}.case-traffic .case-copy h3{font-size:40px}.case-description{font-size:11px;max-width:260px}.case-line{font-size:18px}.case-own{margin-top:25px}.case-device,.case-traffic .case-device{top:130px}.case-floating{bottom:72px;left:5%;padding:12px 15px}.case-floating-traffic{left:8%;padding:13px 17px}.case-roles{gap:5px}.case-roles span{font-size:6px}.case-visit{min-width:185px;font-size:10px}.case-floating-boat>b{font-size:14px}}
@media(max-width:900px){.case-study{grid-template-columns:1fr;min-height:0}.case-copy{padding:34px 34px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.case-eyebrow{grid-column:1/-1}.case-own{grid-column:1;grid-row:2;width:fit-content;margin-top:24px}.case-copy h3{grid-column:1;grid-row:3;margin:16px 0 10px;font-size:54px}.case-traffic .case-copy h3{font-size:42px}.case-traffic .case-copy h3 span{display:inline;font-size:1em;margin-left:5px}.case-line{grid-column:1;grid-row:4;font-size:20px;margin:0}.case-description{grid-column:2;grid-row:2/4;align-self:center;padding-top:23px;font-size:12px;max-width:none}.case-roles{grid-column:1;grid-row:5;margin:18px 0 0}.case-visit{grid-column:2;grid-row:4/6;width:fit-content;min-width:185px;align-self:end;margin-top:15px}.case-visual{height:470px;min-height:0;margin-top:20px}.case-device,.case-traffic .case-device{left:13%;width:76%;top:45px}.case-floating{left:10%;bottom:55px}.case-floating-traffic{left:16%;bottom:55px}.case-giant{font-size:250px;right:1%;top:-8%}.case-traffic .case-giant{font-size:270px;right:12%;top:-10%}.case-visual-caption{left:10%;right:10%;bottom:20px}}
@media(max-width:760px){.case-studies{gap:23px}.case-copy{display:flex;padding:26px 25px 0}.case-eyebrow{font-size:6px;letter-spacing:1.3px;gap:9px}.case-eyebrow>span{width:21px;height:21px;font-size:7px}.case-own{font-size:5px;letter-spacing:1px;padding:5px 7px;margin-top:25px}.case-copy h3{font-size:48px;letter-spacing:-2.3px;margin:16px 0 11px}.case-traffic .case-copy h3{font-size:38px;letter-spacing:-1.5px}.case-traffic .case-copy h3 span{font-size:1em}.case-line{font-size:20px;margin:0 0 15px}.case-description{font-size:11px;line-height:1.9;max-width:100%;padding:0}.case-roles{margin:18px 0 20px;gap:5px;max-width:100%}.case-roles span{font-size:6px;padding:5px 7px}.case-visit{min-width:0;width:100%;margin:0;padding:13px 15px;max-width:100%;font-size:10px}.case-visual{height:285px;margin-top:15px;min-height:0}.case-device,.case-traffic .case-device{left:9%;width:84%;top:31px;transform:perspective(900px) rotateX(4deg) rotateY(-7deg) rotateZ(-3deg)!important;filter:drop-shadow(4px 16px 12px #16362e38)}.case-traffic .case-device{transform:perspective(900px) rotateX(4deg) rotateY(-7deg) rotateZ(3deg)!important;filter:drop-shadow(4px 16px 12px #0005)}.case-browser{min-height:23px;padding:6px 8px;border-width:3px;border-radius:7px 7px 0 0}.case-browser small{font-size:5px}.case-browser b{font-size:8px}.case-browser i{width:3px;height:3px}.case-browser>span{gap:3px}.case-screen{border-width:3px;border-top:0;border-radius:0 0 5px 5px}.case-device-base{height:9px}.case-device-base:before{height:3px}.case-floating{left:7%;bottom:48px;gap:9px;padding:9px 12px;transform:rotate(-4deg)}.case-floating-boat>b{font-size:12px}.case-floating-boat>span:last-child{font-size:4px;max-width:70px}.case-compass{font-size:23px}.case-floating-traffic{left:16%;bottom:44px;padding:10px 14px;transform:rotate(3deg)}.case-floating-traffic b{font-size:6px;gap:8px;letter-spacing:.8px}.case-floating-traffic b i{width:10px}.case-connection{width:24px;height:24px;font-size:15px}.case-visual-caption{left:8%;right:8%;bottom:19px;font-size:4px;letter-spacing:.8px;gap:8px}.case-visual-caption>span:first-child{gap:4px}.case-giant{font-size:160px;right:-2%;top:-4%;letter-spacing:-10px}.case-traffic .case-giant{font-size:190px;right:12%;top:-11%}.case-orbits i{width:420px;height:420px;right:-70px;top:-60px}.case-orbits i:nth-child(2){width:340px;height:340px;right:-30px;top:-20px}.case-orbits i:nth-child(3){width:260px;height:260px;right:10px;top:20px}.case-footnote{font-size:9px;margin-top:22px}.work .case-studies{margin-top:30px}}
@media(min-width:901px){.case-device{left:8%;width:84%;top:110px}.case-traffic .case-device{left:7%;width:86%;top:110px}}
@media(max-width:760px){.case-study{display:flex;flex-direction:column}.case-visual{order:-1;margin-top:0;height:270px;flex:none}.case-copy{padding:18px 25px 28px}.case-own{margin-top:22px}}
.has-scroll-motion .case-study.scroll-reveal{transition-duration:.55s;transform:translateY(22px)}.has-scroll-motion .case-study.scroll-reveal.is-visible{transform:none}
@media(prefers-reduced-motion:reduce){.case-device,.case-traffic .case-device{transform:none!important;transition:none}.case-visit{transition:none}}