/* Sculpted gold and celestial depth, requested by Angela, September 25, 2026. */
:root {
  --metal: linear-gradient(174deg, #fff6db 0%, #f4daa0 13%, #ae7028 29%, #f6d385 40%, #fff5d0 47%, #ae752e 51%, #d49b46 60%, #ffe6a3 77%, #b87626 91%, #ffe6ac 100%);
  --rim: linear-gradient(135deg, #fff0bd 0%, #b48c4a 13%, #594726 29%, #152841 48%, #715832 72%, #d8b673 89%, #382b1c 100%);
  --cast-shadow: inset 0 1px 1px #fff0c14a, inset 1px 0 1px #e1c59520, inset 0 -2px 3px #000b, 0 2px 0 #55432d, 0 7px 0 #061020, 0 8px 0 #ad88433d, 0 18px 19px -5px #000b, 0 35px 55px -12px #000d;
}
body.research-site, body.subpage-site { background: #030914; isolation: isolate; }
body.research-site::before, body.subpage-site::before {
  background: linear-gradient(180deg, #02081430, #040b1770 58%, #030914c2), url('assets/celestial-depth.png') center center / cover no-repeat;
  opacity: 1; mask-image: none;
}
.site-nav, body.subpage-site nav.site-nav {
  background: linear-gradient(180deg,#17253aef,#07101eef 60%,#0a1322f5);
  border-bottom-color: #cdaa6866;
  box-shadow: inset 0 1px #fce1a516, inset 0 -2px #02050e, 0 2px 0 #ab824533, 0 12px 30px #0009;
}
.brand img { box-shadow: 0 2px 3px #000, 0 7px 14px #000b, 0 0 14px #d8a44c24; }
.brand > span { color: #f1d69d; text-shadow: 0 1px 0 #9b682d, 0 2px 0 #39230f, 1px 4px 5px #000; }
.brand small { text-shadow: 0 1px 3px #000; }
.nav-links a { text-shadow: 0 2px 3px #000; }
.celestial-hero { min-height: 715px; padding-top: 75px; padding-bottom: 86px; }
.celestial-hero::before {
  content: ''; position: absolute; inset: -35px -24px 0; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse at 28% 47%,#010611b5,transparent 69%);
}
.celestial-hero::after { border-color: #d1b77555; box-shadow: 0 -1px 1px #fff0ca38, 0 -12px 35px -12px #79bfff8c; }
.hero-copy h1.sculpted-title {
  font-family: 'Cinzel', Georgia, serif; font-weight: 600; letter-spacing: -.045em;
  font-size: clamp(3.8rem,6.7vw,6.7rem); line-height: 1.12; margin-bottom: 28px;
}
/* Decorative depth copies are aria-hidden; the gold face remains selectable text. */
.sculpted-title .metal-word { position: relative; isolation: isolate; display: block; width: fit-content; }
.sculpted-title .metal-face {
  display: block; position: relative; z-index: 1; color: #f6d590;
  background: var(--metal); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .5px #f9d99a80;
  filter: drop-shadow(0 -.6px .25px #fff0c4) drop-shadow(0 1.5px .5px #55330e);
}
.sculpted-title .metal-depth {
  position: absolute; inset: 0; z-index: 0; color: #6e431b; user-select: none; pointer-events: none;
  text-shadow: 1px 1px 0 #d3a459, 2px 2px 0 #916029, 3px 3px 0 #795024, 4px 4px 0 #62401d,
    5px 5px 0 #483019, 6px 6px 0 #2a1d13, 7px 7px 1px #120f0c,
    9px 12px 7px #000e, 14px 23px 17px #000d, 2px 0 30px #e6a74720;
}
.hero-thesis { text-shadow: 0 2px 1px #000, 0 6px 15px #000; }
.hero-copy .lead, .hero-intro, .subpage-hero .subtitle, .subpage-hero .tagline { text-shadow: 0 2px 5px #000, 0 0 20px #02050b; }
.hero-mark { filter: drop-shadow(0 18px 12px #000b) drop-shadow(0 34px 28px #0009); }
.hero-mark::before { background: radial-gradient(ellipse,#e2b55528,transparent 66%); }
.hero-mark img { mix-blend-mode: normal; mask-image: radial-gradient(ellipse closest-side,#000 83%,#000d 93%,transparent 104%); }
.hero-mark figcaption { text-shadow: 0 2px 3px #000; }
.eyebrow, .section-kicker { text-shadow: 0 2px 3px #000, 0 0 16px #e5b35a26; }
.mission-ribbon {
  padding: 25px 20px; border: 1px solid transparent; border-radius: 6px;
  background: linear-gradient(180deg,#203149ed,#071322f5 52%,#0c1728fa) padding-box, var(--rim) border-box;
  box-shadow: var(--cast-shadow); color: #ebd9bb;
}
.evidence-strip { gap: 18px; padding: 38px 0 18px; }
.evidence-stat { border: 1px solid transparent; border-radius: 8px; }
.finding-grid, .methods-grid, .architecture-grid, .project-grid, .paper-feature-grid { gap: 27px; }
body.research-site :is(.thesis-panel,.finding-card,.method-card,.architecture-card,.project-card,.paper-feature,.system-panel,.founder-panel,.cta-panel,.library-details,.evidence-stat),
body.subpage-site :is(.goal-card,.bio-card,.arch-card,.ethics-card,.eval-block,.status-box,.roadmap-item,.scope-box,.method-block,.arch-block,.safety-item,.sys-stat) {
  position: relative; isolation: isolate; border: 1px solid transparent; border-radius: 9px;
  background: linear-gradient(135deg,#25374ded,#101c31f7 40%,#091223fa 78%,#132039f5) padding-box, var(--rim) border-box;
  box-shadow: var(--cast-shadow);
}
body.research-site :is(.thesis-panel,.finding-card,.method-card,.architecture-card,.project-card,.paper-feature,.system-panel,.founder-panel,.cta-panel,.evidence-stat)::before,
body.subpage-site :is(.goal-card,.bio-card,.arch-card,.ethics-card,.eval-block,.status-box,.roadmap-item,.scope-box,.method-block,.arch-block,.safety-item,.sys-stat)::before {
  content: ''; position: absolute; inset: 5px; z-index: -1; pointer-events: none; border-radius: 5px;
  border-top: 1px solid #ffe5ad32; border-left: 1px solid #edc8821c;
  border-right: 1px solid #0008; border-bottom: 1px solid #000c;
  background: linear-gradient(130deg,#e1c08508,transparent 24%,transparent 80%,#759acc08);
}
body.research-site :is(.thesis-panel,.founder-panel,.cta-panel) {
  background: radial-gradient(ellipse at 15% 0,#8d723844,transparent 63%) padding-box,
    linear-gradient(145deg,#19283be8,#080f1fee), url('assets/celestial-depth.png') center / cover padding-box, var(--rim) border-box;
}
.research-site :is(.section-heading h2,.founder-panel h2,.cta-panel h2), body.subpage-site section h2 {
  color: #f2d5a0; text-shadow: 0 1px 0 #8d5d2c, 1px 2px 0 #4b311b, 2px 4px 2px #000, 4px 9px 11px #000b;
}
.research-site :is(.metric,.paper-number,.evidence-stat strong,.system-number strong), body.subpage-site .sys-stat .num {
  color: #f4d59c; text-shadow: 0 1px 0 #9a713b, 1px 2px 0 #50381e, 2px 4px 3px #000, 0 0 22px #deb26520;
}
.finding-card h3, .project-card h3, .paper-feature h3, .architecture-card h3,
body.subpage-site :is(.goal-card,.arch-card,.bio-card) h4 { text-shadow: 0 2px 3px #000; }
.paper-feature { padding-top: 35px; }
.paper-feature a, .project-card a { text-shadow: 0 1px 3px #000; }
.paper-row { border-color: #e1c18422; background: linear-gradient(100deg,#c09b5e08,transparent); }
.paper-row + .paper-row { box-shadow: inset 0 1px #ffffff05; }
.library-details { margin-top: 35px; }
.library-details summary { background: linear-gradient(180deg,#ffffff05,transparent); text-shadow: 0 2px 3px #000; }
.failure-loop { gap: 15px; border: 0; overflow: visible; border-radius: 0; margin-top: 35px; }
.loop-step {
  border: 1px solid #ac89465c; border-radius: 7px;
  background: linear-gradient(140deg,#21344cef,#091323f5);
  box-shadow: inset 0 1px #f7d38b22, 0 5px 0 #040b18, 0 15px 25px -8px #000d;
}
.loop-step:last-child { border-right: 1px solid #ac89465c; }
.architecture-rail { box-shadow: inset 0 2px 6px #000a, 0 9px 20px #0008; }
.button, body.subpage-site .hero .hero-btn, body.subpage-site .link-btn, .nav-links .nav-contact, .menu-toggle:not([hidden]) {
  border-radius: 5px; border: 1px solid #cda7699c;
  background: linear-gradient(155deg,#2a3d55,#101b2c 50%,#080f1d);
  box-shadow: inset 0 1px #fff0c440, inset 0 -2px #000b, 0 4px 0 #020711, 0 10px 17px #0008;
  text-shadow: 0 1px 2px #000; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.button.primary {
  background: linear-gradient(160deg,#fff0c1 0%,#e9c67f 21%,#f6da9b 42%,#b9853c 45%,#dbac60 65%,#f5d69a 90%,#b48643 100%);
  border-color: #f2d7a1; color: #17120a !important; text-shadow: 0 1px #fff1c987;
  box-shadow: inset 0 1px 1px #fff9df, inset 0 -2px 1px #805620, 0 4px 0 #5a3d1c, 0 5px 0 #1f150c, 0 12px 20px #0009, 0 0 24px #c4974a17;
}
.brand-artwork img { border-color: #c7a468; border-radius: 8px; box-shadow: 0 2px 0 #694c26, 0 8px 0 #020815, 0 30px 60px -12px #000; }
.brand-footer, body.subpage-site .brand-footer { border-top-color: #ccaa6866; text-shadow: 0 2px 3px #000; }
body.subpage-site .subpage-hero h1.sculpted-title { font-family: 'Cinzel',Georgia,serif; font-weight: 600; line-height: 1.14; letter-spacing: -.045em; }
body.subpage-site :is(.goal-grid,.bio-grid,.arch-grid,.ethics-grid,.roadmap-grid,.safety-list,.system-stats,.haven-scope) { gap: 25px; }
body.subpage-site .divider { height: 1px; box-shadow: 0 1px #fce3a527, 0 5px 11px #000; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .button:hover, body.subpage-site .hero .hero-btn:hover, body.subpage-site .link-btn:hover { transform: translateY(-2px); filter: brightness(1.12); }
  .button.primary:hover { background: linear-gradient(160deg,#fff5d8,#efd08d 42%,#c6964c 45%,#f8dca2); }
  .project-card, .paper-feature { transition: transform .25s ease; }
  .project-card:hover, .paper-feature:hover { transform: translateY(-4px); }
}
@media (max-width: 1000px) {
  .celestial-hero { min-height: auto; padding: 65px 0; }
  .hero-copy h1.sculpted-title { font-size: clamp(3.3rem,6.7vw,5.2rem); }
  .site-nav.menu-open .nav-links { padding-bottom: 16px; }
}
@media (max-width: 760px) {
  body.research-site::before, body.subpage-site::before { background-position: 65% center; }
  .hero-copy h1.sculpted-title { font-size: clamp(3.3rem,13.3vw,5.4rem); line-height: 1.16; }
  .sculpted-title .metal-word { margin-inline: auto; }
  .celestial-hero { padding: 45px 0 55px; }
  .celestial-hero::before { inset: -20px -15px 0; }
  .hero-mark { margin-top: 36px; }
  .mission-ribbon { padding: 20px 12px; }
  .evidence-strip { gap: 15px; padding: 30px 0; }
  .evidence-stat { padding: 23px 15px; }
  .evidence-stat:nth-child(2), .evidence-stat:nth-child(3) { border: 1px solid transparent; }
  .finding-grid, .methods-grid, .architecture-grid, .project-grid, .paper-feature-grid { gap: 28px; }
  body.subpage-site .subpage-hero h1.sculpted-title { font-size: clamp(3.4rem,15vw,6rem); }
  body.subpage-site .subpage-hero .metal-word { margin-inline: 0; }
  .failure-loop { gap: 17px; }
}
@media (forced-colors: active) {
  .sculpted-title .metal-face { background: none; -webkit-text-fill-color: CanvasText; -webkit-text-stroke: 0; filter: none; }
  .metal-depth { display: none; }
}
@media print {
  .sculpted-title .metal-face { -webkit-text-fill-color: #111; -webkit-text-stroke: 0; filter: none; }
  .metal-depth { display: none; }
  body.research-site::before, body.subpage-site::before { display: none; }
  body.research-site *, body.subpage-site * { text-shadow: none !important; }
}