/* Videos are a journal of places and everyday life, with honest media states. */
.document-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.document-layout>h2{grid-column:1/7}
.document-intro{grid-column:8/-1;padding-top:4px}
.document-intro p{max-width:38ch}
.document-intro .lead{margin-top:0}
.film-journal{grid-column:1/-1;margin-top:32px}
.film-entry{display:grid;grid-template-columns:minmax(180px,.7fr) 1fr;gap:48px;padding:26px 0;border-top:1px solid color-mix(in srgb,currentColor 28%,transparent)}
.film-entry h3{font:600 26px/1.2 "DM Sans",sans-serif;letter-spacing:-.02em}
.film-entry p{font-size:16px;line-height:1.65;max-width:57ch;margin:0}
.journal-caption{font-size:14px;margin:16px 0 0;color:color-mix(in srgb,currentColor 82%,#b8cbd5)}

.interest-opening{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-bottom:44px}
.interest-opening h2{grid-column:1/7;margin-bottom:0}
.interest-intro{grid-column:8/-1;padding-top:4px}
.interest-intro p{font-size:18px;line-height:1.6;max-width:35ch;margin:0 0 24px}
.creative-entry{display:inline-flex;align-items:center;gap:12px;max-width:100%;font-size:15px;line-height:1.5}
.creative-entry svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.interest-topic{border-top:1px solid color-mix(in srgb,currentColor 30%,transparent)}
.interest-topic:last-child{border-bottom:1px solid color-mix(in srgb,currentColor 30%,transparent)}
.interest-topic summary{display:grid;grid-template-columns:minmax(180px,.7fr) 1fr 24px;align-items:center;gap:24px;min-height:92px;padding:22px 0;list-style:none;cursor:pointer}
.interest-topic summary::-webkit-details-marker{display:none}
.interest-topic .topic-title{font:600 32px/1.2 "DM Sans",sans-serif;letter-spacing:-.02em}
.interest-topic .hint{font-size:15px;line-height:1.5;color:color-mix(in srgb,#faf7f0 85%,#174e45)}
.interest-topic summary svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;transform-origin:center;transition:transform 240ms ease-out}
.interest-topic[open] summary svg{transform:rotate(45deg)}
.interest-topic .topic-body{display:grid;grid-template-columns:minmax(180px,.7fr) 1fr;gap:48px;padding:4px 0 30px;font-size:16px;line-height:1.65}
.interest-topic .topic-body p{margin:0 0 18px;max-width:58ch}
.interest-topic .topic-body .topic-related{border:0;padding:0;font-size:15px;color:color-mix(in srgb,#faf7f0 88%,#174e45)}
.interest-topic .topic-body .topic-related p{margin:18px 0 0}
.interest-topic .topic-body a{display:inline;padding:0;border:0;font:inherit;text-decoration:underline;text-underline-offset:4px;color:inherit}
.interest-topic summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@supports (interpolate-size:allow-keywords){
 .interest-topic{interpolate-size:allow-keywords}
 .interest-topic::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size 280ms ease-out,opacity 180ms ease-out,content-visibility 280ms allow-discrete}
 .interest-topic[open]::details-content{block-size:auto;opacity:1}
}
@media(max-width:650px){
 .document-layout,.interest-opening{grid-template-columns:1fr;gap:28px}
 .document-layout>h2,.document-intro,.film-journal,.interest-opening h2,.interest-intro{grid-column:1}
 .film-journal{margin-top:6px}
 .film-entry{grid-template-columns:1fr;gap:12px;padding-block:24px}
 .film-entry h3{font-size:24px}
 .interest-opening{margin-bottom:30px}
 .interest-intro p{font-size:17px}
 .interest-topic summary{grid-template-columns:1fr 24px;gap:10px 16px;padding-block:20px;min-height:92px}
 .interest-topic .topic-title{font-size:29px;grid-column:1;grid-row:1}
 .interest-topic summary svg{grid-column:2;grid-row:1}
 .interest-topic .hint{grid-column:1/-1;grid-row:2;font-size:14px}
 .interest-topic .topic-body{grid-template-columns:1fr;gap:12px;padding-bottom:22px}
}
@media(prefers-reduced-motion:reduce){.interest-topic summary svg,.interest-topic::details-content{transition:none}}