.chapter-rail{position:absolute;right:3.5vw;bottom:78px;z-index:9;display:flex;gap:7px;padding:8px;background:#eeeee7aa;backdrop-filter:blur(8px);transition:background .4s}.chapter-rail button{border:1px solid transparent;padding:0;width:42px;height:50px;background:#182b23;color:#fff;cursor:pointer;position:relative;opacity:.55;transition:opacity .3s,transform .3s}.chapter-rail img{width:100%;height:100%;object-fit:cover;display:block}.chapter-rail span{position:absolute;left:4px;bottom:3px;font:9px monospace;text-shadow:0 1px 4px #000}.chapter-rail [aria-current="true"]{opacity:1;border-color:#d9fa79;transform:translateY(-4px)}.chapter-rail button:hover{opacity:1}.chapter-rail.expanded{background:#172d2444}.chapter-rail.expanded button{width:50px;height:58px}html[data-motion="off"] .chapter-rail{display:none}
@media(max-width:750px){.chapter-rail{right:6vw;bottom:65px;padding:5px;gap:4px}.chapter-rail button,.chapter-rail.expanded button{width:30px;height:37px}.chapter-rail span{font-size:8px}}

/* Brent's portrait acts as a personal signature on the opening frame. */
.artist-signature{position:absolute;left:3.5vw;bottom:116px;display:flex;align-items:center;gap:20px;width:max-content;max-width:42%;pointer-events:auto}
.artist-signature>img{display:block;width:112px;height:auto;flex:none;transform:rotate(-9deg);filter:drop-shadow(0 7px 0 #16252212);transition:transform .35s ease}
.artist-signature-copy{display:flex;flex-direction:column;gap:9px}
.artist-signature>img,.artist-portrait img{aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 0 0 4px var(--accent)}
.artist-kicker{font:9px/1.5 monospace;letter-spacing:.12em}
.artist-name{font:italic 26px/1.1 Georgia,serif;letter-spacing:-.04em}
.artist-name>span{display:inline-block;font:16px Arial,sans-serif;margin-left:5px;transition:transform .35s ease}
.artist-signature:hover>img{transform:rotate(-3deg) translateY(-3px)}
.artist-signature:hover .artist-name>span{transform:translate(2px,-2px)}
.artist-signature:focus-visible{outline:2px solid var(--ink);outline-offset:10px;border-radius:4px}
.cinema .artist-signature{pointer-events:none;visibility:hidden}
.artist-portrait>.eyebrow{color:var(--accent)}
.artist-portrait figure{position:relative;isolation:isolate;margin:40px 0 0;width:min(320px,85%)}
.artist-portrait figure::before{content:"";position:absolute;z-index:-1;inset:8px -10px auto 12px;aspect-ratio:1;border:1px solid #d9fa794d;border-radius:50%}
.artist-portrait img{display:block;width:100%;height:auto;transform:rotate(-7deg)}
.artist-portrait figcaption{margin-top:28px;font:24px/1.15 Georgia,serif;letter-spacing:-.025em}
.artist-portrait figcaption em{color:var(--accent)}
.about-body{padding-top:57px}
html[data-motion="off"] .artist-signature{position:relative;left:auto;bottom:auto;max-width:100%;margin-top:42px}
@media(min-width:751px) and (max-height:700px){.artist-signature{bottom:82px;gap:14px}.artist-signature>img{width:80px}.artist-name{font-size:23px}}
@media(max-width:750px){
  .artist-signature{left:6vw;top:49%;bottom:auto;max-width:24%;flex-direction:column;align-items:flex-start;gap:16px}
  .artist-signature>img{width:clamp(64px,21vw,105px)}
  .artist-signature-copy{gap:8px}
  .artist-kicker{font-size:8px;letter-spacing:.06em;line-height:1.6}
  .artist-name{font-size:21px;line-height:1.04}
  .artist-name>span{font-size:13px;margin-left:1px}
  .artist-portrait figure{width:min(260px,78%);margin-top:30px}
  .artist-portrait figcaption{font-size:23px}
  .about-body{padding-top:12px;max-width:440px}
  html[data-motion="off"] .artist-signature{top:auto;flex-direction:row;align-items:center;gap:20px;margin-top:30px}
  html[data-motion="off"] .artist-signature-copy{max-width:210px}
}
@media(prefers-reduced-motion:reduce){.artist-signature>img,.artist-name>span{transition:none}}
@media(max-width:750px) and (max-height:740px){.artist-signature{top:55%}}