/* Interior pages: calm sky and ridges behind the text, so no section sheets and no hero card here.
   The content panels get the same frosted material as the homepage cards so the pages read as one family. */
main section .glass{background:rgba(22,30,46,.55);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(255,255,255,.22);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
main section .ph{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
main section h2{max-width:none}
.copy h1{max-width:24ch}

/* panels run the section width; long reading text keeps a sane measure */
main section .objection,main section .faq,main section .rules,main section ol.build,main section .mistake,main section .month,main section .rows{max-width:none}
main section .prose p{max-width:90ch}

@media(prefers-reduced-transparency:reduce){
  main section .glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(12,19,34,.92)}
}

/* real photos in the example slots and the photography strip */
.example .shotlink{display:block}
.example img.shot,.photos img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.example img.shot{aspect-ratio:16/10;object-fit:cover}
.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.photos img{aspect-ratio:4/3;object-fit:cover}
@media(max-width:900px){.photos{grid-template-columns:1fr}}

.example img.shot.portrait{aspect-ratio:auto;max-height:720px;width:auto;max-width:100%;justify-self:center}

.lnk{color:#fff}