/* Shared treatment for the internal Dear Domains pages. */
body:has(.info-page){
  min-height:100vh;
  background:#242220!important;
  color:#f3ede6;
}

.contact-form{display:grid;max-width:620px;gap:16px}
.contact-form label{display:grid;gap:8px;color:#cbb897;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.contact-form input,.contact-form textarea{width:100%;border:2px solid #cbb897;background:#f3ede6;color:#242220;padding:13px 14px;font:400 15px/1.45 'IBM Plex Mono',ui-monospace,monospace;text-transform:none}
.contact-form textarea{resize:vertical;min-height:150px}
.contact-form .btn{justify-self:start;min-height:52px;border-radius:10px;background:#80664e;color:#f3ede6;font-family:'IBM Plex Mono',ui-monospace,monospace}

.info-page:not(.about-page){
  max-width:1040px!important;
  margin:0 auto!important;
  padding:64px clamp(20px,5vw,56px) 96px!important;
}

.info-page:not(.about-page) .info-hero{
  max-width:760px!important;
  margin:12px 0 52px!important;
  text-align:left!important;
}

.info-page:not(.about-page) .info-hero .eyebrow{
  color:#cbb897!important;
  font-size:11px!important;
  letter-spacing:.14em!important;
}

.info-page:not(.about-page) .info-hero h1{
  max-width:820px!important;
  margin:13px 0 17px!important;
  color:#f3ede6!important;
  font-size:clamp(38px,5.4vw,66px)!important;
  line-height:1!important;
  letter-spacing:-.07em!important;
}

.info-page:not(.about-page) .info-hero p{
  max-width:650px!important;
  margin:0!important;
  color:#d7cdc1!important;
  font-size:16px!important;
  line-height:1.65!important;
}

.info-page:not(.about-page) .info-section{
  max-width:780px!important;
  margin:0!important;
  padding:34px 0!important;
  border-top:1px solid rgba(203,184,151,.22)!important;
}

.info-page:not(.about-page) .info-section h2{
  max-width:620px!important;
  margin:0 0 14px!important;
  color:#f3ede6!important;
  font-size:clamp(22px,3vw,34px)!important;
  line-height:1.12!important;
  letter-spacing:-.055em!important;
}

.info-page:not(.about-page) .info-section p,
.info-page:not(.about-page) .info-section li{
  color:#d7cdc1!important;
  font-size:15px!important;
  line-height:1.7!important;
}

.info-page:not(.about-page) .info-section p{margin:0 0 15px!important}
.info-page:not(.about-page) .info-section ul{margin:18px 0 24px!important;padding-left:19px!important}
.info-page:not(.about-page) .info-section li{margin:6px 0!important}
.info-page:not(.about-page) .info-section a{color:#cbb897!important;text-underline-offset:4px}

.info-page:not(.about-page) .info-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 28px!important;
}

.info-page:not(.about-page) .info-card{
  min-height:180px!important;
  padding:22px!important;
  border:0!important;
  border-radius:0!important;
  background:#302a25!important;
  box-shadow:none!important;
}

.info-page:not(.about-page) .info-card h2{color:#f3ede6!important;font-size:18px!important;letter-spacing:-.035em!important}
.info-page:not(.about-page) .info-card p{color:#d7cdc1!important;font-size:13px!important}
.info-page:not(.about-page) .notice{border-left-color:#cbb897!important;background:#302a25!important;color:#d7cdc1!important}

.info-page:not(.about-page) .domain-purchase input{
  border:2px solid #cbb897!important;
  background:#f3ede6!important;
}

.info-page:not(.about-page) .domain-purchase .btn{
  border-radius:10px!important;
  background:#80664e!important;
  color:#f3ede6!important;
}

body:has(.info-page) .site-footer{
  margin-top:auto;
  padding:28px max(20px,calc((100vw - 1040px)/2))!important;
  border-top:0!important;
  background:#1b1917!important;
  color:#a8998a!important;
}

@media(max-width:700px){
  .info-page:not(.about-page){padding:42px 18px 72px!important}
  .info-page:not(.about-page) .info-hero{margin:4px 0 40px!important}
  .info-page:not(.about-page) .info-hero h1{font-size:42px!important}
  .info-page:not(.about-page) .info-section{padding:28px 0!important}
  .info-page:not(.about-page) .info-grid{grid-template-columns:1fr!important}
  .info-page:not(.about-page) .info-card{min-height:auto!important}
}