:root{
  --gold:#d4a017;
  --gold-soft:#f2d27a;
  --muted:#d0d0d0;
  --line:rgba(212,160,23,.45);
}
*{box-sizing:border-box}
body{background:black;color:white;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}
.container{padding:22px;max-width:1200px;margin:0 auto}
h1,h2,h3{color:gold;margin-top:0}
a{color:gold;text-decoration:none}
p{line-height:1.68;color:var(--muted)}
.hero-wrap{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero{position:relative}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to right, rgba(0,0,0,.58) 0%, rgba(0,0,0,.28) 42%, rgba(0,0,0,.08) 100%);pointer-events:none}
.hero img{width:100%;height:420px;object-fit:cover;display:block;filter:brightness(.96)}
.hero-text{position:absolute;left:30px;bottom:26px;color:white;max-width:680px;text-shadow:0 3px 14px rgba(0,0,0,.72)}
.hero-kicker{display:inline-block;margin-bottom:12px;padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.42);border:1px solid rgba(242,210,122,.35);color:var(--gold-soft);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.hero-text h1{margin:0 0 10px 0;font-size:clamp(2.2rem,4.6vw,3.5rem);line-height:1.02;color:#fff3cf}
.hero-text p{margin:0;color:#f0f0f0;max-width:820px;font-size:1.03rem}
.section-card{border:1px solid var(--line);background:linear-gradient(180deg,#0e0e0e,#090909);padding:18px;border-radius:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{border:1px solid var(--line);padding:18px;border-radius:16px;background:linear-gradient(180deg,#121212,#090909);box-shadow:0 10px 24px rgba(0,0,0,.35);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.card:hover{transform:translateY(-4px);border-color:var(--gold-soft);box-shadow:0 14px 30px rgba(0,0,0,.45);background:linear-gradient(180deg,#171717,#0b0b0b)}
.card a{display:block;font-weight:700;color:var(--gold-soft)}
.page-header{border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:18px;background:radial-gradient(circle at top right, rgba(212,160,23,.16), transparent 24%),linear-gradient(180deg,#101010,#080808)}
.small-note{color:#e8e8e8;max-width:760px}
.back-link{display:inline-block;margin-top:24px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#0e0e0e}
.profile-hero{border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-bottom:18px;background:radial-gradient(circle at top right, rgba(212,160,23,.14), transparent 22%),linear-gradient(180deg,#111,#080808)}
.profile-banner{height:180px;display:flex;align-items:flex-end;padding:24px;background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.65)),radial-gradient(circle at top left, rgba(212,160,23,.22), transparent 24%),radial-gradient(circle at top right, rgba(212,160,23,.12), transparent 18%),linear-gradient(135deg,#151515,#090909)}
.profile-banner h1{margin:0;font-size:2rem}
.profile-tag{display:inline-block;margin-bottom:10px;color:#111;background:var(--gold-soft);padding:8px 12px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.profile-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
.profile-main,.profile-side{border:1px solid var(--line);border-radius:18px;padding:22px;background:linear-gradient(180deg,#111,#0a0a0a)}
.profile-side ul{margin:0;padding-left:18px}
.tone-line{color:#f0f0f0;font-size:1.05rem;line-height:1.6;margin:0 0 14px 0}
.meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 0}
.meta-box{border:1px solid var(--line);border-radius:14px;padding:14px;background:linear-gradient(180deg,#151515,#0d0d0d)}
.meta-label{color:var(--gold-soft);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-weight:700}
.meta-value{color:#f2f2f2;line-height:1.45}
.conference-grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:18px}
.conference-card{display:flex;flex-direction:column;justify-content:space-between;min-height:160px;background:radial-gradient(circle at top right, rgba(212,160,23,.12), transparent 28%),linear-gradient(180deg,#101010,#080808)}
.conf-copy{color:#e2e2e2;line-height:1.6;margin-bottom:18px}
.conf-link{display:block;font-weight:700;color:var(--gold-soft);padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(212,160,23,.08);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.conf-link:hover{transform:translateY(-2px);border-color:var(--gold-soft);background:rgba(212,160,23,.12)}
.conf-name{display:block;font-weight:400;font-size:.84rem;line-height:1.45;color:#f0e5c0;margin-top:4px}
@media (max-width:900px){.profile-grid{grid-template-columns:1fr}.meta{grid-template-columns:1fr}}
@media (max-width:700px){.hero img{height:320px}.hero-text{left:18px;right:18px;bottom:18px}.hero-text h1{font-size:2rem}.container{padding:16px}.conference-grid{grid-template-columns:1fr}.profile-banner{height:160px;padding:18px}}


.profile-subline{color:#f3e5bf;margin:8px 0 0 0;font-size:1rem}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.info-box{border:1px solid var(--line);border-radius:14px;padding:14px;background:linear-gradient(180deg,#151515,#0d0d0d)}
.info-label{color:var(--gold-soft);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-weight:700}
.info-value{color:#f2f2f2;line-height:1.45}
.study-list,.campus-list{margin:0;padding-left:20px}
.study-list li,.campus-list li{margin:8px 0;color:var(--muted);line-height:1.55}
.section-intro{margin-top:0}
@media (max-width:700px){.info-grid{grid-template-columns:1fr}}


.home-segments{margin-bottom:28px;padding:22px}
.segment-header-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}
.segment-section-title{margin:0}
.segment-section-note{margin:0;color:#e2d7af}
.segment-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:10px 0 18px}
.segment-button{appearance:none;border:1px solid var(--line);background:linear-gradient(180deg,#111,#080808);color:gold;padding:18px 16px;border-radius:16px;text-align:left;font-size:1.25rem;font-weight:700;line-height:1.2;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.28);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.segment-button:hover,.segment-button:focus-visible{transform:translateY(-2px);border-color:var(--gold-soft);background:linear-gradient(180deg,#171717,#0b0b0b);box-shadow:0 14px 30px rgba(0,0,0,.4);outline:none}
.segment-button.active{background:radial-gradient(circle at top right, rgba(212,160,23,.16), transparent 32%),linear-gradient(180deg,#18130a,#0b0b0b);border-color:var(--gold-soft);color:#fff1bc}
.segment-panel{border:1px solid var(--line);border-radius:18px;padding:22px;background:linear-gradient(180deg,#141414,#0b0b0b);min-height:260px}
.segment-panel h3{margin:0 0 14px 0;color:#fff1bc;font-size:1.6rem}
.segment-panel p:last-child{margin-bottom:0}
@media (max-width:700px){.segment-buttons{grid-template-columns:1fr}.home-segments{padding:18px}.segment-button{font-size:1.08rem;padding:16px 14px}.segment-panel{min-height:unset}}


.segment-meta{display:inline-block;margin:0 0 14px 0;padding:7px 12px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line)}
.segment-meta.foundation{background:rgba(212,160,23,.10);color:#f7e6b3}
.segment-meta.dynamic{background:rgba(255,255,255,.05);color:#ece2bc}
.segment-intro-copy{margin:0 0 18px 0;color:#f0f0f0;max-width:900px}
.content-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.content-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:linear-gradient(180deg,#151515,#0d0d0d);box-shadow:0 8px 20px rgba(0,0,0,.22)}
.content-card h4{margin:0 0 10px 0;color:#fff1bc;font-size:1.05rem}
.content-card p{margin:0}
@media (max-width:700px){.content-card-grid{grid-template-columns:1fr}}