/* ECHO site v2 · step 6 — contact: the echo returns to where it began. One point of light, dotted rings leaving it. */
.ct{position:relative;z-index:6;height:200vh}
.ct-pin{position:sticky;top:0;height:100vh;height:100svh;padding-top:90px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(50% 55% at 50% 52%,#fbf6ec,#efe8dc 60%,#e8e1d5)}
html.static .ct,html:not(.js) .ct{height:auto}
html.static .ct-pin,html:not(.js) .ct-pin{position:relative;min-height:100vh;height:auto}
.ct-rings{position:absolute;inset:0;width:100%;height:100%;display:block}
.ct-copy{position:relative;z-index:2;text-align:center;padding:0 24px}
.ct-title{font-size:clamp(64px,8.4vw,128px);font-weight:500;letter-spacing:-.065em;line-height:.95;padding-bottom:.08em;text-shadow:0 0 60px #f6f0e6}
.ct-sub{margin:250px auto 0;max-width:520px;font-size:clamp(16px,1.3vw,18px);line-height:1.55;color:#4a463f;background:rgba(242,238,229,.72);border-radius:12px;padding:4px 12px;display:inline-block}
.ct-actions{margin-top:26px;display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap}
.ct-mail{font-size:16px;color:#10100e;border-bottom:1px solid currentColor;padding-bottom:2px;text-decoration:none}
.ct-title,.ct-sub,.ct-actions{opacity:var(--in,1);transform:translateY(calc((1 - var(--in,1)) * 30px));transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,0,0,1)}
.ct-sub{transition-delay:.1s}.ct-actions{transition-delay:.2s}
.ft{position:relative;z-index:6;display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding:26px max(24px,calc((100vw - 1328px)/2)) 34px;background:#e8e1d5;border-top:1px solid rgba(16,16,14,.1);font-size:14px;color:#4a463f}
.ft-logo img{height:20px;width:auto;display:block}
.ft-links,.ft-langs{display:flex;gap:24px}
.ft a{color:inherit;text-decoration:none}.ft a:hover{color:#10100e}
.ft-langs a[aria-current]{color:#10100e}
.ft-sp{flex:1}
.ft-copy{width:100%;margin-top:8px;font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#666158}
@media (min-width:1100px){.ft-copy{width:auto;margin:0}}
@media (max-width:700px){.ct-sub{margin-top:28px}.ft-sp{display:none}}

/* legal links in the footer line and under the contact form */
.ft-copy a,.contact-privacy a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ft-copy a:hover,.contact-privacy a:hover{color:#10100e}

/* Aurora backgrounds (2026-10-23, Founder picked B) — detail pages' contact section + footer. */
.ct-pin{background:radial-gradient(50% 55% at 50% 52%,#fffbf2,rgba(255,251,242,0) 70%),radial-gradient(45% 50% at 90% 6%,rgba(222,186,134,.85),rgba(222,186,134,0) 70%),radial-gradient(45% 50% at 8% 94%,rgba(160,200,196,.85),rgba(160,200,196,0) 70%),linear-gradient(160deg,#f9f4ea,#e8dbc5 60%,#d8c6aa)}
.ft{background:#d8c6aa}