/* Expanded project presentations. */
#project-dialog{--study-accent:#eab18b;width:min(1500px,96vw);height:94svh;max-height:94svh;max-width:1500px;padding:0;overflow:auto;background:#111614;border:1px solid #ffffff25;color:var(--paper);scrollbar-color:#495149 #111614}
#project-dialog::backdrop{background:#050807e8;backdrop-filter:blur(12px)}
.dialog-head{position:sticky;top:0;z-index:5;background:#111614f5;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff21;padding:22px 34px;margin:0;gap:22px}
.dialog-head h2{font-size:clamp(29px,3.1vw,49px);margin-top:5px;line-height:1.12}
.dialog-head .eyebrow{color:#b3b9ae;letter-spacing:.12em;font-size:9px}
.dialog-close{flex-shrink:0;width:44px;height:44px;border-radius:50%;font-size:29px;line-height:1;display:grid;place-items:center;background:#ffffff07}
.dialog-close:hover{background:#ffffff18}
.study-content{padding:30px 34px 38px}
.study-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:end;margin:0 0 28px}
.study-kicker{color:var(--study-accent);font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}
.study-tagline{font-family:var(--display);font-size:clamp(27px,3vw,44px);line-height:1.12;letter-spacing:-.025em;max-width:20ch}
.study-description{font-size:14px;line-height:1.7;color:#b4bcb1;max-width:540px;justify-self:end}
.study-screen{position:relative;background:#080d0b;overflow:hidden;border:1px solid #ffffff20}
.study-screen svg{display:block;width:100%;aspect-ratio:1.6;max-height:66svh}
.study-screen svg image{image-rendering:auto}
.study-screen video{display:block;width:100%;max-height:66svh}
.study-screen .mobile-capture{width:auto;max-height:66svh;max-width:100%;margin:0 auto;object-fit:contain}
.study-nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:15px 0;border-bottom:1px solid #ffffff20}
.study-nav button{font-size:11px;border:1px solid #ffffff24;padding:10px 15px;border-radius:2px;transition:background .2s,border-color .2s}
.study-nav button[aria-pressed=true]{background:var(--paper);border-color:var(--paper);color:#182119}
.study-nav button:hover{border-color:var(--study-accent)}
.study-nav .study-tour{margin-left:auto;border:0;color:var(--study-accent);text-decoration:underline;text-underline-offset:5px}
.study-caption{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:27px 0 35px;min-height:145px}
.study-caption h3{font-family:var(--body);font-size:16px;font-weight:400;color:var(--study-accent);line-height:1.5}
.study-caption p{font-size:14px;color:#adb7a8;max-width:650px;line-height:1.7}
.study-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:16px 0 35px}
.study-detail{margin:0;min-width:0}
.study-detail svg{display:block;width:100%;aspect-ratio:1.65;background:#0b100d;border:1px solid #ffffff15}
.study-detail figcaption{margin-top:13px;font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#abb5a5}
.study-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff21;padding-top:28px}
.study-bottom p{font-size:12px;color:#98a38f;max-width:350px}
.study-bottom .text-link{font-size:14px;color:var(--study-accent)}
.study-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:25px;border-top:1px solid #ffffff21;gap:20px}
.study-pagination button{font-size:12px;padding:10px 0}
.study-pagination span{font-size:10px;color:#88987e;letter-spacing:.12em}
.study-pagination button:hover{color:var(--study-accent)}
@media(max-width:1000px){.study-intro{gap:30px}.study-nav button{padding:9px 12px}.study-tagline{font-size:32px}}
@media(max-width:700px){
  #project-dialog{width:100%;height:100svh;max-height:100svh;border:0}.dialog-head{padding:18px 20px;gap:15px}.dialog-head h2{font-size:28px}.dialog-head .eyebrow{font-size:8px}.dialog-close{width:38px;height:38px}.study-content{padding:24px 20px 30px}.study-intro{display:block;margin-bottom:23px}.study-tagline{font-size:31px;max-width:23ch}.study-description{margin-top:17px;font-size:13px}.study-screen svg{max-height:65svh}.study-nav{gap:7px}.study-nav button{font-size:10px;padding:10px 11px}.study-nav .study-tour{margin-left:0}.study-caption{display:block;padding:22px 0;min-height:160px}.study-caption h3{font-size:15px}.study-caption p{margin-top:8px;font-size:13px}.study-details{gap:18px;grid-template-columns:1fr;margin-top:8px}.study-detail figcaption{font-size:9px}.study-bottom{display:block}.study-bottom .text-link{margin-top:20px;font-size:13px}.study-pagination{margin-top:30px}.study-pagination button{font-size:11px}.study-pagination span{font-size:9px}
}
.study-page{max-height:66svh;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--study-accent) #111614;background:#111614;scrollbar-gutter:auto}
.study-page img{width:100%;height:auto}
.study-page:focus-visible{outline:2px solid var(--study-accent);outline-offset:-3px}

.dialog-head{display:flex;align-items:center;justify-content:space-between}.study-nav button,.study-pagination button{min-height:44px}.study-screen svg[hidden]{display:none}.study-description,.study-caption p{font-size:15px}.study-kicker,.study-detail figcaption,.dialog-head .eyebrow{font-size:11px}.study-nav button,.study-bottom p,.study-pagination button{font-size:13px}.reduced .study-tour{display:none}
@media(max-width:700px){.dialog-close{width:44px;height:44px;min-width:44px}.study-description,.study-caption p{font-size:14px}.study-nav button{font-size:12px}.study-page{max-height:62svh}}