:root{--hero-names-fade:1s;--hero-details-delay:calc(var(--hero-names-fade) + .5s)}
.hero.has-explore-button > .scroll{display:none!important}
.invitation-explore{position:absolute;z-index:25;left:clamp(105px,var(--explore-x),calc(100% - 105px));top:var(--explore-y);transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:row;gap:14px;width:max-content;max-width:calc(100% - 24px);padding:var(--explore-padding) calc(var(--explore-padding) + 6px);min-height:48px;border:1px solid var(--explore-border,#b49a60);box-shadow:0 4px 18px rgba(78,59,24,.14),inset 0 0 0 3px rgba(211,189,141,.12);transition:opacity .6s ease var(--hero-details-delay),visibility 0s linear var(--hero-details-delay),box-shadow .2s,border-color .2s;border-radius:var(--explore-radius);font:var(--explore-fontSize)/1.4 Georgia,serif;text-align:center;letter-spacing:.14em;text-decoration:none;cursor:pointer;box-sizing:border-box;}
.invitation-explore[hidden]{display:none}
.invitation-explore svg{width:var(--explore-arrowSize);height:var(--explore-arrowSize);color:var(--explore-arrow);animation:explore-bob var(--explore-duration) ease-in-out 3;flex-shrink:0}
.invitation-explore:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.invitation-explore:hover{box-shadow:0 6px 22px rgba(78,59,24,.22),inset 0 0 0 3px rgba(211,189,141,.22)}
.invitation-explore:active{box-shadow:0 2px 6px rgba(78,59,24,.15)}
.invitation-closed .invitation-explore{visibility:hidden;opacity:0!important;transition:none}
@keyframes explore-bob{0%,100%{transform:translateY(calc(var(--explore-bob) * -.5))}50%{transform:translateY(calc(var(--explore-bob) * .5))}}
@media(max-width:600px){.invitation-explore{left:clamp(90px,var(--explore-mobileX),calc(100% - 90px));top:var(--explore-mobileY)}}
@media(prefers-reduced-motion:reduce){:root{--hero-names-fade:0s}.invitation-explore{transition:opacity 0s linear var(--hero-details-delay),visibility 0s linear var(--hero-details-delay)}.invitation-closed .invitation-explore{transition:none}.invitation-explore svg{animation:none}}

/* The border switch also removes the decorative inset rim in every pointer state. */
.invitation-explore.explore-borderless{border:0;box-shadow:0 4px 18px rgba(78,59,24,.14)}
.invitation-explore.explore-borderless:hover{box-shadow:0 6px 22px rgba(78,59,24,.22)}
.invitation-explore.explore-borderless:active{box-shadow:0 2px 6px rgba(78,59,24,.15)}

/* Optional printed gold foil; a static texture keeps the lettering crisp. */
.invitation-explore.explore-gold-dust {isolation:isolate}
.invitation-explore.explore-gold-dust::before {
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  opacity:var(--explore-fill-opacity,.96);
  background-color:var(--explore-foil,#eac666);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='foil'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' seed='18' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='2.4' intercept='-.65'/%3E%3CfeFuncG type='linear' slope='2.4' intercept='-.65'/%3E%3CfeFuncB type='linear' slope='2.4' intercept='-.65'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cpath d='M0 0h160v160H0z' filter='url(%23foil)'/%3E%3C/svg%3E"),linear-gradient(115deg,var(--explore-foil) 0%,color-mix(in srgb,var(--explore-foil) 94%,#98702d) 50%,var(--explore-foil) 100%);
  background-size:100px 100px,100% 100%;background-blend-mode:soft-light,normal;
}
.invitation-explore.explore-no-arrow svg {display:none}