/* Stickers photo — emplacements validés, 21 octobre 2026 */
.home #famille .home-photo{position:relative;padding:0;border:0;background:none;box-shadow:none;aspect-ratio:1/1;transform:rotate(-2deg);overflow:visible;isolation:isolate}
.home #famille .home-photo>img:first-child{width:100%;height:100%;aspect-ratio:1;object-fit:contain;opacity:0}
.home #famille .home-photo>.feature-cat{display:none}
.home #famille .home-photo::before{content:"";position:absolute;inset:0;width:100%;height:100%;transform:none;background:url("https://jonathangabel.fr/wp-content/uploads/jg-css-cache/image-47584016e90d1f8ede87.webp") center/contain no-repeat;z-index:1;box-shadow:none;pointer-events:none}
.home #famille .home-photo::after{content:"";position:absolute;left:3.3%;right:9%;top:29%;bottom:7%;border:1px solid #24211e;background:none;transform:rotate(1deg);z-index:0;pointer-events:none}
.home #famille .home-photo figcaption{position:absolute;left:4.3%;right:9.5%;bottom:3%;padding:9px 8px;background:#f4ede4;z-index:2;transform:none}
.page-id-19 #portfolio-mariage{position:relative;overflow:visible}
.page-id-19 #portfolio-mariage::before{content:"";display:block;position:absolute;right:clamp(24px,3vw,72px);top:-145px;width:clamp(400px,34vw,660px);aspect-ratio:3/2;background:url("https://jonathangabel.fr/wp-content/uploads/jg-css-cache/image-f91ac1085f89ad59e3ee.webp") center/contain no-repeat;z-index:2;pointer-events:none;filter:drop-shadow(0 6px 4px rgb(0 0 0 / .12))}
@media(min-width:1101px){.page-id-19 #portfolio-mariage .portfolio-heading{padding-right:28%;min-height:290px}}
@media(max-width:1100px){.page-id-19 #portfolio-mariage::before{position:relative;top:auto;right:auto;margin:-140px 0 10px auto;width:min(58vw,480px)}.page-id-19 #portfolio-mariage .portfolio-heading{position:relative;padding:0;min-height:0}}
@media(max-width:700px){.home #famille .home-photo{margin-top:0;margin-bottom:12px}.home #famille .home-photo figcaption{font-size:14px;padding:7px 5px}.page-id-19 #portfolio-mariage::before{width:min(86vw,380px);margin:-110px auto 24px}.page-id-19 #portfolio-mariage .portfolio-heading{padding:0}}

.home #famille .home-photo::before{border:0;outline:0}

.home #famille .home-photo::after{z-index:3;opacity:1;left:3.3%;right:8.7%;top:29.5%;bottom:2%;transform:none;box-shadow:none}
.home #famille .home-photo figcaption{right:8.2%}

.home #famille .home-photo::after{width:auto;height:auto;clip-path:none;z-index:0;left:3%;right:8.2%;top:29%;bottom:2%}

/* Animation légère des visuels existants — aucun changement de présentation */
@keyframes jg-photo-arrive{from{translate:0 18px;rotate:-1.5deg;scale:.985;opacity:.45}to{translate:0 0;rotate:0deg;scale:1;opacity:1}}
@supports(animation-timeline:view()){
.home #famille .home-photo,.home #photobooth .booth-photo{animation:jg-photo-arrive linear both;animation-timeline:view();animation-range:entry 0% entry 90%}
.page-id-19 #portfolio-mariage{view-timeline-name:--jg-wedding-photo;view-timeline-axis:block}
.page-id-19 #portfolio-mariage::before{animation:jg-photo-arrive linear both;animation-timeline:--jg-wedding-photo;animation-range:entry 0% entry 65%}
}
@media(prefers-reduced-motion:reduce){.home #famille .home-photo,.home #photobooth .booth-photo,.page-id-19 #portfolio-mariage::before{animation:none!important}}

@supports(animation-timeline:view()){.home main#contenu,.page-id-19 main#contenu{overflow:clip;display:flow-root}}

/* Quatre tirages Mariage : apparition décalée, présentation conservée */
@supports(animation-timeline:view()){
.home #mariages figure.drawn-frame{animation:jg-photo-arrive linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
.home #mariages figure.f-two{animation-range:entry 12% entry 68%}
.home #mariages figure.f-three{animation-range:entry 24% entry 81%}
.home #mariages figure.f-four{animation-range:entry 36% entry 94%}
}
@media(prefers-reduced-motion:reduce){.home #mariages figure.drawn-frame{animation:none!important}}

/* Mouvement équilibré : sans rebond, amplitude modérée */
@keyframes jg-photo-arrive{from{translate:0 34px;rotate:-3deg;scale:.97;opacity:.4}to{translate:0 0;rotate:0deg;scale:1;opacity:1}}
@supports(animation-timeline:view()){
.home #famille .home-photo,.home #photobooth .booth-photo{animation-range:entry 0% cover 34%}
.home #mariages figure.f-one{animation-range:entry 0% cover 30%}
.home #mariages figure.f-two{animation-range:entry 10% cover 34%}
.home #mariages figure.f-three{animation-range:entry 20% cover 38%}
.home #mariages figure.f-four{animation-range:entry 30% cover 42%}
.page-id-19 #portfolio-mariage::before{animation-range:entry 0% entry 50%}
}

/* Accueil mobile : transition douce du fond vers la photo */
@media(max-width:700px){
.home .hero-photo{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 160px);mask-image:linear-gradient(to bottom,transparent 0,#000 160px)}
.home .hero .paint-one{display:none}
}

/* Mobile : la photo remplit l’en-tête dès le haut */
@media(max-width:700px){
.home .hero{height:max(760px,100svh)}
.home .hero-photo{top:0;height:100%;-webkit-mask-image:none;mask-image:none;object-position:66% center!important}
.home .hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.42) 30%,rgba(0,0,0,.06) 57%,rgba(0,0,0,.4) 100%);pointer-events:none}
.home .hero-copy{top:105px;bottom:24px;height:auto;width:86%}
.home .hero-copy .hero-note{top:auto;bottom:72px}
.home .hero-copy .hand-link{top:auto;bottom:0}
}

@media(max-width:700px){
.home .hero-copy h1{position:absolute;top:clamp(220px,calc(45svh - 105px),295px);left:0;width:100%;margin:0;text-shadow:0 2px 7px rgba(0,0,0,.8)}
}