.ace-arc-scope--transparency {
  --bg: #d94f10;
  --bg-deep: #b83d0a;
  --text: #fff7ed;
  --muted: rgba(255, 247, 237, 0.76);
  --line: rgba(255, 247, 237, 0.33);
  --line-strong: rgba(255, 247, 237, 0.76);
  --accent: #fff7ed;
  --font-serif: "Source Serif 4", Georgia, serif;
  --font-sans: "DM Sans", Arial, sans-serif;
}

[data-theme="dark"] .ace-arc-scope--transparency, .ace-arc-scope--transparency[data-theme="dark"] {
  --bg: #190a04;
  --bg-deep: #3b1307;
  --text: #fff7ed;
  --muted: rgba(255, 247, 237, 0.68);
  --line: rgba(255, 247, 237, 0.22);
  --line-strong: rgba(255, 247, 237, 0.58);
}

.ace-arc-scope--transparency * { box-sizing: border-box; border-radius: 0 !important; }
.ace-arc-scope--transparency { background: var(--bg); color: var(--text); font-family: var(--font-sans); }
.ace-arc-scope--transparency { margin: 0; min-width: 320px; background: radial-gradient(circle at 70% 22%, rgba(255,255,255,0.14), transparent 26%), linear-gradient(130deg, var(--bg), var(--bg-deep)); }
.ace-arc-scope--transparency a, .ace-arc-scope--transparency button { font: inherit; }
.ace-arc-scope--transparency button { color: inherit; }

.ace-arc-scope--transparency .navigator-page { width: min(100%, 1600px); min-height: 100vh; margin: 0 auto; padding: 0 38px 38px; }
.ace-arc-scope--transparency .story-header { display: flex; align-items: center; justify-content: space-between; gap: 28px; min-height: 88px; border-bottom: 1px solid var(--line); }
.ace-arc-scope--transparency .story-logo { display: inline-flex; width: 134px; min-height: 46px; align-items: center; }
.ace-arc-scope--transparency .story-logo img { display: block; width: 100%; max-height: 50px; object-fit: contain; object-position: left center; }
.ace-arc-scope--transparency .story-actions, .ace-arc-scope--transparency .story-nav { display: flex; align-items: center; }
.ace-arc-scope--transparency .story-actions { gap: 22px; }
.ace-arc-scope--transparency .story-nav { gap: clamp(18px, 3vw, 40px); }
.ace-arc-scope--transparency .story-nav a { color: var(--text); font-size: 12px; font-weight: 800; letter-spacing: 0.04em; text-decoration: none; text-transform: uppercase; }
.ace-arc-scope--transparency .story-nav a:hover, .ace-arc-scope--transparency .story-nav a:focus-visible { color: #11100d; }
[data-theme="dark"] .ace-arc-scope--transparency .story-nav a:hover, [data-theme="dark"] .ace-arc-scope--transparency .story-nav a:focus-visible { color: #ff7518; }
.ace-arc-scope--transparency .theme-toggle { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--line-strong); background: transparent; cursor: pointer; }

.ace-arc-scope--transparency .story-section { position: relative; padding: clamp(38px, 6vw, 72px) 0 0; }
.ace-arc-scope--transparency .story-line { display: grid; grid-template-columns: auto 1fr auto 1fr 42px; gap: 26px; align-items: center; margin-bottom: clamp(42px, 6vw, 74px); }
.ace-arc-scope--transparency .story-line span { color: var(--text); font-size: 14px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; }
.ace-arc-scope--transparency .story-line span:nth-child(2) { text-align: center; }
.ace-arc-scope--transparency .story-line::before, .ace-arc-scope--transparency .story-line::after, .ace-arc-scope--transparency .story-line span:last-child { height: 1px; background: var(--line-strong); content: ""; }
.ace-arc-scope--transparency .story-line span:last-child { position: relative; }
.ace-arc-scope--transparency .story-line span:last-child::after { position: absolute; top: -16px; right: 16px; width: 1px; height: 32px; background: var(--line-strong); content: ""; }

.ace-arc-scope--transparency .story-grid { display: grid; grid-template-columns: minmax(420px, 0.82fr) minmax(520px, 1.18fr); gap: clamp(32px, 6vw, 92px); align-items: center; }
.ace-arc-scope--transparency .story-copy h1 { max-width: 740px; margin: 0; font-family: var(--font-serif); font-size: clamp(58px, 7.2vw, 124px); font-weight: 500; line-height: 1.02; letter-spacing: 0.02em; text-transform: uppercase; }
.ace-arc-scope--transparency .story-copy h1::after { display: block; width: 54px; height: 3px; margin: 28px 0; background: var(--text); content: ""; }
.ace-arc-scope--transparency .story-copy p { max-width: 660px; margin: 0; color: var(--text); font-size: clamp(18px, 1.6vw, 25px); line-height: 1.55; }
.ace-arc-scope--transparency .navigator-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; width: min(100%, 560px); min-height: 76px; margin-top: 34px; border: 1px solid var(--line-strong); padding: 0 34px; color: var(--text); font-weight: 800; letter-spacing: 0.14em; text-decoration: none; text-transform: uppercase; }
.ace-arc-scope--transparency .navigator-button:hover, .ace-arc-scope--transparency .navigator-button:focus-visible { background: var(--text); color: var(--bg-deep); }

.ace-arc-scope--transparency .navigator-visual { position: relative; min-height: 520px; }
.ace-arc-scope--transparency .wire-building { position: absolute; inset: 5% 0 8%; opacity: 0.62; }
.ace-arc-scope--transparency .wire-building span { position: absolute; display: block; border: 1px solid var(--line); }
.ace-arc-scope--transparency .wire-building span:nth-child(1) { left: 15%; bottom: 18%; width: 70%; height: 34%; }
.ace-arc-scope--transparency .wire-building span:nth-child(2) { left: 29%; bottom: 52%; width: 44%; height: 23%; }
.ace-arc-scope--transparency .wire-building span:nth-child(3) { left: 10%; bottom: 52%; width: 80%; height: 1px; transform: skewY(-18deg); }
.ace-arc-scope--transparency .wire-building span:nth-child(4), .ace-arc-scope--transparency .wire-building span:nth-child(5), .ace-arc-scope--transparency .wire-building span:nth-child(6), .ace-arc-scope--transparency .wire-building span:nth-child(7) { bottom: 8%; width: 1px; height: 86%; opacity: 0.5; }
.ace-arc-scope--transparency .wire-building span:nth-child(4) { left: 24%; }
.ace-arc-scope--transparency .wire-building span:nth-child(5) { left: 43%; }
.ace-arc-scope--transparency .wire-building span:nth-child(6) { left: 63%; }
.ace-arc-scope--transparency .wire-building span:nth-child(7) { left: 82%; }

.ace-arc-scope--transparency .callout { position: absolute; margin: 0; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: 0.1em; line-height: 1.5; text-transform: uppercase; }
.ace-arc-scope--transparency .callout strong { display: block; color: var(--text); }
.ace-arc-scope--transparency .callout::before { display: block; width: 1px; height: 74px; margin-bottom: 8px; background: var(--line-strong); content: ""; }
.ace-arc-scope--transparency .callout-one { top: 5%; left: 40%; }
.ace-arc-scope--transparency .callout-two { top: 16%; right: 3%; }
.ace-arc-scope--transparency .callout-three { right: 13%; bottom: 3%; }
.ace-arc-scope--transparency .callout-four { left: 23%; bottom: 0; }

.ace-arc-scope--transparency .process-rail { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 22px; align-items: center; padding: 48px 9vw 0; }
.ace-arc-scope--transparency .process-rail p { margin: 0; border-top: 1px solid var(--line-strong); padding-top: 14px; color: var(--text); font-size: 13px; font-weight: 800; letter-spacing: 0.14em; text-align: center; text-transform: uppercase; }
.ace-arc-scope--transparency .process-rail span { display: block; margin-bottom: 10px; }
.ace-arc-scope--transparency .vertical-note { position: absolute; right: -28px; bottom: 86px; margin: 0; color: var(--text); font-size: 12px; font-weight: 800; letter-spacing: 0.26em; text-transform: uppercase; writing-mode: vertical-rl; }

@media (max-width: 1020px) {
  .ace-arc-scope--transparency .story-grid { grid-template-columns: 1fr; }
  .ace-arc-scope--transparency .navigator-visual { min-height: 360px; }
  .ace-arc-scope--transparency .vertical-note { display: none; }
}

@media (max-width: 760px) {
  .ace-arc-scope--transparency .navigator-page { padding: 0 18px 30px; }
  .ace-arc-scope--transparency .story-header { display: grid; gap: 18px; padding: 18px 0; }
  .ace-arc-scope--transparency .story-actions, .ace-arc-scope--transparency .story-nav { flex-wrap: wrap; justify-content: flex-start; }
  .ace-arc-scope--transparency .story-nav { gap: 12px 18px; }
  .ace-arc-scope--transparency .story-nav a { font-size: 11px; }
  .ace-arc-scope--transparency .story-line { grid-template-columns: 1fr; gap: 12px; }
  .ace-arc-scope--transparency .story-line::before, .ace-arc-scope--transparency .story-line::after, .ace-arc-scope--transparency .story-line span:last-child { display: none; }
  .ace-arc-scope--transparency .story-copy h1 { font-size: clamp(44px, 13vw, 72px); }
  .ace-arc-scope--transparency .navigator-visual { min-height: 260px; }
  .ace-arc-scope--transparency .callout { display: none; }
  .ace-arc-scope--transparency .process-rail { grid-template-columns: 1fr; padding: 34px 0 0; }
  .ace-arc-scope--transparency .process-rail i { display: none; }
}