body.reference-home {
  color-scheme: light;
  --paper: #cececc;
  --ink: #161616;
  --accent: #852e3e;
  --line: #bdbdbb;
  background: var(--paper);
  color: var(--ink);
  font-family: Arial, sans-serif;
}
.reference-home main { flex: 0 0 auto; }
.reference-home .masthead { background: var(--paper); }
.reference-home .head-inner { width: 88%; min-height: clamp(72px, 6.88vw, 100px); display: flex; gap: 24px; }
.reference-home .brand { font: 400 clamp(19px, 1.88vw, 29px)/1 Georgia, serif; }
.reference-home .brand span { color: var(--accent); }
.reference-home nav { gap: clamp(12px, 2.1vw, 32px); }
.reference-home nav a { color: #292929; font-size: clamp(11px, .98vw, 15px); }
.home-menu { display: none; }
.home-hero { position: relative; min-height: 52vw; isolation: isolate; }
.home-art { position: absolute; inset: 0; z-index: -1; }
.home-art canvas { display: block; width: 100%; height: auto; }
.home-copy { margin-left: 40.78%; margin-right: 5.6%; padding-top: 4.75vw; }
.home-kicker { display: flex; align-items: center; gap: 1.1vw; margin: 0 0 .45vw; font-size: clamp(9px, .83vw, 13px); letter-spacing: .13em; color: #535350; }
.home-kicker::before { content: ""; width: 2.2vw; height: 1px; background: var(--accent); }
.home-title { display: flex; align-items: baseline; gap: 1.3vw; padding-left: 1.7vw; color: #101010; font: 700 clamp(52px, 7.65vw, 124px)/.96 Georgia, serif; letter-spacing: -.045em; }
.home-title strong { color: var(--accent); font-size: .77em; letter-spacing: -.025em; }
.home-dates { margin: .8vw 0 .2vw; color: var(--accent); font: 400 clamp(16px, 1.7vw, 26px)/1.4 Georgia, serif; letter-spacing: .15em; }
.home-description { max-width: 46vw; margin: .25vw 0 1.95vw; color: #262626; font-size: clamp(13px, 1.25vw, 20px); line-height: 1.65; }
.home-cta { display: flex; align-items: center; justify-content: center; position: relative; width: 20.4vw; min-height: 3.65vw; background: var(--accent); color: #fff; font-size: clamp(11px, .98vw, 15px); text-decoration: none; transition: background-color .18s; }
.home-cta:hover { background: #692232; color: #fff; }
.home-cta svg { width: 16px; position: absolute; right: 1.4vw; }
.home-index-link { display: flex; justify-content: space-between; position: absolute; left: 42.2%; right: 5.6%; bottom: 2.8vw; padding-top: 1.4vw; border-top: 1px solid var(--line); text-decoration: none; color: #565654; font-size: clamp(8px, .75vw, 12px); letter-spacing: .08em; }
.home-index-link svg { width: 15px; height: 15px; color: var(--accent); }
.reference-home footer { background: var(--accent); color: #f0dfe1; border: 0; padding: 2.65vw 0 2.3vw; flex: 1; }
.reference-home footer .wrap { width: 88.8%; align-items: center; }
.reference-home footer strong { font: 400 clamp(18px, 1.75vw, 27px)/1.3 Georgia, serif; display: block; }
.reference-home footer small, .reference-home footer a { color: #ead1d6; font-size: clamp(9px, .86vw, 14px); }
.reference-home footer a { text-decoration: none; }
.reference-home footer a:hover { text-decoration: underline; }
.home-extra { display: none; padding-block: 16px 24px; }
.home-extra:target { display: block; }
.home-close { display: block; margin-bottom: 12px; }
@media (max-width: 760px) {
  .reference-home .head-inner { width: 88%; min-height: 17vw; padding: 0; }
  .reference-home .brand { font-size: 5.9vw; }
  .reference-home .head-inner > nav { display: none; }
  .home-menu { display: block; position: relative; z-index: 3; }
  .home-menu summary { display: grid; place-items: center; width: 12vw; height: 10vw; cursor: pointer; list-style: none; }
  .home-menu summary::-webkit-details-marker { display: none; }
  .home-menu svg { width: 5.1vw; height: 5.1vw; }
  .home-menu nav { position: absolute; right: 0; top: 100%; display: grid; gap: 0; min-width: 190px; padding: 8px 14px; background: var(--paper); border: 1px solid var(--line); }
  .home-menu nav a { padding: 7px 0; font-size: 14px; }
  .home-hero { display: grid; min-height: 0; padding-top: 7.3vw; }
  .home-copy { display: contents; }
  .home-kicker, .home-title, .home-dates, .home-description, .home-cta { margin-left: 6.15vw; margin-right: 6.15vw; }
  .home-kicker { order: 1; margin-bottom: 4.6vw; gap: 2.6vw; font-size: 2.65vw; letter-spacing: .1em; }
  .home-kicker::before { width: 5vw; }
  .home-title { order: 2; display: block; padding: 0; font-size: 17.8vw; line-height: .96; }
  .home-title strong { display: block; font-size: .65em; margin-top: 2.2vw; }
  .home-dates { order: 3; margin-top: 5.1vw; margin-bottom: 2.9vw; font-size: 5.6vw; }
  .home-art { order: 4; position: static; aspect-ratio: 530 / 348; }
  .home-description { order: 5; max-width: none; margin-top: 3vw; margin-bottom: 5.8vw; font-size: 4.22vw; line-height: 1.57; }
  .home-cta { order: 6; width: auto; min-height: 14vw; justify-content: flex-start; padding-left: 5.65vw; margin-bottom: 6.05vw; font-size: 3.65vw; }
  .home-cta svg { right: 5.3vw; width: 5.6vw; }
  .home-index-link { display: none; }
  .reference-home footer { padding: 7.7vw 0 8.5vw; }
  .reference-home footer .wrap { width: 87.7%; display: block; }
  .reference-home footer strong { font-size: 6.7vw; }
  .reference-home footer small, .reference-home footer a { font-size: 3.2vw; }
  .reference-home footer small { display: block; margin-top: 1.6vw; }
  .reference-home footer a { display: block; margin-top: 5.6vw; padding-top: 3.1vw; border-top: 1px solid #ffffff38; }
}

/* Revised homepage reference */
@media (min-width: 761px) {
  .home-description { margin-bottom: .42vw; }
  .home-cta { width: 29.55vw; min-height: 2.5vw; }
  .reference-home footer { flex: 0 0 auto; padding: .6vw 0; }
  .reference-home footer .wrap { width: 93%; }
}
@media (max-width: 760px) {
  .home-desktop-break { display: none; }
  .reference-home footer { background: #e3e2dd; min-height: 23.25vw; padding: 0; }
  .reference-home footer .wrap { display: none; }
}

@media (min-width: 761px) {
  .reference-home .head-inner::after { content: ""; width: 30px; height: 36px; }
}

@media (max-width: 760px) {
  .reference-home:not(.reference-bio) footer { background: var(--accent); min-height: 0; padding: 7.7vw 0 8.5vw; }
  .reference-home:not(.reference-bio) footer .wrap { display: block; }
}
