/* An agency statement, continuous with the atmosphere of the page. */
.agency-note {
  position: relative;
  padding: clamp(70px, 9vw, 136px) var(--page-gutter, 6vw) clamp(70px, 8vw, 120px);
  color: #dcebf6;
  background: transparent;
  border: 0;
}
.agency-note__inner { max-width: 1110px; margin-inline: auto; }
.agency-note__quote { margin: 0; }
.agency-note__opening {
  max-width: 39ch;
  margin: 0 0 clamp(38px, 5vw, 68px) 14%;
  color: #b9cadb;
  font: 400 clamp(20px, 2.1vw, 28px)/1.55 var(--f-body);
  letter-spacing: -.025em;
  text-wrap: pretty;
}
.agency-note__statement { margin: 0; }
.agency-note__setup {
  display: block;
  margin: 0 0 17px 14%;
  font: 400 clamp(18px, 2vw, 26px)/1.35 var(--f-body);
  letter-spacing: -.035em;
}
.agency-note__emphasis {
  display: block;
  width: fit-content;
  font: 400 clamp(65px, 8.2vw, 118px)/.94 var(--f-display);
  letter-spacing: -.012em;
  text-transform: uppercase;
  background: linear-gradient(105deg, #d9f7f7 8%, #a2c6e3 62%, #aaa3db);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.agency-note__last {
  display: block;
  margin: 10px 0 0 21%;
  font: 400 clamp(34px, 4.6vw, 65px)/1.08 var(--f-body);
  letter-spacing: -.055em;
}
.agency-note__closing {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  margin: 50px 0 0 14%;
}
.agency-note__signature { display: flex; flex-direction: column; gap: 8px; }
.agency-note__name { font: 500 16px/1.4 var(--f-body); letter-spacing: -.02em; }
.agency-note__role { color: #9fb4c7; font: 400 11px/1.6 var(--f-mono); letter-spacing: .005em; }
.agency-note__cta {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  padding: 14px 0;
  color: #dcebf6;
  font: 500 14px/1.4 var(--f-body);
  letter-spacing: -.015em;
  text-decoration: none;
}
.agency-note__cta::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: linear-gradient(90deg, #b4e9ee, #a8c3f5 62%, transparent);
  transform-origin: left;
  transition: transform .35s ease;
}
.agency-note__cta:hover::after { transform: scaleX(.65); }
.agency-note__cta:focus-visible { outline: 2px solid #a8c3f5; outline-offset: 6px; }
@media (max-width: 767px) {
  .agency-note { padding: 72px 24px 78px; }
  .agency-note__opening { margin-left: 0; font-size: 20px; max-width: 34ch; }
  .agency-note__setup { margin-left: 0; max-width: 24ch; font-size: 17px; }
  .agency-note__emphasis { font-size: clamp(49px, 10.8vw, 78px); line-height: 1; }
  .agency-note__last { margin: 8px 0 0 8%; font-size: clamp(29px, 7.2vw, 48px); }
  .agency-note__closing { margin: 34px 0 0; align-items: flex-start; flex-direction: column; gap: 20px; }
  .agency-note__name { font-size: 15px; }
  .agency-note__role { font-size: 10px; }
  .agency-note__cta { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .agency-note__cta::after { transition: none; }
}