/* The photographic landing page keeps its palette scoped; the reading guides stay light. */
.gallery-site{--paper:#0b111b;--ink:#edf3fb;--muted:#a4b1c5;--surface:#121d2c;--blue:#b5d3ff;--blue-dark:#d1e3ff;--blue-soft:#182a40;--dark:#121d2c;--display:clamp(42px,4.7vw,68px);color-scheme:dark}
.gallery-site .site-header{min-height:100px}
.gallery-site .brand img{filter:invert(1)}
.gallery-site .site-header>nav{color:var(--muted)}
.gallery-site .site-header>nav a:hover{color:var(--ink)}
.gallery-site .button{background:var(--blue);color:#0b111b}
.gallery-site .button:hover{background:var(--blue-dark)}
.gallery-site .hero{background:var(--paper)}
.gallery-site .hero-main{grid-template-columns:.86fr 1.14fr;min-height:0;gap:44px;padding-block:48px 54px}
.gallery-site .hero-copy{padding-bottom:32px}
.gallery-site h1{font-weight:550;line-height:1.26;letter-spacing:-.055em}
.gallery-site .hero-copy>p{color:#bdc9d9;margin-top:28px}
.gallery-site .hero-copy .hero-note{font-size:var(--small);color:var(--muted);margin-top:26px}
.gallery-site .hero-copy .hero-source{font-size:var(--body);color:var(--blue);margin-top:8px}
.hero-source a{display:inline-block;padding-block:8px;overflow-wrap:anywhere}
.gallery-site .hero-actions{gap:26px;margin-top:34px}
.gallery-site .hero-actions>a:last-child{color:var(--ink)}
.gallery-site .image-explorer{min-width:0}
.gallery-site .hero-photo{transform:none;max-width:none;width:100%;margin:0;position:relative}
.gallery-site .photo-window{overflow:hidden;background:#172335}
.gallery-site .hero-photo img{width:100%;height:clamp(360px,32vw,500px);border-radius:0;object-fit:cover;object-position:center}
.gallery-site .hero-photo figcaption{display:flex;justify-content:space-between;gap:20px;text-align:left;font-size:var(--small);margin-top:14px;min-height:24px}
.gallery-site .hero-photo figcaption a{color:var(--muted);text-align:right}
.photo-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:23px}
.photo-choices button{display:grid;grid-template-columns:47px 1fr;align-items:center;gap:10px;background:var(--surface);color:var(--muted);border:0;padding:7px;text-align:center;font-size:var(--small);min-height:52px;transition:background-color 200ms,color 200ms}
.photo-choices button img{width:47px;height:40px;object-fit:cover;opacity:.65;transition:opacity 200ms}
.photo-choices button:hover,.photo-choices button[aria-pressed=true]{background:var(--blue-soft);color:var(--ink)}
.photo-choices button[aria-pressed=true] img,.photo-choices button:hover img{opacity:1}
.photo-choices button[aria-pressed=true] span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.gallery-site .hero-base{background:var(--surface);color:var(--ink)}
.gallery-site .provider-row{padding-block:26px}
.gallery-site .provider-row p{color:var(--muted)}
.gallery-site .provider-row ul{font-weight:500}
.gallery-site .section-heading>p,.gallery-site .scene-copy>p,.gallery-site .ownership-copy>p,.gallery-site .start-steps p{color:var(--muted)}
.gallery-site .scene-tabs{background:var(--surface)}
.gallery-site .scene-tabs button[aria-selected=true]{background:var(--blue);color:var(--paper)}
.gallery-site .scene-tabs button:hover{color:var(--ink)}
.gallery-site .scene-tabs button[aria-selected=true]:hover{color:var(--paper)}
.gallery-site .screens-stage{padding:42px 26px;background:#1b2c43}
.gallery-site .screens-stage figcaption{color:#c9d8eb}
.gallery-site .folder-target{background:#263f62}
.gallery-site .recovery{background:#c5d9ef;color:#101e30}
.gallery-site .recovery dd{color:#354c67}
.gallery-site .ownership{grid-template-columns:.85fr 1.15fr;gap:66px;padding-block:128px}
.gallery-site .photo-contact-sheet{grid-template-columns:1fr 1.15fr;gap:30px 22px}
.gallery-site .photo-contact-sheet figure:first-child{align-self:stretch}
.gallery-site .photo-contact-sheet figure:first-child img{height:calc(100% - 64px);aspect-ratio:auto;object-position:50% 65%}
.gallery-site .photo-contact-sheet img{aspect-ratio:1.55}
.gallery-site .photo-contact-sheet figcaption{font-size:var(--small);margin-top:12px;line-height:1.6}
.gallery-site .photo-contact-sheet figcaption span{display:block;color:var(--muted)}
.gallery-site .start{background:var(--surface)}
.gallery-site .start-steps li::marker{color:var(--blue)}
.gallery-site .release-note{background:var(--surface)}
.gallery-site .download-list article:nth-child(even){background:var(--surface)}
.gallery-site .faq details{background:var(--paper)}
.gallery-site .faq details p{color:var(--muted)}
.gallery-site .closing{position:relative;isolation:isolate;overflow:hidden;background:#0b111b}
.gallery-site .closing-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;z-index:-2}
.gallery-site .closing:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6);z-index:-1}
.gallery-site .closing-link{min-height:420px;align-items:center;padding-block:100px}
.gallery-site .closing-link h2{font-size:var(--heading);font-weight:550}
.gallery-site .closing-link>span{color:#fff}
.gallery-site .footer-wordmark{color:#a8bdd8;font-weight:500}

@media(max-width:1100px){
  .gallery-site .hero-main{gap:28px;grid-template-columns:.95fr 1.05fr;padding-block:40px}
  .gallery-site .hero-copy{padding-bottom:18px}
  .gallery-site .hero-photo img{height:370px}
  .gallery-site h1{font-size:clamp(38px,4.6vw,52px)}
  .photo-choices{gap:8px;margin-top:20px}
  .photo-choices button{grid-template-columns:1fr;gap:7px;padding:8px 5px;font-size:var(--small)}
  .photo-choices button img{width:100%;height:42px}
  .gallery-site .hero-photo figcaption{flex-direction:column;gap:2px}
  .gallery-site .hero-photo figcaption a{text-align:left}
  .gallery-site .ownership{gap:36px;padding-block:85px}
  .gallery-site .photo-contact-sheet{gap:18px 16px}
  .gallery-site .hero-actions{gap:20px}
}
@media(max-width:700px){
  .gallery-site{--display:clamp(38px,10.4vw,52px)}
  .gallery-site .site-header{min-height:80px}
  .gallery-site .hero-main{grid-template-columns:1fr;padding-block:36px 32px;gap:30px}
  .gallery-site .hero-copy{padding:0}
  .gallery-site h1{font-size:var(--display);line-height:1.25}
  .gallery-site .hero-copy>p{margin-top:22px}
  .gallery-site .hero-actions{gap:20px;margin-top:26px}
  .gallery-site .hero-copy .hero-note{margin-top:20px;font-size:var(--small)}
  .gallery-site .hero-photo img{height:270px;object-position:center}
  .gallery-site .hero-photo figcaption{font-size:var(--small);margin-top:12px;gap:1px}
  .photo-choices{gap:8px;margin-top:18px}
  .photo-choices button{padding:7px 5px 12px;gap:8px}
  .photo-choices button img{height:42px}
  .gallery-site .provider-row{padding-block:24px}
  .gallery-site .screens-stage{padding:28px 18px}
  .gallery-site .ownership{grid-template-columns:1fr;padding-block:64px;gap:36px}
  .gallery-site .photo-contact-sheet{grid-template-columns:1fr 1.15fr}
  .gallery-site .photo-contact-sheet img{aspect-ratio:1.35}
  .gallery-site .photo-contact-sheet figure:first-child img{height:calc(100% - 64px)}
  .gallery-site .closing-link{min-height:360px;padding-block:68px}
}