/* The work leads. Copy stays close to the image it describes. */
.media-page{padding-top:0}
.media-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:min(810px,94svh);padding:180px 7.2vw 96px;margin:0 -7.2vw 70px;overflow:hidden;background:#141820}
.media-hero>.media-hero-image,.media-hero>.ambient-media{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.media-hero-image{object-fit:cover;object-position:center}
.media-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#080a0ef5 0%,#080a0e83 22%,#080a0e0d 65%),linear-gradient(90deg,#080a0e9c,transparent 80%)}
.ambient-media{position:relative;overflow:hidden;background:#141820}
.ambient-media img,.ambient-media video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.ambient-media video{opacity:0;transition:opacity .55s ease;pointer-events:none}
.ambient-media.is-playing video{opacity:1}
.media-hero-copy{max-width:780px;width:100%;position:relative}
.media-hero .eyebrow{font-size:10px;letter-spacing:.1em;line-height:1.7;margin-bottom:20px;color:#e0e5db;text-shadow:0 2px 15px #0008}
.media-hero h1{font-size:clamp(50px,6.4vw,92px);line-height:1.02;letter-spacing:-.06em;font-weight:400;text-wrap:balance}
.media-hero h1 em{color:#e3edc8}
.media-hero--film .media-hero-copy{max-width:1050px}
.media-hero--film h1{font-size:clamp(43px,5.4vw,78px)}
.media-hero-description{font-size:15px;line-height:1.7;color:#e0e4da;max-width:450px;margin-top:22px;text-wrap:pretty}
.media-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px 30px;margin-top:27px}
.media-hero-actions .arrow-link{font-size:12px;border-color:#d9dfc47a;min-height:44px;color:#f0f2e5}
.media-watch{display:inline-flex;align-items:center;gap:14px;min-height:48px;text-align:left;font-size:12px;line-height:1.5;color:#f7f7ec}
.media-play{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;border:1px solid #f4f5df80;background:#080a0e3d;backdrop-filter:blur(8px);font-size:11px;padding-left:2px;transition:background .25s,transform .25s}
.media-watch:hover .media-play{background:#dce9b92b;transform:scale(1.05)}
.media-hero-caption{position:absolute;bottom:29px;left:7.2vw;right:7.2vw;font:9px/1.7 ui-monospace,monospace;color:#bfc5b8;letter-spacing:.03em}
.media-page .film-img img,.journal-thumb img{filter:none}
.media-film-grid{gap:48px 28px}
.media-film-grid .film:nth-child(3n + 2){padding-top:0}
.media-film-grid .film-caption h2{font-size:21px}
.media-page .section-line{margin-top:65px}
.performance-offers{display:grid;gap:72px;margin:70px 0}
.performance-offers>section{display:grid;grid-template-columns:1.35fr 1fr;gap:5vw;align-items:center;scroll-margin-top:110px}
.performance-offers>section:nth-child(even) .offer-media{order:2}
.offer-copy h2,.media-note h2{font-size:clamp(34px,4vw,57px);line-height:1.08;letter-spacing:-.05em;margin-bottom:22px}
.work-type{font:10px/1.6 ui-monospace,monospace;letter-spacing:.06em;color:#b9c6ac;margin-bottom:15px}
.offer-copy>p:not(.work-type),.media-note>div>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#b6beb0;max-width:430px}
.offer-copy .arrow-link,.media-note .arrow-link{margin-top:17px;font-size:12px}
.offer-media .poster-caption{left:20px;bottom:23px;font-size:10px;max-width:65%;text-align:left}
.offer-media .poster .play-icon{width:45px;height:45px;right:20px;bottom:18px;font-size:12px}
.media-note{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;align-items:center;margin:90px 0}
.media-note figure{margin:0}
.media-note-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.media-note figcaption,.profile-stage figcaption{font:9px/1.6 ui-monospace,monospace;color:#9ba694;margin-top:12px}
.media-note .status-note{font-size:11px;line-height:1.7;margin-top:22px}
.media-projects{gap:65px;margin-top:85px}
.media-projects .project-row{display:block}
.media-projects .project-row .film-img{aspect-ratio:16/9}
.media-projects .project-row:nth-child(even){margin-left:16%}
.media-projects .project-row:nth-child(3n){margin-right:16%}
.media-projects .project-copy{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:25px 0 0;align-items:start}
.media-projects .project-copy h2{font-size:clamp(28px,3.5vw,47px);margin:0}
.media-projects .project-copy .work-type{font-size:9px;margin-bottom:10px}
.media-projects .project-copy>p{font-size:13px;line-height:1.8;max-width:440px}
.project-image-action{position:absolute;right:25px;bottom:23px;padding:12px 18px;background:#080a0e72;backdrop-filter:blur(12px);border:1px solid #ffffff4a;font-size:11px;color:#f4f7e9}
.media-enquiry{border-top:1px solid var(--line);padding-top:45px;margin-top:85px}
.media-brand-list{gap:70px;margin-top:80px}
.media-brand-list .brand-work{max-width:none}
.media-brand-list .brand-work:nth-child(2){max-width:83%;margin-left:0}
.media-brand-list .brand-work:nth-child(3){max-width:83%;margin-right:0}
.media-brand-list .brand-work-heading{margin:24px 0 0;align-items:baseline}
.media-brand-list .brand-work-heading h2{font-size:34px}
.media-brand-list .work-caption{padding-top:12px}
.media-brand-list .work-caption h3{font-size:17px;color:#b7bfb0}
.profile-stage{display:grid;grid-template-columns:1.12fr 1fr;gap:6vw;align-items:center;min-height:90svh;padding-top:110px;margin-bottom:70px}
.profile-stage figure{margin:0;min-width:0}
.profile-stage figure img{display:block;width:100%;height:min(690px,75svh);object-fit:cover;object-position:center 35%;view-transition-name:peter-studio}
.profile-copy .eyebrow{font-size:9px;line-height:1.7;margin-bottom:23px}
.profile-copy h1{font-size:clamp(47px,6vw,84px);line-height:1.04;letter-spacing:-.065em;margin-bottom:28px}
.profile-copy p{font-size:14px;line-height:1.8;color:#b5bfb0;margin-top:18px}
.profile-copy .profile-lede{font-size:21px;line-height:1.5;color:#e1e9d7}
.profile-copy .platforms{font-size:11px;gap:22px;margin-top:30px}
.profile-copy .arrow-link{font-size:12px;margin-top:23px}
.visual-directory{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;margin:35px 0 80px}
.visual-directory>a{display:block;position:relative;grid-column:span 2;overflow:hidden;min-height:230px;background:#141820}
.visual-directory>a:nth-child(-n+2){grid-column:span 3;min-height:330px}
.visual-directory img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s}
.visual-directory>a:hover img{transform:scale(1.035)}
.visual-directory>a>span{position:absolute;inset:0;display:flex;justify-content:flex-end;flex-direction:column;gap:9px;padding:26px;background:linear-gradient(transparent 35%,#080a0ed9)}
.visual-directory strong{font-size:29px;line-height:1.1;letter-spacing:-.04em;font-weight:400}
.visual-directory small{font-size:11px;color:#d4ddc9}
.journal-main .page-intro h1{font-size:clamp(46px,6vw,78px)}
.journal-main .page-intro{margin-bottom:35px}
.journal-main .page-intro .lede{margin-top:20px}
.journal-tools{display:flex;align-items:baseline;justify-content:space-between;gap:35px;margin-bottom:32px}
.journal-tools .article-search{max-width:240px;margin:0;font-size:13px}
.journal-tools .filter-bar{margin:0;gap:22px}
.journal-list{display:grid;grid-template-columns:1fr 1fr;gap:50px 32px;border-top:0}
.journal-entry{display:block;padding:0;border:0;min-width:0}
.journal-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#151a1c}
.journal-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.journal-entry:hover .journal-thumb img{transform:scale(1.035)}
.journal-thumb .index{position:absolute;top:15px;left:15px;display:grid;place-items:center;width:30px;height:30px;font-size:9px;color:#f4f6eb;background:#080a0e66;backdrop-filter:blur(8px);border:1px solid #ffffff35}
.journal-entry-copy{position:relative;padding:20px 38px 0 0}
.journal-entry .category{display:block;font:9px/1.6 ui-monospace,monospace;color:#b3c39f;margin-bottom:10px}
.journal-entry h2{font-size:clamp(23px,2.5vw,35px);line-height:1.15;margin:0}
.journal-entry small{font:10px/1.7 ui-monospace,monospace;color:#939d8e;margin-top:14px}
.journal-entry .entry-arrow{position:absolute;right:0;top:39px;font-size:23px}
.article-cover{max-width:1000px;margin:40px auto 50px}
.article-cover>img{display:block;width:100%;max-height:530px;object-fit:cover;aspect-ratio:16/9}
.article-cover>figcaption{font:10px/1.7 ui-monospace,monospace;color:#9da995;margin-top:13px}
.article-cover:has(>.poster){max-width:1000px}
.project-detail-figure{margin:50px 0}
.project-detail-figure .project-detail{margin:0;max-height:780px;object-fit:contain}
.project-detail-figure figcaption{font:10px/1.7 ui-monospace,monospace;color:#9ca891;margin-top:13px}
.media-motion-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;font-size:14px;color:#d6dec9;border:1px solid #d7dfbf38;border-radius:50%;background:#080a0e33;backdrop-filter:blur(10px)}
.media-motion-toggle:hover{border-color:#d7dfbf99}
.native-film{display:block;width:100%;height:100%;object-fit:contain;background:#050507}
.chapter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px}
.chapter-watch{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:19px;font-size:11px;color:#d5ddc9}
.chapter-watch>span{font-size:9px}
.chapter-watch:hover{color:#f3f6e9}
#tracks,#booking,#licensing{scroll-margin-top:115px}
@media(min-width:1800px){.media-hero{margin-inline:0}.media-page{padding-inline:4vw;max-width:1800px}.media-hero{padding-inline:5vw}.media-hero-caption{left:5vw;right:5vw}}
@media(max-width:1000px){.media-hero{min-height:84svh}.media-hero h1{font-size:clamp(50px,7.3vw,76px)}.journal-tools{flex-direction:column;gap:18px}.profile-stage{gap:4vw}.profile-copy .profile-lede{font-size:18px}.profile-copy p{font-size:13px}.visual-directory>a{min-height:200px}.visual-directory>a:nth-child(-n+2){min-height:280px}.visual-directory strong{font-size:25px}}
@media(max-width:720px){
 .media-page{padding-top:0}.media-hero{min-height:84svh;margin:0 -7vw 40px;padding:135px 7vw 80px}.media-hero h1{font-size:clamp(45px,11.5vw,70px);line-height:1.04}.media-hero .eyebrow{font-size:8px;max-width:270px;margin-bottom:18px}.media-hero-description{font-size:13px;line-height:1.7;max-width:320px;margin-top:20px}.media-hero-actions{gap:13px 24px;margin-top:22px}.media-watch{font-size:11px}.media-play{width:42px;height:42px}.media-hero-actions .arrow-link{font-size:11px;gap:20px}.media-hero-caption{font-size:8px;left:7vw;right:7vw;bottom:22px;max-width:80%}.media-hero:after{background:linear-gradient(0deg,#080a0efa,#080a0e70 42%,#080a0e0d 80%),linear-gradient(90deg,#080a0e4d,transparent)}
 .media-page .section-line{margin-top:45px}.media-film-grid{gap:35px}.media-film-grid .film-caption h2{font-size:23px}.performance-offers{gap:48px;margin:45px 0}.performance-offers>section{grid-template-columns:1fr;gap:24px}.performance-offers>section:nth-child(even) .offer-media{order:0}.offer-copy h2,.media-note h2{font-size:38px;margin-bottom:15px}.offer-copy>p:not(.work-type),.media-note>div>p:not(.eyebrow){font-size:13px}.offer-copy .work-type{font-size:9px;margin-bottom:13px}.offer-copy .arrow-link{margin-top:8px}.media-note{grid-template-columns:1fr;gap:28px;margin:55px 0}.media-note .eyebrow{font-size:9px}.media-note .status-note{font-size:11px}
 .media-projects{margin-top:48px;gap:42px}.media-projects .project-row:nth-child(even),.media-projects .project-row:nth-child(3n){margin-inline:0}.media-projects .project-row .film-img{aspect-ratio:4/3}.media-projects .project-copy{grid-template-columns:1fr;gap:13px;padding-top:20px}.media-projects .project-copy h2{font-size:33px}.media-projects .project-copy>p{font-size:12px}.project-image-action{right:16px;bottom:16px;font-size:10px;padding:11px 15px}.media-enquiry{margin-top:55px;padding-top:30px}.media-brand-list{gap:45px;margin-top:45px}.media-brand-list .brand-work:nth-child(2),.media-brand-list .brand-work:nth-child(3){max-width:100%}.media-brand-list .brand-work-heading{margin-top:20px}.media-brand-list .brand-work-heading h2{font-size:30px}
 .profile-stage{display:flex;flex-direction:column;align-items:stretch;padding-top:100px;gap:30px;margin-bottom:45px}.profile-stage figure img{height:57svh;min-height:330px;max-height:560px;object-position:center 30%}.profile-copy h1{font-size:57px;margin-bottom:20px}.profile-copy .eyebrow{font-size:8px;margin-bottom:15px}.profile-copy .profile-lede{font-size:21px;max-width:330px}.profile-copy p{font-size:13px;max-width:450px}.profile-copy .platforms{margin-top:24px}.profile-copy .arrow-link{margin-top:16px}.visual-directory{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:50px}.visual-directory>a,.visual-directory>a:nth-child(-n+2){grid-column:span 1;min-height:220px}.visual-directory>a:first-child{grid-column:1/-1;min-height:290px}.visual-directory>a>span{padding:17px}.visual-directory strong{font-size:24px}.visual-directory small{font-size:10px;line-height:1.6}
 .journal-main .page-intro h1{font-size:49px}.journal-main .page-intro .lede{font-size:13px}.journal-tools{gap:21px;margin-bottom:27px}.journal-tools .article-search{width:100%;max-width:none;font-size:14px}.journal-tools .filter-bar{gap:12px 22px}.journal-tools .filter-bar button{font-size:11px}.journal-list{gap:36px 20px}.journal-entry h2{font-size:26px}.journal-entry-copy{padding-top:17px;padding-right:28px}.journal-entry .category{font-size:8px}.journal-entry .entry-arrow{font-size:20px;top:37px}.journal-entry small{font-size:9px}.article-cover{margin:30px auto 38px}.article-cover>img{aspect-ratio:4/3}.article-cover>figcaption{font-size:9px;line-height:1.6}.article-header .lede{font-size:16px}
 .site-header .header-tools{gap:13px}.media-motion-toggle{width:38px;height:38px;min-width:38px;min-height:38px;font-size:12px}.chapter-actions{gap:0 21px}.chapter-watch{margin-top:12px;font-size:10px}.native-film{max-width:100%}
}
@media(max-width:540px){.journal-list{grid-template-columns:1fr}.journal-thumb{aspect-ratio:16/10}.journal-entry h2{font-size:29px}.journal-entry .entry-arrow{top:36px}.visual-directory>a,.visual-directory>a:nth-child(-n+2){min-height:200px}.visual-directory>a:first-child{min-height:270px}.visual-directory strong{font-size:22px}.site-header .header-tools{gap:10px}.media-motion-toggle{min-width:44px;width:44px;min-height:44px;height:44px;border:0;background:transparent;backdrop-filter:none}.site-header:has(.media-motion-toggle) .header-contact{max-width:62px;line-height:1.5;text-align:left}}
@media(prefers-reduced-motion:reduce){.ambient-media video{display:none}.media-play,.visual-directory img,.journal-thumb img{transition:none}.media-watch:hover .media-play,.visual-directory>a:hover img,.journal-entry:hover .journal-thumb img{transform:none}}