@import url("base.css?v=20260817-3");

:root{
  --forest-deep:#102d24;
  --forest:#1f563f;
  --forest-light:#6f9a78;
  --gold:#e1bf79;
  --glass:rgba(9,31,23,.56);
}

html{scroll-padding-top:76px}
body{background:#f6f7f4}

.topbar{
  position:fixed;
  inset:0 0 auto 0;
  z-index:100;
  height:74px;
  display:flex;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg,rgba(7,23,17,.88),rgba(7,23,17,.66));
  box-shadow:0 8px 30px rgba(0,0,0,.12);
  backdrop-filter:blur(12px)
}
.site-name{color:#fff!important;font-family:Georgia,"Times New Roman",serif;font-size:22px}
#mainnav a,.theme-switcher button,.menu-toggle{color:#fff!important}
#mainnav a{font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.28)}
#mainnav a:hover{color:var(--gold)!important}
.theme-switcher button:hover{background:rgba(255,255,255,.12)}

.home-section{
  position:relative;
  min-height:760px;
  display:flex;
  align-items:center;
  padding:132px 0 78px;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(6,22,16,.78) 0%,rgba(6,22,16,.62) 40%,rgba(6,22,16,.32) 72%,rgba(6,22,16,.18) 100%),
    linear-gradient(0deg,rgba(6,22,16,.34),rgba(6,22,16,.04)),
    url("forest-bg.jpg?v=forest-hero-3") center center/cover no-repeat;
}
.home-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 68% 32%,rgba(245,199,116,.15),transparent 34%);
  pointer-events:none
}
.home-section::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:120px;
  background:linear-gradient(180deg,transparent,rgba(9,30,22,.44));
  pointer-events:none
}
.home-section .profile-layout{
  position:relative;
  z-index:2;
  grid-template-columns:300px minmax(0,1fr);
  gap:64px;
  align-items:center
}
.home-section .profile-column{
  padding:30px 24px 26px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:26px;
  background:rgba(7,26,19,.46);
  box-shadow:0 24px 70px rgba(0,0,0,.26);
  backdrop-filter:blur(12px)
}
.home-section .portrait-frame{
  width:240px;height:240px;
  margin-bottom:24px;
  border:4px solid rgba(255,255,255,.92);
  background:rgba(255,255,255,.12);
  box-shadow:0 18px 50px rgba(0,0,0,.36)
}
.home-section .portrait-photo{object-position:50% 26%}
.home-section .profile-column h1{
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:42px;
  line-height:1.05;
  letter-spacing:-.035em;
  text-shadow:0 2px 18px rgba(0,0,0,.34)
}
.home-section .role{max-width:none;color:var(--gold);font-weight:700;font-size:17px}
.home-section .institution a{color:#fff!important}
.home-section .secondary-role{color:rgba(255,255,255,.78)}
.home-section .social-row a{
  color:#fff;
  border-color:rgba(255,255,255,.32);
  background:rgba(255,255,255,.1)
}
.home-section .social-row a:hover{
  color:var(--forest-deep);
  border-color:var(--gold);
  background:var(--gold)
}
.home-section .bio-column{
  padding:40px 44px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:28px;
  background:var(--glass);
  box-shadow:0 26px 85px rgba(0,0,0,.24);
  backdrop-filter:blur(12px)
}
.home-section .bio-column>h2{
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:54px;
  line-height:1.03;
  margin-bottom:24px;
  text-shadow:0 2px 18px rgba(0,0,0,.28)
}
.home-section .bio-column>p{
  max-width:780px;
  color:rgba(255,255,255,.93);
  font-size:17px;
  line-height:1.78
}
.home-section .facts-grid{
  margin-top:32px;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.2)
}
.home-section .fact-block h3{color:var(--gold);font-family:Georgia,"Times New Roman",serif}
.home-section .interest-list,.home-section .timeline{color:rgba(255,255,255,.91)}
.home-section .timeline strong{color:#fff}
.home-section .timeline span:not(.timeline-mark){color:rgba(255,255,255,.74)}

.section{padding:82px 0}
.section-heading h2{font-family:Georgia,"Times New Roman",serif;color:var(--forest-deep)}
.muted-section{background:#eef2ed}
.project-card,.simple-cards article{transition:transform .2s ease,box-shadow .2s ease}
.project-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(23,68,50,.10)}
.project-meta,.experience-date{color:var(--forest)}
.project-tag{background:#e2ede5;color:var(--forest)}
.filter.active,.filter:hover{background:#e2ede5;color:var(--forest);border-color:var(--forest-light)}
.pub-main h3 a:hover,.contact-details a:hover{color:var(--forest)}
footer{background:var(--forest-deep);color:rgba(255,255,255,.82);border-top:0}

/* Remove party-building-related award content while retaining academic,
   teaching, mentorship and student-service recognitions. */
#honours .project-grid .project-card:nth-child(4){display:none}

#honours .project-grid .project-card:nth-child(9) p{
  font-size:0;
  line-height:0
}
#honours .project-grid .project-card:nth-child(9) p::after{
  content:"Young Faculty Teaching Skills Competition, Second Prize (2015 and 2016); Outstanding Head Teacher (2016–2018).";
  display:block;
  color:var(--muted);
  font-size:14px;
  line-height:1.65
}

#honours .project-grid .project-card:nth-child(10) .project-meta,
#honours .project-grid .project-card:nth-child(10) h3,
#honours .project-grid .project-card:nth-child(10) p{
  font-size:0;
  line-height:0
}
#honours .project-grid .project-card:nth-child(10) .project-meta::after{
  content:"2022 · College of Forestry";
  display:block;
  color:var(--forest);
  font-size:11px;
  font-weight:700;
  line-height:1.45;
  text-transform:uppercase;
  letter-spacing:.055em
}
#honours .project-grid .project-card:nth-child(10) h3::after{
  content:"Outstanding Career Guidance Teacher";
  display:block;
  color:var(--heading);
  font-size:20px;
  line-height:1.35
}
#honours .project-grid .project-card:nth-child(10) p::after{
  content:"Recognition for excellence in student career guidance and support.";
  display:block;
  color:var(--muted);
  font-size:14px;
  line-height:1.65
}

@media(max-width:1050px){
  #mainnav{gap:16px}
  #mainnav a{font-size:13px}
  .home-section .profile-layout{grid-template-columns:270px minmax(0,1fr);gap:38px}
  .home-section .portrait-frame{width:215px;height:215px}
  .home-section .bio-column{padding:34px}
  .home-section .bio-column>h2{font-size:46px}
}
@media(max-width:900px){
  .home-section{min-height:auto;padding:122px 0 76px;background-position:64% center}
  .home-section .profile-layout{grid-template-columns:1fr;gap:30px}
  .home-section .profile-column{max-width:400px;width:100%;margin:0 auto}
  .home-section .bio-column{padding:32px}
  .home-section .bio-column>h2{font-size:43px}
}
@media(max-width:720px){
  .topbar{height:64px}
  #mainnav{background:rgba(10,31,24,.98)!important;border-color:rgba(255,255,255,.18)!important}
  .home-section{padding-top:104px;background-position:70% center}
  .home-section .portrait-frame{width:205px;height:205px}
  .home-section .bio-column{padding:26px 22px}
  .home-section .bio-column>h2{font-size:37px}
  .home-section .bio-column>p{font-size:15px}
}