.catalog-page .catalog-hero { min-height: clamp(480px, 33.333vw, 660px); background: #f5f5f3; }
.catalog-page .catalog-hero-copy { max-width: 500px; }
@media (min-width: 1081px) {
 .catalog-page .catalog-hero-inner { width: auto; margin-left: max(24px, calc(40vw - 500px)); margin-right: 24px; }
 .catalog-page .catalog-hero-copy { width: 500px; }
}
.catalog-page .catalog-hero-media::after { background: linear-gradient(90deg, rgba(248,248,246,.98), rgba(248,248,246,.95) 32%, rgba(248,248,246,0) 49%); }
.catalog-image-note { position: absolute; right: 16px; bottom: 10px; max-width: calc(100% - 32px); margin: 0; padding: 4px 8px; background: #fff; color: #173d33; font-size: 11px; line-height: 1.4; z-index: 1; }
@media (max-width: 760px) {
 .catalog-page .catalog-hero-inner { padding-block: 38px calc(66.667vw + 28px); }
 .catalog-page .catalog-hero { min-height: 0; }
 .catalog-page .catalog-hero-media img { top: auto; bottom: 0; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
 .catalog-page .catalog-hero-media::after { display: none; }
 .catalog-image-note { right: 8px; bottom: 6px; max-width: calc(100% - 16px); font-size: 10px; }
}