/* v4.1.30: smaller directory signatures, clearer About story and a larger event photograph. */
body[data-design=v4].dv4128.dv4130 .dv-card-top .c13-brand-mark[data-brand] {
 width: 210px; height: 52px; min-height: 52px; max-width: calc(100% - 36px);
 padding: 7px 12px; gap: 7px; --mark-width: 91%; --mark-height: 32px;
}
body[data-design=v4].dv4128.dv4130 .dv-card-top .c13-brand-mark[data-brand=flyers] { --mark-width: 87%; --mark-height: 32px; }
body[data-design=v4].dv4128.dv4130 .dv-card-top .c13-brand-mark[data-brand=reach] { --mark-width: 98%; --mark-height: 36px; }
body[data-design=v4].dv4128.dv4130 .dv-card-top .c13-brand-mark[data-brand=games] { --mark-width: 86%; --mark-height: 29px; }
body[data-design=v4].dv4128.dv4130 .dv-card-top .c13-brand-mark[data-brand=gowhere] { --mark-width: 22px; --mark-height: 30px; }
body[data-design=v4].dv4128.dv4130 .dv-card-top .c13-brand-mark[data-brand=connect] { --mark-width: 99%; --mark-height: 44px; padding: 4px 6px !important; }
body[data-design=v4].dv4128.dv4130 .dv-card-top .c13-brand-mark[data-brand=sonic] { --mark-width: 28px; --mark-height: 28px; }
body[data-design=v4].dv4128.dv4130 .dv-card-top .c13-brand-mark > span { font-size: 14px; }
body[data-design=v4].dv4128.dv4130 .dv-card-top .c13-brand-mark[data-brand=sonic] > span { font-size: 17px; }

.a4130-about .a12-story-image { position: relative; aspect-ratio: 1.7; background: #e6edf5; }
.a4130-about .a12-story-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.a4130-about .a4130-field { background: #edf0f4; }
.a4130-about .a4130-campaign { background: #eaf0fc; }
.a4130-about .a4130-products { background: #08182f; }
.a4130-about .a4130-image-note { position: absolute; left: 9px; bottom: 8px; max-width: calc(100% - 18px); padding: 3px 7px; border: 1px solid #ffffff38; border-radius: 4px; background: #0c172be8; color: #e8eff9; font-size: 10px; line-height: 1.4; }
.a4130-about .a12-brands { padding: 26px; border: 1px solid #d6e0eb; border-radius: 14px; background: #eaf0f6; gap: 24px 28px; }
.a4130-about .a12-brand { min-width: 0; gap: 11px; }
.a4130-about .a12-brand > small { font-size: 13px; line-height: 1.55; min-height: 3.1em; max-width: 270px; color: #526780; }
.a4130-about .a12-brand .c13-brand-mark { max-width: 100%; }

@media (min-width: 1001px) {
 .pc4130-page .r3-hero .r3-hero-grid { grid-template-columns: minmax(0, .46fr) minmax(0, .54fr); gap: 32px; }
 .pc4130-page .r3-hero .r3-hero-grid > * { min-width: 0; }
 .pc4130-page .r3-hero .r3-cover { width: 100%; margin: 0; }
 .pc4130-page .r3-hero h1 { font-size: clamp(44px, 4.6vw, 60px); }
}
/* Preserve the approved left-focused composition while enlarging its actual layout slot. */
.pc4130-page .r3-hero .r3-cover img { aspect-ratio: 1.8; height: auto; object-fit: cover; object-position: left center; }
@media (max-width: 900px) and (min-width: 441px) {
 .a4130-about .a12-story-image { height: 100%; aspect-ratio: auto; min-height: 230px; }
}
@media (max-width: 700px) {
 .a4130-about .a12-brands { padding: 18px 14px; gap: 20px 14px; }
 .a4130-about .a12-brand > small { font-size: 12px; }
 .pc4130-page .r3-hero .r3-cover { margin: 0; width: 100%; }
}
@media (max-width: 760px) {
 .pc4130-page .r3-hero .r3-cover img { aspect-ratio: 1.7; }
}
@media (max-width: 440px) {
 .a4130-about .a12-story-image { height: auto; aspect-ratio: 1.7; min-height: 0; }
 .a4130-about .a12-brand > small { min-height: 4.65em; }
}