/* Aurora Sailing · impression · assets/impression.css · V1-0 · 2026-11-11 */
:root{
  --bg:#2E4057; --ink:#F5F7F4; --muted:#A9B6AC; --focus:#50E040;
  --wrap:min(960px, calc(100vw - 32px));
  --gap:max(64px, min(13.333vw, 128px));            /* about a fifth of a landscape card's height */
  --lift:0 1px 2px rgba(0,0,0,.25), 0 12px 32px rgba(0,0,0,.28);
  color-scheme:dark; box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:inherit}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Lato,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--muted);text-decoration:none}
a:hover{color:var(--ink)}
a:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:2px}
.wrap{width:var(--wrap);margin:0 auto}
.top{padding:clamp(20px,4vw,44px) 0 clamp(24px,4vw,52px)}
.top a{display:inline-block}
.top img{height:clamp(30px,4vw,42px);width:auto;display:block}
.card{display:block;margin:0 auto var(--gap);width:min(100%, calc(78vh * var(--ar)))}
.card img{display:block;width:100%;height:auto;box-shadow:var(--lift);background:#fff}
.empty{color:var(--muted);text-align:center;padding:20vh 0}
.more{height:1px}
footer{text-align:center;padding:8px 0 72px;font-size:14px}
footer img{height:28px;width:auto;display:block;margin:0 auto 20px}
footer a{margin:0 14px}
/* single card */
.single{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:28px 0}
.single .card{margin:0 auto;width:min(100%, calc(80vh * var(--ar)))}
.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;width:min(100%, calc(80vh * var(--ar)));margin:24px auto 0;font-size:15px}
.nav .port{justify-self:start} .nav .stbd{justify-self:end}
.home{text-align:center;margin-top:36px;font-size:13px}
@media (prefers-reduced-motion:no-preference){ .card img{transition:opacity .4s} .card img.loading{opacity:0} }