/* Private viewing uses the same typography and space as the public portfolio. */
.motion-main.private-reel{width:min(calc(100% - var(--gutter)*2),1440px);margin:0 auto;min-height:calc(100svh - 86px);padding:clamp(60px,12svh,150px) 0 max(32px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;gap:70px}
.private-reel-intro{max-width:960px}
.private-reel .eyebrow{margin-bottom:30px}
.private-reel h1{font-size:clamp(64px,10vw,144px);line-height:1;letter-spacing:-.065em}
.private-reel-note{font-size:clamp(18px,1.8vw,25px);letter-spacing:-.025em;margin:24px 0 38px;color:#c4c5c6}
.private-reel-request{min-height:48px;gap:50px}
.private-reel-stills{display:inline-flex;align-items:center;gap:24px;align-self:flex-start;min-height:44px;font-size:14px}
.private-reel-stills:hover{text-decoration:underline;text-underline-offset:6px}
@media(max-width:700px){.motion-main.private-reel{min-height:calc(100svh - 74px);padding-top:16svh;gap:64px}.private-reel h1{font-size:clamp(58px,15vw,90px)}.private-reel .eyebrow{font-size:10px;margin-bottom:24px}.private-reel-note{margin:20px 0 30px}.private-reel-request{gap:28px}}
@media(orientation:landscape) and (max-height:600px){.motion-main.private-reel{min-height:calc(100svh - 56px);padding-top:26px;padding-bottom:18px;gap:24px}.private-reel .eyebrow{margin-bottom:14px}.private-reel h1{font-size:58px}.private-reel-note{margin:12px 0 16px;font-size:18px}}

.private-reel .motion-period,.private-reel .motion-slash{color:var(--brand-green,#59ee79)}
.private-reel-request > span{transition:color .18s ease}
.private-reel-request:hover > span,.private-reel-request:focus-visible > span{color:var(--brand-green,#59ee79)}

.motion-page .reader-toolbar{background:transparent;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}

.motion-page{--motion-header-height:80px;padding-top:var(--motion-header-height)}
.motion-page .reader-toolbar{position:fixed;inset:0 0 auto;z-index:20;min-height:var(--motion-header-height)}
@media(max-height:600px) and (orientation:landscape){.motion-page{--motion-header-height:56px}}

.private-reel-request{transition:color .18s ease}
.private-reel-request:hover,.private-reel-request:focus-visible{color:var(--brand-green,#59ee79)}

.private-reel .motion-period{color:var(--brand-red,#ff493d)}