@charset "UTF-8";
/* Short video studies use the measured source dimensions without cropping. */
.lab-page .video-study-card { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); }
.lab-page .video-study-cover { display:flex; align-items:center; justify-content:center; height:100%; min-height:360px; padding:20px; aspect-ratio:auto; background:linear-gradient(135deg,#183b2a,#081f17); }
.video-study-cover-frame { position:relative; display:block; width:100%; height:auto; max-width:100%; aspect-ratio:var(--study-ratio,16 / 9); }
.lab-page .video-study-card[data-format="square"] .video-study-cover-frame { width:320px; }
.lab-page .video-study-card[data-format="portrait"] .video-study-cover-frame { width:180px; }
.lab-page .video-study-cover .video-study-cover-frame img { display:block; width:100%; height:100%; max-height:none; aspect-ratio:auto; object-fit:contain; object-position:center; filter:none; image-rendering:auto; }
.lab-page .video-study-card:hover .video-study-cover img { transform:none; filter:none; }
.lab-page .video-study-cover .play-mark { inset:auto; left:50%; top:50%; transform:translate(-50%,-50%); }
.video-study-page .video-study-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:35px; padding:6px 0 28px; border-bottom:1px solid #7d8e6277; }
.video-study-heading > div { min-width:0; }
.page .video-study-heading h1 { margin:15px 0 17px; font:400 clamp(31px,4.5vw,59px)/1.45 var(--px-display,monospace); letter-spacing:-.025em; color:#e5ecd2; overflow-wrap:anywhere; }
.video-study-summary { margin:0; max-width:780px; color:#b8c9ad; font-size:14px; line-height:1.95; }
.video-study-facts { display:flex; gap:29px; flex-shrink:0; margin:0 0 4px; }
.video-study-facts > div { padding-left:18px; border-left:1px solid #83955f88; }
.video-study-facts dt { margin:0 0 8px; font-size:11px; line-height:1.6; color:#9bb68c; }
.video-study-facts dd { margin:0; font:14px/1.7 monospace; color:#d6e2bc; white-space:nowrap; }
.video-study-facts dd > span { display:block; color:#9eB68b; font:11px/1.7 monospace; margin-top:4px; }
.page .video-study-tabs { gap:10px; margin:27px 0; }
.page .video-study-tabs button { width:auto; padding:10px 15px; font-size:12px; }
.video-study-film { scroll-margin-top:150px; }
.video-study-player-mount { display:flex; align-items:center; justify-content:center; padding:24px; background:linear-gradient(135deg,#163628e8,#091d16e8); border:1px solid #7c8e6099; box-shadow:inset 0 1px #dae6ae14,4px 4px 0 #03170e; }
.page.video-study-page .video-study-frame { position:relative; display:block; width:min(100%,820px); height:auto; max-height:none; aspect-ratio:var(--study-ratio,16 / 9); margin:0; overflow:hidden; background:#020906; }
.page.video-study-page[data-format="portrait"] .video-study-frame { width:min(100%,360px); }
.page.video-study-page[data-format="square"] .video-study-frame { width:min(100%,560px); }
.video-study-frame video { position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; max-height:none; object-fit:contain; }
.video-study-frame .film-play { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:17px; width:100%; height:100%; transform:none; padding:0; border:0; background:linear-gradient(0deg,#00160b55,transparent 70%); }
.video-study-frame .film-play > span { display:grid; place-items:center; width:66px; height:66px; border:1px solid #d5e4b899; border-radius:0; background:#112e22c9; box-shadow:3px 3px 0 #03170e77; font-size:21px; padding-left:3px; }
.video-study-frame .film-play > strong { color:#eef2d5; font-weight:400; letter-spacing:.03em; }
.video-study-frame.has-started .film-play { display:none; }
.video-study-page .media-section { margin-top:42px; scroll-margin-top:150px; }
.video-study-page .section-heading { align-items:flex-end; flex-wrap:wrap; gap:14px; }
.video-study-page .section-heading h2 { margin:9px 0 0; color:#e0e8c7; font:400 25px/1.6 var(--px-display,monospace); }
.video-study-page .section-heading > span { color:#a6bd91; font-size:11px; line-height:1.8; }
.video-study-page .video-study-reference-grid,.video-study-page .video-study-stills-grid { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:20px; }
.video-study-page .video-study-stills-grid { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.video-study-page .video-study-reference-grid.single-reference { grid-template-columns:minmax(0,1fr); max-width:640px; margin-inline:auto; }
.video-study-page .image-card { padding:9px; background:#0c261de8; border:1px solid #83956588; box-shadow:3px 3px 0 #04170f; }
.video-study-page .image-card img { display:block; width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain; background:#061b13; filter:none; }
.video-study-page .image-card:hover img { filter:none; }
.video-study-page .image-caption { display:block; margin:10px 3px 2px; color:#c1d0ad; font-size:11px; line-height:1.8; }
.video-study-page .project-pagination { margin-top:42px; gap:24px; }
.video-study-page .project-pagination a { min-width:0; overflow-wrap:anywhere; }
@media(max-width:900px) {
  .video-study-page .video-study-heading { align-items:flex-start; gap:24px; }
  .video-study-facts { flex-direction:column; gap:18px; }
  .video-study-facts > div { padding-left:13px; }
}
@media(max-width:760px) {
  .lab-page .video-study-card { grid-template-columns:minmax(0,1fr); }
  .lab-page .video-study-cover { min-height:0; height:auto; padding:17px; border-right:0; }
  .lab-page .video-study-card[data-format="square"] .video-study-cover-frame { width:285px; }
  .lab-page .video-study-card[data-format="portrait"] .video-study-cover-frame { width:160px; }
  .lab-page .video-study-card .experiment-content { padding:24px 21px; }
}
@media(max-width:600px) {
  .video-study-page .video-study-heading { display:block; padding-bottom:23px; }
  .page .video-study-heading h1 { margin:13px 0 17px; font-size:29px; line-height:1.5; }
  .video-study-summary { font-size:12px; }
  .video-study-facts { flex-direction:row; flex-wrap:wrap; gap:24px; margin:24px 0 0; }
  .video-study-facts dt { font-size:10px; }
  .video-study-facts dd { font-size:13px; }
  .page .video-study-tabs { gap:8px; margin:23px 0; }
  .page .video-study-tabs button { padding:8px 10px; font-size:11px; }
  .video-study-player-mount { padding:13px; }
  .page.video-study-page[data-format="portrait"] .video-study-frame { width:min(100%,300px); }
  .video-study-page .media-section { margin-top:32px; }
  .video-study-page .section-heading h2 { font-size:23px; }
  .video-study-page .section-heading > span { font-size:10px; }
  .video-study-page .video-study-reference-grid,.video-study-page .video-study-stills-grid { grid-template-columns:1fr; gap:17px; }
  .video-study-page .image-card { padding:7px; }
  .video-study-page .image-caption { font-size:10px; }
  .video-study-page .project-pagination { font-size:11px; }
}