/* JOMA PHOTO EDITION V4 · Responsive editorial galleries */
:root{--jp-accent:#d81b60;--jp-secondary:#2e3192;--jp-bg:#f7f7fb;--jp-ink:#17213a;--jp-border:#dfe1ea}
html[data-theme="creative-studio"]{--jp-accent:#e94f77;--jp-secondary:#4b3192;--jp-bg:#fef4e0;--jp-ink:#261b4e;--jp-border:#eee0c5}
html[data-theme="natural-premium"]{--jp-accent:#aa6655;--jp-secondary:#2e3192;--jp-bg:#f5f1e9;--jp-ink:#332f27;--jp-border:#dfd4c0}
.jp-section{padding:clamp(68px,9vw,120px) 0;background:var(--jp-bg);color:var(--jp-ink)}
.jp-section.jp-light{background:#fff}
.jp-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.jp-eyebrow{text-transform:uppercase;letter-spacing:.19em;font:800 11px/1.5 system-ui,sans-serif;color:var(--jp-accent)}
.jp-heading{font-size:clamp(32px,4.4vw,58px);line-height:1.07;letter-spacing:-.045em;margin:12px 0 16px;font-weight:850;color:var(--jp-ink)}
.jp-intro{max-width:720px;line-height:1.75;font-size:clamp(14px,1.5vw,17px);color:color-mix(in srgb,var(--jp-ink) 73%,#fff)}
.jp-top{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}
.jp-top>div{max-width:800px}
.jp-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none!important;color:var(--jp-secondary)!important;font-weight:750;font-size:14px;white-space:nowrap}
.jp-link:hover{color:var(--jp-accent)!important}
.jp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.jp-card{border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 16px 42px rgba(25,29,56,.065);border:1px solid var(--jp-border);transition:transform .35s,box-shadow .35s}
.jp-card:hover{transform:translateY(-6px);box-shadow:0 24px 52px rgba(25,29,56,.14)}
.jp-card>a{display:block;color:inherit!important;text-decoration:none!important;height:100%}
.jp-imgframe{height:235px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f4f1ea;position:relative}
.jp-card:nth-child(3n+1) .jp-imgframe{background:#eeedf6}
.jp-card:nth-child(3n+2) .jp-imgframe{background:#fcf1e3}
.jp-imgframe img{display:block;width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.jp-imgframe.jp-cover img{object-fit:cover;padding:0}
.jp-card:hover .jp-imgframe img{transform:scale(1.045)}
.jp-cardbody{padding:22px 24px 25px}
.jp-cardbody small{font-size:10px;letter-spacing:.12em;color:var(--jp-accent);text-transform:uppercase;font-weight:850}
.jp-cardbody h3{font-size:clamp(18px,2.2vw,22px);line-height:1.2;letter-spacing:-.025em;margin:8px 0 9px;color:var(--jp-ink)}
.jp-cardbody p{font-size:13px;line-height:1.65;color:#5d6171;margin:0 0 15px}
.jp-arrow{color:var(--jp-secondary);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.03em}
.jp-feature{display:grid;grid-template-columns:1.13fr .87fr;gap:42px;align-items:center}
.jp-feature-media{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-items:start}
.jp-feature-media img{width:100%;height:350px;object-fit:cover;border-radius:20px;box-shadow:0 15px 35px #292b3a1a}
.jp-feature-media img+img{margin-top:35px;height:295px}
.jp-points{list-style:none;padding:0;margin:23px 0 25px;display:grid;gap:12px}
.jp-points li{padding-left:25px;position:relative;line-height:1.58;font-size:14px}
.jp-points li:before{content:'✳';color:var(--jp-accent);position:absolute;left:0}
.jp-photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:30px 0 10px}
.jp-gallery-card{overflow:hidden;border:1px solid var(--jp-border);background:#fff;border-radius:17px;margin:0;display:flex;flex-direction:column}
.jp-gallery-card img{width:100%;height:245px;object-fit:contain;background:#f7f6f2;padding:12px;transition:transform .4s ease}
.jp-gallery-card.photo img{object-fit:cover;padding:0}
.jp-gallery-card:hover img{transform:scale(1.04)}
.jp-gallery-card figcaption{font:650 12px/1.55 system-ui,sans-serif;padding:13px 15px;color:#42475a;flex:1}
.jp-hero-img{width:100%;max-height:510px;object-fit:contain;filter:drop-shadow(0 24px 38px rgba(20,22,40,.16))}
.jp-hero-photo{object-fit:cover;max-height:460px;border-radius:16px}
.jp-local-proof{border:1px solid var(--jp-border);padding:16px 20px;border-radius:15px;background:#fff;font-size:13px;line-height:1.65;color:#50566b;margin:20px 0}
.jp-svc-extra{padding:65px 0;background:var(--jp-bg);color:var(--jp-ink)}
.jp-svc-extra .jp-heading{font-size:clamp(26px,3vw,42px)}
.jp-cta-link{display:inline-flex;text-decoration:none!important;background:var(--jp-secondary);color:white!important;border-radius:999px;padding:15px 25px;font-weight:750;transition:background .25s,transform .25s}
.jp-cta-link:hover{background:var(--jp-accent);transform:translateY(-3px)}
.jp-v4-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px}
.jp-v4-nav a{color:var(--jp-secondary);font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:5px}
.jp-v4-nav a:hover{color:var(--jp-accent)}
@media(max-width:900px){.jp-grid,.jp-photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.jp-feature{grid-template-columns:1fr}.jp-feature-media img{height:320px}}
@media(max-width:600px){.jp-shell{width:min(100% - 30px,1180px)}.jp-grid,.jp-photo-gallery{grid-template-columns:1fr}.jp-top{align-items:start;flex-direction:column}.jp-feature-media{grid-template-columns:repeat(2,minmax(0,1fr))}.jp-feature-media img{height:225px}.jp-feature-media img+img{height:200px;margin-top:20px}.jp-imgframe{height:235px}.jp-gallery-card img{height:235px}.jp-section{padding:60px 0}.jp-hero-photo{max-height:360px}}
@media(prefers-reduced-motion:reduce){.jp-card,.jp-card:hover,.jp-imgframe img,.jp-card:hover img{transition:none;transform:none}}