/* Keep the approved hero's dimensions, crop, white blend and value panel. */
html[data-reference-study] body.design-review .hero-gallery {position:absolute;inset:0;min-width:0;overflow:hidden}
html[data-reference-study] body.design-review .hero-gallery picture {position:absolute;inset:0;opacity:0;pointer-events:none}
html[data-reference-study] body.design-review .hero-gallery picture.is-current {opacity:1}
html[data-reference-study] body.design-review .hero-gallery picture.is-entering {animation:hero-photograph-in 800ms ease both}
html[data-reference-study] body.design-review .hero-gallery picture.is-leaving {animation:hero-photograph-out 800ms ease both}
html[data-reference-study] body.design-review .hero-gallery[data-gallery-paused="true"] picture {animation-play-state:paused}
html[data-reference-study] body.design-review .hero-gallery-control {position:absolute;z-index:2;top:14px;right:max(var(--space),(100vw - 1240px) / 2);display:grid;place-items:center;width:44px;height:44px;padding:12px;border:1px solid rgb(255 254 251 / 85%);border-radius:50%;background:#203e32;color:#fffefb;box-shadow:0 2px 8px rgb(32 62 50 / 12%);cursor:pointer}
html[data-reference-study] body.design-review .hero-gallery-control:hover {background:#315341}
html[data-reference-study] body.design-review .hero-gallery-control:focus-visible {outline:3px solid #203e32;outline-offset:4px;box-shadow:0 0 0 3px #fffefb}
html[data-reference-study] body.design-review .hero-gallery-control svg {width:18px;height:18px;fill:currentColor}
html[data-reference-study] body.design-review .hero-gallery-control .gallery-play {display:none}
html[data-reference-study] body.design-review .hero-gallery-control[data-paused="true"] .gallery-pause {display:none}
html[data-reference-study] body.design-review .hero-gallery-control[data-paused="true"] .gallery-play {display:block}
html[data-reference-study] body.design-review .hero-gallery-control[hidden] {display:none}
html[data-reference-study] body.design-review .hero-gallery-credit {position:absolute;z-index:2;top:14px;right:calc(max(var(--space),(100vw - 1240px) / 2) + 54px);max-width:calc(100% - 180px);margin:0;padding:0 10px;border-radius:6px;background:#fffefb;color:#203e32;box-shadow:0 2px 8px rgb(32 62 50 / 10%)}
html[data-reference-study] body.design-review .hero-gallery-credit a {display:flex;align-items:center;min-height:44px;padding:6px 0;font-size:12px;line-height:1.4;color:#203e32;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
html[data-reference-study] body.design-review .hero-gallery-credit a:focus-visible {outline:3px solid #203e32;outline-offset:4px}
html[data-reference-study] body.design-review .hero-gallery-credit[hidden] {display:none}
@keyframes hero-photograph-in {from{opacity:0}to{opacity:1}}
@keyframes hero-photograph-out {from{opacity:1}to{opacity:0}}
@media(max-width:760px){html[data-reference-study] body.design-review .hero-gallery-control{top:12px;right:var(--space)}html[data-reference-study] body.design-review .hero-gallery-credit{top:12px;right:calc(var(--space) + 54px);max-width:calc(100% - var(--space) * 2 - 54px)}}
@media(prefers-reduced-motion:reduce){html[data-reference-study] body.design-review .hero-gallery picture{animation:none!important}}