/* FRAMEHUNT 4.0 · A visible, varied photo atlas instead of a hidden horizontal strip. */
.gallery-max-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;overflow:visible;padding:0;scroll-snap-type:none}
.gallery-max-wall .editorial-tile{min-width:0;height:clamp(190px,22vw,300px);border-radius:16px;box-shadow:0 12px 34px #0005}
.gallery-max-wall .editorial-tile:nth-child(10n+1),.gallery-max-wall .editorial-tile:nth-child(10n+7){grid-row:span 1;height:clamp(230px,26vw,340px)}
.gallery-max-wall .editorial-tile img{filter:saturate(1.08);background:#15231a}
.gallery-max-wall .editorial-tile-copy{right:12px;left:12px;bottom:12px}
.gallery-max-wall .editorial-tile-copy small{font-size:9px}
.gallery-max-wall .editorial-tile-copy strong{font-size:15px}
.gallery-max-wall .editorial-tile-copy em{font-size:10px}
.editorial-head{margin-bottom:20px}
.editorial-head h2{font-size:clamp(30px,4vw,48px)}
.editorial-head p{line-height:1.7}
.region-jump{margin-top:18px;padding:12px 0 20px;border-bottom:1px solid #ffffff16}
.region-jump button{min-height:42px}
@media(max-width:900px){.gallery-max-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.gallery-max-wall .editorial-tile{height:250px}.gallery-max-wall .editorial-tile:nth-child(10n+1),.gallery-max-wall .editorial-tile:nth-child(10n+7){height:270px}}
@media(max-width:520px){.gallery-max-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gallery-max-wall .editorial-tile{height:220px;min-width:0;border-radius:13px}.gallery-max-wall .editorial-tile:nth-child(10n+1),.gallery-max-wall .editorial-tile:nth-child(10n+7){height:255px}.gallery-max-wall .editorial-tile-copy{right:9px;left:9px;bottom:9px}.gallery-max-wall .editorial-tile-copy strong{font-size:13px}.gallery-max-wall .editorial-tile-copy em{font-size:9px}.editorial-head h2{font-size:30px}.editorial-head p{font-size:12px}.region-jump{gap:7px}}

/* Brand and discovery controls polish */
header .brand{letter-spacing:0;font-size:17px;line-height:1.2}header .brand small{letter-spacing:.02em;font-size:11px;margin-top:3px}.hero{margin-bottom:22px}.category-ribbon{position:relative;margin-top:0}.filters{padding:16px;border:1px solid #ffffff17;border-radius:18px;background:linear-gradient(135deg,#14221d,#101815);box-shadow:0 14px 38px #0003}.filters>input{border-radius:13px!important;min-height:54px!important;background:#0b1411!important;border-color:#ffffff26!important}.discovery-tools{margin:14px 0 20px}.results-heading{margin-top:25px}.editorial{margin-top:4px}.editorial-tile{transition:transform .2s ease,box-shadow .2s ease}.editorial-tile:hover{transform:translateY(-4px);box-shadow:0 18px 38px #0008}
@media(max-width:520px){header .brand{font-size:14px}header .brand small{font-size:10px}.filters{padding:12px;border-radius:15px}.hero{height:430px}.hero-image{object-position:58% center}}
/* Water photograph brand mark */
header .mark{background-color:#124b53;background-image:linear-gradient(135deg,rgba(3,18,24,.14),rgba(1,12,19,.25)),url("photos/featured-8bdeefa345115f57.jpg");background-size:cover;background-position:center 52%;color:#fff;text-shadow:0 1px 5px #001016;border:1px solid #b9ecdf85;box-shadow:0 5px 18px #061c1b88,inset 0 0 0 1px #ffffff25;}

/* The waterfall photo is the brand mark; no glyph overlay. */
header .mark{position:relative;display:inline-block;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background-color:#07515a;background-image:linear-gradient(180deg,rgba(5,21,26,.02) 36%,rgba(2,15,18,.18)),url("photos/featured-8bdeefa345115f57.jpg");background-size:cover;background-position:center 52%;font-size:0;line-height:0;letter-spacing:0;border:1px solid #c6f5e6;box-shadow:0 0 0 2px #09211b,0 7px 20px #0008,inset 0 1px #ffffff85;text-shadow:none;overflow:hidden}
header .mark::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,#ffffff38,transparent 43%,#00171b1c);pointer-events:none}
@media(max-width:520px){header .mark{flex-basis:40px;width:40px;height:40px;border-radius:13px}}

/* Render the water mark as a real image so it is never lost to CSS caching. */
header .mark{padding:0;overflow:hidden;background:#07515a;border:1px solid #c6f5e6;box-shadow:0 0 0 2px #09211b,0 7px 20px #0008,inset 0 1px #ffffff85}
header .mark-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%;border-radius:inherit}
