/* Sunday Park / member film works. Scoped to avoid changing existing pages. */
body.sp .sp-project-grid .sp-project-webcm .sp-project-visual{position:relative;display:block;aspect-ratio:16 / 9;height:auto;min-height:0;overflow:hidden;padding:0;background:#090d12;color:#fff;isolation:isolate}
body.sp .sp-project-webcm .sp-project-visual:before,body.sp .sp-project-webcm .sp-project-visual:after{content:none!important}
body.sp .sp-project-webcm .sp-project-visual>img.cm-card-image{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;margin:0;padding:0;object-fit:cover;object-position:50% 50%;display:block}
body.sp .sp-project-webcm .sp-project-tags{color:#329bd5;min-height:0;margin-bottom:12px}
body.sp .sp-project-webcm .sp-project-copy h3{line-height:1.6}
.cm-card-credit{display:block;font-size:12px;color:var(--sp-muted);margin-top:15px}
.g-dark .cm-card-credit{color:#aeb9c3}
.cm-person-works{margin-top:26px;padding-top:20px;border-top:1px solid var(--sp-line)}
.cm-person-works>span{display:block;font-size:11px;letter-spacing:.04em;color:#329bd5;margin-bottom:10px}
.cm-person-works a{display:flex;justify-content:space-between;gap:16px;padding:11px 0;font-size:13px;line-height:1.7;border-bottom:1px solid var(--sp-line)}
.cm-person-works a:hover{color:#329bd5}
body.cm-case{background:#090d12}
.cm-wrap{max-width:1440px;margin-inline:auto;padding-inline:var(--sp-pad)}
.cm-intro{background:#090d12;color:#f6f8fa;padding-top:35px;padding-bottom:40px}
.cm-breadcrumb{display:flex;gap:14px;align-items:center;font-size:11px;color:#a9b8c3;line-height:1.6;margin-bottom:52px}
.cm-breadcrumb a:hover{color:#75ceff}
.cm-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:9%;align-items:end}
.cm-eyebrow{font-size:11px;letter-spacing:.15em;color:#70c9f8;display:block;margin-bottom:25px}
body.sp .cm-title{font-size:clamp(32px,4.2vw,64px);font-weight:400;line-height:1.45;letter-spacing:-.045em}
body.sp .cm-hero-copy{font-size:15px;line-height:2.15;color:#bdc9d2;max-width:30em;padding-bottom:8px}
.cm-meta{display:grid;grid-template-columns:1fr 1fr 1fr;margin:42px 0 0;border-top:1px solid #ffffff30;padding-top:20px;gap:24px}
.cm-meta div{display:flex;align-items:center;gap:20px;font-size:12px;line-height:1.8}
.cm-meta dt{color:#8ea1b1;font-size:10px;letter-spacing:.04em}.cm-meta dd{margin:0}
.cm-meta a{border-bottom:1px solid #647c90}
.cm-screen-section{background:#090d12;color:#fff;padding-bottom:62px}
.cm-player{position:relative;aspect-ratio:16/9;background:#030507;overflow:hidden;border:1px solid #ffffff18}
.cm-player video{width:100%;height:100%;object-fit:contain;display:block}
.cm-play-button{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#fff;background:linear-gradient(0deg,#03070c32,#03070c10);border:0;cursor:pointer;z-index:2;text-shadow:0 1px 8px #0008}
.cm-play-button[hidden]{display:none}
.cm-play-disc{width:90px;height:90px;border:1px solid #ffffffc4;border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(10px);background:#0002;transition:background .3s,transform .4s}
.cm-play-disc svg{width:21px;height:25px;margin-left:5px;fill:#fff}
.cm-play-button:hover .cm-play-disc{transform:scale(1.09);background:#248ecaad}
.cm-play-button>span:last-child{font-size:11px;letter-spacing:.12em}
.cm-player-error{padding:15px;font-size:13px;background:#181f29}
.cm-player-error[hidden]{display:none}
.cm-film-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:18px;color:#aab8c4;font-size:11px;line-height:1.8}
.cm-film-caption a{border-bottom:1px solid #687987;padding-bottom:3px}
.cm-film-caption a:hover{color:#75ceff}
.cm-stills-section{background:#f3f6f7;color:#111923;padding-top:65px;padding-bottom:72px}
.cm-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:30px}
body.sp .cm-section-head h2{font-size:clamp(28px,4vw,50px);letter-spacing:-.04em;font-weight:400}
.cm-section-head>span{font-size:11px;letter-spacing:.08em;color:#6b7a85}
.cm-stills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cm-stills img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0a1018}
.cm-stills figcaption{display:flex;justify-content:space-between;padding-top:12px;font-size:10px;color:#697782;font-variant-numeric:tabular-nums}
.cm-credit-section{background:#e7eff3;color:#15232e;padding-top:62px;padding-bottom:64px}
.cm-credit-layout{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.6fr);gap:12%;align-items:center}
.cm-credit-heading small{font-size:11px;color:#527b94;letter-spacing:.12em}
body.sp .cm-credit-heading h2{font-size:clamp(22px,2.6vw,36px);line-height:1.7;margin-top:18px}
.cm-creator{display:grid;grid-template-columns:150px minmax(0,1fr);gap:30px;align-items:center}
.cm-creator img{width:150px;height:150px;object-fit:contain}
body.sp .cm-creator h3{font-size:35px;color:#168bc5;line-height:1.2;letter-spacing:-.035em}
body.sp .cm-creator p{font-size:12px;line-height:1.9;margin-top:13px}
.cm-creator .sp-text-link{font-size:12px;margin-top:10px;padding-bottom:7px;gap:30px}
body.sp .cm-credit-note{font-size:11px;line-height:1.9;color:#647985;margin-top:35px;border-top:1px solid #bfcdd5;padding-top:17px}
.cm-next-section{background:#090d12;color:#edf5fa;padding-top:55px;padding-bottom:55px}
.cm-next{display:grid;grid-template-columns:1fr 220px 36px;gap:42px;align-items:center}
.cm-next small{font-size:10px;letter-spacing:.12em;color:#8db8d2;display:block;margin-bottom:15px}
.cm-next strong{font-size:clamp(24px,3vw,42px);font-weight:400;line-height:1.6}
.cm-next img{width:220px;aspect-ratio:16/9;object-fit:contain;transition:opacity .3s}
.cm-next>span{font-size:32px;transition:transform .3s}
.cm-next:hover>span{transform:translate(5px,-5px)}
.cm-next:hover img{opacity:.8}
.cm-reveal{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.cm-reveal.is-pending{opacity:0;transform:translateY(22px)}
@media(min-width:1600px){.cm-wrap{padding-inline:60px}}
@media(max-width:900px){.cm-hero-grid{grid-template-columns:1fr;gap:28px}.cm-breadcrumb{margin-bottom:35px}.cm-hero-copy{max-width:42em!important}.cm-meta{margin-top:30px}.cm-meta div{display:block}.cm-meta dt{margin-bottom:7px}.cm-credit-layout{gap:30px;grid-template-columns:1fr 1.4fr}.cm-creator{grid-template-columns:110px 1fr;gap:20px}.cm-creator img{width:110px;height:110px}.cm-next{grid-template-columns:1fr 180px 28px;gap:26px}.cm-next img{width:180px}}
@media(max-width:600px){.cm-wrap{padding-inline:22px}.cm-intro{padding-top:25px;padding-bottom:25px}.cm-breadcrumb{font-size:10px;margin-bottom:29px}.cm-eyebrow{font-size:10px;margin-bottom:20px}.cm-title{font-size:32px!important;letter-spacing:-.04em!important}.cm-hero-grid{gap:23px}.cm-hero-copy{font-size:13px!important;line-height:2!important}.cm-meta{gap:15px;margin-top:25px;padding-top:16px;grid-template-columns:1.2fr 1fr .7fr}.cm-meta div{font-size:11px}.cm-meta dt{font-size:9px}.cm-screen-section{padding-bottom:32px}.cm-screen-section>.cm-wrap{padding-inline:12px}.cm-play-disc{width:60px;height:60px}.cm-play-disc svg{width:15px;height:18px}.cm-play-button{gap:11px}.cm-play-button>span:last-child{font-size:10px}.cm-film-caption{padding:14px 10px 0;font-size:10px;gap:15px}.cm-stills-section{padding-top:36px;padding-bottom:38px}.cm-section-head{margin-bottom:20px}.cm-section-head>span{font-size:9px}.cm-stills{grid-template-columns:1fr;gap:25px}.cm-stills figcaption{padding-top:8px}.cm-credit-section{padding-block:36px}.cm-credit-layout{grid-template-columns:1fr;gap:28px}.cm-credit-heading h2{margin-top:12px!important;font-size:24px!important}.cm-creator{grid-template-columns:100px 1fr;gap:22px}.cm-creator img{width:100px;height:100px}.cm-creator h3{font-size:28px!important}.cm-creator p{font-size:11px!important}.cm-credit-note{margin-top:26px!important;font-size:10px!important}.cm-next-section{padding-block:34px}.cm-next{grid-template-columns:1fr 100px 16px;gap:14px}.cm-next small{font-size:9px;margin-bottom:8px}.cm-next strong{font-size:20px}.cm-next img{width:100px}.cm-next>span{font-size:22px}}
@media(prefers-reduced-motion:reduce){.cm-reveal.is-pending{opacity:1;transform:none}.cm-reveal,.cm-play-disc,.cm-next img,.cm-next>span{transition:none!important;transform:none!important}}

body.sp .cm-title .cm-title-details{display:block;font-size:clamp(15px,1.5vw,20px);font-weight:400;line-height:1.8;letter-spacing:.02em;color:#9fcee7;margin-top:20px}
body.sp .sp-project-webcm .cm-title-details{display:block;font-size:13px;font-weight:400;line-height:1.8;letter-spacing:0;margin-top:7px}

/* Keep all three selected works aligned on the homepage. */
body.sp #works .sp-project-grid .sp-project-conc .sp-project-visual{aspect-ratio:16 / 9}