/* Meet Drew and Contact inherit the approved homepage's lower-page palette. */
body.site-standard:is(.about-page,.contact-page){
  --charcoal:#1f1e1e;
  --black:#0d0d0d;
  --ivory:#eeeae0;
  --gold:#dfc797;
  --body-copy:#d6d0c7;
  --quiet-copy:#c9bda8;
  --rule:#9b8b6b;
  --ink:var(--ivory);
  --paper:var(--charcoal);
  --muted:var(--gold);
  --cream:var(--ivory);
  color-scheme:dark;
  background:var(--black);
  color:var(--ivory);
}

body.site-standard:is(.about-page,.contact-page) ::selection{
  background:var(--gold);
  color:var(--black);
}

body.site-standard:is(.about-page,.contact-page) :is(.founder-intro,.consultation,.inner-hero,.contact-intro){
  background:var(--charcoal);
  color:var(--ivory);
}

body.site-standard.about-page .about-hero .hero-media,
body.site-standard.about-page .site-header{
  background:var(--charcoal);
}

/* Match the contact section to the footer's deepest black. */
body.site-standard.contact-page .consultation{
  background:#000;
  grid-template-columns:minmax(max-content,.95fr) minmax(0,1.05fr);
}

body.site-standard:is(.about-page,.contact-page) #main :is(h1,h2){
  color:var(--ivory);
}

body.site-standard:is(.about-page,.contact-page) #main :is(h1,h2) em{
  color:var(--gold);
}

body.site-standard:is(.about-page,.contact-page) #main p{
  color:var(--body-copy);
}

/* Retain ivory copy over photography, as on the homepage's video scenes. */
body.site-standard:is(.about-page,.contact-page) #main :is(.inner-hero,.contact-intro) :is(h1,p){
  color:var(--ivory);
}

body.site-standard.contact-page .consultation-direct{
  color:var(--gold);
  gap:2px;
  line-height:1.4;
}

body.site-standard.contact-page .consultation-direct .email-text{
  white-space:nowrap;
  overflow-wrap:normal;
  font-size:min(var(--site-body-size),4.25vw);
}

body.site-standard.contact-page .consultation-direct::before{
  content:none;
}

body.site-standard.contact-page .consultation-form label{
  color:var(--ivory);
}

body.site-standard.contact-page .consultation-form label>span,
body.site-standard.contact-page #main :is(.required-note,.privacy-line){
  color:var(--quiet-copy);
}

body.site-standard.contact-page .consultation-form :is(input,textarea){
  background:#171615;
  color:var(--ivory);
  border:0;
  padding:12px 14px;
  caret-color:var(--gold);
}

body.site-standard.contact-page .consultation-form :is(input,textarea):focus-visible{
  outline:2px solid var(--gold);
  outline-offset:3px;
}

body.site-standard.contact-page .consultation-form ::placeholder{
  color:var(--quiet-copy);
}

body.site-standard.contact-page .consultation-form [aria-invalid=true]{
  outline:1px solid #e5a18f;
  outline-offset:3px;
}

body.site-standard.contact-page .privacy-line a{
  color:var(--gold);
}

body.site-standard.contact-page .submit-button{
  display:inline-flex;
  width:auto;
  max-width:100%;
  min-height:44px;
  padding:10px 18px;
  gap:18px;
  margin-top:20px;
  font-size:14px;
  line-height:1.5;
  background:var(--gold);
  color:var(--black);
  transition:background-color 200ms ease-out;
}

body.site-standard.contact-page .submit-button:not(:disabled):hover{
  background:#cdb27b;
}

body.site-standard.contact-page .submit-button svg{
  width:18px;
  height:18px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.25;
  transition:transform 200ms cubic-bezier(.16,1,.3,1);
}

body.site-standard.contact-page .submit-button:not(:disabled):hover svg{
  transform:translate(2px,-2px);
}

body.site-standard.contact-page .submit-button:disabled{
  background:var(--gold);
}

body.site-standard.contact-page .form-status:not(:empty){
  border-top:0;
  padding-top:0;
}

body.site-standard.contact-page #main :is(.required-note,.privacy-line){
  font-size:13px!important;
  line-height:1.6;
}

body.site-standard.contact-page .consultation-aside h2{
  margin-top:0;
}

body.site-standard.contact-page .consultation-form{
  padding-top:0;
}

body.site-standard.contact-page .consultation-form .form-row{
  align-items:start;
}

@media(max-width:1100px){
  body.site-standard.contact-page .consultation{display:block}
  body.site-standard.contact-page .consultation-form{padding-top:42px}
}

@media(max-width:760px){
  body.site-standard.contact-page .consultation-form{padding-top:30px}
}

@media(max-width:380px){
  body.site-standard.contact-page .consultation{padding-inline:16px}
}

@media(prefers-reduced-motion:reduce){
  body.site-standard.contact-page .submit-button,
  body.site-standard.contact-page .submit-button svg{transition:none}
}

body.site-standard:is(.about-page,.contact-page) :is(a,button,summary,input,select,textarea):focus-visible{
  outline-color:var(--gold);
}