/* Visual treatment only: preserve page structure and project controls. */
:root { --accent:#efbd68; --line:#343840; }
body, body.fade-in {
  background:radial-gradient(ellipse at 85% 0, #26342e55, transparent 42rem), #101215;
}
::selection { background:#efbd68; color:#101215; }
#navbar { background:rgba(16,18,21,.92); backdrop-filter:blur(16px); }
#navbar a[aria-current="page"] { background:linear-gradient(180deg, #efbd681a, #efbd6808); }
#navbar a:hover { background:#efbd6817; }
.portfolio-hero { position:relative; isolation:isolate; padding-left:max(4vw, calc((100% - 1728px) / 2)); padding-right:max(4vw, calc((100% - 1728px) / 2)); }
.portfolio-hero::before {
  content:""; position:absolute; z-index:-1; inset:72px 0 0;
  background:linear-gradient(90deg, #101215dd, #10121555 65%), url('Images/Screenshots/Earthward/EW4.png') center / cover;
  background-position:center, center calc(50% - 100px);
  mask-image:linear-gradient(to top, transparent 0%, #00000026 10%, #00000080 22%, #000000d9 36%, #000 52%);
  opacity:.8; pointer-events:none;
}
.portfolio-hero h1 { text-shadow:0 4px 28px #0008; }
.portfolio-hero .hero-summary { color:#d1d4dc; max-width:46ch; text-shadow:0 2px 8px #101215; }
.eyebrow { display:inline-flex; align-items:center; gap:12px; }
.hero-links a { display:inline-block; padding:9px 0; border-bottom-color:#efbd6866; transition:transform .18s ease, color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.hero-links a:hover, .hero-links a:focus-visible { transform:translateY(-3px); border-bottom-color:var(--accent); }
.hero-links a:active { transform:translateY(1px) scale(.97); }
.hero-links a:first-child { padding:9px 18px; color:#171717; background:var(--accent); border:1px solid var(--accent); border-radius:6px; }
.hero-links a:first-child:hover, .hero-links a:first-child:focus-visible { background:#ffd38b; box-shadow:0 6px 20px #efbd6826; }
.gw3-feature { position:relative; background:radial-gradient(ellipse at 0 0, #79552b2e, transparent 70%), linear-gradient(135deg,#1e2228,#171a20); border-color:#71604477; box-shadow:0 18px 60px #0003; }
.trailer-frame { box-shadow:0 12px 32px #0005; }
.section-heading h2, .about-text h3 { display:flex; align-items:center; gap:16px; }
.work-card { padding:12px 12px 24px; border:1px solid #343840; border-radius:14px; background:linear-gradient(145deg,#20252c,#15181d); box-shadow:0 8px 30px #0002; transition:border-color .2s, box-shadow .2s; }
.work-card:hover { border-color:#efbd6877; box-shadow:0 10px 36px #0005; }
.work-card>a { border-radius:8px; }
.work-card h3 { margin:20px 8px 8px; }
.work-card p { margin-left:8px; margin-right:8px; }
.work-card .work-meta { margin-left:8px; margin-right:8px; color:#dcc295; }
.about-image { border:1px solid #53615677; box-shadow:0 12px 36px #0004; }
.about-row { background:radial-gradient(ellipse at 50% 50%, #7c69400d, transparent 75%); }
.aboutTitle h1 { color:#f9f1e3; }
.message-box-wrapper { background:radial-gradient(ellipse at 100% 0,#efbd6810,transparent 65%), #191c21; border-top:2px solid var(--accent); box-shadow:0 18px 60px #0004; }
.chat-text { color:#f9f1e3; }
.send-button { transition:background .2s, box-shadow .2s; }
.send-button:hover { background:#ffd38b; box-shadow:0 4px 20px #efbd6822; }
.projects-page .upper-container { background:radial-gradient(ellipse at 0 0,#70542b12,transparent 60%), #101215; }
.projects-page .lower-container { background:#16191e; }
.projects-page .slide { border:1px solid #53615666; }
.projects-page .image-container.active { border-color:var(--accent); box-shadow:0 0 22px #efbd681c; }
.portfolio-footer { background:#0c0f12; }
@media(prefers-reduced-motion:reduce) { .hero-links a:hover, .hero-links a:focus-visible, .hero-links a:active { transform:none; } }
@media(max-width:760px) {
  .portfolio-hero { padding-left:20px; padding-right:20px; }
  .portfolio-hero::before { inset:64px 0 0; opacity:.45; }
  .portfolio-hero .hero-summary { color:#e2e4e9; }
  .work-card { padding:10px 10px 22px; }
}