@font-face{font-family:Raleway;src:local("Raleway"),url("https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyC0ITw.woff2") format("woff2");font-weight:400;font-display:swap}
:root{--ink:#222;--muted:#777;--paper:#fff;--field:#f2f2f2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--field);font:400 16px/1.55 Raleway,Arial,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #2765d8;outline-offset:4px}.skip-link{position:absolute;top:-60px;left:12px;background:#fff;padding:10px;z-index:20}.skip-link:focus{top:10px}
.case-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 max(5.8%,24px);background:#fff}.brand{text-decoration:none;font:400 26px/1 Arial,sans-serif;letter-spacing:-1.7px}.wordmark span{font-size:.43em;letter-spacing:-.2px}.case-header nav{display:flex;align-items:center;gap:28px;font-size:12px;text-transform:lowercase}.case-header nav a{text-decoration:none}.case-header nav a:hover,.back-link:hover{text-decoration:underline}.back-link{margin-right:22px}
main{max-width:1500px;margin:auto}.case-intro{display:grid;grid-template-columns:30% 1fr;gap:2%;margin:38px 6.2% 38px;padding:60px 7% 68px;background:var(--paper);min-height:440px}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 26px}.case-heading{display:flex;flex-direction:column}.case-heading h1{font:700 clamp(42px,4.1vw,66px)/1.08 Raleway,Arial,sans-serif;letter-spacing:-.045em;margin:0}.credits{list-style:none;padding:0;margin:auto 0 0;font-size:14px;line-height:1.8}.credits span{color:var(--muted)}.case-copy{align-self:center;max-width:720px;color:#656565;font-size:15px;line-height:1.85}.case-copy p{margin:0 0 24px}.case-copy p:last-child{margin-bottom:0}
.case-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;padding:0 3% 80px}.case-image{grid-column:span 6;display:block;padding:0;border:0;background:#ddd;overflow:hidden}.case-image:first-child{grid-column:span 12}.case-image:last-child:nth-child(2){grid-column:span 12}.case-image img{display:block;width:100%;height:100%;max-height:850px;min-height:420px;object-fit:cover;transition:transform .35s ease}.case-image:hover img{transform:scale(1.015)}.case-image:first-child img{max-height:900px;aspect-ratio:16/9;min-height:0}.case-image:not(:first-child) img{aspect-ratio:4/3}.next-case{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;margin:0 6.2% 80px;padding:34px 0 38px;border-top:1px solid #aaa;text-decoration:none}.next-case span:first-child{grid-column:1/-1;color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.next-case strong{font-size:clamp(28px,4vw,55px);line-height:1}.next-case span:last-child{font-size:42px;line-height:1}.next-case:hover strong{text-decoration:underline}
.case-footer{display:flex;justify-content:center;align-items:end;gap:24px;padding:60px 6.2%;background:#fff;font-size:13px;text-align:center}.case-footer>p{margin:0;line-height:1.7}.case-footer>p a{text-decoration:none}.case-footer .wordmark{font:26px Arial,sans-serif}.viewer{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;border:0;padding:50px 70px;background:#111e;color:#fff}.viewer::backdrop{background:#000d}.viewer img{display:block;width:100%;height:100%;object-fit:contain}.viewer button{position:absolute;border:0;background:#0009;color:white}.viewer-close{top:12px;right:20px;font-size:36px;width:44px;height:44px}.viewer-prev,.viewer-next{top:50%;font-size:30px;width:46px;height:54px;transform:translateY(-50%)}.viewer-prev{left:12px}.viewer-next{right:12px}.viewer-count{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);margin:0;font:12px Arial,sans-serif}
@media(max-width:700px){.case-header{padding:0 18px}.case-header nav{gap:14px}.case-header nav>a:not(.back-link){display:none}.back-link{margin:0}.case-intro{display:block;margin:16px 14px;padding:34px 25px 40px;min-height:0}.case-heading h1{font-size:clamp(38px,11vw,60px)}.credits{margin:28px 0 0}.case-copy{margin-top:32px;font-size:14px}.case-gallery{display:block;padding:0 14px 48px}.case-image{width:100%;margin-bottom:12px}.case-image img,.case-image:first-child img{min-height:0;max-height:none;aspect-ratio:4/3}.next-case{margin:0 20px 60px}.case-footer{padding:45px 20px;align-items:start;flex-wrap:wrap}.case-footer .wordmark{display:none}.viewer{padding:45px 12px}.viewer-prev,.viewer-next{top:auto;bottom:12px;transform:none}.viewer-prev{left:12px}.viewer-next{right:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.case-image img{transition:none}}
.studio-case{background:#fff;color:#080808}.studio-case .case-header{min-height:54px;padding:0 3%}.studio-case main{max-width:none}.studio-case .case-intro{grid-template-columns:42% 1fr;gap:5%;margin:0;padding:42px 9% 28px;min-height:500px}.studio-case .eyebrow{display:none}.studio-case .case-heading h1{font-size:clamp(38px,3.5vw,54px);letter-spacing:-.02em}.studio-case .credits{font-size:18px;font-weight:700;line-height:1.75}.studio-case .credits span{color:inherit}.studio-case .case-copy{font-size:19px;line-height:1.65;color:#111;max-width:630px}.studio-case .case-copy p{margin-bottom:28px}.case-film{width:100%;background:#111}.case-film video{display:block;width:100%;max-height:100vh;aspect-ratio:16/8;object-fit:cover}.studio-case .case-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 0 80px}.studio-case .case-image,.studio-case .case-image:first-child,.studio-case .case-image:last-child:nth-child(2){grid-column:span 1}.studio-case .case-image img,.studio-case .case-image:first-child img,.studio-case .case-image:not(:first-child) img{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:4/5;object-fit:cover}.studio-case .case-image:nth-child(9n+5){grid-column:span 2}.studio-case .case-image:nth-child(9n+5) img{aspect-ratio:8/5}
@media(max-width:700px){.studio-case .case-header{padding:0 16px}.studio-case .case-intro{display:block;min-height:0;padding:40px 7% 38px}.studio-case .case-heading h1{font-size:clamp(36px,10vw,52px)}.studio-case .credits{font-size:15px;margin:30px 0}.studio-case .case-copy{font-size:16px;line-height:1.55;margin-top:30px}.case-film video{aspect-ratio:4/3}.studio-case .case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px 0 50px}.studio-case .case-image{margin:0}.studio-case .case-image:nth-child(9n+5){grid-column:span 2}.studio-case .case-image img,.studio-case .case-image:first-child img,.studio-case .case-image:not(:first-child) img{aspect-ratio:3/4}.studio-case .case-image:nth-child(9n+5) img{aspect-ratio:16/10}}