.back-to-top{position:fixed;z-index:6;right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid #123f342e;border-radius:50%;background:#faf4e599;color:#123f34;box-shadow:0 2px 12px #07382d12;opacity:0;visibility:hidden;pointer-events:none;cursor:pointer;transition:opacity .22s ease,background .18s ease,visibility .22s ease}
.back-to-top.is-visible{opacity:.55;visibility:visible;pointer-events:auto}
.back-to-top:hover,.back-to-top:focus-visible{opacity:1;background:#fff8ea}
.back-to-top:focus-visible{outline:2px solid #e86623;outline-offset:4px}
.back-to-top.over-movie{bottom:calc(128px + env(safe-area-inset-bottom))}
.back-to-top.near-footer{bottom:80px}
@media(max-width:700px){.back-to-top.over-movie{bottom:calc(118px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}

.site-header .brand,.site-footer .brand{position:relative}
.site-header .brand::after,.site-footer .brand::after,.intro-brand-lockup::after{content:"™";position:absolute;right:-7px;top:5px;color:#123f34;font:700 12px/1 Arial,sans-serif;text-shadow:0 1px 3px #fff8;pointer-events:none}
.intro-brand-lockup{position:absolute;z-index:2;top:16px;left:var(--gutter);width:280px;height:64px;pointer-events:none}
.intro-brand-lockup .intro-corner-brand{position:static;width:100%;height:100%}
.site-footer .copyright{white-space:normal;max-width:330px;font-size:12px;line-height:1.6}
.copyright small{display:block;font-size:11px;margin-top:3px}
.intro-controls .cinematic-sound,.closing-controls .cinematic-sound{display:inline-grid;place-items:center;min-width:44px;width:44px;height:44px;padding:10px;border-radius:50%}
.cinematic-sound svg{display:block;width:21px;height:21px}
@media(max-width:700px){.intro-brand-lockup{left:20px;top:11px;width:190px;height:46px}.site-header .brand::after,.intro-brand-lockup::after{font-size:10px;right:-5px;top:4px}.site-footer .brand::after{top:5px}.site-footer .copyright{padding-inline:12px}}
.back-to-top:not(.is-visible){transition:none}
.site-footer .brand .brand-lockup{object-fit:cover}.site-header .brand::after,.site-footer .brand::after,.intro-brand-lockup::after{right:6px;top:7px}@media(max-width:700px){.site-header .brand::after,.intro-brand-lockup::after{right:3px;top:4px}}

/* The mark sits beside the upper-right of the final r, not above the lockup. */
.site-header .brand::after,.intro-brand-lockup::after{right:6px;top:23px;font-size:10px}
.site-footer .brand::after{right:5px;top:18px;font-size:9px}
.movie-controls .cinematic-replays .skip-movie{color:#fff7e5;border-left:1px solid #fff7e566;padding-left:16px;font-weight:600}
.cinematic-replays{justify-content:flex-end}
.back-to-movie{align-self:flex-start;min-height:44px;padding:4px 0;border:0;background:none;color:#345d4e;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.back-to-movie:hover{color:#bd4c1b}
#intro-title:focus{outline:none}
@media(max-width:700px){.site-header .brand::after,.intro-brand-lockup::after{top:16px;right:4px;font-size:8px}.site-footer .brand::after{top:19px;right:5px;font-size:8px}.cinematic-replays{justify-content:space-between;gap:12px}.movie-controls .cinematic-replays .skip-movie{padding-left:12px}.intro .intro-bottom .back-to-movie{margin-bottom:4px}}