/* Full-bleed cinema frame with lower-third typography. */
.nocto .hero{max-width:none;display:flex;align-items:end;position:relative;isolation:isolate;height:720px;min-height:0;padding:70px max(6vw,calc((100vw - 1180px)/2));overflow:hidden}
.nocto .hero:before{inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(0deg,#141310f2,#14131065 50%,#14131020);z-index:-1}
.nocto .hero>div{width:100%;display:grid;grid-template-columns:1.15fr 1fr;column-gap:10vw;align-items:end}
.nocto .hero .kicker{grid-column:1/-1;font-size:10px}
.nocto .hero h1{font-size:clamp(45px,5vw,75px);line-height:1.5;margin:15px 0 0;grid-row:2/4}
.nocto .hero h1 br:first-child{display:initial}.nocto .hero .sub{font-size:13px;line-height:2.1;margin:0}
.nocto .hero .cta{margin-top:24px;gap:20px}
.nocto .hero .brand-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%}
.nocto .hero .brand-photo img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 55%;border-radius:0;box-shadow:none}
.nocto .hero .brand-photo figcaption{position:absolute;right:5vw;top:30px;font-size:8px;color:#efdfbd}
@media(max-width:800px){.nocto .hero{height:690px;max-width:none;padding:40px 7vw 45px}.nocto .hero>div{display:block}.nocto .hero h1{font-size:44px;line-height:1.5;margin:15px 0 22px}.nocto .hero .sub{font-size:12px;line-height:2}.nocto .hero .brand-photo img{object-position:60% center}.nocto .hero .cta{gap:20px;align-items:center}.nocto .hero .btn{font-size:12px;padding:14px 20px}.nocto .hero .ghost{font-size:11px}}