.explore-page{margin:0;background:#faf9f7}
.explore-page *{box-sizing:border-box}
.explore-main{min-height:100svh;padding:128px 24px 80px}
.explore-viewport{width:100%}
.explore-viewport:focus-visible{outline:2px solid #0039a6;outline-offset:6px}
.explore-track{column-count:4;column-gap:24px;width:100%;max-width:2000px;margin:0 auto}
.explore-card{display:inline-block;vertical-align:top;break-inside:avoid;width:100%;margin:0 0 36px}
.explore-media{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:var(--study-ratio);background:#f3f3f3;border-radius:20px;overflow:hidden}
.explore-media img,.explore-media video,.explore-media iframe{display:block;width:100%;height:100%;object-fit:contain;border:0;min-width:0;min-height:0}
.explore-media video{pointer-events:none}
.explore-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 12px 0;color:#444;font:400 15px/1.45 'PP Neue Montreal','Instrument Sans',sans-serif}
.explore-tag{font-family:Georgia,serif;font-style:italic}
.explore-date{flex:none;font-size:12px;color:#888}
html[data-theme=dark] .explore-media{background:#202020}
html[data-theme=dark] .explore-caption{color:#ddd}
.explore-card[data-study-title="Horse in Motion"] video{clip-path:inset(0 1px 1px 0)}
.explore-card[data-study-title="Shadow Study"] video{clip-path:none;object-fit:cover;transform:scale(1.34)}
.explore-card[data-study-title="Hardware Interaction"] .explore-media{aspect-ratio:3/4}
.explore-card[data-study-title="Hardware Interaction"] video{object-fit:cover;object-position:50% 60%;transform:scale(1.15)}
@media(max-width:1100px){.explore-track{column-count:3;column-gap:20px}}
@media(max-width:809px){.explore-main{padding:110px 20px 60px}.explore-track{column-count:2;column-gap:18px}.explore-media{border-radius:16px}.explore-caption{padding-inline:6px;font-size:14px}}
@media(max-width:520px){.explore-main{padding-inline:20px}.explore-track{column-count:1;max-width:440px}.explore-card{margin-bottom:30px}}

.stillwater-preview{pointer-events:none}
.stillwater-open{position:absolute;inset:0;border:0;background:transparent;padding:0;cursor:zoom-in}
.stillwater-open:focus-visible{outline:2px solid #0039a6;outline-offset:-4px}
.stillwater-dialog{padding:0;border:0;border-radius:20px;width:min(1100px,calc(100vw - 64px));height:calc(100dvh - 80px);max-width:none;max-height:none;overflow:hidden;background:#42463b;box-shadow:0 24px 100px #0006}
.stillwater-dialog::backdrop{background:rgba(0,0,0,.65)}
.stillwater-dialog[open]{animation:stillwater-in .4s cubic-bezier(.22,1,.36,1)}
.stillwater-dialog iframe{display:block;width:100%;height:100%;border:0}
.stillwater-close{position:absolute;right:16px;top:16px;z-index:2;border:0;border-radius:50%;width:40px;height:40px;background:#0006;color:white;font:26px/1 sans-serif;cursor:pointer}
.stillwater-close:focus-visible{outline:2px solid white;outline-offset:3px}
@keyframes stillwater-in{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:600px){.stillwater-dialog{width:calc(100vw - 24px);height:calc(100dvh - 48px);border-radius:14px}}
@media(prefers-reduced-motion:reduce){.stillwater-dialog[open]{animation:none}}

/* Keep the entire Stillwater photograph in its original portrait proportion. */
.stillwater-dialog{width:min(900px,calc(100vw - 48px),calc((100dvh - 80px)*.75));height:auto;aspect-ratio:3/4}
@media(max-width:600px){.stillwater-dialog{width:min(calc(100vw - 24px),calc((100dvh - 48px)*.75));height:auto}}