/*
 * /best-luxury-vacation-homes-palm-springs — scoped to #dle-best.
 *
 * The concierge page's look (css/concierge.css): #222 and #1b1b1b sections, Gilda headings, gold
 * Barlow Condensed kickers, the hairline arrow. Restated here rather than shared, as concierge.css
 * is itself scoped to its own page.
 */
#dle-best{--bl-bg:#222;--bl-dark:#1b1b1b;--bl-gold:#aa8453;--bl-highlight:#c5a16e;--bl-muted:#c4c0b9;--bl-line:#45413b;--bl-serif:'Gilda Display',Georgia,serif;background:var(--bl-bg);color:#f4f4f4;font:17px/1.8 'Barlow',Arial,sans-serif;overflow:clip;text-align:left}
#dle-best *,#dle-best *:before,#dle-best *:after{box-sizing:border-box}
#dle-best h1,#dle-best h2,#dle-best h3,#dle-best p,#dle-best ul,#dle-best dl,#dle-best dd{margin:0}
#dle-best h1,#dle-best h2,#dle-best h3{font-family:var(--bl-serif);font-weight:400;color:#fff;letter-spacing:0;line-height:1.25}
#dle-best h2{font-size:42px;margin-bottom:20px}
#dle-best h3{font-size:34px;margin-bottom:10px}
#dle-best p{color:var(--bl-muted)}
#dle-best p+p{margin-top:18px}
#dle-best a{color:var(--bl-highlight);text-decoration:none}
#dle-best a:hover{color:#ead4b5}
#dle-best img{display:block;width:100%;height:auto}
#dle-best :focus-visible{outline:3px solid #79c7d0;outline-offset:5px}
#dle-best [id]{scroll-margin-top:90px}
#dle-best .bl-wrap{max-width:1160px;margin:auto;padding:0 28px;width:100%}
#dle-best .bl-section{padding:80px 0}
#dle-best .bl-dark{background:var(--bl-dark)}
#dle-best .bl-kicker{font:15px/1.5 'Barlow Condensed','Barlow',sans-serif;letter-spacing:4px;text-transform:uppercase;color:var(--bl-highlight);margin-bottom:12px}

/* Buttons and links */
#dle-best .bl-button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:50px;padding:14px 24px;background:var(--bl-gold);border:1px solid var(--bl-gold);font:16px/1.45 'Barlow Condensed','Barlow',sans-serif;text-transform:uppercase;letter-spacing:1.8px;color:#fff;transition:background .2s}
#dle-best .bl-button:hover{background:#c5a16e;color:#fff}
#dle-best .bl-text-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;padding:8px 0;border-bottom:1px solid #aa845370;font:15px/1.5 'Barlow Condensed','Barlow',sans-serif;text-transform:uppercase;letter-spacing:1.2px}
#dle-best .bl-phone{font:15px/1.5 'Barlow Condensed','Barlow',sans-serif;letter-spacing:1.2px;text-transform:uppercase}
#dle-best .bl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:26px}
#dle-best .bl-arrow{position:relative;display:inline-block;flex:none;width:28px;height:1px;background:currentColor;vertical-align:middle;transition:width .25s ease}
#dle-best .bl-arrow::after{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translateY(-50%) rotate(45deg)}
#dle-best a:hover .bl-arrow{width:40px}

/* Hero: the photo, a gradient for the type, the H1 at the bottom. */
#dle-best .bl-hero{position:relative;isolation:isolate;min-height:560px;height:72vh;max-height:760px;display:flex;align-items:flex-end;padding:140px 0 56px}
#dle-best .bl-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2}
#dle-best .bl-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000d 0%,#0008 40%,#0002 75%),linear-gradient(180deg,#0007,transparent 30%);z-index:-1}
#dle-best .bl-hero h1{font-size:58px;line-height:1.12;max-width:820px;margin-bottom:18px}
#dle-best .bl-dek{font-size:21px;line-height:1.6;color:#ede5d9;max-width:720px}
#dle-best .bl-byline{margin-top:16px;font:14px/1.5 'Barlow Condensed',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#d8cdbd}

/* Intro and quick picks */
#dle-best .bl-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
#dle-best .bl-lead{font-size:21px;line-height:1.65;color:#ede5d9}
#dle-best .bl-picks{background:#1b1b1b;border:1px solid #34312d;padding:30px 30px 18px}
#dle-best .bl-picks h2{font-size:28px;margin-bottom:12px}
#dle-best .bl-picks table{width:100%;border-collapse:collapse}
#dle-best .bl-picks th{font:13px/1.5 'Barlow Condensed',sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--bl-highlight);font-weight:400;text-align:left;padding:8px 10px 8px 0;border-bottom:1px solid var(--bl-line)}
#dle-best .bl-picks td{vertical-align:top;padding:12px 10px 12px 0;border-bottom:1px solid #34312d;font-size:15px;line-height:1.5;color:#eee9e2}
#dle-best .bl-picks tr:last-child td{border-bottom:0}
#dle-best .bl-picks td:first-child{width:40%;color:var(--bl-muted)}
#dle-best .bl-picks td span{display:block;font-size:13px;color:#9d988f;margin-top:3px}

/* Section heads */
#dle-best .bl-section-head{max-width:820px;margin-bottom:50px}
#dle-best .bl-section-head>p:not(.bl-kicker){font-size:17px}

/* Home blocks: photo one side, facts the other, alternating. */
#dle-best .bl-home{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start;padding:0 0 70px;margin-bottom:70px;border-bottom:1px solid #34312d}
#dle-best .bl-home:last-of-type{margin-bottom:0;border-bottom:0;padding-bottom:0}
#dle-best .bl-home-flip .bl-home-image{order:2}
#dle-best .bl-home-image{position:sticky;top:110px}
#dle-best .bl-home-image img{aspect-ratio:4/3;object-fit:cover}
#dle-best .bl-home h3 .bl-city{color:var(--bl-muted)}
#dle-best .bl-hook{font-size:19px;line-height:1.55;color:#ede5d9;font-style:italic;margin-top:4px}
#dle-best .bl-specs{margin-top:16px;font:15px/1.5 'Barlow Condensed',sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:#fff}
#dle-best .bl-facts{display:grid;grid-template-columns:96px 1fr;gap:10px 18px;margin:22px 0;padding:20px 0;border-top:1px solid var(--bl-line);border-bottom:1px solid var(--bl-line)}
#dle-best .bl-facts dt{font:13px/1.6 'Barlow Condensed',sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--bl-highlight);padding-top:2px}
#dle-best .bl-facts dd{font-size:15px;line-height:1.6;color:#e2ddd5}
#dle-best .bl-home-copy>p:not(.bl-kicker):not(.bl-hook):not(.bl-specs){font-size:16px;line-height:1.75}
#dle-best .bl-quote{margin:22px 0 0;padding:4px 0 4px 20px;border-left:2px solid var(--bl-gold)}
#dle-best .bl-quote p{font-family:var(--bl-serif);font-size:19px;line-height:1.55;color:#ede5d9}
#dle-best .bl-quote cite{display:block;margin-top:8px;font:13px/1.5 'Barlow Condensed',sans-serif;font-style:normal;letter-spacing:2px;text-transform:uppercase;color:#9d988f}

/* Also worth a look */
#dle-best .bl-also{margin-top:70px;padding:34px 36px;background:#222;border:1px solid #34312d}
#dle-best .bl-also h3{font-size:26px;margin-bottom:14px}
#dle-best .bl-also ul{padding:0;list-style:none;margin-bottom:18px}
#dle-best .bl-also li{position:relative;padding:8px 0 8px 20px;font-size:16px;line-height:1.6;color:var(--bl-muted);list-style:none}
#dle-best .bl-also li:before{content:'';position:absolute;left:0;top:19px;width:8px;height:1px;background:var(--bl-gold)}
#dle-best .bl-also li a{font-family:var(--bl-serif);font-size:19px}
#dle-best .bl-also li span{color:#9d988f}
#dle-best .bl-also-links{display:flex;flex-direction:column;align-items:flex-start;gap:6px}

/* Two-column sections: criteria, concierge */
#dle-best .bl-two{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
#dle-best .bl-criteria{padding:0;list-style:none;border-top:1px solid var(--bl-line)}
#dle-best .bl-criteria li{padding:18px 0;border-bottom:1px solid var(--bl-line);font-size:16px;line-height:1.7;color:var(--bl-muted);list-style:none}
#dle-best .bl-criteria strong{display:block;font-family:var(--bl-serif);font-weight:400;font-size:21px;color:#fff;margin-bottom:2px}
#dle-best .bl-two .bl-text-link{margin-top:22px}

/* Comparison table */
#dle-best .bl-table-scroll{overflow-x:auto}
#dle-best .bl-compare{width:100%;min-width:640px;border-collapse:collapse}
#dle-best .bl-compare th,#dle-best .bl-compare td{text-align:left;vertical-align:top;padding:16px 18px;border-bottom:1px solid #34312d;font-size:15px;line-height:1.55}
#dle-best .bl-compare thead th{font:14px/1.5 'Barlow Condensed',sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--bl-highlight);font-weight:400;border-bottom:1px solid var(--bl-line)}
#dle-best .bl-compare tbody th{font-weight:400;color:#fff;width:22%}
#dle-best .bl-compare td{color:var(--bl-muted)}
#dle-best .bl-compare td:nth-child(2){color:#ede5d9;background:#ffffff06}

/* FAQ, as on the concierge page */
#dle-best .bl-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
#dle-best .bl-faq{border-top:1px solid var(--bl-line)}
#dle-best .bl-faq details{border-bottom:1px solid var(--bl-line)}
#dle-best .bl-faq summary{display:flex;justify-content:space-between;align-items:center;gap:22px;list-style:none;font-size:17px;line-height:1.5;cursor:pointer;padding:20px 0;color:#eee9e2}
#dle-best .bl-faq summary::-webkit-details-marker{display:none}
#dle-best .bl-faq summary>span{color:var(--bl-highlight);font-size:25px;flex:none;line-height:1;transition:transform .2s}
#dle-best .bl-faq details[open] summary>span{transform:rotate(45deg)}
#dle-best .bl-faq details>p{padding:0 30px 22px 0;font-size:16px;line-height:1.75}

/* Closing */
#dle-best .bl-cta{text-align:center}
#dle-best .bl-cta .bl-wrap{max-width:760px}
#dle-best .bl-cta .bl-actions{justify-content:center}
#dle-best .bl-address{margin-top:26px;font-size:14px;color:#9d988f}

@media(max-width:1000px){
    #dle-best .bl-intro-grid,#dle-best .bl-two,#dle-best .bl-faq-layout{grid-template-columns:1fr;gap:36px}
    #dle-best .bl-home{grid-template-columns:1fr;gap:28px}
    #dle-best .bl-home-flip .bl-home-image{order:0}
    #dle-best .bl-home-image{position:static}
}
@media(max-width:760px){
    #dle-best .bl-wrap{padding-inline:22px}
    #dle-best .bl-section{padding-block:60px}
    #dle-best .bl-hero{min-height:480px;height:auto;padding:130px 0 40px}
    #dle-best .bl-hero h1{font-size:40px}
    #dle-best .bl-dek{font-size:18px}
    #dle-best h2{font-size:34px}
    #dle-best h3{font-size:29px}
    #dle-best .bl-home{padding-bottom:50px;margin-bottom:50px}
    #dle-best .bl-facts{grid-template-columns:1fr;gap:2px}
    #dle-best .bl-facts dd{margin-bottom:10px}
    #dle-best .bl-picks{padding:24px 20px 10px}
    #dle-best .bl-picks td:first-child{width:45%}
    #dle-best .bl-also{padding:26px 22px}
}
@media(prefers-reduced-motion:reduce){#dle-best *,#dle-best *:before,#dle-best *:after{animation:none!important;transition:none!important}}