.case-hero{background:#183d36;color:#eff5df;padding:35px var(--pad) 0}.case-breadcrumb{display:flex;justify-content:space-between;gap:25px;color:#b6c9ba}.case-title{padding:65px 0;display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:end}.case-title .project-brand{margin-bottom:28px;font-size:30px}.case-title h1{font-size:clamp(75px,9vw,145px);line-height:.95;letter-spacing:-.065em}.case-title h1 em{font-size:1.08em;color:#cfe09f;letter-spacing:-.045em}.case-intro{padding-bottom:4px;max-width:405px;justify-self:end}.case-intro p:first-child{font-size:25px;letter-spacing:-.04em;line-height:1.4}.case-intro p:nth-child(2){font-size:16px;color:#c4d4c4;margin:22px 0 29px}.case-metadata{border-top:1px solid #476559;padding:30px 0;display:grid;grid-template-columns:1.25fr 1fr 1fr .8fr;gap:24px}.case-metadata .eyebrow{color:#a7bfae;font-size:10px}.case-metadata p,.case-metadata a{font-size:13px;margin-top:8px;display:block}.case-film{padding:40px var(--pad);background:#0e2924}.film-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;color:#c5d1bf}.film-heading .eyebrow{font-size:10px}.case-film video{width:100%;aspect-ratio:16/9;background:#0a1310;border:1px solid #4a6357;max-height:80svh}.film-transcript{font-size:12px;max-width:850px;line-height:1.8;color:#adbfae;margin:20px auto 0}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:110px var(--pad)}.case-story h2{font-size:clamp(42px,4.7vw,70px);margin-top:30px}.story-text p{font-size:16px;color:#555e51;margin-bottom:24px}.story-text .large-p{font-size:26px;letter-spacing:-.025em;color:var(--ink);line-height:1.4}.workflow{padding:20px var(--pad) 110px}.workflow-steps{border-top:1px solid #b4beac;border-bottom:1px solid #b4beac;padding:22px 0;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:13px}.workflow-steps i{font-style:normal;font-size:24px;color:#758262}.case-phones{padding-top:65px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.case-phones article:nth-child(2){padding-top:50px}.case-phone{max-width:285px;margin:auto;background:#1b2b20;padding:7px;border-radius:33px;box-shadow:0 30px 50px #1a352622}.case-phone img{border-radius:27px;width:100%;height:auto;aspect-ratio:430/932;object-fit:cover;object-position:top}.case-phones h3{font-size:23px;margin:32px 0 13px;letter-spacing:-.03em}.case-phones p{font-size:14px;color:#58634e;max-width:280px}.case-desktop{background:#c9d7b8;padding:90px var(--pad);color:#213b2d}.case-desktop h2{font-size:clamp(44px,5vw,76px);margin:27px 0}.case-desktop>div:first-child>p:last-child{max-width:510px;font-size:16px;color:#546348;margin-bottom:45px}.case-desktop-frame{border:9px solid #203b2a;border-radius:15px;box-shadow:0 40px 60px #38542335;max-width:1100px;margin:0 auto;overflow:hidden}.case-desktop-frame img{width:100%}.case-desktop-frame .device-toolbar{height:30px;font-size:10px}.case-principles{padding:90px var(--pad)}.case-principles>div{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.case-principles article{border-top:1px solid #acb9a2;padding-top:22px}.case-principles article>span{font-size:12px;color:#61784b}.case-principles h3{font-size:26px;margin:25px 0 20px}.case-principles article p{font-size:14px;color:#606853}.case-next{background:var(--lime);color:var(--ink);padding:70px var(--pad)}.case-next h2{font-size:clamp(68px,8vw,120px);margin:30px 0 40px}.case-next .text-link{margin-left:35px}.case-next .text-link:hover{color:var(--ink)}
@media(max-width:760px){.case-hero{padding-top:25px}.case-breadcrumb .eyebrow{font-size:9px}.case-breadcrumb span{max-width:100px;text-align:right}.case-title{display:block;padding:45px 0}.case-title .project-brand{font-size:26px}.case-title h1{font-size:clamp(68px,13.8vw,100px)}.case-intro{margin-top:30px;max-width:none}.case-intro p:first-child{font-size:23px}.case-intro p:nth-child(2){font-size:15px;margin:18px 0 25px}.case-metadata{grid-template-columns:1fr 1fr;gap:25px 18px}.case-metadata p,.case-metadata a{font-size:12px}.case-metadata .eyebrow{font-size:9px}.case-film{padding:25px var(--pad)}.film-heading .eyebrow{font-size:8px}.film-heading .eyebrow:last-child{text-align:right}.film-transcript{font-size:11px}.case-story{grid-template-columns:1fr;padding:65px var(--pad);gap:35px}.case-story h2{font-size:46px}.story-text p{font-size:15px}.story-text .large-p{font-size:24px}.workflow{padding:5px var(--pad) 60px}.workflow-steps{flex-wrap:wrap;justify-content:flex-start;gap:12px 20px;font-size:11px}.workflow-steps i{font-size:16px}.workflow-steps i:last-of-type{display:none}.case-phones{grid-template-columns:1fr;gap:45px;padding-top:40px}.case-phones article:nth-child(2){padding-top:0}.case-phone{max-width:260px}.case-phones h3,.case-phones p{max-width:300px;margin-left:auto;margin-right:auto;text-align:center}.case-phones h3{margin-top:25px}.case-desktop{padding:60px var(--pad)}.case-desktop h2{font-size:44px}.case-desktop>div:first-child>p:last-child{font-size:14px}.case-desktop-frame{border-width:4px;border-radius:7px}.case-desktop-frame .device-toolbar{height:18px;font-size:6px}.case-principles{padding:60px var(--pad)}.case-principles>div{grid-template-columns:1fr;gap:32px}.case-principles h3{font-size:28px;margin:17px 0}.case-next{padding:50px var(--pad)}.case-next h2{font-size:65px}.case-next .text-link{margin-left:0;margin-top:25px;display:table}}
.case-metadata .eyebrow,.film-heading .eyebrow,.case-breadcrumb .eyebrow{font-size:12px}.case-metadata p,.case-metadata a{font-size:14px}.case-phones p,.case-principles article p{font-size:16px}.film-transcript{font-size:13px}.case-story p{font-size:16px}.case-story .large-p{font-size:26px}@media(max-width:760px){.case-breadcrumb .eyebrow{font-size:10px}.case-metadata p,.case-metadata a{font-size:13px}.case-metadata .eyebrow,.film-heading .eyebrow,.workflow-steps{font-size:11px}.case-desktop>div:first-child>p:last-child{font-size:16px}.case-phones p,.case-principles article p{font-size:16px}}

.case-intro .roomflow-open{display:flex;width:100%;font-size:18px;min-height:60px;justify-content:center;gap:28px}.case-watch{margin-top:20px;color:#eff5df}.case-desktop-frame img{height:auto!important;aspect-ratio:16/9;object-fit:contain}.case-desktop-frame a{display:block}.case-title h1 em{color:var(--lime)}

.screenshot-note{font:12px/1.5 Manrope,sans-serif!important;text-align:center;margin:0!important;padding:10px;background:#eff1e9;color:#273b30!important}