/* The original outlined labels, with all three scenes always visible. */
.scenes-on .scene-dots.scene-reel{display:block;height:168px;overflow:visible;isolation:isolate;mask-image:none}
.scene-reel-track{transform:none}
.scene-reel button{height:56px;min-height:56px;width:100%;padding:0;gap:6px;overflow:visible;background:none;box-shadow:none}
.scene-reel button:before{display:none}
.scene-reel .dot-label{font:700 15px/1.3 var(--sans);text-transform:uppercase;letter-spacing:-.045em;color:#665e52;-webkit-text-stroke:.45px #c1b6a6;transition:color .45s,transform .55s cubic-bezier(.2,.75,.25,1);transform:translateY(2px);white-space:nowrap}
.scene-reel .dot-num{font-size:9px;color:#baab96;align-self:center;opacity:1}
.scene-reel button[aria-current] .dot-label,.scene-reel button:hover .dot-label,.scene-reel button:focus-visible .dot-label{color:#f5e9d8;-webkit-text-stroke:0;transform:translateY(-2px)}
.scene-reel button[aria-current] .dot-num{color:var(--gold)}
.scene-reel button:focus-visible{outline-offset:4px}
/* Photothèque */
.portfolio-dialog{width:min(1180px,calc(100% - 48px));background:#11100f}
.portfolio-shell{padding:48px 48px 28px}
.portfolio-heading{max-width:820px;padding-right:36px}
.portfolio-heading h2,.portfolio-object-copy h2{font:400 clamp(34px,4vw,52px)/1.06 var(--serif);margin:0 0 16px;letter-spacing:-.03em}
.portfolio-heading>p:last-child{max-width:700px;color:#bdb4a9;font-size:14px;line-height:1.75;margin:0}
.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 22px;border-bottom:1px solid #ffffff20;padding-bottom:15px}
.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px}
.portfolio-filters button{border:1px solid #ffffff30;border-radius:30px;padding:7px 13px;font-size:11px;color:#bfb6a9}
.portfolio-filters button[aria-pressed='true']{background:#d0b18b;border-color:#d0b18b;color:#15120e}
.portfolio-count{font-size:11px;white-space:nowrap;color:#b9aa94}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 20px}
.portfolio-card{text-align:left;padding:0;min-width:0;display:block}
.portfolio-card-image{display:block;position:relative;background:#e7e4dd;aspect-ratio:4/3;overflow:hidden}
.portfolio-card-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .65s}
.portfolio-card:hover img,.portfolio-card:focus-visible img{transform:scale(1.045)}
.portfolio-card-open{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#12100dd9;color:#eee2cf}
.portfolio-card-title{display:block;font:400 25px/1.1 var(--serif);margin-top:12px}
.portfolio-card-kind{display:block;font-size:10px;color:#aaa08f;margin-top:6px}
.portfolio-footer{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:20px;border-top:1px solid #ffffff20}
.portfolio-footer .text-link{font-size:12px}
.portfolio-return{font-size:12px;margin-bottom:24px}
.portfolio-object-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center}
.portfolio-photo{position:relative;display:block;width:100%;height:min(51vh,500px);padding:0;background:#080808;cursor:zoom-in}
.portfolio-photo img{width:100%;height:100%;object-fit:contain;display:block}
.photo-zoom-label{position:absolute;bottom:12px;right:12px;background:#090909cc;padding:6px 10px;font-size:10px}
.portfolio-photo.is-expanded{height:70vh;cursor:zoom-out}
.portfolio-object-layout:has(.is-expanded){grid-template-columns:1fr}
.portfolio-object-layout:has(.is-expanded) .portfolio-object-copy{display:none}
.portfolio-photo-caption{font-size:10px;color:#b3a48f;margin:10px 0}
.portfolio-thumbs{display:flex;gap:9px;flex-wrap:wrap}
.portfolio-thumbs button{width:65px;height:55px;padding:3px;border:1px solid #ffffff25;background:#222}
.portfolio-thumbs img{width:100%;height:100%;object-fit:contain;display:block}
.portfolio-thumbs button[aria-pressed='true']{border-color:var(--gold)}
.portfolio-object-copy>p:not(.eyebrow){color:#bdb4a9;font-size:14px;line-height:1.8}
.portfolio-object-copy .detail-contact{margin-top:15px}
.portfolio-object-nav{display:flex;align-items:center;justify-content:space-between;margin-top:35px;border-top:1px solid #ffffff20;padding-top:15px}
.portfolio-object-nav button{border:1px solid #ffffff30;border-radius:50%;width:40px;height:40px}
.portfolio-object-nav span{font-size:11px;color:#baad9c}
@media(max-width:700px){.portfolio-dialog{width:calc(100% - 20px)}.portfolio-shell{padding:62px 20px 24px}.portfolio-heading{padding:0}.portfolio-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.portfolio-card-title{font-size:22px}.portfolio-object-layout{grid-template-columns:1fr;gap:25px}.portfolio-photo{height:35vh}.portfolio-footer{flex-direction:column}.portfolio-card-image{aspect-ratio:1}.portfolio-object-copy h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.scene-reel button,.scene-reel .dot-label{transition:none}}
.portfolio-pages{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:14px}