@import url('https://fonts.googleapis.com/css2?family=Arvo:wght@400&family=Barlow+Condensed:wght@500;600;700&display=swap');
:root{
  --dm-bg:#222326;
  --dm-accent:#006797;
  --dm-text:#fff;
  --dm-muted:#a1a1a1;
}
.dm-slider{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;background:#111;}
.dm-slider.force-fullbleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} 
.dm-slider:not(.force-fullbleed){width:100%;margin-left:0;margin-right:0;}
.dm-stage{display:flex;transition:transform .6s ease;will-change:transform;}
.dm-slide{flex:0 0 100%;display:grid;grid-template-columns:minmax(320px,430px) 1fr;min-height:520px;color:var(--dm-text);}
.dm-slide.hidden{filter:grayscale(1);opacity:.4;pointer-events:none;}
.dm-rail{background:linear-gradient(180deg,#222326 0%,#17181a 100%);padding:48px 36px;display:flex;flex-direction:column;gap:18px;max-width:430px;width:100%;}
.dm-ribbon{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;font-size:12px;letter-spacing:1px;color:var(--dm-muted);}
.dm-ribbon .pill{background:var(--dm-accent);color:#fff;padding:4px 8px;border-radius:3px;font-weight:700;}
.dm-title{font-family:"Barlow Condensed", "Helvetica Neue", sans-serif;font-size:38px;line-height:1.1;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;}
.dm-address{color:var(--dm-accent);font-size:15px;letter-spacing:0.5px;text-transform:uppercase;}
.dm-price{font-size:30px;font-weight:600;}
.dm-body{font-family: "Arvo", serif;color:var(--dm-muted);line-height:1.6;font-size:15px;}
.dm-stats{display:flex;gap:20px;margin-top:8px;}
.dm-stat{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;}
.dm-stat img{width:24px;height:24px;object-fit:contain;}
.dm-cta{margin-top:auto;}
.dm-cta a{
    display:flex;
    align-items:center;
    padding:0 35px 0 85px;
    border:2px solid var(--dm-accent);
    color:var(--dm-text);
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:700;
    font-size:23px;
    line-height:51px;
    min-height:51px;
    text-decoration:none;
    background:url('https://debramaltzproperties.com/wp-content/uploads/2024/07/homeicon.jpg') 0% 50% / contain no-repeat transparent;
    transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.dm-cta a:hover{background-color:var(--dm-accent);color:#fff;border-color:var(--dm-accent);} 
.dm-hero{position:relative;overflow:hidden;}
.dm-hero img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);opacity:0;transition:transform .8s ease,opacity .8s ease;}
.dm-slide.active .dm-hero img{transform:scale(1);opacity:1;}
.dm-bullets{position:absolute;bottom:18px;left:36px;display:flex;gap:6px;}
.dm-bullets button{width:28px;height:6px;border:none;background:#444;cursor:pointer;transition:all .2s ease;padding:0;}
.dm-bullets button.active{width:40px;background:var(--dm-accent);} 
.dm-nav{position:absolute;bottom:18px;right:18px;display:flex;gap:8px;}
.dm-nav button{width:42px;height:42px;border:1px solid var(--dm-accent);background:rgba(0,0,0,0.28);border-radius:8px;color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease,transform .1s ease;}
.dm-nav button:hover{background:rgba(0,0,0,0.42);border-color:var(--dm-accent);transform:translateY(-1px);}
@media (max-width:900px){
  .dm-slide{grid-template-columns:1fr;}
  .dm-rail{order:2;}
  .dm-hero{order:1;min-height:280px;}
}

@media (max-width:768px){
  .dm-slide{grid-template-columns:1fr;}
  .dm-rail{max-width:100%; padding:32px 20px 28px;}
  .dm-stats{flex-wrap:wrap; gap:14px;}
  .dm-title{font-size:32px;}
  .dm-price{font-size:26px;}
  .dm-body{font-size:15px;}
  .dm-cta a{
    font-size:20px;
    line-height:48px;
    min-height:48px;
    padding:0 24px 0 70px;
    background-position:12px 50%;
    background-size:28px auto;
  }
  .dm-bullets{bottom:14px;left:20px;}
  .dm-nav{
    bottom:12px;
    right:12px;
    gap:6px;
  }
  .dm-nav button{
    width:40px;
    height:40px;
    font-size:18px;
    border-radius:7px;
  }
  .dm-slider{padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0);}
}