/* Painted lettering, fine glass fillets and a discreet striped shop awning. */
.home-page .hero{--window-ivory:#fff8e9;--shop-wood:#30262c;border:0;border-inline:24px solid var(--shop-wood);border-bottom:24px solid var(--shop-wood);height:calc(100svh - 104px);min-height:670px;max-height:1050px;color:var(--window-ivory);box-shadow:inset 0 0 0 1px #ae969155}
.home-page .hero::after{inset:0;border:1px solid #a99a8866;box-shadow:inset 5px 0 9px #0003,inset -5px 0 9px #0003;z-index:1}
.home-page .hero>video{filter:none;object-position:center}
.home-page .hero-shade{background:linear-gradient(90deg,#201a2338,transparent 25%,transparent 75%,#201a2338),linear-gradient(0deg,#140e1966,transparent 35%),linear-gradient(#140e193b,#140e194d);z-index:1}
.storefront-awning{position:absolute;top:0;left:0;right:0;height:38px;z-index:4;background:linear-gradient(0deg,#0002,transparent 80%),repeating-linear-gradient(90deg,#f3ece0 0 30px,#382631 30px 60px);box-shadow:0 10px 18px #0003;mask:linear-gradient(#000 0 0) top/100% calc(100% - 6px) no-repeat,radial-gradient(ellipse 15px 6px at 50% 0,#000 98%,#0000 100%) bottom left/30px 6px repeat-x}
.storefront-glass{position:absolute;inset:62px 22px 25px;z-index:2;border:1px solid #fff7e3b3;pointer-events:none;color:var(--window-ivory)}
.storefront-glass::before{content:"";position:absolute;inset:5px;border:1px solid #fff7e34d}
.window-corner{position:absolute;width:32px;height:32px;border:1px solid var(--window-ivory);transform:rotate(45deg);background:transparent}
.window-corner::after{content:"";position:absolute;inset:6px;border:1px solid #fff8e980}
.window-corner.top-left{top:-17px;left:-17px}.window-corner.top-right{top:-17px;right:-17px}
.window-corner.bottom-left{bottom:-17px;left:-17px}.window-corner.bottom-right{bottom:-17px;right:-17px}
.window-inscription{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);padding:0 18px;font:8px/1 var(--serif);letter-spacing:3px;white-space:nowrap;background:var(--shop-wood);color:#f2e8d6}
/* Individual scallops expand locally, like the macOS Dock. */
.storefront-awning.is-magnifiable{background:none;mask:none;box-shadow:none;pointer-events:none}
.awning-band{position:absolute;top:0;left:0;height:100%;transform-origin:0 0;background:linear-gradient(0deg,#0002,transparent 80%),#f3ece0;border-radius:0 0 50% 50% / 0 0 6px 6px;box-shadow:0 5px 8px #00000012;will-change:transform}
.awning-band:nth-child(even){background:linear-gradient(0deg,#0002,transparent 80%),#382631}
.home-page .hero-copy{inset:88px 8% 78px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;animation:none}
.storefront-sprig{width:37px;height:46px;margin:0 0 23px;color:var(--window-ivory);filter:drop-shadow(0 1px 5px #0003)}
.home-page .hero-copy>.eyebrow{font:9px/1.6 var(--serif);letter-spacing:2.5px;margin:0 0 21px;color:var(--window-ivory)}
.home-page .hero .film-signature{font-family:var(--serif);font-weight:400;gap:15px;margin:0;color:var(--window-ivory);text-shadow:0 2px 22px #140e1933}
.home-page .signature-city{font:400 clamp(66px,8vw,116px)/1 var(--serif);letter-spacing:.09em;padding-left:.09em}
.home-page .signature-subtitle{font:400 clamp(20px,2.25vw,33px)/1.3 var(--serif);letter-spacing:.095em;padding-left:.095em}
.home-page .film-signature .series-tm{font-family:var(--reading);font-size:10px;vertical-align:top;margin-left:4px;top:0}
.storefront-rule{display:flex;align-items:center;justify-content:center;gap:17px;width:min(230px,60%);margin:22px 0 17px;color:var(--window-ivory)}
.storefront-rule::before,.storefront-rule::after{content:"";height:1px;background:currentColor;flex:1;opacity:.7}
.storefront-rule span{font:21px/1 var(--serif)}
.home-page .hero-description{font:13px/1.8 var(--reading);letter-spacing:.025em;max-width:430px;margin:0;color:var(--window-ivory)}
.home-page .hero-actions{margin-top:25px;gap:28px;align-items:center}
.home-page .hero-actions .text-link{font:14px/1.5 var(--serif)}
.home-page .hero-actions .trailer-button{background:#fff8ec;color:#30262c;border-color:#fff8ec;font:14px/1.5 var(--serif);padding:12px 20px}
.home-page .artist-signature{right:38px;bottom:42px;width:150px;color:#fff8e9;z-index:3}
@media(min-width:761px) and (max-height:820px){
 .home-page .hero{min-height:610px}
 .home-page .hero-copy{inset-block:83px 68px}
 .storefront-sprig{width:29px;height:36px;margin-bottom:18px}
 .home-page .hero-copy>.eyebrow{margin-bottom:16px}
 .home-page .signature-city{font-size:83px}
 .home-page .signature-subtitle{font-size:26px}
 .storefront-rule{margin:18px 0 13px}
 .home-page .hero-actions{margin-top:19px}
}
@media(max-width:760px){
 .home-page .hero{border-inline-width:11px;border-bottom-width:14px;min-height:610px;height:calc(100svh - 90px);max-height:850px}
 .storefront-awning{height:27px;background-size:auto,44px 100%;background-image:linear-gradient(0deg,#0002,transparent 80%),repeating-linear-gradient(90deg,#f3ece0 0 22px,#382631 22px 44px);mask-size:100% calc(100% - 6px),22px 6px}
 .storefront-glass{inset:46px 13px 22px}
 .window-corner{width:20px;height:20px}
 .window-corner::after{inset:4px}
 .window-corner.top-left{top:-11px;left:-11px}.window-corner.top-right{top:-11px;right:-11px}
 .window-corner.bottom-left{bottom:-11px;left:-11px}.window-corner.bottom-right{bottom:-11px;right:-11px}
 .window-inscription{font-size:6px;letter-spacing:2px;padding:0 10px}
 .home-page .hero-copy{inset:78px 27px 87px}
 .storefront-sprig{width:29px;height:37px;margin-bottom:22px}
 .home-page .hero-copy>.eyebrow{font-size:7px;line-height:1.9;letter-spacing:1.65px;max-width:230px;margin-bottom:23px}
 .home-page .hero .film-signature{gap:12px;width:100%}
 .home-page .signature-city{font-size:clamp(48px,13.5vw,82px);letter-spacing:.07em}
 .home-page .signature-subtitle{font-size:clamp(13px,3.5vw,23px);letter-spacing:.06em;white-space:nowrap}
 .home-page .film-signature .series-tm{font-size:7px;margin-left:2px}
 .storefront-rule{width:155px;margin:24px 0 18px}
 .home-page .hero-description{font-size:12px;max-width:270px;line-height:1.85}
 .home-page .hero-actions{flex-direction:column;gap:18px;margin-top:24px}
 .home-page .hero-actions .text-link{font-size:13px}
 .home-page .hero-actions .trailer-button{font-size:13px;padding:11px 18px}
 .home-page .artist-signature{right:24px;bottom:31px;width:108px}
}