/* Official artwork, unchanged: logo-gold.png. Light is masked to its original alpha. */
.hero-signature{position:absolute;right:8%;top:29%;width:clamp(145px,14vw,215px);z-index:3;pointer-events:none;filter:drop-shadow(0 2px 1px #47371699) drop-shadow(0 9px 18px #07130d99)}
.signature-art{position:relative;transform-origin:50% 60%}.signature-art>img{display:block;width:100%;height:auto}.signature-light{position:absolute;inset:0;opacity:0;mask:url('../assets/images/logo-gold.png') center/contain no-repeat;-webkit-mask:url('../assets/images/logo-gold.png') center/contain no-repeat;background:linear-gradient(110deg,transparent 43%,#fff5dccc 49%,#ffdf9477 52%,transparent 58%);background-size:300% 100%;background-position:100% 50%;mix-blend-mode:screen}
@media(max-width:1000px){.hero-signature{right:8%;top:27%;width:145px}}
@media(max-width:600px){.hero-signature{right:27px;top:24%;width:112px;filter:drop-shadow(0 1px 1px #47371699) drop-shadow(0 5px 10px #07130dbb)}}
@media(max-width:380px){.hero-signature{top:24%;width:96px}}
@media(prefers-reduced-motion:reduce){.signature-art{opacity:1!important;transform:none!important;clip-path:none!important}.signature-light{display:none}}
/* The exact raster artwork is decomposed along its natural transparent contours. */
.hero-signature{left:50%;right:auto;top:23%;width:clamp(290px,27vw,390px);transform:translateX(-50%)}.signature-pieces{display:none;position:absolute;inset:0}.logo-piece{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.signature-art.assembling .signature-intact{visibility:hidden}.signature-art.assembling .signature-pieces{display:block}.signature-art{aspect-ratio:800/703}.hero-title{bottom:183px;width:55%}.hero h1{font-size:clamp(76px,7.5vw,118px)}.hero h1 em.gold-letter{font-size:1.1em;margin-left:8%}.hero-aside{bottom:190px}.hero-signature{filter:drop-shadow(0 2px 1px #473716aa) drop-shadow(0 12px 22px #07130dbb)}
@media(max-width:1000px){.hero-signature{top:23%;width:285px}.hero-title{bottom:245px;width:70%}.hero h1{font-size:10vw}.hero-aside{bottom:125px}}
@media(max-width:600px){.hero-signature{top:24%;width:230px;left:50%;right:auto}.hero-title{bottom:260px;width:calc(100% - 48px)}.hero h1{font-size:18vw;line-height:.97}.hero h1 em.gold-letter{margin-left:7%;font-size:1.1em}.hero-aside{bottom:148px}.signature-art{filter:none}}
@media(max-width:380px){.hero-signature{width:198px;top:24%}.hero-title{bottom:275px}}
@media(prefers-reduced-motion:reduce){.signature-art.assembling .signature-intact{visibility:visible}.signature-art.assembling .signature-pieces{display:none}}
.signature-pieces{perspective:1000px;transform-style:preserve-3d}.logo-piece{backface-visibility:hidden;will-change:transform}.signature-art:not(.assembling) .logo-piece{will-change:auto}.hero-signature{overflow:visible}.hero{overflow:hidden}.logo-replay{position:absolute;right:6%;bottom:76px;z-index:5;background:#14201977;border:1px solid #ecdfbf66;border-radius:24px;padding:8px 14px;color:#f5ebd4;font:9px var(--sans);letter-spacing:.05em;cursor:pointer}.logo-replay:hover{background:#31432c}.logo-replay:focus-visible{outline:2px solid #e4c789;outline-offset:4px}
@media(max-width:600px){.logo-replay{right:auto;left:24px;bottom:102px;font-size:8px;padding:7px 12px}}
@media(prefers-reduced-motion:reduce){.logo-replay{display:none}}
/* A restrained, repeating flourish for the small header emblem. */
.header .brand img{transform-origin:50% 55%;animation:header-emblem-flourish 9s ease-in-out infinite}
@keyframes header-emblem-flourish{0%,18%,70%,100%{transform:perspective(220px) rotateY(0) rotateZ(0) translateY(0)}32%{transform:perspective(220px) rotateY(-16deg) rotateZ(-4deg) translateY(-2px)}48%{transform:perspective(220px) rotateY(14deg) rotateZ(3deg) translateY(-1px)}60%{transform:perspective(220px) rotateY(-4deg) rotateZ(-1deg) translateY(0)}}
html[data-logo-motion-paused="true"] .header .brand img{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.header .brand img{animation:none;transform:none}}
/* Preserve the full supplied storefront photograph during the exterior chapter. */
.hero-film .exterior-full{position:absolute;top:116px;left:0;width:100%;height:calc(100% - 116px);object-fit:contain;object-position:center top;opacity:var(--exterior-opacity,1);background:#171e19}
.hero-film video{opacity:calc(1 - var(--exterior-opacity,1))}
.hero-film::after{background:linear-gradient(0deg,#111a14f5 0%,#111a1477 35%,transparent 70%)}
.hero-topline,.film-chapter{opacity:calc(1 - var(--exterior-opacity,1))}
@media(min-width:1001px){.hero-signature{top:42%;width:clamp(270px,23vw,330px)}}
@media(max-width:1000px){.hero-film .exterior-full{top:106px;height:calc(100% - 106px)}}
@media(max-width:600px){.hero-film .exterior-full{top:94px;height:calc(100% - 94px)}.hero-film::after{background:linear-gradient(0deg,#111a14f5 0%,#111a1466 45%,transparent 76%)}}
.hero-film .exterior-full{mask-image:linear-gradient(#000 0%,#000 88%,transparent 100%)}
/* Let the storefront establish the place before the emblem arrives indoors. */
.hero.logo-waiting .hero-signature{visibility:hidden}.hero-signature{opacity:calc(1 - var(--exterior-opacity,1))}.hero.logo-waiting .logo-replay{visibility:hidden}
@media(prefers-reduced-motion:reduce){.hero.logo-waiting .hero-signature{visibility:visible}.hero-signature{opacity:1}}
.header{background:#172019df}.hero-topline{display:none}.film-chapter{color:#fff5df;text-shadow:0 1px 4px #142019}
