:root {
  --about-wine: #5a3036;
  --about-gold: #98865d;
  --about-cream: #f4ede4;
  --about-paper: #fffdf9;
  --about-ink: #321f22;
}

.about-approved-hero {
  background: var(--about-wine);
  color: #fff;
  min-height: 685px;
  overflow: hidden;
}

.about-approved-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
  align-items: center;
  gap: 78px;
  min-height: 685px;
  padding: 0;
  width: calc(100% - 80px);
  margin: 0 auto;
  max-width: 1200px;
}

.about-approved-hero__copy { padding: 63px 0 75px; }

.about-approved-breadcrumb {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 56px;
  color: rgba(234,222,210,.72);
  font: 500 13px/1.2 Lato, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.about-approved-breadcrumb a { color: inherit; }
.about-approved-breadcrumb span { color: #d5ba80; }

.about-approved-kicker {
  margin: 0 0 14px;
  color: #d7be87;
  font: 600 15px/1.35 Lato, sans-serif;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.about-approved-hero h1 {
  margin: 0 0 26px;
  color: #fffaf5;
  font: 400 74px/.9 "Foda Display", Georgia, serif;
  letter-spacing: -.025em;
}

.about-approved-hero h1 em { display: inline-block; margin-left: 47px; color: #e1aaa5; font-size: .94em; font-weight: inherit; }

.about-approved-lead {
  max-width: 500px;
  color: rgba(242,230,218,.86);
  font: 400 18px/1.78 Lora, Georgia, serif;
}

.about-approved-jump {
  display: inline-flex;
  gap: 18px;
  align-items: center;
  margin-top: 34px;
  border-bottom: 1px solid rgba(244,237,228,.42);
  padding-bottom: 8px;
  color: #fffaf5;
  font: 600 14px/1 Lato, sans-serif;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.about-approved-hero__image {
  position: relative;
  height: 585px;
  margin: 0;
  overflow: hidden;
  background: #452329;
}

.about-approved-hero__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,transparent 61%,rgba(41,20,25,.56));
  pointer-events: none;
}

.about-approved-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 37%;
}

.about-approved-hero__image figcaption {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 250px;
  padding: 20px 25px;
  background: #a18b5e;
  color: #fff;
}

.about-approved-hero__image figcaption strong {
  color: #fff;
  font: 400 30px/1 "Foda Display", Georgia, serif;
}

.about-approved-hero__image figcaption span {
  border-left: 1px solid rgba(255,255,255,.35);
  padding-left: 15px;
  font: 700 12.5px/1.5 Lato, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.page-profilestory.block-profile-story { background: var(--about-paper); padding: 110px 0; }
.page-profilestory.block-profile-story .row { max-width: 1320px; margin: 0 auto; }
.page-profilestory.block-profile-story .text-panel { padding: 40px clamp(35px, 6vw, 105px); text-align: left !important; }
.page-profilestory.block-profile-story h2,
.page-teammember.block-team-member h2,
.page-teammember-alt.block-team-member h2,
.page-certification.block-certification h2,
.page-sustainability.block-sustainability h2,
.page-expostory.block-expo-story h2,
.page-productmasonry-left.block-product-masonry h2 {
  color: var(--about-wine);
  font-family: "Foda Display", Georgia, serif;
  font-weight: 400;
  line-height: .95;
}
.page-profilestory.block-profile-story h2 { font-size: clamp(54px, 6vw, 86px); }
.page-profilestory.block-profile-story .block-content,
.page-teammember.block-team-member .block-content,
.page-teammember-alt.block-team-member .block-content,
.page-sustainability.block-sustainability .text-wrapper,
.page-expostory.block-expo-story .block-content {
  color: var(--about-ink);
  font: 400 18px/1.8 Lora, Georgia, serif;
}
.page-profilestory.block-profile-story .image-panel { height: 620px; }
.page-profilestory.block-profile-story .image-panel img { width: 100%; height: 100%; object-fit: cover; }

.page-teammember.block-team-member,
.page-teammember-alt.block-team-member { padding: 100px 0; }
.page-teammember.block-team-member { background: var(--about-wine); }
.page-teammember-alt.block-team-member { background: var(--about-cream); }
.page-teammember.block-team-member h2,
.page-teammember.block-team-member .block-content { color: var(--about-cream); }
.page-teammember.block-team-member .member-image,
.page-teammember-alt.block-team-member .member-image { height: 520px; }
.page-teammember.block-team-member .member-image img,
.page-teammember-alt.block-team-member .member-image img { width: 100%; height: 100%; object-fit: cover; }

.artimar-page > .grid-container { max-width: none; padding: 90px 20px; background: var(--about-paper); }
.artimar-page > .grid-container .textblock { max-width: 1260px; margin: auto; text-align: center; }
.artimar-page > .grid-container .page-title { color: var(--about-wine); font: 400 clamp(58px, 7vw, 100px)/.9 "Foda Display", Georgia, serif; }
.artimar-page > .grid-container .entry__content { color: var(--about-gold); font: 700 14px/1.6 Lato, sans-serif; letter-spacing: .12em; text-transform: uppercase; }

.page-imagecollage.block-craft-collage { margin-top: -1px; }
.page-certification.block-certification .certification-content { background: var(--about-paper); }
.page-certification.block-certification .certification-banner { min-height: 620px; }

.page-expostory.block-expo-story {
  position: relative;
  background-color: var(--about-wine);
  background-position: center;
  background-size: cover;
  min-height: 760px;
  scroll-margin-top: 145px;
}
.page-expostory.block-expo-story:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(44,22,26,.93) 0%,rgba(44,22,26,.78) 45%,rgba(44,22,26,.12) 78%); }
.page-expostory.block-expo-story > * { position:relative; }
.page-expostory.block-expo-story .expo-left { display:flex; flex-direction:column; justify-content:center; min-height:760px; padding:80px clamp(35px,8vw,140px); }
.page-expostory.block-expo-story h2,
.page-expostory.block-expo-story .block-content { color: var(--about-cream); }
.page-expostory.block-expo-story .block-content p,
.page-teammember.block-team-member .block-content p { color: var(--about-cream) !important; }
.page-expostory.block-expo-story h2 { font-size: clamp(60px,7vw,110px); max-width:720px; }
.page-expostory.block-expo-story .block-content { max-width:660px; }
.page-expostory.block-expo-story .expo-right { display:flex; align-items:flex-end; justify-content:center; min-height:760px; padding:60px 45px; }
.page-expostory.block-expo-story .expo-right img { width:100%; max-height:640px; object-fit:contain; }

@media (max-width: 991px) {
  .about-approved-hero, .about-approved-hero__inner { min-height: auto; }
  .about-approved-hero__inner { box-sizing: border-box; width: 100%; grid-template-columns: 1fr; padding: 56px 24px 0; gap: 42px; }
  .about-approved-hero__copy { padding: 0; }
  .about-approved-breadcrumb { margin-bottom: 37px; }
  .about-approved-hero h1 { font-size: 62px; }
  .about-approved-hero__image { height: min(110vw, 570px); }
  .page-profilestory.block-profile-story, .page-teammember.block-team-member, .page-teammember-alt.block-team-member { padding: 65px 0; }
  .page-profilestory.block-profile-story .image-panel { height: 480px; }
  .page-expostory.block-expo-story, .page-expostory.block-expo-story .expo-left, .page-expostory.block-expo-story .expo-right { min-height: auto; }
  .page-expostory.block-expo-story .expo-left { padding: 75px 28px 40px; }
  .page-expostory.block-expo-story .expo-right { padding: 20px 28px 70px; }
}

@media (max-width: 620px) {
  .about-approved-hero__inner { padding: 37px 14px 0; gap: 32px; }
  .about-approved-breadcrumb { margin-bottom: 29px; font-size: 12.5px; }
  .about-approved-kicker { font-size: 13px; }
  .about-approved-hero h1 { font-size: 50px; }
  .about-approved-hero h1 em { margin-left: 30px; }
  .about-approved-lead { font-size: 18px; line-height: 1.72; }
  .about-approved-hero__image { height: 370px; }
  .about-approved-hero__image figcaption { min-width: 206px; padding: 15px 18px; }
  .about-approved-hero__image figcaption strong { font-size: 25px; }
}
