/* Shared finishing rules. Media dimensions, crops, and project interactions stay page-owned. */
@font-face{font-family:Inter;src:url('/homepage-direction/assets/fonts/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Jakarta;src:url('/homepage-direction/assets/fonts/PlusJakartaSans-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
body:is(.case-page,.rob-case,.giants-case){--ink:#28252e;--gray:#76747b;--gutter:clamp(22px,3.1vw,54px);font-family:Inter,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
body:is(.case-page,.rob-case,.giants-case) :is(h1,h2,h3){font-family:Jakarta,Arial,sans-serif}
:is(.case-nav,.rob-nav,.giants-nav){height:92px;max-width:1600px;margin-inline:auto;padding-inline:var(--gutter);gap:24px}
:is(.case-nav,.rob-nav,.giants-nav)>.brand-small{display:inline-flex;align-items:center;min-height:44px;font-size:25px;font-weight:850;letter-spacing:-1.45px}
.case-nav-links{display:flex;align-items:center;gap:35px;font-size:13px}
.case-nav-links>a:not(.contact-pill){display:inline-flex;align-items:center;min-height:44px;padding:12px 0}
.case-nav-links .contact-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:33px;min-height:49px;padding:10px 13px 10px 24px;border-radius:30px;background:#27242d;color:#fff;font-size:13px;font-weight:500}
.case-nav-links .button-arrow{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid #ffffff85;border-radius:50%;font-size:16px}
.direction-nav nav>a:not(.contact-pill),.contact-nav nav>a{display:inline-flex;align-items:center;min-height:44px}
:is(.direction-nav,.contact-nav,.case-nav,.rob-nav,.giants-nav) a:focus-visible{outline:3px solid #55719b;outline-offset:5px}
.case-page .section-pad:not(.results),.rob-case .case-title,.rob-case .layout,.giants-case .case-summary,.giants-case .review-footer{max-width:1600px;margin-inline:auto}
.case-page .overview-copy p:not(.eyebrow),.case-page .production-copy p,.rob-case .section-copy p:not(.evidence-note),.giants-case .project-overview p{font-size:18px;line-height:1.7}
.rob-case .text-link{display:inline-flex;align-items:center;gap:25px;min-height:44px;padding-bottom:8px;border-bottom:1px solid #b8b6bd;font-size:13px;line-height:1.5}
.rob-case .text-link:focus-visible{outline:3px solid #55719b;outline-offset:5px}
.case-page .case-overview,.case-page .case-production{scroll-margin-top:108px}
.direction-page .capabilities-intro h2>span,.rob-case .case-title h1>span,.giants-case .project-facts h1>span{color:#8c8a92}
.direction-page .asset-caption,.comic-panorama figcaption,.comic-interface-gallery figcaption,.case-page .production-photo figcaption,.rob-case .support-image figcaption,.rob-case .edit-note,.giants-case .case-hero figcaption,.giants-case .case-detail figcaption,.giants-case .review-footer{font-size:12px;line-height:1.7;color:#76747b}
.rob-case .room-hero figcaption{font-size:12px;line-height:1.7}
.case-page .case-meta .project-context,.rob-case .project-meta .project-context,.giants-case .project-overview .source-link{color:#76747b}
.direction-footer>div,.footer-meta,.contact-footer .call-link{font-size:12px;line-height:1.6;color:#76747b}
body:is(.case-page,.rob-case,.giants-case) .footer{max-width:1600px;margin-inline:auto;padding-inline:var(--gutter)}
.direction-footer>a,.direction-footer>div>a,.footer>a,.footer-meta>a,.contact-footer>a{display:inline-flex;align-items:center;min-height:44px}
.direction-footer>div>a,.footer-meta>a,.contact-footer .call-link{padding-block:6px}
:is(.direction-footer,.footer,.contact-footer) a:focus-visible{outline:3px solid #55719b;outline-offset:5px}
@media(max-width:760px){
  :is(.case-nav,.rob-nav,.giants-nav,.contact-nav){height:75px;gap:16px}
  :is(.case-nav,.rob-nav,.giants-nav)>.brand-small,.contact-nav>.brand{font-size:23px}
  .case-nav-links,.contact-nav nav{gap:20px;font-size:11px}
  .case-nav-links .contact-pill,.contact-nav .nav-contact{min-height:44px;padding:8px 9px 8px 17px;gap:17px;font-size:11px}
  .case-nav-links .button-arrow,.contact-nav .nav-contact>span{width:25px;height:25px;font-size:14px}
  .case-page .overview-copy p:not(.eyebrow),.case-page .production-copy p,.rob-case .section-copy p:not(.evidence-note),.giants-case .project-overview p{font-size:16px;line-height:1.7}
  .case-page .case-overview,.case-page .case-production{scroll-margin-top:91px}
  .direction-page .asset-caption,.comic-panorama figcaption,.comic-interface-gallery figcaption,.case-page .production-photo figcaption,.rob-case .support-image figcaption,.rob-case .edit-note,.rob-case .room-hero figcaption,.giants-case .case-hero figcaption,.giants-case .case-detail figcaption,.giants-case .review-footer,.direction-footer>div,.footer-meta,.contact-footer .call-link{font-size:11px}
}
@media(max-width:380px){.case-nav-links,.contact-nav nav{gap:15px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}