.campaign__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(75px, 46.348733234px + 3.7257824143vw, 100px) 7%;
}
.campaign__side {
  position: sticky;
  inset-block-start: calc(var(--header-h) * 1.5);
  inset-inline-start: 0;
  inline-size: 30%;
  padding: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  background-color: rgba(255, 255, 255, 0.4);
}
.campaign__side-title {
  -webkit-margin-after: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
          margin-block-end: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
  font-size: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  font-weight: 700;
  text-align: center;
}
.campaign__side-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
}
.campaign__side-item:first-of-type {
  inline-size: 100%;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}
.campaign__side-button {
  padding: clamp(4px, 2.8539493294px + 0.1490312966vw, 5px) clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  border: 1px solid #2a4256;
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.campaign__side-button[aria-pressed=true] {
  background-color: #2a4256;
  color: #fff;
}
.campaign__results {
  inline-size: 63%;
}
.campaign__item {
  -webkit-border-after: 1px solid #9599a5;
          border-block-end: 1px solid #9599a5;
}
.campaign__item:first-of-type {
  -webkit-border-before: 1px solid #9599a5;
          border-block-start: 1px solid #9599a5;
}
.campaign__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 5%;
  padding: clamp(23px, 14.9776453055px + 1.043219076vw, 30px) clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
}
.campaign__link::before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  z-index: -1;
  background-color: #e7e7ea;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.campaign__content {
  inline-size: 60%;
}
.campaign__content:not(:has(+ .campaign__thumb)) {
  inline-size: 100%;
}
.campaign__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  -webkit-margin-after: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
          margin-block-end: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
}
.campaign__date {
  display: block;
  font-family: "Oxanium", sans-serif;
  font-size: clamp(10px, 6.5618479881px + 0.4470938897vw, 13px);
}
.campaign__cat {
  padding: clamp(2px, 0.8539493294px + 0.1490312966vw, 3px) clamp(4px, 2.8539493294px + 0.1490312966vw, 5px);
  border: 1px solid #2a4256;
  font-size: clamp(10px, 6.5618479881px + 0.4470938897vw, 13px);
}
.campaign__summary {
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  line-height: 2;
}
.campaign__thumb {
  inline-size: 35%;
}
.campaign__image {
  aspect-ratio: 250/140;
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media (hover: hover) {
  .campaign__side-button:hover {
    opacity: 0.6;
  }
  .campaign__link:hover::before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}
.campaign__side-button:focus-visible {
  opacity: 0.6;
}

.campaign__link:focus-visible::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: left;
          transform-origin: left;
}

@media screen and (max-width: 768px) {
  .campaign .c-heading__title .u-gradient {
    font-size: clamp(43px, 28.8108108108px + 3.7837837838vw, 50px);
  }
  .campaign__body {
    display: block;
  }
  .campaign__side {
    position: static;
    inset-block-start: 0;
    inline-size: 100%;
    padding: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px) clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    -webkit-margin-after: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
            margin-block-end: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
    border-radius: clamp(5px, 2.972972973px + 0.5405405405vw, 6px);
  }
  .campaign__side-title {
    -webkit-margin-after: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
            margin-block-end: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    font-size: clamp(17px, 10.9189189189px + 1.6216216216vw, 20px);
  }
  .campaign__side-list {
    gap: clamp(13px, 8.9459459459px + 1.0810810811vw, 15px) clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .campaign__side-button {
    padding: clamp(5px, 2.972972973px + 0.5405405405vw, 6px) clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .campaign__results {
    inline-size: 100%;
  }
  .campaign__list {
    -webkit-margin-after: clamp(60px, 41.7567567568px + 4.8648648649vw, 69px);
            margin-block-end: clamp(60px, 41.7567567568px + 4.8648648649vw, 69px);
  }
  .campaign__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px) 0;
  }
  .campaign__meta {
    gap: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
    -webkit-margin-after: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
            margin-block-end: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .campaign__date {
    font-size: clamp(12px, 7.9459459459px + 1.0810810811vw, 14px);
  }
  .campaign__cat {
    padding: clamp(3px, 0.972972973px + 0.5405405405vw, 4px) clamp(5px, 2.972972973px + 0.5405405405vw, 6px);
    font-size: clamp(12px, 7.9459459459px + 1.0810810811vw, 14px);
  }
  .campaign__summary {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .campaign__image {
    border-radius: clamp(5px, 2.972972973px + 0.5405405405vw, 6px);
  }
}
.campaignTaxonomy__list {
  max-inline-size: 900px;
  margin-inline: auto;
  -webkit-margin-after: clamp(75px, 46.348733234px + 3.7257824143vw, 100px);
          margin-block-end: clamp(75px, 46.348733234px + 3.7257824143vw, 100px);
}
.campaignTaxonomy__item {
  -webkit-border-after: 1px solid #9599a5;
          border-block-end: 1px solid #9599a5;
}
.campaignTaxonomy__item:first-of-type {
  -webkit-border-before: 1px solid #9599a5;
          border-block-start: 1px solid #9599a5;
}
.campaignTaxonomy__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 5%;
  padding: clamp(23px, 14.9776453055px + 1.043219076vw, 30px) clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
}
.campaignTaxonomy__link::before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  z-index: -1;
  background-color: #e7e7ea;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.campaignTaxonomy__content {
  inline-size: 60%;
}
.campaignTaxonomy__content:not(:has(+ .campaign__thumb)) {
  inline-size: 100%;
}
.campaignTaxonomy__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  -webkit-margin-after: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
          margin-block-end: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
}
.campaignTaxonomy__date {
  display: block;
  font-family: "Oxanium", sans-serif;
  font-size: clamp(10px, 6.5618479881px + 0.4470938897vw, 13px);
}
.campaignTaxonomy__cat {
  padding: clamp(2px, 0.8539493294px + 0.1490312966vw, 3px) clamp(4px, 2.8539493294px + 0.1490312966vw, 5px);
  border: 1px solid #2a4256;
  font-size: clamp(10px, 6.5618479881px + 0.4470938897vw, 13px);
}
.campaignTaxonomy__summary {
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  line-height: 2;
}
.campaignTaxonomy__thumb {
  inline-size: 35%;
}
.campaignTaxonomy__image {
  aspect-ratio: 250/140;
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media (hover: hover) {
  .campaignTaxonomy__link:hover::before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}
.campaignTaxonomy_link:focus-visible::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: left;
          transform-origin: left;
}

@media screen and (max-width: 768px) {
  .campaignTaxonomy .c-heading__title .u-gradient {
    font-size: clamp(43px, 28.8108108108px + 3.7837837838vw, 50px);
  }
  .campaignTaxonomy__list {
    -webkit-margin-after: clamp(60px, 41.7567567568px + 4.8648648649vw, 69px);
            margin-block-end: clamp(60px, 41.7567567568px + 4.8648648649vw, 69px);
  }
  .campaignTaxonomy__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px) 0;
  }
  .campaignTaxonomy__meta {
    gap: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
    -webkit-margin-after: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
            margin-block-end: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .campaignTaxonomy__date {
    font-size: clamp(12px, 7.9459459459px + 1.0810810811vw, 14px);
  }
  .campaignTaxonomy__cat {
    padding: clamp(3px, 0.972972973px + 0.5405405405vw, 4px) clamp(5px, 2.972972973px + 0.5405405405vw, 6px);
    font-size: clamp(12px, 7.9459459459px + 1.0810810811vw, 14px);
  }
  .campaignTaxonomy__summary {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .campaignTaxonomy__image {
    border-radius: clamp(5px, 2.972972973px + 0.5405405405vw, 6px);
  }
}
.campaignSingle__heading {
  max-inline-size: 900px;
  -webkit-margin-after: clamp(36px, 22.2473919523px + 1.7883755589vw, 48px);
          margin-block-end: clamp(36px, 22.2473919523px + 1.7883755589vw, 48px);
  margin-inline: auto;
}
.campaignSingle__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  -webkit-margin-after: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
          margin-block-end: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
}
.campaignSingle__date {
  font-family: "Oxanium", sans-serif;
  font-size: clamp(10px, 6.5618479881px + 0.4470938897vw, 13px);
  color: #9599a5;
}
.campaignSingle__cat {
  padding: clamp(2px, 0.8539493294px + 0.1490312966vw, 3px) clamp(5px, 3.8539493294px + 0.1490312966vw, 6px);
  border: 1px solid #2a4256;
  font-size: clamp(10px, 6.5618479881px + 0.4470938897vw, 13px);
}
.campaignSingle__title {
  font-size: clamp(27px, 16.6855439642px + 1.3412816692vw, 36px);
  font-weight: 700;
  line-height: 1.8;
}
.campaignSingle__thumbnail {
  max-inline-size: 900px;
  aspect-ratio: 16/9;
  -webkit-margin-after: clamp(90px, 55.6184798808px + 4.4709388972vw, 120px);
          margin-block-end: clamp(90px, 55.6184798808px + 4.4709388972vw, 120px);
  margin-inline: auto;
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.campaignSingle__body .c-button {
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .campaignSingle__heading {
    max-inline-size: none;
    -webkit-margin-after: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
            margin-block-end: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .campaignSingle__meta {
    gap: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
    -webkit-margin-after: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
            margin-block-end: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .campaignSingle__date {
    font-size: clamp(12px, 7.9459459459px + 1.0810810811vw, 14px);
  }
  .campaignSingle__cat {
    padding: clamp(3px, 0.972972973px + 0.5405405405vw, 4px) clamp(4px, 1.972972973px + 0.5405405405vw, 5px);
    font-size: clamp(12px, 7.9459459459px + 1.0810810811vw, 14px);
  }
  .campaignSingle__title {
    font-size: clamp(24px, 15.8918918919px + 2.1621621622vw, 28px);
  }
  .campaignSingle__thumbnail {
    max-inline-size: none;
    -webkit-margin-after: clamp(80px, 55.6756756757px + 6.4864864865vw, 92px);
            margin-block-end: clamp(80px, 55.6756756757px + 6.4864864865vw, 92px);
    border-radius: clamp(5px, 2.972972973px + 0.5405405405vw, 6px);
  }
}
/*# sourceMappingURL=campaign.css.map */