@font-face { font-family: BeoLogueBoston; src: url('/assets/fonts/beologue-light-italic.woff') format('woff'); font-style: italic; font-weight: 300; font-display: swap; }
.legacy-page { --legacy-silver: #efefec; --legacy-grey: #625e58; }
.legacy-hero { display: grid; grid-template-columns: 1fr 1fr; background: var(--legacy-silver); }
.legacy-hero-copy { align-self: center; padding: 70px clamp(24px, 6vw, 100px); }
.legacy-kicker { font-size: 13px; margin-bottom: 26px; }
.homepage .legacy-hero h1 { font-size: clamp(56px, 6vw, 88px); line-height: 1.04; letter-spacing: -.035em; }
.legacy-hero-copy > p:not(.legacy-kicker) { max-width: 420px; font-size: 17px; line-height: 1.6; color: var(--legacy-grey); margin: 30px 0; }
.legacy-hero-photo { display: block; position: relative; min-width: 0; height: 610px; }
.legacy-hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 55%; }
.legacy-hero-photo > span { position: absolute; bottom: 24px; left: 24px; right: 24px; width: fit-content; max-width: calc(100% - 48px); padding: 9px 16px; background: #ffffffed; color: #191817; font-size: 12px; }
.legacy-hero-photo:focus-visible { outline-offset: -6px; }
.legacy-collection { padding-block: 85px 78px; }
.legacy-collection-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 32px; }
.legacy-collection-heading h2, .legacy-more > h2 { font-size: clamp(34px, 3.5vw, 48px); line-height: 1.15; letter-spacing: -.025em; }
.legacy-collection-heading p { font-size: 13px; color: var(--legacy-grey); max-width: 450px; }
.legacy-filter-bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid #d5d1ca; padding-bottom: 24px; margin-bottom: 36px; }
.legacy-filters { display: flex; flex-wrap: wrap; gap: 10px; }
.legacy-filters button { border: 1px solid #c8c4bd; border-radius: 30px; padding: 10px 20px; background: #fff; min-height: 44px; font-size: 13px; }
.legacy-filters button[aria-pressed="true"] { background: #191817; border-color: #191817; color: #fff; }
.legacy-count { font-size: 12px; color: var(--legacy-grey); white-space: nowrap; }
.legacy-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 55px 32px; }
.legacy-card { min-width: 0; }
.legacy-card-photo { display: block; background: var(--legacy-silver); aspect-ratio: 4 / 5; overflow: hidden; }
.legacy-card-photo img { width: 100%; height: 100%; object-fit: cover; }
.legacy-card-photo:focus-visible { outline-offset: -5px; }
.legacy-card-meta { display: flex; justify-content: space-between; gap: 12px; margin-top: 20px; font-size: 11px; color: var(--legacy-grey); }
.homepage .legacy-card h3 { font-size: 29px; line-height: 1.2; margin: 9px 0; }
.legacy-finish { color: var(--legacy-grey); font-size: 13px; min-height: 42px; }
.legacy-card-price { margin-top: 12px; font-size: 22px; font-weight: 300; line-height: 1.3; }
.legacy-card-price small, .legacy-piece-price small { font-size: 11px; margin-left: 5px; font-weight: 400; }
.legacy-photo-label { font-size: 11px; color: var(--legacy-grey); margin-top: 8px; }
.legacy-card .line-link { font-size: 13px; margin-top: 4px; }
.legacy-catalogue-date { font-size: 12px; color: var(--legacy-grey); border-top: 1px solid #d5d1ca; margin-top: 56px; padding-top: 24px; }
.legacy-help { background: var(--legacy-silver); padding-block: 70px; }
.legacy-help h2 { font-family: BeoLogueBoston, Georgia, serif; font-weight: 300; font-style: italic; font-size: clamp(37px, 4.2vw, 58px); line-height: 1.2; }
.legacy-help p { max-width: 490px; color: var(--legacy-grey); margin: 22px 0 28px; font-size: 16px; }
.legacy-help .line-link { margin-left: 26px; }
.legacy-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding-block: 25px; font-size: 12px; color: var(--legacy-grey); }
.legacy-breadcrumb a { padding-block: 6px; text-decoration: underline; text-underline-offset: 4px; }
.legacy-detail { display: grid; grid-template-columns: 6fr 5fr; align-items: start; gap: clamp(36px, 7vw, 110px); padding-bottom: 80px; }
.legacy-gallery { min-width: 0; }
.legacy-photo-stage figure { margin: 0 0 18px; }
.legacy-photo-stage img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: contain; background: var(--legacy-silver); }
.legacy-photo-stage figcaption { font-size: 12px; color: var(--legacy-grey); margin-top: 12px; }
.legacy-photo-stage a { display: block; }
.legacy-photo-stage a:focus-visible { outline-offset: -5px; }
.legacy-thumbnails { display: flex; flex-wrap: wrap; gap: 10px; }
.legacy-thumbnails button { padding: 3px; border: 1px solid transparent; background: #fff; width: 72px; height: 90px; }
.legacy-thumbnails button[aria-pressed="true"] { border-color: #191817; }
.legacy-thumbnails img { width: 100%; height: 100%; object-fit: cover; }
.legacy-photo-note { font-size: 12px; color: var(--legacy-grey); margin-top: 16px; }
.legacy-piece-copy { padding-top: 18px; }
.legacy-ref { display: flex; align-items: center; justify-content: space-between; gap: 14px; font-size: 12px; color: var(--legacy-grey); margin-bottom: 25px; }
.homepage .legacy-piece-copy h1 { font-size: clamp(44px, 4.6vw, 66px); letter-spacing: -.035em; line-height: 1.1; }
.legacy-piece-format { font-size: 15px; margin-top: 14px; }
.legacy-piece-description { font-size: 16px; color: var(--legacy-grey); margin-top: 28px; max-width: 450px; }
.legacy-piece-price { font-size: 34px; font-weight: 300; line-height: 1.2; margin-top: 34px; }
.legacy-price-note { font-size: 12px; color: var(--legacy-grey); margin-top: 10px; max-width: 400px; }
.legacy-quote { margin-top: 26px; min-width: 210px; }
.legacy-inquiry-note { font-size: 11px; color: var(--legacy-grey); margin-top: 13px; max-width: 340px; }
.legacy-piece-details { margin: 36px 0 0; }
.legacy-piece-details > div { border-top: 1px solid #d5d1ca; padding-block: 20px; }
.legacy-piece-details dt { font-size: 13px; font-weight: 500; margin-bottom: 8px; }
.legacy-piece-details dd { margin: 0; color: var(--legacy-grey); font-size: 14px; }
.legacy-consultation { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding-block: 58px; border-top: 1px solid #d5d1ca; border-bottom: 1px solid #d5d1ca; }
.legacy-consultation h2 { font-size: clamp(34px, 3.5vw, 48px); line-height: 1.15; max-width: 390px; }
.legacy-consultation p { color: var(--legacy-grey); font-size: 15px; max-width: 490px; margin-bottom: 16px; }
.legacy-more { padding-block: 72px 84px; }
.legacy-more > h2 { margin-bottom: 34px; }
.legacy-more > .line-link { margin-top: 40px; }
.home-legacy-feature { display: grid; grid-template-columns: 1fr 1fr; background: #efefec; }
.home-legacy-photo { min-width: 0; }
.home-legacy-photo img { width: 100%; height: 100%; max-height: 620px; object-fit: cover; object-position: center 55%; }
.home-legacy-copy { align-self: center; padding: clamp(40px, 6vw, 96px); }
.home-legacy-copy h2 { font-family: BeoLogueBoston, Georgia, serif; font-size: clamp(44px, 5vw, 70px); font-style: italic; font-weight: 300; line-height: 1.1; letter-spacing: -.025em; }
.home-legacy-copy p { font-size: 16px; color: #625e58; max-width: 400px; margin: 26px 0; }
@media (max-width: 1000px) {
  .legacy-hero-photo { height: 550px; }
  .legacy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px 24px; }
  .legacy-detail { gap: 30px; }
}
@media (max-width: 767px) {
  .legacy-hero, .home-legacy-feature { grid-template-columns: 1fr; }
  .legacy-hero-copy { padding: 45px 24px 48px; }
  .homepage .legacy-hero h1 { font-size: 58px; }
  .legacy-hero-copy > p:not(.legacy-kicker) { font-size: 15px; margin-block: 24px; }
  .legacy-hero-photo { height: auto; aspect-ratio: 4 / 5; }
  .legacy-hero-photo > span { left: 20px; bottom: 20px; font-size: 11px; }
  .legacy-collection { padding-block: 56px; }
  .legacy-collection-heading { flex-direction: column; align-items: start; gap: 20px; }
  .legacy-filter-bar { align-items: start; flex-direction: column; gap: 16px; }
  .legacy-filters { gap: 8px; }
  .legacy-filters button { padding-inline: 16px; font-size: 12px; }
  .legacy-grid { grid-template-columns: 1fr; gap: 42px; }
  .legacy-card-photo { aspect-ratio: 4 / 5; }
  .legacy-finish { min-height: 0; }
  .legacy-help { padding-block: 54px; }
  .legacy-help .line-link { display: flex; margin-left: 0; margin-top: 15px; }
  .legacy-detail { grid-template-columns: 1fr; gap: 25px; padding-bottom: 48px; }
  .legacy-piece-copy { padding-top: 5px; }
  .legacy-quote { width: 100%; }
  .legacy-ref { margin-bottom: 20px; }
  .legacy-consultation { grid-template-columns: 1fr; gap: 25px; padding-block: 45px; }
  .legacy-more { padding-block: 55px; }
  .legacy-thumbnails button { width: 60px; height: 76px; }
  .home-legacy-photo img { height: auto; aspect-ratio: 4 / 5; }
  .home-legacy-copy { padding: 45px 24px 55px; }
}