/* Home For The Holidays (#stays). Brand colours from her logo. */
#stays{--hf-pink:#DA8BA2;--hf-gold:#C9A24A;--hf-rust:#C4652B;--hf-green:#1C3A2E;background:var(--ivory);position:relative}
#stays::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--hf-pink) 0 25%,var(--hf-gold) 25% 50%,var(--hf-rust) 50% 75%,var(--hf-green) 75%)}
.hfth-intro{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,.9fr);gap:48px;align-items:center;margin-bottom:56px}
.hfth-logo{width:190px;height:auto;display:block}
#stays .eyebrow{color:var(--hf-rust)} #stays .eyebrow::before{background:var(--hf-rust)}
#stays h2{color:var(--hf-green);margin-bottom:.4em}
#stays h2 em{font-style:italic;color:var(--hf-rust)}
#stays .lede{margin:0}
.hfth-steps{margin:0 0 24px;padding:0;list-style:none;counter-reset:hf;display:grid;gap:14px}
.hfth-steps li{counter-increment:hf;display:grid;grid-template-columns:38px 1fr;align-items:baseline}
.hfth-steps li::before{content:"0" counter(hf);font-family:var(--serif);font-size:1.45rem;line-height:1;color:var(--hf-gold)}
.hfth-steps b{font-family:var(--serif);font-weight:600;font-size:1.12rem;color:var(--hf-green)}
.hfth-steps span{display:block;font-size:.88rem;color:var(--muted);line-height:1.5}
#stays .btn-hf,#stays .hfth-book{background:var(--hf-green);color:#fff;border-color:var(--hf-green)}
#stays .btn-hf:hover,#stays a.hfth-book:hover{background:#142a21;color:#fff}
#stays .btn-hf[disabled],#stays .hfth-book[disabled]{background:transparent;color:var(--hf-green);border-color:color-mix(in srgb,var(--hf-green) 35%,transparent);cursor:not-allowed;white-space:normal;text-align:center}
/* cards */
.hfth-grid{display:grid;gap:28px}
.hfth-grid.many{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.hfth-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column}
.hfth-card.feature{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.hfth-media{display:grid;gap:10px;padding:10px}
.hfth-card.feature .hfth-media{grid-template-columns:2fr 1fr}
.hfth-main,.hfth-thumb{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:4/3}
.hfth-card.feature .hfth-main{aspect-ratio:auto;min-height:340px}
.hfth-thumbs{display:grid;gap:10px;grid-template-rows:1fr 1fr}
.hfth-thumb{aspect-ratio:auto}
.hfth-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hfth-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;text-align:center;background:color-mix(in srgb,var(--hf-pink) 14%,#fff);border:2px dashed color-mix(in srgb,var(--hf-pink) 65%,#fff);border-radius:6px}
.hfth-thumb:nth-child(1) .hfth-ph{background:color-mix(in srgb,var(--hf-gold) 14%,#fff);border-color:color-mix(in srgb,var(--hf-gold) 65%,#fff)}
.hfth-thumb:nth-child(2) .hfth-ph{background:color-mix(in srgb,var(--hf-green) 9%,#fff);border-color:color-mix(in srgb,var(--hf-green) 35%,#fff)}
.hfth-ph-mark{width:64px;height:auto;opacity:.85}
.hfth-thumb .hfth-ph-mark{width:38px}
.hfth-ph-label{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--hf-green);opacity:.75;max-width:240px;line-height:1.5}
.hfth-badge{position:absolute;top:14px;left:14px;background:var(--hf-rust);color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:6px 10px;border-radius:999px}
.hfth-body{padding:26px 28px 30px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.hfth-card.feature .hfth-body{justify-content:center;padding:36px 40px}
.hfth-town{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--hf-rust);margin-bottom:10px}
.hfth-body h3{color:var(--hf-green);font-size:1.7rem;margin-bottom:.4em}
.hfth-card.feature h3{font-size:2.1rem}
.hfth-body p{color:var(--muted);margin:0 0 22px}
.hfth-body .hfth-book{margin-top:auto}
.hfth-card.feature .hfth-book{margin-top:0}
.hfth-empty{position:relative;min-height:220px;border-radius:var(--r-lg);overflow:hidden}
.hfth-foot{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;justify-content:center;text-align:center}
.hfth-foot p{margin:0;font-size:.9rem;color:var(--muted)}
@media (max-width:1080px){.hfth-intro{grid-template-columns:auto 1fr}.hfth-intro .hfth-how{grid-column:1/-1}}
@media (max-width:860px){.hfth-card.feature{grid-template-columns:1fr}.hfth-card.feature .hfth-main{min-height:260px}.hfth-card.feature .hfth-body{padding:26px 24px 30px}}
@media (max-width:600px){.hfth-intro{grid-template-columns:1fr;gap:24px;margin-bottom:36px}.hfth-logo{width:150px}.hfth-card.feature .hfth-media{grid-template-columns:1fr}.hfth-thumbs{grid-template-rows:none;grid-template-columns:1fr 1fr}.hfth-thumb{aspect-ratio:4/3}.hfth-card.feature h3{font-size:1.7rem}}

.hfth-books{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.hfth-card.feature .hfth-books{margin-top:0}
.hfth-book-alt{background:transparent!important;color:var(--hf-green)!important;border-color:color-mix(in srgb,var(--hf-green) 45%,transparent)!important}
.hfth-book-alt:hover{background:color-mix(in srgb,var(--hf-green) 8%,#fff)!important;color:var(--hf-green)!important}
