/* We Buy Hotels and Motels :: "Claret and Pewter" skin.
   Written for this site alone. Full-bleed film hero with the form on the left, square corners,
   condensed grotesque headings, cool porcelain grounds, claret as the only accent on light surfaces. */
:root{
  --hm-ink:#141317; --hm-ink-2:#1e1c22; --hm-ink-3:#2b2830;
  --hm-text:#1b1a1d; --hm-mute:#585358;
  --hm-paper:#ffffff; --hm-porcelain:#f3f3f6; --hm-rule:#dcdce2; --hm-rule-dk:#3a3740;
  --hm-claret:#74192f; --hm-claret-dk:#4f1020; --hm-rose:#f0a9b6;
  --hm-pewter:#c9ced8; --hm-pewter-lt:#e3e6ec; --hm-on-ink-mute:#a9adb8;
  --hm-alex:#c81e1e; --hm-bad:#a51616; --hm-good:#1d5f3a;
  --hm-display:"Avenir Next Condensed","Franklin Gothic Medium","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --hm-body:"Lucida Grande","Lucida Sans Unicode","Lucida Sans","Segoe UI",Verdana,sans-serif;
  --hm-wide:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--hm-paper);color:var(--hm-text);font:400 16.5px/1.68 var(--hm-body)}
img{display:block;max-width:100%;height:auto;border:0}
video{display:block;max-width:100%}
a{color:var(--hm-claret);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--hm-claret-dk);text-decoration-thickness:2px}
a[href^="tel:"]{color:inherit}
:focus-visible{outline:3px solid var(--hm-claret);outline-offset:2px}
h1,h2,h3{font-family:var(--hm-display);font-weight:700;color:var(--hm-ink);margin:0;letter-spacing:.005em}
h1{font-size:clamp(2.15rem,4.5vw,3.35rem);line-height:1.05}
h2{font-size:clamp(1.65rem,2.9vw,2.2rem);line-height:1.12;margin-bottom:18px;padding-top:16px;position:relative}
h2::before{content:"";position:absolute;left:0;top:0;width:58px;height:4px;background:var(--hm-claret)}
h3{font-size:1.27rem;line-height:1.2;margin:26px 0 8px}
p{margin:0 0 16px}
.hm-wrap{width:min(var(--hm-wide),100% - 40px);margin-inline:auto}
.hm-skip{position:absolute;left:-9999px;top:0;background:var(--hm-ink);color:#fff;padding:10px 14px;z-index:90}
.hm-skip:focus{left:10px;top:10px}
.hm-dry{margin:0;padding:4px 10px;background:#fff1b8;color:#3d2f00;font-size:12px;text-align:center}

/* ---- top bar ---- */
.hm-top{background:var(--hm-paper);border-bottom:1px solid var(--hm-rule)}
.hm-top-in{display:flex;align-items:center;gap:14px 26px;min-height:78px;flex-wrap:wrap;padding-block:10px}
.hm-logo{display:inline-flex;line-height:0;flex:0 0 auto}
.hm-logo img{width:240px;height:auto}
.hm-nav{display:flex;flex-wrap:wrap;gap:2px 20px;margin-left:auto}
.hm-nav a{font:700 .84rem/1 var(--hm-display);letter-spacing:.09em;text-transform:uppercase;color:var(--hm-ink);text-decoration:none;padding:10px 0;border-bottom:3px solid transparent}
.hm-nav a:hover,.hm-nav a[aria-current="page"]{border-bottom-color:var(--hm-claret);color:var(--hm-claret)}
.hm-phone{font:700 1.02rem/1 var(--hm-body);color:var(--hm-ink);text-decoration:none;white-space:nowrap;border-left:1px solid var(--hm-rule);padding-left:22px}
.hm-phone:hover{text-decoration:underline;color:var(--hm-ink)}

/* ---- buttons ---- */
.hm-btn{display:inline-block;font:700 .9rem/1.1 var(--hm-display);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;text-align:center;padding:15px 22px;border:2px solid transparent;border-radius:2px;cursor:pointer}
.hm-btn-dark{background:var(--hm-ink);color:#fff;border-color:var(--hm-ink)}
.hm-btn-dark:hover{background:var(--hm-claret);border-color:var(--hm-claret);color:#fff}
.hm-btn-dark[disabled]{opacity:.6;cursor:progress}
.hm-btn-light{background:#fff;color:var(--hm-ink)}
.hm-btn-light:hover{background:var(--hm-pewter-lt);color:var(--hm-ink)}
.hm-btn-ghost{color:#fff;border-color:var(--hm-pewter)}
.hm-btn-ghost:hover{background:rgba(255,255,255,.14);color:#fff}
.hm-btn-wide{display:block;width:100%}

/* ---- film hero ---- */
.hm-hero{position:relative;overflow:hidden;background:var(--hm-ink);color:#fff;isolation:isolate}
.hm-hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% 70%;z-index:-2}
.hm-hero-shade{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(180deg,rgba(13,12,17,.66) 0%,rgba(13,12,17,.42) 52%,rgba(13,12,17,.12) 100%),
  linear-gradient(270deg,rgba(13,12,17,.5) 0%,rgba(13,12,17,0) 62%)}
.hm-hero-grid{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);column-gap:60px;align-items:start;padding:42px 0 118px}
.hm-hero-copy{grid-column:2;grid-row:1;padding-top:26px;max-width:560px}
.hm-hero-form{grid-column:1;grid-row:1}
.hm-hero h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.hm-kicker{font:700 .86rem/1.2 var(--hm-display);letter-spacing:.16em;text-transform:uppercase;color:var(--hm-pewter);margin:0 0 14px;display:flex;align-items:center;gap:12px}
.hm-kicker::before{content:"";width:34px;height:3px;background:var(--hm-rose);flex:none}
.hm-standfirst{font-size:1.1rem;line-height:1.6;color:var(--hm-pewter-lt);margin:18px 0 0;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.hm-hero-points{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:9px}
.hm-hero-points li{padding-left:26px;position:relative;color:#fff;font-weight:700;font-size:.98rem;text-shadow:0 1px 10px rgba(0,0,0,.65)}
.hm-hero-points li::before{content:"";position:absolute;left:2px;top:.52em;width:12px;height:7px;border-left:3px solid var(--hm-rose);border-bottom:3px solid var(--hm-rose);transform:rotate(-45deg)}
.hm-hero-go{margin:28px 0 0;display:flex;flex-wrap:wrap;gap:12px}
.hm-proof{background:var(--hm-ink-2);border-top:1px solid var(--hm-rule-dk);border-bottom:4px solid var(--hm-claret)}
.hm-proof ul{list-style:none;margin-block:0;padding:15px 0;display:flex;flex-wrap:wrap;gap:8px 34px}
.hm-proof li{font:700 .86rem/1.3 var(--hm-display);letter-spacing:.11em;text-transform:uppercase;color:var(--hm-pewter-lt);padding-left:18px;position:relative}
.hm-proof li::before{content:"";position:absolute;left:0;top:.42em;width:8px;height:8px;background:var(--hm-rose)}

/* ---- inner page lead ---- */
.hm-lead{position:relative;overflow:hidden;background:var(--hm-ink);color:#fff;padding:30px 0 46px;border-bottom:4px solid var(--hm-claret)}
.hm-lead::after{content:"";position:absolute;right:0;top:0;bottom:0;width:36%;pointer-events:none;background:
  linear-gradient(90deg,var(--hm-ink) 0%,rgba(20,19,23,0) 70%),
  repeating-linear-gradient(0deg,rgba(20,19,23,0) 0 24px,var(--hm-ink) 24px 40px),
  repeating-linear-gradient(90deg,rgba(201,206,216,.17) 0 20px,rgba(20,19,23,0) 20px 38px)}
.hm-lead .hm-wrap{position:relative;z-index:1}
.hm-lead h1{color:#fff;max-width:17em}
.hm-lead .hm-standfirst{max-width:44em;text-shadow:none}
.hm-crumbs{font-size:.84rem;color:var(--hm-on-ink-mute);margin:0 0 26px}
.hm-crumbs a{color:var(--hm-pewter-lt)}
.hm-sep{margin:0 9px;color:var(--hm-rule-dk)}

/* ---- content bands ---- */
.hm-band{padding:66px 0}
.hm-band-tint{background:var(--hm-porcelain)}
.hm-band-ink{background:var(--hm-ink);color:#ececf1}
.hm-band-ink h2,.hm-band-ink h3{color:#fff}
.hm-band-ink h2::before{background:var(--hm-rose)}
.hm-band-ink a{color:var(--hm-pewter-lt)}
.hm-band-ink a:hover{color:#fff}
.hm-prose{max-width:760px}
.hm-prose-wide{max-width:none}
.hm-prose-wide>p,.hm-prose-wide>h3,.hm-prose-wide>ul,.hm-prose-wide>.hm-note,.hm-prose-wide>.hm-formula,.hm-prose-wide>.hm-faq{max-width:800px}
.hm-prose>*:last-child{margin-bottom:0}
.hm-rail{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:60px;align-items:start}
.hm-rail-head{position:sticky;top:22px}
.hm-rail-head h2{margin-bottom:0}
.hm-rail .hm-prose>h3:first-child{margin-top:4px}
.hm-split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:60px;align-items:start}
.hm-split-flip .hm-prose{order:2}
.hm-split-flip .hm-aside{order:1}
.hm-aside{display:grid;gap:26px;position:sticky;top:22px}
.hm-photo{margin:0}
.hm-photo img{width:100%;border:1px solid var(--hm-rule);box-shadow:14px 14px 0 var(--hm-pewter-lt)}
.hm-band-tint .hm-photo img{box-shadow:14px 14px 0 var(--hm-rule)}
.hm-photo figcaption{font-size:.86rem;line-height:1.45;color:var(--hm-mute);margin-top:24px;padding-left:14px;border-left:3px solid var(--hm-claret)}
.hm-list{list-style:none;margin:0 0 18px;padding:0}
.hm-list li{position:relative;padding:5px 0 5px 24px}
.hm-list li::before{content:"";position:absolute;left:2px;top:.95em;width:8px;height:8px;background:var(--hm-claret)}
.hm-note{margin:22px 0;padding:15px 18px;border-left:4px solid var(--hm-claret);background:var(--hm-porcelain);font-size:.95rem}
.hm-band-tint .hm-note{background:var(--hm-paper)}
.hm-note p{margin:0}

/* cells: short blurbs that point at the long pages */
.hm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:18px;margin:26px 0}
.hm-cell{background:var(--hm-paper);border:1px solid var(--hm-rule);border-top:4px solid var(--hm-claret);padding:20px 22px 6px}
.hm-band-plain .hm-cell{background:var(--hm-porcelain)}
.hm-cell h3{margin-top:0}
.hm-cell p{font-size:.96rem}

/* numbered stages */
.hm-steps{list-style:none;margin:8px 0 30px;padding:0;counter-reset:hm-stage;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:26px 30px}
.hm-steps li{counter-increment:hm-stage;border-top:1px solid var(--hm-rule-dk);padding-top:14px}
.hm-steps li::before{content:counter(hm-stage,decimal-leading-zero);display:block;font:700 2.5rem/1 var(--hm-display);color:var(--hm-rose);letter-spacing:.02em}
.hm-steps h3{margin-top:10px}
.hm-steps p{font-size:.96rem;margin-bottom:0}
.hm-band-plain .hm-steps li,.hm-band-tint .hm-steps li{border-top-color:var(--hm-rule)}
.hm-band-plain .hm-steps li::before,.hm-band-tint .hm-steps li::before{color:var(--hm-claret)}

/* formulas, tables, questions */
.hm-formula{border:1px solid var(--hm-rule);border-left:4px solid var(--hm-ink);background:var(--hm-paper);padding:16px 20px 2px;margin:0 0 16px}
.hm-formula-name{font:700 .84rem/1.2 var(--hm-display);letter-spacing:.12em;text-transform:uppercase;color:var(--hm-claret);margin-bottom:6px}
.hm-formula-expr{font:700 1.14rem/1.4 var(--hm-body);color:var(--hm-ink);margin-bottom:8px}
.hm-table-wrap{overflow-x:auto;margin:6px 0 20px;border:1px solid var(--hm-rule);background:var(--hm-paper)}
.hm-table{border-collapse:collapse;width:100%;min-width:640px;font-size:.93rem}
.hm-table caption{caption-side:top;text-align:left;font:700 .84rem/1.2 var(--hm-display);letter-spacing:.12em;text-transform:uppercase;color:var(--hm-mute);padding:12px 14px}
.hm-table th,.hm-table td{text-align:left;vertical-align:top;padding:11px 14px;border-top:1px solid var(--hm-rule)}
.hm-table thead th{background:var(--hm-ink);color:#fff;font:700 .86rem/1.2 var(--hm-display);letter-spacing:.08em;text-transform:uppercase;border-top:0}
.hm-table thead td{background:var(--hm-ink);border-top:0}
.hm-table tbody th{font-weight:700;color:var(--hm-ink);width:22%}
.hm-qa{border-top:1px solid var(--hm-rule);padding:4px 0 6px}
.hm-qa:last-child{border-bottom:1px solid var(--hm-rule)}
.hm-qa h3{margin-top:18px}

/* ---- the ask: form on the left, words on the right ---- */
.hm-band-ask{background:var(--hm-ink-2);color:#ececf1;border-top:4px solid var(--hm-claret)}
.hm-ask{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);column-gap:60px;align-items:start}
.hm-ask-copy{grid-column:2;grid-row:1;padding-top:8px;max-width:540px}
.hm-ask-form{grid-column:1;grid-row:1}
.hm-ask-copy h2{color:#fff}
.hm-ask-copy h2::before{background:var(--hm-rose)}
.hm-card{background:var(--hm-paper);color:var(--hm-text);border-top:5px solid var(--hm-claret);padding:22px 24px 18px;box-shadow:0 18px 44px rgba(0,0,0,.34)}
.hm-card-title{font:700 1.5rem/1.15 var(--hm-display);color:var(--hm-ink);margin:0 0 4px}
.hm-card-sub{font-size:.9rem;color:var(--hm-mute);margin:0 0 14px}
.hm-form{position:relative}
.hm-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;align-items:end}
.hm-field{margin:0 0 10px}
.hm-field label{display:block;font-size:.8rem;font-weight:700;color:var(--hm-ink);margin-bottom:3px}
.hm-field input,.hm-field select,.hm-field textarea{width:100%;font:400 16px/1.3 var(--hm-body);color:var(--hm-text);background:#fff;border:1px solid #a9a9b4;border-radius:2px;padding:9px 10px}
.hm-field textarea{resize:vertical;min-height:58px}
.hm-field input:focus,.hm-field select:focus,.hm-field textarea:focus{outline:2px solid var(--hm-claret);outline-offset:0;border-color:var(--hm-claret)}
.hm-trap{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.hm-tick{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start;font-size:.76rem;line-height:1.45;color:var(--hm-mute);margin:8px 0}
.hm-tick input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--hm-claret)}
.hm-form .hm-btn{margin-top:10px}
.hm-form-note{min-height:1.3em;margin:8px 0 0;font-size:.88rem;font-weight:700}
.hm-form-note.is-bad{color:var(--hm-bad)}
.hm-form-note.is-good{color:var(--hm-good)}

/* ---- footer ---- */
.hm-foot{background:var(--hm-ink);color:var(--hm-on-ink-mute);padding:54px 0 120px;font-size:.93rem}
.hm-foot a{color:var(--hm-pewter-lt)}
.hm-foot a:hover{color:#fff}
.hm-foot-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:34px 40px}
.hm-foot-brand img{width:240px;margin-bottom:16px}
.hm-foot-phone{color:#fff;font-weight:700}
.hm-foot-h{font:700 .86rem/1.2 var(--hm-display);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 12px}
.hm-foot-col ul{list-style-type:none;margin:0;padding-left:0}
.hm-foot-col li{margin:0 0 8px}
.hm-foot-col a{text-decoration:none}
.hm-foot-col a:hover{text-decoration:underline}
.hm-foot-fine{margin-top:38px;padding-top:22px;border-top:1px solid var(--hm-rule-dk);font-size:.82rem;line-height:1.6}
.hm-foot-fine p{margin:0 0 8px}

/* ---- the one call button: fixed, red, bottom right ---- */
.talk-to-alex-sticky{position:fixed;right:16px;bottom:16px;z-index:70;display:inline-flex;align-items:center;gap:10px;background:var(--hm-alex);color:#fff !important;font:700 1.34rem/1 var(--hm-display);letter-spacing:.07em;text-decoration:none;padding:20px 30px 19px;border-radius:999px;border:2px solid #fff;box-shadow:0 10px 26px rgba(0,0,0,.42);animation:hm-hop 2.8s ease-in-out infinite}
.talk-to-alex-sticky::before{content:"";width:22px;height:22px;flex:none;background:#fff;-webkit-mask:var(--hm-handset) center/contain no-repeat;mask:var(--hm-handset) center/contain no-repeat}
.talk-to-alex-sticky:hover{background:#a51616;color:#fff}
.talk-to-alex-btn[hidden]{display:none!important}
.alex-phone-row[hidden]{display:none!important}
:root{--hm-handset:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 3h3l1.6 4.6-2 1.5a12.4 12.4 0 0 0 5.8 5.8l1.5-2L21 14.5v3A2.5 2.5 0 0 1 18.3 20 15.6 15.6 0 0 1 4 5.7 2.5 2.5 0 0 1 6.5 3z'/%3E%3C/svg%3E")}
@keyframes hm-hop{0%,62%,100%{transform:translateY(0)}70%{transform:translateY(-11px)}78%{transform:translateY(0)}86%{transform:translateY(-5px)}93%{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .talk-to-alex-sticky{animation-name:none}
}

/* ---- narrower screens ---- */
@media (max-width:1020px){
  .hm-nav{order:3;width:100%;margin-left:0;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding-bottom:2px;gap:0 20px}
  .hm-phone{margin-left:auto}
}
@media (max-width:900px){
  .hm-hero-grid,.hm-ask{grid-template-columns:minmax(0,1fr)}
  .hm-ask{row-gap:26px}
  .hm-ask-copy{grid-column:1;grid-row:1;padding-top:0;max-width:none}
  .hm-ask-form{grid-column:1;grid-row:2}
  /* small screens: headline, a window onto the film, then the form, then the rest of the words */
  .hm-hero-grid{padding:24px 0 44px}
  .hm-hero-copy{display:contents}
  .hm-hero-copy .hm-kicker{order:1}
  .hm-hero-copy h1{order:2}
  .hm-hero-form{grid-column:1;grid-row:auto;order:3;margin-top:clamp(132px,26vw,200px)}
  .hm-hero-copy .hm-standfirst{order:4;margin-top:26px}
  .hm-hero-points{order:5}
  .hm-hero-go{order:6}
  .hm-hero-film{inset:0 0 auto 0;height:clamp(360px,62vw,470px);object-position:100% 100%}
  .hm-hero-shade{inset:0 0 auto 0;height:clamp(360px,62vw,470px);background:linear-gradient(180deg,rgba(13,12,17,.66) 0%,rgba(13,12,17,.3) 46%,rgba(13,12,17,0) 68%,rgba(20,19,23,0) 90%,var(--hm-ink) 100%)}
  .hm-rail{grid-template-columns:minmax(0,1fr);gap:8px}
  .hm-rail-head{position:static}
  .hm-rail-head h2{margin-bottom:18px}
  .hm-split{grid-template-columns:minmax(0,1fr);gap:30px}
  .hm-split-flip .hm-prose{order:1}
  .hm-split-flip .hm-aside{order:2}
  .hm-aside{position:static}
  .hm-photo img{box-shadow:9px 9px 0 var(--hm-pewter-lt)}
  .hm-band{padding:46px 0}
  .hm-foot-grid{grid-template-columns:1fr 1fr}
  .hm-lead::after{width:30%;opacity:.6}
}
@media (max-width:560px){
  body{font-size:16px}
  .hm-wrap{width:min(var(--hm-wide),100% - 30px)}
  .hm-logo img{width:196px}
  .hm-phone{border-left:0;padding-left:0;font-size:.95rem}
  .hm-card{padding:18px 16px 14px}
  .hm-foot-grid{grid-template-columns:1fr}
  .talk-to-alex-sticky{font-size:1.14rem;padding:16px 22px 15px;right:12px;bottom:12px}
  .hm-proof ul{gap:6px 22px}
}