:root{--about-lilac:#c8c2ff;--about-blue:#314cff}
.about-main{background:var(--paper)}
.about-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);min-height:520px;border-bottom:1px solid #111}
.about-hero-copy{display:flex;flex-direction:column;justify-content:space-between;padding:3.5rem 2.2vw;background:var(--about-lilac);border-right:1px solid #111}
.about-kicker{margin:0;font-size:.72rem;font-weight:900;letter-spacing:.13em}
.about-hero h1{margin:3rem 0 1.5rem;max-width:900px;font-size:clamp(4.2rem,8.5vw,9rem);line-height:.82;letter-spacing:-.08em}
.about-lead{max-width:820px;margin:0;font-size:clamp(1.15rem,2vw,1.8rem);line-height:1.45}
.about-hero-aside{display:flex;flex-direction:column;justify-content:flex-end;padding:3rem 2.2vw;color:#fff;background:#111}
.about-hero-aside p{max-width:480px;margin:.7rem 0;font-size:1.05rem}
.about-film{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,2.3fr);gap:3rem;padding:6rem 2.2vw;color:#fff;background:#111;border-bottom:1px solid #444}
.about-film-copy h2{margin:0 0 1rem;font-size:clamp(2.6rem,5vw,6rem);line-height:.9;letter-spacing:-.06em}
.about-film-copy p{max-width:720px;margin:0 0 1.5rem;color:#c7c7c7;font-size:1.05rem}
.about-film-copy .about-film-credit{margin-bottom:.7rem;color:var(--acid);font-weight:900}
.about-film-copy a{display:inline-block;padding-bottom:.25rem;color:#fff;font-weight:900;text-decoration:none;border-bottom:2px solid var(--acid)}
.about-film-frame{position:relative;overflow:hidden;width:100%;margin-top:2rem;aspect-ratio:16/9;background:#202020;border:1px solid #555}
.about-film-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.about-film-stills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:1px;background:#555}
.about-film-stills figure{margin:0;overflow:hidden;aspect-ratio:16/9;background:#111}
.about-film-stills img{width:100%;height:100%;object-fit:cover}
.about-section{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,2.3fr);gap:3rem;padding:6rem 2.2vw;border-bottom:1px solid #111}
.about-section-label{margin:0;font-size:.72rem;font-weight:900;letter-spacing:.12em}
.about-section h2{margin:0 0 2rem;font-size:clamp(2.6rem,5vw,6rem);line-height:.9;letter-spacing:-.06em}
.about-section p{max-width:900px;font-size:1.15rem;line-height:1.7}
.about-thanks{color:#111;background:#f2efe7}
.about-thanks h2{color:#111}
.about-thanks .thanks-intro{max-width:980px;margin-bottom:3rem;color:#333}
.thanks-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.8rem}
.thanks-wall span{display:flex;align-items:flex-end;min-height:92px;padding:1rem;background:#fff;border:1px solid #111;box-shadow:3px 3px 0 #111;font-size:clamp(1.1rem,1.65vw,1.75rem);font-weight:850;line-height:1.08;letter-spacing:-.035em;transform:rotate(-.35deg)}
.thanks-wall .thanks-wide{grid-column:span 2}
.thanks-wall span:nth-child(3n+2){background:var(--about-lilac);transform:rotate(.4deg)}
.thanks-wall span:nth-child(5n+1){background:#ffd6c8;transform:rotate(.2deg)}
.thanks-wall span:nth-child(7n){background:#d9efc4;transform:rotate(-.5deg)}
.thanks-wall span:nth-child(5n){background:#fff1ab}
.thanks-wall .thanks-growing{grid-column:span 2;color:#111;background:var(--acid);transform:rotate(.35deg)}
.about-thanks .thanks-note{margin:2rem 0 0;color:#555;font-size:.9rem}
.thanks-main .about-hero{grid-template-columns:1fr;min-height:390px}
.thanks-main .about-hero-copy{border-right:0}
.thanks-main .about-hero-copy{padding-top:2.5rem;padding-bottom:2.5rem}
.thanks-main .about-hero h1{margin:2rem 0 1rem;font-size:clamp(4rem,8vw,8rem)}
.thanks-main .about-thanks{border-bottom:1px solid #111}
.about-essay{color:#fff;background:#111;border-bottom-color:#444}
.about-essay h2{max-width:980px;margin-bottom:1rem;color:#fff}
.about-essay .about-essay-meta{margin:0 0 1.2rem;color:var(--acid);font-size:.72rem;font-weight:900;letter-spacing:.08em}
.about-essay .about-essay-subtitle{max-width:900px;margin:0 0 2rem;color:var(--about-lilac);font-size:clamp(1.25rem,2.2vw,2rem);font-weight:800;line-height:1.3}
.about-essay p{color:#d8d8d8}
.about-essay a{display:inline-block;margin-top:1rem;padding:.75rem 1rem;color:#111;background:var(--acid);font-weight:900;text-decoration:none;border:1px solid var(--acid)}
.about-essay a:hover{color:#fff;background:transparent}
.about-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #111;border-left:1px solid #111}
.about-links a{min-height:190px;padding:1.5rem;text-decoration:none;border-right:1px solid #111;border-bottom:1px solid #111}
.about-links a:hover{background:var(--acid)}
.about-links span{font-size:.7rem;font-weight:900;letter-spacing:.1em}
.about-links strong{display:block;margin-top:3rem;font-size:1.7rem}
.media-main .about-hero{min-height:320px}
.media-main .about-hero-copy{justify-content:flex-start;gap:2.5rem;padding-top:2.5rem;padding-bottom:2.5rem}
.media-main .about-hero h1{margin:0 0 .8rem;font-size:clamp(3.8rem,7vw,7rem)}
.media-main .about-hero-aside{justify-content:center}
.media-intro{padding:4rem 2.2vw;border-bottom:1px solid #111}
.media-intro p{max-width:850px;margin:0;font-size:clamp(1.2rem,2.2vw,2rem);line-height:1.5}
.media-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:3rem;border-top:1px solid #111;border-left:1px solid #111}
.media-summary div{min-height:120px;padding:1rem;border-right:1px solid #111;border-bottom:1px solid #111}
.media-summary b{display:block;font-size:1.5rem}
.media-summary span{display:block;margin-top:2rem;font-size:.72rem;font-weight:800}
.media-list{padding:2rem 2.2vw 7rem}
.media-year{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,2.35fr);gap:2rem;padding:4rem 0 0;border-top:4px solid #111}
.media-year+ .media-year{margin-top:5rem}
.media-year>h2{position:sticky;top:100px;align-self:start;margin:0;font-size:clamp(3.5rem,7vw,8rem);line-height:.8;letter-spacing:-.07em}
.media-items{border-left:1px solid #111}
.media-item{display:grid;grid-template-columns:minmax(145px,.75fr) minmax(0,2.1fr) auto;gap:1.5rem;align-items:center;min-height:120px;padding:1.25rem;text-decoration:none;border-right:1px solid #111;border-bottom:1px solid #111}
.media-item:first-child{border-top:1px solid #111}
.media-item:hover{background:var(--acid)}
.media-item h3{margin:0;font-size:clamp(1.2rem,2vw,2rem);line-height:1.15;letter-spacing:-.025em}
.media-item>b,.media-item>em{font-size:.72rem;white-space:nowrap}
.media-item>em{color:#666;font-style:normal}
.media-meta{display:grid;gap:.45rem;font-size:.84rem}
.media-meta time{font-weight:900}
.media-meta span{line-height:1.3}
.media-item--unlinked:hover{background:transparent}
.media-project-note{padding:2rem;background:#111;color:#fff;border-bottom:1px solid #111}
.media-project-note>p{margin:0;color:var(--acid);font-size:.72rem;font-weight:900;letter-spacing:.1em}
.media-project-note h3{margin:.5rem 0 2rem;font-size:clamp(2rem,4vw,4.5rem);line-height:.92;letter-spacing:-.05em}
.media-outlets{display:flex;flex-wrap:wrap;gap:.5rem}
.media-outlets span{padding:.42rem .65rem;border:1px solid #666;font-size:.72rem}
.media-empty{display:grid;grid-template-columns:1fr 2fr;gap:2rem;padding:3rem 0;border-top:4px solid #111;border-bottom:1px solid #111}
.media-empty span{font-size:.72rem;font-weight:900;letter-spacing:.12em}
.media-empty p{max-width:760px;margin:0;font-size:1.15rem;line-height:1.65}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #111}
.contact-block{min-height:360px;padding:3rem 2.2vw;border-right:1px solid #111}
.contact-block:last-child{border-right:0}
.contact-block h2{margin:0 0 2rem;font-size:clamp(2.5rem,4.5vw,5.5rem);line-height:.9;letter-spacing:-.06em}
.contact-block p{max-width:620px;font-size:1.1rem;line-height:1.65}
.contact-block a{display:inline-block;margin-top:2rem;padding-bottom:.35rem;font-size:1.25rem;font-weight:900;text-decoration:none;border-bottom:3px solid #111}
@media(max-width:800px){.about-hero,.about-film,.about-section,.contact-grid{grid-template-columns:1fr}.about-hero-copy{border-right:0;border-bottom:1px solid #111}.about-hero-aside{min-height:300px}.about-links{grid-template-columns:1fr}.about-film-stills,.media-summary{grid-template-columns:1fr}.media-year,.media-empty{grid-template-columns:1fr}.media-year>h2{position:static}.media-item{grid-template-columns:1fr}.media-item>b,.media-item>em{white-space:normal}.contact-block{border-right:0;border-bottom:1px solid #111}.thanks-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.thanks-wall span{grid-column:span 1;min-height:86px}.thanks-wall .thanks-wide,.thanks-wall .thanks-growing{grid-column:1/-1}}
@media(max-width:800px){.media-main .about-hero-aside{min-height:0;padding-top:2rem;padding-bottom:2rem}}
