/* Reference layout for The Unnecessary Department. */
.unnecessary-page { background: #f7f6f1; }
.unnecessary-page .unnecessary-hero-inner { min-height: 300px; display: flex; align-items: center; }
.unnecessary-page .unnecessary-hero-copy { width: 100%; margin: 0; padding: 38px 34px; }
.unnecessary-page .unnecessary-hero-copy h1 { max-width: 510px; margin: 10px 0 12px; font-size: clamp(2.6rem, 4.6vw, 3.8rem); line-height: .98; }
.unnecessary-page .unnecessary-hero-copy p { max-width: 410px; margin: 0; color: var(--ink); font: 1.2rem/1.3 Georgia, serif; }
.unnecessary-page .unnecessary-hero-art { left: 40%; }
.unnecessary-page .unnecessary-hero-projector { transform: none; object-position: center; mask-image: linear-gradient(to right, transparent, #000 25%); -webkit-mask-image: linear-gradient(to right, transparent, #000 25%); }
.unnecessary-page .unnecessary-features { max-width: 1200px; gap: 28px; padding-top: 34px; padding-bottom: 34px; }
.unnecessary-page .unnecessary-feature { grid-template-columns: 1fr .9fr; gap: 28px; padding: 0; border-top: 0; align-items: start; }
.unnecessary-page .unnecessary-feature + .unnecessary-feature { border-left: 1px solid var(--line); padding-left: 28px; }
.unnecessary-page .unnecessary-feature > img { width: 100%; aspect-ratio: 1.2; max-height: none; object-fit: cover; border-radius: 3px; }
.unnecessary-page .unnecessary-feature-copy { padding: 0; }
.unnecessary-page .unnecessary-feature-copy .eyebrow { display: block; font-size: .58rem; color: var(--rose); letter-spacing: .15em; }
.unnecessary-page .unnecessary-feature-copy h2 { font-size: clamp(1.45rem, 2.4vw, 2rem); margin: 9px 0 12px; line-height: 1.08; }
.unnecessary-page .unnecessary-feature-copy p { font: .94rem/1.4 Georgia, serif; }
.unnecessary-page .unnecessary-feature-copy .text-link { font-size: .76rem; font-weight: 400; }
.unnecessary-page .site-footer { padding: 26px 0 18px; background: #e4e7df; font: .82rem/1.4 Georgia, serif; }
.unnecessary-page .footer-grid { grid-template-columns: 1.25fr 1fr 1fr; gap: 45px; }
.unnecessary-page .footer-grid a { margin: 2px 0; }
.unnecessary-page .fineprint { margin: 24px 0 0; font-size: .68rem; }
@media (max-width: 850px) {
  .unnecessary-page .unnecessary-hero-copy { padding-left: 0; }
  .unnecessary-page .unnecessary-hero-copy h1 { max-width: 390px; }
  .unnecessary-page .unnecessary-hero-copy p { max-width: 310px; }
  .unnecessary-page .unnecessary-feature { gap: 16px; }
  .unnecessary-page .unnecessary-feature + .unnecessary-feature { padding-left: 20px; }
}
@media (max-width: 700px) {
  .unnecessary-page .unnecessary-hero-inner { min-height: 480px; align-items: start; }
  .unnecessary-page .unnecessary-hero-copy { padding: 32px 0 0; }
  .unnecessary-page .unnecessary-hero-copy h1 { max-width: 440px; font-size: clamp(2.4rem, 9vw, 3.2rem); }
  .unnecessary-page .unnecessary-hero-copy p { max-width: 390px; }
  .unnecessary-page .unnecessary-hero-art { inset: 220px 0 0; }
  .unnecessary-page .unnecessary-hero-projector { mask-image: linear-gradient(to bottom, transparent, #000 30%); -webkit-mask-image: linear-gradient(to bottom, transparent, #000 30%); }
  .unnecessary-page .unnecessary-features { grid-template-columns: 1fr; gap: 26px; padding-top: 26px; }
  .unnecessary-page .unnecessary-feature { grid-template-columns: 1fr 1fr; gap: 22px; }
  .unnecessary-page .unnecessary-feature + .unnecessary-feature { border-left: 0; border-top: 1px solid var(--line); padding: 26px 0 0; }
  .unnecessary-page .unnecessary-feature-copy h2 { font-size: 1.6rem; }
  .unnecessary-page .footer-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
}
@media (max-width: 420px) {
  .unnecessary-page .unnecessary-feature { grid-template-columns: 1fr; gap: 18px; }
  .unnecessary-page .unnecessary-feature > img { width: 100%; }
  .unnecessary-page .footer-grid { grid-template-columns: 1fr; }
}