/* Artwork framing scoped to service details and Demo reel. */
.page-service .service-detail-art{margin:0;min-width:0;background:none;overflow:visible}
.page-service .service-opening-link{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;position:relative;overflow:hidden;padding:16px 16px 64px;border-radius:14px;background:var(--light)}
.page-service .service-opening-link img{display:block;width:100%;height:auto;min-width:0;min-height:0;max-width:min(100%,var(--artwork-width,100%));max-height:800px;object-fit:contain}
.page-service .service-opening-link:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.page-service .service-detail-art figcaption{font-size:14px;line-height:1.55;color:var(--grey);margin-top:16px}
.page-service .service-detail-art figcaption a{display:block;width:fit-content;max-width:100%;color:var(--accent);margin-top:8px;text-decoration:underline;text-underline-offset:4px}
.page-service .related-grid .work-image{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.page-service .related-grid .work-image img{width:100%;height:100%;min-width:0;min-height:0;max-width:min(100%,var(--artwork-width,100%));max-height:100%;padding:6%;object-fit:contain;aspect-ratio:auto}
.page-service .service-example-caption{position:relative;display:flex;flex-direction:column;gap:7px;padding:18px 38px 0 0;line-height:1.5}
.page-service .service-example-caption strong{font-size:21px;font-weight:500;color:var(--ink)}
.page-service .service-example-caption>span:not(.service-example-arrow){font-size:14px;color:var(--grey)}
.page-service .service-example-arrow{position:absolute;right:0;top:18px;font-size:24px;color:var(--accent)}
.page-reel .reel-section video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.page-reel .reel-poster-caption{font-size:14px;line-height:1.55;color:var(--grey);margin-top:16px}
@media(max-width:767px){.page-service .service-opening-link{padding:12px 12px 64px}.page-service .service-detail-art figcaption,.page-service .service-example-caption>span:not(.service-example-arrow),.page-reel .reel-poster-caption{font-size:13px}.page-service .service-example-caption strong{font-size:19px}}
