.connect-page{--ink-rose:#fff0e6;--dusty-ink:#e7c6c1;--archive-rose:#e9b9aa;--cherub-rose:#e8b8bd;--connect-line:#e9b9aa55;--connect-surface:linear-gradient(135deg,#310f1bf7,#4f1828f5 50%,#2a0c18fa);--connect-shade:linear-gradient(90deg,#1e0814c7 0%,#280c1b94 38%,#280c1b38 72%,#280c1b1f);background:#2a0c18;color:#fff0e6}
.connect-page *{box-sizing:border-box}.connect-page [hidden]{display:none!important}.connect-page .archive-nav__links{gap:clamp(9px,1.25vw,22px)}.connect-page .archive-nav__link{font-size:.64rem}
.connect-hero{padding:155px 5vw 65px;overflow:hidden;background:var(--connect-shade),url('../assets/images/cherry-background.png') center/cover no-repeat}.connect-hero__inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:55px;min-height:430px}
.connect-eyebrow{font:600 10px/1.6 'DM Sans',sans-serif;letter-spacing:2px;color:#e9b9aa}.connect-hero h1{font:400 clamp(45px,5.6vw,76px)/.98 'Cormorant Garamond',serif;margin:24px 0;color:#fff0e6}.connect-hero h1 span{font:400 1.2em/1.05 Allura,cursive;color:#e8b8bd}.connect-intro{font:italic 21px/1.65 'Cormorant Garamond',serif;max-width:510px;color:#f0d5cf}.connect-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border:1px solid #e9b9aa80;border-radius:30px;background:var(--connect-surface);color:#fff0e6;text-decoration:none;font:600 11px/1.5 'DM Sans',sans-serif;letter-spacing:.6px;cursor:pointer;transition:background .2s,transform .2s}.connect-button:hover{background:#682c42;transform:translateY(-2px)}.connect-button:disabled{opacity:.55;cursor:wait}.connect-handwriting,.connect-script,.connect-closing{font:30px/1.3 Allura,cursive;color:#e8b8bd}.connect-handwriting{margin-top:24px}.connect-hero__art{position:relative;height:410px;display:grid;place-items:center}.connect-orbit{position:absolute;width:390px;height:300px;border:1px solid #ffe1d280;border-radius:50%;transform:rotate(-18deg)}.connect-orbit--two{width:340px;height:390px;transform:rotate(28deg);border-style:dashed;border-color:#e9b9aa60}.connect-envelope{width:310px;height:225px;position:relative;margin-top:95px;background:linear-gradient(135deg,#8b475b,#461526);border:1px solid #e9b9aa90;border-radius:8px;box-shadow:0 25px 60px #12030c80;transform:rotate(-7deg)}.connect-letter{position:absolute;inset:-98px 22px 20px;padding:25px 20px;background:linear-gradient(135deg,#6a3043,#351120);border:1px solid #e9b9aa70;box-shadow:0 8px 25px #14040d50}.connect-letter small{font:8px 'DM Sans',sans-serif;letter-spacing:1px;color:#e9b9aa}.connect-letter>span{font:35px Allura,cursive;display:block;margin:17px 0 10px}.connect-letter i{display:block;width:100%;height:1px;background:#e9b9aa35;margin:13px 0}.connect-letter b{font:18px Allura,cursive;color:#e8b8bd}.connect-envelope__front{position:absolute;inset:0;background:linear-gradient(32deg,transparent 49%,#a45b6c35 50%),linear-gradient(-32deg,transparent 49%,#a45b6c25 50%),linear-gradient(135deg,#79374b,#4e1b2e);clip-path:polygon(0 0,50% 48%,100% 0,100% 100%,0 100%);border-radius:7px}.connect-wax{position:absolute;z-index:2;top:100px;left:135px;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(at 30% 20%,#efc8b5,#b57d91 70%,#754152);box-shadow:0 4px 12px #18050d60;font-size:25px}.connect-hero__art>img{position:absolute;right:-12px;top:15px;width:150px;filter:drop-shadow(0 10px 15px #14040d55)}.connect-spark{position:absolute;left:5px;top:100px;color:#ffe1d2;font-size:25px}
.connect-desk{padding:65px 5vw 40px;background:var(--connect-shade),url('../assets/images/heavenly-editorial-bg.png') center top/100% auto repeat-y}.connect-heading{text-align:center;max-width:740px;margin:0 auto 35px}.connect-heading h2,.connect-context h2{font:400 clamp(34px,4vw,52px)/1.05 'Cormorant Garamond',serif;color:#fff0e6;margin:12px 0}.connect-heading>p:last-child{font:italic 19px/1.5 'Cormorant Garamond',serif;color:#e7c6c1}.connect-choices{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.connect-choices button{padding:26px 25px 22px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;background:var(--connect-surface);border:1px solid #e9b9aa45;border-radius:100px 100px 20px 20px;color:#f0d5cf;cursor:pointer;transition:transform .2s,border-color .2s;min-width:0}.connect-choices button:hover{transform:translateY(-4px)}.connect-choices button[aria-pressed=true]{border-color:#ffe1d2;box-shadow:inset 0 0 0 4px #e9b9aa09,0 14px 35px #14040d40}.connect-choice-number{font:8px 'DM Sans',sans-serif;letter-spacing:1.2px;align-self:center;color:#e9b9aa;margin:8px 0 15px}.connect-choice-icon{font-size:32px;align-self:center;margin:0 0 17px;color:#e9b9aa}.connect-choices strong{font:400 27px/1.1 'Cormorant Garamond',serif;color:#fff0e6}.connect-choices em{font:28px Allura,cursive;color:#e8b8bd;margin:6px 0 10px}.connect-choices button>span:not([class]){font:16px/1.5 'Cormorant Garamond',serif}.connect-choices b{font:600 9px/1.5 'DM Sans',sans-serif;color:#e9b9aa;padding-top:18px;margin-top:auto}
.connect-workspace{display:grid;grid-template-columns:.75fr 1.3fr;gap:50px;max-width:1180px;margin:65px auto 30px;align-items:start;scroll-margin-top:110px}.connect-context{padding:20px 0}.connect-context>p:not([class]){font:20px/1.6 'Cormorant Garamond',serif;color:#f0d5cf}.connect-context__note{border-top:1px solid #e9b9aa50;border-bottom:1px solid #e9b9aa50;margin:28px 0;padding:22px 0}.connect-context__note>span{font:600 9px/1.5 'DM Sans',sans-serif;letter-spacing:1px;color:#e9b9aa}.connect-context__note p{font:italic 18px/1.6 'Cormorant Garamond',serif;color:#e7c6c1;margin:12px 0 0}.connect-paper{padding:30px;background:var(--connect-surface);border:1px solid #e9b9aa65;border-radius:7px 7px 25px 7px;box-shadow:8px 9px 0 #e9b9aa10,0 24px 50px #14040d50}.connect-paper__masthead{display:flex;justify-content:space-between;gap:15px;padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid #e9b9aa45;font:600 8px/1.6 'DM Sans',sans-serif;letter-spacing:.8px;color:#e9b9aa}.connect-paper label{display:grid;gap:8px;margin-bottom:20px;font:600 10px/1.5 'DM Sans',sans-serif;letter-spacing:.4px;color:#e9b9aa}.connect-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.connect-paper :is(input:not([type=checkbox]),textarea,select){width:100%;min-width:0;border:1px solid #e9b9aa45;border-radius:8px;background:#21091780;color:#fff0e6;font:18px/1.4 'Cormorant Garamond',serif;padding:11px 12px;caret-color:#fff0e6;color-scheme:dark}.connect-paper textarea{min-height:110px;resize:vertical}.connect-paper option{background:#32101f;color:#fff0e6}.connect-paper .connect-consent{display:flex;align-items:flex-start;gap:10px;font-weight:400;color:#e7c6c1}.connect-consent input{margin:2px 0;accent-color:#b57d91}.connect-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.connect-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e9b9aa30;padding-top:12px}.connect-form-bottom p{font:italic 14px/1.5 'Cormorant Garamond',serif;color:#e7c6c1}#formStatus{font:13px/1.5 'DM Sans',sans-serif;color:#f0d5cf}.connect-closing{text-align:center;margin:50px 0 0}#connectSuccess{text-align:center;padding:35px 10px}.connect-success-icon{font-size:45px;color:#e9b9aa}#connectSuccess h3{font:38px 'Cormorant Garamond',serif;margin:15px 0}#connectSuccess>p:not([class]){font:19px/1.5 'Cormorant Garamond',serif}.connect-page :is(a,button,input,textarea,select):focus-visible{outline:2px solid #ffe1d2;outline-offset:4px}
@media(max-width:900px){.connect-hero__inner{gap:20px}.connect-hero__art{transform:scale(.85)}.connect-workspace{grid-template-columns:1fr;gap:15px}.connect-context{max-width:650px}.connect-choices{gap:12px}.connect-choices button{padding:22px 17px}.connect-choices strong{font-size:23px}}
@media(max-width:650px){.connect-hero{padding:130px 6vw 30px}.connect-hero__inner{grid-template-columns:1fr;text-align:center}.connect-intro{margin:20px auto}.connect-hero__art{height:340px;max-width:360px;width:100%;margin:auto;transform:scale(.85)}.connect-choices{grid-template-columns:1fr}.connect-choices button{border-radius:22px;min-height:0;display:grid;grid-template-columns:42px 1fr;gap:8px 12px;padding:20px}.connect-choice-number{grid-column:1/-1;margin:0;justify-self:start}.connect-choice-icon{grid-row:2/4;margin:0}.connect-choices em{margin:0}.connect-choices button>span:not([class]),.connect-choices b{grid-column:2;margin:0;padding:0}.connect-paper{padding:22px 18px}.connect-fields{grid-template-columns:1fr;gap:0}.connect-form-bottom{align-items:flex-start;flex-direction:column}.connect-desk{background-size:cover,auto 850px}.connect-paper__masthead{font-size:7px}.connect-workspace{margin-top:35px}}

.archive-footer {
  position: relative;

  padding:
    18px
    var(--page-padding, 32px)
    16px;

  background:
    linear-gradient(
      rgba(255, 249, 250, 0.85),
      rgba(246, 214, 217, 0.85)
    ),
    url("../assets/images/shelf-arches.jpg");

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  border-top:
    1px solid
    rgba(255, 255, 255, 0.6);
}


.archive-footer__inner {
  width: min(100%, 900px);

  margin: 0 auto;

  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;
}


/* ==========================================================
   BRAND
   ========================================================== */

.archive-footer__brand h2 {
  margin: 0;

  color: var(--archive-rose);

  font-family: "Allura", cursive;

  font-size: 1.8rem;
  font-weight: 400;

  line-height: 0.9;
}


.archive-footer__brand p {
  margin:
    1px
    0
    9px;

  color: var(--dusty-ink);

  font-family: var(--font-display);

  font-size: 0.68rem;

  line-height: 1;
}


/* ==========================================================
   BOOKISH LINKS
   ========================================================== */

.archive-footer__links {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 11px;

  padding:
    7px
    18px;

  border:
    1px solid
    rgba(200, 121, 133, 0.18);

  border-radius: 999px;

  background:
    rgba(255, 249, 250, 0.48);

  backdrop-filter:
    blur(8px);

  -webkit-backdrop-filter:
    blur(8px);
}


.archive-footer__links a {
  position: relative;

  color: var(--dusty-ink);

  font-family: var(--font-body);

  font-size: 0.48rem;
  font-weight: 600;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  transition:
    color 180ms ease,
    text-shadow 180ms ease;
}


.archive-footer__links a:hover {
  color: var(--archive-rose);

  text-shadow:
    0 0 10px
    rgba(225, 165, 174, 0.3);
}


.archive-footer__links > span {
  color: var(--cherub-rose);

  font-family: var(--font-display);

  font-size: 0.65rem;

  opacity: 0.75;
}


/* ==========================================================
   CREDIT
   ========================================================== */

.archive-footer__credit {
  margin:
    7px
    0
    0;

  color:
    rgba(145, 103, 112, 0.62);

  font-family: var(--font-display);

  font-size: 0.52rem;
  font-style: italic;

  line-height: 1;
}


/* ==========================================================
   RESPONSIVE — FOOTER
   ========================================================== */

@media (max-width: 600px) {

  .archive-footer {
    padding:
      18px
      var(--page-padding, 22px);
  }


  .archive-footer__links {
    flex-wrap: wrap;

    gap:
      6px
      10px;
  }

}


/* ✦ Angel Archive — Final Celestial Footer ✦ */

.archive-footer {
  position: relative;

  background: linear-gradient(
  135deg,
  #310f1b 0%,
  #4f1828 50%,
  #2a0c18 100%
);

  border-top: 1px solid rgba(210, 148, 137, 0.75);

  box-shadow:
    0 -10px 38px rgba(16, 3, 10, 0.25),
    inset 0 1px 0 rgba(247, 195, 179, 0.18);

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}


/* Matching navbar-inspired inner border */



.archive-footer__inner {
  position: relative;
  z-index: 1;
}


/* Angel Archive signature */

.archive-footer__brand h2 {
  color: #e9b9aa;
  font-size: 2.1rem;
  text-shadow: 0 0 18px rgba(233, 185, 170, 0.20);
}

/* Little tagline */

.archive-footer__brand p {
  color: #f0d5cf;
}

/* Social links glass pill */

.archive-footer__links {
  background: rgba(255, 240, 230, 0.07);
  border: 1px solid rgba(233, 185, 170, 0.32);

  box-shadow: inset 0 1px 0 rgba(255, 240, 230, 0.08);
}

/* Social link text */

.archive-footer__links a {
  color: #fff0e6;
}

.archive-footer__links a:hover {
  color: #e9b9aa;
  text-shadow: 0 0 12px rgba(233, 185, 170, 0.35);
}

/* Little heart separators */

.archive-footer__links > span {
  color: #e9b9aa;
  opacity: 0.85;
}

/* Copyright and credit */

.archive-footer__credit {
  color: #d8a9b1;
}



/* ✦ ANGEL ARCHIVE — CELESTIAL SIGNATURE FOOTER ✦ */

.archive-footer {
  padding: 25px var(--page-padding, 32px) 17px;
}

.archive-footer__inner {
  width: min(100%, 1240px);
  margin: 0 auto;

  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "brand links"
    "credit credit";

  align-items: center;
  column-gap: 36px;
  row-gap: 22px;

  text-align: left;
}

/* Angel Archive signature */

.archive-footer__brand {
  grid-area: brand;
  justify-self: start;
}

.archive-footer__brand h2 {
  color: #e9b9aa;
  font-size: 3.1rem;
  line-height: 1;
}

.archive-footer__brand p {
  margin: 3px 0 0;
  color: #f0d5cf;
  font-size: 0.78rem;
  line-height: 1.3;
}

/* Remove the single enclosing links pill */

.archive-footer__links {
  grid-area: links;
  justify-self: end;

  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;

  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* Each link becomes its own celestial pill */

.archive-footer__links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 37px;
  padding: 10px 15px;

  border: 1px solid rgba(233, 185, 170, 0.42);
  border-radius: 999px;

  background: rgba(255, 240, 230, 0.07);

  color: #fff0e6;
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-decoration: none;

  box-shadow: inset 0 1px 0 rgba(255, 240, 230, 0.08);

  transition:
    transform 200ms ease,
    background 200ms ease,
    border-color 200ms ease,
    box-shadow 200ms ease;
}

.archive-footer__links a:hover {
  transform: translateY(-3px);
  background: rgba(233, 185, 170, 0.18);
  border-color: rgba(255, 225, 210, 0.8);

  box-shadow:
    0 7px 20px rgba(20, 4, 13, 0.22),
    0 0 15px rgba(233, 185, 170, 0.12);
}

/* Hide the old heart separators between links */

.archive-footer__links > span {
  display: none;
}

/* Bottom copyright divider */

.archive-footer__credit {
  grid-area: credit;
  justify-self: stretch;

  margin: 0;
  padding-top: 14px;

  border-top: 1px solid rgba(233, 185, 170, 0.30);

  color: #d8a9b1;
  font-size: 0.68rem;
  line-height: 1.5;
  text-align: right;
}

/* Responsive footer */

@media (max-width: 900px) {
  .archive-footer__inner {
    grid-template-columns: 1fr;
    grid-template-areas:
      "brand"
      "links"
      "credit";

    justify-items: center;
    row-gap: 17px;
    text-align: center;
  }

  .archive-footer__brand,
  .archive-footer__links {
    justify-self: center;
  }

  .archive-footer__links {
    justify-content: center;
  }

  .archive-footer__credit {
    text-align: center;
  }
}

@media (max-width: 500px) {
  .archive-footer {
    padding: 26px 18px 18px;
  }

  .archive-footer__brand h2 {
    font-size: 2.7rem;
  }

  .archive-footer__links {
    gap: 8px;
  }

  .archive-footer__links a {
    padding: 9px 12px;
    font-size: 0.62rem;
  }
}



/* Match the finished Archive footer palette. */
.connect-page .archive-footer{background:linear-gradient(135deg,#310f1b,#4f1828 50%,#2a0c18);color:#fff0e6;border-top:1px solid #e9b9aa55}
.connect-page .archive-footer :is(h2,p,a){color:#e7c6c1}
.connect-page .archive-footer__links a{background:#ffffff06;border-color:#e9b9aa66}