:root {
  --dm-color-white:#fff;
  --dm-color-primary:#b08a53;
  --dm-color-primary-hover:#967442;
  --dm-color-text:#222;
  --dm-color-text-muted:#666;
  --dm-color-bg:#fff;
  --dm-color-bg-soft:#f7f7f7;
  --dm-color-border:#ececec;
  --dm-radius-sm:8px;
  --dm-radius-md:14px;
  --dm-radius-lg:22px;
  --dm-shadow-sm:0 8px 22px rgba(0,0,0,.06);
  --dm-shadow-hover:0 20px 50px rgba(0,0,0,.12);
  --dm-space-1:8px;
  --dm-space-2:16px;
  --dm-space-3:24px;
  --dm-space-4:40px;
  --dm-space-5:64px;
  --dm-space-6:96px;
  --dm-container:1320px;
  --dm-transition:.3s ease;
}

.dm-container{
  width:min(var(--dm-container),calc(100% - 40px));
  margin-inline:auto;
}

.dm-section{padding-block:var(--dm-space-6);}
.dm-section--soft{background:var(--dm-color-bg-soft);}

.dm-title-xl{
  margin:0;
  color:var(--dm-color-text);
  font-size:clamp(42px,6vw,76px);
  line-height:1.05;
}

.dm-title-lg{
  margin:0;
  color:var(--dm-color-text);
  font-size:clamp(32px,4vw,48px);
  line-height:1.15;
}

.dm-text-muted{color:var(--dm-color-text-muted);}

.dm-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 22px;
  border:1px solid transparent;
  border-radius:var(--dm-radius-sm);
  background:var(--dm-color-primary);
  color:var(--dm-color-white);
  font-weight:700;
  text-decoration:none;
  transition:var(--dm-transition);
}

.dm-button:hover{
  background:var(--dm-color-primary-hover);
  color:var(--dm-color-white);
  transform:translateY(-2px);
}

.dm-card{
  overflow:hidden;
  border:1px solid var(--dm-color-border);
  border-radius:var(--dm-radius-lg);
  background:var(--dm-color-white);
  box-shadow:var(--dm-shadow-sm);
  transition:var(--dm-transition);
}

.dm-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--dm-shadow-hover);
}

@media(max-width:768px){
  .dm-container{width:min(100% - 24px,var(--dm-container));}
  .dm-section{padding-block:var(--dm-space-5);}
}