/* ============================================================
   DEBELL DESIGN — BRAND MOTIF (Option A: Open Nested Curves)
   Two thin open arcs traced from the D's bowl, never closing.
   Ivory on charcoal; charcoal on the paper/light surfaces.
   Loads AFTER styles.css. Targets the existing .crescent slots
   in the hero, clients, and contact sections, plus a footer mark.
   No literal crescent (rejected). Geometry echoes dbd-logo-primary-v1.ai.
   ============================================================ */

/* The .crescent placeholders already exist + are positioned in styles.css.
   Here we give them the actual two-arc artwork via an inline SVG child. */
.crescent{display:block}
.crescent svg{width:100%;height:100%;display:block;overflow:visible}
.crescent .arc{
  fill:none;
  stroke:var(--leaf);
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}
.crescent .arc-1{stroke-width:1.1px;opacity:.42}
.crescent .arc-2{stroke-width:1.1px;opacity:.26}

/* Hero: arcs sweep in from the top-right, behind the headline.
   Raised in the Jul 14 2026 review pass — this is the motif's ONE
   confident moment (the clients-section instance was cut the same day). */
.hero .crescent .arc-1{opacity:.5}
.hero .crescent .arc-2{opacity:.3}

/* Clients + Contact: the existing styles.css already dims these
   (.5 and .45). Our arcs inherit that section opacity. */

/* On a light surface (about portrait frame / any paper panel) flip
   the ink to charcoal. Add class .crescent--ink where needed. */
.crescent--ink .arc{stroke:var(--black)}
.crescent--ink .arc-1{opacity:.4}
.crescent--ink .arc-2{opacity:.24}

/* Subtle brand watermark behind the footer wordmark (the "ghost"
   nod from Option A — very transparent, never a logo lockup). */
.f-ghost{
  position:absolute;
  right:clamp(-40px,-2vw,0px);
  bottom:-10%;
  width:min(46vh,420px);
  height:min(46vh,420px);
  pointer-events:none;
  opacity:.5;
  z-index:0;
}
footer{position:relative;overflow:hidden}
footer .wrap{position:relative;z-index:1}

@media (prefers-reduced-motion:no-preference){
  .crescent svg .arc{transition:opacity .6s ease}
}