.interior-page main {
  overflow:clip
}

.accent {
  color:var(--accent)
}

.navigation [aria-current=page]::after {
  right:0!important
}

.navigation [aria-current=page] {
  color:var(--rust)
}

.kicker {
  font:12px/1.5 var(--sans);
  letter-spacing:2.1px;
  text-transform:uppercase;
  color:var(--rust);
  margin-bottom:18px
}

.page-intro {
  padding:24px 14px 70px
}

.intro-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:80px;
  align-items:center
}

.intro-grid:not(:has(.intro-aside)) {
  grid-template-columns:1fr;
  max-width:900px
}

.page-intro h1 {
  font-size:clamp(52px,6.4vw,88px);
  line-height:.99;
  letter-spacing:-.048em;
  max-width:940px
}

.intro-lead {
  font-size:20px;
  line-height:1.65;
  color:#68716c;
  margin-top:26px;
  max-width:760px
}

.intro-aside {
  border-left:1px solid var(--line);
  padding:14px 0 14px 32px;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px
}

.intro-aside p {
  font-size:15px;
  line-height:1.5;
  color:#68716c
}

.intro-aside .aside-label {
  font-size:11px;
  letter-spacing:1.7px;
  text-transform:uppercase;
  color:var(--rust)
}

.intro-aside .aside-value {
  font:32px/1.1 var(--serif);
  letter-spacing:-.8px;
  color:var(--ink)
}

.aside-rule {
  height:1px;
  width:35px;
  background:var(--accent)
}

.price,.intro-aside .price {
  font:42px/1.1 var(--serif);
  letter-spacing:-1px;
  color:var(--ink)
}

.price small {
  font:13px/1.5 var(--sans);
  letter-spacing:0;
  color:#68716c
}

.intro-aside .text-link {
  font-size:14px;
  margin-top:5px
}

.reading-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:80px;
  padding:0 14px 64px
}

.chapter {
  display:grid;
  grid-template-columns:48px 1fr;
  gap:24px;
  border-top:1px solid #d9d4c8;
  padding:34px 0 40px
}

.chapter-number {
  color:var(--rust);
  font:14px var(--sans);
  padding-top:9px
}

.chapter h2,.side-note h2,.practical h2,.schedule-note h2,.about-columns h2 {
  font-size:clamp(30px,3vw,41px);
  line-height:1.08;
  letter-spacing:-1.2px;
  margin-bottom:20px
}

.chapter p,.side-note li,.three-columns p,.about-columns p,.offer-row p,.schedule-note p {
  font-size:17px;
  line-height:1.7;
  color:#636c64
}

.chapter p+p,.about-columns p+p {
  margin-top:15px
}

.chapter p a,.about-columns p a {
  border-bottom:1px solid var(--accent)
}

.plain-list {
  padding-left:20px;
  margin:0 0 24px;
  font-size:17px;
  line-height:1.65;
  color:#636c64
}

.plain-list li {
  padding-left:5px;
  margin-bottom:9px
}

.plain-list li::marker {
  color:var(--accent)
}

.side-note {
  background:#e9eadd75;
  padding:29px 25px;
  height:fit-content;
  margin-top:1px;
  border-top:2px solid #bbc0ae
}

.side-note .plain-list {
  margin-bottom:0
}

.side-note h2 {
  font-size:32px
}

.practical {
  padding:38px 14px 80px;
  border-top:1px solid #d9d4c8
}

.three-columns {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:45px;
  margin-top:36px
}

.three-columns h3 {
  font-size:26px;
  line-height:1.1;
  margin-bottom:15px
}

.three-columns p {
  font-size:16px
}

.page-cta {
  background:var(--sage);
  padding:64px 0
}

.page-cta>.container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  padding-inline:14px
}

.page-cta h2 {
  font-size:clamp(36px,4.2vw,56px);
  line-height:1.05;
  letter-spacing:-1.8px
}

.page-cta p:not(.kicker) {
  font:18px/1.5 var(--serif);
  color:#666b5e;
  margin-top:18px;
  max-width:600px
}

.page-cta .button {
  flex:none;
  white-space:nowrap;
  font-size:16px
}

.page-cta .kicker {
  margin-bottom:14px
}

.page-footer {
  border-top:1px solid #ddd9cd;
  padding:32px 0
}

.page-footer>.container {
  display:flex;
  gap:26px;
  justify-content:space-between;
  align-items:center;
  padding-inline:14px
}

.footer-home {
  font:25px var(--serif);
  white-space:nowrap
}

.footer-home span {
  color:var(--accent);
  font-size:16px
}

.footer-links {
  display:flex;
  gap:22px;
  flex-wrap:wrap;
  font-size:12px;
  color:#596156
}

.footer-links a:hover {
  text-decoration:underline;
  text-underline-offset:4px
}

.page-footer p {
  font:10px/1.5 var(--serif);
  letter-spacing:1.6px;
  text-transform:uppercase
}

.offer-list {
  padding:0 14px 75px
}

.offer-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:90px;
  border-top:1px solid #d9d4c8;
  padding:42px 0
}

.offer-row h2 {
  font-size:42px;
  line-height:1.05;
  letter-spacing:-1.3px;
  margin-bottom:20px
}

.offer-row>div>p {
  max-width:470px
}

.offer-row .kicker {
  font-size:12px;
  color:var(--rust);
  margin-bottom:16px
}

.offer-detail {
  border-left:1px solid #d9d4c8;
  padding-left:40px;
  display:flex;
  flex-direction:column;
  gap:19px
}

.offer-detail .price {
  font-size:40px;
  color:var(--ink);
  line-height:1.3
}

.offer-detail .availability {
  font-size:14px;
  color:#78796d
}

.offer-detail .text-link {
  font-size:16px
}

.mission-section {
  background:#e6e8dd80;
  padding:65px 0 75px;
  border-block:1px solid #deded1
}

.mission-inner {
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:100px;
  padding-inline:14px;
  align-items:center
}

.mission-inner .kicker {
  grid-column:1/-1
}

.mission-inner h2 {
  font-size:clamp(52px,6vw,78px);
  line-height:.99;
  letter-spacing:-3px
}

.mission-inner>p:last-child {
  font:23px/1.6 var(--serif);
  color:#646b5e;
  max-width:530px
}

.about-columns {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
  padding:72px 14px 90px
}

.about-columns p {
  max-width:570px
}

@media(max-width:1100px) {
  .intro-grid,.reading-layout {
    grid-template-columns:minmax(0,1fr) 230px;
    gap:40px
  }
  .page-intro h1 {
    font-size:62px
  }
  .intro-lead {
    font-size:18px
  }
  .offer-row {
    gap:45px
  }
  .about-columns,.mission-inner {
    gap:45px
  }
  .page-footer>.container {
    flex-wrap:wrap
  }
  .three-columns {
    gap:25px
  }
  .page-cta>.container {
    align-items:flex-start;
    flex-direction:column;
    gap:26px
  }
}

@media(max-width:700px) {
  .page-intro {
    padding:12px 0 42px
  }
  .kicker {
    font-size:10px;
    letter-spacing:1.8px;
    margin-bottom:14px
  }
  .intro-grid,.reading-layout {
    display:flex;
    flex-direction:column;
    gap:30px
  }
  .page-intro h1 {
    font-size:clamp(40px,10.7vw,62px);
    line-height:1.02;
    letter-spacing:-1.8px
  }
  .intro-lead {
    font-size:17px;
    line-height:1.6;
    margin-top:21px
  }
  .intro-aside {
    border-left:0;
    border-top:1px solid var(--line);
    padding:24px 0 0;
    gap:12px;
    width:100%
  }
  .intro-aside .aside-value {
    font-size:29px
  }
  .intro-aside .price {
    font-size:35px
  }
  .reading-layout {
    padding:0 0 45px
  }
  .chapter {
    grid-template-columns:24px 1fr;
    gap:10px;
    padding:28px 0
  }
  .chapter-number {
    font-size:11px;
    padding-top:6px
  }
  .chapter h2,.practical h2,.about-columns h2 {
    font-size:30px;
    letter-spacing:-.9px
  }
  .chapter p,.plain-list,.side-note li,.about-columns p {
    font-size:16px;
    line-height:1.65
  }
  .side-note {
    width:100%;
    padding:25px
  }
  .practical {
    padding:30px 0 48px
  }
  .three-columns {
    grid-template-columns:1fr;
    gap:28px;
    margin-top:25px
  }
  .three-columns h3 {
    font-size:24px
  }
  .page-cta {
    padding:40px 0
  }
  .page-cta>.container {
    padding:0;
    gap:26px
  }
  .page-cta h2 {
    font-size:37px
  }
  .page-cta p:not(.kicker) {
    font-size:18px
  }
  .page-cta .button {
    font-size:15px;
    padding-inline:20px
  }
  .page-footer {
    padding:27px 0
  }
  .page-footer>.container {
    padding:0;
    gap:21px;
    align-items:flex-start;
    flex-direction:column
  }
  .footer-links {
    gap:12px 18px;
    font-size:12px;
    line-height:1.5
  }
  .page-footer p {
    font-size:9px
  }
  .offer-list {
    padding:0 0 40px
  }
  .offer-row {
    grid-template-columns:1fr;
    gap:24px;
    padding:28px 0 34px
  }
  .offer-row h2 {
    font-size:34px;
    letter-spacing:-1px
  }
  .offer-row p {
    font-size:16px
  }
  .offer-detail {
    border-left:0;
    padding:0;
    gap:15px
  }
  .offer-detail .price {
    font-size:34px
  }
  .price small {
    font-size:12px
  }
  .mission-section {
    padding:40px 0
  }
  .mission-inner {
    display:block;
    padding:0
  }
  .mission-inner h2 {
    font-size:54px;
    letter-spacing:-2px
  }
  .mission-inner>p:last-child {
    font-size:21px;
    line-height:1.55;
    margin-top:25px
  }
  .about-columns {
    grid-template-columns:1fr;
    gap:40px;
    padding:44px 0 50px
  }
}

.about-columns .kicker {
  font-size:12px;
  line-height:1.5;
  color:var(--rust)
}

@media(max-width:700px) {
  .about-columns .kicker {
    font-size:10px
  }
}

.footer-home {
  display:block;
  line-height:0;
  flex:none
}

.footer-home img {
  display:block;
  width:104px;
  height:auto
}
