/* Site-wide style overrides on top of the Webflow stylesheet. Loaded on every page by build.mjs.
   Assistant replaces Poppins everywhere; big titles keep Antique Olive. */

/* Assistant semi bold wherever the site used Poppins: paragraphs, labels, buttons, menu, footer */
li,
blockquote,
figcaption,
.button,
.button.medium,
.button.full,
.button.secondary,
.field-label,
.paragraph-big,
.rich-text-block p,
.body-link,
.body-link.small,
.nav-link,
.nav-link:hover,
.navigation-text,
.navigation-text.nav,
.subhead,
.view-project,
.field-form,
.paragraph,
.paragraph-2,
.paragraph-3,
.paragraph-4,
.rich-text-block-2,
.rich-text-block-2.paragraph.full, .bold-text,
.paragraph-5,
.category,
.link,
.sub-list,
.paragraph-7, .paragraph-8,
.paragraph-9,
.nav-link-4,
.caption,
.discipline,
.text-block-3, .text-block-4,
.text-span-3,
.back,
.link-3,
.back-button.testimonials,
.back-buttton-text,
.text-block-5,
.text-block-6,
.text-block-8,
.price-num,
.text-box,
.cta-2,
.text-7,
.text-block-11,
.button-2,
.about-description,
.back-button,
.menu-button,
.text-block {
  font-family: Assistant, sans-serif;
  font-weight: 600;
}

/* Labels in semi bold: project tags, buttons, menu, back button, footer links */
.discipline, .button, .nav-link-4, .back-buttton-text, .link-3, .caption, .category, .field-label {
  font-weight: 600;
}

/* Project tags: mint at 50% */
.discipline-tag { background-color: rgba(158, 255, 233, .5); }

/* Project titles under the thumbnails: Assistant bold */
.label, .label.margin-20px { font-family: Assistant, sans-serif; font-weight: 700; }

/* Footer titles and copyright line: Assistant bold */
.footer-section .heading-5 { font-family: Assistant, sans-serif; font-weight: 700; }

/* Desktop: big Antique Olive titles 4px smaller (category/collection title 46 -> 42, project title 64 -> 60) */
@media screen and (min-width: 992px) {
  .heading---2.text-align-right.vertical-center { font-size: 42px; line-height: 1.1; }
  .heading--1.align-right { font-size: 60px; line-height: 68px; }
}

/* Project card hover on every page (the Webflow interaction only ran on some pages):
   framed thumbnail and red title */
.project-link:hover > .frame-hover { display: flex !important; }
.project-link:hover .label { color: var(--rioja) !important; }

/* Mobile: clearer hierarchy between titles and paragraphs */
@media screen and (max-width: 767px) {
  .heading--1.align-right { font-size: 28px; line-height: 1.1; }
  .rich-text-block p { line-height: 1.5; }
  .label, .label.margin-20px { font-size: 18px; line-height: 1.3; }
}

/* Project body "article" layout: one readable column, images as wide as the text,
   numbered section titles (### in the content) */
.body-article { max-width: 720px; margin: 0 auto; text-align: left; line-height: normal; counter-reset: section; }
.body-article p { font-size: 18px; line-height: 1.6; margin: 0 0 6px; max-width: 620px; }
.body-article p + figure.w-richtext-figure-type-image { margin-top: 28px; }
.body-article figure.w-richtext-figure-type-image { width: 100%; max-width: 100%; margin: 0 0 24px; }
.body-article figure.w-richtext-figure-type-image > div { width: 100%; }
.body-article figure img { width: 100%; height: auto; display: block; }
.body-article h3 { counter-increment: section; margin: 96px 0 16px; padding-top: 24px; border-top: 1px solid rgba(35, 37, 88, .2);
  font-family: "Antique Olive Std Nord 3868", Verdana, sans-serif; font-size: 26px; line-height: 1.2; font-weight: 400; text-transform: none; color: var(--blueberry); }
.body-article h3::before { content: counter(section, decimal-leading-zero); display: block; margin-bottom: 12px;
  font-family: Assistant, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: .12em; color: var(--rioja); }
.body-article h3:first-child { margin-top: 24px; }
@media screen and (max-width: 767px) {
  .body-article h3 { font-size: 22px; margin-top: 64px; }
  .body-article p { font-size: 16px; }
}

/* Back button: the label takes the project's title color, but on hover (white pill) it goes dark again */
.back-button:hover .back-buttton-text { color: #000 !important; }