/* NOCTILUPUS / Essentials teaser — between the season edit and manifesto. */
.essentials-preview {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  width:min(1380px,calc(100% - 90px));
  min-height:clamp(390px,36vw,540px);
  margin:clamp(48px,5vw,76px) auto 0;
  background:#080808;
  color:#fff;
  border-radius:11px;
  overflow:hidden;
}
.essentials-preview-media {min-width:0;min-height:0;position:relative;background:#f0f0ee;overflow:hidden}
.essentials-preview-media img {display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;object-position:center center}
.essentials-preview-content {
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  padding:clamp(34px,5vw,84px);
  min-width:0;
}
.essentials-preview h2 {font:600 clamp(37px,4.2vw,68px)/1.04 'Inter',sans-serif;letter-spacing:-.065em;color:#fff;margin:0 0 19px}
.essentials-preview-description {font:400 clamp(12px,1.15vw,15px)/1.85 'Montserrat',sans-serif;color:#dbdbdb;margin:0;max-width:390px}
@media(max-width:700px) {
  .essentials-preview {width:calc(100% - 20px);grid-template-columns:1fr;min-height:0;margin:28px auto 0;border-radius:7px}
  .essentials-preview-media {height:auto;aspect-ratio:1122 / 1402}
  .essentials-preview-media img {object-fit:contain;object-position:center center}
  .essentials-preview-content {padding:42px 27px 45px}
    .essentials-preview h2 {font-size:clamp(36px,10.5vw,52px);margin:0 0 17px}
  .essentials-preview-description {font-size:12px;line-height:1.75}
    }