html #title-screen-content{--sign-width: var(--title-sign-width);--sign-bottom: var(--title-sign-bottom);--sign-indigo: url(hound-title-sign-indigo-v1.webp);--sign-orange: url(hound-title-sign-orange-v1.webp)}html #title-screen-content:has(.custom-buttons-container.visible){display:block;padding:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#c58b45 #252734;scrollbar-width:thin}html #title-screen-content .custom-buttons-container{position:absolute;inset:auto auto var(--sign-bottom) clamp(36px,6vw,100px);display:flex;flex-direction:column;align-items:stretch;flex:0 0 auto;width:var(--sign-width);max-width:none;padding:0;gap:6px;transform:none;isolation:isolate}html #title-screen-content .custom-buttons-container:before{content:"";position:absolute;left:14px;top:-18px;height:calc(100% + var(--sign-bottom) + 18px);aspect-ratio:948 / 1603;width:auto;background:url(hound-title-timber-v1.webp) center top / 100% auto no-repeat;transform:translate(-46.4%);pointer-events:none;z-index:-1}html #title-screen-content .custom-buttons-container .btn{display:grid;place-items:center;width:100%;height:var(--title-sign-height);min-height:48px;aspect-ratio:4.6;padding:10px 24px 10px 38px;border:0;border-radius:0;background:none;color:#f5e6c2;font:800 clamp(16px,1.4vw,21px)/1.15 HoundTektur,sans-serif;letter-spacing:0;text-align:center;text-transform:uppercase;white-space:normal;text-shadow:none;-webkit-text-stroke:0;box-shadow:none;transform:none;filter:none;isolation:isolate;transition:color .12s ease-out}html #title-screen-content .custom-buttons-container .btn:before,html #title-screen-content .custom-buttons-container .btn:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;border:0;background:var(--sign-indigo) center 48.5% / 103.48% 158.77% no-repeat;transform:none;filter:none;animation:none;opacity:1;pointer-events:none;z-index:-2}html #title-screen-content .custom-buttons-container .btn:after{background-image:var(--sign-orange);opacity:0;z-index:-1;transition:opacity .12s ease-out}html #title-screen-content .custom-buttons-container .btn:is(:focus-visible,.selected,:active):not(.disabled){color:#222431}html #title-screen-content .custom-buttons-container .btn:is(:focus-visible,.selected,:active):not(.disabled):after{opacity:1}@media(hover:hover){html #title-screen-content .custom-buttons-container .btn:hover:not(.disabled){color:#222431}html #title-screen-content .custom-buttons-container .btn:hover:not(.disabled):after{opacity:1}}html #title-screen-content .custom-buttons-container .btn:focus-visible{outline:2px solid #fff1d0;outline-offset:3px}html #title-screen-content .custom-buttons-container .btn.disabled{color:#c7c3c0;cursor:not-allowed}html #title-screen-content .wm-new-pill{display:none}html #title-screen-content:has(.custom-buttons-container.visible) .copyright-container{display:none}@media(max-width:768px){html #title-screen-content .custom-buttons-container{left:50%;transform:translate(-50%)}html #title-screen-content .custom-buttons-container .btn{font-size:clamp(16px,4.2vw,19px)}}@media(prefers-reduced-motion:reduce){html #title-screen-content .custom-buttons-container .btn,html #title-screen-content .custom-buttons-container .btn:after{transition:none}}html #title-screen-content .custom-buttons-container{opacity:1;visibility:hidden;animation:none;transition:none}html #title-screen-content .custom-buttons-container.visible{visibility:visible}html #title-screen-content .custom-buttons-container .btn{opacity:1;animation:none;transform:translateY(100svh);transition:transform .26s cubic-bezier(.23,1,.32,1),color .12s ease;transition-delay:0ms}html #title-screen-content .custom-buttons-container.visible .btn{transform:translateY(0)}html #title-screen-content .custom-buttons-container.visible .btn:nth-child(2){transition-delay:40ms,0ms}html #title-screen-content .custom-buttons-container.visible .btn:nth-child(3){transition-delay:80ms,0ms}html #title-screen-content .custom-buttons-container.visible .btn:nth-child(4){transition-delay:.12s,0ms}html #title-screen-content .custom-buttons-container.visible .btn:nth-child(5){transition-delay:.16s,0ms}@media(prefers-reduced-motion:reduce){html #title-screen-content .custom-buttons-container .btn{transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/hound-title-wayfinding.css.map */