/* The exterior and the journey share one twilight / brass palette. */
.hero .hero-image{object-position:center center;animation:none;transform-origin:0 0}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(13,10,22,.08),transparent 45%,rgba(8,6,14,.25))}
.hero .entry-panel{top:53%;background:linear-gradient(160deg,rgba(24,20,31,.94),rgba(9,8,14,.96));border-color:rgba(217,176,110,.48);box-shadow:0 24px 70px #05030ba6;backdrop-filter:none;-webkit-backdrop-filter:none;transition:opacity .28s ease,visibility .28s}
.hero .entry-note{margin:14px auto 0;color:#bcb3c2;font-size:.72rem;line-height:1.5;text-align:center}
.hero .entry-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero .entry-button{min-width:150px}
.hero .entry-button.secondary{border-color:#a98755;color:#efdbb9;background:#292131}
body.entering .entry-panel{animation:none;opacity:0;visibility:hidden;pointer-events:none}
.arrival-scene{position:absolute;inset:0;transform-origin:0 0}
body.entering .arrival-scene{will-change:transform;transition:transform 1.7s cubic-bezier(.4,0,.25,1) .18s;transform:translate3d(var(--arrival-x,0px),var(--arrival-y,0px),0) scale(var(--arrival-scale,5))}
.entrance-detail{position:absolute;opacity:0;pointer-events:none;transition:opacity .3s ease;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 85%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 85%,transparent);-webkit-mask-composite:source-in}
.entrance-detail-art{display:block;width:100%;height:100%}
body.entrance-ready .entrance-detail{opacity:1}
.entrance-opening{position:absolute;left:49.7%;top:55%;width:6.7%;height:31.2%;perspective:180px;background:linear-gradient(180deg,#2b1915,#110d16);opacity:0;overflow:hidden}
body.doors-opening .entrance-opening{opacity:1}
.entrance-leaf{position:absolute;top:0;bottom:0;width:50%;background-image:url('/landing/assets/entrance-detail.webp');background-size:2985.075% 320.513%;backface-visibility:hidden;transition:transform .62s cubic-bezier(.25,.1,.3,1)}
.entrance-leaf.left{left:0;transform-origin:left center;background-position:51.422% 79.942%}
.entrance-leaf.right{right:0;transform-origin:right center;background-position:54.889% 79.942%}
body.doors-opening .entrance-leaf.left{transform:rotateY(78deg)}
body.doors-opening .entrance-leaf.right{transform:rotateY(-78deg)}
body.arrival-reduced .arrival-scene{transition:none;transform:none}
body.arrival-reduced .entrance-detail{display:none}
.arrival-blackout{position:fixed;inset:0;z-index:90;background:#0b090f;pointer-events:none;opacity:0;transition:opacity .32s ease}
body.arrival-dark .arrival-blackout{opacity:1}
body.entering .hero{height:100svh}
@media(max-width:620px){.hero .entry-panel{width:92vw;padding:16px;max-height:90svh}.hero .entry-actions{flex-wrap:nowrap}.hero .entry-button{min-width:0;flex:1;padding:.8rem .65rem;font-size:.85rem}}
@media(prefers-reduced-motion:reduce){body.entering .arrival-scene{transition:none;transform:none}.hero .entry-panel,.arrival-blackout,.entrance-leaf{transition-duration:.01ms}}

/* Keep the original lettering and metrics; only repaint its initial C. */
.hero .masthead-title strong{position:relative;isolation:isolate}
.hero .masthead-title strong::first-letter{color:transparent;text-shadow:none}
.hero .masthead-title strong::before{content:"";position:absolute;z-index:-1;left:-.085em;bottom:-.085em;width:.875em;height:1.2em;background:url('/landing/assets/crave-name-logo.webp') left center/auto 100% no-repeat;pointer-events:none}