.photo-overture{--optics-ink:#352e27;--optics-paper:#f3f1ec;--optics-height:clamp(560px,45vw,1000px);isolation:isolate;color:var(--optics-ink);background:var(--optics-paper);padding:1.5rem var(--page-gutter) 0;position:relative;overflow:hidden}.photo-overture__top{text-transform:uppercase;letter-spacing:.13em;z-index:5;justify-content:space-between;gap:1rem;font-size:.6rem;display:flex;position:relative}.photo-overture__scene{height:var(--optics-height);margin-inline:calc(-1 * var(--page-gutter));touch-action:pan-y;cursor:grab;position:relative}.photo-overture__scene:active{cursor:grabbing}.optical-filter{pointer-events:none;position:absolute}.optical-paths,.optical-light{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.optical-paths{color:#837665;opacity:.65}.optical-light{mix-blend-mode:multiply;opacity:0;transition:opacity .5s}.optical-light[data-rendered=true]{opacity:.82}.depth-gallery{perspective:1200px;perspective-origin:68% 48%;pointer-events:none;position:absolute;inset:0}.depth-gallery__camera{transform-style:preserve-3d;transform:translateX(var(--drag-x,0px)) rotateX(var(--look-x,0deg)) rotateY(var(--look-y,0deg));transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.depth-gallery__plane{opacity:var(--plane-opacity);transform-style:preserve-3d;transform:translate3d(calc(var(--plane-x) - 50%),calc(var(--plane-y) - 50%),var(--plane-z)) rotateY(var(--plane-angle));margin:0;transition:transform 1.2s cubic-bezier(.2,.72,.1,1),opacity .9s;position:absolute;inset:0}.depth-gallery__surface{width:min(44vw,calc(var(--optics-height) * .77 * var(--image-ratio)));background:#d9d4c9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 35px 70px -35px #352e2760}.depth-gallery img{width:100%;height:auto;aspect-ratio:var(--image-ratio);object-fit:contain;-webkit-user-select:none;user-select:none;display:block}.photo-overture[data-refraction=true].is-travelling .depth-gallery__surface{animation:1s both optics-dispersion}@keyframes optics-dispersion{0%,to{filter:none}20%,55%{filter:var(--chromatic-filter)}}.photo-overture__copy{left:var(--page-gutter);z-index:3;pointer-events:none;position:absolute;top:19%}.photo-overture__eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.62rem}.photo-overture .photo-overture__copy h1{color:var(--optics-ink);letter-spacing:-.075em;margin:1.7rem 0 2rem;font-size:clamp(5.8rem,9.4vw,16rem);font-weight:450;line-height:.82}.photo-overture__copy h1 em{font-family:var(--editorial-note);letter-spacing:-.06em;margin-left:.2em;font-size:1.13em;font-weight:400}.photo-overture__copy p{color:#675e52;margin:0 0 1.4rem;font-size:.8rem;line-height:1.85}.photo-overture__primary{pointer-events:auto;border-bottom:1px solid #352e2770;align-items:center;gap:2rem;width:fit-content;min-height:48px;font-size:.75rem;display:flex}.photo-overture__primary svg{transition:transform .25s}.photo-overture__primary:hover svg{transform:translateY(4px)}.photo-overture__image-caption{justify-content:space-between;align-items:baseline;gap:1rem;width:33%;display:flex;position:absolute;bottom:4%;left:59%}.photo-overture__image-caption span{text-transform:uppercase;letter-spacing:.14em;font-size:.55rem}.photo-overture__image-caption em{font:italic 1rem var(--editorial-note)}.photo-overture__gesture{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:1rem;font-size:.52rem;display:flex;position:absolute;top:50%;right:2rem}.photo-overture__gesture>span{font-size:1rem}.photo-overture__footer{z-index:5;border-top:1px solid #352e2730;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 0;display:flex;position:relative}.photo-overture__footer button{color:inherit;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px}.photo-overture__navigation,.photo-overture__dots{align-items:center;display:flex}.photo-overture__navigation>button{place-items:center;display:grid}.photo-overture__dots button{place-items:center;min-width:32px;display:grid}.photo-overture__dots button span{opacity:.25;background:currentColor;border-radius:50%;width:5px;height:5px;transition:transform .3s,opacity .3s}.photo-overture__dots button[aria-pressed=true] span{opacity:1;transform:scale(1.6)}.photo-overture__refraction{align-items:center;gap:.6rem;font-size:.65rem;display:flex}.photo-overture__refraction>span{text-transform:uppercase;letter-spacing:.07em;opacity:.6;font-size:.5rem}.photo-overture__refraction[aria-pressed=true] svg{filter:drop-shadow(1px 0 #dd898988)drop-shadow(-1px 0 #589fba88)}.photo-overture__project{align-items:center;gap:1.5rem;min-height:44px;font-size:.72rem;display:flex}.photo-overture__status{text-align:center;margin:0;font-size:.75rem}.photo-overture__status:not(:empty){padding:0 0 1rem}.photo-overture :is(a,button):focus-visible{outline-offset:4px;outline:2px solid #675e52}@media (prefers-reduced-motion:no-preference){.photo-overture__copy{animation:1.3s cubic-bezier(.16,1,.3,1) .15s both optics-copy}.depth-gallery{animation:1.9s cubic-bezier(.16,1,.3,1) 80ms both optics-arrival}[data-hero-entry=portal] .depth-gallery{animation-delay:.65s}[data-hero-entry=portal] .photo-overture__copy{animation-delay:.45s}@keyframes optics-arrival{0%{opacity:0;transform:scale(.68)translate(7%)}to{opacity:1;transform:none}}@keyframes optics-copy{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}}@media (min-width:2200px){.photo-overture{padding-top:2.5rem}.photo-overture__footer{padding-block:1.5rem}}@media (max-width:1000px) and (min-width:701px){.photo-overture .photo-overture__copy h1{font-size:9.4vw}.photo-overture__copy{top:25%}.photo-overture__refraction>span{display:none}}@media (max-width:700px){.photo-overture{--optics-height:690px;padding:1.15rem 1.25rem 0}.photo-overture__top{letter-spacing:.07em;font-size:.48rem}.photo-overture__scene{margin-inline:-1.25rem}.photo-overture__copy{top:5%;left:1.25rem}.photo-overture__eyebrow{font-size:.52rem}.photo-overture .photo-overture__copy h1{margin:1.25rem 0 1.3rem;font-size:18.5vw;line-height:.87}.photo-overture__copy p{font-size:.7rem;line-height:1.6}.photo-overture__primary{gap:1.5rem;min-height:44px;font-size:.65rem}.depth-gallery{perspective:750px;perspective-origin:50%;top:325px;bottom:35px}.depth-gallery__surface{width:min(78vw,calc(295px * var(--image-ratio)))}.depth-gallery__plane[data-active=true]{transform:translate(1%,-2%)rotateY(-5deg)}.optical-light{width:160%;height:410px;top:220px;left:-45%}.optical-paths{width:170%;height:420px;top:210px;left:-55%}.photo-overture__gesture{display:none}.photo-overture__image-caption{width:auto;bottom:0;left:1.25rem;right:1.25rem}.photo-overture__image-caption span{font-size:.5rem}.photo-overture__image-caption em{font-size:.9rem}.photo-overture__footer{grid-template-columns:1fr auto;gap:.3rem .8rem;margin-top:1rem;padding:.6rem 0 1rem;display:grid}.photo-overture__dots button{min-width:24px}.photo-overture__navigation>button{min-width:32px}.photo-overture__refraction{gap:.4rem;font-size:.6rem}.photo-overture__refraction>span{display:none}.photo-overture__project{border-top:1px solid #352e271a;grid-column:1/-1;justify-content:space-between;margin-top:.35rem;padding-top:.4rem;font-size:.7rem}}@media (max-width:370px){.photo-overture{--optics-height:660px}.depth-gallery__surface{width:min(76vw,calc(270px * var(--image-ratio)))}}@media (prefers-reduced-motion:reduce){.photo-overture *,.photo-overture :before{transition:none!important;animation:none!important}.depth-gallery__camera{transform:none}}html[data-motion=paused] .photo-overture *{transition:none!important;animation:none!important}html[data-motion=paused] .depth-gallery__camera{transform:none}.photo-overture--single .photo-overture__scene{cursor:default}.photo-revelation{width:min(42vw,calc(var(--optics-height) * .82 * var(--portrait-ratio)));margin:0;position:absolute;top:47%;left:69%;transform:translate(-50%,-50%)}.photo-revelation__surface{position:relative}.photo-revelation__surface>img{width:100%;height:auto;aspect-ratio:var(--portrait-ratio);object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:var(--formation-base,1);display:block}.photo-formation{pointer-events:none;width:150%;height:140%;position:absolute;top:-20%;left:-25%}.photo-revelation__surface[data-forming=true] .pixel-darkroom{visibility:hidden}.photo-revelation figcaption{justify-content:space-between;align-items:baseline;gap:1rem;width:100%;display:flex;position:absolute;top:calc(100% + 1.25rem)}.photo-revelation figcaption span{text-transform:uppercase;letter-spacing:.12em;font-size:.52rem}.photo-revelation figcaption em{font:italic .95rem var(--editorial-note)}.photo-overture__annotation{writing-mode:vertical-rl;font:italic .85rem var(--editorial-note);color:#675e52;position:absolute;top:44%;right:3%}.photo-overture__experiments{flex-wrap:wrap;align-items:center;gap:.6rem 1.8rem;display:flex}.photo-overture__experiments button{align-items:center;gap:.55rem;padding:0;font-size:.65rem;display:flex}.photo-overture__experiments button[aria-pressed=true]{text-underline-offset:5px;text-decoration:underline}.photo-overture__hint{color:#675e52;margin:0;padding:0 0 1rem;font-size:.7rem}@media (prefers-reduced-motion:no-preference){.photo-revelation{animation:1.4s cubic-bezier(.16,1,.3,1) .1s both single-photo-arrival}@keyframes single-photo-arrival{0%{opacity:0;translate:0 22px}to{opacity:1;translate:0}}}@media (max-width:700px){.photo-revelation{width:min(78vw,calc(295px * var(--portrait-ratio)));top:70%;left:51%}.photo-revelation figcaption{top:calc(100% + 1rem)}.photo-overture__annotation{display:none}.photo-overture--single .photo-overture__footer{display:block}.photo-overture__experiments{justify-content:space-between;gap:.4rem}.photo-overture__experiments button{font-size:.6rem}.photo-overture--single .photo-overture__project{border-top:1px solid #352e2725;justify-content:space-between;margin-top:.5rem;padding-top:.5rem;font-size:.7rem}.photo-overture__hint{font-size:.65rem;line-height:1.6}}.photo-overture__tools{z-index:6;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.2rem;display:flex;position:relative}.photo-overture__modes{border:1px solid #352e2738;padding:3px;display:flex}.photo-overture__modes button{min-height:40px;color:inherit;cursor:pointer;background:0 0;border:0;padding:.5rem 1rem;font-size:.65rem}.photo-overture__modes button[aria-pressed=true]{background:var(--optics-ink);color:var(--optics-paper)}.photo-overture__tools>p{color:#675e52;margin:0;font-size:.65rem}.photo-overture__pixel-tools{align-items:center;gap:1rem;display:flex}.photo-overture__pixel-tools label{align-items:center;gap:.6rem;font-size:.65rem;display:flex}.photo-overture__pixel-tools input{width:110px;min-height:44px;accent-color:var(--optics-ink);cursor:ew-resize}.photo-overture__pixel-tools output{font-variant-numeric:tabular-nums;min-width:3ch}.photo-overture__pixel-tools button{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #352e2738;padding:.3rem .6rem;font-size:.65rem}.photo-overture[data-mode=alter] .photo-overture__scene{cursor:default}.photo-overture[data-mode=alter] .depth-gallery__camera{transform:none}.photo-overture[data-mode=alter] .depth-gallery__plane[data-active=true]{transform:translate3d(calc(var(--plane-x) - 50%),calc(var(--plane-y) - 50%),0)}.pixel-darkroom{pointer-events:auto;touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.photo-overture .depth-gallery img,.photo-overture__thumbnails img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.photo-overture.is-dragging .depth-gallery__camera{transition:none}.photo-overture.is-dragging .photo-overture__scene{cursor:grabbing;-webkit-user-select:none;user-select:none}.photo-overture__drag-feedback{z-index:5;pointer-events:none;color:var(--optics-paper);background:var(--optics-ink);opacity:0;padding:.7rem 1rem;font-size:.7rem;transition:opacity .15s;position:absolute;bottom:12%;left:60%}.photo-overture.is-dragging .photo-overture__drag-feedback{opacity:1}.photo-overture[data-drag-ready=pending] .photo-overture__drag-feedback:after{content:"Continuez à glisser ↔"}.photo-overture[data-drag-ready=next] .photo-overture__drag-feedback:after{content:"Relâchez · photo suivante →"}.photo-overture[data-drag-ready=previous] .photo-overture__drag-feedback:after{content:"← Relâchez · photo précédente"}.photo-overture__thumbnails{align-items:center;gap:5px;min-width:0;display:flex}.photo-overture__thumbnails button{opacity:.55;border:1px solid #0000;width:44px;height:52px;padding:3px;transition:opacity .2s,border-color .2s}.photo-overture__thumbnails button img{object-fit:cover;width:100%;height:100%;display:block}.photo-overture__thumbnails button[aria-pressed=true]{opacity:1;border-color:currentColor}.photo-overture__thumbnails button:hover{opacity:1}.photo-overture__navigation{gap:.6rem}.photo-overture__navigation>button{justify-content:center;align-items:center;gap:.5rem;font-size:.6rem;display:flex}@media (max-width:1100px){.photo-overture__navigation>button>span{display:none}}@media (max-width:850px){.photo-overture__tools{flex-wrap:wrap}.photo-overture__pixel-tools{flex-wrap:wrap;gap:.5rem}}@media (max-width:700px){.photo-overture__tools{gap:.5rem;margin-top:1rem}.photo-overture__modes{width:100%}.photo-overture__modes button{flex:1;min-height:44px}.photo-overture__tools>p{font-size:.6rem}.photo-overture__pixel-tools{justify-content:space-between;width:100%}.photo-overture__pixel-tools label{width:100%}.photo-overture__pixel-tools input,.photo-overture__pixel-tools button{flex:1}.photo-overture[data-mode=alter] .depth-gallery__plane[data-active=true]{transform:translate(1%,-2%)}.photo-overture__navigation{grid-column:1/-1;gap:3px;width:100%}.photo-overture__thumbnails{flex:1;gap:2px}.photo-overture__thumbnails button{flex:1;width:0;min-width:0;height:48px;padding:2px}.photo-overture__navigation>button{width:38px;min-width:38px}.photo-overture__refraction{grid-column:1}.photo-overture__project{border:0;grid-column:2;justify-content:flex-end;gap:.4rem;margin:0;padding:0;font-size:.6rem}.photo-overture__drag-feedback{white-space:nowrap;bottom:10%;left:50%;transform:translate(-50%)}}