.area-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;padding-top:55px;padding-bottom:70px;align-items:center}.area-back{display:inline-block;font-size:12px;border-bottom:1px solid var(--gold);margin-bottom:40px}.area-hero h1{font-size:clamp(50px,5.4vw,78px);margin-bottom:30px}.area-intro{font-size:15px;line-height:1.95;color:var(--muted)}.area-hero .text-link{font-size:10px;letter-spacing:.04em}.area-hero figure{position:relative;margin:0;height:650px;overflow:hidden}.area-hero figure>img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.area-hero figure:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#183d3bc9);pointer-events:none}.area-hero figcaption{position:absolute;bottom:64px;left:28px;right:28px;z-index:1;color:white;font-size:10px;letter-spacing:.13em}.area-credit{font-size:9px;line-height:1.55;color:#53675f;display:block;padding:10px 0}.area-credit a{text-decoration:underline;text-underline-offset:2px}.area-hero .area-credit{position:absolute;bottom:18px;left:28px;right:28px;color:#fff;z-index:1;padding:0}.area-distances{padding:35px 0 75px}.area-distances>div:first-child{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.area-distances h2{font-size:45px;margin:0 0 40px}.distance-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;border-top:1px solid var(--gold);padding-top:27px}.distance-value{font:54px/1 var(--serif);letter-spacing:-.05em;display:block}.distance-value small{font:16px var(--sans);margin-left:4px;letter-spacing:0}.distance-approx{font-size:10px;display:block;color:var(--muted);min-height:28px;margin-top:8px}.distance-grid h3{font-size:24px;line-height:1.15;margin:12px 0}.distance-grid p{font-size:12px;line-height:1.85;color:var(--muted)}.area-distance-note{font-size:10px;line-height:1.8;color:var(--muted);margin:10px 0 0}.area-oldtown{background:#eae6da;padding:75px 0}.area-oldtown>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.area-oldtown figure{margin:0}.area-oldtown img{width:100%;height:470px;object-fit:cover;object-position:42% center}.area-oldtown figcaption{font-size:10px;padding-top:12px;color:var(--muted)}.area-oldtown h2{font-size:59px}.area-oldtown p:not(.eyebrow){font-size:14px;line-height:1.9;color:#5b6c61}.area-oldtown aside{border-top:1px solid #bdc7b9;padding-top:22px}.area-oldtown h3{font-size:30px;margin-bottom:14px}.area-places{padding-top:90px;padding-bottom:85px}.area-places>h2{margin-bottom:45px}.area-place-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 36px}.area-place{border-bottom:1px solid var(--line);padding-bottom:30px}.area-place figure{margin:0}.area-place img{width:100%;height:380px;object-fit:cover}.area-place-0 img{object-position:50% 55%}.area-place-1 img{object-position:50% 55%}.area-place-3 img{object-position:50% 64%}.area-place-5 img{object-position:50% 64%}.area-place>div{padding-top:15px}.area-place .eyebrow{margin-bottom:12px}.area-place h3{font-size:36px;line-height:1.15;margin-bottom:20px}.area-place p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:16px}.area-day{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start;padding-bottom:95px}.area-day-photo>img{width:100%;height:660px;object-fit:cover}.area-day h2{font-size:50px;margin-bottom:30px}.area-day ol{list-style:none;padding:0;margin:0}.area-day li{border-top:1px solid var(--line);padding-top:18px;margin-bottom:24px}.area-day li>span{font-size:10px;letter-spacing:.12em;color:#94794e}.area-day h3{font-size:27px;margin:8px 0 12px}.area-day p{font-size:13px;color:var(--muted)}.area-beyond{background:var(--ink);color:var(--paper);padding:75px 0}.area-beyond .wrap{max-width:850px;text-align:center}.area-beyond h2{font-size:57px}.area-beyond h2 em{color:#dfc39b}.area-beyond p:not(.eyebrow){font-size:15px;line-height:1.9;color:#d3dace}.area-practical{padding-top:85px;padding-bottom:65px}.area-practical h2{font-size:49px}.area-practical>div{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:35px 0}.area-practical article{border-top:1px solid var(--gold);padding-top:20px}.area-practical article>span{font:22px var(--serif);color:#aa8e61}.area-practical h3{font-size:29px;margin:15px 0}.area-practical article p{font-size:13px;line-height:1.9;color:var(--muted)}.area-sources{font-size:11px;padding:20px 0 40px;border-top:1px solid var(--line)}.area-sources summary{cursor:pointer}.area-sources p{margin:15px 0}.area-sources a{text-decoration:underline;text-underline-offset:3px}.area-sources li{padding:4px 0}
@media(max-width:1100px){.area-hero{gap:6%;padding-top:40px}.area-hero h1{font-size:58px}.area-hero figure{height:600px}.distance-grid{gap:18px}.distance-grid h3{font-size:22px}.area-oldtown h2{font-size:47px}.area-place h3{font-size:32px}.area-day h2{font-size:42px}.area-day-photo>img{height:620px}}
@media(max-width:760px){.area-hero{grid-template-columns:1fr;gap:30px;padding-top:30px;padding-bottom:45px}.area-back{margin-bottom:30px}.area-hero h1{font-size:45px}.area-intro{font-size:14px}.area-hero figure{height:480px}.area-hero figcaption{left:22px;right:22px;font-size:9px}.area-hero .area-credit{left:22px;right:22px}.area-distances{padding:10px 0 45px}.area-distances>div:first-child{display:block}.area-distances h2{font-size:38px;margin-bottom:30px}.distance-grid{grid-template-columns:1fr 1fr;gap:18px 24px}.distance-value{font-size:46px}.distance-grid article:last-child{grid-column:1/-1;max-width:290px}.distance-grid h3{font-size:25px}.area-oldtown{padding:45px 0}.area-oldtown>.wrap{grid-template-columns:1fr;gap:35px}.area-oldtown img{height:260px}.area-oldtown h2{font-size:44px}.area-places{padding-top:55px;padding-bottom:50px}.area-places>h2{font-size:40px}.area-place-grid{grid-template-columns:1fr;gap:35px}.area-place img{height:350px}.area-place-3 img,.area-place-5 img{height:440px}.area-place h3{font-size:32px}.area-day{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.area-day-photo>img{height:320px}.area-day h2{font-size:40px}.area-beyond{padding:50px 0}.area-beyond h2{font-size:42px}.area-beyond p:not(.eyebrow){font-size:14px}.area-practical{padding-top:50px;padding-bottom:40px}.area-practical h2{font-size:39px}.area-practical>div{grid-template-columns:1fr;gap:15px}.area-practical .button{gap:15px;width:100%}}