/* v0.2.221 — three full-flow chapter photographs; no persistent layer or JS. */
/* One gallery DOM: mobile role geometry overrides the legacy contact sheet locally. */
@media (max-width:900px) {
  .brand-visual-page .brand-visual-photo-works .selected-visuals__track--all { display:block !important; grid-template-columns:none !important; width:100% !important; padding:0 !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__float,
  .brand-visual-page .brand-visual-photo-works .selected-visuals__float:nth-child(n) { display:block !important; grid-column:auto !important; transform:none !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__item--cake-feature { grid-column:auto !important; width:auto !important; margin:0 !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__mobile-role--hero { width:calc(100% - 28px) !important; margin:0 0 72px 28px !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__mobile-role--portrait { width:72% !important; margin:0 0 60px auto !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__mobile-role--wide { width:100% !important; margin:0 0 76px !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__mobile-role--pair-a { width:70% !important; margin:0 auto 34px 0 !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__mobile-role--pair-b { width:78% !important; margin:0 0 74px auto !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__mobile-role--offset { width:68% !important; margin:0 auto 62px 0 !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__mobile-role--large { width:calc(100% - 28px) !important; margin:0 0 82px 28px !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__mobile-role--quiet { width:62% !important; margin:0 auto 70px !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__mobile-role--feature { width:88% !important; margin:0 0 78px auto !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__mobile-role--closing { width:calc(100% - 28px) !important; margin:0 28px 76px 0 !important; }
}
@media (min-width:901px) {
  .brand-visual-page .brand-visual-photo-works .selected-visuals__desktop-hidden { display:none !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__item--cake-feature { grid-column:auto !important; width:auto !important; margin:0 !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__desktop-role--hero { grid-column:1 / span 8 !important; margin-top:0 !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__desktop-role--portrait { grid-column:9 / span 4 !important; margin-top:18vw !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__desktop-role--wide { grid-column:3 / span 7 !important; margin-top:0 !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__desktop-role--pair-a { grid-column:1 / span 5 !important; margin-top:8vw !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__desktop-role--pair-b { grid-column:7 / span 6 !important; margin-top:0 !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__desktop-role--offset { grid-column:2 / span 5 !important; margin-top:0 !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__desktop-role--large { grid-column:6 / span 7 !important; margin-top:0 !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__desktop-role--quiet { grid-column:2 / span 4 !important; margin-top:0 !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__desktop-role--feature { grid-column:7 / span 6 !important; margin-top:0 !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__desktop-role--closing { grid-column:2 / span 8 !important; margin-top:0 !important; }
}

.brand-visual-page .brand-visual-photo-works .selected-visuals__frame { position:relative; }
.brand-visual-page .brand-visual-photo-works .selected-visuals__person-name { position:absolute; z-index:1; left:6px; bottom:6px; display:block; max-width:calc(100% - 12px); padding:4px 6px; background:rgba(10,10,10,.38); color:#fff; font-size:10px; line-height:1.4; letter-spacing:.06em; }