/* Zawaya's journal: still images, films and moments, using the existing palette. */
.media-intro{padding-top:46px;padding-bottom:50px}
.media-intro .section-kicker{margin-bottom:36px}
.media-intro-grid{display:grid;grid-template-columns:.85fr 1.3fr;gap:6vw;align-items:center}
.media-intro-copy h1{font-size:clamp(2.1rem,3.6vw,3.7rem);line-height:1.5;font-weight:400;margin-bottom:26px}
.media-intro-copy>p{font-size:clamp(1rem,1.3vw,1.2rem);color:var(--muted);line-height:2;max-width:39ch;margin-bottom:28px}
.media-intro-index{display:flex;gap:22px;align-items:center;margin-top:45px;font-size:.875rem;color:var(--muted)}
.media-intro-index span+span{border-inline-start:1px solid var(--line);padding-inline-start:22px}
.media-featured{position:relative;margin:0;padding-bottom:18px}
.media-featured>a{display:block;overflow:hidden;border-radius:4px 48px 4px 4px}
.media-featured img{width:100%;height:clamp(310px,32vw,490px);object-fit:cover;transition:transform .65s var(--ease)}
.media-featured>a:hover img{transform:scale(1.02)}
.media-featured figcaption{display:flex;justify-content:space-between;gap:20px;font-size:.8125rem;padding-block:17px;border-bottom:1px solid var(--line);color:var(--muted)}
.media-featured figcaption>span:last-child{font:11px var(--body-font);letter-spacing:.1em;align-self:center;white-space:nowrap}
.media-navigation-wrap{padding-inline:var(--gutter)}
.media-tabs{display:flex;gap:12px;border-block:1px solid var(--line);padding-block:16px;flex-wrap:wrap}
.media-tabs>a{display:flex;gap:18px;align-items:center;min-height:52px;padding:13px 25px;font-size:1rem;border:1px solid transparent;border-radius:10px;transition:background .2s}
.media-tabs>a>span{font:12px var(--body-font);color:#745c2b}
.media-tabs>a:hover{background:#e7e0d0}
.media-tabs>a[aria-current]{background:var(--dark);color:var(--paper)}
.media-tabs>a[aria-current]>span{color:var(--gold-light)}
.media-collection h2,.media-cinema h2,.media-events h2{font-size:clamp(1.8rem,2.7vw,2.8rem);line-height:1.6}
.media-count{font:13px var(--body-font);border:1px solid currentColor;border-radius:50%;width:32px;height:32px;display:inline-grid;place-items:center}
.media-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;align-items:start}
.media-photo{margin:0;min-width:0}
.media-photo-link{position:relative;display:block;overflow:hidden;aspect-ratio:1.45;border-radius:16px;background:#e1dccf}
.media-photo-link img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.media-photo-link:hover img{transform:scale(1.025)}
.media-photo:nth-child(4n+2){padding-top:54px}
.media-photo:nth-child(4n+2) .media-photo-link{aspect-ratio:1.2}
.media-photo:nth-child(4n+3) .media-photo-link{aspect-ratio:1.25}
.media-expand{position:absolute;inset-inline-end:20px;bottom:20px;background:var(--paper);color:var(--ink);border-radius:50%;display:grid;place-items:center;width:46px;height:46px;font:25px var(--body-font)}
.media-photo figcaption{display:flex;justify-content:space-between;align-items:start;gap:15px;padding-block:18px;font-size:1rem;line-height:1.75;border-bottom:1px solid var(--line)}
.media-photo figcaption>a{font-size:.8125rem;color:var(--muted);white-space:nowrap;min-height:32px}
.media-cinema{background:var(--dark);color:var(--paper)}
.media-cinema .section-kicker{border-color:#ffffff30}
.media-cinema h2>span{color:#c9c3b2}
.media-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.media-video-card{min-width:0}
.media-video-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:1.8fr 1fr;gap:4vw;align-items:center}
.media-video-link{position:relative;display:block;aspect-ratio:16/9;background:#30382b;border-radius:16px;overflow:hidden}
.media-video-link img{width:100%;height:100%;object-fit:cover;filter:brightness(.72);transition:transform .6s var(--ease),filter .4s}
.media-video-link:hover img{transform:scale(1.025);filter:brightness(.85)}
.media-play{position:absolute;inset:0;margin:auto;display:grid;place-items:center;width:76px;height:76px;border:1px solid #f4f1e899;border-radius:50%;color:white;background:#20251f70}
.media-play svg{width:34px;height:34px}
.media-play-label{position:absolute;inset-inline:24px;bottom:18px;display:flex;justify-content:space-between;color:#fff;font-size:.875rem}
.media-video-copy{padding-top:22px}
.media-video-card:only-child .media-video-copy{padding-top:0}
.media-video-copy>.eyebrow{color:#745c2b;margin-bottom:15px;font-size:.875rem}
.media-video-copy h3{font-size:clamp(1.3rem,1.8vw,1.8rem);line-height:1.7;margin-bottom:14px}
.media-video-copy p{font-size:1rem;line-height:1.95;color:var(--muted);max-width:50ch}
.media-cinema .media-video-copy>.eyebrow{color:var(--gold-light)}
.media-cinema .media-video-copy p{color:#c9cfc3}
.media-empty{grid-column:1/-1;text-align:center;width:100%;padding:50px!important}
.media-empty .info-panel__icon{margin-inline:auto}
.media-empty>p{margin-inline:auto;max-width:52ch}
.media-empty .text-link{justify-content:center}
.media-page-heading{padding-bottom:38px}
.media-page-heading h1{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.6;max-width:27ch}
.media-page-heading .page-subtitle{max-width:65ch;font-size:1.125rem;line-height:1.95}
.media-listing{padding-top:35px}
.media-filter{display:flex;align-items:end;gap:18px;margin-bottom:36px;flex-wrap:wrap;padding:24px;background:var(--white);border:1px solid var(--line);border-radius:16px}
.media-filter>div{display:grid;gap:10px;min-width:240px}
.media-filter label{font-size:.875rem}
.media-filter select{font:inherit;font-size:1rem;color:var(--ink);background:var(--paper);border:1px solid #9a9d90;border-radius:6px;min-height:48px;padding:8px 14px;max-width:100%}
.media-filter button{font:inherit;font-size:1rem;min-height:48px;background:var(--dark);color:var(--white);padding:8px 28px;border:0;border-radius:6px;cursor:pointer}
.media-filter>a{font-size:.875rem;min-height:48px;display:flex;align-items:center;text-decoration:underline}
.media-filter>p{margin-inline-start:auto;align-self:center;font-size:.875rem;color:var(--muted)}
.media-filter>p>span{font:18px var(--body-font);margin-inline-end:6px;color:var(--ink)}
.media-editorial-note{font-size:.875rem;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;margin-top:38px}
.media-pagination{display:flex;justify-content:center;gap:24px;align-items:center;margin-top:40px;font-size:1rem}
.media-pagination>a{min-height:46px;padding:12px 18px;border:1px solid var(--line);border-radius:8px}
.media-detail{padding-top:35px}
.media-player{background:#161d18;border-radius:18px;overflow:hidden}
.media-player video{display:block;width:100%;height:auto;aspect-ratio:var(--media-ratio,16/9);max-height:76svh;object-fit:contain}
.media-detail-copy{margin:30px auto 0;max-width:1000px}
.media-detail-copy>p{max-width:none}
.media-detail-copy .media-credit{font-size:.875rem;margin-top:22px;border-top:1px solid var(--line);padding-top:20px}
.media-full-photo{margin:0}
.media-full-photo img{max-height:85svh;width:100%;height:auto;object-fit:contain;background:#e7e0d0;border-radius:16px}
.media-full-photo figcaption{font-size:.875rem;margin-top:15px;color:var(--muted)}
.media-related-links{display:flex;gap:20px;flex-wrap:wrap}
.media-transcript{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}
.media-transcript summary{cursor:pointer;font-size:1rem;padding-block:8px}
.media-transcript div{padding-top:15px;font-size:1rem;line-height:2}
.media-event-list{display:grid;gap:24px}
.media-event-card{border:1px solid var(--line);border-radius:18px;background:var(--white);overflow:hidden}
.media-event-card>a{display:block}
.media-event-card img{width:100%;height:310px;object-fit:cover}
.media-event-body{display:grid;grid-template-columns:100px 1fr;gap:30px;padding:32px}
.media-event-date{border-inline-end:1px solid var(--line);display:flex;flex-direction:column;gap:12px;padding-inline-end:20px;text-align:center}
.media-event-date>span{font:46px/1.1 var(--body-font);color:#745c2b}
.media-event-date time{font-size:.875rem}
.media-status{font-size:.8125rem;display:inline-block;padding:4px 12px;border:1px solid #b2b8a8;border-radius:30px;color:#414e36;background:#e8ecdf;margin-bottom:16px}
.media-status.is-cancelled{color:#7a3925;background:#f5e7dc;border-color:#cfac9a}
.media-event-card h3{font-size:clamp(1.3rem,1.8vw,1.8rem);margin-bottom:14px}
.media-event-card p{font-size:1rem;line-height:1.95;color:var(--muted);max-width:75ch;margin-bottom:16px}
.media-event-location{display:block;font-size:.875rem;color:var(--muted)}
.media-event-card .text-link{margin-top:20px}
.media-periods{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:32px}
.media-periods>a{padding:12px 22px;font-size:1rem;border:1px solid var(--line);border-radius:8px;min-height:48px}
.media-periods>a[aria-current]{color:var(--paper);background:var(--dark)}
.media-event-detail{padding-top:30px}
.media-event-cover{height:clamp(220px,40vw,580px);width:100%;object-fit:cover;border-radius:18px;margin-bottom:30px}
.media-event-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start}
.media-prose p{font-size:1rem;line-height:2;color:var(--muted);margin-bottom:20px}
.media-event-layout dl{display:grid;gap:10px;font-size:1rem}
.media-event-layout dt{font-size:.8125rem;color:#565c4f;margin-top:12px}
.media-event-layout dd{margin:0}
.media-event-layout .media-timezone{font-size:.8125rem;margin-block:18px}
.media-event-layout .button-solid{font-size:.9375rem}
.media-event-detail+.media-collection .media-video-grid{margin-top:40px}
.media-home{background:#303b2f;color:var(--paper)}
.media-home .section-kicker{border-color:#ffffff30}
.media-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.media-home h2{font-size:clamp(1.8rem,2.8vw,2.8rem);line-height:1.6;margin-bottom:20px}
.media-home h2>span{color:#cfc9b7}
.media-home p{font-size:1rem;color:#d0d5c8;line-height:1.95;max-width:48ch;margin-bottom:20px}
.media-home-links{display:grid;gap:12px}
.media-home-links>a{display:flex;gap:22px;align-items:center;padding:24px;border:1px solid #606b56;border-radius:16px;transition:background .25s}
.media-home-links>a:hover{background:#ffffff08}
.media-home-links svg{color:var(--gold-light);flex:none}
.media-home-links>a>span:first-of-type{font-size:1.25rem}
.media-home-links small{display:block;font-size:.875rem;color:#d0d5c8;margin-top:6px}
.media-home-links>a>span:last-child{margin-inline-start:auto;font:24px var(--body-font)}
.media-center-page main :is(a,button,select,summary):focus-visible,.media-home a:focus-visible{outline:2px solid #927230;outline-offset:5px}
@media(min-width:1800px){.media-intro,.media-navigation-wrap,.media-collection,.media-events,.media-listing,.media-detail,.media-event-detail{max-width:1800px;margin-inline:auto}}
@media(max-width:1000px){.media-intro-grid{gap:4vw;grid-template-columns:1fr 1.1fr}.media-intro-copy h1{font-size:2.5rem}.media-intro-index{margin-top:25px}.media-tabs>a{padding-inline:18px}.media-video-card:only-child{grid-template-columns:1.5fr 1fr}.media-event-layout{grid-template-columns:1.2fr 1fr}.media-home-grid{gap:5vw}.media-photo figcaption{flex-direction:column;gap:8px}}
@media(max-width:760px){.media-intro{padding-top:28px}.media-intro-grid{grid-template-columns:1fr;gap:32px}.media-intro-copy h1{font-size:2.35rem;margin-bottom:20px}.media-intro-copy>p{max-width:44ch}.media-intro-index{margin-top:28px}.media-featured img{height:340px}.media-featured>a{border-top-right-radius:32px}.media-featured figcaption{font-size:.8125rem;gap:12px}.media-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-block:12px}.media-tabs>a{font-size:.9375rem;padding:12px 14px;min-height:50px;gap:12px}.media-tabs>a>span{font-size:10px}.media-photo-grid,.media-video-grid{grid-template-columns:1fr;gap:30px}.media-photo:nth-child(4n+2){padding-top:0}.media-photo-link,.media-photo:nth-child(4n+2) .media-photo-link,.media-photo:nth-child(4n+3) .media-photo-link{aspect-ratio:1.25}.media-photo figcaption{font-size:1rem;flex-direction:row;gap:12px}.media-photo figcaption>a{white-space:normal;text-align:end;flex:0 0 32%}.media-video-card:only-child{display:block}.media-video-card:only-child .media-video-copy{padding-top:22px}.media-video-grid{gap:30px}.media-page-heading .page-subtitle{font-size:1rem}.media-empty{padding:32px 24px!important}.media-empty h2{font-size:1.5rem}.media-filter{padding:20px;gap:14px}.media-filter>div{min-width:0;width:100%}.media-filter>p{margin-inline-start:auto}.media-filter button{padding-inline:22px}.media-page-heading h1{font-size:2rem}.media-event-layout{grid-template-columns:1fr}.media-event-body{padding:24px;gap:18px;grid-template-columns:64px 1fr}.media-event-date{padding-inline-end:16px}.media-event-date>span{font-size:36px}.media-event-date time{font-size:.8125rem}.media-event-card img{height:230px}.media-periods{gap:8px}.media-periods>a{font-size:.875rem;padding-inline:14px}.media-pagination{gap:12px;font-size:.8755rem}.media-pagination>a{padding-inline:14px}.media-home-grid{grid-template-columns:1fr;gap:32px}.media-home-links>a{padding:22px}.media-intro .section-kicker{margin-bottom:24px}.media-intro .section-kicker .latin{font-size:.625rem}.media-play{width:62px;height:62px}}
@media(prefers-reduced-motion:reduce){.media-featured>a:hover img,.media-photo-link:hover img,.media-video-link:hover img{transform:none}}
