.case-study{--case-ink:#171814;--case-paper:#f3f0e8;--case-yellow:#ffd400;--case-line:#17181429;background:var(--case-paper);min-height:100vh;color:var(--case-ink);font-family:var(--font-hype-body),sans-serif;overflow:hidden}.case-study h1,.case-study h2,.case-study h3,.case-study p{margin:0}.case-study h1,.case-study h2,.case-study h3{font-family:var(--font-hype-display),Impact,sans-serif;text-transform:uppercase}.case-study a{color:inherit;text-decoration:none}.case-shell{width:min(100% - 3rem,84rem);margin-inline:auto}.case-nav{z-index:20;color:#fff;border-bottom:1px solid #ffffff47;grid-template-columns:1fr auto 1fr;align-items:center;width:min(100% - 3rem,84rem);display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.case-digifood{letter-spacing:-.04em;align-items:center;gap:.55rem;width:max-content;font-size:1.15rem;font-weight:800;display:inline-flex}.case-digifood img{width:2.1rem;height:2.2rem}.case-nav>nav{letter-spacing:.08em;text-transform:uppercase;gap:2rem;font-size:.7rem;font-weight:700;display:flex}.case-nav>nav>a{padding:1.7rem 0}.case-view-live{border:1px solid var(--case-ink);background:var(--case-ink);border-radius:999px;justify-self:end;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.72rem;font-weight:700;display:inline-flex;color:#fff!important}.case-nav-actions{justify-self:end;align-items:center;gap:.65rem;display:flex}.case-nav-actions .hype-locale-toggle{color:var(--case-ink);border-color:#17181466}@media (max-width:1150px){.case-nav{grid-template-columns:1fr auto}.case-nav>nav{display:none}}.case-hero{background:var(--case-ink);color:#fff;grid-template-columns:1.05fr .95fr;min-height:55rem;display:grid}.case-hero-copy{flex-direction:column;justify-content:center;padding:8rem max(1.5rem,50vw - 42rem);display:flex}.case-kicker{color:#ffffff8c;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.75rem;font-size:.66rem;font-weight:700;display:flex}.case-kicker span{color:var(--case-yellow)}.case-kicker i{background:#ffffff4d;width:2.5rem;height:1px}.case-hero h1{letter-spacing:.012em;margin-top:2rem;font-size:clamp(5rem,8.3vw,8.7rem);font-weight:900;line-height:.79}.case-hero h1 em{color:var(--case-yellow);font-style:normal}.case-hero-copy>p{color:#ffffff9e;max-width:39rem;margin-top:2.2rem;font-size:1.05rem;line-height:1.65}.case-hero-actions{align-items:center;gap:1.5rem;margin-top:2.2rem;display:flex}.case-hero-actions>a{background:var(--case-yellow);color:var(--case-ink);border-radius:999px;align-items:center;gap:.7rem;padding:.85rem 1.15rem;font-size:.78rem;font-weight:800;display:inline-flex}.case-hero-actions>span{color:#ffffff61;letter-spacing:.06em;font-size:.65rem;font-weight:700}.case-hero-visual{background:var(--case-yellow);isolation:isolate;position:relative;overflow:hidden}.case-hero-visual:before{content:"";z-index:-1;opacity:.11;background:repeating-conic-gradient(#0000 0deg 11deg,#171814 12deg 13deg);position:absolute;inset:-20%}.case-brand-corner{color:#1718148c;text-transform:uppercase;align-items:center;gap:.75rem;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:5.5rem;right:2rem}.case-brand-corner img{object-fit:contain;width:4.8rem;height:4.8rem}.case-phone{z-index:3;border:7px solid var(--case-ink);width:20rem;height:41.5rem;color:var(--case-ink);background:#f7f7f2;border-radius:2.7rem;position:absolute;bottom:-4rem;left:11%;overflow:hidden;transform:rotate(-4deg);box-shadow:0 35px 70px #0000004d}.case-phone-top{justify-content:space-between;align-items:center;height:2.2rem;padding:0 1.2rem;font-size:.58rem;font-weight:800;display:flex}.case-phone-top i{background:var(--case-ink);border-radius:99px;width:3rem;height:.25rem}.case-app-head{align-items:center;gap:.6rem;padding:.35rem .9rem .75rem;display:flex}.case-app-head img{object-fit:contain;width:2.7rem;height:2.7rem}.case-app-head small,.case-app-head b{display:block}.case-app-head small{color:#77766f;font-size:.52rem}.case-app-head b{font-size:.68rem}.case-app-banner{height:13rem;position:relative;overflow:hidden}.case-app-banner img{object-fit:cover}.case-app-banner:after{content:"";background:linear-gradient(90deg,#151513b8,#0000 70%);position:absolute;inset:0}.case-app-banner span{z-index:2;color:#fff;font-family:var(--font-hype-display);font-size:2.2rem;font-weight:900;line-height:.8;position:absolute;top:1rem;left:.9rem}.case-app-banner b{color:var(--case-yellow)}.case-app-categories{gap:.45rem;padding:.85rem .8rem;display:flex}.case-app-categories span{background:#fff;border:1px solid #deded5;border-radius:999px;padding:.38rem .55rem;font-size:.52rem;font-weight:750}.case-app-categories span:first-child{background:var(--case-yellow);border-color:var(--case-yellow)}.case-app-product{background:#fff;border-radius:1rem;grid-template-columns:5rem 1fr auto;align-items:center;gap:.65rem;margin:0 .8rem;padding:.5rem;display:grid;box-shadow:0 7px 20px #00000012}.case-app-product img{object-fit:cover;border-radius:.75rem;width:5rem;height:4rem}.case-app-product b,.case-app-product small{display:block}.case-app-product b{font-size:.65rem}.case-app-product small{color:#85847e;margin-top:.2rem;font-size:.48rem}.case-app-product strong{padding-right:.35rem;font-size:.58rem}.case-app-tabs{background:#fff;border-top:1px solid #e0dfd7;grid-template-columns:repeat(4,1fr);padding:.65rem .3rem;display:grid;position:absolute;bottom:4rem;left:0;right:0}.case-app-tabs span{text-align:center;font-size:.8rem}.case-app-tabs small{color:#77766f;margin-top:.2rem;font-size:.43rem;display:block}.case-token-card{z-index:4;width:12.5rem;color:var(--case-ink);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffdb;border:1px solid #ffffff80;border-radius:1.2rem;padding:1.1rem;position:absolute;bottom:8rem;right:6%;box-shadow:0 20px 50px #00000029}.case-token-card small{color:#74736c;letter-spacing:.1em;text-transform:uppercase;font-size:.58rem;font-weight:800}.case-token-card>div{gap:.35rem;margin-top:1rem;display:flex}.case-token-card i{background:#ffd400;border-radius:50%;width:1.6rem;height:1.6rem}.case-token-card i:nth-child(2){background:#151513}.case-token-card i:nth-child(3){background:#f7f7f2}.case-token-card i:nth-child(4){background:#fff7cc}.case-token-card b{font-family:var(--font-hype-display);margin-top:1rem;font-size:1.5rem;display:block}.case-token-card>span{color:#696861;margin-top:.3rem;font-size:.65rem;line-height:1.45;display:block}.case-built-tag{border:1px solid var(--case-ink);text-transform:uppercase;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.62rem;font-weight:800;display:flex;position:absolute;bottom:2rem;right:2rem}.case-marquee{border-bottom:1px solid var(--case-line);background:#fff;overflow:hidden}.case-marquee>div{width:max-content;font-family:var(--font-hype-display);letter-spacing:.08em;gap:1.5rem;padding:1.15rem 0;font-size:1rem;font-weight:800;display:flex}.case-marquee i{background:var(--case-yellow);border-radius:50%;align-self:center;width:.35rem;height:.35rem}.case-section-label{align-items:center;gap:.75rem;display:flex}.case-section-label span{border:1px solid var(--case-ink);width:2.35rem;height:2.35rem;font-family:var(--font-hype-display);border-radius:50%;place-items:center;font-size:.75rem;font-weight:900;display:grid}.case-section-label p{letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:800}.case-section-label-light span{border-color:#ffffff80}.case-eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:.66rem;font-weight:800}.case-brief{grid-template-columns:.45fr 1.2fr .7fr;gap:3rem;padding-block:9rem;display:grid}.case-brief-main h2,.case-experience-heading h2,.case-capabilities-heading h2,.case-system-heading h2,.case-outcome h2{letter-spacing:.015em;margin-top:1rem;font-size:clamp(4rem,6.5vw,6.8rem);font-weight:900;line-height:.83}.case-brief-main h2 em,.case-outcome h2 em{background:var(--case-yellow);font-style:normal}.case-brief-note{padding-top:2.5rem}.case-brief-note>p{color:#62635d;font-size:.9rem;line-height:1.7}.case-brief-note dl{border-top:1px solid var(--case-line);margin:2rem 0 0}.case-brief-note dl>div{border-bottom:1px solid var(--case-line);padding:1rem 0}.case-brief-note dt{color:#8b8c86;letter-spacing:.1em;text-transform:uppercase;font-size:.58rem;font-weight:800}.case-brief-note dd{margin:.4rem 0 0;font-size:.75rem;font-weight:700;line-height:1.5}.case-experience{background:var(--case-ink);color:#fff;padding:8rem 0}.case-experience-heading,.case-system-heading{grid-template-columns:1.1fr .7fr;align-items:end;gap:5rem;margin-top:4rem;display:grid}.case-experience-heading h2 em{color:var(--case-yellow);font-style:normal}.case-experience-heading>p,.case-system-heading>p{color:#ffffff80;font-size:.9rem;line-height:1.7}.case-journey{border-top:1px solid #ffffff26;border-left:1px solid #ffffff26;grid-template-columns:repeat(4,1fr);margin-top:5rem;display:grid}.case-journey article{border-bottom:1px solid #ffffff26;border-right:1px solid #ffffff26;min-height:24rem;padding:1.5rem}.case-journey article>span{color:#ffffff59;font-size:.62rem;font-weight:800}.case-journey svg{color:var(--case-yellow);margin-top:5.5rem;display:block}.case-journey h3{letter-spacing:.02em;margin-top:1.3rem;font-size:1.8rem}.case-journey p{color:#ffffff7a;margin-top:1rem;font-size:.78rem;line-height:1.65}.case-brand-system{grid-template-columns:1fr 1fr;min-height:48rem;display:grid}.case-brand-image{background:#efdbc3;min-height:45rem;position:relative;overflow:hidden}.case-brand-image img{object-fit:cover;object-position:center 55%}.case-brand-copy{background:var(--case-yellow);flex-direction:column;justify-content:center;padding:6rem clamp(2rem,7vw,8rem);display:flex}.case-brand-copy>.case-eyebrow{margin-top:3.5rem}.case-brand-copy h2{letter-spacing:.015em;margin-top:1rem;font-size:clamp(4.2rem,7vw,7.5rem);font-weight:900;line-height:.82}.case-brand-copy>p:not(.case-eyebrow){color:#171814a6;max-width:35rem;margin-top:2rem;font-size:.9rem;line-height:1.75}.case-swatches{border:1px solid var(--case-ink);grid-template-columns:repeat(3,1fr);margin-top:2.5rem;display:grid}.case-swatches span{border-right:1px solid var(--case-ink);flex-direction:column;justify-content:flex-end;min-height:7rem;padding:.8rem;font-size:.6rem;display:flex}.case-swatches span:last-child{border-right:0}.case-swatches b{text-transform:uppercase;margin-bottom:.25rem;font-size:.68rem;display:block}.case-capabilities{padding-block:9rem}.case-capabilities-heading{grid-template-columns:1.1fr .55fr;align-items:end;gap:5rem;margin-top:4rem;display:grid}.case-capabilities-heading>p{color:#66675f;font-size:.9rem;line-height:1.7}.case-capability-grid{border:1px solid var(--case-line);background:var(--case-line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:5rem;display:grid}.case-capability-grid article{background:#fff;min-height:20rem;padding:1.5rem}.case-capability-grid article>div{color:#8a8b84;justify-content:space-between;font-size:.62rem;font-weight:800;display:flex}.case-capability-grid article svg{color:var(--case-ink)}.case-capability-grid h3{letter-spacing:.02em;margin-top:6rem;font-size:1.85rem}.case-capability-grid p{color:#696a63;margin-top:1rem;font-size:.78rem;line-height:1.65}.case-system{color:#fff;background:#20211d;padding:8rem 0}.case-system-map{grid-template-columns:1fr 10rem 1fr;align-items:center;margin-top:5rem;display:grid}.case-system-map article{border:1px solid #ffffff29;border-radius:1.5rem;min-height:23rem;padding:2rem}.case-system-map article>svg{color:var(--case-yellow)}.case-system-map small{color:#fff6;letter-spacing:.12em;text-transform:uppercase;margin-top:4rem;font-size:.6rem;font-weight:800;display:block}.case-system-map h3{letter-spacing:.02em;margin-top:.8rem;font-size:2.5rem}.case-system-map article>div{flex-wrap:wrap;gap:.45rem;margin-top:2rem;display:flex}.case-system-map article>div span{border:1px solid #ffffff2e;border-radius:999px;padding:.45rem .65rem;font-size:.6rem;font-weight:700}.case-system-core{background:#ffffff0b}.case-system-flow{color:#ffffff61;text-align:center;text-transform:uppercase;align-items:center;font-size:.55rem;font-weight:800;display:flex}.case-system-flow i{background:#ffffff40;flex:1;height:1px}.case-system-flow span{padding:.5rem}.case-outcome{background:var(--case-yellow);padding:9rem 0 6rem}.case-outcome-grid{grid-template-columns:1.1fr .65fr;align-items:end;gap:6rem;margin-top:4rem;display:grid}.case-outcome h2{letter-spacing:.025em;max-width:42rem;font-size:clamp(3.8rem,5.2vw,5.5rem);line-height:.94}.case-outcome h2 em{background:#fff;margin-top:.08em;padding:0 .08em .04em;display:inline-block}.case-outcome-copy>p{font-size:1rem;font-weight:600;line-height:1.7}.case-outcome-copy ul{border-top:1px solid #17181440;gap:.75rem;margin:2rem 0 0;padding:1.5rem 0 0;list-style:none;display:grid}.case-outcome-copy li{align-items:center;gap:.65rem;font-size:.76rem;font-weight:750;display:flex}.case-outcome-copy li svg{width:1rem}.case-project-links{border:1px solid var(--case-ink);background:var(--case-ink);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:6rem;display:grid}.case-project-links a{background:var(--case-yellow);min-height:10rem;font-family:var(--font-hype-display);text-transform:uppercase;grid-template-columns:1fr auto;align-items:end;padding:1.4rem;font-size:1.5rem;font-weight:900;transition:background .2s;display:grid}.case-project-links a:hover{background:#fff}.case-project-links span{font-family:var(--font-hype-body);letter-spacing:.1em;opacity:.55;grid-column:1/-1;align-self:start;font-size:.58rem}.case-footer{grid-template-columns:1fr auto 1fr;align-items:center;width:min(100% - 3rem,84rem);margin:auto;padding:2rem 0;display:grid}.case-footer p{color:#777871;font-size:.68rem}.case-footer>a:last-child{text-transform:uppercase;justify-self:end;font-size:.65rem;font-weight:800}@media (max-width:950px){.case-nav{grid-template-columns:1fr auto;width:calc(100% - 2rem)}.case-hero{grid-template-columns:1fr}.case-hero-copy{min-height:48rem;padding:8rem 1.5rem 5rem}.case-hero-visual{min-height:50rem}.case-brief{grid-template-columns:1fr;gap:2rem}.case-brief-note{max-width:40rem;padding-top:0}.case-journey{grid-template-columns:1fr 1fr}.case-brand-system{grid-template-columns:1fr}.case-brand-image{min-height:40rem}.case-capability-grid{grid-template-columns:1fr 1fr}.case-system-map{grid-template-columns:1fr;gap:1rem}.case-system-flow{flex-direction:column;min-height:5rem}.case-system-flow i{width:1px}.case-outcome-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width:650px){.case-shell{width:calc(100% - 2rem)}.case-nav{padding:.75rem 0}.case-view-live{padding:.6rem .75rem;font-size:.62rem}.case-nav-actions .case-view-live{display:none}.case-hero-copy{min-height:43rem;padding:7rem 1rem 4rem}.case-hero h1{font-size:4.7rem}.case-hero-actions{flex-direction:column;align-items:flex-start}.case-hero-visual{min-height:43rem}.case-brand-corner{top:2rem;right:1rem}.case-phone{width:17.5rem;height:36rem;left:4%}.case-token-card{width:10.5rem;bottom:4.5rem;right:1rem}.case-brief,.case-capabilities{padding-block:6rem}.case-brief-main h2,.case-experience-heading h2,.case-capabilities-heading h2,.case-system-heading h2{font-size:3.8rem}.case-outcome h2{font-size:3.45rem;line-height:.96}.case-experience,.case-system{padding:6rem 0}.case-experience-heading,.case-capabilities-heading,.case-system-heading{grid-template-columns:1fr;gap:2rem;margin-top:3rem}.case-journey{grid-template-columns:1fr;margin-top:3rem}.case-journey article{min-height:18rem}.case-journey svg{margin-top:3rem}.case-brand-image{min-height:32rem}.case-brand-copy{padding:5rem 1rem}.case-brand-copy h2{font-size:4rem}.case-swatches{grid-template-columns:1fr}.case-swatches span{border-right:0;border-bottom:1px solid var(--case-ink);min-height:5rem}.case-swatches span:last-child{border-bottom:0}.case-capability-grid{grid-template-columns:1fr;margin-top:3rem}.case-capability-grid article{min-height:17rem}.case-capability-grid h3{margin-top:4rem}.case-system-map article{min-height:20rem;padding:1.4rem}.case-outcome{padding:6rem 0 4rem}.case-project-links{grid-template-columns:1fr;margin-top:4rem}.case-project-links a{min-height:8rem}.case-footer{grid-template-columns:1fr auto;width:calc(100% - 2rem)}.case-footer p{display:none}}