/* Conference abstract page */
.abstract-hero{
  position:relative;
  overflow:hidden;
  color:var(--bone);
  background:
    radial-gradient(at 78% 18%, rgba(61,213,152,.24) 0%, transparent 46%),
    radial-gradient(at 12% 84%, rgba(30,93,68,.45) 0%, transparent 56%),
    var(--forest);
}
.abstract-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,var(--forest-3) 100%);opacity:.42}
.abstract-hero__grain{position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:3px 3px}
.abstract-hero__in{position:relative;z-index:2;padding-top:clamp(52px,8vw,92px);padding-bottom:clamp(56px,9vw,100px)}
.abstract-hero h1{margin-top:22px;font-family:var(--f-display);font-weight:300;letter-spacing:-.024em;line-height:1.04;font-size:clamp(36px,5.1vw,62px);max-width:22ch}
.abstract-meta{margin-top:20px;color:var(--slate-lt);font-size:16px}
.abstract-links{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.abstract-badge{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-lt);padding:10px 12px;border:1px solid rgba(217,242,229,.4);border-radius:6px}

.abstract-content__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:40px;align-items:start}
.abstract-content article{background:var(--chalk);border:1px solid var(--hairline);border-radius:12px;padding:clamp(24px,3vw,38px)}
.abstract-content h2{font-family:var(--f-display);font-weight:400;line-height:1.1;letter-spacing:-.018em;font-size:clamp(28px,2.5vw,36px);margin-top:34px}
.abstract-content h2:first-of-type{margin-top:0}
.abstract-content p{margin-top:14px;color:var(--graphite);max-width:74ch}

.abstract-side{position:sticky;top:88px;background:var(--paper);border:1px solid var(--hairline);border-radius:10px;padding:20px}
.abstract-side h3{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--forest-2)}
.abstract-side dl{margin-top:12px;display:grid;gap:14px}
.abstract-side dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);font-family:var(--f-mono)}
.abstract-side dd{font-size:15px;color:var(--forest-2)}
.abstract-side a{color:var(--moss);text-decoration:underline;text-underline-offset:2px}

@media(max-width:980px){
  .abstract-content__in{grid-template-columns:1fr}
  .abstract-side{position:static}
}