:root {
  --soft-white: #FBFBFB;
  --warm-stone: #DFDBD6;
  --pale-sage: #A8B1A4;
  --deep-olive: #62675A;
  --charcoal: #1D1D1D;
  --content: 1320px;
}
.lookbook-page { background: var(--soft-white); color: var(--charcoal); }
.lookbook-page * { box-sizing: border-box; }
.lb-hero { position: relative; min-height: 680px; overflow: hidden; }
.lb-hero__image {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center center;
}
.lb-hero__veil {
  position: absolute; inset: 0;
  background: linear-gradient(90deg,
    rgba(251,251,251,.96) 0%, rgba(251,251,251,.76) 32%,
    rgba(251,251,251,.20) 56%, rgba(251,251,251,0) 72%);
}
.lb-hero__copy {
  position: relative; z-index: 2; width: min(43%, 620px);
  padding: 130px 0 100px clamp(40px, 6vw, 96px);
}
.lb-kicker, .lb-card__meta, .lb-button {
  font-family: "Work Sans", Arial, sans-serif;
  text-transform: uppercase; letter-spacing: .18em;
}
.lb-kicker { font-size: 13px; margin: 0 0 26px; color: var(--deep-olive); }
.lb-hero h1, .lb-intro h2, .lb-cta h2, .lb-statement {
  font-family: "Schnyder Condensed Light", "Cormorant Garamond", Georgia, serif; font-weight: 300;
}
.lb-hero h1 { font-size: clamp(54px, 5.4vw, 78px); line-height: .98; margin: 0 0 28px; }
.lb-hero__copy > p:last-child {
  font-family: "Perfectly Nineties", Georgia, serif;
  font-size: 19px; line-height: 1.45; max-width: 520px;
}
.lb-intro { text-align: center; padding: 88px 24px 54px; }
.lb-intro h2 { font-size: 42px; margin: 0 0 12px; }
.lb-intro p { font: 17px/1.5 "Perfectly Nineties", Georgia, serif; margin: 0; }



.lb-grid {
  width: min(var(--content), calc(100% - 96px)); margin: 0 auto;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 72px 44px;
}
.lb-card { color: inherit; text-decoration: none; display: block; }
.lb-card img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; transition: transform .35s ease; }
.lb-card__meta { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding-top: 16px; }
.lb-card__meta strong { font-size: 13px; font-weight: 400; }
.lb-card__meta span { font-size: 10px; white-space: nowrap; }
.lb-card:hover img, .lb-card:focus-visible img { transform: scale(1.02); }
.lb-card:focus-visible { outline: 2px solid var(--deep-olive); outline-offset: 6px; }
.lb-statement { margin: 90px 0; padding: 34px 20px; text-align: center; font-size: 38px; background: var(--pale-sage); }
.lb-cta { text-align: center; padding: 92px 24px; background: var(--warm-stone); }
.lb-cta h2 { font-size: 48px; margin: 0 0 18px; }
.lb-cta p { font: 17px/1.55 "Perfectly Nineties", Georgia, serif; margin: 0 0 30px; }
.lb-button { display: inline-block; padding: 18px 30px; background: var(--charcoal); color: var(--soft-white); text-decoration: none; font-size: 11px; }
.lb-button:hover, .lb-button:focus-visible { background: var(--deep-olive); }
@media (max-width: 767px) {
  .lb-hero { min-height: 0; overflow: visible; }
  .lb-hero__image { position: relative; height: auto; aspect-ratio: 5 / 4; object-fit: cover; }
  .lb-hero__veil { display: none; }
  .lb-hero__copy { width: 100%; padding: 42px 20px 52px; background: var(--soft-white); }
  .lb-hero h1 { font-size: clamp(40px, 12vw, 52px); }
  .lb-grid { width: calc(100% - 40px); grid-template-columns: 1fr; gap: 46px; }
  .lb-card__meta { align-items: flex-start; }
  .lb-intro { padding: 54px 20px 38px; }
  .lb-intro h2 { font-size: 34px; }
  .lb-statement { margin: 60px 0; font-size: 31px; }
  .lb-cta { padding: 62px 20px; }
  .lb-cta h2 { font-size: 38px; }
}
.lb-hero__image{filter:grayscale(1)}.lb-photo-pending{aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--warm-stone);font-family:var(--sans);gap:14px}.lb-photo-pending small{font-size:12px;letter-spacing:.1em}.lookbook-page{padding-bottom:0}
