.resources-page {
  position: relative;
  width: 1440px;
  height: 3652px;
  margin: 0 auto;
  overflow: hidden;
}


.resources-hero,
.resources-content,
.resources-docs {
  position: absolute;
  left: 0;
  width: 1440px;
  overflow: hidden;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 1440px 100%;
}

.resources-hero {
  top: 0;
  height: 626px;
  background-color: #002337;
  background-image: url("../../assets/resources/hero-background.png");
}

.resources-hero h1 {
  position: absolute;
  top: 254px;
  left: 200px;
  width: 685px;
  height: 120px;
  margin: 0;
  color: #fff;
  font: 400 48px/60px var(--font-display);
  letter-spacing: 0;
}

.resources-hero h1 span { color: var(--color-mint); }

.resources-dark-block {
  position: absolute;
  border: 1px solid var(--color-sage);
  border-radius: 8px;
  background: var(--color-dark-card);
  opacity: .5;
}

.resources-dark-block:hover {
  background-color: #7faf94;
}

.resources-hero__block--a { top: 109px; left: 200px; width: 153px; height: 121px; }
.resources-hero__block--b { top: 110px; left: 377px; width: 242px; height: 120px; }
.resources-hero__block--c { top: 110px; left: 643px; width: 153px; height: 120px; }
.resources-hero__block--d { top: 109px; left: 820px; width: 420px; height: 121px; }
.resources-hero__block--e { top: 254px; left: 909px; width: 331px; height: 120px; }
.resources-hero__block--f { top: 398px; left: 200px; width: 242px; height: 120px; }
.resources-hero__block--g { top: 398px; left: 466px; width: 508px; height: 120px; }
.resources-hero__block--h { top: 398px; left: 998px; width: 242px; height: 120px; }

.resources-outline,
.resources-breadcrumb {
  position: absolute;
  border: 1px solid rgba(128, 186, 165, .5);
  border-radius: 8px;
  background: transparent;
}

.resources-breadcrumb {
  display: flex;
  align-items: center;
  width: 153px;
  height: 60px;
  padding: 0 24px;
  color: var(--color-sage);
  font: italic 200 16px/normal var(--font-body);
}

.resources-content {
  top: 626px;
  height: 1168px;
  background-color: var(--color-surface);
  background-image: url("../../assets/resources/content-background.png");
}

.resources-content__breadcrumb { top: 97px; left: 200px; }
.resources-content__outline--top { top: 97px; left: 377px; width: 863px; height: 60px; }
.resources-content h2 {
  position: absolute;
  top: 191px;
  left: 200px;
  width: 375px;
  height: 100px;
  margin: 0;
  color: var(--color-navy);
  font: 400 40px/50px var(--font-display);
}
.resources-content__outline--heading { top: 181px; left: 643px; width: 597px; height: 120px; }
.resources-content__outline--row-a { top: 325px; left: 200px; width: 331px; height: 60px; }
.resources-content__outline--row-b { top: 325px; left: 555px; width: 330px; height: 60px; }

.resources-cta {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 0 24px;
  border: 1px solid rgba(128, 186, 165, .5);
  border-radius: 8px;
  background: #e1fdec;
  color: var(--color-sage-dark);
  font: 400 14px/normal var(--font-display);
}
.resources-cta img { width: 24px; height: 24px; }
.resources-cta {
  transition:
    background-color 300ms ease-out,
    border-color 300ms ease-out,
    color 300ms ease-out;
}
.resources-cta img { transition: transform 300ms ease-out; }
.resources-cta:hover {
  border-color: #80baa5;
  background-color: #b3f7d1;
  color: #002337;
}
.resources-cta:hover img {
  content: url("../../assets/icons/arrow-forward-navy.svg");
  transform: translateX(18px);
}
.resources-content__all-posts { top: 325px; left: 909px; width: 331px; }

.resources-blog-grid {
  position: absolute;
  top: 409px;
  left: 200px;
  display: grid;
  grid-template-columns: repeat(3, 330px);
  gap: 24px;
}

.resources-blog-card:nth-child(3) { margin-left: 2px; }

.resources-blog-card {
  position: relative;
  width: 330px;
  height: 400px;
  padding: 16px 24px;
  overflow: hidden;
  border: 1px solid rgba(128, 186, 165, .5);
  border-radius: 8px;
  background: #fff;
  transition: background-color 300ms ease-out;
}
.resources-blog-card:hover { background-color: #d2fce2; }
.resources-blog-card__link {
  position: absolute;
  z-index: 2;
  inset: 0;
  border-radius: inherit;
}
.resources-blog-card__link:focus-visible {
  outline: 2px solid var(--color-sage-dark);
  outline-offset: -3px;
}
.resources-blog-card__image {
  width: 280px;
  height: 120px;
  border: 1px solid var(--color-sage);
  border-radius: 8px;
  object-fit: cover;
}
.resources-blog-card__body { display: flex; flex-direction: column; gap: 20px; margin-top: 20px; }
.resources-blog-card__meta { display: flex; align-items: center; justify-content: space-between; width: 280px; }
.resources-blog-card__meta span { display: flex; align-items: center; gap: 4px; color: var(--color-sage); font: italic 300 12px/normal var(--font-body); }
.resources-blog-card__meta img { width: 16px; height: 16px; }
.resources-blog-card h3 {
  display: -webkit-box;
  width: 279px;
  height: 82px;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  text-overflow: ellipsis;
  color: var(--color-navy);
  font: 400 20px/normal var(--font-display);
}
.resources-blog-card p {
  display: -webkit-box;
  width: 279px;
  height: 68px;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  text-overflow: ellipsis;
  color: var(--color-body-muted);
  font: 300 16px/normal var(--font-body);
}

.resources-content__newsletter-title {
  top: 843px !important;
  left: 200px !important;
  width: 376px !important;
  height: 50px !important;
  color: var(--color-sage-dark) !important;
  font-style: italic !important;
  white-space: nowrap;
}
.resources-content__outline--newsletter-a { top: 833px; left: 643px; width: 331px; height: 60px; }
.resources-content__outline--newsletter-b { top: 833px; left: 998px; width: 241px; height: 60px; }
.resources-newsletter { position: absolute; top: 917px; left: 201px; display: grid; grid-template-columns: 595px 242px; gap: 25px; }
.resources-newsletter__field {
  display: flex;
  align-items: center;
  width: 595px;
  height: 60px;
  padding: 0 31px;
  border: 1px solid rgba(128, 186, 165, .5);
  border-radius: 8px;
  background: #fff;
}
.resources-newsletter__field input {
  width: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--color-navy);
  font: 300 20px/normal var(--font-body);
}
.resources-newsletter__field input::placeholder { color: var(--color-sage); font-style: italic; font-weight: 200; opacity: 1; }
.resources-newsletter__submit { position: static; width: 242px; cursor: pointer; }
.resources-newsletter__meta { position: absolute; top: 70px; left: 0; width: 862px; }
.resources-newsletter__consents { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
.resources-newsletter__consents label { display: flex; align-items: flex-start; gap: 8px; color: var(--color-sage-dark); font: 300 12px/17px var(--font-body); cursor: pointer; }
.resources-newsletter__consents input { flex: 0 0 16px; width: 16px; height: 16px; margin: 1px 0 0; accent-color: var(--color-sage-dark); }
.resources-newsletter__status { display: none; margin: 0; color: var(--color-sage-dark); font: 300 12px/17px var(--font-body); }
.resources-newsletter__status:not(:empty) { position: absolute; top: -64px; left: 0; display: flex; align-items: center; width: 595px; height: 60px; padding: 0 31px; border: 1px solid rgba(128, 186, 165, .5); border-radius: 8px; background: #fff; }
.resources-mail__status { min-height: 17px; margin: 6px 0 0; color: var(--color-sage-dark); font: 300 12px/17px var(--font-body); }
.resources-newsletter__submit:disabled,
.resources-mail__submit:disabled { opacity: .6; cursor: wait; }
.resources-content__outline--newsletter-c { top: 917px; left: 1087px; width: 152px; height: 60px; }
.resources-content__outline--bottom-a { top: 1001px; left: 201px; width: 240px; height: 60px; }
.resources-content__outline--bottom-b { top: 1001px; left: 465px; width: 152px; height: 60px; }
.resources-content__outline--bottom-c { top: 1001px; left: 642px; width: 243px; height: 60px; }
.resources-content__outline--bottom-d { top: 1001px; left: 908px; width: 332px; height: 60px; }
.resources-content__outline--bottom-a,
.resources-content__outline--bottom-b,
.resources-content__outline--bottom-c,
.resources-content__outline--bottom-d { display: none; }

.resources-docs {
  top: 1794px;
  height: 757px;
  background-color: var(--color-mint-light);
  background-image: url("../../assets/resources/docs-background.png");
}
.resources-docs__breadcrumb { top: 83px; left: 200px; }
.resources-docs__outline--top { top: 83px; left: 377px; width: 863px; height: 60px; }
.resources-docs h2 {
  position: absolute;
  top: 177px;
  left: 200px;
  width: 575px;
  height: 100px;
  margin: 0;
  color: var(--color-navy);
  font: 400 40px/50px var(--font-display);
}
.resources-docs__outline--heading { top: 167px; left: 821px; width: 419px; height: 120px; }
.resources-docs__outline--row { top: 311px; left: 200px; width: 774px; height: 60px; }
.resources-docs__all { top: 311px; left: 998px; width: 242px; }
.resources-docs-grid { position: absolute; top: 395px; left: 200px; display: flex; gap: 24px; }
.resources-doc-card {
  display: flex;
  align-items: center;
  gap: 32px;
  width: 508px;
  height: 200px;
  padding: 20px 29px;
  overflow: hidden;
  border: 1px solid rgba(128, 186, 165, .5);
  border-radius: 8px;
  background: #fff;
}
.resources-doc-card:hover { background-color: #d2fce2; }
.resources-doc-card__image { width: 120px; height: 160px; border: 1px solid var(--color-sage); border-radius: 8px; object-fit: cover; }
.resources-doc-card__body { display: flex; flex-direction: column; gap: 16px; width: 267px; }
.resources-doc-card h3 { width: 267px; margin: 0; overflow: hidden; color: var(--color-navy); font: 400 16px/normal var(--font-display); }
.resources-doc-card p { width: 267px; height: 54px; margin: 0; overflow: hidden; color: var(--color-body-muted); font: 300 12px/normal var(--font-body); }
.resources-cta--dark { background: var(--color-sage-dark); color: var(--color-surface); }
.resources-cta--dark:hover { background-color: #002337; color: #fff; }
.resources-cta--dark:hover img { content: url("../../assets/icons/arrow-forward.svg"); }
.resources-docs__contact { top: 619px; left: 200px; width: 333px; }
.resources-docs__outline--bottom-a { top: 619px; left: 557px; width: 418px; height: 60px; }
.resources-docs__outline--bottom-b { top: 619px; left: 999px; width: 242px; height: 60px; }

.resources-footer { top: 3108px; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 1199px) {
  body .resources-page {
    width: 100%;
    height: auto;
    margin: 0;
    overflow: visible;
  }

  .resources-hero,
  .resources-content,
  .resources-docs {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    overflow: visible;
    background-position: center top;
    background-repeat: repeat-y;
    background-size: 1440px auto;
  }

  .resources-hero {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    min-height: 0;
    padding: 112px 32px 72px;
    background-repeat: no-repeat;
  }

  .resources-dark-block,
  .resources-hero__block--a,
  .resources-hero__block--b,
  .resources-hero__block--c,
  .resources-hero__block--d,
  .resources-hero__block--e,
  .resources-hero__block--f,
  .resources-hero__block--g,
  .resources-hero__block--h {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 120px;
  }

  .resources-hero h1 {
    position: relative;
    top: auto;
    left: auto;
    grid-column: 1 / -1;
    width: min(685px, 100%);
    height: auto;
  }

  .resources-content,
  .resources-docs {
    display: flex;
    flex-direction: column;
    padding: 80px 32px;
  }

  .resources-content .resources-outline,
  .resources-docs .resources-outline {
    display: none;
  }

  .resources-breadcrumb,
  .resources-content__breadcrumb,
  .resources-docs__breadcrumb,
  .resources-content h2,
  .resources-docs h2,
  .resources-cta,
  .resources-content__all-posts,
  .resources-content__newsletter-title,
  .resources-newsletter,
  .resources-docs__all,
  .resources-docs__contact,
  .resources-blog-grid,
  .resources-docs-grid {
    position: relative;
    top: auto !important;
    left: auto !important;
  }

  .resources-content h2,
  .resources-docs h2 {
    width: min(575px, 100%);
    height: auto;
    margin-top: 28px;
  }

  .resources-content__all-posts {
    align-self: flex-end;
    width: 331px;
    margin-top: 24px;
  }

  .resources-blog-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    width: 100%;
    margin-top: 24px;
  }

  .resources-blog-card,
  .resources-blog-card:nth-child(3) {
    width: 100%;
    height: auto;
    min-height: 400px;
    margin-left: 0;
  }

  .resources-blog-card__image {
    width: 100%;
    height: auto;
    aspect-ratio: 7 / 3;
  }

  .resources-blog-card__body,
  .resources-blog-card__meta,
  .resources-blog-card h3,
  .resources-blog-card p {
    width: 100%;
  }

  .resources-blog-card__meta {
    flex-wrap: wrap;
    gap: 8px 16px;
  }

  .resources-content__newsletter-title {
    width: 100% !important;
    height: auto !important;
    margin-top: 64px;
    white-space: normal;
  }

  .resources-newsletter {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 242px;
    width: 100%;
    margin-top: 24px;
    gap: 24px;
  }

  .resources-newsletter__meta {
    position: static;
    grid-column: 1 / -1;
    width: 100%;
  }

  .resources-newsletter__consents {
    grid-template-columns: minmax(0, 1fr);
  }

  .resources-newsletter__status:not(:empty) {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    margin-top: 6px;
    padding: 0;
    border: 0;
    background: transparent;
  }

  .resources-newsletter__field,
  .resources-newsletter__submit {
    width: 100%;
  }

  .resources-newsletter__field:focus-within,
  .resources-newsletter__submit:focus-visible,
  .resources-content__all-posts:focus-visible,
  .resources-docs__all:focus-visible,
  .resources-docs__contact:focus-visible {
    outline: 2px solid var(--color-sage-dark);
    outline-offset: 3px;
  }

  .resources-docs-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    margin-top: 32px;
  }

  .resources-doc-card {
    width: 100%;
  }

  .resources-doc-card__body,
  .resources-doc-card h3,
  .resources-doc-card p {
    width: 100%;
  }

  .resources-docs__all {
    align-self: flex-end;
    width: 242px;
    margin-top: 24px;
  }

  .resources-docs__contact {
    width: 333px;
    margin-top: 32px;
  }

  .resources-footer {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1199px) and (orientation: portrait) {
  .resources-hero {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: 120px minmax(120px, auto) 120px;
    gap: 24px;
    min-height: 626px;
    padding: 109px clamp(64px, 8.33vw, 100px) 64px;
  }

  .resources-hero__block--a { grid-column: 1 / span 2; grid-row: 1; }
  .resources-hero__block--b { grid-column: 3 / span 3; grid-row: 1; }
  .resources-hero__block--c { grid-column: 6 / span 2; grid-row: 1; }
  .resources-hero__block--d { grid-column: 8 / span 5; grid-row: 1; }
  .resources-hero h1 {
    grid-column: 1 / span 8;
    grid-row: 2;
    align-self: center;
    width: calc(100% + 24px);
    font-size: clamp(40px, 4vw, 48px);
    line-height: 1.25;
  }
  .resources-hero__block--e { grid-column: 9 / span 4; grid-row: 2; }
  .resources-hero__block--f { grid-column: 1 / span 3; grid-row: 3; }
  .resources-hero__block--g { grid-column: 4 / span 6; grid-row: 3; }
  .resources-hero__block--h { grid-column: 10 / span 3; grid-row: 3; }
}

@media (max-width: 900px) {
  .resources-newsletter {
    grid-template-columns: 1fr;
  }

  .resources-newsletter__submit {
    min-height: 60px;
  }

  .resources-docs-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .resources-hero {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 16px;
    padding: 96px 24px 56px;
  }

  /* Mobile Hero composition test: retain blocks 1–2 and 7–8. */
  .resources-hero__block--c,
  .resources-hero__block--d,
  .resources-hero__block--e,
  .resources-hero__block--f {
    display: none;
  }

  .resources-dark-block,
  .resources-hero__block--a,
  .resources-hero__block--b,
  .resources-hero__block--c,
  .resources-hero__block--d,
  .resources-hero__block--e,
  .resources-hero__block--f,
  .resources-hero__block--g,
  .resources-hero__block--h {
    height: 96px;
  }

  .resources-hero h1 {
    order: 1;
    font-size: 38px;
    line-height: 46px;
  }

  .resources-hero__block--g,
  .resources-hero__block--h {
    order: 2;
  }

  .resources-content,
  .resources-docs {
    padding: 64px 24px;
  }

  .resources-content h2,
  .resources-docs h2 {
    font-size: 32px;
    line-height: 40px;
  }

  .resources-content__all-posts,
  .resources-docs__all,
  .resources-docs__contact {
    align-self: stretch;
    width: 100%;
  }

  .resources-blog-grid {
    grid-template-columns: 1fr;
  }

  .resources-blog-card {
    min-height: 400px;
  }

  .resources-newsletter__field input {
    font-size: 16px;
  }

  .resources-newsletter__consents { grid-template-columns: 1fr; }

  .resources-newsletter__field,
  .resources-newsletter__submit,
  .resources-cta {
    min-height: 60px;
  }

  .resources-doc-card {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding: 24px;
    gap: 24px;
  }

  .resources-doc-card__image {
    flex: 0 0 auto;
  }

  .resources-doc-card__body {
    gap: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .resources-cta,
  .resources-cta img,
  .resources-blog-card {
    transition-duration: 0.01ms;
  }
}

@media (min-width:1440px){
  .resources-page{overflow:visible}
  .resources-page::before{content:"";position:absolute;z-index:0;top:0;left:50%;width:100vw;height:626px;transform:translateX(-50%);background:#002337 url("../../assets/resources/hero-background.png") center top/1440px 626px repeat-x;pointer-events:none}
  .resources-hero{box-shadow:none;clip-path:inset(0 -100vmax)}
  .resources-content{overflow:visible;box-shadow:0 0 0 100vmax #f6f7f8;clip-path:inset(0 -100vmax);isolation:isolate}
  .resources-content::before{content:"";position:absolute;z-index:-1;top:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);background:var(--color-surface) url("../../assets/resources/content-background.png") center top/1440px 1168px repeat-x;pointer-events:none}
}

@media (min-width:1200px) and (max-width:1439px){
  .resources-page{--compact-canvas-shift:calc((100vw - 1440px)/2);width:100vw}
  .resources-hero,.resources-content,.resources-docs{width:100vw;background-position:center top}
  .resources-hero>*,.resources-content>*,.resources-docs>*{translate:var(--compact-canvas-shift) 0}
}

/* Recursos V2: Mail + Contacto (Figma 2413:5555 / 2413:5592). */
.resources-mail,.resources-contact{position:absolute;left:0;width:1440px;overflow:hidden}
.resources-mail{top:1694px;height:763px;background:var(--color-surface) url("../../assets/resources/content-background.png") center top/1440px auto no-repeat}
.resources-mail__breadcrumb{top:97px;left:200px}.resources-mail__outline--top{top:97px;left:377px;width:863px;height:60px}
.resources-mail h2{position:absolute;top:181px;left:200px;width:590px;height:120px;margin:0;color:var(--color-navy);font:400 40px/50px var(--font-display)}
.resources-mail__outline--heading{top:181px;left:821px;width:419px;height:120px}
.resources-mail__description{position:absolute;top:325px;left:200px;width:596px;height:84px;margin:0;color:var(--color-body-muted);font:300 24px/28px var(--font-body)}
.resources-mail__outline--description{top:325px;left:821px;width:419px;height:78px}
.resources-mail__form{position:absolute;top:433px;left:201px;display:flex;gap:25px}
.resources-mail__form[hidden]{display:none}
.resources-mail__field{display:flex;align-items:center;width:595px;height:60px;padding:0 32px;border:1px solid rgba(128,186,165,.5);border-radius:8px;background:#fff}
.resources-mail__field input{width:100%;padding:0;border:0;outline:0;background:transparent;color:var(--color-navy);font:300 20px/normal var(--font-body)}
.resources-mail__field input::placeholder{color:var(--color-sage);font-style:italic;font-weight:200;opacity:1}
.resources-mail__submit{position:static;width:242px;cursor:pointer}.resources-mail__outline--form{top:433px;left:1087px;width:153px;height:60px}
.resources-mail__status{position:absolute;top:66px;left:0;width:862px}
.resources-mail__note{position:absolute;top:530px;left:200px;width:301px;height:34px;margin:0;color:var(--color-sage);font:italic 300 12px/17px var(--font-body)}
.resources-mail__outline--note-a{top:517px;left:555px;width:419px;height:60px}.resources-mail__outline--note-b{top:517px;left:998px;width:242px;height:60px}
.resources-mail__outline--bottom-a{top:601px;left:201px;width:240px;height:60px}.resources-mail__outline--bottom-b{top:601px;left:465px;width:152px;height:60px}.resources-mail__outline--bottom-c{top:601px;left:641px;width:243px;height:60px}.resources-mail__outline--bottom-d{top:601px;left:908px;width:332px;height:60px}
.resources-contact{top:2457px;height:652px;background:var(--color-mint-light)}
.resources-contact__breadcrumb{top:98px;left:200px}.resources-contact__outline--top{top:98px;left:377px;width:863px;height:60px}
.resources-contact h2{position:absolute;top:182px;left:200px;width:568px;height:120px;margin:0;color:var(--color-navy);font:400 48px/60px var(--font-display)}
.resources-contact__outline--heading{top:182px;left:821px;width:419px;height:120px}
.resources-contact__description{position:absolute;top:329px;left:200px;width:568px;height:54px;margin:0;color:var(--color-body-muted);font:300 24px/28px var(--font-body)}
.resources-contact__outline--description-a{top:326px;left:821px;width:242px;height:60px}.resources-contact__outline--description-b{top:326px;left:1087px;width:153px;height:60px}
.resources-contact__outline--row-a{top:410px;left:200px;width:242px;height:60px}.resources-contact__outline--row-b{top:410px;left:466px;width:419px;height:60px}.resources-contact__outline--row-c{top:410px;left:909px;width:331px;height:60px}
.resources-contact__cta{top:494px;width:242px}.resources-contact__cta--primary{left:200px}.resources-contact__cta--secondary{left:466px}.resources-contact__outline--cta{top:494px;left:732px;width:153px;height:60px}.resources-contact__outline--bottom{top:494px;left:909px;width:331px;height:60px}

@media(min-width:1440px){.resources-mail{overflow:visible;box-shadow:0 0 0 100vmax var(--color-surface);clip-path:inset(0 -100vmax);isolation:isolate}.resources-mail::before{content:"";position:absolute;z-index:-1;top:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);background:var(--color-surface) url("../../assets/resources/content-background.png") center top/1440px 1168px repeat-x;pointer-events:none}.resources-contact{box-shadow:0 0 0 100vmax var(--color-mint-light);clip-path:inset(0 -100vmax)}}
@media(min-width:1200px) and (max-width:1439px){.resources-mail,.resources-contact{width:100vw;background-position:center top}.resources-mail>*,.resources-contact>*{translate:var(--compact-canvas-shift) 0}}
@media(max-width:1199px){
  .resources-mail,.resources-contact{position:relative;top:auto;left:auto;display:flex;flex-direction:column;width:100%;height:auto;padding:80px 32px;overflow:visible;background-position:center top;background-size:1440px auto}
  .resources-mail .resources-outline,.resources-contact .resources-outline{display:none}
  .resources-mail__breadcrumb,.resources-mail h2,.resources-mail__description,.resources-mail__form,.resources-mail__note,.resources-contact__breadcrumb,.resources-contact h2,.resources-contact__description,.resources-contact__cta{position:relative;top:auto!important;left:auto!important}
  .resources-mail h2,.resources-contact h2{width:min(590px,100%);height:auto;margin-top:28px}
  .resources-mail__description,.resources-contact__description{width:min(596px,100%);height:auto;margin-top:24px}
  .resources-mail__form{display:grid;grid-template-columns:minmax(0,1fr) 242px;width:100%;margin-top:24px;gap:24px}
  .resources-mail__status{top:calc(100% + 4px);width:100%}
  .resources-mail__form[data-state="error"] .resources-mail__status{position:static;grid-column:1/-1;margin-top:-18px}
  .resources-mail__field,.resources-mail__submit{width:100%}.resources-mail__note{width:min(420px,100%);height:auto;margin-top:24px}
  .resources-contact__cta{width:333px;margin-top:24px}.resources-contact__cta--secondary{margin-top:16px}
  .resources-footer{position:relative;top:auto;left:auto;width:100%}
}
@media(max-width:767px){
  .resources-mail,.resources-contact{padding:64px 24px}
  .resources-mail h2,.resources-contact h2{font-size:32px;line-height:40px}
  .resources-mail__description,.resources-contact__description{font-size:20px;line-height:26px}
  .resources-mail__form{grid-template-columns:1fr}.resources-mail__field,.resources-mail__submit{min-height:60px}
  .resources-mail__form[data-library-access]{min-height:144px;align-content:start}
  .resources-contact__cta{align-self:stretch;width:100%;min-height:60px}
}