/* About: editorial composition only. Shared navigation, footer, typography and
 * the existing theme switch remain owned by their site components. */
body.rn-visual.rv-about-page {
 --rv-about-canvas:var(--rn-surface-0);
 --rv-about-intro:var(--rn-surface-1);
 --rv-about-paper:var(--rn-surface-2);
 --rv-about-mission:var(--rn-surface-1);
 --rv-about-ink:var(--rn-text-primary);
 --rv-about-text:var(--rn-text-secondary);
 --rv-about-border:var(--rn-border-subtle);
 --rv-about-gold:var(--rn-brand-sand);
 --rv-about-emphasis:var(--rn-surface-1);
 --rv-about-icon-surface:var(--rn-surface-3);
 --rv-about-icon-ink:var(--rn-accent-readable);
 --rv-about-panel-shadow:var(--rn-shadow-1);
 --rv-about-card-shadow:var(--rn-shadow-1);
 background:var(--rv-about-canvas);
}

/* Optical light surfaces are selected by the same explicit/OS mode gates as
 * the approved homepage. Dark surfaces continue to resolve the RN tokens. */
@media screen and (forced-colors:none) {
 :where(:root[data-theme=light]) body.rn-visual.rv-about-page {
  --rv-about-canvas:#F9FAF7;
  --rv-about-intro:#F7F7F2;
  --rv-about-paper:var(--rv-surface-warm,#FBFAF6);
  --rv-about-mission:#EEF4F7;
  --rv-about-ink:var(--rv-ink,#073B4C);
  --rv-about-text:var(--rv-text-secondary,#52666B);
  --rv-about-border:var(--rv-border-soft,rgba(7,59,76,.08));
  --rv-about-gold:#B79A59;
  --rv-about-emphasis:#F6F2E8;
  --rv-about-icon-surface:#E4EBF0;
  --rv-about-icon-ink:#37617C;
  --rv-about-domain-2-bg:#EEE8D9;--rv-about-domain-2-ink:#8A743F;
  --rv-about-domain-3-bg:#E6ECE2;--rv-about-domain-3-ink:#4D6958;
  --rv-about-domain-4-bg:#EAECE5;--rv-about-domain-4-ink:#536B5C;
  --rv-about-panel-shadow:0 2px 8px rgba(7,59,76,.035),0 12px 32px rgba(7,59,76,.025);
  --rv-about-card-shadow:0 2px 6px rgba(7,59,76,.025),0 10px 24px rgba(7,59,76,.03);
 }
}
@media screen and (forced-colors:none) and (prefers-color-scheme:light) {
 :where(:root:not([data-theme])) body.rn-visual.rv-about-page {
  --rv-about-canvas:#F9FAF7;
  --rv-about-intro:#F7F7F2;
  --rv-about-paper:var(--rv-surface-warm,#FBFAF6);
  --rv-about-mission:#EEF4F7;
  --rv-about-ink:var(--rv-ink,#073B4C);
  --rv-about-text:var(--rv-text-secondary,#52666B);
  --rv-about-border:var(--rv-border-soft,rgba(7,59,76,.08));
  --rv-about-gold:#B79A59;
  --rv-about-emphasis:#F6F2E8;
  --rv-about-icon-surface:#E4EBF0;
  --rv-about-icon-ink:#37617C;
  --rv-about-domain-2-bg:#EEE8D9;--rv-about-domain-2-ink:#8A743F;
  --rv-about-domain-3-bg:#E6ECE2;--rv-about-domain-3-ink:#4D6958;
  --rv-about-domain-4-bg:#EAECE5;--rv-about-domain-4-ink:#536B5C;
  --rv-about-panel-shadow:0 2px 8px rgba(7,59,76,.035),0 12px 32px rgba(7,59,76,.025);
  --rv-about-card-shadow:0 2px 6px rgba(7,59,76,.025),0 10px 24px rgba(7,59,76,.03);
 }
}

body.rn-visual.rv-about-page .site-main--about {
 width:100%;max-width:none;min-width:0;margin:0;padding:0;
 background:var(--rv-about-canvas);color:var(--rv-about-ink);
 direction:rtl;text-align:right;
}
body.rn-visual.rv-about-page .rv-about > section {
 width:100%;min-width:0;margin:0;border:0;
}
body.rn-visual.rv-about-page .rv-about .container {
 box-sizing:border-box;width:calc(100% - var(--rn-page-gutter,16px)*2);
 max-width:var(--rn-container,1240px);min-width:0;margin-inline:auto;padding-inline:0;
}
body.rn-visual.rv-about-page .rv-about :is(h1,h2,h3,p,blockquote) {
 box-sizing:border-box;max-width:100%;overflow-wrap:break-word;
}
body.rn-visual.rv-about-page .rv-about :is(h1,h2,h3) {
 color:var(--rv-about-ink);font-family:var(--rn-font-ui);
 font-weight:var(--rn-weight-bold);letter-spacing:0;text-align:right;
}
body.rn-visual.rv-about-page .rv-about-hero {
 padding-block:var(--rv-space-16,64px) var(--rv-space-10,40px);
 background:linear-gradient(180deg,var(--rv-about-intro),var(--rv-about-canvas));
}
body.rn-visual.rv-about-page .rv-about-hero h1 {
 margin:0 0 var(--rv-space-6,24px);
 font-size:clamp(36px,3vw + 8px,48px);line-height:1.65;
}
body.rn-visual.rv-about-page .rv-about :is(h1,h2)::after {
 content:"";display:block;width:32px;height:2px;
 margin-top:var(--rv-space-2,8px);background:var(--rv-about-gold);
}
body.rn-visual.rv-about-page .rv-about-subtitle {
 margin:0 0 var(--rv-space-3,12px);color:var(--rv-about-ink);
 font-family:var(--rn-font-ui);font-size:clamp(22px,1vw + 14px,27px);
 font-weight:var(--rn-weight-bold);line-height:1.85;
}
body.rn-visual.rv-about-page .rv-about-summary {
 width:100%;max-width:64ch;margin:0;color:var(--rv-about-text);
 font-family:var(--rn-font-ui);font-size:var(--rn-text-md);font-weight:var(--rn-weight-regular);line-height:2.05;
}
body.rn-visual.rv-about-page .rv-about-story {
 padding-block:var(--rv-space-6,24px) var(--rv-space-10,40px);
}
body.rn-visual.rv-about-page .rv-about-panel {
 min-width:0;padding:var(--rv-space-8,32px) var(--rv-space-10,40px);
 border:1px solid var(--rv-about-border);border-radius:var(--rv-radius-lg,18px);
 background:var(--rv-about-paper);box-shadow:var(--rv-about-panel-shadow);
}
body.rn-visual.rv-about-page .rv-about h2 {
 margin:0 0 var(--rv-space-5,20px);
 font-size:clamp(28px,1vw + 20px,34px);line-height:1.7;
}
body.rn-visual.rv-about-page .rv-about-copy {
 width:100%;max-width:1024px;min-width:0;
 margin-inline-start:0;margin-inline-end:auto;
}
body.rn-visual.rv-about-page .rv-about-copy > p {
 margin:0 0 var(--rv-space-5,20px);color:var(--rv-about-text);
 font-family:var(--rn-font-ui);font-size:var(--rn-text-md);font-weight:var(--rn-weight-regular);line-height:2.15;
 text-align:right;
}
body.rn-visual.rv-about-page .rv-about-copy > p:last-child {margin-bottom:0}
body.rn-visual.rv-about-page .rv-about-mission {
 padding-block:var(--rv-space-10,40px) var(--rv-space-12,48px);
 background:var(--rv-about-mission);
}
body.rn-visual.rv-about-page .rv-about-mission-copy > p {margin-bottom:var(--rv-space-3,12px)}
body.rn-visual.rv-about-page .rv-about-mission-copy > p:last-child {margin-bottom:0}
body.rn-visual.rv-about-page .rv-about-grid {
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
 grid-auto-rows:1fr;gap:var(--rv-space-5,20px);align-items:stretch;
 margin-top:var(--rv-space-6,24px);min-width:0;
}
body.rn-visual.rv-about-page .rv-about-card {
 display:flex;flex-direction:column;align-items:center;min-width:0;
 margin:0;padding:var(--rv-space-6,24px) var(--rv-space-5,20px);
 border:1px solid var(--rv-about-border);border-radius:var(--rv-radius-md,14px);
 background:var(--rv-about-paper);box-shadow:var(--rv-about-card-shadow);
}
body.rn-visual.rv-about-page .rv-about-card-icon {
 display:grid;place-items:center;flex:none;width:52px;height:52px;
 border-radius:50%;background:var(--rv-about-icon-surface);
 color:var(--rv-about-icon-ink);
}
body.rn-visual.rv-about-page .rv-about-card:nth-child(2) .rv-about-card-icon {
 background:var(--rv-about-domain-2-bg,var(--rn-surface-3));
 color:var(--rv-about-domain-2-ink,var(--rn-accent-readable));
}
body.rn-visual.rv-about-page .rv-about-card:nth-child(3) .rv-about-card-icon {
 background:var(--rv-about-domain-3-bg,var(--rn-surface-3));
 color:var(--rv-about-domain-3-ink,var(--rn-accent-readable));
}
body.rn-visual.rv-about-page .rv-about-card:nth-child(4) .rv-about-card-icon {
 background:var(--rv-about-domain-4-bg,var(--rn-surface-3));
 color:var(--rv-about-domain-4-ink,var(--rn-accent-readable));
}
body.rn-visual.rv-about-page .rv-about-icon {
 display:block;width:28px;height:28px;max-width:100%;
}
body.rn-visual.rv-about-page .rv-about-card h3 {
 margin:var(--rv-space-3,12px) 0 var(--rv-space-3,12px);
 font-size:var(--rn-text-xl);line-height:1.8;text-align:center;
}
body.rn-visual.rv-about-page .rv-about-card > p {
 width:100%;margin:0;color:var(--rv-about-text);font-family:var(--rn-font-ui);
 font-size:var(--rn-text-ui-sm);font-weight:var(--rn-weight-regular);line-height:2;text-align:right;
}
body.rn-visual.rv-about-page .rv-about-vision {
 padding-block:var(--rv-space-8,32px) var(--rv-space-12,48px);
}
body.rn-visual.rv-about-page .rv-about-emphasis {
 margin:var(--rv-space-5,20px) 0 0;
 padding:var(--rv-space-4,16px) var(--rv-space-5,20px);
 border:0;border-inline-start:2px solid var(--rv-about-gold);
 border-radius:4px;background:var(--rv-about-emphasis);
}
body.rn-visual.rv-about-page .rv-about-emphasis > p {
 margin:0;color:var(--rv-about-ink);font-family:var(--rn-font-ui);
 font-size:var(--rn-text-md);font-weight:var(--rn-weight-medium);line-height:2.15;text-align:right;
}

/* Four domains stay equally weighted; long approved text is never clipped. */
@media (min-width:600px) and (max-width:1099px) {
 body.rn-visual.rv-about-page .rv-about-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 body.rn-visual.rv-about-page .rv-about-panel {padding:var(--rv-space-8,32px)}
}
@media (max-width:599px) {
 body.rn-visual.rv-about-page .rv-about-hero {
  padding-block:var(--rv-space-8,32px) var(--rv-space-8,32px);
 }
 body.rn-visual.rv-about-page .rv-about-hero h1 {margin-bottom:var(--rv-space-5,20px)}
 body.rn-visual.rv-about-page .rv-about-story {
  padding-block:var(--rv-space-4,16px) var(--rv-space-8,32px);
 }
 body.rn-visual.rv-about-page .rv-about-panel {padding:var(--rv-space-6,24px) var(--rv-space-5,20px)}
 body.rn-visual.rv-about-page .rv-about-copy > p {margin-bottom:var(--rv-space-4,16px);font-size:var(--rn-text-md);line-height:2}
 body.rn-visual.rv-about-page .rv-about-copy > p:last-child {margin-bottom:0}
 body.rn-visual.rv-about-page .rv-about h2 {margin-bottom:var(--rv-space-4,16px)}
 body.rn-visual.rv-about-page .rv-about-mission {
  padding-block:var(--rv-space-8,32px) var(--rv-space-10,40px);
 }
 body.rn-visual.rv-about-page .rv-about-grid {
  grid-template-columns:minmax(0,1fr);gap:var(--rv-space-4,16px);
  margin-top:var(--rv-space-5,20px);
 }
 body.rn-visual.rv-about-page .rv-about-card {
  padding:var(--rv-space-5,20px);align-items:flex-start;
 }
 body.rn-visual.rv-about-page .rv-about-card h3 {text-align:right;margin-bottom:var(--rv-space-2,8px)}
 body.rn-visual.rv-about-page .rv-about-card > p {font-size:var(--rn-text-md)}
 body.rn-visual.rv-about-page .rv-about-vision {
  padding-block:var(--rv-space-6,24px) var(--rv-space-10,40px);
 }
 body.rn-visual.rv-about-page .rv-about-emphasis {padding:var(--rv-space-3,12px) var(--rv-space-4,16px)}
 body.rn-visual.rv-about-page .rv-about-emphasis > p {font-size:var(--rn-text-md);line-height:2}
}

@media (forced-colors:active) {
 body.rn-visual.rv-about-page .rv-about :is(.rv-about-panel,.rv-about-card,.rv-about-card-icon,.rv-about-emphasis) {
  background:Canvas;color:CanvasText;box-shadow:none;
 }
 body.rn-visual.rv-about-page .rv-about :is(.rv-about-panel,.rv-about-card) {border-color:CanvasText}
 body.rn-visual.rv-about-page .rv-about-card:nth-child(n) .rv-about-card-icon {background:Canvas;color:CanvasText}
 body.rn-visual.rv-about-page .rv-about-emphasis {border-inline-start-color:CanvasText}
 body.rn-visual.rv-about-page .rv-about :is(h1,h2)::after {background:CanvasText}
}
@media print {
 body.rn-visual.rv-about-page .rv-about :is(.rv-about-hero,.rv-about-mission,.rv-about-panel,.rv-about-card,.rv-about-emphasis) {
  background:transparent;box-shadow:none;
 }
 body.rn-visual.rv-about-page .rv-about :is(.rv-about-panel,.rv-about-card) {border-color:#BBB}
 body.rn-visual.rv-about-page .rv-about :is(h1,h2,h3,p) {color:#000}
 body.rn-visual.rv-about-page .rv-about :is(h1,h2,h3) {break-after:avoid}
 body.rn-visual.rv-about-page .rv-about :is(.rv-about-card,.rv-about-emphasis) {break-inside:avoid}
}