:root{--cream:#f4ece0;--cream2:#efe5d6;--honey:#c58b45;--gold:#b08a3e;--gold2:#cfa75a;--stone:#d6c7b2;--esp:#3f2e22;--esp2:#6b5646}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--cream);color:var(--esp);font:300 16px/1.6 "Jost",system-ui,sans-serif;letter-spacing:.02em;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
.gold{background:linear-gradient(180deg,#d9b56a 0%,#b08a3e 55%,#8f6c2c 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.top{text-align:center;padding:40px 20px 28px}
.bee{width:84px;margin:0 auto 10px}
.wordmark{font:300 64px/0.9 "Cormorant Garamond",Georgia,serif;letter-spacing:.04em;background:linear-gradient(180deg,#dcb86c 0%,#b08a3e 55%,#8a6829 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wordmark span{display:block;font-size:17px;letter-spacing:.55em;margin-top:10px;padding-left:.55em;font-weight:400}
.rule{display:block;width:72px;height:1px;background:var(--gold);opacity:.7;margin:18px auto 14px}
.tag{font:400 15px/1 "Cormorant Garamond",serif;letter-spacing:.32em;color:var(--gold)}
.hero picture img{width:100%;aspect-ratio:4/3;object-fit:cover}
.intro{padding:40px 24px 48px;max-width:520px;margin:0 auto;text-align:center}
.eyebrow{font-size:11px;letter-spacing:.38em;text-transform:lowercase;color:var(--esp2);margin-bottom:14px}
.intro h2{font:300 40px/1.1 "Cormorant Garamond",serif;color:var(--esp);margin-bottom:12px}
.lede{font:300 italic 20px/1.45 "Cormorant Garamond",serif;color:var(--esp2);margin-bottom:32px}
.signup label{display:block;font:400 20px/1 "Cormorant Garamond",serif;letter-spacing:.12em;color:var(--gold);margin-bottom:14px}
.field{display:flex;border:1px solid var(--gold);background:#fbf7f0}
.field input{flex:1;min-width:0;border:0;background:transparent;padding:15px 16px;font:300 16px "Jost",sans-serif;color:var(--esp);outline:none}
.field input::placeholder{color:#a8988a}
.field button{border:0;background:var(--esp);color:var(--cream);padding:0 24px;font:400 12px "Jost",sans-serif;letter-spacing:.3em;text-transform:lowercase;cursor:pointer;transition:background .2s}
.field button:hover,.field button:focus-visible{background:var(--gold)}
.field:focus-within{box-shadow:0 0 0 3px rgba(176,138,62,.18)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.fomo{font-size:13px;color:var(--esp2);margin-top:14px;line-height:1.6}
.msg{min-height:1.4em;margin-top:10px;font:italic 400 17px "Cormorant Garamond",serif;color:var(--gold)}
.msg.err{color:#9a4a2e}
.trio{border-top:1px solid rgba(176,138,62,.35);padding:48px 24px 40px;text-align:center;background:var(--cream2)}
.trio ol{list-style:none;display:grid;gap:30px;max-width:980px;margin:18px auto 0}
.trio li{padding-top:6px}
.num{display:block;font:400 13px "Cormorant Garamond",serif;letter-spacing:.3em;color:var(--gold);margin-bottom:6px}
.trio h3{font:400 25px/1.2 "Cormorant Garamond",serif;color:var(--esp)}
.trio p{font-size:13px;color:var(--esp2);margin-top:4px}
footer{text-align:center;padding:36px 20px 44px;font-size:12px;letter-spacing:.18em;color:var(--esp2)}
footer img{width:34px;margin:0 auto 12px;opacity:.85}
footer .ig{margin-top:6px}
footer em{font-style:normal;opacity:.6}
footer .social{margin-top:6px}
footer .social a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
footer .social a:hover,footer .social a:focus-visible{border-bottom-color:var(--gold)}
.banner{background:var(--esp);color:var(--cream);text-align:center;font-size:11px;letter-spacing:.22em;padding:9px 14px;line-height:1.5}
.price{font:400 17px "Cormorant Garamond",serif!important;color:var(--gold)!important;margin-top:10px!important;letter-spacing:.06em}
.ritual{order:-1;position:relative;background:var(--cream);border:1px solid var(--gold);padding:34px 22px 26px!important}
.ritual h3{font-size:34px!important}
.ritual .price{font-size:22px!important}
.save{font-size:12px!important;margin-top:6px!important}
.badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--cream);font-size:10px;letter-spacing:.28em;padding:5px 14px;white-space:nowrap}
.trio .terms{max-width:640px;margin:40px auto 0;font-size:12px;color:var(--esp2);line-height:1.7}
@media (min-width:960px){
  .trio ol.lineup{grid-template-columns:repeat(3,1fr);row-gap:44px}
  .ritual{grid-column:1/-1;width:min(560px,100%);margin:0 auto;padding:42px 30px 32px!important}
  .ritual h3{font-size:42px!important}
  .trio li+li{border-left:0}
  .trio li:nth-child(n+3){border-left:1px solid rgba(176,138,62,.35)}
  .top{padding:56px 20px 40px}
  .bee{width:108px}
  .wordmark{font-size:96px}
  .wordmark span{font-size:22px}
  .hero{display:grid;grid-template-columns:55% 45%;align-items:center;max-width:1440px;margin:0 auto}
  .hero picture img{aspect-ratio:auto;height:100%;max-height:640px}
  .intro{padding:40px 64px;text-align:left;max-width:560px}
  .intro h2{font-size:54px}
  .trio{padding:64px 24px 56px}
  .trio ol{grid-template-columns:repeat(3,1fr);gap:0}
  .trio li+li{border-left:1px solid rgba(176,138,62,.35)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}