@font-face{font-family:Newsreader;src:url('/assets/newsreader-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Newsreader;src:url('/assets/newsreader-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
:root{color-scheme:light;--cream:#eee7d9;--charcoal:#36332e;--brown:#796a58;--gold:#b39a68}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--charcoal);font-family:Arial,Helvetica,sans-serif}
::selection{background:var(--gold);color:var(--charcoal)}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}
a:focus-visible{outline:2px solid var(--charcoal);outline-offset:5px}
main{min-height:100svh;display:grid;grid-template-columns:45% 55%;max-width:1600px;margin:auto}
.portrait{background:#24221d;display:flex;align-items:center;justify-content:center;padding:50px}
.portrait img{width:100%;max-width:570px;height:auto;display:block}
.content{padding:clamp(40px,6vw,96px);align-self:center}
h1{font:500 clamp(44px,4.4vw,68px)/1.04 Newsreader,Georgia,serif;letter-spacing:-.025em;margin:0 0 26px}
h1 span{font-size:.48em;letter-spacing:.08em;white-space:nowrap}
.motto{font:400 clamp(27px,2.6vw,38px)/1.15 Newsreader,Georgia,serif;margin:0 0 22px;text-wrap:balance}
.intro{font-size:16px;line-height:1.65;max-width:42ch;margin:0 0 36px}
nav{border-top:1px solid var(--brown)}
.destination{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:87px;padding:18px 0;text-decoration:none;border-bottom:1px solid var(--brown);transition:color .18s ease-out,border-color .18s ease-out}
.destination strong{display:block;font-size:17px;font-weight:500}
.destination small{display:block;font-size:13px;margin-top:7px;line-height:1.4}
.destination svg{flex-shrink:0;transition:transform .18s ease-out}
.destination:hover,.destination:focus-visible{color:#61513b;border-color:var(--gold)}
.destination:hover svg{transform:translateX(4px)}
.primary strong{font-weight:700}
footer{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:36px;font-size:12px;line-height:1.5}
footer a{min-height:44px;display:inline-flex;align-items:center}
footer span{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:760px){main{display:block}.portrait{padding:24px}.portrait img{width:145px}.content{padding:32px 26px}h1{font-size:43px;margin-bottom:18px}.motto{font-size:29px;margin-bottom:16px}.intro{font-size:15px;margin-bottom:26px}.destination{min-height:78px;padding:15px 0}footer{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.destination,.destination svg{transition:none}.destination:hover svg{transform:none}}