/* Small, shared refinements. Keep the established page compositions intact. */
body[data-page="experience"],
body[data-page="portfolio"],
body[data-page="contact"]{
  --bg:#0b1113;
  --text:#eef1ed;
  --muted:#b8c1bf;
  --line:rgba(230,238,233,.14);
}

body[data-page] .site-header .global-nav{
  background:rgba(10,15,17,.56);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 4px 12px rgba(0,0,0,.12);
  -webkit-backdrop-filter:blur(11px) saturate(115%);
  backdrop-filter:blur(11px) saturate(115%);
}
html[data-scene="hero"] body[data-page="profile"] .site-header .global-nav{
  background:rgba(10,15,17,.66);
}
body[data-page] .global-nav__indicator{
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}

/* The FeralUI canvases move; the veil stays at the fixed text positions. */
body[data-page="profile"] .hero-scene{
  --hero-name-veil:rgba(246,248,239,.20);
  --hero-subject-veil:rgba(246,248,243,.13);
  --hero-ink-bottom:#f3f2ee !important;
  --hero-shadow-bottom:0 1px 1px rgba(4,14,21,.28) !important;
}
body[data-page="profile"] .hero-scene::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse 46% 38% at 28% 52%,var(--hero-name-veil),transparent 100%),
    radial-gradient(ellipse 30% 25% at 81% 27%,var(--hero-subject-veil),transparent 100%),
    linear-gradient(0deg,rgba(5,17,25,.34),rgba(5,17,25,.08) 9%,transparent 20%);
}
body[data-page="profile"] .hero-scene[data-feralui="sunset"]{--hero-name-veil:rgba(255,244,227,.34)}
body[data-page="profile"] .hero-scene[data-feralui="deep-sea"],
body[data-page="profile"] .hero-scene[data-feralui="storm-light"],
body[data-page="profile"] .hero-scene[data-feralui="electric-tide"]{--hero-name-veil:rgba(4,13,26,.27)}
body[data-page="profile"] .hero-scene[data-feralui="storm-light"]{--hero-subject-veil:rgba(246,248,243,.52)}
body[data-page="profile"] .hero-scene[data-feralui="electric-tide"]{--hero-ink-top:#173e56 !important}
body[data-page="profile"] .hero-scene[data-feralui="sunset"] .hero-index span:first-child,
body[data-page="profile"] .hero-scene[data-feralui="sunset"] .hero-index i{color:#f3f2ee}
body[data-page="profile"] .hero-scene .preset-control,
body[data-page="profile"] .hero-scene[data-feralui="deep-sea"] .preset-control,
body[data-page="profile"] .hero-scene[data-feralui="storm-light"] .preset-control{
  background:rgba(12,27,34,.57);
  border-color:rgba(255,255,255,.25);
  color:#f3f2ee;
}
body[data-page="profile"] .hero-scene .preset-control:hover,
body[data-page="profile"] .hero-scene[data-feralui="deep-sea"] .preset-control:hover,
body[data-page="profile"] .hero-scene[data-feralui="storm-light"] .preset-control:hover{
  background:rgba(12,27,34,.72);
}
body[data-page="profile"] .hero-scene .hero-baseline{border-color:rgba(243,242,238,.38)}
body[data-page="profile"] .hero-scene .down-arrow{width:24px;height:32px}
body[data-page="profile"] .hero-scene .down-arrow path{stroke-width:1.5}
body[data-page="profile"] .hero-scene .explore-arrow-a,
body[data-page="portfolio"] .hero-bottom .explore-arrow-a{animation:refined-arrow-a 3.6s ease-in-out infinite}
body[data-page="profile"] .hero-scene .explore-arrow-b,
body[data-page="portfolio"] .hero-bottom .explore-arrow-b{animation:refined-arrow-b 3.6s ease-in-out infinite}
@keyframes refined-arrow-a{
  0%,100%{transform:translateY(-2px);opacity:.62}
  50%{transform:translateY(3px);opacity:1}
}
@keyframes refined-arrow-b{
  0%,100%{transform:translateY(-1px);opacity:.38}
  50%{transform:translateY(4px);opacity:.68}
}

/* The detailed profile starts close to the last line of the first page. */
html[data-scene="hero"],
html[data-scene="transition"]{overflow:hidden}
body[data-page="profile"] .resume-rest{padding-bottom:60px}
body[data-page="profile"] .compact-training{display:none}
body[data-page="profile"] .resume-details>.resume-section:last-child{margin-bottom:0}
body[data-page="profile"] .destination-section{
  justify-content:flex-start;
  padding-top:64px;
}
body[data-page="profile"] .resume-rest .resume-entry>p:last-child,
body[data-page="profile"] .resume-rest .award-entry p{font-size:14px;line-height:1.85}
body[data-page="profile"] .resume-rest .capability-entry p{font-size:13px;line-height:1.85}
body[data-page="profile"] .resume-rest .tool-line p{font-size:12px;line-height:1.8}
body[data-page="profile"] .resume-rest .micro,
body[data-page="profile"] .resume-rest .section-title>span,
body[data-page="profile"] .resume-rest .entry-head time,
body[data-page="profile"] .resume-rest .capability-entry>span,
body[data-page="profile"] .resume-rest .award-entry>span,
body[data-page="profile"] .resume-rest .tool-line>.tool-index{font-size:12px;color:#9daaa7}

/* Experience index and article copy share the same neutral reading hierarchy. */
body[data-page="experience"] .entry p{font-size:13px;line-height:1.85}
body[data-page="experience"] .entry-meta,
body[data-page="experience"] .photo-grid figcaption,
body[data-page="experience"] .team-note{font-size:12px;line-height:1.75;color:#9daaa7}
body[data-page="experience"] .entry-num{color:#9daaa7}
body[data-page="experience"] .entry{border-color:rgba(230,238,233,.14)}
body[data-page="experience"] .article .prose{color:#b8c1bf;line-height:1.9}
body[data-page="experience"] .article .prose h2{margin:38px 0 16px}
body[data-page="experience"] .article .photo-section{margin:42px 0}

/* Keep the approved arrow drawing and enlarge only its touch target. */
body[data-page="portfolio"] .hero-bottom .explore{
  min-width:44px;
  min-height:44px;
  align-items:center;
  justify-content:center;
  color:#eff2ef;
  text-shadow:0 1px 1px rgba(5,12,18,.28);
}
body[data-page="portfolio"] .hero-bottom .explore svg{flex:none;width:24px;height:32px}
body[data-page="portfolio"] .hero-bottom .explore svg path{stroke-width:1.5}
body[data-page="portfolio"] .hero-shade{
  background:
    linear-gradient(90deg,rgba(5,7,12,.72) 0%,rgba(5,7,12,.36) 41%,rgba(5,7,12,.02) 78%),
    linear-gradient(0deg,rgba(4,9,14,.72),rgba(4,9,14,.26) 11%,transparent 26%,transparent 76%,rgba(4,5,9,.24));
}

body[data-page] .footer-column a,
body[data-page] .footer-column>span{color:#a3ada9}
body[data-page] .footer-utility{color:#9daaa7}

@media(max-width:800px){
  body[data-page="profile"] .hero-scene::before{
    background:
      radial-gradient(ellipse 83% 28% at 38% 48%,var(--hero-name-veil),transparent 100%),
      radial-gradient(ellipse 55% 18% at 82% 27%,var(--hero-subject-veil),transparent 100%),
      linear-gradient(0deg,rgba(5,17,25,.42),rgba(5,17,25,.11) 10%,transparent 23%);
  }
  body[data-page="profile"] .resume-first{padding-top:78px}
  body[data-page="profile"] .section-kicker{font-size:11px;margin-bottom:20px}
  body[data-page="profile"] .resume-grid{gap:20px}
  body[data-page="profile"] .identity-rail>.micro,
  body[data-page="profile"] .identity-rail dl,
  body[data-page="profile"] .rail-role,
  body[data-page="profile"] .education-line>p,
  body[data-page="profile"] .education-detail span,
  body[data-page="profile"] .education-detail .education-courses p,
  body[data-page="profile"] .identity-rail .rail-actions .text-action{font-size:11px}
  body[data-page="profile"] .summary{font-size:13px;line-height:1.85}
  body[data-page="profile"] .resume-lead h3{margin-bottom:12px}
  body[data-page="profile"] .education-line{margin-top:15px;padding-top:13px}
  body[data-page="profile"] .first-highlights{display:none}
  body[data-page="profile"] .resume-rest{padding-bottom:44px}
  body[data-page="profile"] .destination-section{padding-top:52px}
  body[data-page="profile"] .resume-rest .resume-entry>p:last-child,
  body[data-page="profile"] .resume-rest .award-entry p,
  body[data-page="profile"] .resume-rest .capability-entry p{font-size:13px;line-height:1.85}
  body[data-page="profile"] .resume-rest .tool-line p{font-size:12px}
  body[data-page="profile"] .resume-rest .micro,
  body[data-page="profile"] .resume-rest .section-title>span,
  body[data-page="profile"] .resume-rest .entry-head time,
  body[data-page="profile"] .resume-rest .capability-entry>span,
  body[data-page="profile"] .resume-rest .award-entry>span,
  body[data-page="profile"] .resume-rest .tool-line>.tool-index{font-size:11px}
  body[data-page="profile"] .tool-line .tool-groups p{font-size:12px}
  body[data-page="experience"] .entry{padding:24px 0}
  body[data-page="experience"] .entry p,
  body[data-page="experience"] .article .prose{font-size:13px;line-height:1.9}
  body[data-page="experience"] .entry-meta,
  body[data-page="experience"] .photo-grid figcaption,
  body[data-page="experience"] .team-note{font-size:11px}
  body[data-page="experience"] .experience-detail .page-head{margin-bottom:30px}
  body[data-page="experience"] .article .prose h2{margin:35px 0 14px}
  body[data-page="experience"] .article .photo-section{margin:38px 0}
}

@media(max-width:520px){
  body[data-page="portfolio"] .hero-bottom .explore span{display:none}
  body[data-page="portfolio"] .hero-bottom .explore{margin:-10px -12px -10px 0}
}

@media(max-width:800px) and (min-height:820px){
  body[data-page="profile"] .first-highlights{display:block}
}

@media(max-width:350px) and (max-height:740px){
  body[data-page="profile"] .resume-first{padding-top:64px;padding-bottom:16px}
  body[data-page="profile"] .section-kicker{margin-bottom:14px}
  body[data-page="profile"] .resume-grid{gap:16px}
  body[data-page="profile"] .education-detail{display:none}
  body[data-page="profile"] .compact-training{
    display:block;
    margin-bottom:26px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(230,238,233,.14);
    color:#b8c1bf;
    font-size:12px;
    line-height:1.8;
  }
}

@media(prefers-reduced-motion:reduce){
  body[data-page="profile"] .hero-scene .explore-arrow-a,
  body[data-page="portfolio"] .hero-bottom .explore-arrow-a{animation:none;opacity:.9}
  body[data-page="profile"] .hero-scene .explore-arrow-b,
  body[data-page="portfolio"] .hero-bottom .explore-arrow-b{animation:none;opacity:.55}
}