:root{--bg:#efe3d2;--ink:#2a241d;--wood:#8e5638;--cream:#fff8ec;--blue:#4e6f7a;--line:#d1b896}
*{box-sizing:border-box}body{margin:0;overflow-x:hidden;background:linear-gradient(180deg,#fff6e6,var(--bg));font-family:Arial,Helvetica,sans-serif;color:var(--ink)}img{display:block;max-width:100%}a{color:inherit}header,main,footer{width:min(1180px,calc(100% - 30px));margin:auto}header nav{min-height:76px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:6px double var(--wood)}header a{text-decoration:none;color:var(--wood);font-weight:900}header .brand{font-family:Georgia,serif;font-size:32px;margin-right:auto;color:var(--blue);font-weight:520}header a.active,header a:hover{color:var(--blue)}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--blue);font-weight:900;font-size:12px;margin:0 0 12px}h1,h2{font-family:Georgia,serif;line-height:1.02;letter-spacing:-.05em;margin:0}h1{font-size:clamp(46px,7.6vw,96px)}h2{font-size:clamp(31px,5vw,58px)}p{line-height:1.7;color:#61584f}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,470px);gap:40px;align-items:center;padding:52px 0}.hero img{width:100%;aspect-ratio:4/5;object-fit:cover;border:14px solid var(--cream);box-shadow:14px 14px 0 var(--line);border-radius:18px 18px 96px 18px}
.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:52px}.route-grid a{min-width:0;text-decoration:none;background:var(--cream);border:1px solid var(--line);padding:22px;display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.route-grid b{font-family:Georgia,serif;font-size:28px;line-height:1.05}.route-grid span{font-weight:900;color:var(--line);font-size:32px}.note,.legal{background:var(--blue);color:#fff;padding:32px;margin-bottom:52px}.note p,.legal p{color:#f4eee3}
.page{display:grid;grid-template-columns:minmax(330px,470px) minmax(0,1fr);gap:38px;align-items:center;padding:52px 0}.page img{width:100%;aspect-ratio:4/5;object-fit:cover;border:14px solid var(--cream);box-shadow:14px 14px 0 var(--line)}
footer{border-top:6px double var(--wood);padding:26px 0 34px;margin-bottom:24px}footer b{font-family:Georgia,serif;font-size:32px;color:var(--blue);font-weight:520}footer nav{display:flex;gap:14px;flex-wrap:wrap}footer nav a{color:var(--wood)}
@media(max-width:900px){header .brand{width:100%;margin-right:0}.hero,.page{grid-template-columns:1fr}.hero img,.page img{aspect-ratio:16/10}.route-grid{grid-template-columns:1fr}}