/* Homepage opening only. Shared pages and lower homepage sections retain style.css. */
.home-opening>header{position:absolute;z-index:3;inset:0 0 auto;max-width:none;border:0;padding:2.25rem 5%;align-items:flex-start;background:linear-gradient(#08090be6,transparent);gap:2rem}
.home-opening>header .wordmark{font-size:1.25rem;letter-spacing:.2em}
.home-opening>header .wordmark span{font-size:.625rem}
.home-opening>header nav{gap:2rem;flex-wrap:wrap;justify-content:flex-end}
.home-opening>header nav a{color:#e7e1d6;font-size:.875rem;min-height:44px;padding:8px 0}
.home-opening>header nav a[aria-current]:after{bottom:5px;background:#c0b8aa}
.first-frame{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:850px;min-height:max(760px,100svh);padding:11.5rem 5% 4.5rem;overflow:hidden;background:#08090b}
.first-frame-media{position:absolute;z-index:-2;inset:0;overflow:hidden;pointer-events:none}
.first-frame-media img{width:100%;height:100%;object-fit:cover;object-position:64% 47%;filter:saturate(.55) brightness(.65);opacity:.85}
.first-frame-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,11,.79),rgba(8,9,11,.37) 56%,rgba(8,9,11,.31)),linear-gradient(0deg,#08090b 0%,rgba(8,9,11,.12) 44%,rgba(8,9,11,.36) 100%)}
.frame-identifier{font-size:.75rem;letter-spacing:.19em;text-transform:uppercase;color:#c4c6c7;line-height:1.7;margin:0}
.frame-identifier span{padding:0 .6em}
.frame-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.4rem,7.1vw,9.5rem);font-weight:400;line-height:1.15;letter-spacing:-.045em;margin:clamp(4rem,10vh,8rem) 0 clamp(3rem,8vh,6rem);color:#ede7dc;width:100%;text-shadow:0 2px 28px #0005}
.title-line{display:block;white-space:nowrap}
.title-echo{margin-left:14%;color:#c4cdd5;margin-top:.13em}
.frame-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;margin-top:auto;gap:2rem}
.frame-note p{font-family:Georgia,serif;color:#ccc7bd;font-size:1.05rem;margin:0 0 1rem}
.frame-note a{display:inline-flex;align-items:center;gap:1.5rem;font-size:.875rem;min-height:44px;text-decoration:underline;text-decoration-color:#8b9194;text-underline-offset:7px}
.frame-scroll{display:flex;flex-direction:column;align-items:center;justify-self:center;color:#c4c6c7;font-size:.75rem;letter-spacing:.12em;min-width:60px;min-height:52px;padding:5px}
.frame-scroll>span:first-child{font-size:1.5rem;line-height:1.4;letter-spacing:0}
.frame-project{justify-self:end;display:flex;flex-direction:column;min-width:220px;padding:8px 0}
.frame-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:#c4c6c7}
.frame-film{font-family:Georgia,serif;font-size:2.7rem;line-height:1.3;margin:.25rem 0 .4rem}
.project-arrow{font-family:Arial,sans-serif;font-size:1.2rem;margin-left:1.1rem;display:inline-block;transition:transform .25s ease}
.frame-project:hover .project-arrow{transform:translate(2px,-2px)}
.frame-format{font-size:.875rem;color:#bbc3cb}
.frame-credit{position:absolute;bottom:1.3rem;right:5%;margin:0;color:#aeb4bb;font-size:.75rem;letter-spacing:.035em}
.home-opening #current-film:focus{outline:none}
@media(prefers-reduced-motion:no-preference){.frame-title{animation:frame-arrive 1.3s ease-out both}.frame-bottom,.frame-identifier{animation:frame-arrive 1.6s ease-out both}@keyframes frame-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}
@media(min-width:1600px){.frame-title{font-size:7vw}.first-frame{padding-top:13rem}.home-opening>header{padding-top:3rem}}
@media(max-width:1000px){.home-opening>header{flex-direction:row;padding:2rem 5%;gap:1.5rem}.home-opening>header nav{gap:1.1rem}.home-opening>header .wordmark{font-size:1.05rem}.first-frame{padding-top:11rem;min-height:max(780px,100svh)}.frame-title{font-size:7.2vw;margin-top:7rem;margin-bottom:6rem}.frame-bottom{grid-template-columns:1fr .4fr 1fr}.frame-project{min-width:190px}.frame-film{font-size:2.3rem}}
@media(max-width:700px){.home-opening>header{position:absolute;padding:1.5rem 6%;flex-direction:column;gap:.8rem;background:linear-gradient(#08090bee,rgba(8,9,11,.85) 75%,transparent)}.home-opening>header .wordmark{font-size:1.125rem}.home-opening>header nav{justify-content:space-between;gap:0 .8rem;width:100%}.home-opening>header nav a{font-size:.875rem;padding:8px 0;min-height:44px}.first-frame{min-height:max(820px,100svh);padding:12rem 6% 4rem}.frame-identifier{font-size:.75rem;letter-spacing:.11em}.frame-title{font-size:clamp(2.8rem,13.1vw,5.6rem);line-height:1.04;margin:3rem 0 3.5rem;letter-spacing:-.04em}.title-line{white-space:normal}.title-line>span{display:block}.title-echo{text-align:right;margin:1.1rem 0 0;color:#c4cdd5}.first-frame-media img{object-position:72% center;filter:saturate(.5) brightness(.62)}.first-frame-media:after{background:linear-gradient(0deg,#08090b 2%,rgba(8,9,11,.3) 55%,rgba(8,9,11,.64)),linear-gradient(90deg,rgba(8,9,11,.55),rgba(8,9,11,.32))}.frame-bottom{grid-template-columns:.8fr 1.2fr;gap:1rem}.frame-note{align-self:end}.frame-note p{font-size:.875rem;max-width:100px;margin-bottom:.6rem}.frame-note a{font-size:.8rem;gap:.7rem}.frame-project{min-width:0}.frame-label{font-size:.75rem;letter-spacing:.08em}.frame-film{font-size:2rem}.frame-format{font-size:.8rem}.frame-scroll{position:absolute;left:6%;bottom:1.1rem;flex-direction:row;gap:.65rem;padding:0;justify-content:flex-start;min-height:36px;min-width:65px}.frame-scroll>span:first-child{font-size:1.1rem}.frame-credit{bottom:1.6rem;right:6%;font-size:.75rem}}
@media(max-width:360px){.home-opening>header nav{column-gap:.6rem}.home-opening>header nav a{font-size:.8125rem}.frame-format{max-width:150px}.frame-note a{gap:.3rem}.first-frame{padding-top:12rem}.frame-title{font-size:13vw}}
@media(prefers-reduced-motion:reduce){.first-frame *{animation:none!important;transition:none!important;transform:none!important}.home-opening{scroll-behavior:auto}}
/* Opacity-only credit reveal keeps the scroll cue anchored to the frame. */
@media(prefers-reduced-motion:no-preference){.frame-bottom,.frame-identifier{animation:frame-fade 1.6s ease-out both}@keyframes frame-fade{from{opacity:0}to{opacity:1}}}
@media(max-width:700px){.frame-title{font-size:clamp(2rem,13.1vw,5.6rem)}}
@media(max-width:700px){
.home-opening>header .wordmark{white-space:normal;max-width:100%}
.home-opening>header .wordmark span{letter-spacing:.35em}
.frame-bottom{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem}
.frame-note{flex:1 1 7rem}
.frame-project{flex:1 1 10rem;overflow-wrap:anywhere}
.first-frame{padding-bottom:1.5rem}
.frame-credit{position:static;align-self:flex-end;text-align:right;max-width:70%;margin:2rem 0 0}
}
.frame-bottom{grid-template-columns:1fr 1fr}
.frame-meta .frame-scroll{position:absolute;left:calc(50% - 30px);bottom:4.5rem}
@media(max-width:700px){
.frame-meta{display:flex;align-items:flex-end;gap:1rem;margin-top:1.5rem}
.frame-meta .frame-scroll{position:static;flex:0 0 auto;min-width:0}
.frame-meta .frame-credit{flex:1;max-width:none;min-width:0;margin:0}
}