.studio-documentary{color:var(--paper-bright);background:radial-gradient(circle at 84% 14%, #31ff7114, transparent 27rem), var(--ink-deep);padding-block:clamp(78px,9vw,138px);scroll-margin-top:100px}.studio-documentary__intro{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end;gap:clamp(44px,8vw,120px);margin-bottom:clamp(44px,6vw,78px);display:grid}.studio-documentary__intro .eyebrow{color:var(--live)}.studio-documentary__intro h2{max-width:940px;font-family:var(--serif);letter-spacing:-.067em;text-wrap:balance;margin:18px 0 0;font-size:clamp(3.1rem,6.7vw,7.5rem);font-weight:440;line-height:.86}.studio-documentary__intro>p{color:#f4f0e79e;max-width:500px;margin:0 0 6px;font-size:.82rem;line-height:1.7}.studio-documentary__canvas{grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);align-items:stretch;gap:14px;display:grid}.studio-documentary figure{margin:0}.studio-documentary__main{border-radius:4px;min-height:clamp(500px,54vw,750px);position:relative;overflow:hidden}.studio-documentary__main:after{content:"";pointer-events:none;background:linear-gradient(#0000,#030a10e0);position:absolute;inset:42% 0 0}.studio-documentary__main img,.studio-documentary__rail figure img{object-fit:cover}.studio-documentary__main img{object-position:center 44%}.studio-documentary__main figcaption{z-index:2;grid-template-columns:auto minmax(0,540px);justify-content:space-between;align-items:end;gap:28px;display:grid;position:absolute;bottom:clamp(20px,3vw,38px);left:clamp(20px,3vw,42px);right:clamp(20px,3vw,42px)}.studio-documentary__main figcaption span{color:var(--live);font-family:var(--serif);font-size:1.05rem}.studio-documentary__main figcaption p{font-family:var(--serif);margin:0;font-size:clamp(1.35rem,2.2vw,2.25rem);line-height:1.08}.studio-documentary__rail{border:1px solid var(--line-dark);background:#102632;border-radius:4px;grid-template-rows:minmax(300px,1fr) auto;display:grid;overflow:hidden}.studio-documentary__rail figure{min-height:340px;position:relative}.studio-documentary__rail figure img{object-position:54% center}.studio-documentary__rail>div{padding:clamp(24px,3vw,38px)}.studio-documentary__rail span{color:var(--live);letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-weight:780}.studio-documentary__rail>div>p{font-family:var(--serif);margin:18px 0 30px;font-size:clamp(1.35rem,2.1vw,2rem);line-height:1.12}.studio-documentary__rail small{border-top:1px solid var(--line-dark);color:#f4f0e766;padding-top:18px;font-size:.55rem;line-height:1.5;display:block}@media (max-width:900px){.studio-documentary__intro,.studio-documentary__canvas{grid-template-columns:1fr}.studio-documentary__intro{align-items:start;gap:30px}.studio-documentary__main{min-height:min(78vw,650px)}.studio-documentary__rail{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr)}}@media (max-width:560px){.studio-documentary{padding-block:74px}.studio-documentary__intro h2{font-size:clamp(3.5rem,17vw,5.4rem)}.studio-documentary__canvas{gap:8px;width:100%;padding-inline:0}.studio-documentary__main{border-radius:0;min-height:510px}.studio-documentary__main img{object-position:44% center}.studio-documentary__main figcaption{grid-template-columns:1fr;gap:10px}.studio-documentary__rail{border-inline:0;border-radius:0;grid-template-columns:1fr}.studio-documentary__rail figure{min-height:330px}}@media (prefers-reduced-motion:reduce){.studio-documentary *,.studio-documentary :before,.studio-documentary :after{transition:none!important;animation:none!important}}