/* -- FULL-BLEED BLOCKS -- */
.conveyor-block, .new-materials-block, .project-news-block { position: relative; overflow: hidden; }
.conveyor-block__inner, .new-materials-block__inner, .project-news-block__inner { position: relative; width: 1440px; margin: 0 auto; }
.block-ribbon { position: absolute; top: 0; height: 100%; }
.block-ribbon.is-left { left: min(0px, calc(720px - 50vw)); }
.block-ribbon.is-right { right: max(calc(1440px - 100vw), calc(720px - 50vw)); }

/* -- CONVEYOR BLOCK -- */
.conveyor-block { background: var(--color-beige); }
.conveyor-block::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: url("../assets/background/paper_tiling_1.jpg") top left / 2048px 2048px repeat; opacity: 0.12; }
.conveyor-block__inner { height: 752px; }
.conveyor-block .plus { position: absolute; background-image: url("../assets/background/plus.svg"); }
.conveyor-block .plus.is-tl { left: 80px; top: 40px; }
.conveyor-block .plus.is-tr { left: 1320px; top: 40px; }
.conveyor-block .plus.is-bl { left: 80px; bottom: 40px; }
.conveyor-block .plus.is-br { right: 80px; bottom: 40px; }
.conveyor-block__content { position: absolute; left: 200px; top: 80px; width: 1040px; display: flex; flex-direction: column; gap: var(--spacer-80px); }
.conveyor-block__hero { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.conveyor-block__heading { width: 700px; text-transform: uppercase; mix-blend-mode: multiply; }
.conveyor-block__line-1 { color: var(--color-rich-black); }
.conveyor-block__line-2 { color: var(--color-red); }
.conveyor-block__logo { flex: none; width: 222px; height: 222px; }
.conveyor-block__lead { display: flex; flex-direction: column; gap: var(--spacer-40px); width: 100%; }
.conveyor-block__body { color: var(--color-black); text-transform: uppercase; }
.conveyor-block__buttons { display: flex; align-items: center; gap: var(--spacer-40px); }
.conveyor-block .small-title__section { color: var(--color-black); }
.conveyor-block .small-title__separator { color: var(--color-red); }
.conveyor-block .small-title__name { color: var(--color-grey); }

/* -- NEW MATERIALS BLOCK -- */
.new-materials-block { background: var(--color-red); color: var(--color-white); }
.new-materials-block::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: url("../assets/background/paper_tiling_1.jpg") top left / 2048px 2048px repeat; opacity: 0.12; }
.new-materials-block__inner { height: 896px; }
.new-materials-block__eyebrow { position: absolute; left: 200px; top: 80px; }
.new-materials-block__heading { position: absolute; left: 200px; top: 176px; color: var(--color-white); text-transform: uppercase; }
.new-materials-block__catalog { position: absolute; left: 1064px; top: 204px; color: var(--color-white); }
.new-materials-block__divider { position: absolute; left: 200px; top: 236px; width: 1040px; background: var(--color-white); }
.new-materials-block__star { position: absolute; left: 1280px; top: 40px; width: 120px; height: 120px; display: grid; place-items: center; transform: rotate(15deg); background: url("../assets/background/star.svg") center / contain no-repeat; color: var(--color-white); text-transform: uppercase; }
.new-materials-block__carousel { position: absolute; left: 108px; top: 274px; display: flex; flex-direction: column; align-items: center; gap: var(--spacer-40px); }
.new-materials-block__row { display: flex; align-items: center; gap: var(--spacer-40px); }
.new-materials-block__viewport { width: 1040px; clip-path: inset(-12px); }
.new-materials-block__track { display: flex; gap: var(--spacer-40px); transition: transform 0.3s ease; }
.new-materials-block__track > .material-card { flex: none; }
.new-materials-block__arrow { width: 52px; background: var(--color-white); color: var(--color-black); }
.new-materials-block__arrow:hover { background: var(--color-beige); }
.new-materials-block__arrow:active { background: var(--color-beige-grey); }
.new-materials-block__pager { display: flex; align-items: center; gap: var(--spacer-8px); color: var(--color-white); text-transform: uppercase; }
.new-materials-block__barcode { position: absolute; right: max(calc(1440px - 100vw), calc(720px - 50vw)); bottom: 40px; }
.new-materials-block .small-title__section, .new-materials-block .small-title__name { color: var(--color-white); }
.new-materials-block .small-title__separator { color: var(--color-white); opacity: 0.5; }

/* -- PROJECT NEWS BLOCK -- */
.project-news-block { background: var(--color-beige); }
.project-news-block::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: url("../assets/background/paper_tiling_1.jpg") top left / 2048px 2048px repeat; opacity: 0.12; }
.project-news-block__inner { padding-top: 274px; padding-bottom: 90px; }
.project-news-block .plus { position: absolute; background-image: url("../assets/background/plus.svg"); }
.project-news-block .plus.is-tl { left: 80px; top: 40px; }
.project-news-block .plus.is-tr { right: 80px; top: 40px; }
.project-news-block .plus.is-bl { left: 80px; bottom: 40px; }
.project-news-block .plus.is-br { right: 80px; bottom: 40px; }
.project-news-block__eyebrow { position: absolute; left: 200px; top: 80px; }
.project-news-block__heading { position: absolute; left: 200px; top: 172px; color: var(--color-black); text-transform: uppercase; }
.project-news-block__divider { position: absolute; left: 200px; top: 232px; width: 1040px; }
.project-news-block__body { margin-left: 168px; width: 1072px; display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacer-40px); }
.project-news-block__list { width: 1072px; display: flex; flex-direction: column; gap: var(--spacer-40px); }
.project-news-block__cta { margin-left: 32px; }
.project-news-block .small-title__section, .project-news-block .small-title__name { color: var(--color-black); }
.project-news-block .small-title__separator { color: var(--color-red); }

/* -- NEWS DOCUMENT -- */
.news-doc { position: relative; background: var(--color-beige); overflow: hidden; }
.news-doc::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: url("../assets/background/paper_tiling_1.jpg") top left / 2048px 2048px repeat; opacity: 0.12; }
.news-doc__inner { position: relative; width: 1440px; margin: 0 auto; padding-top: 274px; padding-bottom: 120px; }
.news-doc .plus { position: absolute; background-image: url("../assets/background/plus.svg"); }
.news-doc .plus.is-tl { left: 80px; top: 40px; }
.news-doc .plus.is-tr { right: 80px; top: 40px; }
.news-doc .plus.is-bl { left: 80px; bottom: 40px; }
.news-doc .plus.is-br { right: 80px; bottom: 40px; }
.news-doc__topbar { position: absolute; left: 200px; top: 80px; }
.news-doc__heading { position: absolute; left: 200px; top: 172px; color: var(--color-black); text-transform: uppercase; }
.news-doc__divider { position: absolute; left: 200px; top: 232px; width: 1040px; }
.news-doc .small-title__section { color: var(--color-black); }
.news-doc .small-title__separator { color: var(--color-red); }
.news-doc .small-title__name { color: var(--color-grey); }

/* -- NEWS PAGE -- */
.news-page__body { margin-left: 168px; display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacer-80px); }
.news-page__list { width: 1072px; display: flex; flex-direction: column; gap: var(--spacer-40px); }
.news-page__archive { position: relative; margin-left: 32px; width: 1040px; padding-top: 102px; }
.news-page__archive-heading { position: absolute; left: 0; top: 0; color: var(--color-black); text-transform: uppercase; }
.news-page__archive-divider { position: absolute; left: 0; top: 60px; width: 1040px; }
.news-page__archive-list { display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacer-40px); }

/* - NEWS DETAILS -- */
.news-details__body { margin-left: 168px; width: 1072px; display: flex; flex-direction: column; gap: var(--spacer-40px); }

/* -- INSTRUCTIONS / ABOUT -- */
.doc-page .news-doc__inner { padding-top: 172px; }
.instructions-doc .small-title__name { color: var(--color-black); }
.doc-sections { display: flex; flex-direction: column; gap: var(--spacer-80px); }
.doc-section { position: relative; padding-top: 102px; }
.doc-section__heading { position: absolute; left: 200px; top: 0; color: var(--color-black); text-transform: uppercase; }
.doc-section__divider { position: absolute; left: 200px; top: 60px; width: 1040px; }
.doc-section__content { margin-left: 200px; width: 1040px; display: flex; flex-direction: column; gap: var(--spacer-40px); }
.doc-entry { display: flex; flex-direction: column; gap: var(--spacer-20px); }
.doc-section__content .news-item__body > * + * { margin-top: var(--spacer-20px); }
.doc-section__content .news-item__images { margin-left: 0; }

/* -- INSTRUCTIONS / NEWS DOCUMENT BLOCK -- */
.document-block { position: relative; background: var(--color-beige); overflow: hidden; }
.document-block::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: url("../assets/background/paper_tiling_1.jpg") top left / 2048px 2048px repeat; opacity: 0.12; }
.document-block__inner { position: relative; width: 1440px; height: 2040px; margin: 0 auto; }
.document-block .plus { position: absolute; top: 40px; background-image: url("../assets/background/plus.svg"); }
.document-block .plus.is-left { left: 80px; }
.document-block .plus.is-right { left: 1320px; }
.document-block__small-title { position: absolute; left: 200px; top: 80px; }
.document-block__small-title .small-title__section, .document-block__small-title .small-title__name { color: var(--color-black); }
.document-block__small-title .small-title__separator { color: var(--color-red); }
.document-block__heading { position: absolute; left: 196px; color: var(--color-black); text-transform: uppercase; }
.document-block__heading.is-1 { top: 172px; }
.document-block__heading.is-2 { top: 821px; }
.document-block__annotation { position: absolute; right: 200px; transform: translateY(-50%); color: var(--color-grey); text-transform: uppercase; }
.document-block__annotation.is-1 { top: 207px; }
.document-block__annotation.is-2 { top: 856px; }
.document-block__divider { position: absolute; left: 200px; width: 1040px; background: var(--color-black); opacity: 0.5; }
.document-block__divider.is-1 { top: 232px; }
.document-block__divider.is-2 { top: 881px; }
.document-block__content { position: absolute; left: 168px; width: 1072px; display: flex; flex-direction: column; gap: 40px; }
.document-block__content.is-1 { top: 274px; }
.document-block__content.is-2 { top: 923px; }
.document-block__image-row { display: flex; align-items: flex-start; gap: 20px; }
.document-block__image-row .news-item__square { opacity: 0; }
.document-block__images { display: flex; gap: 40px; }
.document-block__image { width: 320px; height: 240px; border: var(--stroke) solid var(--color-black); object-fit: cover; }
.document-block__code { position: absolute; right: 200px; bottom: 45px; transform: translateY(50%); color: var(--color-light-grey); text-transform: uppercase; }
.document-block__hint { position: absolute; right: 80px; bottom: 45px; transform: translateY(50%); color: var(--color-light-grey); text-transform: uppercase; }
.document-block__filter { position: absolute; left: 1036px; top: 821px; }
.document-block--news .small-title__name { color: var(--color-grey); }

/* -- LICENSE -- */
.document-block--license .document-block__inner { height: 1389px; }
.document-block--license .small-title__name { color: var(--color-grey); }
.document-block--license .document-block__content { left: 200px; width: 1040px; color: var(--color-black); }
.document-block--license .document-block__content > * { width: 100%; }

/* -- CATALOG BLOCK -- */
.catalog-block { position: relative; background: var(--color-beige); overflow: hidden; }
.catalog-block::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: url("../assets/background/paper_tiling_1.jpg") top left / 2048px 2048px repeat; opacity: 0.12; }
.catalog-block__inner { position: relative; width: 1440px; margin: 0 auto; padding-top: 312px; padding-bottom: 120px; }
.catalog-block .plus { position: absolute; background-image: url("../assets/background/plus.svg"); }
.catalog-block .plus.is-tl { left: 80px; top: 40px; }
.catalog-block .plus.is-tr { left: 1320px; top: 40px; }
.catalog-block .plus.is-bl { left: 80px; bottom: 40px; }
.catalog-block .plus.is-br { right: 80px; bottom: 40px; }
.catalog-block__small-title { position: absolute; left: 200px; top: 80px; }
.catalog-block__small-title .small-title__section { color: var(--color-black); }
.catalog-block__small-title .small-title__separator { color: var(--color-red); }
.catalog-block__small-title .small-title__name { color: var(--color-grey); }
.catalog-block__heading { position: absolute; left: 200px; top: 172px; color: var(--color-black); text-transform: uppercase; }
.catalog-block__filter { position: absolute; right: 200px; top: 172px; }
.catalog-block__count { position: absolute; left: 200px; top: 274px; color: var(--color-black); text-transform: uppercase; }
.catalog-block__divider { position: absolute; left: 200px; top: 232px; width: 1040px; }
.catalog-block__grid { margin-left: 200px; width: 1040px; display: grid; grid-template-columns: repeat(3, 320px); gap: 40px; }
.catalog-block__sentinel { height: 1px; }

/* -- DETAILS -- */
.detail-page { position: relative; background: var(--color-beige); overflow: hidden; }
.detail-page::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: url("../assets/background/paper_tiling_1.jpg") top left / 2048px 2048px repeat; opacity: 0.12; }
.detail-page__inner { position: relative; width: 1440px; height: 942px; margin: 0 auto; }
.detail-page .plus { position: absolute; background-image: url("../assets/background/plus.svg"); }
.detail-page .plus.is-tl { left: 80px; top: 40px; }
.detail-page .plus.is-tr { left: 1320px; top: 40px; }
.detail-page .plus.is-bl { left: 80px; bottom: 40px; }
.detail-page .plus.is-br { right: 80px; bottom: 40px; }
.detail-page__breadcrumbs { position: absolute; left: 200px; top: 80px; }
.detail-page__heading { position: absolute; left: 200px; top: 172px; color: var(--color-black); text-transform: uppercase; }
.detail-page__divider { position: absolute; left: 200px; top: 232px; width: 1040px; }
.detail-page__gallery { position: absolute; left: 200px; top: 274px; width: 500px; display: flex; flex-direction: column; gap: var(--spacer-20px); }
.detail-page__image { position: relative; width: 500px; height: 500px; border: var(--stroke) solid var(--color-black); overflow: hidden; }
.detail-page__track { display: flex; width: 100%; height: 100%; transition: transform 0.4s ease; }
.detail-page__photo { flex: 0 0 100%; height: 100%; object-fit: cover; display: block; }
.detail-page__chips { position: absolute; left: 20px; top: 20px; right: 20px; z-index: 1; display: flex; align-items: center; gap: var(--spacer-8px); }
.detail-page__chips-spacer { flex: 1; }
.detail-page__special { width: 20px; height: 20px; flex: none; }
.detail-page__gallery .image-carousel { width: 100%; }
.detail-page__info { position: absolute; left: 740px; top: 274px; width: 500px; display: flex; flex-direction: column; gap: var(--spacer-40px); }
.detail-page__description { color: var(--color-black); }
.detail-params { display: flex; flex-direction: column; gap: var(--spacer-20px); }
.detail-params__row { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--spacer-12px); }
.detail-params__item { display: flex; flex-direction: column; gap: var(--spacer-8px); }
.detail-params__label { color: var(--color-grey); text-transform: uppercase; }
.detail-params__value { color: var(--color-black); text-transform: uppercase; white-space: nowrap; }
.detail-files { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; }
.detail-files__item { color: var(--color-black); }
.detail-page__download { align-self: flex-start; }