/* A separate invitation beneath the tagline, independent of the buying guide. */
.home-page .hero-bottom{display:flex;justify-content:center;padding-block:20px;z-index:1}
.hero-introduction{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:100%}
.hero-introduction>span{font-size:12px;letter-spacing:1.7px;line-height:1.6}
.home-page .meet-dacat{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border:1px solid #e9bf5480;border-radius:8px;background:#0b0d0bee;color:#ffe430;font-size:15px;font-weight:700;letter-spacing:.3px;transition:border-color .2s,box-shadow .2s,background .2s}
.home-page .meet-dacat:hover{border-color:#ffe430;background:#19190f;box-shadow:0 0 22px #e9bf5428}
.home-page .meet-dacat:focus-visible{outline:2px solid #ffe430;outline-offset:5px}
.hero-introduction small{font-size:11px;line-height:1.5;letter-spacing:.5px;color:#b9bcae}
@media(min-width:1001px){.home-page .hero-bottom{left:50%;right:5%}}
@media(min-width:701px) and (max-width:1000px){.home-page .hero-copy{padding-bottom:170px}}
@media(max-width:700px){.home-page .hero-bottom{position:relative;inset:auto;display:flex;padding:4px 6% 26px;width:100%}.hero-introduction{width:100%}}
@media(prefers-reduced-motion:reduce){.home-page .meet-dacat{transition:none}}

/* The caption fits inside the existing 48px button without widening it. */
.home-page .meet-dacat{position:relative;height:48px;padding-block:4px}
.home-page .meet-dacat .meet-dacat-title{margin:0;color:inherit;font:inherit}
.home-page .meet-dacat>svg,.home-page .meet-dacat-title{transform:translateY(-6px)}
.home-page .meet-dacat small{position:absolute;bottom:5px;left:4px;right:4px;margin:0;font-size:10px;line-height:12px;letter-spacing:0;font-weight:400;white-space:nowrap}
/* Match the old caption's baseline; removing its outer row lowers the tagline too. */
.home-page .hero-bottom{padding-bottom:12px}
.home-page .hero-address{font-size:min(36px,calc((100cqw - 48px) / 11.4638671875))}

/* Desktop portrait sizing is independent of the buying column's content height.
   The existing cover-based blink/effect alignment reads this same bounded box. */
@media(min-width:901px){
 .home-page .hero-art{bottom:auto;height:var(--desktop-art-height);background-position:50% 0%;background-size:cover;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%)}
}

/* Share one anchor with the artwork, independent of the buying column. */
@media(min-width:901px){
 .home-page .hero{--desktop-art-height:min(100svh,56.2799043vw);min-height:max(100svh,calc(var(--desktop-art-height) + 80px))}
 .home-page .hero-bottom{top:calc(var(--desktop-art-height) - 16px);bottom:auto;left:50%;right:5%;padding:0}
}