/* Meet Kelly: a complete introduction with the video and its CTA kept together. */
.meet-kelly-page .watch-page{max-width:1080px;padding-block:28px 30px}
.meet-kelly-page .watch-layout{display:grid;grid-template-columns:minmax(260px,350px) minmax(0,1fr);grid-template-areas:"video intro" "video value";gap:20px 52px;align-items:start}
.meet-kelly-page .watch-copy{grid-area:intro}
.meet-kelly-page .watch-copy .eyebrow{font-size:15px;letter-spacing:1.7px;margin-bottom:13px}
.meet-kelly-page .watch-copy h1{font:400 clamp(43px,4.5vw,62px)/1.07 var(--serif);letter-spacing:-1.6px;margin:0 0 21px}
.meet-kelly-page .creator-name{display:inline;white-space:nowrap}
.meet-kelly-page .creator-name em{position:relative;isolation:isolate;color:var(--ink);font-weight:400}
.meet-kelly-page .creator-name em::before{content:"";position:absolute;left:-.04em;right:-.06em;bottom:.02em;height:.28em;background:var(--blush);transform:rotate(-2deg);z-index:-1}
.meet-kelly-page .watch-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;margin:0 0 15px;color:var(--ink)}
.meet-kelly-page .watch-copy>p:last-child{margin-bottom:0}
.meet-kelly-page .watch-copy .intro-lead{font-size:18px;line-height:1.65}
.meet-kelly-page .watch-media{grid-area:video;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}
.meet-kelly-page .watch-player{width:100%;max-width:350px;max-height:none;height:auto;aspect-ratio:9/16}
.meet-kelly-page .creator-cta{width:100%;max-width:350px;min-height:48px;text-align:center;display:flex;align-items:center;justify-content:center;padding:13px 16px;font-size:14px;line-height:1.4}
.meet-kelly-page .creator-value{grid-area:value;border-top:1px solid var(--line);padding-top:20px}
.meet-kelly-page .creator-value h2{font:400 27px/1.2 var(--serif);letter-spacing:-.5px;margin:0 0 17px}
.meet-kelly-page .creator-value dl{display:grid;gap:16px;margin:0}
.meet-kelly-page .creator-value dl>div{border-left:3px solid var(--blush);padding-left:15px}
.meet-kelly-page .creator-value dt{font-size:15px;font-weight:700;line-height:1.4;color:var(--ink);margin-bottom:4px}
.meet-kelly-page .creator-value dd{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.meet-kelly-page .related-work{margin-top:32px;padding-top:26px}
.meet-kelly-page .related-work h2{font-size:32px;line-height:1.2;margin:0 0 19px}
.meet-kelly-page .work-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:850px}
.meet-kelly-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}
.meet-kelly-page .work-pills>a:hover,.meet-kelly-page .work-pills>a:focus-visible{background:var(--blush);color:var(--ink)}
.meet-kelly-page .work-pills>a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.meet-kelly-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:900px) and (min-width:761px){.meet-kelly-page .watch-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr);column-gap:30px}.meet-kelly-page .watch-copy h1{font-size:44px}.meet-kelly-page .watch-copy .intro-lead{font-size:17px}}
@media(max-width:760px){.meet-kelly-page .watch-page{padding-block:23px 25px}.meet-kelly-page .watch-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "video" "value";gap:25px}.meet-kelly-page .watch-copy h1{font-size:clamp(40px,9.5vw,54px);letter-spacing:-1.3px;margin-bottom:19px}.meet-kelly-page .watch-copy .eyebrow{font-size:13px;letter-spacing:1.25px}.meet-kelly-page .watch-copy>p:not(.eyebrow){font-size:16px;line-height:1.65}.meet-kelly-page .watch-media{max-width:350px;margin:auto}.meet-kelly-page .creator-value{padding-top:24px}.meet-kelly-page .creator-value h2{font-size:28px}.meet-kelly-page .creator-value dl{gap:19px}.meet-kelly-page .creator-value dd{font-size:15px}.meet-kelly-page .related-work{margin-top:28px;padding-top:25px}.meet-kelly-page .related-work h2{font-size:30px}.meet-kelly-page .work-pills{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.meet-kelly-page .work-pills>a{min-height:48px;padding:10px 7px;font-size:13px}.meet-kelly-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){.meet-kelly-page .work-pills>a{transition:none}}

/* Three matching actions stay with the introduction video on every screen. */
.meet-kelly-page .meet-video-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:350px}
.meet-kelly-page .meet-video-actions .button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:52px;width:100%;padding:10px 8px;font-size:13px;line-height:1.4;text-align:center}
.meet-kelly-page .play-action-icon{display:block;width:12px;height:12px;flex-shrink:0;fill:currentColor}
.meet-kelly-page .video-play-status{font-size:13px;line-height:1.6;color:var(--muted);margin:0;width:100%;max-width:350px}
.meet-kelly-page .video-play-status[hidden]{display:none}

.meet-kelly-page .meet-video-actions .play-video-action{gap:5px}
.meet-kelly-page .play-video-action [data-play-label]{white-space:normal}
@media(max-width:380px){.meet-kelly-page .meet-video-actions .button{font-size:12px;padding:10px 5px}.meet-kelly-page .play-action-icon{width:10px;height:10px}}

/* The cover is an ordinary image until Play is tapped, avoiding native poster overlays. */
.meet-kelly-page .meet-video-cover{display:block;width:100%;max-width:350px;aspect-ratio:9/16;overflow:hidden;border:1px solid var(--gold);border-radius:8px;background:var(--warm);text-decoration:none;line-height:0}
.meet-kelly-page .meet-video-cover img{display:block;width:100%;height:100%;object-fit:contain}
.meet-kelly-page .meet-video-cover[hidden],.meet-kelly-page .watch-player[hidden]{display:none!important}