*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#eef0dd;color:#2f3524;font-family:Tahoma, Verdana, sans-serif;line-height:1.5}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif;margin:0;line-height:.98;font-weight:800}
.mf{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,4vw,3.4rem)}

.mf-top{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem;
  border-bottom:1px solid rgba(47,53,36,0.9);padding:1.4rem 0 .7rem;margin-top:.6rem;
  font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif;text-transform:uppercase;letter-spacing:.2em;font-size:.78rem}
.mf-name{font-weight:800}.mf-tag{color:#6f8a3c}

.declare{padding:3rem 0 2rem}
.declare-lead{font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif;text-transform:uppercase;letter-spacing:.22em;font-size:.8rem;
  color:#6f8a3c;margin:0 0 1rem}
.declare-head{font-size:clamp(2.6rem,10vw,8rem);letter-spacing:-.03em;
  text-align:justify;text-align-last:justify;text-transform:uppercase;margin:0}
.dateline{font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif;font-style:italic;color:rgba(47,53,36,0.60);margin:1.2rem 0 0;font-size:.95rem}

.creed{padding:1.4rem 0 2.6rem}
.creed-p{font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif;font-weight:400;font-size:clamp(1.3rem,3.4vw,2.2rem);line-height:1.35;
  max-width:32ch;border-left:4px solid #6f8a3c;padding-left:1.4rem}

.mf-rule{border-top:1px solid rgba(47,53,36,0.9);margin:.4rem 0}
.mf-rule.thick{border-top:8px solid rgba(47,53,36,0.9)}

.theses{padding:1.4rem 0}
.thesis{display:grid;grid-template-columns:auto 1fr;gap:1.6rem;align-items:start;
  border-bottom:1px solid rgba(47,53,36,0.28);padding:1.8rem 0}
.th-no{font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif;font-weight:800;font-size:clamp(2.4rem,7vw,5rem);line-height:.8;color:#6f8a3c}
.th-body h3{font-size:clamp(1.4rem,4vw,2.6rem);text-transform:uppercase;letter-spacing:-.01em;margin:0 0 .5rem}
.th-body p{margin:0;font-size:1.1rem;color:rgba(47,53,36,0.60);max-width:60ch}

.mf-band{margin:2.6rem 0}
.band-track{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}
.band-track img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:grayscale(.4) contrast(1.1)}
.mf-band figcaption{font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(47,53,36,0.60);padding-top:.6rem;text-align:center}

.undersigned{padding:2.4rem 0}
.us-head{font-size:clamp(1.6rem,5vw,3rem);text-transform:uppercase;margin:0 0 1.6rem;
  border-bottom:3px solid rgba(47,53,36,0.9);padding-bottom:.5rem}
.sigs{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.sig p{font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif;font-weight:400;font-size:1.2rem;line-height:1.35;margin:0 0 .8rem}
.sig-name{font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.1em;
  font-size:.82rem;color:#6f8a3c;border-top:2px solid rgba(47,53,36,0.9);padding-top:.5rem;display:block}

.imperative{padding:3.4rem 0;text-align:center}
.imp-small{font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif;text-transform:uppercase;letter-spacing:.24em;font-size:.8rem;color:#6f8a3c;margin:0 0 .8rem}
.imp-head{font-size:clamp(2rem,7vw,5rem);text-transform:uppercase;margin:0 0 1.4rem}
.imp-lines{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-bottom:1.8rem}
.imp-lines a{text-decoration:none;font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:.9rem}
.imp-lines a:hover{color:#6f8a3c}
.stamp{display:inline-block;font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif;font-weight:800;text-transform:uppercase;
  letter-spacing:.14em;text-decoration:none;border:4px double #6f8a3c;color:#6f8a3c;
  padding:.7rem 2.2rem;transform:rotate(-2deg)}

.mf-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;
  padding:1.6rem 0 2.4rem;border-top:1px solid rgba(47,53,36,0.9);font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif;
  text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:rgba(47,53,36,0.60)}

@media(max-width:820px){
  .band-track{grid-template-columns:repeat(3,1fr)}
  .sigs{grid-template-columns:1fr}
  .declare-head{text-align-last:left}
}
@media(max-width:480px){
  .thesis{grid-template-columns:1fr;gap:.4rem}
  .band-track{grid-template-columns:repeat(2,1fr)}
}


.xq{box-sizing:border-box;font-family:Tahoma, Verdana, sans-serif;color:#2f3524;padding:56px 24px;width:100%}
.xq *{box-sizing:border-box;margin:0}
.xq .xq-wrap{max-width:1060px;margin:0 auto}
.xq h2{font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif;font-size:1.7rem;line-height:1.2;margin-bottom:8px}
.xq .xq-kick{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#6f8a3c;margin-bottom:10px;font-weight:700}

.xq-teamgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;margin-top:22px}
.xq-person img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px;display:block;filter:saturate(.9)}
.xq-person figcaption{padding-top:10px}
.xq-person strong{display:block;font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif}
.xq-person span{font-size:.82rem;color:#7c826a}


/* =====================================================
   DESIGN DNA: midnight-glass
   Whole-page visual system applied over the layout
   archetype. Appended last so it wins the cascade.
   ===================================================== */
html::before{content:'';position:fixed;inset:0;z-index:99980;pointer-events:none;background:radial-gradient(120% 90% at 50% 0%,transparent 55%,rgba(0,0,0,.5));opacity:.14;}
h1,h2,h3{letter-spacing:-0.02em !important;font-weight:700 !important}
img{border-radius:16px !important;box-shadow:0 30px 70px rgba(0,0,0,.4),0 0 0 1px rgba(47,53,36,.18) !important}
a[class*="btn"],button,span[class*="btn"]{border-radius:999px !important;box-shadow:0 10px 30px rgba(111,138,60,.45),inset 0 1px 0 rgba(255,255,255,.25) !important}
div[class*="card"]:not([class*="cards"]),article[class*="card"],a[class*="card"],figure[class*="card"],li[class*="card"]{border-radius:20px !important;border:1px solid rgba(47,53,36,.16) !important;box-shadow:0 24px 60px rgba(0,0,0,.35) !important}