.hk-blog{background:rgb(var(--color-background));overflow:hidden}.hk-blog__header{padding-bottom:4.8rem;border-bottom:1px solid rgba(var(--color-foreground),.18);margin-bottom:4rem}.hk-blog__eyebrow{margin-bottom:1.4rem;font-size:1.1rem;line-height:1.2;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hk-blog__heading-row{display:grid;gap:2.4rem}.hk-blog__title{max-width:90rem;margin:0;font-size:clamp(4.4rem,7vw,9.5rem);line-height:.92;letter-spacing:-.055em;font-weight:800;text-wrap:balance}.hk-blog__intro{max-width:56rem;font-size:1.65rem;line-height:1.65;color:rgba(var(--color-foreground),.72)}.hk-blog__intro p{margin:0}.hk-blog__layout{display:grid;grid-template-columns:1fr;gap:5rem 2.4rem}.hk-blog-card{min-width:0}.hk-blog-card__media{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background:rgba(var(--color-foreground),.05);border-radius:1.4rem;color:inherit}.hk-blog-card__image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .4s ease}.hk-blog-card__media:hover .hk-blog-card__image{transform:scale(1.035)}.hk-blog-card__placeholder,.hk-blog-card__placeholder svg{width:100%;height:100%}.hk-blog-card__number{position:absolute;top:1.4rem;right:1.4rem;display:grid;place-items:center;min-width:4.2rem;height:4.2rem;padding:0 1rem;background:#fff;color:#111;border-radius:999px;font-size:1.2rem;font-weight:700;letter-spacing:.08em}.hk-blog-card__content{padding-top:2rem}.hk-blog-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin-bottom:1.2rem;font-size:1.05rem;line-height:1.3;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hk-blog-card__tag{display:inline-flex;align-items:center;min-height:2.8rem;padding:.5rem .9rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.hk-blog-card__date{color:rgba(var(--color-foreground),.55)}.hk-blog-card__title{margin:0;font-size:clamp(2.4rem,3vw,4.4rem);line-height:1.02;letter-spacing:-.035em;font-weight:800;text-wrap:balance}.hk-blog-card__title a{color:inherit;text-decoration:none}.hk-blog-card__excerpt{max-width:66rem;margin-top:1.5rem;font-size:1.5rem;line-height:1.65;color:rgba(var(--color-foreground),.68)}.hk-blog-card__link{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.8rem;padding-bottom:.4rem;color:inherit;border-bottom:1px solid currentColor;font-size:1.3rem;line-height:1.3;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.07em}.hk-blog-card__link span:last-child{transition:transform .2s ease}.hk-blog-card__link:hover span:last-child{transform:translate(.3rem,-.3rem)}.hk-blog__empty{padding:8rem 0;text-align:center}.hk-blog__pagination{margin-top:7rem}@media screen and (min-width:750px){.hk-blog__heading-row{grid-template-columns:minmax(0,1.55fr) minmax(28rem,.65fr);align-items:end}.hk-blog__layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:7rem 2.8rem}.hk-blog-card--featured{grid-column:1 / -1}.hk-blog-card--featured .hk-blog-card__media{aspect-ratio:2 / 1}.hk-blog-card--featured .hk-blog-card__content{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(25rem,.6fr);column-gap:4rem;align-items:start}.hk-blog-card--featured .hk-blog-card__meta{grid-column:1 / -1}.hk-blog-card--featured .hk-blog-card__title{font-size:clamp(4rem,5vw,7rem)}.hk-blog-card--featured .hk-blog-card__excerpt{margin-top:.3rem}.hk-blog-card--featured .hk-blog-card__link{grid-column:2}}@media screen and (min-width:1100px){.hk-blog__layout{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2.8rem}.hk-blog-card--featured{grid-column:1 / -1}.hk-blog-card:not(.hk-blog-card--featured){grid-column:span 6}.hk-blog-card:nth-child(4n+2):not(.hk-blog-card--featured),.hk-blog-card:nth-child(4n+5):not(.hk-blog-card--featured){grid-column:span 7}.hk-blog-card:nth-child(4n+3):not(.hk-blog-card--featured),.hk-blog-card:nth-child(4n+4):not(.hk-blog-card--featured){grid-column:span 5}.hk-blog-card:nth-child(4n+3):not(.hk-blog-card--featured) .hk-blog-card__media,.hk-blog-card:nth-child(4n+4):not(.hk-blog-card--featured) .hk-blog-card__media{aspect-ratio:4 / 5}}@media screen and (max-width:749px){.hk-blog__header{padding-bottom:3rem;margin-bottom:3rem}.hk-blog__title{font-size:clamp(4.2rem,14vw,6.4rem)}.hk-blog__intro{font-size:1.5rem}.hk-blog-card__media{border-radius:1rem}.hk-blog-card__number{top:1rem;right:1rem;min-width:3.8rem;height:3.8rem}.hk-blog-card__title{font-size:2.8rem}.hk-blog-card__excerpt{font-size:1.45rem}}@media(prefers-reduced-motion:reduce){.hk-blog-card__image,.hk-blog-card__link span:last-child{transition:none}}.hk-blog-filter{display:flex;align-items:center;gap:.8rem;margin:-1.5rem 0 4.8rem;padding-bottom:1.4rem;overflow-x:auto;border-bottom:1px solid rgba(var(--color-foreground),.14);scrollbar-width:none}.hk-blog-filter::-webkit-scrollbar{display:none}.hk-blog-filter__link{flex:0 0 auto;display:inline-flex;align-items:center;min-height:4rem;padding:.8rem 1.5rem;border:1px solid rgba(var(--color-foreground),.22);color:rgb(var(--color-foreground));background:transparent;font-size:1.15rem;line-height:1;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:background .18s ease,color .18s ease,border-color .18s ease}.hk-blog-filter__link:hover,.hk-blog-filter__link.is-active{color:rgb(var(--color-background));background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.hk-blog-filter{margin-top:-.5rem;margin-right:-1.5rem;margin-bottom:3.5rem;padding-right:1.5rem}.hk-blog-filter__link{min-height:3.8rem;padding:.8rem 1.2rem;font-size:1.05rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hk-blog-magazin.css.map */