/* One editorial type scale for complete inner pages. No homepage/hero/footer rules. */
#inner, #content-dialog, body:has(#inner:not([hidden])) #feature-dialog.is-experiment {
  --type-section: clamp(26px, 2.8vw, 34px);
  --type-title: 20px;
  --type-label: 16px;
  --type-body: 14px;
  --type-caption: 12px;
  --type-eyebrow: 11px;
  --type-leading: 1.8;
}
#inner #inner-title { font-weight:400; line-height:1.12; }
#inner #inner-intro { font-size:var(--type-body); line-height:var(--type-leading); max-width:68ch; color:#555; }
#inner #inner-content { font-size:var(--type-body); }
#inner #inner-content :is(h2,.disclosure-title) { font-size:var(--type-section); font-weight:500; line-height:1.25; letter-spacing:-.035em; }
#inner #inner-content h3 { font-size:var(--type-title); font-weight:600; line-height:1.4; letter-spacing:-.025em; }
#inner #inner-content h4 { font-size:var(--type-label); font-weight:600; line-height:1.45; }
#inner #inner-content :is(p,dd,blockquote) { font-size:var(--type-body); font-weight:400; line-height:var(--type-leading); }
#inner #inner-content :is(dt,summary) { font-size:var(--type-label); font-weight:600; line-height:1.5; }
#inner #inner-content dt { color:#222; text-transform:none; letter-spacing:0; margin-bottom:8px; }
#inner #inner-content dd { margin-left:0; }
#inner #inner-content :is(.eyebrow,.harx-label,.founder-verb,.integration-label) { font-size:var(--type-eyebrow); font-weight:500; line-height:1.6; letter-spacing:.035em; color:#666; }
#inner #inner-content :is(figcaption,small,.case-note,.case-end p,.styling-credit-copy,.wealth-build-note,.wealth-simulation-note,.organization-note,.organization-snapshot,.cc-hint,.founder-evidence p,.case-source-link,.styling-sources,.experience-dates) { font-size:var(--type-caption)!important; line-height:1.75!important; }
#inner #inner-content :is(.archive-caption h3,.styling-look h3,.wealth-view h3,.experience-position h3,.storyboard-card h3,.pico-integration h3,.organization-flow h3) { margin-bottom:10px; }
#inner #inner-content :is(.harx-direct-role dl,.wealth-remit dl) { gap:26px; }
#inner #inner-content :is(.harx-direct-role dt,.wealth-remit dt) { font-size:var(--type-title); }
#inner #inner-content :is(.case-facts,.production-meta) dt { font-size:var(--type-label); }
#inner #inner-content .production-tools dt { font-size:var(--type-title); }
#inner #inner-content :is(.case-stats,.cc-post-snapshot) dt { font-size:var(--type-caption); font-weight:400; }
#inner #inner-content :is(.case-stats,.cc-post-snapshot) dd { font-size:clamp(26px,3vw,36px); font-weight:400; line-height:1.25; }
#inner #inner-content :is(.founder-statement,.founder-belief) { font-size:var(--type-title); font-weight:400; line-height:1.5; }
#inner #inner-content :is(.founder-experiences h3,.cresvane-loop h3,.founder-personalization h3) { font-size:var(--type-label); }
#inner #inner-content .founder-evidence>span { font-size:var(--type-eyebrow); line-height:1.6; }
#inner #inner-content :is(.production-process,.cc-scope,.organization-roles,.styling-remit ul,.case-flow li) { font-size:var(--type-caption); line-height:1.7; }
#inner #inner-content :is(.cc-index button,.case-switcher [role=tab],.deck-toolbar label,.deck-toolbar button,.deck-toolbar select,.case-links,.case-end button,.cc-auto-toggle) { font-size:var(--type-caption); line-height:1.6; }
#inner #inner-content .case-atlas-items strong { font-size:var(--type-title); font-weight:600; line-height:1.35; }
#inner #inner-content .case-atlas-items button>span:not(.atlas-number) { font-size:var(--type-body); line-height:var(--type-leading); }
#inner #inner-content .principle-copy strong { font-size:var(--type-title); font-weight:600; line-height:1.3; }
#inner #inner-content .principle-copy>span { font-size:var(--type-caption); line-height:1.7; }
#inner #inner-content .principle-stage { height:560px; }
#inner #inner-content .principle-card { display:flex; flex-direction:column; height:auto; min-height:480px; }
#inner #inner-content .principle-card>img { flex-shrink:0; }
#inner #inner-content .category-copy { font-size:var(--type-title); font-weight:600; line-height:1.4; }
#inner #inner-content .category-copy small { font-weight:400; }
#inner #inner-content .category-meta p { opacity:1; color:#555; }
#inner #inner-content .cc-caption strong { font-size:var(--type-label); font-weight:600; line-height:1.4; }
#inner #inner-content .cc-caption small { font-weight:400; }
#inner #inner-content .storyboard-card blockquote { font-size:var(--type-caption); line-height:1.8; }
#inner #inner-content .storyboard-card h3 { font-size:18px; }
#inner #inner-content .storyboard-card summary { font-size:14px; }
#inner #inner-content .storyboard-card dt { font-size:14px; }
#inner #inner-content .storyboard-card :is(dd,.storyboard-brief) { font-size:var(--type-caption); }
#inner #inner-content .storyboard-card blockquote small { font-size:11px!important; font-weight:500; }
#inner #inner-content .about-biography p { font-size:var(--type-body); line-height:1.95; }
#inner #inner-content .experience-position>p { font-weight:500; }
#inner #inner-content .case-note { font-weight:400; }

/* Existing video-detail cards are inner content too; hero expanded cards stay unchanged. */
#content-dialog .cc-story h2 { font-size:var(--type-section); font-weight:500; line-height:1.25; }
#content-dialog .cc-detail-copy h3 { font-size:var(--type-label); font-weight:600; line-height:1.45; text-transform:none; letter-spacing:0; }
#content-dialog :is(.cc-overview,.cc-detail-copy p,.cc-role) { font-size:var(--type-body); line-height:var(--type-leading); }
#content-dialog .cc-story summary { font-size:var(--type-label); font-weight:600; line-height:1.5; }
#content-dialog .cc-role>span { font-size:var(--type-label); font-weight:600; text-transform:none; }
#content-dialog :is(.cc-source-note,.cc-tags span,.cc-original) { font-size:var(--type-caption); line-height:1.7; }

/* The same image viewer also opens from the homepage; scope this to inner-page visits. */
body:has(#inner:not([hidden])) #feature-dialog.is-experiment .feature-copy h2 { font-size:var(--type-section); font-weight:500; line-height:1.25; }
body:has(#inner:not([hidden])) #feature-dialog.is-experiment .feature-role { font-size:var(--type-body); line-height:var(--type-leading); }
body:has(#inner:not([hidden])) #feature-dialog.is-experiment :is(.feature-role>span,.experiment-prompt summary) { font-size:var(--type-label); font-weight:600; text-transform:none; letter-spacing:0; line-height:1.5; }
body:has(#inner:not([hidden])) #feature-dialog.is-experiment .experiment-prompt p { font-size:var(--type-body)!important; line-height:var(--type-leading)!important; }
body:has(#inner:not([hidden])) #feature-dialog.is-experiment .experiment-tool { font-size:var(--type-caption)!important; }

/* HARX source-sheet regions are display crops only; the uploaded PNG is unchanged. */
.harx-editorial-pages,.harx-platform-pages { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px 22px; margin-top:26px; align-items:start; }
.harx-editorial-pages figure,.harx-platform-pages figure { margin:0; min-width:0; }
.harx-sheet-crop { display:block; position:relative; overflow:hidden; background:#111; transition:transform .25s ease; }
.harx-sheet-crop img { position:absolute; display:block; height:auto; max-width:none; transform:none!important; transition:none!important; }
.harx-editorial-pages figcaption,.harx-platform-pages figcaption { margin-top:10px; color:#555; }
.harx-platform-pages a { display:block; position:relative; }
.harx-page-art { display:block; overflow:hidden; aspect-ratio:3/4; background:#f2f2f2; transition:transform .25s ease; }
.harx-page-art img { transform:none!important; transition:none!important; }
.harx-platform-pages a:focus-visible .harx-page-art { transform:translateY(-3px); }
@media(hover:hover) { .harx-platform-pages a:hover .harx-page-art { transform:translateY(-3px); } }
.harx-website .harx-deliverable-images { max-width:860px; margin-inline:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 20px; align-items:start; }
.harx-website figure { margin:0; min-width:0; }
.harx-website figure:first-child { grid-column:1/-1; }
.harx-website figcaption { margin-top:10px; color:#555; }
#inner #inner-content .harx-website-credit { font-weight:500; color:#333; }
.harx-editorial a:focus-visible .harx-sheet-crop { transform:translateY(-3px); }
@media(hover:hover) { .harx-editorial a:hover .harx-sheet-crop { transform:translateY(-3px); } }
@media(max-width:650px) {
  #inner, #content-dialog, body:has(#inner:not([hidden])) #feature-dialog.is-experiment { --type-section:26px; --type-title:18px; --type-label:16px; --type-body:13px; --type-caption:12px; --type-eyebrow:10px; }
  #inner #inner-content .storyboard-card h3 { font-size:17px; }
  #inner #inner-content .principle-stage { height:550px; }
  #inner #inner-content .principle-card { min-height:470px; }
  #inner #inner-content .organization-flow li { grid-template-columns:22px minmax(0,1fr); gap:8px 12px; }
  #inner #inner-content .organization-flow li>p { grid-column:2; }
  #inner #inner-content .cc-heading h2 { font-size:26px; }
  .harx-editorial-pages,.harx-platform-pages { grid-template-columns:1fr 1fr; gap:22px 16px; }
  .harx-website .harx-deliverable-images { grid-template-columns:1fr; gap:24px; }
}
@media(prefers-reduced-motion:reduce) { .harx-sheet-crop,.harx-page-art { transition:none; transform:none!important; } }
.motion-off :is(.harx-sheet-crop,.harx-page-art) { transition:none; transform:none!important; }