.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 35px}.project-card{min-width:0}.project-image{position:relative;display:block;overflow:hidden;background:#3b403a;border:1px solid #ffffff20}.project-image img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top;transition:transform .35s}.project-image:hover img{transform:scale(1.025)}.project-open{position:absolute;right:15px;bottom:15px;border-radius:50%;width:45px;height:45px;background:#292b29;color:#fff;display:grid;place-items:center;font-size:24px}.project-meta{padding-top:20px}.project-meta h3{font:38px/1.15 Georgia,serif;margin:12px 0 18px}.project-meta h3 a{text-decoration:none}.project-meta>p{max-width:600px}.project-links{display:flex;gap:20px 30px;flex-wrap:wrap;margin-top:22px}.project-links a,.back-link,.text-link{font-size:16px;text-underline-offset:6px}.project-links a:hover,.back-link:hover,.text-link:hover{text-decoration-thickness:2px}.project-image:focus-visible,.next-project a:focus-visible{outline:3px solid #a8b8a1;outline-offset:6px}.case-intro{padding:50px 7% 65px;max-width:1200px}.case-intro>.eyebrow{margin-top:55px}.case-intro h1{font-family:Arial,sans-serif;font-weight:bold;font-size:clamp(45px,7vw,100px);margin:25px 0;letter-spacing:-3px}.case-intro h2{font-size:clamp(32px,4vw,54px);color:#a7aea4;margin:30px 0}.case-deck{max-width:750px;font-size:20px;line-height:1.8;margin-bottom:30px}.case-masthead{margin:0 7% 65px}.case-masthead>img{display:block;width:100%;height:auto;border:1px solid #ffffff30}.browser-chrome{display:flex;align-items:center;gap:7px;background:#e2e3dc;color:#292b29;padding:13px 18px}.browser-chrome i{width:7px;height:7px;border:1px solid #888;border-radius:50%}.browser-chrome span{font-size:16px;margin:auto}.case-masthead figcaption,figcaption{font-size:16px;line-height:1.7;opacity:.8;margin-top:15px}.case-story{display:grid;grid-template-columns:1fr 1.15fr;gap:10%}.case-story p,.device-copy p{max-width:620px}.case-story h3,.device-copy h3{margin-top:40px}.device-section{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;align-items:center}.mobile-preview{max-width:320px;margin:0 auto}.mobile-preview img{display:block;width:100%;height:auto;border:8px solid #101310;border-radius:24px;box-shadow:0 20px 50px #0003}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px}.case-gallery figure{margin:0}.case-gallery img{width:100%;height:auto;display:block}.case-gallery.one-image{grid-template-columns:1fr}.case-gallery.one-image img{max-height:550px;object-fit:contain;background:#e9e9e4}.next-project a{text-decoration:none;display:block}.next-project h2{font-size:clamp(40px,5vw,68px);margin-bottom:15px}.next-project a:hover h2{text-decoration:underline;text-underline-offset:8px}.dark .case-contact{display:flex;align-items:center}.case-contact .cta{flex-shrink:0}.dark .portfolio .eyebrow,.dark .case-intro .eyebrow{font-size:16px}.dark .project-meta p,.dark .case-story p,.dark .device-copy p,.dark .section-head p{font-size:16px}html[data-theme=day] .case-intro h2{color:#60685c}html[data-theme=day] .project-image,html[data-theme=day] .case-masthead>img{border-color:#c6cbbf}html[data-theme=day] .project-image{background:#e2dfd6}.dark .case-contact h2{max-width:none}@media(max-width:850px){.portfolio-grid{gap:30px 25px}.case-story{gap:5%}.device-section{gap:6%}}@media(max-width:700px){.portfolio-grid,.case-story,.device-section,.case-gallery{grid-template-columns:1fr}.portfolio-grid{gap:50px}.project-image img{aspect-ratio:1.5}.project-meta h3{font-size:34px}.case-intro{padding:35px 7% 45px}.case-intro h1{letter-spacing:-2px}.case-intro>.eyebrow{margin-top:35px}.case-deck{font-size:18px}.case-story{gap:15px}.device-section{gap:40px}.mobile-preview{max-width:300px}.case-masthead{margin-bottom:40px}.dark .case-contact{display:block}.case-contact .cta{margin-top:20px}.browser-chrome span{font-size:16px}.browser-chrome i{display:none}}@media(prefers-reduced-motion:reduce){.project-image img{transition:none}.project-image:hover img{transform:none}html{scroll-behavior:auto}}
/* Calm the homepage portfolio; reveal each client's palette on deliberate interaction. */
@media (hover:hover) and (pointer:fine){
 .project-image img{filter:grayscale(1);transition:filter .3s ease,transform .35s ease}
 .project-image:hover img,.project-image:focus-visible img{filter:grayscale(0)}
}
@media (prefers-reduced-motion:reduce){
 .project-image img{transition:none}
}