/* Responsive photography within Vanlord's existing dark and gold design. */
body.vl-site .vl-photo-frame { margin:0; padding:0; border:1px solid #79643e; border-radius:6px; overflow:hidden; background:#161616; }
body.vl-site .vl-photo-frame img,body.vl-site .vlh-photo-card .vl-photo-image { display:block; width:100%; height:auto; max-width:100%; }
body.vl-site .vl-photo-hero-grid { grid-template-columns:1fr 1.12fr; gap:24px 44px; align-items:center; }
body.vl-site .vl-photo-hero-grid>div:first-child { grid-column:1; grid-row:1; align-self:end; }
body.vl-site .vl-photo-hero-grid>.vlh-hero-copy { grid-column:1; grid-row:2; padding-top:0; align-self:start; }
body.vl-site .vl-photo-hero-grid>.vl-photo-frame { grid-column:2; grid-row:1 / span 2; }
body.vl-site .vl-photo-hero-grid .vlh-actions { display:flex; flex-direction:column; align-items:stretch; max-width:350px; }
body.vl-site .vl-photo-hero-grid .vlh-actions .vlh-button { justify-content:space-between; }
body.vl-site .vl-photo-section-grid,body.vl-site .vl-photo-upgrade-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; margin-top:28px; }
body.vl-site .vl-photo-section-grid>.vl-site-copy { min-width:0; }
body.vl-site .vl-photo-section-grid>.vl-site-copy>p:first-child { margin-top:0; }
body.vl-site .vl-photo-upgrade-grid>.vlh-service-grid { grid-template-columns:1fr; gap:20px; }
body.vl-site .vl-photo-upgrade-grid .vlh-service { padding-top:14px; }
body.vl-site .vl-photo-upgrade-grid .vlh-service-number { margin-bottom:8px; }
body.vl-site .vl-photo-upgrade-grid h3 { margin-bottom:8px; }
body.vl-site .vl-photo-upgrade-grid .vlh-service p:last-child { margin-bottom:0; }
body.vl-site .vl-photo-visit { margin-bottom:48px; }
body.vl-site .vl-photo-visit .vl-photo-frame { width:100%; }
@media (max-width:1024px) and (min-width:768px) {
 body.vl-site .vl-photo-hero-grid { gap:22px 28px; }
 body.vl-site .vl-photo-hero-grid h1 { font-size:54px; letter-spacing:-1.8px; }
 body.vl-site .vl-photo-section-grid,body.vl-site .vl-photo-upgrade-grid { gap:28px; }
}
@media (max-width:767px) {
 body.vl-site .vl-photo-hero-grid,body.vl-site .vl-photo-section-grid,body.vl-site .vl-photo-upgrade-grid { grid-template-columns:1fr; gap:24px; }
 body.vl-site .vl-photo-hero-grid>div:first-child,body.vl-site .vl-photo-hero-grid>.vlh-hero-copy,body.vl-site .vl-photo-hero-grid>.vl-photo-frame { grid-column:auto; grid-row:auto; }
 body.vl-site .vl-photo-hero-grid>.vl-photo-frame { margin-top:6px; }
 body.vl-site .vl-photo-hero-grid .vlh-actions { max-width:none; }
 body.vl-site .vl-photo-visit { margin-bottom:30px; }
}