/* be.going — shared styles for every trip page. The home page keeps its own styles inline. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
img{max-width:100%}
[hidden]{display:none!important}

:root{
  --bg:#eceeef; --surface:#e2e5e7; --ink:#1c2125; --muted:#5d666d; --rule:#cfd4d8; --brick:#9b4532;
  --display:"Gloock",Georgia,"Times New Roman",serif;
  --body:"Karla",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#15191c; --surface:#1d2226; --ink:#e7eaec; --muted:#98a2a9; --rule:#2c3338; --brick:#d0735c; color-scheme:dark}}
:root[data-theme="dark"]{--bg:#15191c; --surface:#1d2226; --ink:#e7eaec; --muted:#98a2a9; --rule:#2c3338; --brick:#d0735c; color-scheme:dark}

body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.wrap{max-width:1180px;margin:0 auto;padding-block:28px 72px;display:flex;flex-direction:column;gap:64px}

.bar{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--rule);padding-block:0 14px}
.mark{font-family:var(--display);font-size:1.35rem;letter-spacing:.01em}
.mark b{color:var(--brick);font-weight:400}
.bar span{font-family:var(--mono);font-size:.75rem;color:var(--muted);letter-spacing:.04em}

.intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:end}
.intro h1{font-family:var(--display);font-weight:400;font-size:clamp(3rem,9vw,6.5rem);line-height:.95;margin:0;text-wrap:balance;letter-spacing:-.01em}
.place{margin:14px 0 0;font-size:1.1rem;color:var(--muted)}
.place em{font-style:normal;color:var(--ink)}
.facts{margin:0;display:grid;gap:12px;border-left:2px solid var(--brick);padding:4px 0 4px 18px}
.facts div{display:grid;gap:2px}
.facts dt{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.facts dd{margin:0;font-size:.98rem}

.set{display:flex;flex-direction:column;gap:14px}
.set-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding-block:0 6px}
.set-head h2{font-family:var(--display);font-weight:400;font-size:1.9rem;margin:0}
.set-head p{margin:0;color:var(--muted);font-size:.95rem}
.part{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--brick);margin:0 0 -6px}
.note{margin:-4px 0 0;max-width:38em;color:var(--muted)}
.leg{margin:12px 0 -8px;font-family:var(--display);font-size:1.25rem;color:var(--muted);padding-block:10px 0;border-top:1px solid var(--rule)}
.soon{border:1px dashed var(--rule);border-radius:2px;padding:20px;color:var(--muted);font-size:.92rem}
.row{display:flex;gap:14px}
figure{margin:0;min-width:0;display:flex;flex-direction:column;gap:6px}
.ph{display:block;width:100%;max-width:100%;padding:0;border:0;background:var(--surface);cursor:zoom-in;overflow:hidden;border-radius:2px}
.ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.ph:hover img{transform:scale(1.015)}
.ph:focus-visible{outline:2px solid var(--brick);outline-offset:3px}
figcaption{font-size:.8rem;color:var(--muted)}

footer{border-top:1px solid var(--rule);padding-block:14px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}

dialog{border:0;padding:0;max-width:100vw;max-height:100vh;width:100vw;height:100vh;background:#0c0e10;color:#e7eaec}
dialog[open]{display:flex;flex-direction:column}
dialog::backdrop{background:#0c0e10}
.lb-img{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) 16px 0}
.lb-img img{max-width:100%;max-height:100%;object-fit:contain}
.lb-bar{display:flex;align-items:center;gap:12px;padding:14px max(16px,env(safe-area-inset-right,0px)) max(14px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.lb-cap{flex:1;min-width:0;font-size:.9rem}
.lb-n{font-family:var(--mono);font-size:.75rem;color:#98a2a9}
.lb-bar button{font:inherit;font-size:.9rem;background:transparent;color:#e7eaec;border:1px solid #3a4248;border-radius:2px;padding:8px 12px;cursor:pointer}
.lb-bar button:hover,.lb-bar button:focus-visible{border-color:#d0735c;outline:none}

@media (max-width:720px){
  .wrap{gap:48px}
  .intro{grid-template-columns:minmax(0,1fr)}
  .row{flex-direction:column}
  figure{flex:none!important}
}
@media (prefers-reduced-motion:reduce){.ph img{transition:none}}

/* Added for the live site */
a.mark{color:inherit;text-decoration:none}
a.mark:focus-visible{outline:2px solid var(--brick);outline-offset:4px}
.soon a,.note a{color:var(--brick)}
.lb-share{white-space:nowrap}
.lb-toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);background:#1d2226;color:#e7eaec;border:1px solid #3a4248;border-radius:2px;padding:8px 14px;font-size:.85rem;pointer-events:none;opacity:0;transition:opacity .2s}
.lb-toast.on{opacity:1}
@media (max-width:520px){.lb-bar{flex-wrap:wrap}.lb-cap{order:-1;flex-basis:100%}}
.lb-bar .lb-heart{font-size:1.1rem;line-height:1;padding:7px 11px;min-width:42px}
.lb-bar .lb-heart[aria-pressed="true"]{color:#d0735c;border-color:#d0735c}
@media(max-width:520px){.lb-bar{gap:8px}.lb-bar button{padding:8px 10px}.lb-bar .lb-heart{min-width:0;padding:7px 10px}}