/* the contact aside: no tiles, no dark panel — just hairline dividers */
.ct-aside{gap:0!important}
.ct-card,.ct-card.hl{
  background:none!important;background-color:transparent!important;background-image:none!important;
  border:0!important;border-top:1px solid rgba(27,27,27,.12)!important;border-radius:0!important;
  padding:clamp(22px,2.2vw,28px) 0!important;color:var(--ink)!important;box-shadow:none!important}
.ct-aside>.ct-card:first-child{border-top:0!important;padding-top:0!important}
.ct-card b,.ct-card.hl b{color:var(--ink)!important}
.ct-card p,.ct-card.hl p{color:var(--stone-6)!important}
.ct-card a.mail{border-bottom-color:rgba(27,27,27,.28)!important;
  font-family:var(--f-ui)!important;font-size:15.5px!important;font-weight:500!important;letter-spacing:normal!important}
.ct-chip,.ct-card.hl .ct-chip{
  background:transparent!important;border:1px solid rgba(27,27,27,.18)!important;color:var(--stone-6)!important}


/* the contact page runs black under the hero; the hero keeps its sky and fades into it */
html body{background:#000000!important}
html body main#main{background:#000000!important}
html body main#main>section.section,html body main#main>section.wrap,
html body main#main>section#waitlist{background:#000000!important;background-color:#000000!important;background-image:none!important}
html body footer,html body footer .fwrap,html body footer .fbase,html body footer>*{
  background:#000000!important;background-color:#000000!important;background-image:none!important}
html body footer::before,html body footer::after{display:none!important}
/* pitch black everywhere below the hero, including any inherited tint */
html body main#main section.section::before,html body main#main section.section::after,
html body main#main #waitlist::before,html body main#main #waitlist::after{display:none!important}
html body main#main .pghero.skyhero::after{display:none!important}
/* the form starts right under the hero */
html body main#main>section.section.section{padding-top:clamp(52px,5.4vw,84px)!important}
html body main#main .pghero.skyhero.skyhero{padding-bottom:clamp(58px,6vw,92px)!important;min-height:0!important}

/* the hero fades from its sky into the black below */
html body main#main .pghero.skyhero{position:relative}
html body main#main .pghero.skyhero::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:34%;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 46%,#000000 100%)}
html body main#main .pghero.skyhero>*{position:relative;z-index:2}

/* everything on the black ground reads in light ink */
html body main#main section.section .kicker,html body main#main #waitlist .kicker{color:rgba(247,245,242,.5)!important}
html body main#main section.section h2,html body main#main #waitlist h2,
html body main#main section.section h3,html body main#main #waitlist .ctaline{color:#F7F5F2!important}
html body main#main section.section p:not(.ct-note):not(.fine){color:rgba(247,245,242,.74)!important}

/* the form: hairlines and type invert, the underline style stays */
html body .ct-form,html body .ct-card,html body .ct-card.hl{background:transparent!important}
html body .ct-form label b,html body .ct-form input,html body .ct-form select,html body .ct-form textarea{color:#F7F5F2!important}
html body .ct-form input,html body .ct-form select,html body .ct-form textarea{
  border-bottom-color:rgba(247,245,242,.26)!important;background:transparent!important}
html body .ct-form input:focus,html body .ct-form select:focus,html body .ct-form textarea:focus{
  border-bottom-color:#F7F5F2!important}
html body .ct-form input::placeholder,html body .ct-form textarea::placeholder{color:rgba(247,245,242,.4)!important}
html body .ct-form select option{color:#1B1B1B}
html body .ct-note,html body .ct-form .ct-note{color:rgba(247,245,242,.55)!important}
html body .ct-send{background:#F7F5F2!important;color:#0E1626!important}
html body .ct-send:hover{background:#FFFFFF!important}

/* the aside: light hairline dividers, light ink */
html body .ct-card,html body .ct-card.hl{border-top-color:rgba(247,245,242,.16)!important}
html body .ct-card b,html body .ct-card.hl b{color:#F7F5F2!important}
html body .ct-card p,html body .ct-card.hl p{color:rgba(247,245,242,.68)!important}
html body .ct-card a.mail{color:#F7F5F2!important;border-bottom-color:rgba(247,245,242,.4)!important}
html body .ct-card a:not(.mail){color:#9FC0E6!important}
html body .ct-chip,html body .ct-card.hl .ct-chip{
  color:rgba(247,245,242,.72)!important;border-color:rgba(247,245,242,.22)!important;background:transparent!important}
html body .ct-ok{color:#F7F5F2!important}

/* the closing CTA on black */
html body main#main #waitlist .cta-band,html body #waitlist .cta-band{
  background:#000000!important;background-color:#000000!important;background-image:none!important}
html body #waitlist::before{background:rgba(247,245,242,.14)!important}
html body #waitlist .cta-band h2,html body #waitlist .cta-band h2 span{color:#F7F5F2!important}
html body #waitlist .cta-band p,html body #waitlist .cta-band .band-note{color:rgba(247,245,242,.62)!important}
html body #waitlist .cta-band .band-kicker{color:rgba(247,245,242,.5)!important}
html body #waitlist .cta-band .wl,html body #waitlist .cta-band .wl:focus-within{
  background:transparent!important;border-bottom:1px solid rgba(247,245,242,.26)!important}
html body #waitlist .cta-band .wl:focus-within{border-bottom-color:#F7F5F2!important}
html body #waitlist .cta-band .wl input{color:#F7F5F2!important;background:transparent!important}
html body #waitlist .cta-band .wl input::placeholder{color:rgba(247,245,242,.4)!important}
html body #waitlist .cta-band .wl .btn.primary,
html body #waitlist .cta-band .wl .btn.primary:hover{color:#F7F5F2!important;background:transparent!important}
html body main#main #waitlist .btn.primary:not(.wl .btn){background:#F7F5F2!important;color:#0E1626!important;border-color:#F7F5F2!important}
html body main#main #waitlist .btn:not(.primary){color:#F7F5F2!important;border-color:rgba(247,245,242,.3)!important;background:transparent!important}