.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:3;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-media--framed video{position:absolute;object-fit:fill;border-radius:14% / 6.4%}
.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="Motion Design"] video{transform:scale(1.01);transform-origin:top left}
.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}}

/* Every study expands from its own media bounds into the same focused view. */
.stillwater-preview{pointer-events:none}
.explore-open{position:absolute;inset:0;z-index:1;border:0;background:transparent;padding:0;cursor:zoom-in;border-radius:inherit}
.explore-open:focus-visible{outline:2px solid #0039a6;outline-offset:-4px}
.explore-focus-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:white}
.explore-focus-dialog::backdrop{background:transparent}
.explore-focus-backdrop{position:absolute;inset:0;background:rgba(15,15,15,.76);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.explore-focus-stage.explore-card{position:absolute;display:block;margin:0;overflow:hidden;transform-origin:top left;will-change:transform;box-shadow:0 24px 90px #0005}
.explore-focus-stage .explore-media{width:100%;height:100%;border-radius:inherit}
.explore-focus-close,.explore-focus-toggle{position:absolute;z-index:2;top:12px;display:grid;place-items:center;height:36px;border:1px solid #ffffff24;background:#ffffff18;color:white;cursor:pointer;font:400 14px/1 'PP Neue Montreal',sans-serif;backdrop-filter:blur(12px)}
.explore-focus-close{right:16px;width:36px;padding:0;border-radius:50%;font:26px/1 sans-serif}
.explore-focus-toggle{right:64px;min-width:64px;padding:0 16px;border-radius:22px}
.explore-focus-toggle[hidden]{display:none}
.explore-focus-close:hover,.explore-focus-toggle:hover{background:#ffffff30}
.explore-focus-close:focus-visible,.explore-focus-toggle:focus-visible{outline:2px solid white;outline-offset:3px}
.explore-focus-title{position:absolute;bottom:14px;left:24px;right:24px;margin:0;text-align:center;pointer-events:none;color:#fff;font:400 14px/1.4 'PP Neue Montreal',sans-serif}
@media(prefers-reduced-motion:reduce){.explore-focus-stage.explore-card{will-change:auto}}