.case-page{--case-ink:var(--ink-light);--case-muted:var(--muted-light);isolation:isolate;color:var(--case-ink);background:#fcfdff;position:relative;overflow:clip}.case-page h1,.case-page h2,.case-page h3,.case-page p{margin:0}.case-page a:focus-visible{outline-offset:6px;outline:2px solid #7950ed}.case-background{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.case-handnote{color:#8574ff;white-space:pre-line;pointer-events:none;font-family:Segoe Print,Bradley Hand,cursive;font-size:18px;font-weight:400;line-height:1.35;display:block;position:absolute;transform:rotate(-12deg)}.case-handnote svg{width:80px;height:auto;position:absolute}.case-orb{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle at 28% 20%,#fff 4%,#d3f3ff 20%,#9bcfff 38%,#af96f4 64%,#ddd0ff 84%,#fff);border-radius:50%;width:90px;position:absolute;box-shadow:inset -3px -2px 10px #ffffff8c,0 11px 25px #a996dd14}.case-hero{isolation:isolate;padding-top:var(--space-24);background:radial-gradient(at 65% 40%,#edf7ffb0,#0000 70%);position:relative}.case-hero>.case-background{opacity:.78}.case-hero-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.7fr);align-items:start;display:grid}.case-hero-copy{z-index:2;min-width:0;padding-top:7px;position:relative}.case-back{align-items:center;gap:var(--space-4);color:var(--muted-light);font-size:var(--type-metadata);line-height:var(--leading-label);letter-spacing:0;margin-bottom:42px;display:inline-flex}.case-back svg{transition:transform .2s}.case-back:hover svg{transform:translate(-4px)}.case-category{color:var(--muted-light);font-size:var(--type-metadata);line-height:var(--leading-label);letter-spacing:0;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:23px;display:flex}.case-category>span:first-child{color:var(--accent-light);font-size:var(--type-metadata);line-height:var(--leading-label);letter-spacing:0;font-weight:var(--weight-label);background:#e6efff;border-radius:11px;padding:7px 13px}.case-hero h1{max-width:465px;position:relative}.case-hero-copy>p{max-width:425px;color:var(--copy-light);margin-top:25px}.case-live-link{color:var(--accent-light);font-size:var(--type-metadata);line-height:var(--leading-label);letter-spacing:0;align-items:center;gap:9px;margin-top:18px;display:inline-flex}.case-hero-note{width:190px;font-size:17px;top:calc(100% + 45px);left:41%}.case-hero-note svg{top:-5px;left:calc(100% - 7px)}.case-hero-art{height:650px;margin:-25px 0 0;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block;position:relative}.case-hero-art>img{z-index:1;object-fit:contain;border-radius:var(--radius-card);width:100%;height:auto;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.case-hero-art:hover{transform:translateY(-4px)}.case-pedestal{background:linear-gradient(110deg,#d4edff5e,#b8d9ff97 30%,#ddd6ffb5 75%,#e6d9ff7d);border:1px solid #f9fcff;border-radius:45% 45% 0 0/25% 25% 0 0;height:14%;position:absolute;bottom:4%;left:4%;right:-8%;transform:rotate(-1deg);box-shadow:inset 0 6px 9px #ffffffa8,0 20px 35px #beb8f025}.case-art-note{font-size:17px;top:-38px;right:9%}.case-art-note svg{top:2px;left:-90px;transform:rotate(145deg)}.case-orb-left{width:133px;bottom:39px;left:4%}.case-orb-right{width:92px;top:42%;right:2%}.case-facts{z-index:2;margin-top:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;display:grid;position:relative}.case-fact{background:linear-gradient(125deg,#fff,#ffffffad);border:1px solid #e9edf8;border-radius:21px;align-items:center;gap:22px;min-width:0;padding:22px 21px;display:flex;box-shadow:0 8px 24px #8d96c00a}.case-icon{color:#357bff;background:#eaf0ff;border-radius:50%;flex:none;place-items:center;width:68px;height:68px;display:grid}.case-fact:nth-child(2) .case-icon{color:#7f3fff;background:#f0eaff}.case-fact div>span{color:var(--muted-light);text-transform:uppercase;font-size:var(--type-metadata);line-height:var(--leading-label);letter-spacing:0;display:block}.case-fact p{color:#111a33;letter-spacing:-.025em;margin-top:10px;font-size:19px;font-weight:600;line-height:1.25}.case-overview{isolation:isolate;gap:var(--space-20);padding:var(--space-16) 0 54px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;display:grid;position:relative}.case-overview>.case-background{opacity:.57;width:calc(100% + 40vw);height:calc(100% + 15px);inset:50px -20vw -65px}.case-section-number{color:var(--muted-light);font-size:var(--type-metadata);line-height:var(--leading-label);letter-spacing:0;display:block}.case-overview h2{color:var(--case-ink);margin-top:25px}.case-overview-copy>p{color:var(--copy-light);margin-top:21px}.case-checklist{flex-direction:column;gap:13px;margin:31px 0 0;padding:0;list-style:none;display:flex}.case-checklist li{align-items:center;gap:var(--space-5);color:#334261;font-size:var(--type-body-secondary);line-height:var(--leading-body);letter-spacing:0;display:flex}.case-checklist li>span{color:#6c46ff;background:linear-gradient(135deg,#f1eaff,#ddd4ff);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.case-highlights{padding:var(--space-5) 19px;background:linear-gradient(135deg,#f7f3ffcf,#f4faffcc 55%,#eae7ffbc);border:1px solid #eeedff;border-radius:22px}.case-highlights h3{color:#171c35;letter-spacing:-.025em;align-items:center;gap:17px;margin:0 0 17px;font-size:18px;font-weight:600;line-height:1.3;display:flex}.case-highlights h3 .case-icon{color:#874aff;background:#f0e8ff;width:45px;height:45px}.case-highlights ul{background:#ffffffd9;border-radius:14px;flex-direction:column;margin:0;padding:0 18px;list-style:none;display:flex}.case-highlights li{min-height:60px;color:var(--muted-light);font-size:var(--type-body-secondary);line-height:var(--leading-body);letter-spacing:0;align-items:center;gap:23px;padding:15px 11px;display:flex}.case-highlights li+li{border-top:1px solid #e8edf6}.case-highlights li>svg{color:#8060ff;filter:drop-shadow(0 4px 4px #b0b1fa35);flex:none}.case-tech{padding:var(--space-6) 0 39px;border-top:1px solid #e9eef8;justify-content:space-between;align-items:center;gap:55px;display:flex}.case-tech>div{max-width:510px}.case-tech h2{margin-top:var(--space-3)}.case-tech p{color:var(--copy-light);font-size:var(--type-body-secondary);line-height:var(--leading-body);letter-spacing:0;margin-top:9px}.case-tech ul{flex-wrap:wrap;justify-content:flex-end;gap:17px;max-width:650px;margin:0;padding:0;list-style:none;display:flex}.case-tech li{min-height:70px;color:var(--muted-light);font-size:var(--type-body-secondary);line-height:var(--leading-body);letter-spacing:0;background:#ffffffb8;border:1px solid #e8edf8;border-radius:20px;align-items:center;gap:17px;padding:14px 21px;display:flex;box-shadow:0 4px 12px #9b9ccb05}.case-tech-mark{color:#7540ff;background:#f3ecff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 4px 7px #c8bbf02a}.case-tech-next{color:#fff;background:#090a0c;font-size:21px;font-weight:400}.case-tech-ts{color:#fff;background:#3277bd;border-radius:6px;font-size:16px;font-weight:600}.case-tech-tailwind{color:#04b5ee;flex:none}.case-gallery{padding-block:var(--space-3) 35px}.case-gallery h2{margin-bottom:var(--space-5)}.case-gallery>div{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.case-gallery a{background:#f0f4ff;border:1px solid #e6eafa;border-radius:20px;overflow:hidden}.case-gallery img{width:100%;height:auto;display:block}.case-story{padding:var(--space-8) 0;background:linear-gradient(135deg,#fff,#ffffffa6);border:1px solid #e8edf8;border-radius:25px;grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:-36px;display:grid}.case-story>div{min-width:0;padding:0 37px;position:relative}.case-story>div+div:before{content:"";border-left:1px solid #e7ebf7;position:absolute;top:33px;bottom:0;left:0}.case-story header{align-items:center;gap:var(--space-6);margin-bottom:22px;display:flex}.case-story .case-icon{color:#8550ff;background:#f0ebff;width:63px;height:63px}.case-story>div:nth-child(2) .case-icon{color:#1686ff;background:#e7f1ff}.case-story h2{color:#131b33;margin-top:10px}.case-story p{color:var(--copy-light)}.case-story ul{flex-direction:column;gap:9px;margin:-5px 0 0;padding:0;list-style:none;display:flex}.case-story li{align-items:flex-start;gap:var(--space-3);color:var(--copy-light);font-size:var(--type-body-secondary);line-height:var(--leading-body);letter-spacing:0;display:flex}.case-story li svg{color:#1099ba;background:#c7f2fa;border-radius:50%;flex:none;margin-top:3px}.case-project-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:65px;padding:34px 0 31px;display:grid}.case-project-navigation a{color:#242e4a;align-items:center;gap:26px;min-width:0;display:flex}.case-project-navigation a>svg{flex:none;transition:transform .25s}.case-project-navigation a:hover>svg{transform:translate(-4px)}.case-project-navigation .case-next{text-align:right;justify-content:flex-end;position:relative}.case-next:before{content:"";border-left:1px solid #e6eafa;height:45px;position:absolute;top:50%;left:-32px;transform:translateY(-50%)}.case-project-navigation .case-next:hover>svg{transform:translate(4px)}.case-project-thumb{background:linear-gradient(135deg,#e4efff,#dfceff);border-radius:13px;flex:none;place-items:center;width:95px;height:71px;display:grid;overflow:hidden}.case-project-thumb img{object-fit:contain;width:100%;height:100%}.case-project-navigation small{color:var(--muted-light);font-size:var(--type-metadata);line-height:var(--leading-label);letter-spacing:0;display:block}.case-project-navigation strong{color:#26324d;font-size:var(--type-metadata);line-height:var(--leading-label);letter-spacing:0;font-weight:var(--weight-label);margin-top:5px;display:block}.case-closing{isolation:isolate;text-align:center;padding:var(--space-8) 0 var(--space-10);background:linear-gradient(115deg,#f1eaff9c,#fff 46%,#f4f8ff);position:relative;overflow:hidden}.case-closing>.case-background{opacity:.55}.case-closing-label{color:var(--accent-light);text-transform:uppercase;font-size:var(--type-metadata);line-height:var(--leading-label);letter-spacing:0;background:linear-gradient(110deg,#efe6ff,#e9faff);border-radius:50px;align-items:center;padding:7px 13px;display:inline-flex}.case-closing h2{margin-top:17px}.case-closing p{margin-top:var(--space-3);color:var(--copy-light);font-size:var(--type-body-secondary);line-height:var(--leading-body);letter-spacing:0}.case-primary{justify-content:center;align-items:center;display:inline-flex}.case-closing .case-primary{margin-top:22px}.case-closing-line{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.case-closing-orb-one{opacity:.75;width:125px;top:32%;left:9%}.case-closing-orb-two{width:100px;top:31%;right:10%}@media (max-width:1200px){.case-hero{padding-top:65px}.case-hero-art{height:580px;margin-left:0;margin-right:0}.case-hero-note{font-size:15px;top:calc(100% + 37px);left:33%}.case-hero-note svg{width:65px}.case-art-note{font-size:15px}.case-orb-left{width:110px;bottom:18px;left:3%}.case-orb-right{width:75px;right:1%}.case-fact{gap:17px;padding:21px 18px}.case-fact .case-icon{width:57px;height:57px}.case-fact p{font-size:17px}.case-overview{gap:55px;padding-top:55px}.case-highlights li{gap:18px;padding-inline:6px}.case-highlights h3{gap:14px;font-size:17px}.case-tech{gap:35px}.case-tech>div{max-width:400px}.case-tech ul{gap:var(--space-3)}.case-tech li{gap:var(--space-3);min-height:64px;padding:13px 17px}.case-story{margin-inline:calc(-1 * var(--space-4));padding-block:30px}.case-story>div{padding-inline:28px}.case-story header{gap:18px}.case-story .case-icon{width:57px;height:57px}.case-story li{gap:10px}.case-project-navigation{gap:50px}.case-project-navigation a{gap:21px}.case-next:before{left:-25px}.case-closing-orb-one{width:105px;left:7%}.case-closing-orb-two{width:85px;right:7%}}@media (max-width:1000px){.case-hero{padding-top:var(--space-12)}.case-back{gap:13px;margin-bottom:30px}.case-category{gap:var(--space-3);margin-bottom:var(--space-5)}.case-hero-art{height:500px;margin-left:0;margin-right:0;margin-top:calc(-1 * var(--space-3))}.case-hero-note{font-size:13px;left:23%}.case-art-note{font-size:13px;top:-20px;right:8%}.case-orb-left{width:86px}.case-orb-right{width:60px}.case-facts{gap:15px;margin-top:21px}.case-fact{border-radius:18px;gap:14px;padding:19px 15px}.case-fact .case-icon{width:49px;height:49px}.case-fact .case-icon svg{width:25px;height:25px}.case-fact p{margin-top:var(--space-2);font-size:15px}.case-overview{padding-block:var(--space-12);gap:38px}.case-overview h2{margin-top:22px}.case-overview-copy>p{margin-top:18px}.case-checklist{gap:10px;margin-top:25px}.case-checklist li{gap:var(--space-4)}.case-highlights{padding:17px 15px}.case-highlights h3{gap:11px;font-size:15px}.case-highlights h3 .case-icon{width:39px;height:39px}.case-highlights ul{padding-inline:var(--space-3)}.case-highlights li{gap:14px;min-height:53px}.case-tech>div{max-width:350px}.case-tech li{border-radius:16px;gap:10px;min-height:58px;padding-inline:14px}.case-tech-mark{width:32px;height:32px}.case-tech-next{font-size:19px}.case-tech-tailwind{width:31px;height:25px}.case-story{margin-inline:-10px;padding-block:26px}.case-story>div{padding-inline:23px}.case-story header{gap:14px}.case-story .case-icon{width:49px;height:49px}.case-story .case-icon svg{width:25px;height:25px}.case-project-navigation{gap:var(--space-10)}.case-next:before{left:-20px}.case-project-navigation a{gap:var(--space-4)}.case-project-thumb{width:78px;height:59px}.case-closing-orb-one{width:90px;left:6%}.case-closing-orb-two{width:75px;right:6%}}@media (max-width:767px){.case-hero{padding-top:27px}.case-hero-layout{grid-template-columns:minmax(0,1fr)}.case-hero-copy{padding-top:0}.case-back{margin-bottom:27px}.case-category{margin-bottom:18px}.case-hero h1{max-width:570px}.case-hero-copy>p{max-width:540px;margin-top:19px}.case-hero-note{width:max-content;max-width:65%;margin:24px 0 0 15%;font-size:14px;position:relative;top:auto;left:auto}.case-hero-note svg{top:-6px;left:calc(100% + 8px)}.case-hero-art{aspect-ratio:1.55;height:auto;margin:var(--space-6) 0 0}.case-art-note{display:none}.case-orb-left{width:70px;bottom:9%;left:3%}.case-orb-right{width:50px;top:auto;bottom:35%;right:4%}.case-pedestal{bottom:1%}.case-facts{gap:var(--space-3);margin-top:25px}.case-fact{padding:18px var(--space-4);flex-direction:column;align-items:flex-start;gap:14px}.case-fact p{font-size:16px}.case-fact .case-icon{width:45px;height:45px}.case-overview{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:38px}.case-overview h2{margin-top:var(--space-4)}.case-overview-copy>p{max-width:620px}.case-highlights{padding:23px}.case-highlights h3{gap:15px;font-size:18px}.case-highlights li{min-height:55px;padding-block:var(--space-4);gap:22px}.case-tech{padding-block:26px var(--space-8);flex-direction:column;align-items:flex-start;gap:23px}.case-tech>div{max-width:550px}.case-tech ul{justify-content:flex-start}.case-tech li{gap:13px;padding-inline:17px}.case-story{border-radius:22px;grid-template-columns:minmax(0,1fr);margin-inline:0;padding:0 26px}.case-story>div{padding:25px 0}.case-story>div+div{border-top:1px solid #e7ebf7}.case-story>div+div:before{display:none}.case-story header{gap:var(--space-5);margin-bottom:18px}.case-story .case-icon{width:58px;height:58px}.case-story h2{margin-top:7px}.case-story li{gap:var(--space-3)}.case-story ul{gap:var(--space-3);margin-top:0}.case-project-navigation{gap:var(--space-6);padding-block:27px}.case-project-navigation a{gap:var(--space-3);flex-wrap:wrap}.case-project-thumb{width:70px;height:53px}.case-project-navigation a>span:last-child:not(.case-project-thumb),.case-project-navigation .case-next>span:first-child{flex-basis:100%}.case-previous>.case-project-thumb{order:0}.case-previous>svg{order:1}.case-previous>span:last-child,.case-project-navigation .case-next>span:first-child{order:2}.case-project-navigation .case-next>svg{order:0}.case-project-navigation .case-next>.case-project-thumb{order:1}.case-next:before{height:70%;left:-12px}.case-closing{padding-block:var(--space-8) var(--space-10)}.case-closing p{max-width:480px;margin-inline:auto}.case-closing-orb-one{opacity:.65;width:65px;top:auto;bottom:6%;left:3%}.case-closing-orb-two{opacity:.8;width:50px;top:11%;right:4%}}@media (max-width:520px){.case-hero-art{aspect-ratio:1.4;margin-inline:0}.case-hero-note{max-width:66%;font-size:13px}.case-orb-left{width:55px}.case-orb-right{width:40px;bottom:30%}.case-facts{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.case-fact{flex-direction:row;align-items:center;gap:22px;padding:19px 21px}.case-fact .case-icon{width:54px;height:54px}.case-fact p{margin-top:7px;font-size:18px}.case-checklist li{gap:15px}.case-highlights{padding:var(--space-5) 17px}.case-highlights li{gap:17px}.case-tech ul{gap:10px}.case-tech li{padding:var(--space-3) 14px;border-radius:15px;gap:11px}.case-gallery>div{grid-template-columns:minmax(0,1fr)}.case-story{padding-inline:23px}.case-story header{gap:18px}.case-project-thumb{width:64px;height:49px}.case-closing h2{max-width:320px;margin-inline:auto}.case-closing p{max-width:325px}.case-closing-orb-one{width:49px;bottom:7%;left:0}.case-closing-orb-two{width:37px;top:7%;right:1%}}@media (max-width:360px){.case-hero-note{margin-left:9%;font-size:12px}.case-hero-note svg{width:60px}.case-fact{gap:17px;padding-inline:18px}.case-fact p{font-size:17px}.case-story{padding-inline:var(--space-5)}.case-story .case-icon{width:52px;height:52px}.case-project-navigation{gap:22px}}@media (prefers-reduced-motion:reduce){.case-back svg,.case-hero-art,.case-project-navigation a>svg{transition:none}.case-back:hover svg,.case-hero-art:hover,.case-project-navigation a:hover>svg{transform:none}}