/* privacy.html, 404.html, unsubscribed.html — quiet single-column pages on the light pole. */
.tje-aura{position:absolute;width:45rem;height:45rem;left:-20rem;top:-22.5rem;border-radius:50%;background:radial-gradient(closest-side,rgba(243,163,120,.24),rgba(243,163,120,0));pointer-events:none}
@media (max-width:767px){.tje-aura{width:26.25rem;height:26.25rem;left:-13.75rem;top:-13.75rem}}

/* the nav sits on light here, so its links are ink */
.tsp-nav .tje-link{color:var(--ink)}
.tsp-nav .tje-link:hover{color:var(--orange-deep)}
.tsp-nav .tje-link::after{background:var(--orange)}
.tsp-nav .tje-link[aria-current="page"]::after{right:0}
@media (max-width:767px){.tsp-nav .tje-links{gap:1.25rem}.tsp-nav .tje-btn-sm{display:none}}

.tsp{position:relative;isolation:isolate;overflow:clip;padding:10.5rem var(--pad) 6.5rem}
.tsp-hero{position:relative;max-width:47.5rem}
.tsp-h1{margin:0;font-family:"Libre Caslon Display","Libre Caslon Text",Georgia,serif;font-weight:400;font-size:clamp(2.5rem,4.6vw,4rem);line-height:1.04;letter-spacing:-.014em;color:var(--ink);text-wrap:balance}
.tsp-h1 .tje-it{font-size:.9em}
.tsp-hero .tje-lead{max-width:37.5rem;margin-top:1.375rem}
.tsp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:2.25rem}
.tje-ghost{display:inline-flex;align-items:center;gap:.625rem;min-height:3.25rem;padding:0 1.5rem;border-radius:62.4375rem;border:1.5px solid rgba(28,24,18,.2);background:#ffffff;color:var(--ink);font-size:.96875rem;font-weight:600;text-decoration:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-color .2s ease,color .2s ease}
.tje-ghost:hover{border-color:var(--orange);color:var(--orange-deep);transform:translateY(-2px)}
.tje-ghost svg,.tje-cta svg{flex:none}

/* centered variant for the short pages (404, unsubscribed) */
.tsp--center{display:flex;min-height:min(86vh,51.25rem);align-items:center;justify-content:center;text-align:center}
.tsp--center .tsp-hero{margin:0 auto}
.tsp--center .tje-kick{justify-content:center}
.tsp--center .tje-lead{margin-left:auto;margin-right:auto}
.tsp--center .tsp-actions{justify-content:center}
.tsp-orb{width:4rem;height:4rem;margin:0 auto 1.875rem;box-shadow:0 0 0 .5rem var(--pearl),0 0 0 .5625rem rgba(28,24,18,.12)}

/* long-form text (privacy) */
.tsp-draft{display:flex;gap:.75rem;align-items:flex-start;max-width:47.5rem;margin:0 0 2.5rem;padding:.875rem 1.125rem;border:1.5px dashed rgba(168,71,28,.45);border-radius:1.125rem;background:#fbf3ec;font-size:.90625rem;line-height:1.5;color:var(--orange-deep)}
.tsp-draft b{font-weight:600}
.tsp-meta{margin:1.125rem 0 0;font-size:.875rem;color:#6b6254}
.tsp-prose{position:relative;max-width:45rem;margin-top:4rem;font-size:1.0625rem;line-height:1.7;color:var(--dim)}
.tsp-prose h2{margin:3rem 0 .75rem;font-family:"Libre Caslon Display","Libre Caslon Text",Georgia,serif;font-weight:400;font-size:1.75rem;line-height:1.15;letter-spacing:-.006em;color:var(--ink)}
.tsp-prose h2:first-child{margin-top:0}
.tsp-prose p{margin:0 0 .875rem;text-wrap:pretty}
.tsp-prose ul{display:grid;gap:.625rem;margin:0 0 .875rem;padding:0;list-style:none}
.tsp-prose li{display:grid;grid-template-columns:.875rem minmax(0,1fr);gap:.875rem;text-wrap:pretty}
.tsp-prose li::before{content:"";width:.625rem;height:.625rem;margin-top:.62em;border-radius:50%;background:linear-gradient(90deg,var(--orange) 0 50%,var(--shadow) 50% 100%)}
.tsp-prose b{font-weight:600;color:var(--ink)}
.tsp-fill{white-space:nowrap;padding:1px .375rem;border-radius:.375rem;background:#f3ece1;font-weight:600;color:var(--orange-deep)}
@media (max-width:767px){.tsp{padding:7.75rem var(--pad) 4.5rem}.tsp-prose{margin-top:2.75rem;font-size:1.03125rem}.tsp-prose h2{font-size:1.5625rem}}

@keyframes tsp-rise{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){.is-motion .tsp-hero > *{animation:tsp-rise .8s cubic-bezier(.22,1,.36,1) both}.is-motion .tsp-hero > :nth-child(2){animation-delay:.06s}.is-motion .tsp-hero > :nth-child(3){animation-delay:.12s}.is-motion .tsp-hero > :nth-child(4){animation-delay:.18s}.is-motion .tsp-hero > :nth-child(5){animation-delay:.24s}}
