.case-page{color:#fff;background:transparent}.case-intro{position:relative;padding-top:185px;padding-bottom:75px;text-align:right}.case-back{display:inline-block;font-size:12px;color:#aaa;margin-bottom:75px;border-bottom:1px solid #fff3;padding-bottom:5px}.case-intro .eyebrow{margin-bottom:26px;color:#b2a7a7}.case-intro h1{font-size:clamp(43px,5.1vw,98px);line-height:1.05;letter-spacing:-.045em}.case-lead{max-width:740px;margin:32px 0 30px auto;font-size:clamp(15px,1.15vw,21px);line-height:1.65;color:#c2b8b8}.case-cover{margin:0 32px;position:relative;border:1px solid #fff3;background:linear-gradient(125deg,#ffffff09,#35131b40);overflow:hidden;border-radius:2px}.case-cover>img{width:100%;height:clamp(400px,50vw,850px);object-fit:cover}.case-cover figcaption{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 30px;font-size:12px;color:#c9bfbf;background:#120a0bc9;backdrop-filter:blur(22px)}.case-cover figcaption span{font-size:10px;color:#958a8a}.case-mane .case-cover{background:radial-gradient(ellipse at 50% 60%,#4c234e50,transparent 75%),#100d13}.case-mane .case-cover>img{object-fit:contain;padding:3%;height:clamp(400px,48vw,800px)}.case-story{display:grid;grid-template-columns:1fr 1.65fr;gap:12%;align-items:start}.case-scope{padding:30px;border:1px solid #fff3;background:linear-gradient(135deg,#ffffff0c,#4b1c2225);backdrop-filter:blur(24px);text-align:right}.case-scope h2{font-size:26px}.case-scope .eyebrow{font-size:10px;margin-bottom:18px;color:#a69797}.case-scope ul{list-style:none;padding:0;margin:30px 0}.case-scope li{padding:11px 0;border-bottom:1px solid #fff2;color:#bdb2b2;font-size:13px}.case-scope .text-link{font-size:12px}.case-story-copy h2{font-size:clamp(30px,3vw,54px);margin-bottom:35px}.case-story-copy p{font-size:clamp(14px,1vw,18px);color:#bfb4b4;line-height:1.8}.case-story-copy p+p{margin-top:22px}.case-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.case-detail{position:relative;min-width:0;padding:38px 30px;border:1px solid #fff3;background:linear-gradient(135deg,#ffffff0b,#4b1b222b);backdrop-filter:blur(22px);box-shadow:inset 0 1px #fff1;transition:border-color .3s,background .3s}.case-detail:hover{border-color:#fff6;background:linear-gradient(135deg,#ffffff12,#4b1b2240)}.case-detail-no{font-family:ManifoldOblique;display:block;font-size:54px;opacity:.18;margin-bottom:38px}.case-detail h3{font-size:22px;margin-bottom:20px}.case-detail p{font-size:14px;color:#bcb1b1;line-height:1.75}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:45px 25px}.case-gallery-heading{grid-column:1/-1;margin-bottom:20px}.case-gallery-heading h2{font-size:clamp(30px,3.2vw,58px)}.case-gallery-heading .eyebrow{color:#a99b9b}.case-shot{margin:0;min-width:0}.case-shot:first-of-type{grid-column:1/-1}.case-shot>a{display:block;overflow:hidden;background:#110b0c;border:1px solid #fff2}.case-shot img{width:100%;height:450px;object-fit:cover;object-position:top;transition:transform .7s cubic-bezier(.2,.7,.3,1)}.case-shot:first-of-type img{height:auto;max-height:900px;object-fit:contain}.case-shot>a:hover img{transform:scale(1.025)}.case-shot figcaption{display:flex;align-items:center;justify-content:flex-end;gap:15px;padding-top:16px;font-size:12px;color:#b9adad}.case-shot figcaption span:first-child{margin-right:auto;font-size:10px;color:#776b6b}.case-shot figcaption span:last-child{font-size:20px}.case-mane .case-shot:last-of-type img{object-fit:contain;background:#17101b}.case-pizza .case-shot img{object-fit:cover;height:auto}.case-pizza .case-shot{grid-column:1/-1}.case-context{margin-top:70px;padding:28px 30px;border-right:2px solid #af323f;background:linear-gradient(270deg,#5d202225,transparent);font-size:12px;line-height:1.7;color:#a99d9d;text-align:right}.case-context p{max-width:900px;margin-left:auto}.case-context>div{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:25px;margin-top:20px}.case-context .text-link{font-size:11px}.case-next-project a{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:40px;padding:45px 0;border-block:1px solid #fff3;transition:color .25s}.case-next-project .eyebrow{grid-column:1/-1;color:#a99b9b;margin-bottom:10px}.case-next-project strong{font-family:ManifoldOblique;font-size:clamp(35px,4vw,76px);font-weight:900}.case-next-arrow{font-size:clamp(45px,5vw,85px);transition:transform .3s}.case-next-project a:hover .case-next-arrow{transform:translate(8px,-8px)}
@media(max-width:1100px){.case-story{gap:6%;grid-template-columns:1fr 1.6fr}.case-scope{padding:25px 20px}.case-scope h2{font-size:22px}.case-detail{padding:28px 22px}.case-detail h3{font-size:19px}.case-shot img{height:330px}.case-cover{margin-inline:24px}}
@media(max-width:760px){.case-intro{padding-top:140px;padding-bottom:40px}.case-back{margin-bottom:48px;font-size:11px}.case-intro .eyebrow{font-size:10px;margin-bottom:20px}.case-intro h1{font-size:clamp(31px,8.6vw,58px);line-height:1.09;letter-spacing:-.04em}.case-lead{font-size:14px;line-height:1.7;margin-top:24px}.case-project-link{font-size:12px;max-width:100%;white-space:normal}.case-cover{margin-inline:6%}.case-cover>img{height:340px}.case-mane .case-cover>img{height:340px;padding:0}.case-cover figcaption{padding:15px;font-size:11px;align-items:flex-end;flex-direction:column;gap:5px}.case-cover figcaption span{font-size:9px}.case-story{display:flex;flex-direction:column-reverse;gap:35px}.case-scope{width:100%;padding:28px 24px}.case-scope h2{font-size:26px}.case-scope li{font-size:14px}.case-story-copy h2{font-size:clamp(29px,7vw,42px);margin-bottom:25px}.case-story-copy p{font-size:14px}.case-detail-grid{grid-template-columns:1fr;gap:14px}.case-detail{padding:28px 24px}.case-detail-no{font-size:42px;margin-bottom:22px}.case-detail h3{font-size:23px}.case-detail p{font-size:14px}.case-gallery{grid-template-columns:1fr;gap:32px}.case-gallery-heading h2{font-size:33px}.case-gallery-heading{margin-bottom:0}.case-shot,.case-shot:first-of-type{grid-column:1}.case-shot img{height:auto;max-height:600px;object-fit:contain}.case-shot figcaption{font-size:11px;gap:10px;line-height:1.5}.case-context{margin-top:40px;padding:22px 18px;font-size:12px}.case-context>div{gap:18px}.case-context .text-link{font-size:11px;line-height:1.6}.case-next-project a{column-gap:20px;padding:30px 0}.case-next-project strong{font-size:clamp(26px,7vw,42px)}.case-next-arrow{font-size:45px}.case-detail,.case-scope{backdrop-filter:blur(16px)}}
@media(prefers-reduced-motion:reduce){.case-detail,.case-shot img,.case-next-arrow{transition:none}.case-shot>a:hover img,.case-next-project a:hover .case-next-arrow{transform:none}}