/* Page composition only. Brand tokens and component library remain unchanged.
   Layout proportions and responsive thresholds are page-specific; dimensions
   use the contract's 4px spacing/type scale. */
:root {
  --deus-gutter: clamp(var(--narsil-space-6), 5vw, var(--narsil-space-16));
  --deus-content: calc(var(--narsil-space-24) * 12);
  --deus-header: var(--narsil-space-20);
}
html { scroll-padding-top: calc(var(--deus-header) + var(--narsil-space-4)); overflow-anchor: none; }
body { font-family: var(--narsil-font-sans), "Noto Sans TC", "PingFang TC", sans-serif; font-synthesis: none; }
body:lang(zh-TW) { line-height: var(--narsil-leading-relaxed); }
[hidden] { display: none !important; }
button, a, input, textarea { -webkit-tap-highlight-color: transparent; }
button, a { touch-action: manipulation; }
button { cursor: pointer; }
button:disabled { cursor: default; }
a { text-decoration: none; }
button, input, textarea { border-radius: var(--narsil-radius-md); }
.deus-container { width: min(calc(100% - var(--deus-gutter) * 2), var(--deus-content)); margin-inline: auto; }
.deus-section { padding-block: calc(var(--narsil-space-24) + var(--narsil-space-8)); }
[data-section] { scroll-margin-top: 0; }
.deus-title, h3, h4 { font-family: var(--narsil-font-heading), "Noto Sans TC", "PingFang TC", sans-serif; font-weight: var(--narsil-weight-semibold); }
.deus-title { font-size: clamp(var(--narsil-text-4xl), 4vw, var(--narsil-text-6xl)); line-height: var(--narsil-leading-snug); letter-spacing: var(--narsil-tracking-tight); text-wrap: balance; }
:lang(zh-TW) .deus-title { font-weight: var(--narsil-weight-medium); line-height: var(--narsil-leading-normal); }
h3 { font-size: var(--narsil-text-2xl); line-height: var(--narsil-leading-normal); }
:lang(zh-TW) h3 { font-weight: var(--narsil-weight-medium); }
.deus-lead { font-size: var(--narsil-text-lg); line-height: var(--narsil-leading-relaxed); color: var(--narsil-text-secondary); max-width: 60ch; }
.deus-kicker { display: flex; align-items: center; gap: var(--narsil-space-5); font-size: var(--narsil-text-sm); font-weight: var(--narsil-weight-medium); margin-bottom: var(--narsil-space-12); }
.deus-kicker > span { letter-spacing: var(--narsil-tracking-wide); }
.deus-caption { font-size: var(--narsil-text-sm); color: var(--narsil-text-secondary); line-height: var(--narsil-leading-relaxed); }
.deus-section-intro { display: grid; grid-template-columns: 1.15fr 1fr; gap: var(--narsil-space-24); align-items: end; margin-bottom: var(--narsil-space-16); }
.n-btn { gap: var(--narsil-space-6); white-space: normal; text-align: left; min-height: var(--narsil-space-14); font-size: var(--narsil-text-base); font-weight: var(--narsil-weight-medium); padding: var(--narsil-space-4) var(--narsil-space-6); }
.n-btn > [aria-hidden] { margin-left: auto; }
.deus-text-link { display: inline-flex; align-items: center; gap: var(--narsil-space-2); min-height: var(--narsil-space-11); text-decoration: underline; text-underline-offset: var(--narsil-space-1); text-decoration-color: var(--narsil-border-default); font-size: var(--narsil-text-base); }
.deus-text-link:hover { text-decoration-color: currentColor; }

/* Quiet sticky navigation, native scrolling and a decorative reading indicator. */
.deus-header { height: var(--deus-header); position: sticky; top: 0; z-index: var(--narsil-z-sticky); background: var(--narsil-bg-canvas); border-bottom: var(--narsil-border-width-hairline) solid var(--narsil-border-default); }
.deus-header-inner { height: 100%; width: calc(100% - var(--deus-gutter) * 2); margin-inline: auto; display: flex; align-items: center; gap: var(--narsil-space-12); }
.deus-brand { display: flex; align-items: center; min-height: var(--narsil-space-12); margin-right: auto; }
.deus-brand img { height: var(--narsil-space-5); width: auto; }
.deus-nav { display: flex; align-items: center; gap: var(--narsil-space-8); }
.deus-nav a { font-size: var(--narsil-text-sm); padding-block: var(--narsil-space-3); border-bottom: var(--narsil-border-width-hairline) solid transparent; }
.deus-nav a:hover, .deus-nav a[aria-current="location"] { border-bottom-color: var(--narsil-accent); }
.deus-header-actions, .deus-language { display: flex; align-items: center; gap: var(--narsil-space-2); }
.deus-language { gap: var(--narsil-space-1); }
.deus-language button { background: transparent; border: 0; padding: var(--narsil-space-3) var(--narsil-space-2); font-size: var(--narsil-text-sm); color: var(--narsil-text-secondary); }
.deus-language button[aria-pressed="true"] { color: var(--narsil-text-primary); font-weight: var(--narsil-weight-semibold); text-decoration: underline; text-underline-offset: var(--narsil-space-1); }
.deus-language > span { color: var(--narsil-border-strong); }
.deus-menu { display: none; }
.deus-reading-progress { position: absolute; left: 0; bottom: 0; width: 100%; height: var(--narsil-border-width-thick); background: var(--narsil-accent); transform: scaleX(0); transform-origin: left; }

/* 01 — One monumental promise, followed by a human-scale invitation. */
.deus-hero { padding-top: var(--narsil-space-16); padding-bottom: var(--narsil-space-10); }
.deus-hero-eyebrow { display: flex; justify-content: space-between; align-items: start; gap: var(--narsil-space-8); }
.deus-hero-note { color: var(--narsil-text-secondary); font-size: var(--narsil-text-sm); }
.deus-hero-title { text-transform: none; font-size: clamp(var(--narsil-text-5xl), 5.5vw, var(--narsil-text-8xl)); line-height: var(--narsil-leading-snug); letter-spacing: var(--narsil-tracking-tight); margin-block: var(--narsil-space-6) var(--narsil-space-16); max-width: 100%; text-wrap: balance; }
.deus-hero-title > span { display: block; }
:lang(zh-TW) .deus-hero-title { font-family: "Noto Serif TC", "Songti TC", var(--narsil-font-display); font-weight: var(--narsil-weight-medium); letter-spacing: var(--narsil-tracking-normal); line-height: var(--narsil-leading-normal); }
:lang(en-US) .deus-hero-title { font-size: clamp(var(--narsil-text-4xl), 4.5vw, var(--narsil-text-7xl)); letter-spacing: var(--narsil-tracking-tight); }
.deus-hero-bottom { display: grid; grid-template-columns: 2fr 1fr; gap: var(--narsil-space-16); align-items: end; }
.deus-hero-copy { max-width: 62ch; }
.deus-hero-copy > p { font-size: var(--narsil-text-lg); line-height: var(--narsil-leading-relaxed); color: var(--narsil-text-secondary); }
.deus-hero-actions { margin-top: var(--narsil-space-8); display: flex; flex-wrap: wrap; gap: var(--narsil-space-6); align-items: center; }
.deus-hero-margin { justify-self: end; display: grid; gap: var(--narsil-space-2); text-align: right; color: var(--narsil-text-secondary); }
.deus-hero-margin > span:first-child { font-family: var(--narsil-font-heading); font-size: var(--narsil-text-5xl); font-weight: var(--narsil-weight-regular); letter-spacing: var(--narsil-tracking-tight); }
.deus-hero-margin > span:last-child { font-size: var(--narsil-text-sm); }
.deus-hero-path { margin-top: var(--narsil-space-16); padding-top: var(--narsil-space-8); border-top: var(--narsil-border-width-hairline) solid var(--narsil-border-default); display: grid; grid-template-columns: repeat(3,1fr); gap: var(--narsil-space-8); }
.deus-hero-path > div { display: flex; gap: var(--narsil-space-3); align-items: center; color: var(--narsil-text-secondary); font-size: var(--narsil-text-sm); }
.deus-path-dot { width: var(--narsil-space-1-5); height: var(--narsil-space-1-5); flex-shrink: 0; border: var(--narsil-border-width-hairline) solid var(--narsil-text-secondary); border-radius: var(--narsil-radius-full); }
.deus-hero-path > div:last-child .deus-path-dot { background: var(--narsil-text-secondary); }

/* Brand conviction bridges the opening promise and recognizable work challenges. */
.deus-conviction { background: var(--narsil-bg-surface); }
.deus-conviction-title > span { display: block; }
.deus-conviction-title > span:last-child { color: var(--narsil-text-secondary); }
.deus-conviction-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--narsil-space-20); margin-top: var(--narsil-space-12); }
.deus-conviction-grid > * { min-width: 0; }
.deus-conviction-promise { padding-left: var(--narsil-space-6); border-left: var(--narsil-border-width-thick) solid var(--narsil-accent); font-size: var(--narsil-text-2xl); line-height: var(--narsil-leading-relaxed); align-self: start; }
.deus-conviction-context { display: grid; gap: var(--narsil-space-6); align-content: start; color: var(--narsil-text-secondary); font-size: var(--narsil-text-lg); line-height: var(--narsil-leading-relaxed); }

/* 02 — Work breaks between people and systems, depicted as interrupted paths. */
.deus-pain-row { padding-block: var(--narsil-space-10); border-top: var(--narsil-border-width-hairline) solid var(--narsil-border-default); display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--narsil-space-20); align-items: center; }
.deus-pain-copy { display: flex; gap: var(--narsil-space-6); }
.deus-row-number { font-size: var(--narsil-text-sm); color: var(--narsil-text-secondary); font-variant-numeric: tabular-nums; padding-top: var(--narsil-space-2); flex-shrink: 0; }
.deus-pain-copy p { margin-top: var(--narsil-space-4); color: var(--narsil-text-secondary); font-size: var(--narsil-text-base); line-height: var(--narsil-leading-relaxed); max-width: 46ch; }
.deus-fragment { background: var(--narsil-bg-surface); padding: var(--narsil-space-6); border: var(--narsil-border-width-hairline) solid var(--narsil-border-subtle); }
.deus-fragment-nodes { display: flex; justify-content: space-between; gap: var(--narsil-space-2); }
.deus-fragment-nodes > span { padding-block: var(--narsil-space-2); font-size: var(--narsil-text-sm); text-align: center; flex: 1; border-bottom: var(--narsil-border-width-hairline) solid var(--narsil-border-default); }
.deus-fragment-gap { margin-top: var(--narsil-space-5); display: flex; gap: var(--narsil-space-3); align-items: center; text-align: center; }
.deus-fragment-gap > span:not([data-en]) { flex: 1; border-top: var(--narsil-border-width-hairline) dashed var(--narsil-border-strong); }
.deus-fragment-gap > [data-en] { font-size: var(--narsil-text-sm); color: var(--narsil-text-secondary); }
.deus-pain-caption { padding-top: var(--narsil-space-6); border-top: var(--narsil-border-width-hairline) solid var(--narsil-border-default); }

/* 03 — Shared field notes, with every question visible. */
.deus-discovery { background: var(--narsil-bg-surface); }
.deus-discovery-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--narsil-space-20); align-items: start; }
.deus-discovery .deus-lead { margin-top: var(--narsil-space-8); }
.deus-discovery-conclusion { margin-top: var(--narsil-space-10); padding-left: var(--narsil-space-6); border-left: var(--narsil-border-width-thick) solid var(--narsil-accent); font-size: var(--narsil-text-xl); }
.deus-notebook { background: var(--narsil-bg-canvas); border-top: var(--narsil-border-width-thick) solid var(--narsil-text-primary); padding: var(--narsil-space-8); }
.deus-notebook-header { display: flex; justify-content: space-between; padding-bottom: var(--narsil-space-6); font-size: var(--narsil-text-sm); color: var(--narsil-text-secondary); }
.deus-note { display: flex; gap: var(--narsil-space-5); padding-block: var(--narsil-space-6); border-top: var(--narsil-border-width-hairline) solid var(--narsil-border-default); }
.deus-note > span { font-size: var(--narsil-text-sm); color: var(--narsil-text-secondary); padding-top: var(--narsil-space-1); }
.deus-note h3 { font-size: var(--narsil-text-xl); }
.deus-note p { font-size: var(--narsil-text-base); color: var(--narsil-text-secondary); margin-top: var(--narsil-space-3); }

/* 04 — An engineering matrix, not three feature cards. */
.deus-fde .deus-section-intro { align-items: start; }
.deus-foundation { display: grid; grid-template-columns: .85fr 1.35fr; gap: var(--narsil-space-16); padding: var(--narsil-space-10); margin-bottom: var(--narsil-space-16); background: var(--narsil-bg-surface); border-top: var(--narsil-border-width-thick) solid var(--narsil-accent); }
.deus-foundation > *, .deus-foundation-layer > * { min-width: 0; }
.deus-foundation-intro h3 { font-size: var(--narsil-text-3xl); text-wrap: balance; }
.deus-foundation p { margin-top: var(--narsil-space-4); font-size: var(--narsil-text-base); line-height: var(--narsil-leading-relaxed); color: var(--narsil-text-secondary); }
.deus-foundation-layer { display: grid; grid-template-columns: var(--narsil-space-20) 1fr; gap: var(--narsil-space-6); padding-block: var(--narsil-space-6); border-bottom: var(--narsil-border-width-hairline) solid var(--narsil-border-default); }
.deus-foundation-layer:first-child { padding-top: 0; }
.deus-foundation-layer:last-child { border-bottom: 0; padding-bottom: 0; }
.deus-foundation-label { font-size: var(--narsil-text-sm); color: var(--narsil-text-secondary); padding-top: var(--narsil-space-1); }
.deus-foundation-layer h4 { font-size: var(--narsil-text-lg); line-height: var(--narsil-leading-relaxed); }
.deus-work-intro { font-size: var(--narsil-text-xl); margin-bottom: var(--narsil-space-8); }
.deus-fde-headings, .deus-work-row { display: grid; grid-template-columns: .85fr 1.25fr 1fr; column-gap: var(--narsil-space-10); }
.deus-fde-headings { padding-bottom: var(--narsil-space-5); color: var(--narsil-text-secondary); font-size: var(--narsil-text-sm); }
.deus-work-row { padding-block: var(--narsil-space-10); border-top: var(--narsil-border-width-hairline) solid var(--narsil-border-default); }
.deus-work-name { display: flex; flex-direction: column; gap: var(--narsil-space-3); }
.deus-work-name h3 { font-size: var(--narsil-text-2xl); }
.deus-work-question > p { color: var(--narsil-text-secondary); font-size: var(--narsil-text-base); line-height: var(--narsil-leading-relaxed); }
.deus-work-question > .deus-question { color: var(--narsil-text-primary); font-weight: var(--narsil-weight-medium); margin-bottom: var(--narsil-space-4); font-size: var(--narsil-text-lg); }
.deus-work-outcome { border-left: var(--narsil-border-width-hairline) solid var(--narsil-border-strong); padding-left: var(--narsil-space-8); }
.deus-work-outcome h4 { font-size: var(--narsil-text-lg); line-height: var(--narsil-leading-relaxed); }
.deus-work-outcome p { color: var(--narsil-text-secondary); line-height: var(--narsil-leading-relaxed); margin-top: var(--narsil-space-3); font-size: var(--narsil-text-base); }
.deus-mobile-label { display: none; }
.deus-scope-note { display: flex; align-items: center; gap: var(--narsil-space-5); padding-top: var(--narsil-space-8); border-top: var(--narsil-border-width-hairline) solid var(--narsil-border-default); }
.deus-scope-note > .n-spark { flex-shrink: 0; }
.deus-scope-note p { font-size: var(--narsil-text-base); line-height: var(--narsil-leading-relaxed); }

/* Industry focus — an open editorial list grounded in the same working method. */
.deus-focus-industries { border-top: var(--narsil-border-width-hairline) solid var(--narsil-border-default); }
.deus-focus-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: var(--narsil-space-24); align-items: start; }
.deus-focus-intro .deus-title { max-width: 12ch; }
.deus-focus-intro .deus-lead { margin-top: var(--narsil-space-8); }
.deus-focus-list { border-top: var(--narsil-border-width-thick) solid var(--narsil-text-primary); }
.deus-focus-item { display: grid; grid-template-columns: .7fr 1fr; gap: var(--narsil-space-12); padding-block: var(--narsil-space-10); border-bottom: var(--narsil-border-width-hairline) solid var(--narsil-border-default); }
.deus-focus-item h3 { font-size: var(--narsil-text-3xl); text-wrap: balance; }
.deus-focus-item p { color: var(--narsil-text-secondary); font-size: var(--narsil-text-base); line-height: var(--narsil-leading-relaxed); }

/* 05 — Cause and effect share a single axis. */
.deus-value { background: var(--narsil-bg-surface); }
.deus-value-intro { max-width: 80%; margin-bottom: var(--narsil-space-16); }
.deus-value-intro .deus-title { max-width: 20ch; }
.deus-value .deus-lead { margin-top: var(--narsil-space-8); }
.deus-cause-header { display: grid; grid-template-columns: 1fr 1fr; gap: var(--narsil-space-20); font-size: var(--narsil-text-sm); color: var(--narsil-text-secondary); padding-bottom: var(--narsil-space-5); }
.deus-cause-row { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--narsil-space-8); padding-block: var(--narsil-space-8); border-top: var(--narsil-border-width-hairline) solid var(--narsil-border-default); align-items: center; }
.deus-cause-row p { font-size: var(--narsil-text-xl); line-height: var(--narsil-leading-relaxed); }
.deus-cause-row p:first-child { color: var(--narsil-text-secondary); }
.deus-cause-arrow { color: var(--narsil-accent); font-size: var(--narsil-text-2xl); }
.deus-value-ending { padding-top: var(--narsil-space-10); margin-top: var(--narsil-space-6); border-top: var(--narsil-border-width-hairline) solid var(--narsil-border-default); max-width: 65ch; font-size: var(--narsil-text-2xl); line-height: var(--narsil-leading-relaxed); }

/* 06 — A starting point, a baseline, then an iterative sequence. */
.deus-first-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--narsil-space-24); }
.deus-first-step .deus-lead { margin-top: var(--narsil-space-8); }
.deus-baseline { margin-top: var(--narsil-space-12); padding: var(--narsil-space-6); border-left: var(--narsil-border-width-thick) solid var(--narsil-accent); background: var(--narsil-bg-surface); }
.deus-baseline h3 { font-size: var(--narsil-text-lg); }
.deus-baseline > p { margin-top: var(--narsil-space-3); font-size: var(--narsil-text-base); color: var(--narsil-text-secondary); line-height: var(--narsil-leading-relaxed); }
.deus-measures { display: flex; flex-wrap: wrap; gap: var(--narsil-space-2) var(--narsil-space-5); margin-block: var(--narsil-space-5); }
.deus-measures span { font-size: var(--narsil-text-sm); border-bottom: var(--narsil-border-width-hairline) solid var(--narsil-border-default); padding-bottom: var(--narsil-space-1); }
.deus-baseline > .deus-caption { font-size: var(--narsil-text-sm); }
.deus-steps { padding: 0; list-style: none; }
.deus-steps li { position: relative; display: grid; grid-template-columns: auto 1fr; gap: var(--narsil-space-6); padding-bottom: var(--narsil-space-12); }
.deus-steps li:not(:last-child)::after { content: ""; position: absolute; top: var(--narsil-space-12); left: var(--narsil-space-5); bottom: var(--narsil-space-3); width: var(--narsil-space-px); background: var(--narsil-border-strong); }
.deus-step-number { height: var(--narsil-space-10); width: var(--narsil-space-10); display: grid; place-items: center; border: var(--narsil-border-width-hairline) solid var(--narsil-border-strong); border-radius: var(--narsil-radius-full); font-size: var(--narsil-text-sm); font-variant-numeric: tabular-nums; }
.deus-steps p { margin-top: var(--narsil-space-4); color: var(--narsil-text-secondary); font-size: var(--narsil-text-base); line-height: var(--narsil-leading-relaxed); }

/* 07 — A human invitation and an explicitly non-submitting demonstration. */
.deus-conversation { background: var(--narsil-bg-surface); border-top: var(--narsil-border-width-hairline) solid var(--narsil-border-default); }
.deus-conversation-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--narsil-space-24); }
.deus-conversation .deus-lead { margin-top: var(--narsil-space-8); }
.deus-closing { margin-top: var(--narsil-space-16); max-width: 48ch; font-size: var(--narsil-text-base); color: var(--narsil-text-secondary); line-height: var(--narsil-leading-relaxed); }
.deus-form { border-top: var(--narsil-border-width-thick) solid var(--narsil-text-primary); padding-top: var(--narsil-space-6); }
.deus-demo-notice { padding-bottom: var(--narsil-space-6); margin-bottom: var(--narsil-space-6); border-bottom: var(--narsil-border-width-hairline) solid var(--narsil-border-default); }
.deus-demo-notice strong { font-size: var(--narsil-text-sm); font-weight: var(--narsil-weight-semibold); }
.deus-demo-notice p { font-size: var(--narsil-text-sm); color: var(--narsil-text-secondary); margin-top: var(--narsil-space-2); line-height: var(--narsil-leading-relaxed); }
.deus-field { margin-bottom: var(--narsil-space-6); }
.deus-field .n-label { display: flex; justify-content: space-between; align-items: baseline; gap: var(--narsil-space-4); font-family: inherit; font-size: var(--narsil-text-base); font-weight: var(--narsil-weight-medium); margin-bottom: var(--narsil-space-3); }
.deus-field-meta { font-size: var(--narsil-text-sm); font-weight: var(--narsil-weight-regular); color: var(--narsil-text-secondary); flex-shrink: 0; }
.deus-field .n-input { width: 100%; font-size: var(--narsil-text-base); min-height: var(--narsil-space-14); padding: var(--narsil-space-3) var(--narsil-space-4); background: var(--narsil-bg-canvas); border-color: var(--narsil-border-strong); line-height: var(--narsil-leading-relaxed); }
.deus-field textarea { resize: vertical; min-height: calc(var(--narsil-space-24) + var(--narsil-space-12)); }
.deus-field-hint { font-size: var(--narsil-text-sm); line-height: var(--narsil-leading-relaxed); color: var(--narsil-text-secondary); margin-top: var(--narsil-space-2); }
.deus-field .n-input[aria-invalid="true"] { border-color: var(--narsil-status-danger); }
.deus-field-error { color: var(--narsil-status-danger); background: var(--narsil-bg-surface); font-size: var(--narsil-text-sm); line-height: var(--narsil-leading-relaxed); margin-top: var(--narsil-space-2); }
.deus-submit { width: 100%; }
.deus-form-status { margin-top: var(--narsil-space-6); padding: var(--narsil-space-5); border: var(--narsil-border-width-hairline) solid var(--narsil-border-strong); line-height: var(--narsil-leading-relaxed); font-size: var(--narsil-text-base); }
.deus-footer { background: var(--narsil-bg-surface); padding-block: var(--narsil-space-8); border-top: var(--narsil-border-width-hairline) solid var(--narsil-border-default); }
.deus-footer-inner { display: flex; gap: var(--narsil-space-8); align-items: center; }
.deus-footer img { height: var(--narsil-space-5); width: auto; }
.deus-footer p { color: var(--narsil-text-secondary); font-size: var(--narsil-text-sm); margin-right: auto; }
.deus-footer a { font-size: var(--narsil-text-sm); padding-block: var(--narsil-space-3); }
.deus-noscript { padding: var(--narsil-space-6); background: var(--narsil-bg-canvas); }

/* Intentional fluid reflow. No scroll hijacking or hidden reveal content. */
@media (max-width: 64rem) {
  .deus-foundation { gap: var(--narsil-space-8); padding: var(--narsil-space-8); }
  .deus-foundation-layer { grid-template-columns: 1fr; gap: var(--narsil-space-2); }
  .deus-focus-layout { gap: var(--narsil-space-12); }
  .deus-focus-item { grid-template-columns: 1fr; gap: var(--narsil-space-4); }
  .deus-section-intro, .deus-discovery-grid, .deus-first-grid, .deus-conversation-grid { gap: var(--narsil-space-12); }
  .deus-pain-row { gap: var(--narsil-space-10); }
  .deus-work-row, .deus-fde-headings { column-gap: var(--narsil-space-6); }
  .deus-hero-margin { display: none; }
  .deus-hero-bottom { grid-template-columns: 1fr; }
  .deus-hero-copy { max-width: 70ch; }
  .deus-hero-title { font-size: var(--narsil-text-6xl); }
  .deus-nav { gap: var(--narsil-space-5); }
}
@media (max-width: 48rem) {
  .deus-conviction-grid { grid-template-columns: 1fr; gap: var(--narsil-space-8); margin-top: var(--narsil-space-8); }
  .deus-conviction-promise { font-size: var(--narsil-text-xl); padding-left: var(--narsil-space-5); }
  .deus-conviction-context { font-size: var(--narsil-text-base); }
  .deus-foundation { grid-template-columns: 1fr; padding: var(--narsil-space-6); gap: var(--narsil-space-8); margin-bottom: var(--narsil-space-10); }
  .deus-foundation-intro h3 { font-size: var(--narsil-text-2xl); }
  :root { --deus-header: var(--narsil-space-16); }
  .deus-section { padding-block: var(--narsil-space-20); }
  .deus-header-inner { gap: var(--narsil-space-4); }
  .deus-header-actions { gap: var(--narsil-space-5); }
  .deus-menu { display: flex; align-items: center; gap: var(--narsil-space-2); border: 0; background: transparent; font-size: var(--narsil-text-sm); min-height: var(--narsil-space-11); padding: 0; }
  .deus-menu-symbol { font-size: var(--narsil-text-xl); }
  .deus-nav { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: var(--narsil-bg-canvas); padding: var(--narsil-space-5) var(--deus-gutter) var(--narsil-space-6); border-bottom: var(--narsil-border-width-hairline) solid var(--narsil-border-default); flex-direction: column; align-items: stretch; gap: var(--narsil-space-2); }
  .deus-nav.is-open { display: flex; }
  .deus-nav a { font-size: var(--narsil-text-base); }
  .deus-hero { padding-top: var(--narsil-space-10); padding-bottom: var(--narsil-space-8); }
  .deus-hero-note { display: none; }
  .deus-kicker { margin-bottom: var(--narsil-space-8); }
  .deus-hero-title { font-size: var(--narsil-text-5xl); margin-block: var(--narsil-space-4) var(--narsil-space-8); }
  :lang(en-US) .deus-hero-title { font-size: var(--narsil-text-4xl); line-height: var(--narsil-leading-snug); }
  .deus-hero-title > span { display: inline; }
  .deus-hero-title > span + span::before { content: " "; }
  .deus-hero-copy > p { font-size: var(--narsil-text-base); }
  .deus-hero-actions { margin-top: var(--narsil-space-6); gap: var(--narsil-space-3); }
  .deus-hero-path { margin-top: var(--narsil-space-10); gap: var(--narsil-space-4); }
  .deus-hero-path > div { align-items: start; gap: var(--narsil-space-2); }
  .deus-path-dot { margin-top: var(--narsil-space-2); }
  .deus-section-intro, .deus-discovery-grid, .deus-first-grid, .deus-conversation-grid { grid-template-columns: 1fr; gap: var(--narsil-space-10); }
  .deus-section-intro { margin-bottom: var(--narsil-space-10); gap: var(--narsil-space-6); }
  .deus-title { font-size: var(--narsil-text-4xl); }
  .deus-lead { font-size: var(--narsil-text-base); }
  h3, .deus-work-name h3 { font-size: var(--narsil-text-xl); }
  .deus-pain-row { grid-template-columns: 1fr; gap: var(--narsil-space-6); padding-block: var(--narsil-space-8); }
  .deus-pain-copy { gap: var(--narsil-space-4); }
  .deus-fragment { margin-left: var(--narsil-space-8); }
  .deus-notebook { padding: var(--narsil-space-6); }
  .deus-fde-headings { display: none; }
  .deus-work-row { grid-template-columns: 1fr; gap: var(--narsil-space-6); padding-block: var(--narsil-space-8); }
  .deus-work-name { flex-direction: row; align-items: baseline; gap: var(--narsil-space-4); }
  .deus-work-question { margin-left: var(--narsil-space-8); }
  .deus-work-outcome { margin-left: var(--narsil-space-8); padding: var(--narsil-space-4) var(--narsil-space-5); background: var(--narsil-bg-surface); }
  .deus-mobile-label { display: block; color: var(--narsil-text-secondary); font-size: var(--narsil-text-sm); margin-bottom: var(--narsil-space-3); }
  .deus-scope-note { align-items: start; }
  .deus-scope-note > .n-spark { margin-top: var(--narsil-space-2); }
  .deus-focus-layout, .deus-focus-item { grid-template-columns: 1fr; }
  .deus-focus-layout { gap: var(--narsil-space-10); }
  .deus-focus-intro .deus-title { max-width: none; }
  .deus-focus-item { gap: var(--narsil-space-4); padding-block: var(--narsil-space-8); }
  .deus-focus-item h3 { font-size: var(--narsil-text-xl); }
  .deus-value-intro { max-width: none; margin-bottom: var(--narsil-space-10); }
  .deus-cause-header { display: none; }
  .deus-cause-row { grid-template-columns: var(--narsil-space-6) 1fr; gap: var(--narsil-space-3) var(--narsil-space-3); }
  .deus-cause-row > p:first-child { grid-column: 1 / -1; font-size: var(--narsil-text-base); }
  .deus-cause-row > p:last-child { font-size: var(--narsil-text-xl); }
  .deus-cause-arrow { font-size: var(--narsil-text-xl); align-self: start; }
  .deus-value-ending { font-size: var(--narsil-text-xl); }
  .deus-baseline { margin-top: var(--narsil-space-8); }
  .deus-closing { margin-top: var(--narsil-space-8); }
  .deus-footer-inner { flex-wrap: wrap; gap: var(--narsil-space-5); }
  .deus-footer p { flex-basis: 100%; order: 3; }
  .deus-footer a { margin-left: auto; }
}
@media (max-width: 30rem) {
  .deus-brand img { height: var(--narsil-space-5); }
  .deus-header-actions { gap: var(--narsil-space-3); }
  .deus-hero-title { font-size: var(--narsil-text-4xl); }
  .deus-hero-actions { align-items: stretch; flex-direction: column; }
  .deus-hero-actions .n-btn { width: 100%; }
  .deus-hero-path { grid-template-columns: 1fr; gap: var(--narsil-space-3); padding-top: var(--narsil-space-5); }
  .deus-hero-path > div { font-size: var(--narsil-text-sm); }
  .deus-title { font-size: var(--narsil-text-3xl); }
  .deus-fragment { padding: var(--narsil-space-4); margin-left: 0; }
  .deus-notebook { padding: var(--narsil-space-5); }
  .deus-steps li { gap: var(--narsil-space-4); }
}
@media (prefers-reduced-motion: no-preference) {
  .deus-fragment, .deus-note, .deus-work-row { transition: border-color var(--narsil-duration-slow) var(--narsil-ease-blade); }
  .deus-note.is-in-view, .deus-work-row.is-in-view { border-top-color: var(--narsil-border-strong); }
  .deus-text-link, .deus-nav a { transition: text-decoration-color var(--narsil-duration-normal), border-color var(--narsil-duration-normal); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}