.case-study-head{padding-top:38px;padding-bottom:52px}.case-study-head .breadcrumb{margin-bottom:64px}.case-study-heading{grid-template-columns:1fr 1fr;align-items:end;gap:40px 9%;display:grid}.case-study-heading h1{letter-spacing:-.065em;margin:0;font-size:clamp(54px,7vw,110px);font-weight:500;line-height:1}.case-study-format{letter-spacing:.12em;text-transform:uppercase;color:#a6aaa0;margin-top:22px;font:11px/1.7 monospace}.case-study-intro{color:#c0c3b9;max-width:580px;font-size:clamp(17px,1.65vw,22px);line-height:1.65}.case-curricular{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font:11px/1.5 monospace;display:block}.case-study-details{border-top:1px solid var(--border);flex-wrap:wrap;gap:30px 70px;margin:48px 0 0;padding-top:28px;display:flex}.case-study-details dt{letter-spacing:.12em;text-transform:uppercase;color:#8c9286;margin-bottom:8px;font:10px/1.6 monospace}.case-study-details dd{color:#d3d6cb;margin:0;font-size:14px;line-height:1.6}.case-study-visuals{padding-top:0;padding-bottom:70px}.case-videos{align-items:flex-start;gap:28px;margin-bottom:56px;display:flex}.case-video{flex-basis:0;min-width:0;margin:0}.case-video-frame{background:#080908;border-radius:2px;position:relative;overflow:hidden}.case-video-frame>video{object-fit:contain;background:#080908;width:100%;height:100%;display:block}.case-video-frame>video[hidden]{display:none}.case-video-frame .video-player-error{min-height:0;position:absolute;inset:0}.case-video figcaption{color:#c0c3b9;gap:14px;padding-top:16px;font-size:13px;line-height:1.5;display:flex}.case-video figcaption span{letter-spacing:.1em;color:#8c9286;font:11px/1.9 monospace}@media (max-width:650px){.case-videos{flex-direction:column;gap:36px;margin-bottom:40px}.case-video{flex-basis:auto;width:100%}.case-video[data-format=vertical]{width:min(100%,340px);margin:0 auto}}.case-artworks{align-items:start;gap:28px;display:grid}.case-artworks--editorial{grid-template-columns:repeat(4,minmax(0,1fr))}.case-artworks--social{grid-template-columns:1fr 1fr;gap:32px}.case-artwork{min-width:0;margin:0}.case-artwork-open{background:#dfdbd1;justify-content:center;align-items:center;width:100%;min-height:350px;padding:clamp(18px,2.3vw,38px);display:flex;position:relative;overflow:hidden}.case-artworks--editorial .case-artwork-open{aspect-ratio:1/1.8}.case-artworks--editorial .case-artwork--landscape .case-artwork-open{aspect-ratio:1.11}.case-artworks--editorial .case-artwork-open>img{object-fit:contain;height:auto;transition:transform .3s;box-shadow:0 12px 22px #433e3828}.case-artworks--social .case-artwork-open{background:radial-gradient(at 50% 80%,#30332e,#1b1e1a 70%);min-height:650px;padding:52px 25px}.case-phone{aspect-ratio:9/18.1;background:#101110;border:7px solid #444742;border-radius:36px;outline:1px solid #777b7170;align-items:center;width:min(290px,90%);padding:40px 7px;transition:transform .3s;display:flex;position:relative;box-shadow:0 30px 45px #0006}.case-phone-screen{background:#181a17;border-radius:3px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.case-phone-screen img{object-fit:contain;width:100%;height:auto}.case-phone-speaker{background:#62665b;border-radius:10px;width:24%;height:4px;position:absolute;top:17px;left:38%}.case-phone-home{background:#62665b;border-radius:10px;width:34%;height:4px;position:absolute;bottom:13px;left:33%}.case-enlarge{color:#e9ece1;background:#161915e8;border:1px solid #686e5e;border-radius:2px;align-items:center;gap:7px;padding:9px 10px;font-size:11px;display:flex;position:absolute;bottom:12px;right:12px}.case-artwork-open:hover .case-phone{transform:translateY(-4px)}.case-artwork-open:hover>img{transform:translateY(-3px)}.case-artwork figcaption{color:#bdc3b4;gap:14px;margin-top:16px;font-size:12px;line-height:1.65;display:flex}.case-artwork figcaption>span{color:#7f8875;font:11px/1.8 monospace}.case-study-actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:52px;padding-top:26px;display:flex}.case-study-actions a{border-bottom:1px solid #717968;align-items:center;gap:10px;padding-bottom:5px;font-size:13px;line-height:1.6;display:inline-flex}.case-study-actions a:hover{color:var(--accent)}.case-artwork-dialog{background:#151713!important;border:1px solid #4b5145!important;border-radius:0!important;gap:0!important;width:96vw!important;max-width:1400px!important;padding:24px!important}.case-artwork-dialog .modal-close{top:12px;right:12px}.case-artwork-view{overscroll-behavior:contain;background:#20231c;justify-content:center;align-items:center;height:75svh;padding:12px;display:flex;overflow:auto}.case-artwork-view img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.case-artwork-view.is-zoomed{display:block}.case-artwork-view.is-zoomed img{height:auto;max-height:none}.case-viewer-controls{justify-content:space-between;align-items:center;gap:15px;padding-top:18px;display:flex}.case-viewer-controls p{font-size:13px;line-height:1.6}.case-viewer-controls small{color:#8b9680;margin-top:3px;font:11px/1.7 monospace;display:block}.case-viewer-controls>div{flex-shrink:0;gap:10px;display:flex}.case-viewer-controls button{border:1px solid #66715a;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.case-viewer-controls button:hover{color:var(--accent);border-color:var(--accent)}@media (max-width:1000px){.case-artworks--editorial{grid-template-columns:1fr 1fr}.case-artworks--editorial .case-artwork--landscape{grid-column:span 2}.case-artworks--editorial .case-artwork-open{aspect-ratio:1;min-height:260px}.case-artworks--editorial .case-artwork-open>img{width:auto;max-width:100%;max-height:450px}.case-artworks--editorial .case-artwork--landscape .case-artwork-open{aspect-ratio:1.8}.case-artworks--social .case-artwork-open{min-height:550px}.case-phone{width:min(250px,90%)}}@media (max-width:650px){.case-study-head{padding-top:28px;padding-bottom:36px}.case-study-head .breadcrumb{margin-bottom:42px}.case-study-heading{grid-template-columns:1fr;gap:28px}.case-study-heading h1{font-size:54px}.case-study-intro{font-size:17px;line-height:1.7}.case-study-details{gap:24px 40px;margin-top:32px}.case-artworks--social,.case-artworks--editorial{grid-template-columns:1fr;gap:30px}.case-artworks--editorial .case-artwork--landscape{grid-column:auto}.case-artworks--editorial .case-artwork-open{aspect-ratio:1;min-height:0;padding:28px}.case-artworks--editorial .case-artwork--landscape .case-artwork-open{aspect-ratio:1.2;padding:18px}.case-artworks--editorial .case-artwork-open>img{max-height:400px}.case-artworks--social .case-artwork-open{min-height:570px;padding:40px 24px}.case-phone{width:min(250px,85%)}.case-artwork-dialog{padding:12px!important}.case-artwork-view{height:70svh;padding:5px}.case-viewer-controls{gap:10px;padding-top:15px}.case-viewer-controls p{max-width:50%;font-size:11px}.case-viewer-controls>div{gap:6px}.case-viewer-controls button{width:36px;height:36px}.case-study-actions{margin-top:38px}}@media (prefers-reduced-motion:reduce){.case-phone,.case-artwork-open>img{transition:none}.case-artwork-open:hover .case-phone,.case-artwork-open:hover>img{transform:none}}.case-artworks--web{grid-template-columns:1fr 1fr;gap:32px}.case-artworks--web .case-artwork:first-child{grid-column:span 2}.case-artworks--web .case-artwork-open{background:#242922;min-height:0;padding:clamp(20px,4vw,64px)}.case-browser{background:#e5e7df;border:1px solid #8b9282;border-radius:8px 8px 3px 3px;width:100%;display:block;overflow:hidden;box-shadow:0 20px 45px #0005}.case-browser-toolbar{color:#68705f;background:#d9ded2;align-items:center;gap:5px;height:30px;padding:0 12px;display:flex}.case-browser-toolbar i{background:#9fa795;border-radius:50%;width:6px;height:6px;display:block}.case-browser-toolbar>span{letter-spacing:.06em;margin:0 auto;padding-right:28px;font:9px monospace;display:block}.case-browser>img{object-fit:contain;width:100%;height:auto}.case-artworks--web .case-artwork--portrait .case-artwork-open{background:radial-gradient(at 50% 80%,#303a2b,#1d241b 70%);min-height:520px}.case-artworks--web .case-artwork--portrait .case-phone{width:min(250px,85%)}@media (max-width:650px){.case-artworks--web{grid-template-columns:1fr}.case-artworks--web .case-artwork:first-child{grid-column:auto}.case-artworks--web .case-artwork-open{padding:20px}.case-artworks--web .case-artwork--portrait .case-artwork-open{min-height:570px}.case-browser-toolbar>span{font-size:8px}}