*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#171b19;color:#f5efdf;font:15px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,video:focus-visible{outline:3px solid #f3bc60;outline-offset:6px}.wordmark{font:italic bold 29px Georgia,serif;color:#efc375;letter-spacing:-1px}
.hero{position:relative;min-height:600px;height:100svh;max-height:1100px;isolation:isolate;overflow:hidden}.lot{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:-3}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(15,20,17,.08),transparent 65%,rgba(15,20,17,.65))}
.portrait{position:absolute;right:5%;top:6%;width:clamp(180px,22vw,320px);padding:12px;background:linear-gradient(135deg,#ffecac 0%,#d6a23a 19%,#9a6518 25%,#f8d977 47%,#b27b22 67%,#f5d888 86%,#91601a 100%);border:2px solid #e1b95c;box-shadow:inset 2px 2px 2px #fff0b7,inset -2px -2px 3px #66400c,0 8px 25px #0007;transform:none}
.portrait-image{aspect-ratio:4/5;overflow:hidden;background:#9c612b;border:2px solid #8a5b18;box-shadow:0 0 0 2px #f6d780,0 0 0 4px #aa751f}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-foot{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:12px}.hero-foot>span{font:italic 22px Georgia,serif;text-shadow:0 2px 8px #000}.hero-foot a span{margin-left:22px;color:#efc375}
.film-section{max-width:1440px;margin:auto;padding:80px 7% 85px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:600;margin:0 0 20px}.section-head{display:block;text-align:center;margin-bottom:40px}.section-head .eyebrow{color:#d6b574}h2{font:normal clamp(32px,4vw,56px)/1.12 Georgia,serif;letter-spacing:-.03em;margin:0}#film-title{font-family:Besley,Georgia,serif;font-weight:900;font-style:italic;font-size:clamp(32px,4.8vw,70px);line-height:1.3;letter-spacing:-.045em;color:#edb657;text-shadow:2px 2px 0 #112338,-1px -1px 0 #112338,3px 4px 0 #365a79}
.screen{background:#090c0a;padding:10px;border:1px solid #45483b;box-shadow:0 20px 55px #0003}video{display:block;width:100%;aspect-ratio:16/9;background:#000}.film-caption{display:flex;justify-content:space-between;font-size:11px;color:#b5b8aa;margin-top:16px;letter-spacing:.04em}.film-caption>span:last-child{color:#dec18b}
.star-section{display:grid;grid-template-columns:1.1fr 1fr;background:#e8dec9;color:#26332c;align-items:center}.star-image{height:100%;min-height:430px;overflow:hidden}.star-image img{width:100%;height:100%;object-fit:cover;display:block}.star-copy{padding:65px 10%;text-align:center}.star-copy h2{font-size:clamp(32px,3.5vw,50px)}.star-copy p{font:italic clamp(23px,2.5vw,36px)/1.4 Georgia,serif;color:#836534;margin:28px 0 0}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:40px 5%;font-size:11px;color:#b1b7a8}footer .wordmark{font-size:25px}.skip{position:fixed;top:-100px;left:20px;background:#f6d293;color:#111;padding:12px;z-index:9}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.hero{height:100svh;min-height:640px;max-height:1000px}.lot{object-position:46% 60%}.portrait{top:5%;right:6%;width:clamp(145px,37vw,220px);padding:9px}.portrait-image{aspect-ratio:4/5}.hero-foot{left:6%;right:6%;bottom:24px}.hero-foot>span{font-size:18px}.hero-foot>a{font-size:10px}.hero-foot a span{margin-left:8px}.film-section{padding:55px 6%}.section-head{margin-bottom:30px}#film-title{font-size:clamp(28px,6.8vw,52px)}.screen{padding:4px}.film-caption{font-size:9px}.star-section{grid-template-columns:1fr}.star-image{height:330px;min-height:0}.star-copy{padding:45px 8% 55px}footer{flex-wrap:wrap;padding:30px 6%}footer>span{display:none}}@media(max-width:380px){.hero-foot>span{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Revision 3: original title artwork and matching gold wordmark treatment. */
#film-title{font-family:Georgia,serif;font-size:inherit;line-height:1;margin:0;text-shadow:none;letter-spacing:normal}
.original-title-art{display:block;width:100%;max-width:940px;height:auto;margin:0 auto}
.star-section{background:#171b19}
.star-copy h2,.star-copy p{font-family:Georgia,serif;font-style:italic;font-weight:700;color:#efc375;letter-spacing:-1px}
.star-copy h2{font-size:clamp(29px,3.2vw,44px);line-height:1.25}
.star-copy p{font-size:clamp(23px,2.25vw,32px);line-height:1.5;margin:30px 0 0}
.star-copy span{font-style:normal;font-size:.72em;vertical-align:.08em}
@media(max-width:800px){#film-title{font-size:inherit}.original-title-art{width:100%}.star-copy{padding:45px 5% 55px}.star-copy p{font-size:clamp(21px,5.6vw,32px)}}

/* Revision 4: larger portrait and motto. */
.portrait{width:clamp(216px,26.4vw,384px);box-shadow:inset 2px 2px 2px #fff0b7,inset -2px -2px 3px #66400c,0 12px 30px rgba(0,0,0,.28)}
.star-copy h2{font-size:clamp(37.7px,4.16vw,57.2px)}
.star-copy p{font-size:clamp(29.9px,2.925vw,41.6px)}
@media(max-width:800px){.portrait{width:clamp(174px,44.4vw,264px)}.star-copy p{font-size:clamp(27.3px,7.28vw,41.6px)}}

/* Revision 5: original trailer type throughout. */
.showing-label{margin:0 auto 20px;text-align:center;line-height:1}
.showing-label img{width:116px;height:auto;display:inline-block}
.hero>.showing-label{position:absolute;top:80px;left:0;right:0;z-index:2;pointer-events:none}
.star-section{grid-template-columns:40% 60%}
.star-copy{padding:65px 5%}
.star-copy h2{font-size:clamp(56.55px,6.24vw,85.8px);display:flex;align-items:center;justify-content:center;gap:.08em}
.star-copy h2 img{height:1.12em;width:auto;max-width:85%;object-fit:contain}
.star-copy .motto-art{font-size:clamp(44.85px,4.3875vw,62.4px)}
.motto-line{display:flex;justify-content:center;align-items:center;gap:.12em;margin:.12em 0}
.motto-line img{height:1.12em;width:auto;max-width:88%;object-fit:contain}
@media(max-width:800px){.hero>.showing-label{top:55px}.star-section{grid-template-columns:1fr}.star-copy{padding:55px 4%}.star-copy .motto-art{font-size:clamp(40.95px,10.92vw,62.4px)}}

.star-copy .motto-line{font-size:inherit}

/* Revision 6: opening label and portrait emphasis. */
.portrait{box-shadow:inset 2px 2px 2px #fff0b7,inset -2px -2px 3px #66400c,10px 20px 32px rgba(0,0,0,.65),2px 6px 10px rgba(0,0,0,.45)}
.hero>.showing-label{top:20px}
.hero>.showing-label img{width:464px;max-width:90vw}
@media(max-width:800px){.hero>.showing-label{top:12px}.hero .portrait{top:100px}}
