/* ======= Location page (final layout) ======= */
.lc-page { background: var(--hx-cream, #f6f2ec); position: relative; }
.lc figure { margin: 0; overflow: hidden; background: #e7e0d2; }
.lc figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lc p { margin: 0 0 22px; font-size: 17px; line-height: 1.85em; color: #4a4a4a; }
.lc h3 { font-family: var(--hx-serif); font-weight: 500; color: #887E6F; line-height: 1.2em; }
.lc ul { margin: 0 0 24px; padding-left: 20px; list-style: disc; }
.lc li { font-size: 16px; line-height: 1.8em; margin-bottom: 6px; color: #4a4a4a; }
.lc .hx-lead { font-size: clamp(19px,1.7vw,25px); }
.lc-no { display: block; font-family: var(--hx-serif); font-size: 15px; letter-spacing: 6px; color: #887E6F; margin-bottom: 18px; }
.lc > .hx-wrap:first-child { padding-top: 150px; }
.lc-band { margin: 120px 0 0; }
.lc-hl { padding-top: 150px; padding-bottom: 150px; }
.lc-hl .hx-narrow { margin-bottom: 80px; }
.lc .hx-h2 { margin: 0 0 30px; }

/* intro */
.lc-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.lc-intro-pics { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.lc-intro-pics figure { height: 640px; }
.lc-intro-pics figure:first-child { margin-top: 90px; }

/* numbered chapters */
.lc4-chapters { margin-top: 150px; }
.lc4-chap { display: grid; grid-template-columns: 1.25fr 1fr; align-items: center; margin-bottom: 140px; }
.lc4-chap figure { height: 80vh; min-height: 520px; }
.lc4-chap.flip { grid-template-columns: 1fr 1.25fr; }
.lc4-chap.flip figure { order: 2; }
.lc4-text { padding: 0 7vw; }
.lc4-num { display: block; font-family: var(--hx-serif); font-size: clamp(70px, 8vw, 130px); line-height: 1em; color: transparent; -webkit-text-stroke: 1px #887E6F; margin-bottom: 20px; }
.lc4-text p { font-size: clamp(17px, 1.4vw, 20px); }

/* highlight cards */
.lc1-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.lc1-box { background: #fff; padding: 44px 38px; border-top: 2px solid #887E6F; }
.lc1-box h3 { font-size: 24px; margin: 0 0 18px; }
.lc1-pic { min-height: 340px; }

/* Greek */
.lc-page.hx-el .hx-h2 { font-size: clamp(30px, 3.6vw, 56px); }
.lc-page.hx-el .lc1-box h3 { font-size: 21px; }
.lc-page.hx-el .lc4-num { font-weight: 300; }

@media (max-width: 991px) {
    .lc > .hx-wrap:first-child { padding-top: 90px; }
    .lc-band { margin-top: 80px; }
    .lc-hl { padding-top: 90px; padding-bottom: 90px; }
    .lc-intro { grid-template-columns: 1fr; gap: 50px; }
    .lc-intro-pics figure { height: 40vh; }
    .lc-intro-pics figure:first-child { margin-top: 0; }
    .lc4-chapters { margin-top: 80px; }
    .lc4-chap, .lc4-chap.flip { grid-template-columns: 1fr; margin-bottom: 70px; }
    .lc4-chap figure, .lc4-chap.flip figure { height: 44vh; min-height: 260px; order: 0; }
    .lc4-text { padding: 40px 24px 0; }
    .lc1-grid { grid-template-columns: 1fr; }
    .lc1-box { padding: 34px 26px; }
    .lc1-pic { min-height: 0; height: 40vh; }
    .lc-intro-txt, .lc4-text, .lc1-box { text-align: left; }
    .lc4-text { text-align: left; }
    .lc1-box ul { text-align: left; }
}
