.hx-coll__hero{background:var(--hx-cream);padding-top:22px;overflow:hidden}.hx-coll__grid{display:grid;gap:24px}.hx-coll__copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.hx-crumbs{display:flex;flex-wrap:wrap;gap:8px;font:500 10px/1 var(--hx-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--hx-ink);opacity:.75;margin-bottom:8px}.hx-crumbs a:hover{text-decoration:underline}.hx-coll__title{font-family:var(--hx-display);font-weight:900;font-stretch:70%;text-transform:uppercase;color:var(--hx-ink);font-size:clamp(56px,17vw,76px);line-height:.88;letter-spacing:-.015em}.hx-coll__ar{font:400 clamp(28px,7vw,40px)/1.2 "Noto Naskh Arabic","Geeza Pro","Traditional Arabic",Arial,serif;color:var(--hx-terra)}.hx-coll__story{max-width:46ch;font:400 15px/1.55 var(--hx-sans);color:var(--hx-ink)}.hx-coll__meta{margin-top:10px}.hx-coll__art{position:relative;border-radius:var(--hx-radius);overflow:hidden;aspect-ratio:8 / 9;background:var(--hx-green)}.hx-coll__art img{width:100%;height:100%;object-fit:cover}.hx-coll__art figcaption{position:absolute;right:14px;bottom:12px;font:400 clamp(26px,5vw,44px)/1 "Noto Naskh Arabic","Geeza Pro",Arial,serif;color:var(--hx-cream);text-shadow:0 2px 16px rgb(0 0 0 / .45)}.hx-marks{display:flex;gap:0;width:max-content;margin-top:28px;padding-block:12px;border-block:1px solid var(--hx-line);background:var(--hx-cream);animation:hx-marquee 38s linear infinite}.hx-marks li{padding-inline:22px;font:500 11px/1 var(--hx-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--hx-ink);white-space:nowrap}.hx-marks li:after{content:"\d7";margin-left:44px;opacity:.5}@keyframes hx-marquee{to{transform:translate(-50%)}}@media(min-width:768px){.hx-coll__hero{padding-top:40px}.hx-coll__grid{grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hx-coll__title{font-size:clamp(72px,10vw,168px)}.hx-coll__art{aspect-ratio:5 / 5.2}.hx-coll__story{font-size:clamp(15px,1.4vw,18px)}}.hx-coll__bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 18px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--hx-line)}.hx-coll__count{font:500 10px/1 var(--hx-mono);letter-spacing:.16em;text-transform:uppercase;padding-bottom:4px;opacity:.75}.hx-sort{margin:0 0 0 auto}.hx-sort select{min-height:44px;padding:0 34px 0 12px;border:1px solid var(--hx-line);border-radius:2px;background:var(--hx-paper);color:var(--hx-ink);font:600 13px var(--hx-sans);cursor:pointer}.hx-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--hx-gap);padding:0;list-style:none;margin:0}.hx-grid>li{min-width:0}@media(min-width:600px){.hx-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.hx-grid:not(.hx-grid--3){grid-template-columns:repeat(4,1fr)}}@media(max-width:599px){.hx-grid .hx-card__title{font-size:12px}.hx-grid .hx-card__price{font-size:14px}.hx-grid--3{grid-template-columns:1fr 1fr}.hx-grid--3>li:nth-child(3){grid-column:1 / -1}.hx-grid--3>li:nth-child(3) .hx-card__media{aspect-ratio:16 / 10}}.hx-coming__note{margin-top:20px;font:500 11px/1.5 var(--hx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hx-ink);opacity:.8}.hx-paginate{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:32px;font:500 12px var(--hx-mono);letter-spacing:.12em}.hx-colls{padding-block:26px var(--hx-sp)}.hx-colls__title{font-family:var(--hx-display);font-weight:900;font-stretch:70%;text-transform:uppercase;font-size:clamp(52px,14vw,132px);line-height:.88;color:var(--hx-ink);margin:10px 0 8px}.hx-colls__intro{max-width:52ch;font:400 15px/1.55 var(--hx-sans);margin-bottom:26px}.hx-colls__group+.hx-colls__group{margin-top:var(--hx-sp)}.hx-colls__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--hx-gap);list-style:none;padding:0;margin:0}@media(min-width:600px){.hx-colls__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.hx-colls__grid{grid-template-columns:repeat(4,1fr)}.hx-colls{padding-top:48px}}@media(prefers-reduced-motion:reduce){.hx-marks{animation:none;flex-wrap:wrap;width:auto}}.hx-grid--tri>li:nth-child(1) .hx-card__img img{object-position:0% 50%}.hx-grid--tri>li:nth-child(2) .hx-card__img img{object-position:50% 50%}.hx-grid--tri>li:nth-child(3) .hx-card__img img{object-position:100% 50%}.hx-grid--tri .hx-card__media{aspect-ratio:3 / 4}@media(min-width:1024px){.hx-colls__intro{margin-bottom:48px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/harraga-collection.css.map */