.hok-collection-guide{--hok-guide-accent: var(--hok-color-purple, #823597);--hok-guide-ink: #101018;position:relative;isolation:isolate;background:var(--hok-color-light, #e7e6ef);color:#121212;padding:0 0 1.6rem}.hok-collection-guide--footer:before{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--hok-guide-accent) 28%,transparent),transparent 34rem),radial-gradient(circle at 82% 100%,color-mix(in srgb,var(--hok-guide-accent) 14%,transparent),transparent 28rem)}.hok-collection-guide--footer{padding:0 0 4rem}.hok-collection-guide__inner{position:relative;z-index:1;display:grid;gap:1.1rem}.hok-collection-guide__intro{max-width:82rem}.hok-collection-guide__intro--footer{max-width:72rem}.hok-collection-guide__eyebrow{background:var(--hok-guide-accent);border-radius:999px;box-shadow:0 .8rem 2rem #1010181f;color:var(--hok-guide-ink);display:inline-block;font-size:1.1rem;font-weight:900;letter-spacing:.1em;line-height:1.2;margin:0 0 .8rem;padding:.65rem .95rem .55rem;text-transform:uppercase;width:fit-content}.hok-collection-guide__title{color:#121212;font-family:var(--font-heading-family);font-size:clamp(2.4rem,2.6vw,3.6rem);font-weight:800;letter-spacing:0;line-height:1.06;margin:0}.hok-collection-guide__text{color:#121212bd;font-size:1.45rem;line-height:1.45;margin:.8rem 0 0;max-width:82rem}.hok-collection-guide__cards{display:grid;gap:1.2rem;grid-template-columns:repeat(4,minmax(0,1fr))}.hok-collection-guide__card{background:#fff;border:.1rem solid color-mix(in srgb,var(--hok-guide-accent) 34%,rgba(18,18,18,.12));border-radius:8px;color:#121212;display:grid;min-height:100%;overflow:hidden;position:relative;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.hok-collection-guide__card:before{background:var(--hok-guide-accent);content:"";height:.5rem;left:0;position:absolute;right:0;top:0;z-index:1}.hok-collection-guide__card:hover,.hok-collection-guide__card:focus-visible{border-color:color-mix(in srgb,var(--hok-guide-accent) 72%,#121212);box-shadow:0 1rem 3rem #12121214;transform:translateY(-.2rem)}.hok-collection-guide__card-media{aspect-ratio:4 / 3;background:linear-gradient(135deg,color-mix(in srgb,var(--hok-guide-accent) 42%,#ffffff),color-mix(in srgb,var(--hok-guide-accent) 18%,#ffffff));overflow:hidden}.hok-collection-guide__card-media img{display:block;height:100%;object-fit:cover;width:100%}.hok-collection-guide__card span{align-items:center;display:flex;font-size:1.3rem;font-weight:800;justify-content:space-between;letter-spacing:.04em;line-height:1.2;min-height:5.2rem;padding:1.1rem;text-transform:uppercase}.hok-collection-guide__card span:after{color:var(--hok-guide-accent);content:"\2192";font-size:1.8rem;line-height:1;margin-left:.8rem}.hok-collection-guide__body{display:grid;gap:1.2rem;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.hok-collection-guide__more{background:#ffffff80;border:.1rem solid color-mix(in srgb,var(--hok-guide-accent) 28%,rgba(18,18,18,.1));border-radius:8px}.hok-collection-guide__more>summary{color:var(--hok-guide-ink);cursor:pointer;font-size:1.25rem;font-weight:800;letter-spacing:.06em;line-height:1.2;list-style:none;padding:1.2rem 4rem 1.2rem 1.4rem;position:relative;text-transform:uppercase}.hok-collection-guide__more>summary::-webkit-details-marker{display:none}.hok-collection-guide__more>summary:after{color:var(--hok-guide-accent);content:"+";font-size:2rem;line-height:1;position:absolute;right:1.4rem;top:50%;transform:translateY(-50%)}.hok-collection-guide__more[open]>summary:after{content:"-"}.hok-collection-guide__more .hok-collection-guide__body{padding:0 1.2rem 1.2rem}.hok-collection-guide__note,.hok-collection-guide__faq{background:#ffffff9e;border:.1rem solid rgba(18,18,18,.08);border-radius:8px;box-shadow:0 1rem 3rem #1212120d}.hok-collection-guide__note{align-self:start;padding:1.6rem}.hok-collection-guide__note span{background:var(--hok-guide-accent);border-radius:999px;color:var(--hok-guide-ink);display:inline-block;font-size:1.1rem;font-weight:900;letter-spacing:.08em;line-height:1.2;margin-bottom:.8rem;padding:.55rem .85rem .45rem;text-transform:uppercase;width:fit-content}.hok-collection-guide__note p{color:#121212c2;font-size:1.45rem;line-height:1.5;margin:0}.hok-collection-guide__faqs{display:grid;gap:.8rem}.hok-collection-guide__faq{padding:0}.hok-collection-guide__faq summary{color:#121212;cursor:pointer;font-size:1.45rem;font-weight:800;line-height:1.35;list-style:none;padding:1.4rem 4rem 1.4rem 1.5rem;position:relative}.hok-collection-guide__faq summary::-webkit-details-marker{display:none}.hok-collection-guide__faq summary:after{color:var(--hok-guide-accent);content:"+";font-size:2rem;font-weight:800;line-height:1;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.hok-collection-guide__faq[open] summary:after{content:"-"}.hok-collection-guide__faq p{color:#121212bd;font-size:1.4rem;line-height:1.55;margin:0;padding:0 1.5rem 1.5rem}@media screen and (max-width:749px){.hok-collection-guide{padding-bottom:1.4rem}.hok-collection-guide__inner{gap:1rem}.hok-collection-guide__title{font-size:2.6rem;line-height:1.08}.hok-collection-guide__text{font-size:1.45rem}.hok-collection-guide--footer{padding-bottom:2.8rem}.hok-collection-guide__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hok-collection-guide__card span{font-size:1.12rem;min-height:4.8rem;padding:.9rem}.hok-collection-guide__body{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/hok-collection-seo-guide.css.map */