:root{--museum-purple:#6934a6;--museum-blue:#15a8df;--museum-green:#58a63b;--museum-coral:#e25e35;--museum-gold:#dfa52c}
.identity-page{background:#f6f1e4}
.identity-intro{min-height:72vh;padding:12vh 7vw 10vh;display:grid;grid-template-columns:.62fr 1.55fr .9fr;gap:5vw;align-items:end;border-bottom:1px solid var(--line)}
.identity-intro .eyebrow{align-self:center;margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.17em}
.identity-intro h1{margin:0;font:500 clamp(56px,7.4vw,112px)/.91 "Fraunces",serif;letter-spacing:-.055em}
.intro-copy{margin:0 0 .65em;font-size:17px;line-height:1.55;max-width:440px}
.institutional-system,.event-identities{padding:100px 7vw 120px}
.institutional-system{background:#efe9d8}
.section-heading{display:grid;grid-template-columns:.25fr 1.6fr .85fr;gap:3vw;align-items:start;margin-bottom:48px}
.section-heading>span,.section-heading p{font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.15em}
.section-heading>span{padding-top:8px}
.section-heading div p{margin:0 0 10px;font-weight:600;color:#52646a}
.section-heading h2{margin:0;font:500 clamp(34px,4.1vw,64px)/1 "Fraunces",serif;letter-spacing:-.04em;max-width:900px}
.section-heading .section-note{margin:10px 0 0;text-transform:none;letter-spacing:0;font-size:15px;line-height:1.55}
.institutional-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px}
.identity-board{margin:0;position:relative;overflow:hidden;min-height:560px;display:flex;align-items:center;justify-content:center}
.identity-board img{display:block;width:100%;height:100%;object-fit:cover}
.identity-board figcaption{position:absolute;left:22px;bottom:18px;padding:8px 12px;background:rgba(246,241,228,.9);font-size:10px;text-transform:uppercase;letter-spacing:.13em}
.identity-board-dark figcaption{background:rgba(11,49,66,.88);color:white}
.event-identities{background:#f8f5eb}
.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.event-card{margin:0;border:1px solid var(--line);background:#fff;display:grid;grid-template-columns:1.2fr .8fr;min-height:455px;overflow:hidden}
.event-art{min-width:0;overflow:hidden;background:#fff}
.event-art img{width:100%;height:100%;display:block;object-fit:cover}
.seas-card .event-art img{object-fit:contain}
.event-card figcaption{padding:32px 28px;display:flex;flex-direction:column;justify-content:flex-end;border-left:1px solid var(--line)}
.event-card figcaption span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#53676e}
.event-card h3{margin:12px 0 14px;font:500 31px/1.02 "Fraunces",serif;letter-spacing:-.03em}
.event-card figcaption p{margin:0;font-size:13px;line-height:1.55}
.gala-card{border-top:4px solid #70b488}.seas-card{border-top:4px solid var(--museum-coral)}.stem-card{border-top:4px solid var(--museum-blue)}.road-card{border-top:4px solid var(--museum-purple)}
@media(max-width:980px){.identity-intro{grid-template-columns:1fr 2fr}.intro-copy{grid-column:2}.section-heading{grid-template-columns:.2fr 1.8fr}.section-heading .section-note{grid-column:2}.event-card{grid-template-columns:1fr;min-height:0}.event-art{aspect-ratio:1.15}.event-card figcaption{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:700px){.identity-intro{min-height:auto;padding:80px 6vw 70px;grid-template-columns:1fr}.identity-intro h1{font-size:53px}.intro-copy{grid-column:auto}.institutional-system,.event-identities{padding:70px 5vw}.section-heading{grid-template-columns:1fr;margin-bottom:32px}.section-heading>span{display:none}.section-heading .section-note{grid-column:auto}.institutional-grid,.event-grid{grid-template-columns:1fr}.identity-board{min-height:0;aspect-ratio:4/5}.event-card h3{font-size:28px}}
