/* Volets couvrants. Le contenu conserve sa largeur au déverrouillage du scroll. */
html{scrollbar-gutter:stable}body.closed{overflow:visible}body.closed main{pointer-events:none}#opening{background:#f7edda url('assets/ivoire.webp') center/300px}#opening[data-progress]:not([data-progress="0.0000"]){background:transparent}.door{top:-2px;bottom:-2px;width:calc(50% + 2px)}.door.left{left:-1px}.door.right{right:-1px}.face{border-radius:0;background-size:100% 100%;border:0}.front:before{display:none}.front:after{top:8px;left:5px;width:calc(100% - 10px);height:auto;aspect-ratio:3.5;background:url('assets/collier-arc-v3.webp') center top/100% auto no-repeat;transform:none}.right .front:after{transform:scaleX(-1)}.opening-controls{padding-bottom:19svh}.opening-controls button{background:none!important;box-shadow:none!important;border-radius:0;padding:8px 4px}.opening-title{font-size:clamp(31px,5vw,52px);text-shadow:.4px 1px .5px #fff7df}.navigation{top:max(16px,env(safe-area-inset-top))}.hero{padding-top:clamp(180px,26vw,285px);padding-bottom:30px;transform:none}.hero-content{transform:none}.hero-lights{position:absolute;top:0;left:50%;width:min(100%,950px);transform:translateX(-50%);pointer-events:none;aspect-ratio:3}.hero-lights img{width:100%;height:100%;object-fit:contain;object-position:top}.hero .eyebrow{margin-bottom:15px}.hero .welcome{margin-top:24px}.hero .portrait{margin-top:32px}.pearl-seam{width:min(220px,42%);height:30px;display:flex;align-items:center;justify-content:center;gap:10px;margin:18px auto 22px}.pearl-seam i{height:3px;flex:1;background:repeating-linear-gradient(115deg,#e3c68d 0 1px,#a58a51 1px 2px,#f6e8bf 2px 3px);border-radius:50%;box-shadow:0 .6px 1px #806c4125}.pearl-seam b{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fffef6 12%,#eee3ca 42%,#bba57d 75%,#e4d3b2);box-shadow:1px 1.5px 1.5px #70563735}.counter-beads{display:none}.countdown-panel{padding-top:0}#date-stage{height:225px;overflow:hidden;margin-top:20px}#date-full{top:72px;height:65px;clip-path:inset(0 0 0 100%);opacity:1}.date-boat{position:absolute;left:0;top:20px;width:72%;height:auto;aspect-ratio:3;object-fit:contain;z-index:2;pointer-events:none;will-change:transform}#date-trigger{bottom:6px}#event-time{height:43px;margin:0}#event-time[hidden]{display:block!important;visibility:hidden}.venue-art{width:min(460px,100%);height:auto;aspect-ratio:1.5;margin:12px auto 30px}.venue-art img{object-fit:contain}.dance{width:100%;margin:30px 0;aspect-ratio:3}.pose{transition:opacity .24s ease}.balcony-footer{width:100%;max-width:1500px;margin:20px auto 0;line-height:0}.balcony-footer img{width:100%;height:auto;display:block}.closing{padding-bottom:15px}.envelope{height:auto;aspect-ratio:1.38;margin:75px auto 20px;isolation:isolate;perspective:1000px}.envelope-back,.envelope-pocket{top:38%;bottom:auto;width:100%;height:62%;object-fit:fill}.envelope-back{border-radius:5px;box-shadow:0 6px 9px #6750321c}.envelope-pocket{z-index:4}.envelope-flap{top:38%;left:0;height:44%;width:100%;transform-origin:50% 0;transition:none;transform-style:preserve-3d}.envelope-flap:after{display:none}.envelope-flap img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;backface-visibility:hidden}.envelope-flap .flap-front{transform:translateZ(1px)}.envelope-flap .flap-back{transform:rotateY(180deg) translateZ(1px);filter:brightness(.94)}.rsvp-card{top:43%;bottom:auto;left:18%;width:64%;height:56%;padding:11% 7% 6%;transition:none;transform:translate3d(0,0,2px);background-size:100% 100%;z-index:2;filter:drop-shadow(0 2px 2px #5c402520)}.rsvp-card span{font:clamp(21px,4vw,33px)/1.06 Parisienne}.rsvp-card small{font-size:9px;margin-top:16px}.envelope[data-state=open] .envelope-flap,.envelope[data-state=open] .rsvp-card{transition:none}.envelope[data-state=opening] #envelope-open,.envelope[data-state=open] #envelope-open{display:none}.envelope #envelope-open{top:38%;bottom:0}#envelope-hint{min-height:22px}.rsvp-paper{background-size:100% 100%}
@media(max-width:700px){.hero{padding-top:160px}.hero-lights{width:calc(100% - 12px);top:3px}.hero .portrait{width:min(305px,100%)}.hero .eyebrow{font-size:8px}.envelope{margin-top:65px}.rsvp-card{padding-top:10%}.rsvp-card span{font-size:27px}.rsvp-card small{font-size:8px;margin-top:12px}.dance{width:calc(100% + 36px);margin-left:-18px;aspect-ratio:2.7}.balcony-footer{margin-top:15px}.opening-controls{padding-bottom:18svh}#date-stage{height:205px}.date-boat{top:38px;width:85%}#date-full{top:68px}.pearl-seam{margin:12px auto 15px}.venue-art{width:100%;max-width:420px}}
@media(max-width:360px){.hero{padding-top:145px}.rsvp-card span{font-size:23px}.rsvp-card small{font-size:7px;margin-top:9px}}
@media(max-height:500px) and (orientation:landscape){.opening-controls{padding-bottom:10svh}.hero-lights{width:520px}.hero{padding-top:205px}.front:after{width:65%;left:17.5%}}
html:has(body.closed){overflow:hidden;scrollbar-gutter:auto}body.closed #experience{width:calc(100% - var(--scrollbar-width,0px))}
@media(prefers-reduced-motion:reduce){.pose{transition:none}}