/* Home · phone first */
.quick{padding-block:10px;border-bottom:1px solid var(--line)}
@media(min-width:1000px){.quick{display:none}}
.hero{margin-top:12px}
.hero-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--r)}
.hero-track::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:start;display:grid;color:#fff;min-width:0}
.s-img{aspect-ratio:16/11;overflow:hidden}
.s-img img{width:100%;height:100%;object-fit:cover}
.s-txt{padding:18px 18px 22px;display:grid;gap:10px;justify-items:start;align-content:center}
.s-txt p{font-size:15.5px;opacity:.9;max-width:44ch}
.s-ink{background:var(--ink)}.s-ink .eyebrow{color:var(--gold-lite)}
.s-brown{background:#4f3220}.s-brown .eyebrow{color:#f1c98c}
.s-pink{background:#f9d9e2;color:var(--ink)}.s-pink .eyebrow{color:#9b1f4a}
.hero-wrap{position:relative}
.h-arrow{display:none}
@media(min-width:900px){
  .slide{grid-template-columns:1fr 1fr;min-height:460px}
  .s-img{order:2;aspect-ratio:auto;height:100%;min-height:460px}
  .s-txt{padding:56px;gap:14px}.s-txt p{font-size:17px}
  .h-arrow{display:grid;place-items:center;position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.92);font-size:22px;box-shadow:var(--shadow);z-index:2}
  .h-arrow.l{left:14px}.h-arrow.r{right:14px}
}
.circles{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-snap-type:x proximity}
.circles::-webkit-scrollbar{display:none}
.circles a{flex:none;width:78px;text-align:center;font-weight:800;font-size:12px;line-height:1.25;scroll-snap-align:start}
.circles span{display:block;width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--soft);margin:0 auto 8px;border:2px solid transparent;transition:.3s var(--ease)}
.circles img{width:100%;height:100%;object-fit:cover;transform:scale(1.2)}
.circles a:hover span{border-color:var(--gold)}
@media(min-width:1000px){.circles{justify-content:space-between;margin-inline:0;padding-inline:0}.circles a{width:108px;font-size:13.5px}.circles span{width:100px;height:100px}}
.deals{background:var(--soft);border-radius:var(--r);padding:16px 0 16px 16px;overflow:hidden}
.deals .sh{padding-right:16px;align-items:center;flex-wrap:wrap}
.deals .rail{margin-inline:0;padding-inline:0 16px;scroll-padding-inline:0}
.timer{display:flex;gap:6px;font-family:var(--display);font-weight:700;font-variant-numeric:tabular-nums}
.timer div{background:var(--ink);color:#fff;border-radius:8px;padding:7px 0;width:46px;text-align:center;font-size:17px;line-height:1}
.timer small{display:block;font-family:var(--sans);font-weight:800;font-size:10px;letter-spacing:.1em;opacity:.75;margin-top:4px}
@media(min-width:1000px){.deals{padding:32px}.deals .sh{padding-right:0}.deals .rail{padding-inline:0}}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tile{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;display:flex;align-items:flex-end;color:#fff;background:var(--ink)}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.78))}
.tile div{position:relative;z-index:1;padding:14px}
.tile b{display:block;font-family:var(--display);font-size:17px;line-height:1.15}
.tile span{font-size:12.5px;font-weight:700;opacity:.9}
@media(hover:hover){.tile:hover img{transform:scale(1.06)}}
@media(min-width:900px){.tiles{grid-template-columns:repeat(4,1fr);gap:18px}.tile div{padding:22px}.tile b{font-size:22px}}
.revs{grid-auto-columns:84%}
@media(min-width:700px){.revs{grid-auto-columns:46%}}
@media(min-width:1000px){.revs{grid-auto-columns:calc((100% - 54px) / 4)}}
.rw{position:relative;border-radius:var(--r);overflow:hidden;background:linear-gradient(120deg,#1a1815,#3a2a16 60%,#6b4a1f);color:#fff;padding:22px 18px;display:grid;gap:14px}
.rw img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;opacity:.28}
.rw > *:not(img){position:relative}
.rw h2{color:var(--gold-lite)}
.rw .tiers{display:flex;gap:8px;flex-wrap:wrap;font-size:12.5px;font-weight:800}
.rw .tiers span{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 12px}
@media(min-width:900px){.rw{grid-template-columns:1fr auto;align-items:center;padding:44px}}