/* A shared layout for every portfolio video example. */
.portfolio-video-page .watch-page{max-width:1080px;padding-block:28px 30px}
.portfolio-video-page .watch-layout{display:grid;grid-template-columns:minmax(260px,350px) minmax(0,1fr);gap:52px;align-items:center}
.portfolio-video-page .watch-media{width:100%;min-width:0}
.portfolio-video-page .watch-player,.portfolio-video-page .watch-media>.video-launch{width:100%;max-width:350px;max-height:none;height:auto;aspect-ratio:9/16}
.portfolio-video-page .watch-copy .eyebrow{font-size:14px;line-height:1.5;letter-spacing:1.4px;margin-bottom:13px}
.portfolio-video-page .watch-copy h1{font:400 clamp(40px,4.5vw,58px)/1.08 var(--serif);letter-spacing:-1.4px;margin-bottom:20px}
.portfolio-video-page .watch-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;color:var(--muted)}
.portfolio-video-page .video-actions{gap:12px;margin-top:24px;align-items:stretch}
.portfolio-video-page .video-actions .button{min-height:50px;padding:13px 20px;font-size:14px;line-height:1.4;text-align:center}
.portfolio-video-page .play-video-action{min-width:133px}
.portfolio-video-page .watch-copy #youtube-note,.portfolio-video-page .watch-copy .video-play-status{font-size:13px;line-height:1.6;margin-top:17px}
.portfolio-video-page .video-play-status[hidden]{display:none}
.portfolio-video-page .related-work{margin-top:32px;padding-top:26px}
.portfolio-video-page .related-work h2{font-size:32px;line-height:1.2;margin:0 0 19px}
.portfolio-video-page .work-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:850px}
.portfolio-video-page .work-pills>a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:11px 14px;border:1px solid var(--gold);border-radius:999px;background:var(--ink);color:var(--white);font:600 14px/1.4 var(--sans);text-align:center;text-decoration:none;white-space:nowrap;transition:background-color .18s,color .18s}
.portfolio-video-page .work-pills>a:hover,.portfolio-video-page .work-pills>a:focus-visible{background:var(--blush);color:var(--ink)}
.portfolio-video-page .work-pills>a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.portfolio-video-page .portfolio-disclosure{font-size:12px;line-height:1.6;color:var(--muted);margin:27px 0 0;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:1000px) and (min-width:761px){.portfolio-video-page .watch-layout{grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:30px}.portfolio-video-page .video-actions .button{flex:1 1 auto}}
@media(max-width:760px){.portfolio-video-page .watch-page{padding-block:23px 25px}.portfolio-video-page .watch-layout{grid-template-columns:minmax(0,1fr);gap:25px}.portfolio-video-page .watch-copy{grid-row:1}.portfolio-video-page .watch-copy h1{font-size:clamp(38px,9vw,48px)}.portfolio-video-page .watch-media{max-width:350px;margin:auto}.portfolio-video-page .video-actions .button{flex:1 1 auto;min-height:48px;font-size:13px;padding:12px 16px}.portfolio-video-page .related-work{margin-top:28px;padding-top:25px}.portfolio-video-page .related-work h2{font-size:30px}.portfolio-video-page .work-pills{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portfolio-video-page .work-pills>a{padding:10px 7px;font-size:13px}.portfolio-video-page .work-pills>a:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}}
@media(prefers-reduced-motion:reduce){.portfolio-video-page .work-pills>a{transition:none}}

.portfolio-video-page .play-action-icon{display:block;width:12px;height:12px;flex-shrink:0;fill:currentColor}