/* ==========================================================================
   Thomas Surface Coatings — Accent Devices
   Use ONE per section, never two.
   ========================================================================== */

/* 1. Paired corner rule — the signature. Long red leg + short blue leg.
      Top-left of dark bands. */
.d-corner{position:relative}
.d-corner::before{content:"";position:absolute;top:0;left:0;width:120px;height:6px;background:var(--red)}
.d-corner::after{content:"";position:absolute;top:0;left:120px;width:60px;height:6px;background:var(--blue)}

/* 2. Vertical edge mark — hero top-right ONLY. */
.d-edge{position:relative}
.d-edge::before{content:"";position:absolute;top:0;right:0;width:6px;height:100px;background:var(--red)}
.d-edge::after{content:"";position:absolute;top:0;right:6px;width:2px;height:50px;background:var(--blue)}

/* 3. 10px diagonal clip — primary buttons and badges only. */
.d-clip{clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}

/* 4. Floor glow — placeholder standing in for photography. */
.d-floor{position:relative;background:
  radial-gradient(120% 60% at 50% 100%,rgba(215,32,43,.14),transparent 60%),
  radial-gradient(80% 40% at 20% 80%,rgba(37,87,160,.22),transparent 70%),
  linear-gradient(180deg,#0a0a0a,#1d1d1d)}
.d-floor::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 30%,rgba(244,241,234,.04) 55%,rgba(244,241,234,.09) 62%,transparent 80%);transform:skewY(-2deg)}

/* 5. Red-led hairline stack — section dividers. First rule 6px red at 40%. */
.d-rule{display:flex;flex-direction:column;gap:10px}
.d-rule span{height:1px;background:var(--line-dark)}
.d-rule span:first-child{height:6px;background:var(--red);width:40%}