/* A quiet, nearly full-screen view of the selected photograph or film. */
body.viewer-open{overflow:hidden}
.media-viewer{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:94vw;height:92svh;max-width:1720px;max-height:1100px;padding:0 24px;border:1px solid #f5f0e221;background:#171c19;color:#f3efe5;box-shadow:0 25px 100px #0009;border-radius:5px;overflow:hidden}
.media-viewer::backdrop{background:#101813de;backdrop-filter:blur(12px)}
.media-viewer[open]{display:grid;grid-template-rows:64px minmax(0,1fr) 64px;gap:0}
.media-viewer [hidden]{display:none!important}
.viewer-top,.viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}
.viewer-top{border-bottom:1px solid #f3efe524}.viewer-top p{font:italic 22px/1.2 Georgia,serif;letter-spacing:-.02em}
.media-viewer button{background:none;color:inherit;border:0;font:10px/1.3 var(--mono);letter-spacing:.07em;cursor:pointer;min-height:44px;padding:10px 13px}
.media-viewer button:hover{background:#ffffff10}.media-viewer button:focus-visible{outline:1px solid #f3efe5;outline-offset:1px}
.viewer-close{display:flex;align-items:center;gap:20px;flex-shrink:0}.viewer-close span{font:30px/1 Arial,sans-serif}
.viewer-stage{position:relative;min-width:0;min-height:0;display:grid;place-items:center;padding:16px 0;overflow:hidden}
.viewer-stage>.viewer-image,.viewer-stage>.viewer-video{grid-area:1/1;width:100%;height:100%;min-height:0;max-width:100%;max-height:100%;object-fit:contain;background:#171c19}
.viewer-error{position:absolute;bottom:30px;left:20px;right:20px;text-align:center;font-size:12px;background:#171c19d9;padding:12px}
.viewer-bottom{border-top:1px solid #f3efe524}.viewer-types,.viewer-navigation{display:flex;align-items:center;gap:8px}
.viewer-types button{opacity:.55}.viewer-types button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:6px}
.viewer-navigation button{font:23px/1 Arial,sans-serif;min-width:44px}.viewer-count{font:9px/1 var(--mono);letter-spacing:.08em;min-width:50px;text-align:center;color:#f3efe5aa}
/* The design reel follows the Grizzly dock with no intervening white section. */
.grizzly-chapter + .vision{margin:0;height:calc(100svh - var(--header));min-height:650px;max-height:1080px}
.vision .vision-copy{top:auto;bottom:15%;max-width:75%}
.vision .vision-copy h2{font-size:clamp(58px,6.8vw,110px);line-height:.98}
.vision .vision-copy p{font-size:13px;margin-top:24px}
.vision .vision-slide .film>img,.vision .vision-slide .film>video{filter:saturate(.9)}
.vision .vision-shade{background:linear-gradient(0deg,#132019c9,transparent 73%),linear-gradient(90deg,#18221b52,transparent 80%)}
@media(max-width:680px){
 .media-viewer{width:96vw;height:94svh;padding:0 12px;border-radius:3px}
 .media-viewer[open]{grid-template-rows:62px minmax(0,1fr) 58px}.viewer-top{gap:8px}.viewer-top p{font-size:17px}
 .viewer-close{gap:8px}.media-viewer button{font-size:9px;padding:8px}.viewer-close span{font-size:26px}
 .viewer-stage{padding:10px 0}.viewer-navigation{gap:0}.viewer-navigation button{font-size:23px}.viewer-count{min-width:42px;font-size:8px}
 .grizzly-chapter + .vision{height:calc(92svh - var(--header));min-height:610px}
 .vision .vision-copy{bottom:16%;max-width:none;right:6vw}.vision .vision-copy h2{font-size:13vw}.vision .vision-copy p{font-size:12px;max-width:260px}
 .gh-details-heading p{max-width:47%;text-align:right;line-height:1.6}
}