.hc-strips{display:grid;gap:.7rem}
.hc-strips__a{position:relative;isolation:isolate;overflow:clip;display:grid;gap:.9rem;align-content:start;justify-items:start;padding:1.2rem 1.2rem 1.4rem;border-radius:var(--r);background:var(--hc-plate);transition:background-color .45s var(--ease)}
.hc-strips__a::before{content:"";position:absolute;z-index:-2;inset:0;background:var(--sbg) center/cover no-repeat;opacity:.18;transform:scale(1.06);transition:opacity .5s var(--ease),transform .7s var(--ease)}
.hc-strips__a::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--hc-ink) 30%,transparent) 0%,var(--hc-ink) 82%);opacity:.9;transition:opacity .5s var(--ease)}
.hc-strips__i:hover .hc-strips__a::before,.hc-strips__i:focus-within .hc-strips__a::before{opacity:.42;transform:scale(1)}
.hc-strips__a:hover,.hc-strips__a:focus-within{background-color:var(--hc-plate-2)}
.hc-strips__n{font:900 clamp(1.7rem,2.6vw,2.3rem)/1 var(--ff-d);text-transform:uppercase;letter-spacing:-.01em;transition:color .35s var(--ease)}
.hc-strips__a:hover .hc-strips__n,.hc-strips__a:focus-within .hc-strips__n{color:var(--hc-lime)}
.hc-strips__more{display:grid;gap:.5rem;justify-items:start}
.hc-strips__go{display:inline-flex;align-items:center;gap:.4em;font:700 var(--fz-s)/1 var(--ff-d);text-transform:uppercase;letter-spacing:.04em;color:var(--hc-lime)}
.hc-strips__go>.hc-ico,.hc-strips__go>.hc-icm{width:1.2rem;height:1.2rem}
.hc-kri{display:grid;gap:1.8rem}
.hc-kri>li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem 1.2rem;align-items:start}
.hc-kri__ic{--ib:3.4rem;grid-row:1/3}
.hc-kri__k{font:900 1.2rem/1.15 var(--ff-d);text-transform:uppercase;letter-spacing:.02em;color:var(--hc-cream)}
.hc-kri>li>.hc-p{color:var(--hc-txt-soft)}
@media (min-width:54rem){
.hc-strips{display:flex;gap:.8rem;min-height:34rem}
.hc-strips__i{flex:1 1 0;min-width:0;display:flex;transition:flex .55s var(--ease)}
.hc-strips__i:hover,.hc-strips__i:focus-within{flex:2.6 1 0}
.hc-strips__a{width:100%;grid-template-rows:auto 1fr auto;align-items:start;padding:1.4rem 1.3rem}
.hc-strips__tag{align-self:start}
.hc-strips__n{position:absolute;left:1.5rem;bottom:1.6rem;transform-origin:left bottom;transform:rotate(-90deg);white-space:nowrap;font-size:clamp(1.9rem,2.3vw,2.6rem);transition:transform .55s var(--ease),bottom .55s var(--ease),color .35s var(--ease)}
.hc-strips__i:hover .hc-strips__n,.hc-strips__i:focus-within .hc-strips__n{transform:rotate(0);bottom:calc(100% - 6.4rem)}
.hc-strips__more{position:absolute;left:1.3rem;right:1.3rem;bottom:1.4rem;opacity:0;transform:translateY(.6rem);transition:opacity .4s var(--ease) .12s,transform .45s var(--ease) .12s}
.hc-strips__i:hover .hc-strips__more,.hc-strips__i:focus-within .hc-strips__more{opacity:1;transform:none}
.hc-kri{gap:2.1rem}
.hc-kri>li{grid-template-columns:auto minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.hc-strips__i,.hc-strips__n,.hc-strips__more,.hc-strips__a::before{transition-duration:.01ms}}
.hc-strips__pair{display:grid;gap:.15rem;justify-items:start}
.hc-strips__pair b{font-weight:700;color:var(--hc-cream)}
@media (min-width:54rem) and (hover:none){.hc-strips__n{position:static;transform:none;bottom:auto;left:auto}.hc-strips__more{position:static;opacity:1;transform:none}}