/* Selected work remains in the document flow; the paper is decorative. */
#case-studies-preview{background:#242624;color:#f2f0e9;padding:clamp(72px,8vw,120px) var(--gutter);position:relative}
.case-preview-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-template-areas:'copy art';gap:clamp(44px,7vw,110px);align-items:center;max-width:1600px;margin:0 auto}
.case-preview-copy{grid-area:copy;min-width:0}
#case-preview-heading{font-size:clamp(42px,5vw,74px);line-height:1.06;letter-spacing:-.06em;font-weight:500;margin:0}
.case-preview-intro{max-width:540px;color:#d0d1c9;font-size:16px;line-height:1.75;margin:24px 0 34px}
.case-preview-links{list-style:none;margin:0;padding:0;border-top:1px solid #ffffff45}
.case-preview-links li{border-bottom:1px solid #ffffff45}
.case-preview-link{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;color:inherit;text-decoration:none;font-size:clamp(19px,2vw,25px);letter-spacing:-.035em;transition:color .2s ease}
.case-preview-link::after{content:'↗';font-size:20px;letter-spacing:0;color:#ff9069}
.case-preview-link:hover{color:#ff9069}
.case-preview-link:focus-visible,.case-preview-cta:focus-visible{outline:2px solid #ff986e;outline-offset:5px}
.case-preview-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:30px;padding:12px 22px;border:1px solid #f2f0e9;color:#f2f0e9;text-decoration:none;font-size:14px;transition:background .2s ease,color .2s ease}
.case-preview-cta:hover{background:#f2f0e9;color:#242624}
#case-bridge-mount{grid-area:art;position:relative;width:100%;max-width:500px;justify-self:center;pointer-events:none;overflow:clip}
#case-bridge-mount img{display:block;width:100%;height:auto}
#case-bridge-mount.case-bridge-attached img{display:none}
#case-bridge-mount .bm-jet-canvas{display:block;width:100%;height:auto;aspect-ratio:4/3;pointer-events:none}
@media(max-width:800px){
 .case-preview-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:'copy' 'art';gap:0}
 .case-preview-copy{display:contents}
 #case-preview-heading{grid-row:1;font-size:clamp(38px,9vw,58px)}
 .case-preview-intro{grid-row:2;margin:18px 0 0;font-size:15px}
 #case-bridge-mount{grid-row:3;width:min(100%,340px);margin:18px auto}
 .case-preview-links{grid-row:4}
 .case-preview-cta{grid-row:5;justify-self:start}
}
@media(prefers-reduced-motion:reduce){.case-preview-link,.case-preview-cta{transition:none}}
