.hy-hero {

  position: relative;

  display: grid;

  min-height: min(86vh, 920px);

  align-items: end;

  overflow: hidden;

  color: #fff;

  background: #111;

}



.hy-hero__media,

.hy-hero__shade {

  position: absolute;

  inset: 0;

}



.hy-hero__media img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.hy-hero__shade {

  background: linear-gradient(115deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.2) 68%, rgba(0,0,0,.55) 100%);

}



.hy-hero__content {

  position: relative;

  z-index: 2;

  width: min(100%, 900px);

  padding-block: clamp(5rem, 12vw, 10rem) clamp(3rem, 8vw, 7rem);

}



.hy-hero__eyebrow {

  margin-bottom: 1rem;

  color: var(--hy-accent);

  font-size: .72rem;

  font-weight: 900;

  letter-spacing: .18em;

  text-transform: uppercase;

}



.hy-hero__title {

  margin: 0;

  font-size: clamp(3.8rem, 11vw, 10rem);

}



.hy-hero__text {

  width: min(100%, 620px);

  margin: 1.4rem 0 2rem;

  font-size: clamp(1rem, 1.6vw, 1.25rem);

}



.hy-hero__button {

  display: inline-flex;

  min-height: 52px;

  align-items: center;

  padding: .8rem 1.35rem;

  color: var(--hy-ink);

  border: 1px solid var(--hy-accent);

  background: var(--hy-accent);

  font-size: .76rem;

  font-weight: 900;

  letter-spacing: .1em;

  text-decoration: none;

  text-transform: uppercase;

}



.hy-marquee {

  overflow: hidden;

  color: var(--hy-marquee-text, var(--hy-ink));

  background: var(--hy-marquee-bg, var(--hy-accent));

  border-block: 1px solid currentColor;

}



.hy-marquee__track {

  display: flex;

  width: max-content;

  animation: hy-marquee var(--hy-marquee-speed, 22s) linear infinite;

}



.hy-marquee__group {

  display: flex;

  align-items: center;

  flex-shrink: 0;

  gap: 2rem;

  padding: .8rem 1rem;

  font-family: var(--hy-font-heading);

  font-size: clamp(1rem, 2vw, 1.5rem);

  font-weight: 900;

  letter-spacing: .04em;

  text-transform: uppercase;

}



.hy-marquee__item::after {

  margin-left: 2rem;

  content: "✦";

}



@keyframes hy-marquee {

  to { transform: translateX(-50%); }

}



.hy-products-widget__head {

  display: flex;

  align-items: end;

  justify-content: space-between;

  gap: 2rem;

  margin-bottom: 2rem;

}



.hy-products-widget__head h2 {

  margin-bottom: 0;

}



.hy-products-widget__link {

  flex-shrink: 0;

  font-size: .72rem;

  font-weight: 800;

  letter-spacing: .08em;

  text-transform: uppercase;

}



@media (prefers-reduced-motion: reduce) {

  .hy-marquee__track { animation: none; }

}



/* Storefront home */

.hy-home-hero {

  position: relative;

  min-height: clamp(620px, 82vh, 940px);

  overflow: hidden;

  color: #fff;

  background: #0b0b0b;

}



.hy-home-hero__media,

.hy-home-hero__shade {

  position: absolute;

  inset: 0;

}



.hy-home-hero__media img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  transform: scale(1.002);

}



.hy-home-hero__shade {

  background:

    linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.63) 34%, rgba(0,0,0,.12) 68%, rgba(0,0,0,.18) 100%),

    linear-gradient(0deg, rgba(0,0,0,.45), transparent 45%);

}



.hy-home-hero__inner {

  position: relative;

  z-index: 2;

  display: grid;

  min-height: inherit;

  grid-template-columns: minmax(0, 1fr) auto;

  align-items: end;

  gap: 2rem;

  padding-block: clamp(5rem, 11vw, 10rem) clamp(2.5rem, 6vw, 5rem);

}



.hy-home-hero__content {

  width: min(100%, 760px);

}



.hy-home-hero__eyebrow,

.hy-home-kicker {

  margin: 0 0 1rem;

  color: var(--hy-accent);

  font-size: .72rem;

  font-weight: 900;

  letter-spacing: .18em;

  text-transform: uppercase;

}



.hy-home-hero__title {

  max-width: 760px;

  margin: 0;

  font-size: clamp(4.5rem, 11vw, 10.5rem);

  line-height: .82;

  text-wrap: balance;

}



.hy-home-hero__text {

  width: min(100%, 600px);

  margin: clamp(1.5rem, 3vw, 2.5rem) 0 2rem;

  color: rgba(255,255,255,.78);

  font-size: clamp(1rem, 1.5vw, 1.22rem);

}



.hy-home-hero__actions {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 1.4rem;

}



.hy-home-button {

  display: inline-flex;

  min-height: 54px;

  align-items: center;

  padding: .9rem 1.45rem;

  color: var(--hy-ink);

  border: 1px solid var(--hy-accent);

  background: var(--hy-accent);

  font-size: .75rem;

  font-weight: 900;

  letter-spacing: .11em;

  text-decoration: none;

  text-transform: uppercase;

  transition: color 180ms ease, background 180ms ease, transform 180ms ease;

}



.hy-home-button:hover {

  color: #fff;

  background: transparent;

  transform: translateY(-2px);

}



.hy-home-link {

  display: inline-flex;

  align-items: center;

  gap: .6rem;

  padding-block: .5rem;

  border-bottom: 1px solid currentColor;

  font-size: .75rem;

  font-weight: 850;

  letter-spacing: .1em;

  text-decoration: none;

  text-transform: uppercase;

}



.hy-home-link span {

  transition: transform 180ms ease;

}



.hy-home-link:hover span {

  transform: translate(3px, 2px);

}



.hy-home-hero__index {

  display: grid;

  align-self: end;

  gap: .25rem;

  padding-left: 1.3rem;

  border-left: 1px solid rgba(255,255,255,.45);

  color: rgba(255,255,255,.68);

  font-size: .66rem;

  font-weight: 800;

  letter-spacing: .13em;

}



.hy-home-marquee {

  overflow: hidden;

  color: var(--hy-ink);

  border-block: 1px solid var(--hy-ink);

  background: var(--hy-accent);

}



.hy-home-marquee__track {

  display: flex;

  width: max-content;

  animation: hy-marquee 24s linear infinite;

}



.hy-home-marquee__group {

  display: flex;

  flex-shrink: 0;

  align-items: center;

  gap: 1.7rem;

  padding: .9rem .85rem;

  font-family: var(--hy-font-heading);

  font-size: clamp(.95rem, 1.9vw, 1.35rem);

  font-weight: 900;

  letter-spacing: .05em;

  text-transform: uppercase;

}



.hy-home-marquee__group i {

  font-family: sans-serif;

  font-style: normal;

  font-size: .9em;

}



.hy-home-categories,

.hy-home-products,

.hy-home-values {

  padding-block: clamp(4.5rem, 9vw, 9rem);

}



.hy-home-section-head {

  display: flex;

  align-items: end;

  justify-content: space-between;

  gap: 2rem;

  margin-bottom: clamp(2rem, 4vw, 4rem);

}



.hy-home-section-head h2 {

  max-width: 900px;

  margin: 0;

  font-size: clamp(2.8rem, 7vw, 7rem);

}



.hy-home-section-head > a {

  flex-shrink: 0;

  padding-bottom: .35rem;

  border-bottom: 1px solid currentColor;

  font-size: .72rem;

  font-weight: 850;

  letter-spacing: .09em;

  text-decoration: none;

  text-transform: uppercase;

}



.hy-home-categories__grid {

  display: grid;

  grid-template-columns: 1.45fr 1fr;

  gap: clamp(1rem, 2vw, 2rem);

}



.hy-home-category {

  position: relative;

  display: flex;

  min-height: clamp(470px, 58vw, 760px);

  align-items: end;

  overflow: hidden;

  padding: clamp(1.5rem, 3.5vw, 3rem);

  color: #fff;

  text-decoration: none;

}



.hy-home-category--image::after {

  position: absolute;

  inset: 0;

  background: linear-gradient(0deg, rgba(0,0,0,.78), transparent 62%);

  content: "";

}



.hy-home-category--image > img {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: 68% center;

  transition: transform 500ms cubic-bezier(.2,.7,.2,1);

}



.hy-home-category--image:hover > img {

  transform: scale(1.025);

}



.hy-home-category--acid {

  color: var(--hy-ink);

  background: var(--hy-accent);

}



.hy-home-category--acid::before,

.hy-home-product-teaser__visual::before {

  position: absolute;

  inset: 0;

  opacity: .12;

  background-image: linear-gradient(135deg, transparent 46%, currentColor 47%, currentColor 53%, transparent 54%);

  background-size: 42px 42px;

  content: "";

}



.hy-home-category__number {

  position: absolute;

  z-index: 2;

  top: 1.5rem;

  right: 1.5rem;

  font-family: var(--hy-font-heading);

  font-size: 1.3rem;

}



.hy-home-category__stamp {

  position: absolute;

  top: 12%;

  left: 50%;

  width: calc(100% - 2rem);

  color: transparent;

  font-family: var(--hy-font-heading);

  font-size: clamp(3.2rem, 5.2vw, 5.7rem);

  line-height: .76;

  text-align: center;

  -webkit-text-stroke: 2px var(--hy-ink);

  transform: translateX(-50%) rotate(-5deg);

}



.hy-home-category__content {

  position: relative;

  z-index: 2;

  display: grid;

  width: 100%;

}



.hy-home-category__content small,

.hy-home-category__content em {

  font-size: .7rem;

  font-style: normal;

  font-weight: 850;

  letter-spacing: .12em;

  text-transform: uppercase;

}



.hy-home-category__content strong {

  margin-block: .6rem 1.3rem;

  font-family: var(--hy-font-heading);

  font-size: clamp(2.7rem, 6vw, 6rem);

  letter-spacing: -.04em;

  line-height: .9;

  text-transform: uppercase;

}



.hy-home-category--acid .hy-home-category__content strong {

  max-width: 100%;

  font-size: clamp(2.55rem, 4.7vw, 4.9rem);

  overflow-wrap: anywhere;

}



.hy-home-products {

  background: #fff;

}



.hy-home-product-preview {

  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: clamp(.8rem, 1.8vw, 1.6rem);

}



.hy-home-product-teaser__visual {

  position: relative;

  display: grid;

  overflow: hidden;

  place-items: center;

  background: #e8e5de;

  aspect-ratio: 4 / 5;

}



.hy-home-product-teaser:nth-child(even) .hy-home-product-teaser__visual {

  color: #fff;

  background: var(--hy-ink);

}



.hy-home-product-teaser__visual span {

  position: relative;

  z-index: 1;

  font-family: var(--hy-font-heading);

  font-size: clamp(2.4rem, 5vw, 5rem);

  letter-spacing: -.06em;

}



.hy-home-product-teaser__meta {

  display: grid;

  gap: .2rem;

  padding-top: 1rem;

  border-top: 1px solid var(--hy-ink);

  margin-top: 1rem;

  text-transform: uppercase;

}



.hy-home-product-teaser__meta strong {

  font-size: .82rem;

  letter-spacing: .04em;

}



.hy-home-product-teaser__meta span {

  color: var(--hy-muted);

  font-size: .68rem;

  letter-spacing: .08em;

}



.hy-home-manifesto {

  padding-block: clamp(5rem, 11vw, 11rem);

  color: #fff;

  background: var(--hy-ink);

}



.hy-home-manifesto__grid {

  display: grid;

  grid-template-columns: minmax(140px, .45fr) minmax(0, 2fr);

  gap: 2rem;

}



.hy-home-manifesto__index {

  margin: .5rem 0 0;

  color: var(--hy-accent);

  font-size: .68rem;

  font-weight: 850;

  letter-spacing: .13em;

}



.hy-home-manifesto h2 {

  margin: 0;

  color: #fff;

  font-size: clamp(4rem, 11vw, 11rem);

  line-height: .78;

}



.hy-home-manifesto__grid > div > p {

  width: min(100%, 650px);

  margin: 2rem 0;

  color: rgba(255,255,255,.66);

  font-size: clamp(1.05rem, 1.7vw, 1.3rem);

}



.hy-home-link--light {

  color: var(--hy-accent);

}



.hy-home-values__grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  border-top: 1px solid var(--hy-ink);

}



.hy-home-values__grid > div {

  min-height: 220px;

  padding: 1.3rem clamp(1rem, 2.5vw, 2.4rem) 1rem 0;

  border-right: 1px solid var(--hy-border);

}



.hy-home-values__grid > div + div {

  padding-left: clamp(1rem, 2.5vw, 2.4rem);

}



.hy-home-values span {

  display: block;

  margin-bottom: 3rem;

  color: var(--hy-muted);

  font-size: .68rem;

  font-weight: 800;

}



.hy-home-values strong {

  display: block;

  font-family: var(--hy-font-heading);

  font-size: clamp(1.5rem, 3vw, 2.7rem);

  line-height: .95;

  text-transform: uppercase;

}



.hy-home-values p {

  margin-bottom: 0;

  color: var(--hy-muted);

}



@media (max-width: 900px) {

  .hy-home-categories__grid { grid-template-columns: 1fr; }

  .hy-home-category { min-height: 640px; }

  .hy-home-product-preview { grid-template-columns: repeat(2, minmax(0, 1fr)); }

}



@media (max-width: 767px) {

  .hy-home-hero { min-height: 640px; }

  .hy-home-hero__media img { object-position: 64% center; }

  .hy-home-hero__shade {

    background: linear-gradient(0deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.38) 68%, rgba(0,0,0,.16) 100%);

  }

  .hy-home-hero__inner { grid-template-columns: 1fr; padding-bottom: 2rem; }

  .hy-home-hero__content { align-self: end; }

  .hy-home-hero__title { font-size: clamp(4rem, 21vw, 6.4rem); }

  .hy-home-hero__text { margin-block: 1.2rem 1.6rem; }

  .hy-home-hero__actions { display: grid; justify-items: start; gap: .9rem; }

  .hy-home-hero__index { display: none; }

  .hy-home-section-head { display: grid; gap: 1rem; }

  .hy-home-section-head > a { justify-self: start; }

  .hy-home-category { min-height: 520px; }

  .hy-home-category--image > img { object-position: 62% center; }

  .hy-home-category__stamp { width: calc(100% - 2rem); font-size: 3rem; line-height: .82; }

  .hy-home-product-preview { gap: 1rem .7rem; }

  .hy-home-manifesto__grid { grid-template-columns: 1fr; }

  .hy-home-manifesto__index { margin-bottom: 1rem; }

  .hy-home-values__grid { grid-template-columns: 1fr; }

  .hy-home-values__grid > div,

  .hy-home-values__grid > div + div { min-height: 0; padding: 1.5rem 0 2rem; border-right: 0; border-bottom: 1px solid var(--hy-border); }

  .hy-home-values span { margin-bottom: 1.3rem; }

}



@media (prefers-reduced-motion: reduce) {

  .hy-home-marquee__track { animation: none; }

}



/* Editorial collage storefront — 0.6 */

:root {

  --hy-red: #c91f24;

  --hy-newsprint: #f4f1e9;

}



body.home {

  background: var(--hy-newsprint);

}



.home .hy-announcement {

  display: none;

}



.home .hy-header,

.home .hy-header.is-sticky,

.home .hy-header.is-transparent {

  position: sticky;

  top: 0;

  color: #fff;

  border-color: rgba(255, 255, 255, .16);

  background:

    radial-gradient(circle at 20% 0, rgba(255,255,255,.06) 0 1px, transparent 2px) 0 0 / 13px 13px,

    #080808;

  backdrop-filter: none;

}



body.admin-bar.home .hy-header,

body.admin-bar.home .hy-header.is-sticky {

  top: 32px;

}



.home .hy-header__inner {

  min-height: 72px;

}



.home .hy-logo--header {

  width: clamp(122px, 12vw, 168px);

  max-height: 54px;

}



.home .hy-nav a,

.home .hy-header__action,

.home .hy-search-toggle {

  color: #fff;

}



.home .hy-cart-count {

  color: #fff;

  background: var(--hy-red);

}



.hy-collage-hero {

  position: relative;

  display: grid;

  min-height: min(72vh, 760px);

  grid-template-columns: minmax(430px, .95fr) minmax(520px, 1.35fr) 96px;

  overflow: hidden;

  color: #0a0a0a;

  background: #0a0a0a;

  border-bottom: 1px solid #0a0a0a;

}



.hy-collage-hero::after,

.hy-raw-manifesto::after,

.hy-raw-newsletter::after {

  position: absolute;

  z-index: 8;

  inset: 0;

  opacity: .16;

  background-image:

    linear-gradient(96deg, transparent 0 46%, rgba(255,255,255,.22) 47%, transparent 48%),

    radial-gradient(circle, rgba(0,0,0,.55) 0 1px, transparent 1.5px);

  background-size: 260px 100%, 11px 11px;

  content: "";

  pointer-events: none;

  mix-blend-mode: multiply;

}



.hy-collage-hero__paper {

  position: absolute;

  z-index: 0;

  top: 0;

  bottom: 0;

  left: 0;

  width: 47%;

  background:

    linear-gradient(103deg, transparent 0 91%, rgba(0,0,0,.1) 91.2%, transparent 94%),

    radial-gradient(circle at 12% 32%, rgba(0,0,0,.12) 0 1px, transparent 1.5px) 0 0 / 10px 10px,

    #f8f6f0;

  clip-path: polygon(0 0, 93% 0, 100% 17%, 95% 48%, 100% 74%, 92% 100%, 0 100%);

}



.hy-collage-hero__copy {

  position: relative;

  z-index: 3;

  align-self: stretch;

  padding: clamp(2.6rem, 5vw, 5.8rem) clamp(2rem, 4.6vw, 5.5rem);

}



.hy-collage-hero__eyebrow {

  margin: 0 0 clamp(1.5rem, 3vw, 3.8rem);

  font-size: .68rem;

  font-weight: 900;

  letter-spacing: .14em;

  text-transform: uppercase;

}



.hy-collage-hero__title {

  position: relative;

  z-index: 2;

  display: grid;

  max-width: 660px;

  margin: 0;

  font-size: clamp(4rem, 7.1vw, 8.4rem);

  line-height: .76;

  letter-spacing: -.065em;

  text-wrap: balance;

}



.hy-collage-hero__title mark {

  width: fit-content;

  color: var(--hy-red);

  background: transparent;

  font: inherit;

}



.hy-collage-hero__text {

  max-width: 420px;

  margin: clamp(1.35rem, 2.5vw, 2.4rem) 0 1.6rem;

  font-size: clamp(.84rem, 1.15vw, 1rem);

  font-weight: 750;

  line-height: 1.28;

  text-transform: uppercase;

}



.hy-red-button,

.hy-outline-button {

  display: inline-flex;

  min-height: 52px;

  align-items: center;

  justify-content: center;

  gap: 1.2rem;

  padding: .85rem 1.6rem;

  font-size: .72rem;

  font-weight: 900;

  letter-spacing: .07em;

  text-decoration: none;

  text-transform: uppercase;

}



.hy-red-button {

  color: #fff;

  border: 1px solid var(--hy-red);

  background: var(--hy-red);

}



.hy-red-button:hover {

  color: var(--hy-red);

  background: #fff;

}



.hy-collage-hero__crown {

  position: absolute;

  top: 4.2rem;

  right: 10%;

  font-family: cursive;

  font-size: clamp(3rem, 5vw, 6rem);

  transform: rotate(10deg);

}



.hy-collage-hero__scribble {

  position: absolute;

  right: 1.5rem;

  bottom: 2.2rem;

  padding: .6rem .9rem;

  font-family: "Courier New", monospace;

  font-size: clamp(.82rem, 1.2vw, 1.08rem);

  font-weight: 900;

  line-height: 1.05;

  transform: rotate(-8deg);

}



.hy-collage-hero__image {

  position: relative;

  z-index: 1;

  min-width: 0;

  overflow: hidden;

  background: #171717;

}



.hy-collage-hero__image::after {

  position: absolute;

  inset: 0;

  background:

    linear-gradient(90deg, rgba(0,0,0,.15), transparent 40%, rgba(0,0,0,.25)),

    linear-gradient(0deg, rgba(0,0,0,.38), transparent 36%);

  content: "";

}



.hy-collage-hero__image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: 69% center;

  filter: grayscale(1) contrast(1.18);

  transform: scale(1.01);

}



.hy-collage-hero__tape {

  position: absolute;

  z-index: 4;

  right: 8%;

  bottom: 8%;

  width: 180px;

  height: 26px;

  background: var(--hy-red);

  transform: rotate(-16deg);

  mix-blend-mode: multiply;

}



.hy-collage-hero__tag {

  position: absolute;

  z-index: 5;

  right: 5%;

  bottom: 12%;

  margin: 0;

  color: #fff;

  font-family: "Courier New", monospace;

  font-size: clamp(.9rem, 1.4vw, 1.25rem);

  font-weight: 900;

  line-height: .92;

  transform: rotate(-7deg);

}



.hy-collage-hero__rail {

  position: relative;

  z-index: 4;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  padding: 1.3rem 1rem;

  color: #fff;

  border-left: 1px solid rgba(255,255,255,.24);

  background: #090909;

}



.hy-collage-hero__rail p {

  margin: 0;

  font-family: "Courier New", monospace;

  font-size: .56rem;

  font-weight: 800;

  line-height: 1.18;

}



.hy-collage-hero__rail span {

  font-size: 2.2rem;

  text-align: center;

}



.hy-raw-products,

.hy-raw-categories {

  padding: clamp(1.8rem, 3.7vw, 4rem) clamp(1rem, 4.2vw, 4.8rem);

  background: #fff;

}



.hy-raw-section-head {

  display: flex;

  align-items: end;

  justify-content: space-between;

  gap: 2rem;

  margin-bottom: 1.2rem;

}



.hy-raw-section-head h2 {

  position: relative;

  margin: 0;

  font-size: clamp(2.1rem, 4vw, 4.6rem);

  line-height: .86;

}



.hy-raw-section-head h2::after {

  position: absolute;

  right: 0;

  bottom: -.55rem;

  left: 0;

  height: 4px;

  background: #0a0a0a;

  content: "";

  transform: rotate(-1deg);

}



.hy-raw-section-head > a {

  flex-shrink: 0;

  font-size: .7rem;

  font-weight: 900;

  letter-spacing: .08em;

  text-decoration: none;

  text-transform: uppercase;

}



.hy-raw-products__grid,

.hy-raw-products .products {

  display: grid !important;

  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

  align-items: stretch;

  gap: clamp(12px, 1.5vw, 24px) !important;

  padding: 0;

  margin: 0;

  list-style: none;

}



.hy-raw-products .products li.product {

  display: flex;

  min-width: 0;

  height: 100%;

  flex-direction: column;

}



.hy-raw-product {

  min-width: 0;

  padding: .55rem;

  background: #f1f1f1;

}



.hy-raw-product__image {

  position: relative;

  display: block;

  overflow: hidden;

  background: #e4e4e4;

  aspect-ratio: 1 / 1.12;

}



.hy-raw-product__image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  filter: grayscale(1) contrast(1.2);

  transition: transform 280ms ease, filter 280ms ease;

}



.hy-raw-product:hover .hy-raw-product__image img {

  filter: grayscale(1) contrast(1.28);

  transform: scale(1.035);

}



.hy-raw-product__image--01 img { object-position: 58% center; }

.hy-raw-product__image--02 img { object-position: 70% 18%; transform: scale(1.28); }

.hy-raw-product__image--03 img { object-position: 75% 80%; transform: scale(1.42); }

.hy-raw-product__image--04 img { object-position: 63% 24%; transform: scale(1.55); }

.hy-raw-product__image--05 img { object-position: 83% 13%; transform: scale(1.7); }



.hy-raw-product__image span {

  position: absolute;

  right: .55rem;

  bottom: .45rem;

  padding: .28rem .4rem;

  color: #fff;

  background: #0a0a0a;

  font-size: .58rem;

  font-weight: 900;

  letter-spacing: .1em;

}



.hy-raw-product__meta {

  display: flex;

  align-items: end;

  justify-content: space-between;

  gap: .8rem;

  padding-top: .75rem;

  text-transform: uppercase;

}



.hy-raw-product__meta > div {

  display: grid;

}



.hy-raw-product__meta strong {

  font-size: .72rem;

  line-height: 1.1;

}



.hy-raw-product__meta small {

  color: #555;

  font-size: .62rem;

  font-weight: 700;

}



.hy-raw-product__meta > a {

  font-size: 1.55rem;

  font-weight: 300;

  line-height: 1;

  text-decoration: none;

}



.hy-raw-manifesto {

  position: relative;

  display: grid;

  min-height: 480px;

  grid-template-columns: .72fr .9fr 1.15fr 1.08fr;

  overflow: hidden;

  color: #fff;

  background: #080808;

}



.hy-raw-manifesto > div {

  position: relative;

  min-width: 0;

  overflow: hidden;

}



.hy-raw-manifesto__red {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  padding: clamp(1.5rem, 3vw, 3.2rem);

  background:

    radial-gradient(circle at 15% 15%, rgba(0,0,0,.36) 0 1px, transparent 1.5px) 0 0 / 12px 12px,

    var(--hy-red);

}



.hy-raw-manifesto__red::after {

  position: absolute;

  right: -20px;

  bottom: 11%;

  left: -20px;

  height: 42px;

  background: rgba(0,0,0,.3);

  content: "";

  transform: rotate(-7deg);

}



.hy-raw-manifesto__red p {

  margin: 0;

  font-family: "Courier New", monospace;

  font-size: clamp(1.25rem, 2.3vw, 2.6rem);

  font-weight: 900;

  line-height: .95;

  transform: rotate(-4deg);

}



.hy-raw-manifesto__red small {

  position: relative;

  z-index: 2;

  font-size: .57rem;

  font-weight: 900;

  line-height: 1.12;

}



.hy-raw-manifesto__photo img,

.hy-raw-manifesto__city img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  filter: grayscale(1) contrast(1.25);

}



.hy-raw-manifesto__photo img {

  object-position: 71% center;

}



.hy-raw-manifesto__copy {

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: clamp(2rem, 4.2vw, 5rem);

  background: #080808;

}



.hy-red-label {

  margin: 0 0 .5rem;

  color: var(--hy-red);

  font-size: .68rem;

  font-weight: 900;

  letter-spacing: .08em;

  text-transform: uppercase;

}



.hy-raw-manifesto__copy h2 {

  margin: 0;

  color: #fff;

  font-size: clamp(2.6rem, 4.8vw, 5.8rem);

  line-height: .78;

}



.hy-raw-manifesto__copy > p:not(.hy-red-label) {

  max-width: 480px;

  margin: 1.4rem 0;

  color: rgba(255,255,255,.75);

  font-size: .74rem;

  font-weight: 650;

  line-height: 1.42;

  text-transform: uppercase;

}



.hy-outline-button {

  width: fit-content;

  min-height: 44px;

  color: #fff;

  border: 1px solid #fff;

}



.hy-outline-button:hover {

  color: #0a0a0a;

  background: #fff;

}



.hy-raw-manifesto__city img {

  object-position: 20% center;

  transform: scaleX(-1) scale(1.14);

}



.hy-raw-manifesto__city p {

  position: absolute;

  z-index: 2;

  top: 12%;

  right: 9%;

  margin: 0;

  color: #fff;

  font-family: "Courier New", monospace;

  font-size: clamp(1rem, 1.65vw, 1.8rem);

  font-weight: 900;

  line-height: .95;

  transform: rotate(-6deg);

}



.hy-raw-categories {

  padding-top: clamp(2rem, 3.8vw, 4.5rem);

}



.hy-raw-categories__grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 10px;

}



.hy-raw-category {

  position: relative;

  display: flex;

  min-height: 240px;

  align-items: end;

  overflow: hidden;

  padding: 1rem;

  color: #fff;

  text-decoration: none;

}



.hy-raw-category::after {

  position: absolute;

  inset: 0;

  background: linear-gradient(0deg, rgba(0,0,0,.82), transparent 68%);

  content: "";

}



.hy-raw-category img {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  filter: grayscale(1) contrast(1.2);

  transition: transform 300ms ease;

}



.hy-raw-category:hover img {

  transform: scale(1.045);

}



.hy-raw-category--01 img { object-position: 62% center; }

.hy-raw-category--02 img { object-position: 73% 25%; transform: scale(1.25); }

.hy-raw-category--03 img { object-position: 77% 80%; transform: scale(1.35); }

.hy-raw-category--04 img { object-position: 60% 15%; transform: scale(1.45); }



.hy-raw-category > span,

.hy-raw-category > i {

  position: relative;

  z-index: 2;

}



.hy-raw-category > span {

  display: grid;

}



.hy-raw-category strong {

  font-family: var(--hy-font-heading);

  font-size: clamp(1.5rem, 2.5vw, 2.8rem);

  line-height: .9;

  text-transform: uppercase;

}



.hy-raw-category small {

  font-size: .58rem;

  font-weight: 750;

  letter-spacing: .04em;

  text-transform: uppercase;

}



.hy-raw-category i {

  margin-left: auto;

  font-size: 1.4rem;

  font-style: normal;

}



.hy-raw-newsletter {

  position: relative;

  display: grid;

  grid-template-columns: minmax(260px, .8fr) minmax(420px, 1.4fr) minmax(150px, .35fr);

  align-items: center;

  gap: clamp(1.5rem, 4vw, 5rem);

  overflow: hidden;

  padding: clamp(2rem, 3.6vw, 4rem) clamp(1rem, 4.2vw, 4.8rem);

  color: #fff;

  background: #080808;

}



.hy-raw-newsletter > * {

  position: relative;

  z-index: 2;

}



.hy-raw-newsletter h2 {

  margin: 0;

  color: #fff;

  font-size: clamp(2.3rem, 4.4vw, 5.2rem);

  line-height: .82;

}



.hy-raw-newsletter p {

  margin: .65rem 0 0;

  font-size: .64rem;

  font-weight: 750;

  letter-spacing: .04em;

  line-height: 1.3;

  text-transform: uppercase;

}



.hy-raw-newsletter__form {

  display: grid;

  grid-template-columns: 1fr auto;

}



.hy-raw-newsletter__form input {

  min-width: 0;

  min-height: 54px;

  padding: 0 1rem;

  color: #0a0a0a;

  border: 0;

  background: #fff;

  opacity: 1;

}



.hy-raw-newsletter__form button,

.hy-raw-newsletter__form button:disabled {

  min-height: 54px;

  color: #fff;

  border-color: var(--hy-red);

  background: var(--hy-red);

  opacity: 1;

  cursor: default;

}



.hy-raw-newsletter__note {

  color: #fff;

  font-family: "Courier New", monospace;

  font-size: .82rem !important;

  transform: rotate(-7deg);

}



.home .hy-footer {

  padding-block: 2.4rem 1.2rem;

  color: #0a0a0a;

  border-top: 1px solid #0a0a0a;

  background: #fff;

}



.home .hy-footer__grid {

  grid-template-columns: minmax(0, 1.6fr) repeat(2, minmax(140px, .7fr));

  align-items: start;

}



.home .hy-footer__brand .hy-logo {

  width: min(100%, 180px);

}



.home .hy-footer__title {

  color: var(--hy-red);

}



.home .hy-footer__bottom {

  margin-top: 2rem;

  color: #555;

  border-color: rgba(0,0,0,.2);

}



@media (max-width: 1180px) {

  .hy-collage-hero {

    grid-template-columns: minmax(360px, .9fr) minmax(430px, 1.1fr) 72px;

  }



  .hy-collage-hero__copy {

    padding-inline: 2.2rem;

  }



  .hy-raw-products__grid,

  .hy-raw-products .products {

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

  }



  .hy-raw-manifesto {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }



  .hy-raw-manifesto > div {

    min-height: 420px;

  }

}



@media (max-width: 900px) {

  .hy-collage-hero {

    min-height: 780px;

    grid-template-columns: minmax(0, 1fr) 64px;

  }



  .hy-collage-hero__paper {

    z-index: 2;

    width: 70%;

    background: rgba(248,246,240,.93);

  }



  .hy-collage-hero__copy {

    grid-column: 1;

    grid-row: 1;

  }



  .hy-collage-hero__image {

    grid-column: 1;

    grid-row: 1;

  }



  .hy-collage-hero__rail {

    grid-column: 2;

    grid-row: 1;

  }



  .hy-collage-hero__title {

    max-width: 70%;

    font-size: clamp(4.8rem, 12vw, 8rem);

  }



  .hy-raw-categories__grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }



  .hy-raw-products__grid,

  .hy-raw-products .products {

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  }



  .hy-raw-newsletter {

    grid-template-columns: 1fr 1.4fr;

  }



  .hy-raw-newsletter__note {

    display: none;

  }

}



@media (max-width: 767px) {

  body.admin-bar.home .hy-header,

  body.admin-bar.home .hy-header.is-sticky {

    top: 46px;

  }



  .home .hy-header__inner {

    min-height: 62px;

  }



  .home .hy-logo--header {

    width: 112px;

  }



  .home .hy-nav {

    color: #fff;

    border-color: rgba(255,255,255,.16);

    background: #080808;

  }



  .home .hy-nav a {

    color: #fff;

  }



  .hy-collage-hero {

    min-height: 690px;

    grid-template-columns: minmax(0, 1fr);

  }



  .hy-collage-hero__paper {

    width: 100%;

    height: 66%;

    background: linear-gradient(0deg, rgba(248,246,240,.78), #f8f6f0 32%);

    clip-path: polygon(0 0, 100% 0, 100% 93%, 73% 100%, 45% 95%, 0 100%);

  }



  .hy-collage-hero__copy {

    padding: 2rem 1.15rem;

  }



  .hy-collage-hero__title {

    max-width: 92%;

    font-size: clamp(4rem, 20vw, 6.5rem);

  }



  .hy-collage-hero__text {

    max-width: 88%;

  }



  .hy-collage-hero__image img {

    object-position: 66% bottom;

  }



  .hy-collage-hero__rail,

  .hy-collage-hero__crown,

  .hy-collage-hero__scribble {

    display: none;

  }



  .hy-collage-hero__tag {

    right: 1rem;

    bottom: 1.3rem;

  }



  .hy-raw-products,

  .hy-raw-categories,

  .hy-raw-newsletter {

    padding-inline: 14px;

  }



  .hy-raw-products__grid,

  .hy-raw-products .products {

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  }



  .hy-raw-manifesto {

    grid-template-columns: 1fr;

  }



  .hy-raw-manifesto > div {

    min-height: 360px;

  }



  .hy-raw-manifesto__red {

    min-height: 300px !important;

  }



  .hy-raw-categories__grid {

    grid-template-columns: 1fr;

  }



  .hy-raw-category {

    min-height: 220px;

  }



  .hy-raw-newsletter {

    grid-template-columns: 1fr;

  }



  .hy-raw-newsletter__form {

    grid-template-columns: 1fr;

  }



  .home .hy-footer__grid {

    grid-template-columns: 1fr;

  }

}



/* Navigation layout and accessible mobile menu — September 2026 audit */

@media (min-width: 1281px) {

  .hy-header__inner { gap: 1.25rem; }

  .hy-nav ul { gap: clamp(.65rem, 1vw, 1.25rem); }

  .hy-nav a { font-size: .68rem; letter-spacing: .025em; white-space: nowrap; }

}

@media (max-width: 1280px) {

  .hy-header__inner { grid-template-columns: auto 1fr; }

  .hy-nav { display: none; }

  .hy-menu-toggle { display: inline-block; }

  .hy-nav.is-open { position: absolute; top: 100%; right: 0; left: 0; width: 100%; display: block; justify-self: stretch; padding: .5rem 20px 1rem; max-height: calc(100dvh - 160px); overflow-y: auto; overscroll-behavior: contain; color: var(--hy-ink); background: var(--hy-paper); border-bottom: 1px solid var(--hy-border); box-shadow: 0 8px 14px rgba(0,0,0,.15); }

  .hy-nav.is-open ul { display: grid; gap: 0; }

  .hy-nav.is-open a { display: block; min-height: 44px; padding-block: .8rem; border-bottom: 1px solid var(--hy-border); }

  .home .hy-nav.is-open { color: #fff; background: #080808; }

  .home .hy-nav.is-open a { color: #fff; border-color: rgba(255,255,255,.16); }

}



/* Consent readability and overlay clearance */

.cookieadmin_consent_inside .cookieadmin-poweredby a, .cookieadmin_consent_inside .cookieadmin-poweredby span { color: #d6d6d6 !important; }

.hy-shop-hero h1 { overflow-wrap: anywhere; }

body:has(.hy-nav.is-open) .cookieadmin_re_consent, body.hy-search-open .cookieadmin_re_consent { visibility: hidden; }