/* Homepage lock for the current product: warm paper, serif titles, ink press. */

body.landing {
  --paper: #F3EEE6;
  --ink: #2C2824;
  --mute: #5C564E;
  --line: #C8BBAA;
  --ignition: #2C2824;
  --cite: #2C2824;
  --font-d: "Source Serif 4", Georgia, serif;
  --font-b: "Source Sans 3", system-ui, sans-serif;
  --font-m: "Source Sans 3", system-ui, sans-serif;
  background: #F3EEE6;
  color: #2C2824;
}

body.landing .home,
body.landing .field-span,
body.landing .band,
body.landing .band.night,
body.landing .band.heat,
body.landing .pin,
body.landing #book .pin,
body.landing .pin-scene.book-scene .pin,
body.landing .hs-head.is-lock,
body.landing .hs-head.is-lock[data-bar="field"] {
  background: #F3EEE6;
  color: #2C2824;
}

body.landing .pin { border-bottom-color: #C8BBAA; }

body.landing .hs-head.is-lock[data-bar="plate"] {
  background: #FAF6EF;
  border-bottom-color: #C8BBAA;
  color: #2C2824;
}

body.landing .mark {
  font-family: "Source Sans 3", system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: 0.12em;
}

body.landing .field-span {
  border-bottom-color: #C8BBAA;
}

body.landing .field-span #hero .copy-over::before {
  background: rgba(243, 238, 230, 0.28);
}

body.landing .hero-more { color: #2C2824; }

body.landing .btn,
body.landing .hs-menu {
  border-radius: 14px;
}

body.landing .btn-try,
body.landing .band.night .btn-try,
body.landing .band.heat .btn-try,
body.landing .pin.night .btn-try {
  background-color: #2C2824;
  background-image: linear-gradient(#3A342F, #3A342F);
  border-color: #2C2824;
  color: #FAF6EF;
}

body.landing .btn-try:hover,
body.landing .btn-try:focus-visible,
body.landing .band.night .btn-try:hover,
body.landing .band.night .btn-try:focus-visible,
body.landing .band.heat .btn-try:hover,
body.landing .band.heat .btn-try:focus-visible {
  background-size: 100% 100%;
  background-color: #3A342F;
  border-color: #3A342F;
}

body.landing .btn-see,
body.landing .band.night .btn-see,
body.landing .band.heat .btn-see {
  background-color: transparent;
  background-image: none;
  border-color: #C8BBAA;
  color: #2C2824;
}

body.landing .btn-see:hover,
body.landing .btn-see:focus-visible,
body.landing .band.night .btn-see:hover,
body.landing .band.night .btn-see:focus-visible {
  background: #FAF6EF;
  color: #2C2824;
}

body.landing .how-list li { border-top-color: #C8BBAA; }
body.landing .how-list li.is-on {
  background: #F0D9A6;
  border-radius: 14px;
  border-top-color: transparent;
  padding-left: 12px;
  padding-right: 12px;
}
body.landing .how-list li.is-on .n { color: #2C2824; }
body.landing .how-list li.is-on + li { border-top-color: transparent; }

body.landing #object.trust-band { background: #F3EEE6; }
body.landing #object .occupant .band-outer { fill: #2C2824; }
body.landing #object .occupant-copy { width: 10.5em; }
body.landing #object .occupant-copy h2 {
  font-size: 26px;
  line-height: 1.05;
  color: #FAF6EF;
}
body.landing #object .occupant-copy .lede {
  font-size: 14px;
  line-height: 1.35;
  color: #E7D7C3;
}
body.landing #object .occupant { color: #2C2824; }
body.landing #object .occupant-copy .kicker { color: #C8BBAA; }
body.landing #object .occupant-copy h2,
body.landing #object .occupant-copy .lede { color: #FAF6EF; }
body.landing .occupant-foot { border-top-color: #C8BBAA; }
body.landing .occupant-foot .n {
  font-family: "Source Serif 4", Georgia, serif;
  letter-spacing: 0;
  text-transform: none;
  font-size: 18px;
  color: #2C2824;
}

body.landing .beta-panel {
  margin: 8px 40px 0;
  padding: 28px 32px;
  background: #FAF6EF;
  border: 1px solid #C8BBAA;
  border-radius: 22px;
  max-width: 40em;
}
body.landing .home.has-rail .beta-panel { margin-right: 96px; }
body.landing .beta-panel h2 {
  font-size: clamp(26px, 3vw, 34px);
  margin-bottom: 10px;
}
body.landing .beta-panel .lede { max-width: 38em; }
body.landing .beta-panel .cta-row { margin-top: 18px; }

body.landing .room-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
  max-width: 880px;
}
body.landing .room-card {
  background: #FAF6EF;
  border: 1px solid #C8BBAA;
  border-radius: 22px;
  padding: 22px 24px 24px;
}
body.landing .room-card h3 {
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin: 0 0 8px;
}
body.landing .room-card p {
  margin: 0;
  color: #5C564E;
  font-size: 16px;
  line-height: 1.45;
}
body.landing .room-connect {
  margin: 22px 0 0;
  max-width: 40em;
  color: #5C564E;
}

body.landing .ask-list article {
  border-color: #C8BBAA;
}
body.landing .hs-foot {
  background: #F3EEE6;
  border-top-color: #C8BBAA;
}
body.landing .hs-foot a { color: inherit; }

body.landing .hs-nav.is-open,
body.landing .hs-head.is-lock .hs-nav {
  background: #FAF6EF;
}

@media (max-width: 840px) {
  body.landing .field-span #hero .copy-over {
    background: rgba(243, 238, 230, 0.94);
    border-radius: 22px;
  }
  body.landing .room-grid { grid-template-columns: 1fr; }
  body.landing .beta-panel,
  body.landing .home.has-rail .beta-panel {
    margin-left: 20px;
    margin-right: 20px;
  }
  body.landing .hs-head.is-lock .hs-nav { background: #FAF6EF; }
}

/* home-study.css dark rules use html[data-theme="dark"] and outrank body.landing. */
html[data-theme="dark"] body.landing.bleed-page,
html[data-theme="dark"] body.landing .home,
html[data-theme="dark"] body.landing .field-span,
html[data-theme="dark"] body.landing .band,
html[data-theme="dark"] body.landing .band.night,
html[data-theme="dark"] body.landing .band.heat,
html[data-theme="dark"] body.landing .pin,
html[data-theme="dark"] body.landing .home .pin,
html[data-theme="dark"] body.landing #how,
html[data-theme="dark"] body.landing #book,
html[data-theme="dark"] body.landing #ask,
html[data-theme="dark"] body.landing #workspace,
html[data-theme="dark"] body.landing #object.trust-band,
html[data-theme="dark"] body.landing .hs-head,
html[data-theme="dark"] body.landing .hs-foot,
html[data-theme="dark"] body.landing .hs-foot-end {
  background: #F3EEE6;
  color: #2C2824;
  border-color: #C8BBAA;
}
html[data-theme="dark"] body.landing h1,
html[data-theme="dark"] body.landing h2,
html[data-theme="dark"] body.landing h3,
html[data-theme="dark"] body.landing .band.night h1,
html[data-theme="dark"] body.landing .band.night h2,
html[data-theme="dark"] body.landing .home .pin h2,
html[data-theme="dark"] body.landing #ask h2,
html[data-theme="dark"] body.landing .ask-list h3,
html[data-theme="dark"] body.landing .room-card h3 {
  color: #2C2824;
}
html[data-theme="dark"] body.landing .kicker,
html[data-theme="dark"] body.landing .lede,
html[data-theme="dark"] body.landing .band.night .kicker,
html[data-theme="dark"] body.landing .band.night .lede,
html[data-theme="dark"] body.landing .band.night p,
html[data-theme="dark"] body.landing .home .pin p,
html[data-theme="dark"] body.landing .home .pin .kicker,
html[data-theme="dark"] body.landing .pin .copy p,
html[data-theme="dark"] body.landing .ask-list p,
html[data-theme="dark"] body.landing .hs-foot-line,
html[data-theme="dark"] body.landing .hs-foot-end {
  color: #5C564E;
}
html[data-theme="dark"] body.landing .hs-foot a,
html[data-theme="dark"] body.landing .hs-foot a:hover,
html[data-theme="dark"] body.landing .hs-foot a:focus-visible,
html[data-theme="dark"] body.landing .hero-more,
html[data-theme="dark"] body.landing .hero-more:hover,
html[data-theme="dark"] body.landing .hero-more:focus-visible {
  color: #2C2824;
}
html[data-theme="dark"] body.landing .hero-more-chev { filter: none; }
html[data-theme="dark"] body.landing .field-span #hero .copy-over,
html[data-theme="dark"] body.landing .field-span #hero .copy-over::before,
html[data-theme="dark"] body.landing .field-span #hero .copy-text::before {
  background: transparent;
  box-shadow: none;
}
@media (max-width: 840px) {
  html[data-theme="dark"] body.landing .field-span #hero .copy-over {
    background: rgba(243, 238, 230, 0.94);
  }
  html[data-theme="dark"] body.landing .field-span #hero .copy-over::before,
  html[data-theme="dark"] body.landing .field-span #hero .copy-text::before {
    background: rgba(243, 238, 230, 0.28);
  }
}
html[data-theme="dark"] body.landing .home svg,
html[data-theme="dark"] body.landing .home .pin svg,
html[data-theme="dark"] body.landing #book .cta-hub svg {
  stroke: #2C2824;
  color: #2C2824;
}
html[data-theme="dark"] body.landing .cite-stroke { stroke: #2C2824; }
html[data-theme="dark"] body.landing .home svg circle:not(.core):not(.band-outer):not(.band-inner):not(.hit),
html[data-theme="dark"] body.landing .pin svg circle:not(.core):not(.band-outer):not(.band-inner):not(.hit),
html[data-theme="dark"] body.landing .band svg circle:not(.core):not(.band-outer):not(.band-inner) {
  fill: none;
}
html[data-theme="dark"] body.landing .core,
html[data-theme="dark"] body.landing .home .pin .core,
html[data-theme="dark"] body.landing .home .pin .js-bull,
html[data-theme="dark"] body.landing .band-outer,
html[data-theme="dark"] body.landing .home .pin .band-outer,
html[data-theme="dark"] body.landing #object .occupant .band-outer {
  fill: #2C2824;
}
html[data-theme="dark"] body.landing .band-inner,
html[data-theme="dark"] body.landing .home .pin .band-inner {
  fill: #F3EEE6;
}
html[data-theme="dark"] body.landing .btn-try,
html[data-theme="dark"] body.landing .band.night .btn-try,
html[data-theme="dark"] body.landing .band.heat .btn-try {
  background-color: #2C2824;
  background-image: linear-gradient(#3A342F, #3A342F);
  border-color: #2C2824;
  color: #FAF6EF;
}
html[data-theme="dark"] body.landing .btn-see,
html[data-theme="dark"] body.landing .band.night .btn-see,
html[data-theme="dark"] body.landing .band.heat .btn-see {
  background-color: transparent;
  background-image: none;
  border-color: #C8BBAA;
  color: #2C2824;
}
html[data-theme="dark"] body.landing .btn-see:hover,
html[data-theme="dark"] body.landing .btn-see:focus-visible,
html[data-theme="dark"] body.landing .band.night .btn-see:hover,
html[data-theme="dark"] body.landing .band.night .btn-see:focus-visible,
html[data-theme="dark"] body.landing .band.heat .btn-see:hover,
html[data-theme="dark"] body.landing .band.heat .btn-see:focus-visible {
  background: #FAF6EF;
  background-size: auto;
  color: #2C2824;
}
html[data-theme="dark"] body.landing .ask-list article { border-color: #C8BBAA; }
html[data-theme="dark"] body.landing .rail-fixed {
  --rail-ink: #2C2824;
  --rail-mute: #8A8178;
  color: #2C2824;
}
html[data-theme="dark"] body.landing .rail-name { color: #2C2824; }
html[data-theme="dark"] body.landing .occupant-foot { border-top-color: #C8BBAA; }
html[data-theme="dark"] body.landing .occupant-foot .n,
html[data-theme="dark"] body.landing #object .occupant-kicker { color: #2C2824; }
html[data-theme="dark"] body.landing .occupant-foot p { color: #5C564E; }
html[data-theme="dark"] body.landing #object .occupant-copy h2,
html[data-theme="dark"] body.landing #object .occupant-copy .lede { color: #FAF6EF; }
html[data-theme="dark"] body.landing #object .occupant-copy .kicker { color: #C8BBAA; }