.page-photographer-websites { background: #fffaf4; }
.page-photographer-websites .lp-video-intro,
.page-photographer-websites .lp-website-themes,
.page-photographer-websites .lp-features,
.page-photographer-websites .lp-screens,
.page-photographer-websites .lp-compare,
.page-photographer-websites .lp-ai-roadmap { background: #fffaf4; }
.page-photographer-websites .bg-dark-200,
.page-photographer-websites .lp-pain,
.page-photographer-websites .lp-ai,
.page-photographer-websites .lp-types,
.page-photographer-websites .lp-customization { background: #f6f0e8 !important; }
.page-photographer-websites .lp-pain-card h3 { margin: 20px 0 8px; color: #1c1713; font-size: 22px; }
.page-photographer-websites .lp-pain-card p { margin-top: 0; color: #62564c !important; font-weight: 600; }
.lp-website-six-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lp-mockup-showcase { display: grid; grid-template-columns: 1.2fr .9fr .9fr; gap: 18px; align-items: stretch; margin-bottom: 28px; }
.lp-mockup-showcase img { width: 100%; min-height: 420px; height: 100%; object-fit: cover; border-radius: 34px; box-shadow: 0 24px 70px rgba(88, 64, 38, .14); }
.lp-mockup-showcase img:first-child { min-height: 520px; }
.lp-theme-points { max-width: 980px; margin: 0 auto; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lp-website-flow { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.lp-website-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.page-photographer-websites .lp-device-grid img { aspect-ratio: 4 / 3; object-fit: cover; }
.page-photographer-websites .lp-table-wrap td:first-child { color: #62564c !important; }
.page-photographer-websites .lp-table-wrap td:last-child { color: #8f510c !important; }
.page-photographer-websites .lp-faq .accordion-button:focus,
.page-photographer-websites .lp-photo-actions a:focus-visible { outline: 3px solid #b46614; outline-offset: 4px; }
@media (max-width: 1199px) { .lp-website-six-grid, .lp-theme-points, .lp-website-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lp-website-flow { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .lp-website-six-grid, .lp-theme-points, .lp-website-card-grid, .lp-website-flow, .lp-mockup-showcase { grid-template-columns: 1fr; } .lp-mockup-showcase img, .lp-mockup-showcase img:first-child { min-height: 300px; } .page-photographer-websites .lp-table-wrap table, .page-photographer-websites .lp-table-wrap thead, .page-photographer-websites .lp-table-wrap tbody, .page-photographer-websites .lp-table-wrap tr, .page-photographer-websites .lp-table-wrap th, .page-photographer-websites .lp-table-wrap td { display: block; width: 100%; } .page-photographer-websites .lp-table-wrap thead { display: none; } .page-photographer-websites .lp-table-wrap td:first-child:before { content: "Traditional Workflow"; display: block; color: #8f510c; font-weight: 900; margin-bottom: 8px; } .page-photographer-websites .lp-table-wrap td:last-child:before { content: "LumisPixel"; display: block; color: #8f510c; font-weight: 900; margin-bottom: 8px; } }
