/* Portfolio presentation has its own geometry. Campaign exports keep their aspect ratio. */
body.leatherman-case .proof-row{display:grid;grid-template-columns:minmax(220px,.32fr) minmax(0,1fr);gap:clamp(32px,4vw,96px);align-items:start;padding:56px 0;border-top:1px solid #272727}
body.leatherman-case .proof-row .channel-heading{display:flex;flex-direction:column;align-items:start;gap:16px;margin:0}
body.leatherman-case .proof-row .channel-heading h3{max-width:13ch;font-size:clamp(28px,2vw,42px);line-height:1.08}
body.leatherman-case .proof-row .channel-heading>span{order:-1;text-transform:uppercase;letter-spacing:.13em;color:#d76565;font-size:11px}
body.leatherman-case .proof-board{min-width:0;background:#111;padding:clamp(20px,3vw,56px)}
body.leatherman-case .proof-board a{min-width:0;text-decoration:none;color:#d7d7d7}
body.leatherman-case .proof-board img{display:block;width:100%;height:auto}
body.leatherman-case .proof-caption{display:block;font-size:12px;line-height:1.5;padding-top:14px;color:#aaa;letter-spacing:.015em}
body.leatherman-case .social-pair{grid-template-columns:repeat(2,minmax(0,540px));max-width:1106px;margin:auto;align-items:start}
body.leatherman-case .social-pair>a{max-width:540px}
body.leatherman-case .campaign-carousel{max-width:1120px;margin:auto;padding:0 0 8px}
body.leatherman-case .campaign-carousel>a{flex:0 0 calc((100% - 44px)/3);max-width:540px}
body.leatherman-case .carousel-controls{max-width:1120px;margin:0 auto 20px}
body.leatherman-case .motion-story{display:block;margin:0;padding:56px 0;border-top:1px solid #272727}
body.leatherman-case .motion-story>div:first-child{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);column-gap:48px;margin-bottom:28px;align-items:start}.leatherman-case .motion-story>div:first-child>.case-kicker{grid-column:1/-1;margin-bottom:12px}.leatherman-case .motion-story h3{grid-column:1;grid-row:2/4;margin:0}.leatherman-case .motion-story>div:first-child>p:not(.case-kicker){grid-column:2;margin:0 0 12px}
body.leatherman-case .motion-story h3{max-width:14ch}
body.leatherman-case .motion-story p:not(.case-kicker){max-width:65ch;font-size:16px}
body.leatherman-case .motion-board{display:grid;grid-template-columns:repeat(4,minmax(0,300px));gap:20px;align-items:start;justify-content:center}
body.leatherman-case .motion-board figure{margin:0;min-width:0}
body.leatherman-case .motion-story video{width:100%;max-width:300px;max-height:none;aspect-ratio:9/16;object-fit:contain}
body.leatherman-case .story-strip{display:contents}
body.leatherman-case .display-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;justify-content:center;align-items:start;max-width:970px;margin:auto}
body.leatherman-case .display-set>a{width:100%;max-width:300px;justify-self:center}
body.leatherman-case .display-set>a:last-child{grid-column:1/-1;grid-row:1;width:100%;max-width:970px}
body.leatherman-case .email-set{gap:clamp(24px,4vw,64px)}
body.leatherman-case .year-sequence{width:100%;margin-top:48px}
body.leatherman-case .closing .case-section-copy{align-self:center}

@media(max-width:1100px){body.leatherman-case :is(.proof-row,.motion-story){grid-template-columns:minmax(0,1fr);gap:28px}body.leatherman-case .proof-row .channel-heading h3{max-width:none}body.leatherman-case .motion-story p:not(.case-kicker){max-width:70ch}body.leatherman-case .motion-board{grid-template-columns:repeat(2,minmax(0,270px))}}
@media(max-width:767px){body.leatherman-case .motion-story>div:first-child{display:block}body.leatherman-case .motion-story h3{margin-bottom:20px}body.leatherman-case .proof-row,body.leatherman-case .motion-story{padding:36px 0}body.leatherman-case .proof-board{padding:18px}body.leatherman-case .social-pair{grid-template-columns:minmax(0,1fr);gap:28px}body.leatherman-case .campaign-carousel>a{flex-basis:88%}body.leatherman-case .motion-board{grid-template-columns:repeat(2,minmax(0,270px));gap:16px}body.leatherman-case .display-set{grid-template-columns:minmax(0,1fr);gap:28px}body.leatherman-case .proof-caption{font-size:11px}body.leatherman-case .motion-story video{max-width:270px}}

@media(max-width:480px){body.leatherman-case .motion-board{grid-template-columns:minmax(0,270px)}body.leatherman-case .motion-story video{max-width:270px}}

/* View proofs at their authored logical sizes, with room to breathe. */
body.leatherman-case .link-experience:has(>.link-experience-image:not([hidden])){display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
body.leatherman-case .link-experience-image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;flex:none}
body.leatherman-case .link-experience-image[src*="display-300x"]{max-width:min(300px,100%)}
body.leatherman-case .link-experience-image[src*="display-970x"]{max-width:min(970px,100%)}
