
/* Each photo and its copy own one column, so text never overlaps the photograph. */
.painting-landing .paint-color-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.painting-landing .paint-color-story-photo{position:relative;inset:auto;z-index:0;min-height:460px;overflow:hidden}
.painting-landing .paint-color-story-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:hp-background-slow-zoom 28s linear infinite;transform-origin:center}
/* Reach solid navy before the photo's 50% edge, including throughout its zoom. */
.painting-landing .paint-color-story::before{background:linear-gradient(90deg,transparent 0%,transparent 22%,color-mix(in srgb,var(--paint-navy,#0c2546) 12%,transparent) 31%,color-mix(in srgb,var(--paint-navy,#0c2546) 42%,transparent) 37%,color-mix(in srgb,var(--paint-navy,#0c2546) 80%,transparent) 43%,color-mix(in srgb,var(--paint-navy,#0c2546) 97%,transparent) 47%,var(--paint-navy,#0c2546) 49%,var(--paint-navy,#0c2546) 100%)}
.painting-landing .paint-color-story>.container{display:flex;width:100%;max-width:none;margin:0;padding:0;justify-content:flex-start;min-width:0}
.painting-landing .paint-color-story-copy{width:100%;max-width:650px;padding:54px clamp(24px,4vw,62px);text-align:left;min-width:0}
.painting-landing .uploaded-section-heading{margin-bottom:30px;max-width:850px}
.painting-landing .uploaded-section-heading h2{margin-top:12px;overflow-wrap:break-word}
.painting-landing .uploaded-section-heading>p{max-width:760px;line-height:1.8}
.painting-landing .paint-color-story .uploaded-section-heading{margin-bottom:0}
.painting-landing .paint-service-card>p,.painting-landing .paint-process-grid p{line-height:1.8}
.painting-landing .paint-service-card .button{font-size:11px;margin-top:12px}
.painting-landing .google-intro li{font-size:13px;line-height:1.8;margin:8px 0}
.painting-landing .google-intro h3{margin-top:28px}
.painting-landing .uploaded-contact-intro{max-width:850px}
.painting-landing .uploaded-hero-copy>p{max-width:560px}
.painting-landing .uploaded-hero-copy>p:has(em){font-size:10px;line-height:1.5;opacity:.78}
.painting-landing .uploaded-hero-copy>p:has(strong){font-size:11px}
@media(max-width:700px){.painting-landing .paint-color-story{grid-template-columns:1fr}.painting-landing .paint-color-story-photo{min-height:0;height:270px}.painting-landing .paint-color-story-copy{max-width:none;padding:36px 24px}.painting-landing .uploaded-hero-copy{padding-bottom:32px}}
@media(max-width:700px){.painting-landing .paint-color-story::before{display:none}.painting-landing .paint-color-story-photo::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 0%,transparent 45%,color-mix(in srgb,var(--paint-navy,#0c2546) 12%,transparent) 60%,color-mix(in srgb,var(--paint-navy,#0c2546) 45%,transparent) 74%,color-mix(in srgb,var(--paint-navy,#0c2546) 82%,transparent) 88%,color-mix(in srgb,var(--paint-navy,#0c2546) 97%,transparent) 96%,var(--paint-navy,#0c2546) 99%,var(--paint-navy,#0c2546) 100%)}}
@media(prefers-reduced-motion:reduce){.painting-landing .paint-color-story-photo>img{animation:none;transform:none}}

