/* Consistent directory previews and aspect-aware project galleries. */
body[data-design=v4].dv4123 .c13-brand-mark[data-brand=flyers],body[data-design=v4].dv4123 .c13-brand-mark[data-brand=connect]{background:#0a1322!important;border-color:#344862!important}
body[data-design=v4].dv4123 .c13-brand-mark[data-brand=connect]{--mark-width:99%;--mark-height:59px;padding:4px 7px!important}
body[data-design=v4].dv4123 .dv-brand-nav .c13-brand-mark[data-brand=connect]{--mark-width:99%;--mark-height:52px}
body[data-design=v4].dv4123 .dv-card-top .c13-brand-mark[data-brand=connect]{--mark-width:99%;--mark-height:59px}
/* Subgrid aligns the four existing card sections across each pair. */
@supports(grid-template-rows:subgrid){.dv414.dv4123 .dv-card{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;min-width:0}}
.dv414.dv4123 .dv-card-bottom{display:flex;flex-direction:column;align-items:stretch}
.dv414.dv4123 .dv-card-actions{margin-top:auto;padding-top:16px}
.dv414.dv4123 .dv-more{margin-bottom:15px}
body[data-design=v4].dv4123 .dv-frame,body[data-design=v4].dv4123 #division-sonic .sh4119-compact .dv-frame-sonic{height:clamp(190px,20vw,250px);max-height:none;aspect-ratio:auto;background:#0a1322}
body[data-design=v4].dv4123 .dv-frame .dv-main{display:block;width:100%;height:100%;aspect-ratio:auto;max-height:none;object-fit:cover!important;object-position:var(--preview-position,center)!important;transform:none!important}
body[data-design=v4].dv4123 .dv-frame[data-preview-fit=contain] .dv-main{object-fit:contain!important}
.pc4123-page .r3-hero .r3-cover img{display:block;width:100%;height:auto;aspect-ratio:1.8;object-fit:cover;object-position:left center}
.r3-gallery.pg4123{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);align-items:start}
.pg4123 .r3-gallery-viewport{min-width:0;border-right:1px solid #34465f}
.pg4123-scroll{max-height:560px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#839ab7 #0a1220;background:#0a1220}
.pg4123-scroll:focus-visible{outline:3px solid #ffad70;outline-offset:-3px}
.pg4123 .r3-gallery-viewport button{min-height:340px;cursor:zoom-in}
.pg4123 .r3-gallery-viewport img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;margin-inline:auto;background:#0a1220}
.pg4123[data-media-kind=scroll] .r3-gallery-viewport img{width:100%;height:auto;max-height:none;object-fit:initial}
.pg4123[data-media-kind=portrait] .r3-gallery-viewport img{height:560px;width:auto;max-width:100%;max-height:none;object-fit:contain}
.pg4123 .r3-gallery-viewport figcaption{padding:14px 18px;line-height:1.5}
.pg4123-side{min-width:0;padding:22px}
.pg4123-side>p:first-child{color:#c2d1e4;font-size:13px;line-height:1.7;margin:0 0 16px}
.pg4123 .r3-gallery-controls{display:grid;grid-template-columns:1fr;border:0;padding:0;gap:9px}
.pg4123 .r3-gallery-controls button{font-size:13px;line-height:1.5;padding:12px 14px;min-height:44px;flex:initial}
.pg4123 .r3-gallery-copy{font-size:13px;line-height:1.7;padding:0;margin:18px 0 0}
.pg4123 .r3-gallery-copy:empty{display:none}
.pg4123-hint{display:block;color:#93accb;font-size:11px;line-height:1.6;margin:16px 0 0}
.pg4123 [data-scroll-hint]{display:none}
.pg4123[data-media-kind=scroll] [data-scroll-hint]{display:block}
@media(max-width:900px){.r3-gallery.pg4123{grid-template-columns:minmax(0,1.6fr) minmax(210px,1fr)}.pg4123-side{padding:18px}.pg4123 .r3-gallery-controls button{font-size:12px}}
@media(max-width:760px){.dv414.dv4123 .dv-card{display:flex;grid-row:auto}.dv414.dv4123 .dv-card-actions{margin-top:14px}body[data-design=v4].dv4123 .dv-frame,body[data-design=v4].dv4123 #division-sonic .sh4119-compact .dv-frame-sonic{height:clamp(190px,48vw,280px)}.r3-gallery.pg4123{grid-template-columns:1fr}.pg4123 .r3-gallery-viewport{border-right:0;border-bottom:1px solid #34465f}.pg4123-scroll{max-height:480px}.pg4123 .r3-gallery-viewport img{max-height:480px}.pg4123[data-media-kind=portrait] .r3-gallery-viewport img{height:min(480px,72vh);max-height:none}.pg4123 .r3-gallery-viewport button{min-height:0}.pg4123 .r3-gallery-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.pg4123-side{padding:18px}.pc4123-page .r3-hero .r3-cover img{aspect-ratio:1.7}}
@media(max-width:440px){body[data-design=v4].dv4123 .dv-brand-nav .c13-brand-mark[data-brand=connect]{--mark-height:37px;padding:4px!important}.pg4123 .r3-gallery-controls button{font-size:11px;padding:10px}.pg4123-side>p:first-child{font-size:12px}}