.hag{--hag-bg: #ffffff;--hag-height: 420px;--hag-gap: .5rem;--hag-radius: 12px;--hag-ink: #0f172a;--hag-ease: cubic-bezier(.22, 1, .36, 1);padding:clamp(2.5rem,5vw,4rem) 0;background:var(--hag-bg);color:var(--hag-ink);overflow:clip}.hag__inner{width:100%;margin:0 auto;padding-inline:1.25rem;box-sizing:border-box}@media(min-width:900px){.hag__inner{padding-inline:4rem}}.hag__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem 2rem;margin-bottom:1.5rem}.hag__heading{flex:1 1 auto;min-width:0;max-width:none}.hag__title,.hag__title p,.hag__title h1,.hag__title h2,.hag__title h3{margin:0;font-family:Besley,Georgia,serif;font-size:clamp(1.5rem,2.6vw,2.15rem);font-weight:500;line-height:1.2;letter-spacing:-.02em;color:var(--hag-ink);white-space:nowrap}.hag__title strong,.hag__title b{display:inline;font-family:Besley,Georgia,Times New Roman,serif;font-weight:600;font-style:normal;letter-spacing:.04em;color:var(--gold, #c9a84c);background:linear-gradient(180deg,#e4c878,#c9a84c 48%,#a88a3e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hag__title em{font-style:italic;font-weight:500}.hag__header-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:.45rem;padding:.85rem 1.35rem;border-radius:999px;background:#0b1f3a;color:#fff;text-decoration:none;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 24px #0b1f3a38;transition:transform .25s var(--hag-ease),box-shadow .25s,background .25s;white-space:nowrap}.hag__header-cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0b1f3a47;background:#071628}.hag__header-cta-arrow{font-size:.95em;line-height:1}.hag__track{--hag-count: 4;display:flex;align-items:stretch;gap:var(--hag-gap);height:var(--hag-height);filter:drop-shadow(0 18px 36px rgba(15,23,42,.14))}.hag__card{position:relative;flex:1 1 0%;min-width:0;overflow:hidden;isolation:isolate;border-radius:var(--hag-radius);background:#1a2433;cursor:pointer;outline:none;transition:flex-grow .55s var(--hag-ease)}.hag__card:focus-visible{box-shadow:0 0 0 3px #0b1f3a59}.hag__card-link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;color:inherit;text-decoration:none}.hag__track:hover .hag__card:not(:hover),.hag__track:has(:focus-within) .hag__card:not(:focus-within):not(:hover),.hag__track.has-active .hag__card:not(.is-active){flex-grow:.7}.hag__card:hover,.hag__card:focus-within,.hag__card.is-active{flex-grow:2.4}.hag__media{position:absolute;top:0;right:0;bottom:0;left:0}.hag__img,.hag__media .placeholder-svg{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.04);transition:transform .85s var(--hag-ease)}.hag__card:hover .hag__img,.hag__card:focus-within .hag__img,.hag__card.is-active .hag__img{transform:scale(1)}.hag__veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#08101c00 42%,#08101c73 72%,#08101cc7)}.hag__logo{position:absolute;top:var(--hag-logo-top, 12px);left:50%;z-index:2;width:var(--hag-logo-size, 72px);max-width:calc(100% - .75rem);pointer-events:none;transform:translate3d(-50%,0,0) scale(1);opacity:1;visibility:visible;filter:drop-shadow(0 2px 8px rgba(8,16,28,.28));transition:opacity .38s var(--hag-ease),transform .42s var(--hag-ease),visibility .38s var(--hag-ease),filter .38s ease}.hag__logo-img{display:block;width:100%;height:auto;object-fit:contain}.hag__card:hover .hag__logo,.hag__card:focus-within .hag__logo,.hag__card.is-active .hag__logo{opacity:0;visibility:hidden;transform:translate3d(-50%,-10px,0) scale(.88);filter:drop-shadow(0 0 0 transparent)}.hag__content{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:.85rem .7rem 1rem;pointer-events:none;color:#fff}.hag__card-title{margin:0;font-family:Besley,Georgia,serif;font-weight:500;letter-spacing:-.02em;line-height:1.2;font-size:clamp(.68rem,calc(7.2rem / var(--hag-count)),1.05rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:font-size .4s var(--hag-ease)}.hag__card:hover .hag__card-title,.hag__card:focus-within .hag__card-title,.hag__card.is-active .hag__card-title{font-size:clamp(1.2rem,1.7vw,1.75rem);white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.hag__card-sub{margin:.3rem 0 0;font-size:.82rem;font-weight:400;line-height:1.35;color:#ffffffe0;max-height:0;opacity:0;overflow:hidden;transform:translateY(4px);transition:opacity .3s ease,max-height .4s var(--hag-ease),transform .4s var(--hag-ease)}.hag__card:hover .hag__card-sub,.hag__card:focus-within .hag__card-sub,.hag__card.is-active .hag__card-sub{max-height:4rem;opacity:1;transform:none}.hag__track[data-card-count="7"],.hag__track[data-card-count="8"],.hag__track[data-card-count="9"]{--hag-gap: .35rem}.hag__track[data-card-count="7"] .hag__content,.hag__track[data-card-count="8"] .hag__content,.hag__track[data-card-count="9"] .hag__content{padding:.7rem .45rem .85rem}@media(max-width:899px){.hag__top{flex-direction:column;align-items:stretch;margin-bottom:1.15rem}.hag__title,.hag__title p,.hag__title h1,.hag__title h2,.hag__title h3{font-size:clamp(1.2rem,5vw,1.85rem);white-space:nowrap}.hag__header-cta{align-self:flex-start;white-space:normal;text-align:center}.hag__track{flex-direction:column;height:auto;filter:none;gap:.85rem}.hag__card{flex:none!important;height:11.5rem;box-shadow:0 12px 28px #0f172a1f;transition:height .5s var(--hag-ease)}.hag__card.is-active,.hag__card:focus-within{height:min(58vw,20rem)}.hag__card-title{font-size:1.35rem;white-space:normal}.hag__card-sub{max-height:4rem;opacity:.9;transform:none}.hag__track:hover .hag__card:not(:hover),.hag__track.has-active .hag__card:not(.is-active){flex-grow:unset}}@media(prefers-reduced-motion:reduce){.hag__card,.hag__img,.hag__card-title,.hag__card-sub,.hag__header-cta,.hag__logo{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/gemscraft-horizontal-accordion.css.map */