@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--ink:#241927;--cream:#f8f3ed;--gold:#efd1aa;--muted:#514450;--purple:#683c68;--line:#ded0d9;font-family:Heebo,Arial,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;line-height:1.65}
img{max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.2em}
:focus-visible{outline:3px solid #277caa;outline-offset:4px}
.hero :focus-visible,.top :focus-visible,.closing :focus-visible{outline-color:#73c8ef}
.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.skip{position:absolute;inset-inline-start:1rem;top:-8rem;z-index:2;background:white;padding:.8rem}
.skip:focus{top:.5rem}
.top,.hero,.closing{color:var(--cream);background:var(--ink)}
.top{border-bottom:1px solid #ffffff24}
.nav{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:76px}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:800;line-height:1.35}
.brand img{border-radius:50%;background:#fff}
.brand small{display:block;font-size:.72rem;font-weight:500}
.nav-link{font-size:.9rem;display:inline-flex;align-items:center;gap:.4rem;min-height:44px}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.16;text-wrap:balance}
h1{font-size:clamp(3.1rem,9vw,7rem);font-weight:800;letter-spacing:-.045em}
h1 em{color:var(--gold);font-style:normal}
h2{font-size:clamp(1.85rem,4.5vw,3.35rem);letter-spacing:-.03em}
h3{font-size:1.23rem}
p{margin-top:.75em}
.question{font-size:clamp(1.16rem,2.7vw,1.65rem);font-weight:700;line-height:1.4}
.tagline{color:#efdaec}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:.7rem 1.35rem;border:1px solid transparent;border-radius:6px;background:var(--gold);color:var(--ink);font:inherit;font-weight:800;text-decoration:none;cursor:pointer;text-align:center;margin-top:1.25rem}
.button:hover{background:#ffe3bf}
.button:disabled{cursor:default;opacity:.66}
.section,.intro{padding-block:clamp(2.6rem,6.5vw,5.2rem)}
.split,.intro{display:grid;gap:1.5rem;align-items:start}
.intro h2{font-size:clamp(1.6rem,3.5vw,2.6rem)}
.intro p:first-child,.split p:first-child{margin-top:0}
.intro p,.about p{color:var(--muted)}




.experience {
  background: #fbf6ef;
  border-block: 1px solid #e8dadd;
}
.experience > .wrap { max-width: 960px; }
.experience-lead {
  max-width: 65ch;
  margin-block: 1.25rem .75rem;
  padding-inline-start: 1rem;
  border-inline-start: 3px solid #996799;
}
.experience-feature {
  display: grid;
  gap: 1rem;
  align-items: center;
  padding-block: clamp(1.25rem, 4vw, 2.25rem);
  border-bottom: 1px solid #ded0d9;
}
.experience-feature:last-child { border-bottom: 0; padding-bottom: 0; }
.experience-feature img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
  outline: 1px solid #9798cb;
}
.experience-copy h3 { font-size: clamp(1.35rem, 3.1vw, 2.2rem); }
.experience-lead p, .experience-copy p { color: var(--muted); }
.experience-potential {
  margin-top: 1.1rem;
  padding-inline-start: .85rem;
  border-inline-start: 3px solid #73c8ef;
}
.experience-potential h4 { margin: 0; font-size: 1rem; }
.experience-potential p { margin-top: .25rem; }
@media (min-width: 760px) {
  .experience-feature {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: clamp(2rem, 5vw, 4rem);
  }
  .experience-feature:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .experience-feature:nth-of-type(even) img { grid-column: 2; grid-row: 1; }
  .experience-feature:nth-of-type(even) .experience-copy { grid-column: 1; grid-row: 1; }
}
.discovery p{max-width:65ch}
.audience{background:#eae8f5}
.join{background:#ead9e8;scroll-margin-top:1rem}
.form-card{background:#fffaf7;padding:clamp(1rem,4vw,2rem);border-radius:12px;min-width:0}
form label:not(.consent){display:block;margin-top:.8rem;font-weight:700}
form input:not([type=checkbox]){width:100%;min-height:46px;border:1px solid #89788a;border-radius:5px;background:white;color:var(--ink);font:inherit;padding:.5rem}
.consent{display:flex;align-items:flex-start;gap:.55rem;margin-block:1rem}
.consent input{width:1.2rem;height:1.2rem;flex:none;accent-color:var(--purple)}
form .button,#registration{background:var(--purple);color:white}
form .button:hover,#registration:hover{background:#532b54}
#form-status:empty{display:none}
#event h3{margin-top:.75rem}
dl{display:grid;gap:.6rem;max-width:680px}
dl div{display:grid;grid-template-columns:minmax(75px,1fr) 3fr;gap:.7rem;border-bottom:1px solid #bba6b9;padding-block:.4rem}
dt{font-weight:700}dd{margin:0;overflow-wrap:anywhere}
.faq h2{margin-bottom:1rem}
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font-weight:700;padding:.9rem .25rem}
details p{margin:0 1.2rem 1rem 0;max-width:70ch}
.closing{text-align:center}
.closing .wrap{max-width:720px}
footer{font-size:.9rem;padding-block:.4rem}
footer p{margin:0}
@media(min-width:760px){.split,.intro{grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero {
  background:
    linear-gradient(0deg, #241927 5%, #241927f5 40%, #241927a8 67%, #24192715),
    url("./images/numerology-bar/hero.webp") 68% top / cover no-repeat,
    var(--ink);
}
.hero-grid {
  display: grid;
  align-items: end;
  min-height: clamp(510px, 75svh, 690px);
  padding-block: 8rem 2.75rem;
}
.hero-copy { max-width: 36rem; }
.hero-copy .question, .hero-copy .tagline { max-width: 29rem; }
.hero .button, .closing .button { box-shadow: 0 8px 28px #160f2270; }


.about { align-items: center; }
.about .portrait {
  display: block;
  width: 100%;
  max-width: 470px;
  aspect-ratio: 4 / 5;
  height: auto;
  object-fit: cover;
  object-position: center 35%;
  border-radius: 20px;
  box-shadow: 14px 14px 0 #e8d7e6;
}
.join { background: linear-gradient(125deg,#e6e2f4,#eddae6 70%); }
@media (min-width: 760px) {
  .hero {
    background-image:
      linear-gradient(90deg,#241927f5 4%,#241927d9 30%,#2419274a 57%,#24192700 82%),
      url("./images/numerology-bar/hero.webp");
    background-position: center, center 52%;
  }
  .hero-grid { align-items: center; justify-items: end; padding-block: 4.5rem; }
  .hero-copy { width: 51%; }





}