/* =====================================================================
   THE HOMEPAGE'S STYLES  -  /app/home/home.css
   For the homepage the site's own builder writes (/app/build-pages.php) and
   the Places page, which takes the homepage's travel layout. The same rules
   home.js used to carry inside itself.
   ===================================================================== */
@font-face{font-family:chm-helv;src:url(/resources/fonts/helvetica.ttf) format("truetype");font-display:swap}
@font-face{font-family:chm-helvb;src:url(/resources/fonts/helvetica-bold.ttf) format("truetype");font-display:swap}
#chm{max-width:1096px;margin:0 auto;padding:36px 24px 20px;color:#21282e}
#chm a{color:inherit;text-decoration:none}
#chm .chm-k{font:400 10.5px/1.2 chm-helv,Helvetica,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8a6d3b;margin:0}
#chm .chm-k span{color:#7b8187;letter-spacing:.02em;text-transform:none;font-size:12px}
#chm .chm-s{font:400 13px/1.4 chm-helvb,Helvetica,Arial,sans-serif;color:#21282e;margin:7px 0 0}
#chm .chm-d{font:400 14px/1.5 chm-helv,Helvetica,Arial,sans-serif;color:#5d6268;margin:6px 0 0}
#chm .chm-lead{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:52px;align-items:center;padding-bottom:56px;border-bottom:1px solid #e7e3dc}
#chm .chm-cover{position:relative;display:block;border-radius:3px;overflow:hidden;box-shadow:0 14px 34px rgba(20,22,25,.16);background:#f1efeb}
#chm .chm-cover img,#chm .chm-cover video{width:100%;height:auto;display:block}
#chm .chm-cover video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}
#chm .chm-cover video.off{transition:opacity 1.4s ease;opacity:0}
#chm .chm-play{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:rgba(20,22,25,.55);border:1.5px solid rgba(255,255,255,.85);cursor:pointer;z-index:2}
#chm .chm-play::before{content:"";position:absolute;left:25px;top:19px;border-style:solid;border-width:12px 0 12px 19px;border-color:transparent transparent transparent #fff}
#chm .chm-lead h1{font:400 54px/1.06 "Playfair Display",Georgia,serif;letter-spacing:-.02em;margin:12px 0 0}
#chm .chm-lead h1 a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
#chm .chm-lead .chm-k{font-size:11.5px}
#chm .chm-lead .chm-s{font-size:17px;line-height:1.4;margin-top:14px}
#chm .chm-lead .chm-d{font-size:16px;line-height:1.55;margin-top:10px}
#chm .chm-read,#chm .chm-all{display:inline-flex;align-items:center;gap:12px;margin-top:22px;font:400 11.5px/1 chm-helv,Helvetica,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8a6d3b}
#chm .chm-read i,#chm .chm-all i{width:30px;height:30px;border:1px solid #cfcac2;border-radius:50%;display:grid;place-items:center}
#chm .chm-read i::before,#chm .chm-all i::before{content:"";width:6px;height:6px;border-right:1.5px solid #21282e;border-top:1.5px solid #21282e;transform:translateX(-1px) rotate(45deg)}
#chm .chm-row{padding:54px 0 10px}
#chm .chm-sh{text-align:center;margin:0 0 30px}
#chm .chm-fig{height:96px;width:auto;display:block;margin:0 auto 12px}
#chm .chm-sh h2{font:400 34px/1.1 "Playfair Display",Georgia,serif;margin:0}
#chm .chm-tag{font:italic 500 19px/1.35 "Cormorant Garamond",Georgia,serif;color:#5d6268;margin:4px 0 0}
#chm .chm-all{margin-top:12px}
#chm .chm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
#chm .chm-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:3px;background:#f1efeb}
#chm .chm-card .chm-k{margin-top:12px}
#chm .chm-card h3{font:400 22px/1.22 "Playfair Display",Georgia,serif;margin:6px 0 0}
#chm .chm-card:hover h3{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
#chm .chm-card.big{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:34px;align-items:center;margin:0 0 34px;padding-bottom:34px;border-bottom:1px solid #eeeae4}
#chm .chm-card.big .chm-k{margin-top:0}
#chm .chm-card.big.flip{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
#chm .chm-card.big.flip img{order:2}
#chm .chm-card.big h3{font-size:34px;line-height:1.12}
#chm .chm-card.big .chm-s,#chm .chm-card.big .chm-d{font-size:15px}
#chm .chm-row:not(.chm-punchrow) .chm-grid .chm-s,#chm .chm-fp-list .chm-s,#chm .chm-tr-row .chm-s{display:none}
@media (max-width:760px){#chm{padding:22px 20px 10px}
#chm .chm-lead{grid-template-columns:1fr;gap:26px;padding-bottom:40px}
#chm .chm-cover{max-width:300px;margin:0 auto;width:100%}
#chm .chm-lead h1{font-size:36px}
#chm .chm-lead .chm-s{font-size:15px}
#chm .chm-lead .chm-d{font-size:15px}
#chm .chm-row{padding:40px 0 4px}
#chm .chm-fig{height:76px}
#chm .chm-sh h2{font-size:28px}
#chm .chm-card.big{grid-template-columns:1fr;gap:0;margin-bottom:20px;padding-bottom:0;border-bottom:0}
#chm .chm-card.big.flip{grid-template-columns:1fr}
#chm .chm-card.big.flip img{order:0}
#chm .chm-card.big .chm-k{margin-top:12px}
#chm .chm-card.big h3{font-size:27px}
#chm .chm-grid{grid-template-columns:1fr;gap:0;border-top:1px solid #eeeae4}
#chm .chm-grid .chm-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid #eeeae4}
#chm .chm-grid .chm-card img{border-radius:2px}
#chm .chm-grid .chm-card .chm-k{margin-top:1px}
#chm .chm-grid .chm-card h3{font-size:18px;line-height:1.2;margin-top:5px}
#chm .chm-grid .chm-card .chm-s,#chm .chm-grid .chm-card .chm-d{display:none}
}

#chm .chm-fp-lead{display:block;text-align:center;max-width:900px;margin:0 auto;padding-bottom:30px;border-bottom:1px solid #e7e3dc}
#chm .chm-fp-lead h3{font:400 50px/1.06 "Playfair Display",Georgia,serif;letter-spacing:-.015em;margin:10px 0 0}
#chm .chm-fp-lead .chm-s{font-size:16px;margin:12px auto 0;max-width:640px}
#chm .chm-fp-lead img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block;border-radius:3px;margin:24px 0 0;background:#f1efeb}
#chm .chm-fp-lead .chm-d{font-size:15px;max-width:680px;margin:14px auto 0}
#chm .chm-fp-lead.pic-first img{margin:0 0 22px}
#chm .chm-fp-lead:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
#chm .chm-fp-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:52px;margin-top:28px}
#chm .chm-fp-list a{display:block;position:relative}
#chm .chm-fp-list a + a::before{content:"";position:absolute;left:-26px;top:0;bottom:0;border-left:1px solid #e7e3dc}
#chm .chm-fp-list h4{font:400 24px/1.18 "Playfair Display",Georgia,serif;margin:8px 0 0}
#chm .chm-fp-list.with-pics img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:3px;background:#f1efeb;margin:0 0 12px}
#chm .chm-fp-list a:hover h4{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
#chm .chm-travel{background:#f6f2eb;box-shadow:0 0 0 100vmax #f6f2eb;clip-path:inset(0 -100vmax);margin-top:40px;padding:50px 0 54px}
#chm .chm-tr-lead{position:relative;display:block;border-radius:4px;overflow:hidden}
#chm .chm-tr-lead img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block;background:#e9e4da;transition:transform 1.2s ease}
#chm .chm-tr-lead:hover img{transform:scale(1.02)}
#chm .chm-tr-over{position:absolute;left:0;right:0;bottom:0;padding:90px 40px 32px;background:linear-gradient(rgba(16,19,22,0),rgba(16,19,22,.78));color:#fff}
#chm .chm-tr-over .chm-k{color:#d9bd84}
#chm .chm-tr-over .chm-k span{color:rgba(255,255,255,.75)}
#chm .chm-tr-over h3{font:400 46px/1.06 "Playfair Display",Georgia,serif;margin:8px 0 0;color:#fff;max-width:760px}
#chm .chm-tr-over .chm-s{color:rgba(255,255,255,.9);font-size:16px;margin-top:10px;max-width:640px}
#chm .chm-tr-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:34px}
#chm .chm-tr-row .chm-card img{aspect-ratio:3/2}
#chm .chm-ds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
#chm .chm-ds img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 25%;display:block;border-radius:3px;background:#f1efeb;filter:grayscale(.15)}
#chm .chm-ds a:hover img{filter:none}
#chm .chm-ds-t{border-top:1px solid #8a6d3b;margin-top:14px;padding-top:12px}
#chm .chm-ds h4{font:400 21px/1.2 "Playfair Display",Georgia,serif;margin:6px 0 0}
#chm .chm-ds a:hover h4{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
#chm .chm-es-lead{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:44px;align-items:center;padding-bottom:34px;border-bottom:1px solid #e7e3dc}
#chm .chm-es-lead img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:3px;background:#f1efeb}
#chm .chm-es-lead h3{font:400 30px/1.15 "Playfair Display",Georgia,serif;margin:8px 0 0}
#chm .chm-es-lead blockquote{font:italic 500 34px/1.25 "Cormorant Garamond",Georgia,serif;color:#21282e;margin:18px 0 0;padding:0 0 0 22px;border-left:2px solid #8a6d3b}
#chm .chm-es-lead .chm-d{font-size:15px;margin-top:16px}
#chm .chm-es-lead:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
#chm .chm-es-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:28px}
#chm .chm-es-list h4{font:400 22px/1.2 "Playfair Display",Georgia,serif;margin:8px 0 0}
#chm .chm-es-list a:hover h4{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
@media (max-width:760px){#chm .chm-ds{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
#chm .chm-ds h4{font-size:17px}
#chm .chm-ds .chm-s{display:none}
#chm .chm-es-lead{grid-template-columns:1fr;gap:18px}
#chm .chm-es-lead img{aspect-ratio:16/10}
#chm .chm-es-lead h3{font-size:26px}
#chm .chm-es-lead blockquote{font-size:26px;padding-left:16px}
#chm .chm-es-list{grid-template-columns:1fr;gap:0;margin-top:10px}
#chm .chm-es-list a{padding:16px 0;border-bottom:1px solid #eeeae4}
#chm .chm-es-list h4{font-size:20px}
#chm .chm-es-list .chm-d{display:none}
#chm .chm-fp-lead h3{font-size:32px}
#chm .chm-fp-lead img{aspect-ratio:16/9;margin-top:18px}
#chm .chm-fp-lead.pic-first img{margin:0 0 16px}
#chm .chm-fp-list{grid-template-columns:1fr;margin-top:6px}
#chm .chm-fp-list a{padding:18px 0;border-bottom:1px solid #eeeae4}
#chm .chm-fp-list a + a::before{display:none}
#chm .chm-fp-list h4{font-size:20px}
#chm .chm-fp-list.with-pics a{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:14px;align-items:start}
#chm .chm-fp-list.with-pics img{grid-row:1 / span 3;margin:0;border-radius:2px}
#chm .chm-fp-list.with-pics h4{font-size:18px;margin-top:5px}
#chm .chm-fp-list .chm-d{display:none}
#chm .chm-travel{padding:36px 0 38px}
#chm .chm-tr-lead img{aspect-ratio:4/5}
#chm .chm-tr-over{padding:70px 20px 22px}
#chm .chm-tr-over h3{font-size:30px}
#chm .chm-tr-over .chm-s{font-size:14px}
#chm .chm-tr-row{grid-template-columns:1fr;gap:0;margin-top:14px;border-top:1px solid #e3ddd2}
#chm .chm-tr-row .chm-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid #e3ddd2}
#chm .chm-tr-row .chm-card .chm-k{margin-top:1px}
#chm .chm-tr-row .chm-card h3{font-size:18px;line-height:1.2;margin-top:5px}
#chm .chm-tr-row .chm-card .chm-s,#chm .chm-tr-row .chm-card .chm-d{display:none}
}

@font-face{font-family:chm-rtp;src:url(/resources/fonts/road-to-perdition.ttf) format("truetype");font-display:swap}
#chm .chm-sh h2{font:400 44px/1.05 chm-rtp,"Playfair Display",Georgia,serif;letter-spacing:.01em}
@media (max-width:760px){#chm .chm-sh h2{font-size:36px}
}