/* Native horizontal carousel, with the same photo frames and captions as “Des instants. Une empreinte.” */
.experience-gallery{min-width:0;width:100%;align-self:center;color:var(--ink)}
.experience-gallery-track{position:relative;display:flex;align-items:stretch;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:0 0 18px}
.experience-gallery-track::-webkit-scrollbar{display:none}
.experience-gallery-track:focus-visible{outline:2px solid var(--green);outline-offset:-3px}
.experience-gallery-figure{flex:0 0 88%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;position:relative;isolation:isolate;margin:0;padding:8px;border:1px solid rgba(123,150,139,.28);border-radius:22px;background:linear-gradient(135deg,rgba(255,253,248,.68),rgba(227,234,224,.18) 48%,rgba(255,253,248,.36));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(150,169,156,.15),0 12px 28px rgba(23,46,62,.08);transition:border-color .3s,box-shadow .3s;overflow:hidden}
.experience-gallery-stage{display:block;position:relative;aspect-ratio:1453/1083;overflow:hidden;border:0;border-radius:14px;background:#122c3c;touch-action:pan-x pan-y pinch-zoom;cursor:zoom-in}
.experience-gallery-stage img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
/* Glass reflects the cream page rather than adding a solid navy frame. */
@media(min-width:761px) and (hover:hover){.experience-gallery-figure:hover{border-color:rgba(255,253,248,.92);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(150,169,156,.2),0 12px 28px rgba(23,46,62,.1)}}
@media(hover:hover){.experience-gallery-figure:hover .experience-gallery-stage img{transform:scale(1.015)}}
.experience-gallery-large .experience-gallery-outgoing{position:absolute;inset:0;pointer-events:none}
.experience-gallery-status{margin:0;padding:0 12px 14px;color:var(--muted);font-size:.9375rem;line-height:1.5}
.experience-gallery-enlarge{position:absolute;z-index:2;right:24px;bottom:24px;color:#fff;font:400 1.5rem/1 Arial,sans-serif;text-shadow:0 2px 8px #0006}
.experience-gallery-figure figcaption{position:absolute;z-index:1;bottom:8px;left:8px;right:8px;margin:0;border-radius:0 0 14px 14px;padding:56px 58px 22px 24px;background:linear-gradient(transparent,rgba(4,18,28,.8));font:400 clamp(1.25rem,2vw,1.7rem)/1.15 "Cormorant Garamond",Georgia,serif;color:#fff;text-shadow:0 2px 8px #0006;pointer-events:none}
.experience-gallery-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 8px 6px}
.experience-gallery-controls{display:flex;flex:none;align-items:center;gap:10px;margin:0;font-size:.875rem;font-variant-numeric:tabular-nums}
.experience-gallery-controls [data-gallery-count]{white-space:nowrap;color:var(--muted);margin-right:4px}
.experience-gallery-arrow{display:inline-grid;place-items:center;flex:none;width:46px;height:46px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:1.65rem;line-height:1;transition:background .3s}
.experience-gallery-arrow:hover{background:#39796926}
.experience-gallery-arrow:disabled{opacity:.3;cursor:default}
.experience-gallery-thumbs{position:relative;display:flex;flex:1;align-items:center;gap:4px;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:2px;scrollbar-width:none}
.experience-gallery-thumbs::-webkit-scrollbar{display:none}
.experience-gallery-thumb{flex:0 0 26px;display:grid;place-items:center;min-width:26px;height:44px;padding:12px 5px;border:0;border-radius:8px;background:transparent;text-decoration:none}
.experience-gallery-thumb span{display:block;width:7px;height:7px;border-radius:8px;background:#39796955;transition:width .3s,background .3s}
.experience-gallery-thumb[aria-current=true]{flex-basis:38px}
.experience-gallery-thumb[aria-current=true] span{width:28px;background:var(--green)}
.experience-gallery-thumb:hover span{background:var(--green)}

/* Keep the subjects in view when portrait photos fill the landscape gallery. */
.experience-gallery-stage img[src$="vestmann-gallery-02.webp"],.experience-gallery-thumb img[src$="vestmann-thumb-02.webp"]{object-position:50% 65%}
.experience-gallery-stage img[src$="vestmann-gallery-14.webp"],.experience-gallery-thumb img[src$="vestmann-thumb-14.webp"]{object-position:50% 85%}
.experience-gallery-stage img[src$="vestmann-gallery-15.webp"],.experience-gallery-thumb img[src$="vestmann-thumb-15.webp"]{object-position:50% 60%}
.experience-gallery-stage img[src$="vestmann-gallery-17.webp"],.experience-gallery-thumb img[src$="vestmann-thumb-17.webp"]{object-position:50% 70%}


.experience-gallery a:focus-visible,.experience-gallery button:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.experience-gallery-stage:focus-visible,.experience-gallery-dialog button:focus-visible{outline-color:#cce1c5}
.experience-gallery-dialog{width:min(1200px,calc(100vw - 32px));height:min(900px,calc(100dvh - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:18px 22px;border:1px solid #ffffff30;border-radius:22px;background:#102431;color:var(--paper);overflow:hidden}
.experience-gallery-dialog[open]{display:flex;flex-direction:column}
.experience-gallery-dialog::backdrop{background:#06131de8}
.experience-gallery-dialog-top,.experience-gallery-dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}
.experience-gallery-dialog-top{padding-bottom:14px;font-size:.9375rem;font-variant-numeric:tabular-nums}
.experience-gallery-dialog-bottom{padding-top:14px;min-height:62px;flex-wrap:wrap}
.experience-gallery-dialog-bottom>p{flex:1}
.experience-gallery-dialog-bottom .experience-gallery-status{flex-basis:100%;color:var(--paper);font:400 .9375rem/1.5 "DM Sans",Arial,sans-serif}
.experience-gallery-dialog-bottom p{margin:0;text-align:center;font:400 clamp(1.25rem,2vw,1.7rem)/1.2 "Cormorant Garamond",Georgia,serif}
.experience-gallery-close{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:8px 12px;font-size:1rem;border:1px solid #ffffff60;border-radius:4px;background:transparent;color:var(--paper)}
.experience-gallery-close>span:last-child{font-size:1.6rem;line-height:1}
.experience-gallery-dialog .experience-gallery-arrow{border-color:#ffffff60;background:transparent;color:var(--paper)}
.experience-gallery-dialog .experience-gallery-arrow:hover{background:#ffffff30}
.experience-gallery-large{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0;touch-action:pan-y pinch-zoom;overflow:hidden}
.experience-gallery-large img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.experience-gallery-track{gap:14px;padding-bottom:12px}.experience-gallery{max-width:540px;justify-self:center;padding:0;border:0;border-radius:12px;box-shadow:none}.experience-gallery-figure{padding:0;border:0;border-radius:12px;box-shadow:none}.experience-gallery-stage{border-radius:12px}.experience-gallery-navigation{padding:12px;gap:8px}.experience-gallery-controls{gap:6px}.experience-gallery-arrow{width:44px;height:44px}.experience-gallery-controls [data-gallery-count]{margin-right:2px}.experience-gallery-figure figcaption{left:0;right:0;bottom:0;padding:45px 52px 20px 20px;font-size:1.45rem;border-radius:0 0 12px 12px}.experience-gallery-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:12px;border-radius:12px}.experience-gallery-dialog-bottom{gap:10px}.experience-gallery-dialog-bottom p{font-size:1.25rem}.experience-gallery-enlarge{bottom:20px;right:20px}}
@media(prefers-reduced-motion:reduce){.experience-gallery-track{scroll-behavior:auto}.experience-gallery-thumb span,.experience-gallery-arrow,.experience-gallery-stage img,.experience-gallery-figure{transition:none}}

/* Portrait framing for the Þakgil gallery. */
.experience-gallery-stage img[src$="thakgil-gallery-01.webp"],.experience-gallery-thumb img[src$="thakgil-thumb-01.webp"]{object-position:50% 55%}
.experience-gallery-stage img[src$="thakgil-gallery-04.webp"],.experience-gallery-thumb img[src$="thakgil-thumb-04.webp"]{object-position:50% 65%}
.experience-gallery-stage img[src$="thakgil-gallery-10.webp"],.experience-gallery-thumb img[src$="thakgil-thumb-10.webp"]{object-position:50% 30%}
.experience-gallery-stage img[src$="thakgil-gallery-11.webp"],.experience-gallery-thumb img[src$="thakgil-thumb-11.webp"]{object-position:50% 35%}
.experience-gallery-stage img[src$="thakgil-gallery-12.webp"],.experience-gallery-thumb img[src$="thakgil-thumb-12.webp"]{object-position:50% 55%}
.experience-gallery-stage img[src$="thakgil-gallery-15.webp"],.experience-gallery-thumb img[src$="thakgil-thumb-15.webp"]{object-position:50% 65%}

/* Portrait framing for the Reykjanes gallery. */
.experience-gallery-stage img[src$="reykjanes-gallery-01.webp"],.experience-gallery-thumb img[src$="reykjanes-thumb-01.webp"]{object-position:50% 30%}
.experience-gallery-stage img[src$="reykjanes-gallery-04.webp"],.experience-gallery-thumb img[src$="reykjanes-thumb-04.webp"]{object-position:50% 75%}

/* Portrait framing for the South Coast gallery. */
.experience-gallery-stage img[src$="south-coast-gallery-01.webp"],.experience-gallery-thumb img[src$="south-coast-thumb-01.webp"]{object-position:50% 55%}
.experience-gallery-stage img[src$="south-coast-gallery-02.webp"],.experience-gallery-thumb img[src$="south-coast-thumb-02.webp"]{object-position:50% 75%}
.experience-gallery-stage img[src$="south-coast-gallery-03.webp"],.experience-gallery-thumb img[src$="south-coast-thumb-03.webp"]{object-position:50% 65%}
.experience-gallery-stage img[src$="south-coast-gallery-04.webp"],.experience-gallery-thumb img[src$="south-coast-thumb-04.webp"]{object-position:50% 65%}
.experience-gallery-stage img[src$="south-coast-gallery-05.webp"],.experience-gallery-thumb img[src$="south-coast-thumb-05.webp"]{object-position:50% 65%}
.experience-gallery-stage img[src$="south-coast-gallery-09.webp"],.experience-gallery-thumb img[src$="south-coast-thumb-09.webp"]{object-position:50% 10%}
.experience-gallery-stage img[src$="south-coast-gallery-10.webp"],.experience-gallery-thumb img[src$="south-coast-thumb-10.webp"]{object-position:50% 35%}
.experience-gallery-stage img[src$="south-coast-gallery-14.webp"],.experience-gallery-thumb img[src$="south-coast-thumb-14.webp"]{object-position:50% 35%}

/* Portrait framing for the Golden Circle gallery. */
.experience-gallery-stage img[src$="golden-circle-gallery-02.webp"],.experience-gallery-thumb img[src$="golden-circle-thumb-02.webp"]{object-position:50% 65%}
.experience-gallery-stage img[src$="golden-circle-gallery-03.webp"],.experience-gallery-thumb img[src$="golden-circle-thumb-03.webp"]{object-position:50% 65%}
.experience-gallery-stage img[src$="golden-circle-gallery-05.webp"],.experience-gallery-thumb img[src$="golden-circle-thumb-05.webp"]{object-position:50% 40%}
.experience-gallery-stage img[src$="golden-circle-gallery-11.webp"],.experience-gallery-thumb img[src$="golden-circle-thumb-11.webp"]{object-position:50% 60%}
.experience-gallery-stage img[src$="golden-circle-gallery-13.webp"],.experience-gallery-thumb img[src$="golden-circle-thumb-13.webp"]{object-position:50% 65%}

/* Portrait framing for the Reykjadalur gallery. */
.experience-gallery-stage img[src$="reykjadalur-gallery-02.webp"],.experience-gallery-thumb img[src$="reykjadalur-thumb-02.webp"]{object-position:50% 45%}
.experience-gallery-stage img[src$="reykjadalur-gallery-05.webp"],.experience-gallery-thumb img[src$="reykjadalur-thumb-05.webp"]{object-position:50% 55%}
.experience-gallery-stage img[src$="reykjadalur-gallery-06.webp"],.experience-gallery-thumb img[src$="reykjadalur-thumb-06.webp"]{object-position:50% 35%}
.experience-gallery-stage img[src$="reykjadalur-gallery-10.webp"],.experience-gallery-thumb img[src$="reykjadalur-thumb-10.webp"]{object-position:50% 45%}

/* Portrait framing for the Sólheimasandur gallery. */
.experience-gallery-stage img[src$="solheimasandur-gallery-02.webp"],.experience-gallery-thumb img[src$="solheimasandur-thumb-02.webp"]{object-position:50% 70%}
.experience-gallery-stage img[src$="solheimasandur-gallery-03.webp"],.experience-gallery-thumb img[src$="solheimasandur-thumb-03.webp"]{object-position:50% 75%}
.experience-gallery-stage img[src$="solheimasandur-gallery-06.webp"],.experience-gallery-thumb img[src$="solheimasandur-thumb-06.webp"]{object-position:50% 20%}
.experience-gallery-stage img[src$="solheimasandur-gallery-09.webp"],.experience-gallery-thumb img[src$="solheimasandur-thumb-09.webp"]{object-position:50% 65%}