.case-ud-page{--ud-navy:#101326;--ud-ink:#15182b;--ud-paper:#f4f3ef;--ud-orange:#ff5a1f;background:var(--ud-navy);color:#f7f6f2}.case-ud-page .site-header{--header-fg:#fff}.case-ud-page .site-header .wordmark,.case-ud-page .desktop-nav a,.case-ud-page .language-toggle{color:#fff}.case-ud-page .header-contact{color:var(--ud-ink);background:#fff}.ud-case{overflow:clip}
.ud-hero{position:relative;min-height:100svh;isolation:isolate;overflow:hidden;background:var(--ud-navy)}.ud-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;animation:ud-image-in 1.4s cubic-bezier(.16,1,.3,1) both}.ud-hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgb(8 10 24 / 78%),rgb(8 10 24 / 20%) 62%,rgb(8 10 24 / 38%)),linear-gradient(0deg,rgb(8 10 24 / 62%),transparent 45%)}
.ud-hero-meta{position:absolute;z-index:2;top:clamp(88px,10vh,120px);right:var(--pad);left:var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;font-size:clamp(11px,1.05vw,18px);line-height:1;text-transform:uppercase}.ud-hero-meta a{color:inherit;text-decoration:none}.ud-meta-year{justify-self:end}.ud-shv{justify-self:center;font-size:1.35em;font-weight:750;letter-spacing:-.06em}.ud-hero-meta sup{position:relative;top:-.4em;margin-left:.13em;font-size:.35em}.ud-hero-copy{position:absolute;z-index:2;bottom:18%;left:var(--pad);width:min(42vw,560px);animation:ud-copy-in 1s .22s cubic-bezier(.16,1,.3,1) both}.ud-hero-copy img{display:block;width:min(192px,48%);height:auto;margin-bottom:30px}.ud-hero-copy p{margin:0;font-size:clamp(22px,2.3vw,36px);line-height:1.12;letter-spacing:-.045em}.ud-hero-link{display:inline-flex;align-items:center;gap:12px;margin-top:30px;padding:12px 16px;color:#fff;border:1px solid rgb(255 255 255 / 58%);font-size:13px;text-decoration:none;transition:background .2s,color .2s,border-color .2s}.ud-hero-link:hover,.ud-hero-link:focus-visible{color:var(--ud-ink);background:#fff;border-color:#fff;outline:0}.ud-hero-link span{font-size:16px}.ud-back,.ud-scroll{position:absolute;z-index:2;bottom:28px;color:#fff;font-size:13px;text-decoration:none}.ud-back{left:var(--pad)}.ud-scroll{right:var(--pad)}
@keyframes ud-image-in{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:none}}@keyframes ud-copy-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.ud-story{color:var(--ud-ink);background:var(--ud-paper)}.ud-briefs{display:grid;grid-template-columns:1fr 1fr;padding:clamp(72px,10vw,150px) var(--pad) 0}.ud-briefs article{position:relative;display:grid;grid-template-columns:48px 1fr;gap:32px;min-height:340px;padding:clamp(30px,4vw,60px);border:1px solid rgb(16 19 38 / 15%)}.ud-briefs article+article{border-left:0;background:#e6e7eb}.ud-briefs span,.ud-briefs small,.ud-scope header>span,.ud-system span,.ud-gallery span,.ud-outcome span{font-size:10px;letter-spacing:.13em;text-transform:uppercase}.ud-briefs p{align-self:center;max-width:500px;margin:0;font-size:clamp(18px,1.7vw,25px);line-height:1.4;letter-spacing:-.025em}.ud-briefs small{position:absolute;right:24px;bottom:22px;color:rgb(16 19 38 / 55%)}
.ud-scope{padding:clamp(100px,13vw,190px) var(--pad)}.ud-scope header{display:grid;grid-template-columns:.42fr 1.58fr;gap:40px;margin-bottom:70px}.ud-scope h1,.ud-system h2,.ud-outcome h2{margin:0;font-size:clamp(50px,7vw,106px);font-weight:400;letter-spacing:-.065em;line-height:.92}.ud-scope h1 em,.ud-system h2 em,.ud-outcome h2 em{color:var(--ud-orange);font-style:normal}.ud-scope-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgb(16 19 38 / 15%);border-left:1px solid rgb(16 19 38 / 15%)}.ud-scope-grid article{min-height:220px;padding:22px;border-right:1px solid rgb(16 19 38 / 15%);border-bottom:1px solid rgb(16 19 38 / 15%)}.ud-scope-grid b{color:var(--ud-orange);font-size:11px;font-weight:500}.ud-scope-grid p{margin:70px 0 0;font-size:clamp(16px,1.45vw,21px);line-height:1.25}
.ud-system{display:grid;grid-template-columns:1.15fr .85fr;color:#fff;background:var(--ud-navy)}.ud-system figure{min-height:720px;margin:0;overflow:hidden}.ud-system figure img{display:block;width:100%;height:100%;object-fit:cover}.ud-system>div{align-self:center;padding:clamp(42px,6vw,100px)}.ud-system span,.ud-outcome aside p{color:var(--ud-orange)}.ud-system h2{margin:22px 0 34px;font-size:clamp(44px,5.5vw,82px)}.ud-system>div>p{max-width:420px;margin:0;color:rgb(255 255 255 / 68%);font-size:17px;line-height:1.5}.ud-system ul{padding:0;margin:42px 0 0;list-style:none;border-top:1px solid rgb(255 255 255 / 18%)}.ud-system li{padding:15px 0;border-bottom:1px solid rgb(255 255 255 / 18%);font-size:14px}
.ud-gallery{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;padding:clamp(96px,12vw,170px) var(--pad);background:#fff}.ud-gallery header{display:flex;grid-column:1/-1;justify-content:space-between;align-items:end;margin-bottom:48px}.ud-gallery header p{max-width:320px;margin:0;color:rgb(16 19 38 / 58%);font-size:15px;line-height:1.45}.ud-gallery figure{margin:0;overflow:hidden;background:#d9dce0}.ud-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.ud-gallery figure:hover img{transform:scale(1.035)}.ud-gallery-large{aspect-ratio:1.5}.ud-gallery-small{aspect-ratio:1.12;margin-top:18%!important}
.ud-outcome{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;padding:clamp(100px,14vw,200px) var(--pad);color:#fff;background:var(--ud-navy)}.ud-outcome h2{margin:26px 0 34px}.ud-outcome>div>p{max-width:600px;color:rgb(255 255 255 / 68%);font-size:18px;line-height:1.5}.ud-outcome a{display:inline-flex;gap:14px;margin-top:25px;padding-bottom:7px;color:#fff;border-bottom:1px solid var(--ud-orange);text-decoration:none}.ud-outcome aside{align-self:end;padding:30px;border-top:1px solid rgb(255 255 255 / 18%)}.ud-outcome aside p{margin:0 0 10px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.ud-outcome aside strong{display:block;margin-bottom:36px;font-size:17px;font-weight:400;line-height:1.4}
@media(max-width:760px){.ud-hero{min-height:720px}.ud-hero-image{object-position:58% center}.ud-hero-meta{top:96px;font-size:10px}.ud-hero-copy{bottom:16%;width:calc(100% - 36px)}.ud-hero-copy p{font-size:26px}.ud-hero-link{margin-top:24px}.ud-briefs,.ud-scope header,.ud-system,.ud-outcome{display:block}.ud-briefs article{min-height:0;padding:32px;grid-template-columns:30px 1fr}.ud-briefs article+article{border-top:0;border-left:1px solid rgb(16 19 38 / 15%)}.ud-briefs small{position:static;display:block;grid-column:2;margin-top:42px}.ud-scope{padding:100px 18px}.ud-scope header>span{display:block;margin-bottom:28px}.ud-scope-grid{grid-template-columns:1fr 1fr}.ud-scope-grid article{min-height:170px}.ud-scope-grid p{margin-top:46px;font-size:16px}.ud-system figure{min-height:0;aspect-ratio:1}.ud-system>div{padding:56px 18px}.ud-gallery{grid-template-columns:1fr;padding:80px 18px}.ud-gallery header{display:block;margin-bottom:30px}.ud-gallery header p{margin-top:18px}.ud-gallery-small{aspect-ratio:1.25;margin-top:0!important}.ud-outcome{padding:90px 18px}.ud-outcome aside{margin-top:68px}}
/* Scroll choreography: only opacity and transforms, so sections keep their layout. */
.ud-motion [data-ud-reveal]{opacity:0;transform:translate3d(0,34px,0);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.ud-motion [data-ud-reveal].is-visible{opacity:1;transform:translate3d(0,0,0)}.ud-motion .ud-scope-grid [data-ud-reveal]:nth-child(2),.ud-motion .ud-briefs [data-ud-reveal]:nth-child(2),.ud-motion .ud-gallery-small[data-ud-reveal],.ud-motion .ud-outcome aside[data-ud-reveal]{transition-delay:.12s}.ud-motion .ud-scope-grid [data-ud-reveal]:nth-child(3){transition-delay:.18s}.ud-motion .ud-scope-grid [data-ud-reveal]:nth-child(4){transition-delay:.26s}.ud-motion [data-ud-media]{transform:scale(1.025);transition-duration:1.05s}.ud-motion [data-ud-media].is-visible{transform:scale(1)}.ud-motion [data-ud-media] img{transform:scale(1.06);transition:transform 1.35s cubic-bezier(.16,1,.3,1)}.ud-motion [data-ud-media].is-visible img{transform:scale(1)}
@media(prefers-reduced-motion:reduce){.ud-hero-image,.ud-hero-copy{animation:none}.ud-motion [data-ud-reveal],.ud-motion [data-ud-reveal].is-visible{opacity:1;transform:none;transition:none}.ud-motion [data-ud-media] img,.ud-motion [data-ud-media].is-visible img{transform:none;transition:none}}