/* CONFERENCES PAGE */
:root{--gold:#e6b756}
.hero-actions{gap:12px;flex-wrap:wrap;margin-top:30px;display:flex}
.metric-grid{margin-top:72px;gap:var(--space-3)}
.metric{backdrop-filter:blur(12px);border-radius:var(--r-lg);padding:22px}
.metric .num{font:600 2.7rem/1 'Cormorant Garamond',serif}
.metric .lbl{font-size:var(--fs-caption);color:rgba(255,255,255,.6);margin-top:var(--space-2)}
.dark-section h2{font-size:clamp(2.3rem,4.4vw,4.2rem);letter-spacing:-.025em;max-width:800px;margin-bottom:18px}
.value-grid{margin-top:44px}
.value-card .kicker{color:var(--cyan);font-size:var(--fs-label);font-weight:700;text-transform:uppercase;letter-spacing:.16em}
.value-card h3{font-size:var(--fs-heading);margin:18px 0 10px}
.timeline-section{padding:var(--space-block) 0}
.timeline{position:relative;margin-left:var(--space-4)}
.timeline::before{content:"";position:absolute;left:9px;top:var(--space-2);bottom:var(--space-2);width:1px;background:linear-gradient(var(--crimson),rgba(177,17,53,.1))}
.timeline-item{position:relative;padding:0 0 42px 58px}
.timeline-item:last-child{padding-bottom:0}
.timeline-dot{position:absolute;left:0;top:7px;width:19px;height:19px;border-radius:50%;background:#fff;border:5px solid var(--crimson);box-shadow:0 0 0 6px rgba(177,17,53,.1)}
.timeline-card{display:grid;grid-template-columns:150px 1fr auto;gap:30px;padding:28px 30px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;transition:var(--dur-base)}
.t-date{font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.14em;color:var(--gray);font-weight:600}
.t-place{font-size:var(--fs-caption);color:var(--gray);margin-top:7px}
.t-body h3{font-size:var(--fs-heading);margin-bottom:var(--space-2)}
.t-body p{font-size:var(--fs-body);color:var(--ink-2);font-weight:300}
.tag{display:inline-block;margin-bottom:10px;padding:5px 11px;border-radius:var(--r-pill);font-size:var(--fs-label);font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:rgba(177,17,53,.1);color:var(--crimson)}
.tag.invited{background:rgba(29,122,68,.12);color:var(--green)}
.tag.poster{background:rgba(58,160,255,.12);color:#1c6fb8}
.event-link{align-self:start;width:42px;height:42px;border-radius:50%;border:1px solid rgba(0,0,0,.14);color:var(--crimson);font-weight:700;display:grid;place-items:center}
.event-link:hover{background:var(--crimson);color:#fff}
.up-card .date{font-size:var(--fs-label);color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.up-card h3{font-size:var(--fs-heading);margin:12px 0 5px}
.up-card .loc{font-size:var(--fs-caption);color:var(--gray);margin-bottom:18px}
.presentations{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-top:auto}
.presentations li{font-size:var(--fs-caption);color:var(--ink-2);font-weight:300;border-top:1px solid rgba(0,0,0,.07);padding-top:var(--space-3)}
.presentations b{color:var(--ink);font-weight:600}
.pill{font-size:var(--fs-label);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--crimson);margin-right:7px}
/* Archive section */
.archive-tools{gap:10px;flex-wrap:wrap;margin:28px 0 38px;display:flex}
.portfolio-note{margin:26px 0 0;padding:18px 20px;border-left:3px solid var(--gold);background:#fff8e9;color:#57451e;font-size:var(--fs-caption);border-radius:0 var(--r-md) var(--r-md) 0}
.event-stack{display:grid;gap:18px}
.event-record{border:1px solid var(--line);background:#fff;border-radius:var(--r-lg);overflow:hidden;transition:var(--dur-base)}
.record-head{display:grid;grid-template-columns:145px 1fr auto;gap:26px;align-items:start;padding:26px 28px; background:#fafbfc;}
.record-date{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--gray)}
.record-place{font-size:var(--fs-caption);color:var(--gray);margin-top:7px}
.record-title h3{font-size:var(--fs-heading);margin:6px 0}
.record-summary{color:var(--ink-2);font-size:var(--fs-caption);font-weight:300}
.record-count{min-width:72px;text-align:center;border-radius:var(--r-lg);background:var(--mist);padding:var(--space-3)}
.record-count b{display:block;font:700 1.75rem/1 'Cormorant Garamond',serif;color:var(--crimson)}
.record-count span{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.09em;color:var(--gray)}
.record-presentations{border-top:1px solid rgba(0,0,0,.08);padding:0 28px}
.presentation-row{display:grid;grid-template-columns:110px 190px 1fr auto;gap:18px;padding:17px 0;border-bottom:1px solid rgba(0,0,0,.07);align-items:start}
.presentation-row:last-child{border-bottom:0}
.ptype{font-size:var(--fs-label);font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.presenter{font-size:var(--fs-caption);font-weight:700}
.ptitle{font-size:var(--fs-caption);color:var(--ink-2);font-weight:300}
.poster-link{font-size:var(--fs-label);font-weight:700;color:var(--crimson);white-space:nowrap}
.source-limited{font-style:italic;color:var(--gray)}
.section-divider{gap:16px;margin:70px 0 28px;display:flex;align-items:center}
.section-divider h3{font-size:var(--fs-display-sm);white-space:nowrap}
.section-divider::after{content:"";height:1px;background:rgba(0,0,0,.1);flex:1}
.materials-request{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:17px 28px;border-top:1px solid rgba(0,0,0,.08);background:#f4f8fb}
.materials-request strong{font-size:var(--fs-caption);color:var(--ink);white-space:nowrap}
.materials-request span{font-size:var(--fs-caption);color:var(--gray);font-weight:300}
.materials-request a{font-size:var(--fs-label);font-weight:700;color:var(--crimson);white-space:nowrap}

@media(max-width:1024px){
  .metric-grid{grid-template-columns:repeat(2,1fr)}
  .value-grid{grid-template-columns:1fr}
  .timeline-card{grid-template-columns:120px 1fr}
  .event-link{grid-column:2}
  .up-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .record-head{grid-template-columns:1fr auto}
  .record-head>div:first-child{grid-column:1/-1}
  .presentation-row{grid-template-columns:1fr}
  .record-presentations{padding:0 22px}
  .materials-request{grid-template-columns:1fr;padding:20px 22px;gap:8px}
  .materials-request strong,.materials-request a{white-space:normal}
}
@media(max-width:768px){
  .metric-grid{grid-template-columns:1fr 1fr}
  .metric{padding:17px}
  .metric .num{font-size:2.15rem}
  .timeline{margin-left:5px}
  .timeline-card{display:block;padding:var(--space-6)}
  .t-body{margin-top:var(--space-4)}
  .event-link{margin-top:18px}
}