.patmos-main { width:min(1160px,90vw); margin:0 auto; padding:clamp(8rem,13vw,11rem) 0 5rem; }
.patmos-hero { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(2rem,4vw,4rem); align-items:center; margin-bottom:clamp(3rem,7vw,6rem); }
.patmos-hero h1 { margin:.1em 0 .1em; font:400 clamp(5rem,10vw,10rem)/.9 var(--display); text-transform:uppercase; }
.patmos-hero__deck { max-width:15ch; margin:0; color:var(--cobalt); font:700 clamp(2rem,3.3vw,3.6rem)/1 var(--notes); transform:rotate(-2deg); }
.patmos-hero__postcard { width:100%; height:auto; transform:rotate(2deg); filter:drop-shadow(9px 13px 9px rgb(41 43 35 / .16)); }
.patmos-story { max-width:980px; margin:auto; }
.patmos-opening { max-width:770px; margin:0 auto 5rem; font:clamp(1.35rem,1.7vw,1.65rem)/1.43 "Alegreya", Georgia, serif; }
.patmos-opening p { margin:0 0 1.25rem; }
.patmos-opening p:first-child { font-size:clamp(1.65rem,2.25vw,2rem); line-height:1.28; }
.patmos-story a:not(.paper-button) { color:var(--cobalt); text-underline-offset:.16em; text-decoration-thickness:1px; }
.patmos-chapter { display:grid; grid-template-columns:110px minmax(0,1fr); gap:clamp(1rem,4vw,3.5rem); max-width:900px; margin:0 auto clamp(4rem,7vw,6rem); }
.patmos-chapter__number { padding-top:.6rem; color:var(--clay); font:2.6rem/1 var(--display); transform:rotate(-7deg); }
.patmos-chapter h2 { margin:0 0 1.25rem; font:400 clamp(3.3rem,6vw,6rem)/.98 var(--display); }
.patmos-chapter p { max-width:680px; margin:0 0 1.1rem; font:clamp(1.4rem,1.9vw,1.75rem)/1.2 var(--notes); }
.patmos-chapter__number + div { min-width:0; }
.patmos-short-lines { margin-top:2rem !important; color:var(--olive); font-weight:700 !important; transform:rotate(-1deg); }
.patmos-chapter--sea { transform:translateX(2%); }
.patmos-chapter--walk { transform:translateX(-1%); }
.patmos-chapter--do .ink-link { display:inline-block; margin-top:.6rem; font:700 1.5rem/1.1 var(--notes); }
.patmos-chapter--stay { margin-bottom:1rem; padding:clamp(1.5rem,4vw,3rem); background:#dce1d5; clip-path:polygon(1% 1%,24% 0,50% 1%,75% 0,99% 1%,100% 25%,99% 51%,100% 75%,99% 99%,73% 100%,49% 99%,24% 100%,0 99%,1% 73%,0 48%,1% 24%); }
.patmos-chapter--stay .paper-button { margin-top:1rem; text-decoration:none; }
@media(max-width:760px) {
  .patmos-main { width:min(100% - 2rem,610px); padding-top:8rem; }
  .patmos-hero { grid-template-columns:1fr; gap:1rem; }
  .patmos-hero h1 { font-size:clamp(4.5rem,17vw,7rem); }
  .patmos-hero__deck { max-width:none; font-size:clamp(2rem,8vw,3rem); }
  .patmos-hero__postcard { width:min(100%,550px); margin:1rem auto 0; }
  .patmos-opening { margin-bottom:4rem; }
  .patmos-chapter { grid-template-columns:1fr; gap:.4rem; margin-bottom:4rem; }
  .patmos-chapter__number { padding:0; font-size:2rem; }
  .patmos-chapter--sea,.patmos-chapter--walk { transform:none; }
  .patmos-chapter--stay { padding:2rem 1.5rem; }
}
/* Island photos: web-sized postcards and a quiet, rotating camera roll. */
.patmos-aerial { margin:2.5rem -4rem 3rem; padding:.65rem .65rem .85rem; background:#fffaf2; box-shadow:4px 7px 14px #292b231a; transform:rotate(-1deg); }
.patmos-aerial img { display:block; width:100%; height:auto; }
.patmos-aerial figcaption { padding:.6rem .4rem 0; text-align:center; font:1.45rem/1.1 var(--notes); }
.patmos-mini-gallery { margin:0 auto 5rem; }
.patmos-mini-gallery h2,.patmos-winter h2 { margin:.3rem 0 1rem; font:400 clamp(2.6rem,4vw,4rem)/1 var(--display); }
.patmos-gallery-hint { font:1.5rem/1.2 var(--notes); margin:0 0 2rem; }
.patmos-mini-gallery__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.25rem; align-items:start; padding:.5rem; }
.patmos-pola { appearance:none; display:block; width:100%; padding:.6rem .6rem .9rem; border:0; border-radius:0; color:var(--ink); background:#fffaf2; box-shadow:4px 7px 14px #292b2324; transform:rotate(-2deg); cursor:zoom-in; transition:transform .25s; }
.patmos-pola:nth-child(2) { transform:rotate(2deg) translateY(.65rem); }
.patmos-pola:nth-child(3) { transform:rotate(-1deg); }
.patmos-pola:nth-child(4) { transform:rotate(2deg) translateY(.3rem); }
.patmos-pola:hover { transform:rotate(0) translateY(-.25rem); }
.patmos-pola:focus-visible { outline:2px solid var(--cobalt); outline-offset:6px; }
.patmos-pola__image { display:block; position:relative; aspect-ratio:4/3; overflow:hidden; background:#e9e4da; }
.patmos-pola__image img { display:block; width:100%; height:100%; object-fit:cover; transition:opacity .7s; }
.patmos-pola__image img.patmos-preview-next { position:absolute; inset:0; opacity:0; }
.patmos-pola__image img.patmos-preview-next.is-visible { opacity:1; }
.patmos-pola__caption { display:block; padding:.75rem .1rem .2rem; font:1.25rem/1.1 var(--notes); }
.patmos-winter { display:grid; grid-template-columns:1.3fr 1fr; align-items:center; gap:2.5rem; margin:0 auto 5rem; padding:2.5rem; background:#f8f0df; box-shadow:2px 5px 12px #292b2310; clip-path:polygon(0 .6%,16% 0,33% .4%,50% 0,68% .6%,85% 0,100% .8%,99.5% 33%,100% 66%,99.4% 100%,82% 99.4%,65% 100%,48% 99.4%,31% 100%,15% 99.5%,0 100%,.6% 66%,0 33%); }
.patmos-winter p:not(.eyebrow) { font:1.55rem/1.2 var(--notes); }
.patmos-winter .patmos-pola { transform:rotate(3deg); }
.patmos-viewer { position:fixed; inset:0; width:100vw; height:100dvh; max-width:none; max-height:none; margin:0; padding:1.5rem; border:0; background:#201f1b; color:#fffaf2; }
.patmos-viewer::backdrop { background:#201f1b; }
.patmos-viewer[open] { display:grid; grid-template-columns:50px minmax(0,1fr) 50px; align-items:center; }
.patmos-viewer figure { margin:0; text-align:center; min-width:0; }
.patmos-viewer img { display:block; margin:auto; max-width:100%; max-height:calc(100dvh - 8rem); width:auto; height:auto; object-fit:contain; }
.patmos-viewer figcaption { font:1.4rem/1.2 var(--notes); margin-top:.8rem; }
.patmos-viewer__count { display:block; font:1rem/1.3 var(--notes); color:#d7d1c4; margin-top:.3rem; }
.patmos-viewer button { appearance:none; border:0; box-shadow:none; background:transparent; color:inherit; font:3rem/1 var(--notes); min-width:44px; min-height:44px; cursor:pointer; }
.patmos-viewer button:focus-visible { outline:2px solid #fffaf2; outline-offset:3px; }
.patmos-viewer__close { position:absolute; right:1rem; top:.6rem; }
@media(max-width:760px) { .patmos-aerial { margin:2rem 0; } .patmos-mini-gallery__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; } .patmos-winter { grid-template-columns:1fr; gap:1.3rem; padding:1.6rem; } .patmos-winter .patmos-pola { max-width:320px; margin:.6rem auto; } .patmos-pola__caption { font-size:1.15rem; } .patmos-viewer { padding:.5rem; } .patmos-viewer[open] { grid-template-columns:35px minmax(0,1fr) 35px; } .patmos-viewer button { min-width:32px; } }
@media(prefers-reduced-motion:reduce) { .patmos-pola,.patmos-pola__image img { transition:none; } }

/* Photo clicks advance; the final photo closes the gallery. */
.patmos-viewer img { cursor: pointer; }
.patmos-viewer img:focus-visible { outline: 2px dashed #fff; outline-offset: 4px; }
.patmos-viewer__prev:disabled { opacity: .35; cursor: default; }