/* Video phone and client-specific copy; no generic context paragraph. */
[data-video-only] .reels-stage{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:5%;grid-template-rows:minmax(0,1fr);row-gap:12px}
.reel-phone{position:relative;z-index:1;grid-column:2;grid-row:1;justify-self:center;align-self:center;width:min(36svh,calc((var(--reels-stage-height,calc(100svh - 90px)) - 58px)*.5625),315px);max-width:100%;aspect-ratio:9/16;transform:translateY(var(--reel-lift,0px)) rotate(var(--reel-turn,-1.5deg)) scale(var(--reel-scale,1));transform-origin:50% 55%;transition:translate 1150ms cubic-bezier(.16,1,.3,1),opacity 700ms ease}
.reels-story-ready .reel-phone{translate:min(38vw,440px) 0;opacity:0}
.reels-story-ready.is-reel-entered .reel-phone{translate:0 0;opacity:1}
[data-video-only] .reel-phone .reel-card{display:block;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;transform:none;translate:0 0;opacity:1;transition:none;will-change:auto}
[data-video-only] .reel-context{display:block;grid-column:1;grid-row:1;align-self:center;min-width:0}
[data-video-only] .reel-details{display:block;grid-column:3;grid-row:1;align-self:center;justify-self:start;margin:0;padding:0;width:100%;max-width:320px;min-width:0}
[data-video-only] .reel-details h3{margin:0 0 16px;min-height:0}
.reel-description-stack,.reel-copy-sizer{display:grid}
.reel-description-stack>.reel-description,.reel-description-stack>.reel-copy-sizer,.reel-copy-sizer>p{grid-area:1/1}
.reel-copy-sizer{visibility:hidden;pointer-events:none;user-select:none}
[data-video-only] .reel-details p{margin:0;font:400 clamp(12px,1.05vw,15px)/1.65 Montserrat,Arial,sans-serif;letter-spacing:0;color:var(--white)}
/* Audio is a sibling of the playback button, over the phone, not nested inside it. */
.reel-phone .reel-playback-controls{position:absolute;left:auto;right:17px;top:17px;bottom:auto;translate:none;z-index:5;color:#fff}
.reel-phone .portfolio-icon{width:44px;height:44px;background:#191919;border-radius:50%;color:inherit}
.reel-phone .portfolio-icon:hover{color:inherit;opacity:.8}
.reel-phone .portfolio-icon:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(min-width:761px) and (max-width:1020px){
 [data-video-only] .reels-stage{column-gap:3%}
 .reel-phone{width:min(28vw,36svh,calc((var(--reels-stage-height,calc(100svh - 90px)) - 58px)*.5625),315px)}
 [data-video-only] .reel-details h3{font-size:28px;line-height:1.08;letter-spacing:-.045em}
 [data-video-only] .reel-details p,[data-video-only] .reel-context p{font-size:12px;line-height:1.6}
}
@media(max-width:760px){
 [data-video-only] .reels-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,1fr) auto;gap:12px;padding:14px 0 22px}
 .reel-phone{grid-column:1;grid-row:1;width:auto;height:min(54svh,calc(var(--reels-stage-height,calc(100svh - 90px)) - var(--reel-copy-reserve)),440px);aspect-ratio:9/16}
 [data-video-only] .reel-details{grid-column:1;grid-row:2;justify-self:stretch;align-self:start;max-width:100%;text-align:left}
 [data-video-only] .reel-details h3{font-size:23px;line-height:1.1;margin:0 0 10px}
 [data-video-only] .reel-details p,[data-video-only] .reel-context p{font-size:13px;line-height:1.55}
 [data-video-only] .reel-context{grid-column:1;grid-row:3;max-width:100%;align-self:start;margin:0}
}
@media(prefers-reduced-motion:reduce){.reels-story-ready .reel-phone{translate:none;opacity:1;transform:none;transition:none}}
/* Touch player dimensions are locked to the stable viewport, not its toolbar. */
html[data-mobile-experience=true] .reel-phone{height:var(--mobile-phone-height,calc(var(--mobile-height,100svh)*.46));width:auto;aspect-ratio:9/16;transform:none}
html[data-mobile-experience=true] .reels-story-ready .reel-phone{opacity:1;transition:translate 620ms cubic-bezier(.16,1,.3,1)}
html[data-mobile-experience=true] [data-video-only] .reel-phone .reel-card{transform:none;translate:none}
html[data-mobile-experience=true] .reel-card .reel-preview{opacity:1}
html[data-mobile-experience=true] .reel-tap-hint{position:absolute;z-index:4;inset:0;display:grid;place-content:center;gap:12px;padding:24px;background:#19191999;color:#fff;text-align:center;pointer-events:none;font:500 12px/1.5 Montserrat,Arial,sans-serif}
html[data-mobile-experience=true] .reel-tap-hint::before{content:'▶';font-size:28px}
html[data-mobile-experience=true] .reel-tap-hint[hidden]{display:none}
@media(prefers-reduced-motion:reduce){html[data-mobile-experience=true] .reels-story-ready .reel-phone{transition:none;translate:none}}