.thought-header { position: absolute; background: #07162b; }

.thought-page-intro { padding: 175px clamp(24px, 7vw, 110px) 110px; background: var(--paper); color: var(--ink); }
.thought-intro-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: clamp(50px, 9vw, 150px); }
.thought-page-intro h1, .thought-collection h2, .thought-closing h2 { font-family: var(--serif); font-weight: 300; letter-spacing: -.03em; }
.thought-page-intro h1 { margin-bottom: 0; font-size: clamp(3.6rem, 6vw, 6.3rem); line-height: .92; }
.thought-page-intro h1 em { color: #9a7136; font-weight: 300; }
.thought-page-intro .body-copy { padding-top: 0; }
.thought-page-deck { margin-bottom: 30px; color: #273746 !important; font-family: var(--serif); font-size: clamp(1.25rem, 1.7vw, 1.55rem); line-height: 1.45; }

.explore-section { padding: 105px clamp(24px, 7vw, 110px) 125px; background: #e4e9ee; color: #07162b; }
.explore-section h2 { margin: 0 0 65px; font-family: var(--serif); font-size: clamp(2.8rem, 5vw, 5rem); font-weight: 300; letter-spacing: -.03em; }
.explore-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(7,22,43,.18); border-left: 1px solid rgba(7,22,43,.18); }
.explore-card { min-height: 430px; position: relative; display: flex; flex-direction: column; padding: clamp(28px, 3.5vw, 48px); border-right: 1px solid rgba(7,22,43,.18); border-bottom: 1px solid rgba(7,22,43,.18); transition: background .3s ease, transform .3s ease; }
.explore-card:hover { z-index: 1; background: rgba(255,255,255,.46); transform: translateY(-3px); }
.explore-number { color: #9a7136; font-family: var(--serif); font-size: .9rem; }
.explore-kicker { margin-top: 45px; color: #8a6b3f; font-size: .58rem; letter-spacing: .2em; }
.explore-card strong { margin: 20px 0 22px; font-family: var(--serif); font-size: clamp(2rem, 3.2vw, 3.25rem); font-weight: 400; line-height: 1.02; }
.explore-card p { color: #53606a; font-size: .88rem; }
.explore-link { margin-top: auto; padding-top: 35px; color: #8a6b3f; font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; }

.collection-page-intro { padding: 175px clamp(24px, 7vw, 110px) 95px; background: var(--paper); color: var(--ink); }
.collection-page-intro h1 { margin: 0 0 30px; max-width: 920px; font-family: var(--serif); font-size: clamp(3.5rem, 6.5vw, 6.6rem); font-weight: 300; line-height: .94; letter-spacing: -.035em; }
.collection-page-intro > p { max-width: 650px; margin-bottom: 0; color: #53605a; font-family: var(--serif); font-size: clamp(1.15rem, 1.6vw, 1.45rem); }
.collection-page-content { min-height: 470px; padding: 95px clamp(24px, 7vw, 110px) 120px; background: #e4e9ee; color: #07162b; }
.collection-page-content .writing-entry { width: min(760px, 100%); margin-top: 0; }
.collection-page-content .writing-entry + .writing-entry { margin-top: 28px; }
.collection-empty { width: min(650px, 100%); padding-top: 18px; border-top: 1px solid rgba(7,22,43,.18); color: #59636c; }
.collection-back { display: inline-block; margin-bottom: 48px; color: #8a6b3f; font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; }

.thought-collections { background: #e4e9ee; color: #07162b; }
.thought-collection { min-height: 520px; padding: clamp(46px, 7vw, 105px) clamp(24px, 7vw, 110px); display: grid; grid-template-columns: .18fr 1fr auto; gap: clamp(35px, 6vw, 95px); align-items: start; border-top: 1px solid rgba(7,22,43,.17); }
.thought-collection:nth-child(even) { background: #dbe2e8; }
.collection-number { font-family: var(--serif); color: #9a7136; font-size: 1rem; }
.collection-copy { max-width: 760px; }
.thought-collection h2 { margin: 46px 0 24px; font-size: clamp(3.4rem, 6vw, 6.5rem); line-height: .94; }
.collection-copy > p:not(.card-kicker):not(.collection-note) { max-width: 650px; color: #45515d; font-family: var(--serif); font-size: clamp(1.2rem, 1.7vw, 1.55rem); line-height: 1.5; }
.collection-note { margin-top: 45px; padding-top: 23px; border-top: 1px solid rgba(7,22,43,.17); color: #6a7077; font-size: .8rem; letter-spacing: .035em; }
.collection-status { align-self: end; padding-left: 17px; position: relative; color: #747b82; font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; }
.collection-status::before { content: ""; position: absolute; left: 0; top: 50%; width: 7px; height: 7px; transform: translateY(-50%); border: 1px solid #a47b3f; border-radius: 50%; }
.collection-link { transition: color .25s ease; }
.collection-link:hover { color: #9a7136; }

.writing-entry { display: block; margin-top: 55px; padding: 34px 36px 30px; border: 1px solid rgba(7,22,43,.17); background: rgba(255,255,255,.26); transition: background .3s ease, transform .3s ease; }
.writing-entry:hover { background: rgba(255,255,255,.55); transform: translateY(-3px); }
.entry-meta { display: block; color: #8a6b3f; font-size: .62rem; letter-spacing: .2em; }
.writing-entry strong { display: block; margin: 28px 0 14px; font-family: var(--serif); font-size: clamp(1.8rem, 3vw, 2.8rem); font-weight: 400; line-height: 1.06; }
.entry-excerpt { display: block; max-width: 570px; color: #59636c; font-family: var(--serif); font-size: 1.05rem; line-height: 1.5; }
.entry-brand { display: inline-flex; align-items: center; gap: 8px; margin-top: 28px; color: #e4a354; font-family: "Manrope", sans-serif; font-size: .52rem; font-weight: 500; letter-spacing: .28em; }
.entry-brand img { width: 21px; height: 21px; margin: 0; mix-blend-mode: normal; }

.aphorism-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 470px)); gap: clamp(70px, 8vw, 125px) clamp(42px, 7vw, 100px); align-items: start; }
.aphorism-entry { width: 100%; margin: 0; }
.aphorism-media { position: relative; aspect-ratio: 4 / 5; background: #061a30; box-shadow: 0 24px 65px rgba(7,22,43,.2); overflow: hidden; }
.aphorism-image { display: block; width: 100%; height: 100%; object-fit: contain; }
.aphorism-entry figcaption { padding-top: 20px; color: #68717a; }
.aphorism-entry figcaption > span { display: block; font-size: .58rem; letter-spacing: .14em; }
.aphorism-entry figcaption p { margin: 15px 0 0; color: #45515d; font-family: var(--serif); font-size: 1.05rem; line-height: 1.55; letter-spacing: 0; }
.aphorism-brand { position: absolute; left: 18px; bottom: 17px; margin-top: 0; padding: 7px 9px; background: rgba(7,22,43,.62); backdrop-filter: blur(5px); }

.thought-closing { min-height: 720px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 100px 24px; text-align: center; background: #07162b; }
.thought-closing > p { color: rgba(240,237,229,.5); font-size: .78rem; letter-spacing: .16em; text-transform: uppercase; }
.thought-closing h2 { margin: 15px 0 50px; font-size: clamp(4rem, 8vw, 8rem); line-height: .9; }
.thought-closing h2 em { color: var(--gold-light); }

.article-page { background: var(--paper); color: var(--ink); }
.article-page .site-header { background: #07162b; }
.article-hero { min-height: 82svh; display: flex; align-items: flex-end; padding: 175px clamp(24px, 12vw, 190px) 105px; background: #07162b; color: var(--paper); }
.article-heading { width: min(1040px, 100%); }
.article-hero h1 { max-width: 920px; margin-bottom: 35px; font-family: var(--sans); font-size: clamp(2.7rem, 5.4vw, 5.6rem); font-weight: 300; line-height: 1.02; letter-spacing: -.035em; }
.article-byline { color: rgba(240,237,229,.55); font-size: .68rem; letter-spacing: .18em; text-transform: uppercase; }
.article-brand { margin-top: 12px; }
.article-body { width: min(760px, calc(100% - 48px)); margin: 0 auto; padding: 115px 0 130px; font-family: var(--serif); font-size: clamp(1.2rem, 1.7vw, 1.5rem); line-height: 1.62; }
.article-body p { margin-bottom: 2em; }
.article-lead { font-size: clamp(1.65rem, 2.5vw, 2.2rem); line-height: 1.35; }
.article-voices { padding-left: 30px; border-left: 1px solid #b98a48; color: #3f4b56; }
.article-question { margin-top: 3.2em; font-size: clamp(1.6rem, 2.6vw, 2.25rem); line-height: 1.35; }
.article-end { margin-top: 95px; padding-top: 30px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid rgba(7,22,43,.18); font-family: var(--sans); }
.article-end .entry-brand { margin-top: 0; }
.article-end > a { color: #7f633d; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; }
.article-page > footer { background: #07162b; }

@media (max-width: 950px) {
  .thought-intro-grid { grid-template-columns: 1fr; gap: 35px; }
  .explore-grid { grid-template-columns: 1fr; }
  .explore-card { min-height: 330px; }
  .thought-collection { grid-template-columns: 40px 1fr; }
  .collection-status { grid-column: 2; justify-self: start; margin-top: 24px; }
}

@media (max-width: 600px) {
  .thought-page-intro { padding-top: 130px; padding-bottom: 80px; }
  .explore-section { padding-top: 80px; padding-bottom: 90px; }
  .explore-section h2 { margin-bottom: 42px; }
  .explore-card { min-height: 300px; }
  .collection-page-intro { padding-top: 135px; padding-bottom: 75px; }
  .collection-page-content { padding-top: 70px; padding-bottom: 90px; }
  .thought-collection { min-height: 0; grid-template-columns: 1fr; gap: 20px; padding-top: 75px; padding-bottom: 75px; }
  .thought-collection h2 { margin-top: 32px; }
  .collection-status { grid-column: 1; }
  .writing-entry { padding: 27px 24px 25px; }
  .aphorism-grid { grid-template-columns: minmax(0, 470px); gap: 75px; }
  .thought-closing { min-height: 620px; }
  .article-hero { min-height: 74svh; padding: 140px 24px 75px; }
  .article-end { align-items: flex-start; flex-direction: column; }
}