html,body{margin:0}:root{--vh: 1svh;--portrait-inset: calc(var(--vh) * 8);--marker-size: 20px;--marker-color: #c8c8c8;--marker-inset: 2.5rem;--marker-axis: calc(var(--marker-inset) + var(--marker-size) / 2);--marker-gutter: calc(var(--marker-size) + var(--marker-inset) * 2);--target-size: calc(var(--marker-size) * 1.4);--target-height: calc(var(--target-size) * 4);--target-radius: calc(var(--target-size) / 2);--title-card-opacity: 1;--scroll-end-padding: calc(var(--vh) * 20);--active-image-blur: 2px;--active-image-opacity: .9;--active-image-brightness: .82}#gallery{padding-bottom:var(--scroll-end-padding)}.gallery-item{position:relative;box-sizing:border-box;height:calc(var(--vh) * 100);padding-right:var(--marker-gutter)}.gallery-item__panel{height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.gallery-item__panel img{max-width:100%;max-height:100%;object-fit:contain;display:block;transition:filter .15s ease,opacity .15s ease}.gallery-item--active .gallery-item__panel img{filter:blur(var(--active-image-blur)) brightness(var(--active-image-brightness));opacity:var(--active-image-opacity)}.gallery-item__panel--portrait{box-sizing:border-box;padding-block:var(--portrait-inset)}.gallery-item__marker{position:absolute;top:22%;right:calc(var(--marker-axis) - var(--marker-size) / 2);box-sizing:border-box;width:var(--marker-size);height:var(--marker-size);border:2px solid var(--marker-color);border-radius:50%;background:#fff;transform:translateY(-50%);pointer-events:none;transition:border-color .15s ease}.gallery-item__marker--caught{border-color:#000}.scroll-target{position:fixed;top:max(calc(var(--vh) * 100 / 32),calc(var(--target-height) / 2 + .5rem));right:calc(var(--marker-axis) - var(--target-size) / 2);z-index:10;box-sizing:border-box;width:var(--target-size);height:var(--target-height);border:1px solid var(--marker-color);border-radius:var(--target-radius);background:transparent;transform:translateY(-50%);pointer-events:none;transition:border-color .15s ease}.scroll-target--caught{border-color:#000}.title-card{position:absolute;top:50%;left:calc((100% - var(--marker-gutter)) / 2);z-index:5;width:min(24rem,calc(100% - var(--marker-gutter) - 3rem));padding:1.25rem 1.5rem;border:1px solid #000;border-radius:2px;background:rgba(255,255,255,var(--title-card-opacity));box-shadow:0 8px 24px #0000002e;color:#000;pointer-events:none;text-align:center;opacity:0;transform:translate(-50%,-50%);transition:opacity .15s ease;visibility:hidden}.title-card--visible{opacity:1;visibility:visible}.title-card__artist{margin:0 0 .35rem;font:600 .85rem/1.3 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.title-card__title{margin:0 0 .5rem;font:700 1.75rem/1.15 system-ui,sans-serif}.title-card__publication{margin:0;font:400 1rem/1.3 system-ui,sans-serif;font-style:italic;opacity:.9}
