x-dc{display:none!important}

html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%}

  
  
  
  
  html, body { margin: 0; padding: 0; background: #C4B1A1; font-family: 'SiteLatin', 'PingHL', system-ui, sans-serif; }
  h1, h2, h3, h4, p, a, span, div, button, input, select, textarea, figcaption, blockquote, label { font-family: "SiteLatin", "PingHL", system-ui, sans-serif; }
  * { box-sizing: border-box; }
  a { color: #3A322B; text-decoration: none; }
  a:hover { color: #8A7357; }
  img { display: block; }
  input, textarea, button, select { font-family: inherit; }
  ::selection { background: #E2D5C4; }
  section[id] { scroll-margin-top: 104px; }
  #sdProjRail { scrollbar-width: none; -ms-overflow-style: none; }
  #sdProjRail::-webkit-scrollbar { display: none; }
  #sdPage > section, #sdPage > footer { max-width: 1600px; margin-inline: auto; }
  #sdRibbons { max-width: none !important; width: 100vw !important; margin-inline: calc(50% - 50vw) !important; }
  #sdHeader { inset-inline: clamp(10px, 1.6vw, 22px) !important; max-width: 1600px; margin-inline: auto; }
  @media (max-width: 1060px) { #sdNavLinks { display: none !important; } }
  #sdHeader a { white-space: nowrap; }
  #catalog { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
  #sdSteps { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  @media (max-width: 1100px) { #catalog { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
  @media (max-width: 860px) { #sdSteps { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
  @media (max-width: 620px) { #catalog { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
  @media (max-width: 900px) { #sdMagGrid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
  @media (max-width: 600px) { #sdMagGrid { grid-template-columns: minmax(0, 1fr) !important; } }
  #sdFooterCols { grid-template-columns: 1.3fr repeat(3, minmax(0, 1fr)) !important; }
  @media (max-width: 1000px) { #sdFooterCols { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } #sdFooterCols > div:nth-child(odd) { border-inline-start: none !important; padding-inline-start: 0 !important; } }
  @media (max-width: 620px) { #sdFooterCols { grid-template-columns: minmax(0, 1fr) !important; } #sdFooterCols > div { border-inline-start: none !important; padding-inline-start: 0 !important; } }
  @media (max-width: 460px) { #sdSteps { grid-template-columns: minmax(0, 1fr) !important; } }
  @media (max-width: 620px) { #sdNavPhone { display: none !important; } }
  @keyframes sdLogoReveal { 0% { clip-path: inset(0 0 0 100%); opacity: 0; transform: scale(1.06) } 60% { opacity: 1 } 100% { clip-path: inset(0 0 0 0); opacity: 1; transform: scale(1) } }
  @keyframes sdWelcomeIn { 0% { opacity: 0; letter-spacing: 0.7em; transform: translateY(12px) } 100% { opacity: 1; letter-spacing: 0.3em; transform: translateY(0) } }
  @keyframes sdRuleIn { 0% { transform: scaleX(0); opacity: 0 } 100% { transform: scaleX(1); opacity: 1 } }
  @keyframes sdFloat { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-9px) } }
  @keyframes sdSheen { 0% { transform: translateX(-140%) } 55%, 100% { transform: translateX(140%) } }
  @keyframes sdFadeUp { 0% { opacity: 0; transform: translateY(14px) } 100% { opacity: 1; transform: translateY(0) } }
  @keyframes sdMarqueeA { 0% { transform: translateX(0) } 100% { transform: translateX(33.3333%) } }
  @keyframes sdMarqueeB { 0% { transform: translateX(0) } 100% { transform: translateX(-33.3333%) } }
  @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important } }

/* --- mobile menu (added in rebuild; original design had none) --- */
.sd-burger{display:none;flex:0 0 auto;width:42px;height:42px;border:none;border-radius:999px;background:transparent;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center;}
.sd-burger span{display:block;width:22px;height:2px;background:#3A322B;border-radius:2px;transition:transform .25s,opacity .2s;}
.sd-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.sd-burger.open span:nth-child(2){opacity:0;}
.sd-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
@media (max-width:1060px){ #sdHeader{display:flex!important;align-items:center;justify-content:space-between;gap:10px;} #sdNavLinks{display:none!important;} .sd-burger{display:flex;} }
.sd-mobile-nav{position:fixed;inset:0;z-index:70;background:rgba(246,241,233,.97);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);display:flex;align-items:center;justify-content:center;}
.sd-mobile-nav[hidden]{display:none;}
.sd-mobile-links{display:flex!important;flex-direction:column;gap:24px;text-align:center;font-size:22px;font-weight:600;padding:0;margin:0;}
.sd-mobile-links a{color:#3A322B;}
.sd-mobile-links > *:not(a){display:none!important;}