.learning-hub{padding:0 0 3rem}.learning-hub__inner{display:flex;flex-direction:column;gap:4rem;padding-top:4rem}@media(min-width:750px){.learning-hub{padding-bottom:4rem}.learning-hub__inner{gap:5.5rem;padding-top:5.5rem}}.learning-hub__hero{display:flex;flex-direction:column;padding:4rem 1.5rem 0}.learning-hub__hero-inner{display:flex;flex-direction:column;gap:1rem;max-width:80ch}@media(min-width:750px){.learning-hub__hero{padding:6rem 2rem 0}}.learning-hub__hero--image{position:relative;padding:0;min-height:42rem;overflow:hidden;color:#fff;isolation:isolate}@media(min-width:750px){.learning-hub__hero--image{min-height:52rem}}.learning-hub__hero-image{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.learning-hub__hero-shade{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1}.learning-hub__hero--image .learning-hub__hero-inner{position:relative;z-index:1;width:100%;margin-top:auto;padding:6rem 1.5rem 5rem;gap:1.4rem;max-width:110rem;color:#fff}@media(min-width:750px){.learning-hub__hero--image .learning-hub__hero-inner{padding:9rem 2rem 7rem}}.learning-hub__hero--image{display:flex;flex-direction:column;justify-content:flex-end}.learning-hub__eyebrow{font-size:1.2rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb,currentColor 70%,transparent)}.learning-hub__hero--image .learning-hub__eyebrow{color:#ffffffeb;text-shadow:0 1px 6px rgba(0,0,0,.5)}.learning-hub__heading{margin:0;font-family:var(--font-heading-family);font-weight:700;letter-spacing:-.02em;font-size:clamp(3.2rem,6vw,6rem);line-height:1.02;text-wrap:balance}.learning-hub__hero--image .learning-hub__heading{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45),0 2px 16px rgba(0,0,0,.35)}.learning-hub__subhead{margin:0;font-size:clamp(1.5rem,1.6vw,1.8rem);line-height:1.55;color:color-mix(in srgb,currentColor 75%,transparent);max-width:56ch}.learning-hub__hero--image .learning-hub__subhead{color:#ffffffeb;text-shadow:0 1px 8px rgba(0,0,0,.45);max-width:60ch}.learning-hub__categories{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1rem;padding:0 0 .4rem;margin:0}.learning-hub__categories::-webkit-scrollbar{display:none}.learning-hub__cat{flex:1 1 0;min-width:11rem;max-width:20rem;margin:0}.learning-hub__cat-link{display:flex;align-items:flex-start;gap:1rem;height:100%;padding:1.2rem;border:.1rem solid color-mix(in srgb,currentColor 14%,transparent);border-radius:.8rem;background:color-mix(in srgb,currentColor 3%,transparent);color:currentColor;text-decoration:none;transition:border-color .2s ease,transform .2s ease,background-color .2s ease;position:relative}.learning-hub__cat-link:hover,.learning-hub__cat-link:focus-visible{border-color:currentColor;background:color-mix(in srgb,currentColor 7%,transparent);transform:translateY(-.2rem);text-decoration:none;color:currentColor}.learning-hub__cat-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:3.2rem;height:3.2rem;border-radius:50%;background:rgb(var(--color-background));border:.1rem solid color-mix(in srgb,currentColor 14%,transparent);color:currentColor}.learning-hub__cat-icon svg{width:1.6rem;height:1.6rem}.learning-hub__cat-body{display:flex;flex-direction:column;gap:.2rem;flex:1 1 auto;min-width:0}.learning-hub__cat-title{font-size:1.4rem;font-weight:700;line-height:1.2;color:currentColor}.learning-hub__cat-desc{font-size:1.2rem;line-height:1.4;color:color-mix(in srgb,currentColor 70%,transparent)}.learning-hub__cat-arrow{align-self:center;flex-shrink:0;font-size:1.4rem;color:color-mix(in srgb,currentColor 40%,transparent);transition:transform .22s ease,color .22s ease}.learning-hub__cat-link:hover .learning-hub__cat-arrow,.learning-hub__cat-link:focus-visible .learning-hub__cat-arrow{transform:translate(.3rem);color:currentColor}.learning-hub__cat--image .learning-hub__cat-link{position:relative;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:0;min-height:9rem;padding:1rem 1.2rem;border:none;background:color-mix(in srgb,currentColor 8%,transparent);color:#fff;overflow:hidden;isolation:isolate}.learning-hub__cat--image .learning-hub__cat-link:hover,.learning-hub__cat--image .learning-hub__cat-link:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent);border:none;color:#fff}.learning-hub__cat-image{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.learning-hub__cat--image .learning-hub__cat-link:hover .learning-hub__cat-image,.learning-hub__cat--image .learning-hub__cat-link:focus-visible .learning-hub__cat-image{transform:scale(1.06)}.learning-hub__cat-shade{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1}.learning-hub__cat--image .learning-hub__cat-body{position:relative;max-width:100%;padding-right:0;gap:0;flex:0 0 auto}.learning-hub__cat--image .learning-hub__cat-title{font-family:var(--font-heading-family);font-weight:700;font-size:1.4rem;line-height:1.2;color:#f0e3cf;text-wrap:balance;text-shadow:0 1px 3px rgba(0,0,0,.7),0 2px 12px rgba(0,0,0,.5)}.learning-hub__cat--image .learning-hub__cat-desc,.learning-hub__cat--image .learning-hub__cat-shop,.learning-hub__cat--image .learning-hub__cat-arrow{display:none}.learning-hub__featured{border-radius:1.2rem;overflow:hidden;border:.1rem solid color-mix(in srgb,currentColor 14%,transparent);background:color-mix(in srgb,currentColor 3%,transparent)}.learning-hub__featured-link{display:grid;grid-template-columns:1fr;gap:0;color:currentColor;text-decoration:none}@media(min-width:750px){.learning-hub__featured-link{grid-template-columns:1fr 1fr}}.learning-hub__featured-link:hover,.learning-hub__featured-link:focus-visible{color:currentColor;text-decoration:none}.learning-hub__featured-media{position:relative;overflow:hidden;background:color-mix(in srgb,currentColor 8%,transparent);display:flex;align-items:stretch}.learning-hub__featured-media img{width:100%;height:auto;display:block;object-fit:contain;object-position:center;transition:transform .6s cubic-bezier(.2,.7,.2,1)}@media(min-width:750px){.learning-hub__featured-media img{width:100%;height:100%;max-height:56rem}}.learning-hub__featured-link:hover .learning-hub__featured-media img,.learning-hub__featured-link:focus-visible .learning-hub__featured-media img{transform:scale(1.03)}.learning-hub__featured-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading-family);font-size:8rem;font-weight:700;color:color-mix(in srgb,currentColor 30%,transparent)}.learning-hub__featured-body{display:flex;flex-direction:column;gap:1.2rem;justify-content:center;padding:2.4rem}@media(min-width:750px){.learning-hub__featured-body{padding:3.6rem}}.learning-hub__featured-eyebrow{font-size:1.1rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,currentColor 65%,transparent)}.learning-hub__featured-title{margin:0;font-family:var(--font-heading-family);font-weight:700;letter-spacing:-.015em;font-size:clamp(2.2rem,3vw,3.2rem);line-height:1.12;text-wrap:balance}.learning-hub__featured-excerpt{margin:0;font-size:1.5rem;line-height:1.5;color:color-mix(in srgb,currentColor 75%,transparent)}.learning-hub__featured-cta{display:inline-flex;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-bottom:.2rem solid currentColor;padding-bottom:.4rem;align-self:flex-start;transition:gap .2s ease}.learning-hub__featured-link:hover .learning-hub__featured-cta,.learning-hub__featured-link:focus-visible .learning-hub__featured-cta{gap:1rem}.learning-hub__filters{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem;border-top:.1rem solid color-mix(in srgb,currentColor 12%,transparent)}@media(min-width:750px){.learning-hub__filters{flex-direction:row;align-items:center;gap:1.6rem}}.learning-hub__filters-label{font-size:1.1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,currentColor 65%,transparent)}.learning-hub__filters-list{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0}.learning-hub__chip{display:inline-flex;align-items:center;padding:.65rem 1.4rem;border-radius:999rem;border:.1rem solid color-mix(in srgb,currentColor 22%,transparent);background:transparent;color:currentColor;font-size:1.3rem;font-weight:500;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.learning-hub__chip:hover,.learning-hub__chip:focus-visible{border-color:currentColor;background:color-mix(in srgb,currentColor 6%,transparent);text-decoration:none;color:currentColor}.learning-hub__chip--active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.learning-hub__chip--active:hover,.learning-hub__chip--active:focus-visible{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.learning-hub__search{display:flex;align-items:center;gap:0;margin-top:1.6rem;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.18);border-radius:999rem;padding:.4rem .4rem .4rem 1.4rem;max-width:52rem;box-shadow:0 .2rem .6rem #0000000a}.learning-hub--has-image .learning-hub__search{background:#fffffff2}.learning-hub__search-icon{display:inline-flex;color:rgba(var(--color-foreground),.55);flex-shrink:0}.learning-hub__search-input{flex:1;min-width:0;border:0;outline:0;padding:.9rem 1rem;background:transparent;font-size:1.5rem;color:rgb(var(--color-foreground))}.learning-hub__search-input::placeholder{color:rgba(var(--color-foreground),.5)}.learning-hub__search-submit{-webkit-appearance:none;appearance:none;border:0;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.3rem;font-weight:600;padding:.8rem 1.6rem;border-radius:999rem;cursor:pointer;flex-shrink:0}.learning-hub__search-submit:hover{opacity:.9}.learning-hub__anchor-nav{background:rgb(var(--color-background));border-bottom:.1rem solid rgba(var(--color-foreground),.08);position:sticky;top:0;z-index:5;margin-top:0}.learning-hub__anchor-nav-inner{display:flex;gap:.4rem;overflow-x:auto;padding:.8rem 1.5rem;scrollbar-width:none;-ms-overflow-style:none}.learning-hub__anchor-nav-inner::-webkit-scrollbar{display:none}.learning-hub__anchor-link{flex-shrink:0;padding:.6rem 1.2rem;border-radius:999rem;font-size:1.3rem;font-weight:500;text-decoration:none;color:rgb(var(--color-foreground));white-space:nowrap;transition:background-color .15s ease}.learning-hub__anchor-link:hover{background:rgba(var(--color-foreground),.06);text-decoration:none}.learning-hub__cat-shop{display:inline-block;margin-top:.8rem;padding:.3rem .8rem;border-radius:999rem;background:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground));font-size:1.15rem;font-weight:600;letter-spacing:.02em;align-self:flex-start}.learning-hub__cat--image .learning-hub__cat-shop{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.learning-hub__categories--vertical{flex-direction:column;flex-wrap:nowrap;overflow:visible;gap:1.6rem}.learning-hub__categories--vertical .learning-hub__cat{flex:1 1 auto;width:100%;min-width:0;max-width:none}.learning-hub__categories--vertical .learning-hub__cat-link{padding:2rem 2.4rem}.learning-hub__categories--vertical .learning-hub__cat-title{font-size:1.8rem}.learning-hub__categories--vertical .learning-hub__cat-desc{font-size:1.4rem}.learning-hub__categories--vertical .learning-hub__cat--image .learning-hub__cat-link{min-height:22rem;padding:2.4rem}.learning-hub__categories--vertical .learning-hub__cat--image .learning-hub__cat-title{font-size:clamp(2rem,3vw,2.8rem)}.learning-hub__categories--vertical .learning-hub__cat--image .learning-hub__cat-desc{display:block;margin-top:.6rem;font-size:1.5rem;line-height:1.5;color:#ffffffeb;text-shadow:0 1px 6px rgba(0,0,0,.5);max-width:60ch}@media(min-width:750px){.learning-hub__categories--vertical .learning-hub__cat--image .learning-hub__cat-link{min-height:28rem;padding:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-learning-hub.css.map */
