/* 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:#dddddd;overflow:hidden}
.essentials-preview-media img {display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:54% 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-eyebrow {font:600 10px/1.5 'Inter',sans-serif;letter-spacing:.11em;color:#bcbcbc}
.essentials-preview h2 {font:600 clamp(37px,4.2vw,68px)/1.04 'Inter',sans-serif;letter-spacing:-.065em;color:#fff;margin:19px 0 19px}
.essentials-preview-description {font:400 clamp(12px,1.15vw,15px)/1.85 'Montserrat',sans-serif;color:#dbdbdb;margin:0;max-width:390px}
.essentials-preview-types {font:400 clamp(11px,.95vw,13px)/1.65 'Montserrat',sans-serif;color:#afafaf;margin:24px 0 0}
.essentials-preview-soon {display:inline-block;font:600 12px/1.4 'Inter',sans-serif;letter-spacing:.05em;color:#fff;margin-top:27px}
@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:clamp(270px,73vw,450px)}
  .essentials-preview-media img {object-position:55% center}
  .essentials-preview-content {padding:42px 27px 45px}
  .essentials-preview-eyebrow {font-size:9px}
  .essentials-preview h2 {font-size:clamp(36px,10.5vw,52px);margin:15px 0 17px}
  .essentials-preview-description {font-size:12px;line-height:1.75}
  .essentials-preview-types {font-size:11px;margin-top:20px}
  .essentials-preview-soon {font-size:11px;margin-top:25px}
}
