/* Photographs stay in place. Numbered points disclose their published stories. */
.photo-open{position:relative;display:block;width:100%;max-width:var(--photo-width,760px);margin:0 auto;border:1px solid #ffffff80;background:#faf7f1;color:var(--ink);text-align:left;box-shadow:0 12px 28px #00183810}
.photo-open.photo-story-frame{padding:0!important;cursor:default;opacity:1;transform:none}
.photo-surface{position:relative;display:block;width:fit-content;max-width:100%;margin:auto}.photo-surface>a{display:block}.photo-open img{display:block;width:100%;height:auto;max-height:510px;object-fit:contain;background:none;margin:auto}
.photo-open-label,.photo-expand,.pe-enlarge,.photo-wall-photo-cue,.sr-photo-corner{display:none!important}
.proof-picture,.page-visual{height:auto;min-height:0;overflow:visible;background:none}.project-card .project-media{height:auto;min-height:0;overflow:visible;background:none}.project-card .project-media img{transform:none!important}.page-visual.drawing img{padding:0}.before-evidence img{height:auto;object-fit:contain}
.photo-story-point{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;padding:0!important;border:1px solid #fffaf3;border-radius:50%;background:#fffaf3ed;color:#001838;font:700 11px/1 'Lato',Arial,sans-serif;box-shadow:0 0 0 4px #fffaf340,0 3px 12px #00183830;cursor:pointer;z-index:2;transition:background .2s,box-shadow .2s,transform .2s}
.photo-story-point:hover,.photo-story-point[aria-expanded=true]{background:#001838;color:#fffaf3;box-shadow:0 0 0 5px #fffaf36e,0 4px 16px #00183835}.photo-story-point:focus-visible{outline:3px solid #e9bd55;outline-offset:5px}
.photo-story-popover{position:fixed;z-index:250;width:min(260px,calc(100vw - 24px));box-sizing:border-box;padding:24px 22px 21px;border:1px solid #0018382e;border-radius:15px;background:#fffaf3;color:#001838;box-shadow:inset 0 0 0 5px #fffaf3,inset 0 0 0 6px #00183810,0 12px 32px #00183820;text-align:left;overflow:visible;font:400 13px/1.55 var(--body-font,'Lato',Arial,sans-serif)}
.photo-story-content{max-height:min(310px,calc(100dvh - 74px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:1px}.photo-story-content:focus-visible{outline:2px solid #001838;outline-offset:2px}
.photo-story-popover:before{content:'';position:absolute;width:12px;height:12px;transform:rotate(45deg);background:#fffaf3;border:1px solid #00183826;z-index:-1}
.photo-story-popover[data-arrow=left]:before{left:-7px;top:calc(var(--story-arrow) - 6px);border-top:0;border-right:0}.photo-story-popover[data-arrow=right]:before{right:-7px;top:calc(var(--story-arrow) - 6px);border-left:0;border-bottom:0}.photo-story-popover[data-arrow=top]:before{top:-7px;left:calc(var(--story-arrow) - 6px);border-right:0;border-bottom:0}.photo-story-popover[data-arrow=bottom]:before{bottom:-7px;left:calc(var(--story-arrow) - 6px);border-left:0;border-top:0}
.photo-story-popover .photo-story-close{position:absolute;right:7px;top:6px;display:grid;place-items:center;width:32px;height:32px;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;color:#001838;font-size:22px;line-height:1;cursor:pointer}.photo-story-close:focus-visible,.photo-story-source:focus-visible{outline:2px solid #001838;outline-offset:3px}
.photo-story-popover .photo-story-kicker{font:700 9px/1.5 var(--body-font,'Lato',Arial,sans-serif);letter-spacing:.1em;margin:0 20px 10px 0;color:#5b686b}
.photo-story-popover .photo-story-title{font-family:var(--heading-font,Georgia,serif);font-weight:400!important;font-size:21px;line-height:1.18;letter-spacing:0!important;word-spacing:normal!important;margin:0 0 12px;padding-right:6px;color:#001838;overflow-wrap:anywhere}
.photo-story-popover .photo-story-body{font:400 14px/1.6 var(--body-font,'Lato',Arial,sans-serif);margin:0;padding-right:2px;color:#001838}
.photo-story-popover .photo-story-source{display:block;width:fit-content;max-width:100%;color:#001838;font:700 11px/1.5 var(--body-font,'Lato',Arial,sans-serif);text-underline-offset:4px;margin:0;overflow-wrap:anywhere}
.sg-evidence>.photo-story-frame{max-width:none;margin:0;align-self:stretch;height:235px}.sg-evidence>.photo-story-frame .photo-surface{height:100%;width:100%}.sg-evidence>.photo-story-frame img{height:100%;max-height:none;min-height:0;object-fit:cover}.sg-evidence-brief>.photo-story-frame{height:100%;min-height:155px}
@media(max-width:650px){.sg-evidence:not(.sg-evidence-brief)>.photo-story-frame{height:210px}}
.photo-wall-photo.photo-story-frame{width:100%;max-width:none;margin:0;background:none;border:0;box-shadow:none}.photo-wall-photo .photo-surface{width:100%}.photo-wall-photo .photo-wall-image{max-height:none}
@media(max-width:700px){.photo-story-point{width:36px;height:36px;font-size:11px}.photo-story-popover{padding:22px 20px 20px}.photo-story-popover .photo-story-title{font-size:21px}}
@media(prefers-reduced-motion:reduce){.photo-story-point{transition:none}}

/* Preserve the testimonial photo's flex slot after replacing its link wrapper. */
.feedback-composition .arrival-photo>.photo-story-frame{position:relative;display:block;flex:1;min-height:140px;width:100%;max-width:none;margin:0;border:0;background:none;box-shadow:none}
.feedback-composition .arrival-photo>.photo-story-frame .photo-surface,.feedback-composition .arrival-photo>.photo-story-frame .photo-surface>a{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:700px){.feedback-composition .arrival-photo>.photo-story-frame{flex:0 0 76px;width:76px;height:58px;min-height:0}.feedback-composition .arrival-photo .photo-story-point{left:50%!important;top:50%!important}}
@media(max-width:700px) and (max-height:670px){.feedback-composition .arrival-photo>.photo-story-frame{flex-basis:64px;width:64px;height:46px}}

/* Award details repeat the wall's exact medal asset in a quiet footer signature. */
.photo-story-popover--award{width:min(300px,calc(100vw - 24px))}
.photo-story-popover .photo-story-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin-top:18px;padding-top:15px;border-top:1px solid #00183818}
.photo-story-popover--award .photo-story-footer{grid-template-columns:54px minmax(0,1fr)}
.photo-story-popover--award .photo-story-links{grid-column:2;grid-row:1}
.photo-story-popover .photo-story-links{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.photo-story-popover .photo-story-medal{position:relative;display:block;width:54px;height:54px;margin:0;grid-column:1;grid-row:1;align-self:end;pointer-events:none;filter:drop-shadow(0 3px 3px #00183814)}
.photo-story-popover .photo-story-medal-image{display:block;position:static;width:54px!important;height:54px!important;min-height:0;max-width:none;max-height:none;object-fit:contain;border:0;border-radius:0;padding:0;margin:0;background:none;box-shadow:none}






/* Shared cinematic photographic grade; excludes brand, medal and character artwork. */
:root{--sr-photo-grade:saturate(.74) contrast(1.09) brightness(.96) sepia(.085)}
body img:is([src*="assets/images/"],[src*="assets/team/"],[src*="assets/people/"],[src*="assets/film/"],[src^="data:image/jpeg"],[src^="data:image/webp"],[src^="data:image/png"],[data-site-photo]):where(:not(.sr-brief-logo):not(.sr-experience-seal)),body :is(.sr-person-photo,.sr-plan-team) img{filter:var(--sr-photo-grade)!important}
body .project-orbit .orbit-photo img{filter:var(--sr-photo-grade) grayscale(1)!important}
body .project-orbit .orbit-photo.is-selected img{filter:var(--sr-photo-grade)!important}
.tool-banner-photo{filter:var(--sr-photo-grade)}
body :is(.ar-photo-channel,.ar-mobile-archive) image{filter:var(--sr-photo-grade) grayscale(1)!important}

/* The film canvas and its poster use the same photographic treatment. */
#cinema-canvas{filter:var(--sr-photo-grade)}