/*
================================================================================
Project Name:    AEGEAN-TURN/css/greece26.photographic.css
Concept & Scope: GREECE26 photographic sequences; original framing, restrained montage and responsive layouts.
Autor:           Theodor (Doc) Yemenis
Date created:    Not recorded in original source
Last modified:   2026-11-05 (URL, metadata, favicon and documentation maintenance)
Version:         1.0 (documentation baseline)
================================================================================
*/
/* Photographic edit / 05 November 2026.
   Original framing in the body; a short sequence per voyage, with space to look. */
.hero{min-height:760px;background:#467695}
.hero .hero-image{left:0;width:100%;height:100%;object-fit:cover;object-position:68% 56%;filter:none;opacity:1}
.hero::after{background:linear-gradient(90deg,rgba(22,54,77,.80),rgba(31,70,96,.52) 39%,rgba(40,80,110,.04) 79%),linear-gradient(0deg,rgba(18,48,69,.62),transparent 30%)}
.hero .hero-content{padding-block:70px 150px}
.hero h1{max-width:720px}
.hero .hero-intro{max-width:390px}
.editorial-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,60px);align-items:start;margin-top:55px}
.editorial-pair>.curated-photo:nth-child(2){margin-top:90px}
.curated-photo{margin:0;min-width:0}
.curated-photo .photo-link img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;filter:none}
.curated-photo .caption{display:flex;align-items:baseline;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;padding-top:14px;line-height:1.6;letter-spacing:.02em}
.curated-photo .caption>span{max-width:75%}
.passage-montage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,42px);align-items:start;margin-top:44px}
.passage-arrival{grid-template-columns:1.45fr .78fr .78fr}
.passage-arrival>.curated-photo:first-child{margin-top:58px}
.passage-arrival>.curated-photo:last-child{margin-top:105px}
.passage-helm>.curated-photo:nth-child(2){margin-top:65px}
.passage-helm>.curated-photo:nth-child(3){margin-top:130px}
.passage-night>.curated-photo:nth-child(2){margin-top:45px}
.passage-night>.curated-photo:nth-child(3){margin-top:90px}
.voyage+.voyage{margin-top:38px}
.pel-arrival{grid-template-columns:.8fr 1fr;gap:clamp(45px,8vw,150px);align-items:center;margin-top:65px}
.pel-arrival>.pel-route{align-self:start;margin-top:45px}
.pel-arrival>.pel-route li{padding-bottom:28px}
.sequence-heading{display:flex;align-items:center;gap:25px;margin-top:90px}
.sequence-heading .meta{color:var(--muted);font-size:11px;letter-spacing:.14em}
.sequence-rule{height:1px;background:var(--line);flex:1}
.fortress-pair{margin-top:35px}
.fortress-pair>.curated-photo:nth-child(2){margin-top:90px}
.coastal-pause{display:grid;grid-template-columns:1fr .7fr;gap:clamp(30px,6vw,100px);align-items:center;margin:75px 0 0 12%}
.image-margin-note{color:var(--muted)}
.image-margin-note .meta{display:block;font-size:11px;letter-spacing:.12em;margin-bottom:24px}
.image-margin-note>span:last-child{font-family:var(--serif);font-size:clamp(24px,3vw,38px);line-height:1.4}
.notes .field-diptych{gap:45px}
.notes .field-diptych .curated-photo:last-child{width:76%}
.still-interlude{margin:90px auto 0;max-width:980px;padding-top:40px;border-top:1px solid var(--line)}
.still-interlude .caption{justify-content:center;text-align:center}
.still-interlude .caption>span{max-width:100%}
@media(min-width:1600px){.hero{min-height:820px}}
@media(max-width:900px){
 .passage-montage{gap:22px}
 .passage-montage .caption{font-size:10px}
 .curated-photo .caption>span{max-width:100%}
 .curated-photo .caption time{font-size:10px}
 .pel-arrival{gap:45px}
}
@media(max-width:800px){
 .hero{min-height:720px}
 .hero .hero-image{left:0;width:100%;opacity:1;object-position:62% 50%}
 .hero::after{background:linear-gradient(90deg,rgba(22,54,77,.80),rgba(31,70,96,.22)),linear-gradient(0deg,rgba(18,48,69,.65),transparent 45%)}
 .hero .hero-content{padding-block:65px 145px}
 .pel-arrival{grid-template-columns:1fr .95fr;gap:35px}
 .pel-arrival>.pel-route{margin-top:0}
 .sequence-heading{margin-top:65px}
 .coastal-pause{margin-left:0;grid-template-columns:1fr .7fr}
}
@media(max-width:650px){
 .hero{min-height:700px}
 .hero .hero-image{object-position:62% 50%}
 .editorial-pair{grid-template-columns:1fr;gap:35px;margin-top:35px}
 .editorial-pair>.curated-photo:nth-child(2){width:88%;margin:0 0 0 auto}
 .passage-montage,.passage-arrival{grid-template-columns:1fr 1fr;gap:32px 20px}
 .passage-montage>.curated-photo:first-child{grid-column:1/-1;width:86%;margin:0 auto 5px 0}
 .passage-montage>.curated-photo:nth-child(2){margin:0}
 .passage-montage>.curated-photo:nth-child(3){margin:55px 0 0}
 .passage-arrival>.curated-photo:first-child{width:100%}
 .passage-montage .caption{font-size:11px}
 .voyage+.voyage{margin-top:20px}
 .pel-arrival{grid-template-columns:1fr;gap:25px}
 .pel-arrival>div:last-child{width:88%;margin-left:auto}
 .coastal-pause{grid-template-columns:1fr;gap:25px;margin-top:50px}
 .coastal-pause>.curated-photo{width:88%}
 .image-margin-note{padding-left:12%}
 .image-margin-note>span:last-child{font-size:25px}
 .image-margin-note>span:last-child br{display:none}
 .still-interlude{margin-top:55px}
}
@media print{.hero{min-height:450px}.hero .hero-image{opacity:.5}.passage-montage,.editorial-pair{break-inside:avoid}}