/* Stacked studies using the approved homepage comparison language and unchanged shell. */
html[data-gallery-fonts=pending] :is(body,body *) {visibility:hidden!important}
.gallery-page .site-header {opacity:1;visibility:visible;transform:none}
.gallery-page .site-navigation [aria-current=page] {color:var(--accent-light)}
.gallery-page .site-navigation [aria-current=page]::after {content:'';width:4px;height:4px;background:var(--accent);margin-inline-start:5px}
.gallery-main {max-width:1760px;margin-inline:auto;padding-top:calc(var(--header-height) + 90px)}
.gallery-introduction {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.8fr);gap:40px 80px;align-items:end;border-bottom:1px solid var(--border);padding-bottom:64px;margin-bottom:56px}
.gallery-eyebrow {font:500 .6875rem Archivo,Arial,sans-serif;letter-spacing:.08em;color:var(--accent-light);margin-bottom:28px}
.gallery-introduction h1 {font:700 clamp(3.1rem,5.8vw,6.5rem)/1.02 Archivo,Arial,sans-serif;letter-spacing:-.05em}
.gallery-introduction h1 span {display:block}
.gallery-introduction h1 span:last-child {color:var(--muted)}
.gallery-introduction-copy p {font:400 1rem/1.7 Archivo,Arial,sans-serif;color:var(--muted);max-width:360px}
.gallery-introduction-copy .gallery-count {margin-top:28px;font:500 .6875rem Archivo,Arial,sans-serif;letter-spacing:.05em;color:var(--subtle)}
.gallery-collection {display:grid;grid-template-columns:minmax(0,1fr);gap:48px;padding-bottom:48px}
.gallery-study {min-width:0}
.study-heading {display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-block:18px}
.study-heading h2 {margin:0;font:500 .75rem Archivo,Arial,sans-serif;letter-spacing:.06em}
.study-labels {display:flex;justify-content:space-between;padding-bottom:18px;color:var(--muted);font:400 .625rem Archivo,Arial,sans-serif;letter-spacing:.08em;direction:ltr}
.study-stage {position:relative;height:clamp(400px,68vh,740px);overflow:hidden;border-block:1px solid var(--border);isolation:isolate;background:#101316;direction:ltr;--study-split:50%;--reference-opacity:.18}
.study-stage img {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none}
.study-original {clip-path:inset(0 calc(100% - var(--study-split)) 0 0)}
.study-composite {position:absolute;inset:0;clip-path:inset(0 0 0 var(--study-split))}
.study-reference {opacity:var(--reference-opacity)}
.study-divider {position:absolute;inset-block:0;left:var(--study-split);width:1px;background:#a0a7ad;transform:translateX(-.5px);pointer-events:none;z-index:2}
.study-divider span {position:absolute;top:50%;left:0;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--bg);border:1px solid #a0a7ad;color:var(--fg);font:400 22px Archivo,Arial,sans-serif}
.study-range {position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:3;cursor:ew-resize;direction:ltr;touch-action:pan-y}
.study-stage:has(.study-range:focus-visible) {outline:2px solid var(--accent-light);outline-offset:5px}
.study-stage:has(.study-range:focus-visible) .study-divider span {border:2px solid var(--accent-light)}
.study-caption {display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:16px}
.study-controls {display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.study-controls button {min-height:44px;padding:0;font:500 .5625rem Archivo,Arial,sans-serif;letter-spacing:.05em;color:var(--subtle);border-bottom:1px solid transparent}
.study-controls button[aria-pressed=true] {color:var(--fg);border-color:var(--accent)}
.study-controls button:hover {color:var(--accent-light)}
.study-readout {font:400 .5625rem Archivo,Arial,sans-serif;color:var(--subtle);direction:ltr;unicode-bidi:isolate}
.study-hint {margin:0;color:var(--subtle);font:400 .5625rem/1.6 Archivo,Arial,sans-serif;letter-spacing:.03em}
.study-divider {display:none}
.js-enabled .study-divider {display:block}
html:not(.js-enabled) .study-original,html:not(.js-enabled) .study-composite {clip-path:none}
html:not(.js-enabled) .study-composite {display:none}
html:not(.js-enabled) .study-labels span:last-child,html:not(.js-enabled) .study-readout {display:none}
.study-fallback {font:400 .75rem/1.8 Archivo,Arial,sans-serif;color:var(--muted)}
.study-fallback a {display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid var(--border)}
html[lang=ar] .gallery-introduction {direction:rtl;text-align:right}
html[lang=ar] .gallery-introduction h1 {line-height:1.25}
html[lang=ar] .gallery-introduction-copy p {line-height:1.8}
html[lang=ar] .gallery-study h2 {font-weight:500!important}
html[lang=ar] .study-readout {font-family:Archivo,Arial,sans-serif!important}
html[lang=ar] .study-labels {direction:ltr}
html[lang=ar] .study-controls {direction:rtl}
.gallery-page .final-footer {margin-top:64px}
@media(max-width:1100px){.gallery-main{padding-top:calc(var(--header-height) + 64px)}.gallery-introduction{gap:40px}}
@media(max-width:820px){.gallery-introduction{grid-template-columns:1fr;gap:32px}.gallery-introduction-copy{display:flex;align-items:end;justify-content:space-between;gap:40px}.gallery-introduction-copy .gallery-count{margin:0;white-space:nowrap}.study-controls{gap:16px}.gallery-main{padding-top:calc(var(--header-height) + 48px)}}
@media(max-width:680px){.gallery-introduction{padding-bottom:40px;margin-bottom:32px}.gallery-introduction h1{font-size:clamp(2.5rem,8.8vw,4rem)}.gallery-introduction-copy{display:block}.gallery-introduction-copy p{font-size:.9375rem}.gallery-introduction-copy .gallery-count{margin-top:20px}.gallery-collection{gap:32px}.study-stage{height:380px}.study-divider span{width:44px;height:44px}.study-caption{flex-wrap:wrap;gap:4px 16px}.study-hint{order:3;flex-basis:100%}.study-heading{padding-block:16px}.gallery-page .final-footer{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.gallery-page *{scroll-behavior:auto}.gallery-page .menu-icon i{transition:none}}