/* ===================================================================
   Joyce Sobel, Attorney at Law — design-b — Pitch Deck design system
   Scoped [data-design="b"] throughout. Remapped from pitch-deck.
   =================================================================== */

[data-design="b"]{
  --design-b-primary:#A86B3E;
  --page:#FCFBF9; --page-deep:#F4F2EC;
  --ink:#0E0D0A; --ink-soft:#3D3A33; --muted:#7A766B;
  --rule:#E0DDD3; --rule-strong:#C8C4B5;
  --accent:#A86B3E; --accent-deep:#7A4923;
  --link:#1F4E7A; --seal:#3F7444; --critical:#7B1812;

  --font-display:"Sohne","ABC Diatype","Inter",system-ui,sans-serif;
  --font-body:"Sohne","ABC Diatype","Inter",system-ui,sans-serif;
  --font-data:"Sohne Mono","JetBrains Mono","IBM Plex Mono",ui-monospace,monospace;

  --text-meta:12px; --text-cap:14px; --text-body:17px; --text-helper:19px;
  --text-deck:24px; --text-head:36px; --text-banner:56px; --text-display:80px;

  --space-quad:4px; --space-em:8px; --space-line:16px; --space-para:24px;
  --space-section:64px; --space-h2:104px; --space-h1:160px;

  --dur-tick:100ms; --dur-snap:180ms; --dur-fade:280ms; --dur-lift:240ms;
  --dur-track:320ms; --dur-stamp:600ms; --dur-ambient:6000ms;
  --ease-doc:cubic-bezier(.22,1,.36,1);
  --ease-snap:cubic-bezier(.7,0,.84,0);
  --ease-pulse:cubic-bezier(.45,.05,.55,.95);

  --radius-tight:4px; --radius-soft:8px; --radius-pin:50%;
  --shadow-card:0 0 0 1px var(--rule);
  --shadow-press:inset 0 1px 0 rgba(0,0,0,.04);
  --shadow-focus:0 0 0 2px var(--page),0 0 0 4px var(--link);

  color:var(--ink); background:var(--page);
  font-family:var(--font-body); -webkit-font-smoothing:antialiased;
  isolation:isolate;
}
@media (prefers-color-scheme:dark){
  [data-design="b"]{
    --page:#0D0C0A; --page-deep:#16140F;
    --ink:#F5F2EA; --ink-soft:#C5C0B5; --muted:#8A8474;
    --rule:#22201C; --rule-strong:#363230;
    --accent:#D0935F; --accent-deep:#E5A876;
    --link:#5A87BD; --seal:#7AA572; --critical:#BD382C;
    --shadow-press:inset 0 1px 0 rgba(255,255,255,.04);
  }
}
[data-design="b"].dq-design *{box-sizing:border-box}
[data-design="b"] .pd-eyebrow{
  font-family:var(--font-data);font-size:var(--text-meta);color:var(--accent);
  text-transform:uppercase;letter-spacing:.12em;margin:0 0 var(--space-em);
}
[data-design="b"] .pd-h2{
  font-family:var(--font-display);font-weight:600;font-size:var(--text-head);
  line-height:1.15;letter-spacing:-.015em;color:var(--ink);margin:0;
  text-wrap:balance;
}

/* ============ Element 1 — header ============ */
[data-design="b"] .pd-header{
  position:sticky;top:0;z-index:50;width:100%;
  /* motion-exception: PERF-6 — solid/translucent fill instead of backdrop-filter:blur() on this sticky header; avoids re-blurring the animating hairline/hero every frame on mid-range GPUs while keeping the document-glass read via a near-opaque page tint. */
  background:color-mix(in srgb,var(--page) 96%,transparent);
  border-bottom:1px solid var(--rule);
}
[data-design="b"] .pd-header__bar{
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-line);
  max-width:1100px;margin-inline:auto;padding:var(--space-line) clamp(16px,5vw,40px);
}
[data-design="b"] .pd-logo{
  display:inline-flex;align-items:center;gap:var(--space-em);min-width:0;
  text-decoration:none;color:var(--ink);
  font-family:var(--font-display);font-weight:600;font-size:var(--text-helper);letter-spacing:-.01em;
}
[data-design="b"] .pd-logo__dot{
  width:9px;height:9px;border-radius:var(--radius-pin);background:var(--accent);flex:0 0 auto;
}
[data-design="b"] .pd-logo__mark{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-design="b"] .pd-header__rule{
  position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden;
}
[data-design="b"] .pd-header__drift{
  position:absolute;inset:0;opacity:.7;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 42%,transparent),transparent);
  background-size:38% 100%;background-repeat:no-repeat;
  animation:pd-header-drift-b 24s var(--ease-pulse) infinite;
}
[data-design="b"] .pd-header__progress{
  position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--accent);
  transform:scaleX(0);transform-origin:left center;
  transition:transform var(--dur-tick) linear;
}
@keyframes pd-header-drift-b{0%{background-position:-40% 0}100%{background-position:140% 0}}
[data-design="b"] .pd-burger{
  display:inline-flex;flex-direction:column;justify-content:center;gap:5px;flex:0 0 auto;
  width:40px;height:40px;padding:0 8px;cursor:pointer;
  background:var(--page);border:1px solid var(--rule);border-radius:var(--radius-tight);
  transition:border-color var(--dur-snap) var(--ease-doc);
}
@media (hover:hover) and (pointer:fine){
  [data-design="b"] .pd-burger:hover{border-color:var(--rule-strong)}
}
[data-design="b"] .pd-burger:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
[data-design="b"] .pd-burger__line{
  height:1.5px;width:100%;background:var(--ink);
  transition:transform var(--dur-snap) var(--ease-doc),opacity var(--dur-snap);
}
[data-design="b"] .pd-burger[aria-expanded="true"] .pd-burger__line:nth-child(1){transform:translateY(3.25px) rotate(45deg)}
[data-design="b"] .pd-burger[aria-expanded="true"] .pd-burger__line:nth-child(2){transform:translateY(-3.25px) rotate(-45deg)}
[data-design="b"] .pd-drawer{position:fixed;inset:0;z-index:60}
[data-design="b"] .pd-drawer[hidden]{display:none}
[data-design="b"] .pd-drawer__scrim{
  position:absolute;inset:0;background:rgba(14,13,10,.5);opacity:0;
  transition:opacity var(--dur-fade) var(--ease-doc);
}
[data-design="b"] .pd-drawer.is-open .pd-drawer__scrim{opacity:1}
[data-design="b"] .pd-drawer__panel{
  position:absolute;top:0;right:0;height:100%;width:min(600px,86vw);max-width:100vw;
  background:var(--page);border-left:1px solid var(--rule);
  padding:var(--space-section) var(--space-para);
  display:flex;flex-direction:column;gap:var(--space-para);
  transform:translateX(100%);transition:transform var(--dur-fade) var(--ease-doc);
}
[data-design="b"] .pd-drawer.is-open .pd-drawer__panel{transform:translateX(0)}
[data-design="b"] .pd-drawer__crumb{
  font-family:var(--font-data);font-size:var(--text-meta);color:var(--muted);
  letter-spacing:.04em;text-transform:uppercase;margin:0;
}
[data-design="b"] .pd-drawer__esc{
  position:absolute;top:var(--space-para);right:var(--space-para);
  font-family:var(--font-data);font-size:var(--text-meta);color:var(--muted);
  background:none;border:none;cursor:pointer;letter-spacing:.04em;
}
[data-design="b"] .pd-drawer__nav{display:flex;flex-direction:column;gap:var(--space-line)}
[data-design="b"] .pd-navlink{
  font-family:var(--font-display);font-weight:500;font-size:var(--text-deck);color:var(--ink-soft);
  text-decoration:none;padding-bottom:var(--space-em);border-bottom:1px solid var(--rule);
  transition:color var(--dur-snap) var(--ease-doc);
}
@media (hover:hover) and (pointer:fine){
  [data-design="b"] .pd-navlink:hover{color:var(--ink)}
}
[data-design="b"] .pd-drawer__tel{
  margin-top:auto;display:inline-flex;align-items:center;justify-content:center;
  padding:12px 18px;border-radius:var(--radius-tight);border:1px solid var(--rule);
  font-family:var(--font-data);font-size:var(--text-cap);letter-spacing:.04em;
  color:var(--ink);text-decoration:none;background:var(--page-deep);
  transition:border-color var(--dur-snap) var(--ease-doc);
}
@media (hover:hover) and (pointer:fine){
  [data-design="b"] .pd-drawer__tel:hover{border-color:var(--accent)}
}
@media (prefers-reduced-motion:reduce){
  [data-design="b"] .pd-header__drift{animation:none;opacity:.45}
  [data-design="b"] .pd-drawer__panel,
  [data-design="b"] .pd-drawer__scrim{transition:none}
}
@media (max-width:768px){
  [data-design="b"] .pd-header__bar{padding:var(--space-line) clamp(16px,5vw,32px)}
}
@media (max-width:560px){
  [data-design="b"] .pd-logo{font-size:var(--text-body)}
  [data-design="b"] .pd-drawer__panel{width:100vw;border-left:none}
}
@media (max-width:390px){
  [data-design="b"] .pd-navlink{font-size:var(--text-helper)}
}
@media (max-width:320px){
  [data-design="b"] .pd-header__bar{padding:12px}
  [data-design="b"] .pd-logo__mark{max-width:60vw}
}

/* ============ HERO — themed-movement schematic (one ambient layer) ============ */
[data-design="b"] .pd-hero{
  position:relative;isolation:isolate;overflow:clip;
  min-height:min(78vh,720px);
  display:flex;align-items:center;justify-content:center;
  padding:var(--space-h1) clamp(20px,6vw,48px);
  text-align:center;
}
[data-design="b"] .pd-hero__backdrop{
  position:absolute;inset:0;z-index:0;overflow:clip;
  background:var(--page);
}
[data-design="b"] .pd-hero__wash{
  position:absolute;inset:-10%;
  background:radial-gradient(65% 55% at 50% 38%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 72%);
  opacity:.55;
  animation:pd-hero-wash-b 6s var(--ease-pulse) infinite;
}
@keyframes pd-hero-wash-b{
  0%,100%{opacity:.32;transform:scale(1)}
  50%{opacity:.6;transform:scale(1.05)}
}
[data-design="b"] .pd-hero__mark{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:min(52vw,620px);height:min(52vw,620px);
  pointer-events:none;user-select:none;
}
[data-design="b"] .pd-hero__mark::before{
  content:"\00a7";display:block;
  font-family:var(--font-display);font-weight:600;
  font-size:min(52vw,620px);line-height:1;color:var(--ink);
  opacity:.05;text-align:center;
}
[data-design="b"] .pd-hero__rule{
  position:absolute;left:50%;top:14%;bottom:14%;width:1px;
  background:var(--accent);opacity:.4;
  transform:translateX(-50%) scaleY(.08);transform-origin:top center;
  animation:pd-hero-rule-b 5.5s var(--ease-pulse) infinite;
}
@keyframes pd-hero-rule-b{
  0%{transform:translateX(-50%) scaleY(.08);opacity:.25}
  45%{transform:translateX(-50%) scaleY(1);opacity:.55}
  100%{transform:translateX(-50%) scaleY(.08);opacity:.25}
}
[data-design="b"] .pd-hero__inner{
  position:relative;z-index:2;max-width:780px;margin-inline:auto;
  display:flex;flex-direction:column;gap:var(--space-line);
}
[data-design="b"] .pd-hero__headline{
  margin:0;opacity:1;
  font-family:var(--font-display);font-weight:600;
  font-size:var(--text-banner);line-height:1.08;letter-spacing:-.02em;color:var(--ink);
  text-wrap:balance;
}
@media (min-width:768px){
  [data-design="b"] .pd-hero__headline{font-size:clamp(var(--text-banner),6vw,var(--text-display))}
}
[data-design="b"] .pd-hero__subtitle{
  margin:0;opacity:1;
  font-family:var(--font-body);font-weight:400;font-size:var(--text-helper);
  line-height:1.5;color:var(--ink-soft);
}
[data-design="b"] .pd-hero__proof{
  margin:0;opacity:1;
  font-family:var(--font-data);font-size:var(--text-cap);color:var(--muted);
  letter-spacing:.02em;
}
@media (prefers-reduced-motion:reduce){
  [data-design="b"] .pd-hero__wash{animation:none;opacity:.4}
  [data-design="b"] .pd-hero__rule{animation:none;transform:translateX(-50%) scaleY(.7);opacity:.4}
}
@media (max-width:560px){
  [data-design="b"] .pd-hero{min-height:min(88vh,640px);padding:var(--space-section) 20px}
  [data-design="b"] .pd-hero__mark{font-size:70vw}
}
@media (max-width:320px){
  [data-design="b"] .pd-hero{padding:var(--space-section) 14px}
}

/* ============ E6 — Pointer ============ */
[data-design="b"] .pd-pointer{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  padding:var(--space-para) clamp(16px,5vw,40px) var(--space-line);
  opacity:1;
}
[data-design="b"] .pd-pointer__rule{
  display:block;width:1px;height:36px;background:var(--accent);
  transform:scaleY(.3);transform-origin:top center;opacity:.6;
  animation:pd-pointer-draw-b 5s var(--ease-pulse) infinite;
}
@keyframes pd-pointer-draw-b{
  0%,100%{transform:scaleY(.3);opacity:.35}
  50%{transform:scaleY(1);opacity:.75}
}
[data-design="b"] .pd-pointer__label{
  font-family:var(--font-data);font-size:var(--text-meta);color:var(--muted);
  letter-spacing:.1em;text-transform:uppercase;
}
@media (prefers-reduced-motion:reduce){
  [data-design="b"] .pd-pointer__rule{animation:none;transform:scaleY(.7);opacity:.5}
}

/* ============ Element 2 primitives (button used inside funnel) ============ */
[data-design="b"] .pd-cta{
  position:relative;display:inline-flex;align-items:center;gap:var(--space-em);
  max-width:100%;padding:12px 22px;border-radius:var(--radius-tight);
  background:var(--ink);color:var(--page);text-decoration:none;border:none;cursor:pointer;
  font-family:var(--font-display);font-weight:500;font-size:var(--text-body);letter-spacing:-.005em;
  box-shadow:var(--shadow-press);
  transition:background var(--dur-snap) var(--ease-doc),transform var(--dur-snap) var(--ease-doc);
}
@media (hover:hover) and (pointer:fine){
  [data-design="b"] .pd-cta:hover{background:var(--ink-soft)}
}
[data-design="b"] .pd-cta:focus-visible{background:var(--ink-soft);outline:none;box-shadow:var(--shadow-focus)}
[data-design="b"] .pd-cta:active{transform:translateY(1px)}
@media (prefers-reduced-motion:reduce){
  [data-design="b"] .pd-cta{transition:none}
}
@media (max-width:560px){
  [data-design="b"] .pd-cta{width:100%;justify-content:center}
}

/* ============ Element 5 — Funnel ============ */
[data-design="b"] .pd-interactive{
  max-width:680px;margin-inline:auto;padding:var(--space-h1) clamp(16px,5vw,40px) var(--space-h2);
  scroll-margin-top:80px;
}
[data-design="b"] .pd-funnel{
  margin-top:var(--space-section);padding:var(--space-para);
  border:1px solid var(--rule);border-radius:var(--radius-soft);
  background:var(--page);box-shadow:var(--shadow-card);
}
[data-design="b"] .pd-funnel__progress{
  display:flex;align-items:center;gap:var(--space-line);margin-bottom:var(--space-para);
}
[data-design="b"] .pd-funnel__count{
  white-space:nowrap;font-family:var(--font-data);font-size:var(--text-meta);color:var(--muted);
  letter-spacing:.04em;font-variant-numeric:tabular-nums;
}
[data-design="b"] .pd-funnel__track{
  position:relative;flex:1;height:2px;background:var(--rule);border-radius:2px;overflow:hidden;
}
[data-design="b"] .pd-funnel__fill{
  position:absolute;inset:0 auto 0 0;width:100%;background:var(--accent);
  transform:scaleX(.25);transform-origin:left center;
  transition:transform var(--dur-track) var(--ease-doc);
}
[data-design="b"] .pd-funnel__step{border:none;margin:0;padding:0;min-inline-size:0}
[data-design="b"] .pd-funnel__step[hidden]{display:none}
[data-design="b"] .pd-funnel__step.is-active{animation:pd-step-in-b var(--dur-fade) var(--ease-doc)}
@keyframes pd-step-in-b{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
[data-design="b"] .pd-funnel__legend{
  padding:0;margin-bottom:var(--space-line);
  font-family:var(--font-display);font-weight:600;font-size:var(--text-deck);color:var(--ink);
}
[data-design="b"] .pd-field{display:block;margin-bottom:var(--space-line)}
[data-design="b"] .pd-field__label{
  display:block;margin-bottom:6px;
  font-family:var(--font-data);font-size:var(--text-meta);color:var(--muted);
  text-transform:uppercase;letter-spacing:.06em;
}
[data-design="b"] .pd-field__input{
  width:100%;padding:10px 12px;border:1px solid var(--rule);border-radius:var(--radius-tight);
  background:var(--page-deep);color:var(--ink);font-family:var(--font-body);font-size:var(--text-body);
  transition:border-color var(--dur-snap) var(--ease-doc);
}
[data-design="b"] .pd-field__input:focus-visible{outline:none;border-color:var(--link);box-shadow:var(--shadow-focus)}
[data-design="b"] .pd-field__input.is-error{border-color:var(--critical)}
[data-design="b"] .pd-field__area{min-height:96px;resize:vertical}
[data-design="b"] .pd-field__help{
  display:block;margin-top:6px;font-family:var(--font-data);font-size:var(--text-meta);color:var(--muted);
}
[data-design="b"] .pd-funnel__chips{display:flex;flex-wrap:wrap;gap:var(--space-em)}
[data-design="b"] .pd-chip{
  padding:8px 14px;border:1px solid var(--rule);border-radius:var(--radius-tight);cursor:pointer;
  background:var(--page);color:var(--ink-soft);font-family:var(--font-body);font-size:var(--text-cap);
  transition:border-color var(--dur-snap) var(--ease-doc),color var(--dur-snap);
  min-height:44px;
}
@media (hover:hover) and (pointer:fine){
  [data-design="b"] .pd-chip:hover{border-color:var(--rule-strong)}
}
[data-design="b"] .pd-chip[aria-pressed="true"]{border-color:var(--accent);color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent)}
[data-design="b"] .pd-chip:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
[data-design="b"] .pd-funnel__actions{display:flex;align-items:center;gap:var(--space-line);margin-top:var(--space-para)}
[data-design="b"] .pd-funnel__back{
  background:none;border:none;cursor:pointer;min-height:44px;padding:0 4px;
  font-family:var(--font-data);font-size:var(--text-cap);color:var(--muted);letter-spacing:.02em;
}
@media (hover:hover) and (pointer:fine){
  [data-design="b"] .pd-funnel__back:hover{color:var(--ink)}
}
[data-design="b"] .pd-funnel__review{margin:0;display:grid;gap:var(--space-em)}
[data-design="b"] .pd-funnel__review div{
  display:grid;grid-template-columns:auto 1fr;gap:var(--space-line);
  padding-top:var(--space-em);border-top:1px solid var(--rule);
}
[data-design="b"] .pd-funnel__review dt{
  font-family:var(--font-data);font-size:var(--text-meta);color:var(--muted);
  text-transform:uppercase;letter-spacing:.06em;
}
[data-design="b"] .pd-funnel__review dd{margin:0;font-family:var(--font-body);font-size:var(--text-body);color:var(--ink)}
[data-design="b"] .pd-funnel__micro{
  margin-top:var(--space-line);font-family:var(--font-data);font-size:var(--text-meta);color:var(--muted);
  text-transform:uppercase;letter-spacing:.04em;
}
[data-design="b"] .pd-funnel__done[hidden]{display:none}
[data-design="b"] .pd-funnel__seal{color:var(--seal)}
[data-design="b"] .pd-funnel__seal::before{
  content:"";display:inline-block;width:7px;height:7px;margin-right:6px;
  border-radius:var(--radius-pin);background:var(--seal);
}
[data-design="b"] .pd-funnel__done:not([hidden]) .pd-funnel__seal{
  display:inline-flex;align-items:center;animation:pd-funnel-stamp-b var(--dur-stamp) var(--ease-doc);
}
@keyframes pd-funnel-stamp-b{0%{opacity:0;transform:scale(.95)}100%{opacity:1;transform:scale(1)}}
[data-design="b"] .pd-funnel__done-note{
  margin-top:var(--space-em);font-family:var(--font-body);font-size:var(--text-body);
  color:var(--ink-soft);line-height:1.55;
}
[data-design="b"] .pd-funnel__disclaimer{
  max-width:680px;margin:var(--space-line) auto 0;
  font-family:var(--font-data);font-size:var(--text-meta);color:var(--muted);
  line-height:1.5;
}
@media (prefers-reduced-motion:reduce){
  [data-design="b"] .pd-funnel__step.is-active{animation:none}
  [data-design="b"] .pd-funnel__fill{transition:none}
  [data-design="b"] .pd-funnel__done:not([hidden]) .pd-funnel__seal{animation:none}
}
@media (max-width:560px){
  [data-design="b"] .pd-funnel__actions{flex-direction:column-reverse;align-items:stretch}
  [data-design="b"] .pd-funnel__back{padding:8px 0}
  [data-design="b"] .pd-funnel__review div{grid-template-columns:1fr;gap:2px}
}
@media (max-width:320px){
  [data-design="b"] .pd-interactive{padding:var(--space-section) 14px}
  [data-design="b"] .pd-funnel{padding:var(--space-line)}
}

/* ============ Element 3 — Ambient A — Ledger (Practice Areas) ============ */
[data-design="b"] .pd-ledger{
  position:relative;max-width:760px;margin-inline:auto;
  padding:var(--space-h2) clamp(16px,5vw,40px);
}
[data-design="b"] .pd-ledger__head{margin-bottom:var(--space-para)}
[data-design="b"] .pd-ledger__feed{list-style:none;margin:var(--space-section) 0 0;padding:0}
[data-design="b"] .pd-ledger__row{
  display:grid;grid-template-columns:auto 1fr;gap:var(--space-line);align-items:baseline;
  padding:var(--space-line) 0;border-top:1px solid var(--rule);
  opacity:0;transform:translateY(6px);
}
[data-design="b"] .pd-ledger.is-visible .pd-ledger__row{
  animation:pd-stamp-in-b var(--dur-stamp) var(--ease-doc) forwards;animation-delay:var(--d,0ms);
}
@keyframes pd-stamp-in-b{
  0%{opacity:0;transform:translateY(6px) scale(.97)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
[data-design="b"] .pd-stamp{
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  font-family:var(--font-data);font-size:var(--text-meta);color:var(--muted);
  letter-spacing:.04em;font-variant-numeric:tabular-nums;
}
[data-design="b"] .pd-ledger__row.is-fresh .pd-stamp{color:var(--accent-deep)}
[data-design="b"] .pd-ledger__row.is-fresh .pd-stamp::before{
  content:"";width:7px;height:7px;border-radius:var(--radius-pin);background:var(--accent);
  animation:pd-fresh-pulse-b var(--dur-ambient) var(--ease-pulse) infinite;
}
@keyframes pd-fresh-pulse-b{0%,100%{opacity:.5}50%{opacity:1}}
[data-design="b"] .pd-ledger__note{
  font-family:var(--font-body);font-size:var(--text-body);color:var(--ink-soft);
  line-height:1.55;text-wrap:pretty;
}
[data-design="b"] .pd-ledger__wash{
  position:absolute;inset:0;z-index:-1;opacity:.6;
  background:radial-gradient(120% 60% at 50% 0%,var(--page-deep),transparent 70%);
}
[data-design="b"] .pd-ledger.is-paused .pd-ledger__row.is-fresh .pd-stamp::before{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
  [data-design="b"] .pd-ledger__row,
  [data-design="b"] .pd-ledger.is-visible .pd-ledger__row{opacity:1;transform:none;animation:none}
  [data-design="b"] .pd-ledger__row.is-fresh .pd-stamp::before{animation:none}
}
@media (max-width:560px){
  [data-design="b"] .pd-ledger__row{grid-template-columns:1fr;gap:var(--space-quad)}
}
@media (max-width:320px){
  [data-design="b"] .pd-ledger{padding:var(--space-section) 14px}
}

/* ============ Element 4 — Ambient B — Margin Rule (About) ============ */
[data-design="b"] .pd-margin{
  position:relative;max-width:760px;margin-inline:auto;overflow:hidden;
  padding:var(--space-h2) clamp(28px,7vw,72px);background:var(--page);
}
[data-design="b"] .pd-margin__rule{
  position:absolute;top:var(--space-h2);bottom:var(--space-h2);left:clamp(16px,4vw,40px);
  width:1px;background:var(--accent);transform-origin:top center;transform:scaleY(.1);opacity:.5;
  animation:pd-margin-draw-b 14s var(--ease-pulse) infinite;
}
@keyframes pd-margin-draw-b{
  0%{transform:scaleY(.08);opacity:.35}
  50%{transform:scaleY(1);opacity:.8}
  100%{transform:scaleY(.08);opacity:.35}
}
[data-design="b"] .pd-margin__wash{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,var(--page-deep),transparent 60%);
  opacity:.25;animation:pd-margin-wash-b 18s var(--ease-pulse) infinite;
}
@keyframes pd-margin-wash-b{0%,100%{opacity:.25}50%{opacity:.55}}
[data-design="b"] .pd-margin__quote{position:relative;z-index:1;margin:0}
[data-design="b"] .pd-margin__body{
  margin:var(--space-line) 0;max-width:62ch;text-wrap:pretty;
  font-family:var(--font-display);font-weight:500;font-size:var(--text-deck);
  line-height:1.4;letter-spacing:-.01em;color:var(--ink);
}
[data-design="b"] .pd-margin__cite{
  font-family:var(--font-data);font-size:var(--text-meta);color:var(--muted);
  letter-spacing:.04em;text-transform:uppercase;
}
[data-design="b"] .pd-margin.is-paused .pd-margin__rule,
[data-design="b"] .pd-margin.is-paused .pd-margin__wash{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
  [data-design="b"] .pd-margin__rule{animation:none;transform:scaleY(1);opacity:.5}
  [data-design="b"] .pd-margin__wash{animation:none;opacity:.35}
}
@media (max-width:768px){
  [data-design="b"] .pd-margin{padding:var(--space-section) clamp(24px,7vw,48px)}
}
@media (max-width:560px){
  [data-design="b"] .pd-margin__body{font-size:var(--text-helper)}
}
@media (max-width:320px){
  [data-design="b"] .pd-margin{padding:var(--space-section) 18px}
  [data-design="b"] .pd-margin__rule{left:8px}
}

/* ============ Jurisdiction ============ */
[data-design="b"] .pd-jurisdiction{
  max-width:1100px;margin-inline:auto;padding:var(--space-h2) clamp(16px,5vw,40px);
}
[data-design="b"] .pd-jurisdiction__grid{
  margin-top:var(--space-para);display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
}
[data-design="b"] .pd-jurisdiction__card{
  padding:var(--space-para);border:1px solid var(--rule);border-radius:var(--radius-soft);
  background:var(--page-deep);
}
[data-design="b"] .pd-jurisdiction__label{
  margin:0 0 6px;font-family:var(--font-data);font-size:var(--text-meta);color:var(--muted);
  text-transform:uppercase;letter-spacing:.06em;
}
[data-design="b"] .pd-jurisdiction__value{
  margin:0;font-family:var(--font-body);font-size:var(--text-body);color:var(--ink);
}
[data-design="b"] .pd-chiplink{
  display:inline-flex;align-items:center;min-height:44px;
  font-family:var(--font-display);font-weight:500;font-size:var(--text-body);
  color:var(--link);text-decoration:none;border-bottom:1px solid var(--link);
}
@media (max-width:768px){
  [data-design="b"] .pd-jurisdiction__grid{grid-template-columns:1fr}
}

/* ============ Footer — Imprint ============ */
[data-design="b"] .pd-footer{
  border-top:1px solid var(--rule);background:var(--page-deep);
}
[data-design="b"] .pd-footer__inner{
  max-width:1100px;margin-inline:auto;padding:var(--space-h2) clamp(16px,5vw,40px) var(--space-section);
}
[data-design="b"] .pd-footer__firm{
  margin:0 0 var(--space-para);font-family:var(--font-display);font-weight:600;
  font-size:var(--text-deck);color:var(--ink);
}
[data-design="b"] .pd-footer__cols{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  padding-bottom:var(--space-para);border-bottom:1px solid var(--rule);
}
[data-design="b"] .pd-footer__label{
  margin:0 0 6px;font-family:var(--font-data);font-size:var(--text-meta);color:var(--muted);
  text-transform:uppercase;letter-spacing:.06em;
}
[data-design="b"] .pd-footer__val{margin:0;font-family:var(--font-body);font-size:var(--text-cap);color:var(--ink-soft)}
[data-design="b"] .pd-footer__responsible{
  margin:var(--space-para) 0 0;font-family:var(--font-data);font-size:var(--text-meta);color:var(--ink-soft);
  letter-spacing:.02em;
}
[data-design="b"] .pd-footer__disclaimer{
  margin:var(--space-em) 0 0;max-width:70ch;font-family:var(--font-data);font-size:var(--text-meta);
  color:var(--muted);line-height:1.6;
}
[data-design="b"] .pd-footer__printed{
  margin:var(--space-para) 0 0;font-family:var(--font-data);font-size:var(--text-meta);color:var(--muted);
  letter-spacing:.04em;
}
@media (max-width:768px){
  [data-design="b"] .pd-footer__cols{grid-template-columns:1fr;gap:var(--space-line)}
}

/* ===================================================================
   MOBILE SAFETY — scoped to .dq-design, appended per hard contract
   =================================================================== */
[data-design="b"].dq-design,[data-design="b"] .dq-design{max-width:100%;overflow-x:clip;}
[data-design="b"].dq-design *{min-width:0;}
[data-design="b"].dq-design img,[data-design="b"].dq-design svg:not([data-keep-size]){max-width:100%;height:auto;}

/* stranded-wrapper autofix (drain 2026-07-03): every fixed max-width column centers — gate content_uncentered_left_stranded */
[data-design="b"] .pd-margin__body { margin-inline: auto; }
[data-design="b"] .pd-footer__disclaimer { margin-inline: auto; }

/* Phase-3.4 hero visibility floor (forge_assemble) */
[data-design="b"] [data-mf-role="hero"] :is(h1,h2,p,.headline,.subtitle,.proof,[class*="headline"],[class*="subtitle"],[class*="proof"]),
[data-design="b"] [data-mf-role="cta"] { opacity: 1 !important; }