/* The existing research presentation frame and transport. */
.project-presentation{--mono:Plex,monospace;--display:Barlow,sans-serif;--wine-light:var(--pink);--paper-muted:var(--muted);--cyan:#35b9d6;margin-top:48px}
.project-presentation-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}.project-presentation-heading h3{font:700 clamp(28px,3vw,42px)/1.3 Slab,Georgia,serif;margin:14px 0 0}.project-presentation-heading>p{max-width:430px;color:var(--muted);font-size:18px}
.presentation-window { padding:10px;border:1px solid rgba(209,139,152,.48);background:linear-gradient(145deg,rgba(116,38,60,.2),rgba(16,27,25,.98) 32%,rgba(23,37,37,.94));box-shadow:5px 5px 0 rgba(38,126,148,.52),0 18px 44px rgba(0,0,0,.2); }
.presentation-window-top { min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px;color:#c5c1b6;font:500 8px/1.4 var(--mono);letter-spacing:.11em; }
.presentation-window-top span:last-child { color:var(--teal); }
.presentation-screen { aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:#0c100f;border:1px solid rgba(236,228,210,.14); }
.presentation-screen img { display:block;width:100%;height:100%;object-fit:contain; }
.presentation-transport { min-height:56px;display:grid;grid-template-columns:1fr minmax(80px,240px) 1fr;align-items:center;gap:clamp(12px,3vw,35px);padding:8px 7px 0; }
.presentation-transport button { min-height:46px;display:inline-flex;align-items:center;gap:11px;padding:9px 16px;border:1px solid rgba(61,190,222,.58);border-radius:3px;color:#e8f7f8;background:linear-gradient(135deg,rgba(27,87,105,.94),rgba(20,50,62,.94));font:600 9px/1 var(--mono);letter-spacing:.09em;cursor:pointer;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 0 0 1px rgba(32,149,184,.12),2px 2px 0 rgba(116,38,60,.42); }
.presentation-transport button:last-child { justify-self:end;border-color:rgba(209,139,152,.7);color:var(--paper);background:linear-gradient(135deg,rgba(132,46,68,.96),rgba(91,29,47,.96));box-shadow:0 0 0 1px rgba(116,38,60,.2),2px 2px 0 rgba(38,126,148,.4); }
.presentation-transport button b { color:#d6f7fb;font:800 19px/1 Georgia,serif;-webkit-text-stroke:.65px currentColor;text-shadow:1px 1px 0 rgba(116,38,60,.7),2px 2px 0 rgba(38,126,148,.6); }
.presentation-transport button:hover:not(:disabled) { transform:translateY(-2px);border-color:#56ddf5;background:linear-gradient(135deg,rgba(33,123,149,.98),rgba(23,70,84,.98));box-shadow:0 5px 18px rgba(38,126,148,.23),2px 2px 0 rgba(116,38,60,.5); }
.presentation-transport button:last-child:hover:not(:disabled) { border-color:#efb1bd;background:linear-gradient(135deg,rgba(158,54,80,.99),rgba(115,35,57,.99));box-shadow:0 5px 18px rgba(116,38,60,.28),2px 2px 0 rgba(38,126,148,.46); }
.presentation-transport button:focus-visible { outline:2px solid var(--cyan);outline-offset:3px; }
.presentation-transport button:disabled { opacity:.42;cursor:default; }
.presentation-progress { height:9px;overflow:hidden;border:1px solid rgba(89,192,218,.28);border-radius:6px;background:linear-gradient(90deg,rgba(16,26,27,.95),rgba(36,45,45,.95));box-shadow:inset 0 1px 3px rgba(0,0,0,.45); }
.presentation-progress span { display:block;width:14.285%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#267e94,#35b9d6 62%,#30c4a0);box-shadow:0 0 12px rgba(53,185,214,.45);transition:width .3s cubic-bezier(.22,.75,.3,1); }
.presentation-caption { margin:22px 3px 0;padding:4px 17px 7px;border-left:2px solid var(--wine-light);box-shadow:-4px 0 0 rgba(38,126,148,.55); }
.presentation-caption-kicker { margin:0 0 8px;color:var(--teal);font:500 8px/1.4 var(--mono);letter-spacing:.12em; }
.presentation-caption h4 { margin:0 0 7px;color:var(--paper);font:600 clamp(1.15rem,2vw,1.55rem)/1.2 var(--display); }
.presentation-caption > p:last-child { max-width:850px;margin:0;color:#b8b8ad;font-size:13px;line-height:1.75; }
.presentation-download { display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 3px 0;padding:13px 0;border-top:1px solid rgba(236,228,210,.14);border-bottom:1px solid rgba(236,228,210,.14); }
.presentation-download > span { color:var(--paper-muted);font:500 7px/1.4 var(--mono);letter-spacing:.1em; }
.presentation-download a { color:#67d0e1;text-decoration:none;font:600 8px/1.5 var(--mono);letter-spacing:.06em; }
.presentation-download a:hover { color:var(--paper); }
.presentation-download a b { font:800 14px/1 Georgia,serif;-webkit-text-stroke:.5px currentColor; }

.presentation-download>div{display:flex;gap:22px;flex-wrap:wrap}.presentation-caption>p:last-child{font-size:18px;line-height:1.7}.presentation-caption h4{font-size:24px}.presentation-caption-kicker{font-size:10px}.presentation-window-top{font-size:10px}.presentation-download>span,.presentation-download a{font-size:10px}.presentation-screen{direction:ltr}
html[dir=rtl] .presentation-caption,html[dir=rtl] .presentation-download,html[dir=rtl] .presentation-transport{font-family:"Noto Sans Arabic",Tahoma,sans-serif}html[dir=rtl] .presentation-caption{border-left:0;border-right:2px solid var(--pink);box-shadow:4px 0 0 #267e9480}.presentation-transport button span{font-family:inherit;font-size:inherit;color:inherit}
@media(max-width:760px){.project-presentation-heading{display:block}.project-presentation-heading>p{margin-top:16px}.presentation-window{padding:7px}.presentation-window-top{min-height:38px;font-size:8px}.presentation-transport{min-height:56px;grid-template-columns:auto minmax(38px,1fr) auto;gap:10px;padding-inline:2px}.presentation-transport button{min-height:44px;gap:6px;padding:8px 9px;font-size:8px}.presentation-transport button b{font-size:17px}.presentation-caption{margin-top:18px}.presentation-caption h4{font-size:21px}.presentation-caption>p:last-child{font-size:16px}.presentation-download{align-items:flex-start;flex-direction:column;gap:14px}.presentation-download>div{gap:16px}}

.project-presentation-heading h3{font-weight:800;line-height:1.35;letter-spacing:-.025em}.project-presentation-heading .highlight-word{display:inline-block;padding:.025em .09em .09em}
.presentation-progress{position:relative;height:44px;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;cursor:pointer;touch-action:none}
.presentation-progress:before{content:"";position:absolute;inset-inline:0;top:calc(50% - 4.5px);height:9px;border:1px solid #59c0da47;border-radius:6px;background:linear-gradient(90deg,#101a1bf2,#242d2df2);box-shadow:inset 0 1px 3px #0007}
.presentation-progress span{position:absolute;inset-inline-start:0;top:calc(50% - 4.5px);height:9px;border-radius:6px;transition:width .12s ease;pointer-events:none}
.presentation-progress:after{content:"";position:absolute;inset-inline-start:calc(var(--seek-position,0%) - 6px);top:calc(50% - 6px);width:12px;height:12px;border-radius:50%;border:2px solid #e9e0cf;background:#35b9d6;box-shadow:0 0 10px #35b9d655;pointer-events:none}
.presentation-progress:focus-visible{outline:2px solid #35b9d6;outline-offset:3px;border-radius:3px}