/* Editorial category pictures are landscape; perfumer pages and product photos are excluded. */
body.visual-system.editorial-landscape #main .page-intro.note-category-intro{grid-template-columns:clamp(220px,25vw,300px) minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;gap:24px!important;min-height:0!important}
body.visual-system.editorial-landscape #main .page-intro.note-category-intro>.note-header-art{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:3/1!important;justify-self:start!important;overflow:hidden;border-radius:12px}
body.visual-system.editorial-landscape #main .page-intro.note-category-intro>.note-header-copy{grid-column:2!important;grid-row:1!important;min-width:0!important;direction:rtl;text-align:right}
body.visual-system.editorial-landscape #main .page-intro.note-category-intro .note-taxonomy-image{display:block!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;aspect-ratio:3/1!important;object-fit:cover!important}
body.visual-system.editorial-landscape #main a:not([href^="/perfumers/"])>.nav-card-media{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:3/1!important;overflow:hidden}
body.visual-system.editorial-landscape #main a:not([href^="/perfumers/"])>.nav-card-media>.nav-card-image{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:3/1!important;object-fit:cover!important}
@media(max-width:600px){
body.visual-system.editorial-landscape #main .page-intro.note-category-intro{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:16px!important}
body.visual-system.editorial-landscape #main .page-intro.note-category-intro>.note-header-art{grid-column:1!important;grid-row:1!important;justify-self:stretch!important}
body.visual-system.editorial-landscape #main .page-intro.note-category-intro>.note-header-copy{grid-column:1!important;grid-row:2!important;width:100%!important}
}
