/* Readable controls and copy; work navigation leads the opening screen. */
:root{--muted:#b9c0b3}
body{font-size:17px;line-height:1.7}
.mono{font-size:13px;letter-spacing:.07em}
.desktop-nav a,.sound-switch,.language{font-size:15px}
.header-controls button{min-height:44px}
.hero{height:auto;min-height:100svh;max-height:none;display:flex;flex-direction:column}
.hero-topline{top:122px;font-size:13px}
.hero-content{position:relative;inset:auto;padding:180px var(--pad) 38px}
.hero-name{font-size:clamp(36px,3.4vw,52px)}
.hero-profession{font-size:14px;letter-spacing:.1em}
.hero h1{font-size:clamp(64px,7.4vw,110px);line-height:1.02;margin:20px 0 24px;letter-spacing:-.015em}
.hero-under{display:block}
.hero-under p{font-size:17px;line-height:1.65;max-width:650px;color:#e0e5d8}
.hero-work-nav{margin-top:30px;max-width:1120px}
.hero-work-nav>p{font-size:13px;color:#d2d9c7;letter-spacing:.1em;margin-bottom:12px}
.hero-work-links{display:flex;flex-wrap:wrap;gap:10px}
.hero-work-links a{font:600 18px/1.25 var(--sans);padding:13px 19px;min-height:48px;border:1px solid #d8dfc66e;background:#1320185c;backdrop-filter:blur(8px);border-radius:3px;color:var(--paper)}
.hero-work-links a:hover,.hero-work-links a[aria-current="true"]{background:#d8ddc5;color:#172016;border-color:#d8ddc5}
.hero-bottom{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;margin:0 var(--pad);margin-top:auto;padding:22px 0 28px;align-items:center}
.scene-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 14px}
.scene-meta .mono{font-size:13px;color:#c6cebc}
.scene-caption{font-size:16px;color:#e0e5d8}
.scene-choices{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:7px 16px;margin:0;overflow:visible}
.scene-choices button{font-size:16px;padding:8px 3px;min-height:42px;white-space:nowrap}
.scene-choices button span{font-size:12px}
.hero-bottom>.timecode{font-size:14px;grid-column:2;grid-row:3;justify-self:end}
.cinema-entry{position:static;inset:auto;grid-column:1;grid-row:3;justify-self:start;gap:12px;border:1px solid #d2dbc04d;padding:9px 14px;border-radius:3px;background:#0c1a144d}
.cinema-entry .cinema-play{width:38px;height:38px;font-size:24px}
.cinema-entry small{font-size:11px;letter-spacing:.07em}
.cinema-entry strong{font-size:15px;margin-top:2px}
.cinema-entry .entry-arrow{margin:0;font-size:20px}
.section-index,.section-top>.muted,.section-heading>p,.credits-heading>p{font-size:15px}
.section-heading>p,.credits-heading>p{line-height:1.8}
.filters{gap:10px;flex-wrap:wrap;margin-bottom:34px;overflow:visible}
.filters button{font-size:18px;font-weight:600;padding:12px 18px;border:1px solid #a9b2956e;border-radius:3px;min-height:48px}
.filters button.is-active,.filters button[aria-pressed="true"]{background:#d3d9be;color:#172016;border-color:#d3d9be}
.filters button sup{font-size:13px}
.current-kicker,.current-meta .mono{font-size:14px}
.current-description{font-size:18px;line-height:1.75}
.current-meta .text-link,.current-art>.mono{font-size:14px}
.project-card-description{font-size:16px;line-height:1.65}
.project-category{font-size:14px;letter-spacing:.035em;line-height:1.6}
.project-year,.project-photo-count{font-size:14px}
.project-number{font-size:14px}
.project-card h3{line-height:1.15}
.work-foot>span,.work-foot .text-link,.text-link{font-size:15px;line-height:1.7}
.work-foot>span{max-width:580px}
.collage-intro p,.music-collage-intro p,.documentary-intro>p{font-size:17px;line-height:1.75}
.documentary-intro>.mono,.documentary-divider{font-size:14px}
.about-copy .eyebrow{font-size:15px}
.about-copy p:not(.eyebrow){font-size:17px;line-height:1.8}
.about-copy .about-lead{font-size:19px!important}
.about-tags span{font-size:14px}
.credit-year,.credit-type{font-size:14px;line-height:1.6}
.credit-director{font-size:16px;line-height:1.65}
.small-external{font-size:13px}
.visible-formats .additional-grid h3{font:600 18px/1.45 var(--sans);letter-spacing:0;text-transform:none;margin-bottom:12px}
.visible-formats .additional-grid p{font-size:17px;line-height:1.9}
.studio-links a{font-size:17px;min-height:44px}
.studio-links small{font-size:12px}
.maker-intro>.mono{font-size:14px}
.maker-intro p,.maker-project p{font-size:17px;line-height:1.75}
.maker-project span{font-size:15px;line-height:1.7}
.contact-kicker,.contact-direct>p{font-size:16px}
#contact-form label{font-size:16px}
#contact-form input,#contact-form textarea{font-size:17px}
.contact-submit{font-size:17px;min-height:50px}
.contact-form-note,#contact-status{font-size:15px;line-height:1.8}
.site-footer{font-size:14px}
.site-footer button,.site-footer a{font-size:14px;min-height:42px}
.secondary-heading{font-size:14px}
.secondary-project strong{font-size:24px}
.secondary-project small{font-size:15px;line-height:1.7}
.detail-eyebrow{font-size:14px;letter-spacing:.06em}
.detail-description{font-size:18px;line-height:1.8}
.detail-facts small{font-size:13px;letter-spacing:.06em}
.detail-facts p{font-size:17px;line-height:1.65}
.detail-source{font-size:14px;line-height:1.8}
.project-external-links .text-link{font-size:16px;min-height:44px}
.gallery-caption{font-size:14px;line-height:1.7}
.gallery-bar>.mono{font-size:13px}
.gallery-arrows button{width:44px;height:44px;font-size:24px}
.film-awards>.mono{font-size:13px}
.film-awards a>span:nth-child(2)>span{font-size:15px}
.film-awards small{font-size:14px}
.clip-placeholder{font-size:17px}
.clip-placeholder small,.video-status{font-size:15px}
.video-start>span:last-child:not(:first-child){font-size:17px}
#ambient-dock{gap:16px;padding:12px 16px}
#ambient-dock [data-ambient-label]{font-size:12px}
#ambient-dock select{font-size:16px;max-width:180px;min-height:42px}
#ambient-dock button{font-size:14px;min-height:42px}
.notice{font-size:16px;line-height:1.6}
@media(max-width:760px){
 .site-header{height:100px}
 .header-controls{gap:10px}.sound-switch,.language{font-size:14px}
 .hero-content{padding-top:165px;padding-bottom:30px}
 .hero-topline{top:117px;font-size:12px}
 .hero-name{font-size:36px}.hero-profession{font-size:13px}
 .hero h1{font-size:clamp(54px,9.2vw,76px);line-height:1.02}
 .hero-under p{font-size:17px}
 .hero-work-nav{margin-top:24px}.hero-work-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .hero-work-links a{font-size:16px;padding:12px 9px;text-align:center}
 .hero-bottom{gap:12px;padding-top:20px;padding-bottom:25px}.scene-caption{font-size:16px}
 .scene-choices{gap:5px 18px}.scene-choices button{font-size:15px}.scene-choices button span{font-size:12px}
 .cinema-entry small{font-size:10px}.cinema-entry strong{font-size:14px}.cinema-entry{padding:8px 10px}
 .hero-bottom>.timecode{font-size:12px}
 .filters{gap:8px}.filters button{font-size:17px;padding:11px 15px}
 .project-card-description{font-size:15px}.project-category{font-size:14px}
 .project-year,.project-photo-count{font-size:13px}
 .work-foot{gap:20px}.work-foot>span{font-size:15px}.work-foot .text-link{font-size:15px}
 .credit-row{grid-template-columns:50px 1fr 95px;gap:10px}.credit-type{font-size:12px}.credit-director{font-size:15px}
 .visible-formats .additional-grid{grid-template-columns:1fr;gap:30px}
 .maker-intro p,.maker-project p{font-size:16px}.maker-project span{font-size:15px}
 .detail-body{padding:25px 22px}.detail-description{font-size:17px}.detail-facts p{font-size:16px}
 .gallery-bar{gap:12px;flex-wrap:wrap}.gallery-caption{font-size:14px}
 #ambient-dock{gap:2px 12px;padding:9px 12px}#ambient-dock button{font-size:13px}#ambient-dock select{font-size:16px;max-width:140px}
 .ambient-on{padding-bottom:130px}
}
@media(max-width:480px){
 .site-header{height:auto;min-height:94px;padding-top:16px;align-items:flex-start;gap:10px}
 .brand{gap:8px}.brand svg{width:30px;height:30px}.brand>span{font-size:18px}.brand-role{font-size:13px}
 .header-controls{gap:8px}.sound-switch{gap:6px;font-size:13px}.language{font-size:13px}.equalizer{width:17px}
 .hero-work-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-work-links a{font-size:17px;padding:12px 9px}
 .hero-bottom>.timecode{display:none}.cinema-entry{grid-column:1/-1}
 .hero h1{font-size:54px}.hero-name{font-size:34px}
 .work-foot{display:block}.work-foot .text-link{margin-top:16px}
 .section-top>.muted{font-size:12px;letter-spacing:0}
 .credit-row{grid-template-columns:42px minmax(0,1fr);gap:8px 12px}.credit-type{grid-column:2;grid-row:auto}.credit-director{grid-column:2}
}

.formats-intro{font-size:17px;color:var(--muted);line-height:1.75;margin:12px 0 28px;max-width:720px}
.trailer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px;margin-bottom:42px}
.trailer-grid button{display:block;width:100%;text-align:left;padding:0}
.trailer-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0b110d}
.trailer-image img{height:100%;width:100%;object-fit:cover;transition:transform .6s,opacity .3s;opacity:.9}
.trailer-image>span{position:absolute;left:20px;bottom:20px;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;width:54px;height:54px;background:#0a130b66;font-size:28px;padding-left:3px}
.trailer-grid button:hover img{transform:scale(1.025);opacity:1}
.trailer-grid h4{font:400 32px/1.15 var(--serif);margin:16px 0 8px}
.trailer-grid p{font-size:15px;line-height:1.6;color:var(--muted)}
.visible-formats .additional-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.makingof-credits>a,.makingof-credits>p{display:block;margin:0 0 18px!important}
.makingof-credits strong{font:400 30px/1.2 var(--serif);display:block;margin-bottom:7px}
.makingof-credits span{font-size:15px;line-height:1.7;display:block;color:var(--muted)}
@media(max-width:760px){.trailer-grid{grid-template-columns:1fr;gap:28px}.trailer-grid h4{font-size:30px}.visible-formats .additional-grid{grid-template-columns:1fr}.formats-intro{font-size:17px}}
.motion-off .trailer-image img{transition:none}
@media(prefers-reduced-motion:reduce){.trailer-image img{transition:none}}

.sound-level{display:none;position:fixed;right:var(--pad);top:90px;z-index:46;padding:14px 18px;border:1px solid #c2cbb350;background:#17251fef;backdrop-filter:blur(14px);border-radius:4px;box-shadow:0 8px 30px #0004}
.sound-on .sound-level{display:block}
.sound-level label{display:flex;align-items:center;gap:14px;font-size:15px}
.sound-level input{width:128px;accent-color:var(--accent);min-height:30px}
@media(max-width:480px){.sound-level{right:16px;top:80px;padding:10px 13px}.sound-level label{font-size:15px;gap:12px}}
@media(max-width:360px){.hero-content{padding-top:145px}.hero h1{font-size:46px}}
/* The album controls appear only after opting into music. */
.sound-level.sound-level-album:not([hidden]){display:grid;gap:6px;width:350px;max-width:calc(100vw - 32px);padding:12px 14px}
.sound-level.sound-level-album[hidden]{display:none!important}
.sound-level-album .album-current{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;line-height:1.4}
.sound-level-album [data-album-title]{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;color:var(--paper)}
.sound-level-album [data-album-count]{flex-shrink:0;font-size:13px;letter-spacing:.03em;color:#c1cbb5;white-space:nowrap}
.sound-level-album .album-toolbar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:9px;align-items:center}
.sound-level-album .album-step{display:grid;place-items:center;width:44px;height:44px;min-height:44px;border:1px solid #b9c6a94d;border-radius:3px;font:30px/1 var(--sans);color:var(--paper);background:#0d191175}
.sound-level-album .album-step:hover{background:#d8ddc5;color:#172016;border-color:#d8ddc5}
.sound-level-album .album-step:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sound-level-album .album-toolbar label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;min-width:0;font-size:14px;line-height:1.4}
.sound-level-album .album-toolbar input{width:100%;min-width:0;max-width:none;min-height:30px}
@media(max-width:380px){.sound-level.sound-level-album:not([hidden]){padding:10px 11px}.sound-level-album .album-toolbar{gap:7px}.sound-level-album .album-toolbar label{gap:7px;font-size:13px}.sound-level-album [data-album-title]{font-size:15px}}
@media(min-width:761px){.sound-level.sound-level-album:not([hidden]){width:480px;padding:8px 12px;grid-template-columns:140px minmax(0,1fr);gap:12px}.sound-level-album .album-current{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}}
@media(max-width:760px){.sound-level.sound-level-album{top:auto;bottom:16px;right:16px}.sound-level.sound-level-album:not([hidden]){grid-template-columns:minmax(0,1fr)}.sound-level-album .album-current{flex-direction:row;align-items:center;justify-content:space-between;gap:14px}}