/* Desktop counterpart of the approved mobile camera navigation. */
@media (min-width:951px) and (min-height:501px) {
 body #experience :is(#explore,#explore-top),body #print-dialog #print-explore {
  box-sizing:border-box;min-height:68px;min-width:84px;padding:6px;
  align-items:center;gap:20px;cursor:pointer;
 }
 body #experience :is(#explore,#explore-top) .dial,body #print-dialog #print-explore .dial {
  display:block;position:relative;flex:0 0 72px;width:72px;height:56px;
  overflow:visible;scale:1;transform-origin:center;transition:scale .18s ease;
 }
 body #experience :is(#explore,#explore-top) .dial::before,body #print-dialog #print-explore .dial::before {
  content:"";display:block!important;position:absolute;inset:auto!important;
  width:72px;height:50.4px;left:50%!important;top:50%!important;
  margin:0;border:0;border-radius:0;box-shadow:none;transform:translate(-50%,-50%);
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%224%208%2070%2049%22%20fill%3D%22none%22%20stroke%3D%22%23f3f2ee%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018H24L29%209H45L51%2018H68C71%2018%2073%2020%2073%2023V51C73%2054%2071%2056%2068%2056H10C7%2056%205%2054%205%2051V23C5%2020%206%2018%209%2018Z%22%2F%3E%3Cpath%20d%3D%22M31%2012H43L46%2017H28Z%22%2F%3E%3Cpath%20d%3D%22M62%2023V50M65%2025V46%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2216%22%2F%3E%3Cpath%20d%3D%22M11%2025H17%22%2F%3E%3Ccircle%20cx%3D%2255%22%20cy%3D%2226%22%20r%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M11%2016V13H19V16%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;opacity:.86;pointer-events:none;
 }
 body #experience :is(#explore,#explore-top) .dial::after,body #print-dialog #print-explore .dial::after {
  content:"";display:block!important;position:absolute;inset:auto!important;
  left:57px!important;top:7px!important;width:10px;height:3px;
  border:1px solid #f3f2ee;border-radius:2px 2px 0 0;background:#f3f2ee22;
  opacity:.95;pointer-events:none;transition:translate .12s ease;
 }
 body #experience :is(#explore,#explore-top) .iris-art,body #print-dialog #print-explore .iris-art {
  position:absolute;left:32.914px;top:31.6px;width:25px;height:25px;
  transform:translate(-50%,-50%);scale:1;transform-origin:center;
 }
 body #experience :is(#explore,#explore-top):is(:hover,:focus-visible) .dial,
 body #print-dialog #print-explore:is(:hover,:focus-visible) .dial {scale:1.08}
 body #experience :is(#explore,#explore-top):active .dial::after,
 body #print-dialog #print-explore:active .dial::after {translate:0 2px}
 body #experience :is(#explore,#explore-top):active .iris-art,
 body #print-dialog #print-explore:active .iris-art {scale:.86}
 body #experience :is(.bottom-left,#explore-top-group) {gap:20px;align-items:center}
 body #experience :is(.bottom-left,#explore-top-group) :is(#regard,#series-overview-open,#prints,#print-current,#about-series):is(:hover,:focus-visible),
 body #experience :is(#explore-label,#explore-top-label):hover {
  text-decoration:underline!important;text-decoration-thickness:1px;text-underline-offset:5px;
 }
 body:not(.atlas-mode):not(.print-open) #experience .bottom-left {
  left:50%;right:auto;width:max-content;transform:translateX(-50%);translate:none;
 }
 #print-dialog .print-content>span.eyebrow {display:none}
 #print-dialog .print-content>#choose-another-photo {
  display:block;min-height:44px;margin:0 0 12px;padding:8px 0;
  font:400 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.06em;
  text-transform:uppercase;text-align:left;color:inherit;background:none;border:0;cursor:pointer;
 }
 #print-dialog #choose-another-photo:is(:hover,:focus-visible) {text-decoration:underline;text-underline-offset:5px}
}
@media (min-width:951px) and (prefers-reduced-motion:reduce) {
 body #experience :is(#explore,#explore-top) .dial,body #print-dialog #print-explore .dial,
 body #experience :is(#explore,#explore-top) .dial::after,body #print-dialog #print-explore .dial::after {transition:none}
}

/* Desktop text actions: one consistent hover/focus treatment. */
@media (min-width:951px) and (min-height:501px) {
 body a[href]:is(:hover,:focus-visible),
 body button:is([data-nav],[data-filter],[data-size],#regard,#prints,#print-current,#about-series,#read-story,#series-overview-open,#menu-series-overview,#regard-series-link,#choose-another-photo,#fit,#prev,#next,.mobile-purchase):is(:hover,:focus-visible),
 body #experience :is(.bottom-left,#explore-top-group) button:not(:has(.dial,.menu-lines,svg,img)):is(:hover,:focus-visible),
 body #menu-legal-links button:is(:hover,:focus-visible),
 body #experience #menu:is(:hover,:focus-visible) .menu-label,
 body #experience :is(#explore,#explore-top):is(:hover,:focus-visible) :is(#explore-label,#explore-top-label),
 body #print-dialog #print-explore:is(:hover,:focus-visible)>span:last-child {
  text-decoration-line:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:5px!important;
  text-decoration-skip-ink:auto;
 }
}

/* Desktop journey: Prints — camera — Previous. */
@media (min-width:951px) and (min-height:501px) {
 body.atlas-mode #experience #explore-top-group>#prints {order:-2}
 body.atlas-mode #experience #explore-top-group>#explore-top {order:-1;flex-direction:row}
}

/* Desktop: centre the entire lower sound/camera/series control group. */
@media (min-width:951px) and (min-height:501px) {
 body.atlas-mode:not(.print-open) #experience .bottom-left {
  position:absolute;left:50%!important;right:auto!important;
  width:max-content!important;max-width:calc(100% - 48px);
  display:flex;align-items:center;justify-content:center;gap:20px;
  transform:translateX(-50%)!important;translate:none!important;
  margin:0;padding:0;
 }
}

/* Desktop lower group: quieter sound controls, stronger series label. */
@media (min-width:951px) and (min-height:501px) {
 body.atlas-mode:not(.print-open) #experience .bottom-left>#music-dock {
  zoom:.8;
 }
 body.atlas-mode:not(.print-open) #experience .bottom-left :is(#series-overview-open,#explore-label) {
  font-size:14px!important;line-height:1.4;letter-spacing:.06em;
 }
}

/* The Medium size selector defines the gallery's visual centre axis. */
@media (min-width:951px) and (min-height:501px) {
 body.atlas-mode:not(.print-open) #experience .bottom-left {
  left:var(--desktop-controls-axis,50%)!important;
 }
}

#series-camera-home {display:none}
@media (min-width:951px) and (min-height:501px) {
 #series-overview>.close {left:24px;right:auto;top:16px}
 #series-overview>#series-camera-home {
  display:flex;align-items:center;justify-content:center;position:fixed;
  left:18px;top:70px;width:60px;height:48px;z-index:4;padding:6px;
  color:#f3f2ee;border:0;background:none;cursor:pointer;
 }
 #series-camera-home svg {display:block;width:48px;height:auto;transition:scale .18s ease}
 #series-camera-home:is(:hover,:focus-visible) svg {scale:1.08}
 #series-camera-home:focus-visible {outline:1px solid currentColor;outline-offset:2px}
 #series-overview .overview-language {position:fixed;left:26px;top:128px;right:auto;z-index:4}
 #series-overview .overview-scroll {padding-left:108px}
}

/* Optical balance: move the lower camera slightly toward the sound controls. */
@media (min-width:951px) and (min-height:501px) {
 body.atlas-mode:not(.print-open) #experience .bottom-left #explore .dial {
  translate:-8px 0;
 }
}

/* Series overview: discreet horizontal controls in the upper-right corner. */
@media (min-width:951px) and (min-height:501px) {
 #series-overview>.close {
  left:auto;right:24px;top:16px;width:48px;height:48px;margin:0;
 }
 #series-overview .overview-language {
  position:fixed;left:auto;right:88px;top:18px;
  min-width:44px;height:44px;margin:0;padding:8px;z-index:4;
 }
 #series-overview>#series-camera-home {
  left:auto;right:152px;top:16px;width:56px;height:48px;
  margin:0;padding:8px;opacity:.85;
 }
 #series-overview>#series-camera-home:is(:hover,:focus-visible) {opacity:1}
 #series-overview #series-camera-home svg {width:40px;height:auto}
 #series-overview .overview-scroll {
  padding:84px max(28px,6vw) 36px;
 }
 #series-overview .overview-heading {margin-right:0}
}

/* Series home shortcut: slightly lower and more visible. */
@media (min-width:951px) and (min-height:501px) {
 #series-overview>#series-camera-home {
  top:28px;right:152px;width:68px;height:56px;padding:8px;
 }
 #series-overview #series-camera-home svg {width:52px;height:auto}
}

@media (min-width:951px) and (min-height:501px) {
 #series-overview>#series-camera-home {width:76px;height:62px;right:148px;top:25px}
 #series-overview #series-camera-home svg {width:60px;height:auto}
}

/* Journey menu: horizontal rule ends align with the end of Previous. */
@media (min-width:951px) and (min-height:501px) {
 body.atlas-mode #experience>header #menu {
  display:flex;align-items:center;justify-content:flex-start;
  gap:12px;width:max-content;min-width:0;padding:0;right:auto;transform:none;
 }
 body.atlas-mode #experience>header #menu .menu-lines {
  display:block!important;position:relative;left:auto;right:auto;top:auto;
  width:18px;height:7px;flex:0 0 18px;margin:0;transform:none;
 }
}

/* Journey desktop cameras: reduce the pictogram by three percent. */
@media (min-width:951px) and (min-height:501px) {
 body.atlas-mode:not(.print-open) #experience :is(#explore,#explore-top) .dial {scale:.97}
 body.atlas-mode:not(.print-open) #experience :is(#explore,#explore-top):is(:hover,:focus-visible) .dial {scale:1.0476}
}

/* Small home camera aligned with the menu above the thumbnail grid. */
#print-grid-home {display:none}
@media (min-width:951px) and (min-height:501px) {
 body.atlas-mode.print-open #print-grid-home {
  display:flex;position:fixed;z-index:45;align-items:center;justify-content:center;
  width:70px;height:58px;padding:8px;transform:translateY(-50%);
  border:0;background:transparent;color:#f3f2ee;cursor:pointer;
 }
 #print-grid-home svg {display:block;width:54px;height:auto;transition:scale .18s ease}
 #print-grid-home:is(:hover,:focus-visible) svg {scale:1.08}
 #print-grid-home:focus-visible {outline:1px solid currentColor;outline-offset:3px}
}

/* Live diaphragm on both home cameras; outline and shutter remain clickable. */
@media (min-width:951px) and (min-height:501px) {
 :is(#series-camera-home,#print-grid-home) .dial {
  display:block;position:absolute;width:20px;height:20px;
  left:calc(50% - 2.3px);top:calc(50% + 3.85px);
  transform:translate(-50%,-50%);pointer-events:none;
 }
 #series-overview #series-camera-home .dial {
  width:22px;height:22px;left:calc(50% - 2.57px);top:calc(50% + 4.29px);
 }
 #series-overview #series-camera-home .dial svg.iris-art,
 #print-grid-home .dial svg.iris-art {width:100%;height:100%;scale:1;transition:none}
}