/* A prominent welcome offer in the store's bright garden palette. */
.announcement.gift-announcement {
  padding: 22px max(24px, calc((100vw - 1220px) / 2));
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  background: linear-gradient(110deg, #dfedcf 0%, #e7f4eb 55%, #dcecf1 100%);
  color: #304f3a;
  border-bottom: 1px solid #b6cfa8;
  text-align: left;
}
.gift-banner-icon {
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  padding: 13px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: #f4f9eb;
  border: 1px solid #bbd1aa;
  transform: rotate(-6deg);
}
.gift-banner-icon svg { width: 33px; height: 33px; fill: none; stroke: #3c6443; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.gift-banner-copy { flex: 1; max-width: 810px; min-width: 0; }
.gift-announcement .gift-banner-kicker { display: block; color: #4c694c; font-size: 10px; font-weight: 700; letter-spacing: 1.8px; margin-bottom: 5px; }
.gift-announcement .announcement-gift { display: block; font-family: var(--serif); font-size: 28px; font-weight: 500; line-height: 1.2; text-decoration: none; padding: 0; color: #304f3a; }
.gift-announcement .announcement-gift strong { font-weight: 650; color: #335c3f; }
.gift-banner-copy p { font-size: 12px; line-height: 1.6; margin-top: 6px; color: #455d4c; }
.gift-announcement .gift-banner-button { flex-shrink: 0; padding: 15px 22px; font-size: 13px; box-shadow: 0 5px 14px #31553b1a; }
.gift-announcement .gift-banner-button span { display: inline; color: inherit; }
.signup-backdrop { padding-block: 44px 20px; background: linear-gradient(125deg, #eaf3df, #edf6f0 58%, #e8f2f6); }
.signup-section { padding: 50px 46px; gap: 48px; border-color: #b4cca3; border-width: 2px; background: linear-gradient(120deg, #f5f9ec, #eaf3f5); }
.signup-section .eyebrow { font-size: 11px; }
.signup-section h2 { font-size: 44px; }
.signup-section .signup-intro { font-size: 14px; max-width: 480px; }
.signup-section .button { font-size: 14px; padding: 16px 26px; }
.signup-section .signup-fineprint { font-size: 11px; }
.signup-shelf img { max-width: 164px; }
.hero-gift-link { font-size: 12px; border-width: 2px; padding: 14px 17px; }
.hero-gift-link small { font-size: 11px; }
@media (max-width: 1100px) {
  .announcement.gift-announcement { gap: 16px; }
  .gift-announcement .announcement-gift { font-size: 25px; }
  .gift-banner-icon { flex-basis: 52px; width: 52px; height: 52px; padding: 10px; }
  .gift-announcement .gift-banner-button { padding: 13px 17px; font-size: 12px; }
  .signup-section { padding: 36px 30px; gap: 24px; }
  .signup-section h2 { font-size: 38px; }
}
@media (max-width: 700px) {
  .announcement.gift-announcement { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 10px 13px; padding: 17px 22px; }
  .gift-banner-icon { width: 42px; height: 48px; padding: 8px; border-radius: 13px; }
  .gift-banner-icon svg { width: 28px; height: 28px; }
  .gift-announcement .gift-banner-kicker { font-size: 8px; letter-spacing: 1.1px; margin-bottom: 4px; }
  .gift-announcement .announcement-gift { font-size: 22px; }
  .gift-banner-copy p { font-size: 11px; line-height: 1.5; margin-top: 4px; }
  .gift-announcement .gift-banner-button { grid-column: 1 / -1; width: 100%; justify-content: center; padding: 11px 18px; font-size: 12px; }
  .signup-section { padding: 32px 25px 28px; gap: 23px; }
  .signup-section h2 { font-size: 37px; }
  .signup-section .signup-intro { font-size: 13px; }
  .signup-section .button { width: 100%; justify-content: center; padding-inline: 16px; font-size: 13px; }
  .signup-shelf { width: min(360px, 100%); }
  .signup-shelf img { max-width: 105px; }
}
@media (max-width: 350px) {
  .announcement.gift-announcement { padding-inline: 16px; gap: 10px; }
  .gift-announcement .announcement-gift { font-size: 20px; }
  .signup-section { padding-inline: 21px; }
  .signup-section h2 { font-size: 33px; }
}