/* Day 1 positioning and conversion refinements */
:root {
  --day1-cream: #f3efe6;
  --day1-ink: #19161b;
  --day1-muted: #675f63;
  --day1-line: rgba(25, 22, 27, 0.16);
  --day1-gold: #caa44a;
}

html { scroll-behavior: smooth; overflow-x: hidden; }
body { overflow-x: hidden; }
.loader, .page-transition { display: none !important; }

.skip-link {
  position: fixed;
  top: .75rem;
  left: .75rem;
  z-index: 10000;
  padding: .75rem 1rem;
  background: #fff;
  color: #111;
  transform: translateY(-160%);
}
.skip-link:focus { transform: translateY(0); }

a:focus-visible, button:focus-visible, select:focus-visible,
input:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--day1-gold);
  outline-offset: 4px;
}

body.editorial-page .menu-toggle {
  border: 0;
  background: transparent;
}

.day1-hero .hero-bg {
  background-color: rgba(13, 12, 18, .54);
  background-blend-mode: multiply;
}
body.editorial-page .day1-hero::after { display: none; }
.day1-hero .hero-copy { max-width: 820px; }
.day1-hero .hero-title { max-width: 11ch; }
[lang="pt"] .day1-hero .hero-copy { max-width: 1000px; }
[lang="pt"] .day1-hero .hero-title { max-width: 24ch; }
[lang="pt"] .day1-hero .hero-content { max-width: 1000px; }
.day1-hero .hero-subtitle { max-width: 620px; }
.day1-hero .btn-row { align-items: center; }
body.editorial-page .day1-hero .btn-outline,
body.editorial-page .compact-hero .btn-outline {
  color: #f8f4ed !important;
  border-color: rgba(248,244,237,.5) !important;
  background: rgba(13,12,18,.24);
}
body.editorial-page .day1-hero .btn-outline:hover,
body.editorial-page .compact-hero .btn-outline:hover { background: rgba(13,12,18,.72); }

body.editorial-page .section--dark .section-intro,
body.editorial-page .section--dark > .container > p {
  color: rgba(248,244,237,.74);
}
body.editorial-page .section--dark .offer-card {
  border-color: rgba(248,244,237,.2);
  background: rgba(248,244,237,.06);
  color: #f8f4ed;
}
body.editorial-page .section--dark .offer-card p { color: rgba(248,244,237,.74); }
body.editorial-page .section--dark .offer-card a { color: #f8f4ed; }

.credibility-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 2rem 0 0;
  padding: 0;
  border-top: 1px solid var(--day1-line);
  border-bottom: 1px solid var(--day1-line);
  list-style: none;
}
.credibility-list li { padding: 1.4rem 1.4rem 1.4rem 0; }
.credibility-list li + li { padding-left: 1.4rem; border-left: 1px solid var(--day1-line); }
.credibility-list a { color: inherit; text-decoration-color: rgba(25,22,27,.35); text-underline-offset: 4px; }
.credibility-list strong { display: block; margin-bottom: .4rem; font-family: 'Newsreader', serif; font-size: 1.18rem; }
.credibility-list span { color: var(--day1-muted); font-size: .88rem; line-height: 1.55; }

.pathway-grid, .offer-grid, .topic-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 2rem;
}
.pathway-card, .offer-card, .topic-card {
  padding: 2rem;
  border: 1px solid var(--day1-line);
  border-radius: 20px;
  background: rgba(255,255,255,.55);
}
.pathway-card {
  display: flex;
  min-width: 0;
  padding: 0;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
}
.pathway-card__image {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.pathway-card__image--portrait { object-position: 68% center; }
.pathway-card__body { display: flex; flex: 1; flex-direction: column; padding: 1.6rem; }
.pathway-card__body p { flex: 1; }
.pathway-card h3, .offer-card h3, .topic-card h3 { margin-bottom: .7rem; font-size: 1.65rem; }
.pathway-card p, .offer-card p, .topic-card p { color: var(--day1-muted); }
.pathway-card a, .offer-card a { display: inline-block; margin-top: 1rem; font-weight: 700; }
/* Editorial pathways used on the About page. */
.work-pathways .work-pathways__intro { max-width: 640px; }
.work-pathways { background: var(--day1-cream) !important; color: var(--day1-ink); }
.work-pathways .section-intro { color: var(--day1-muted); }
.work-pathways .pathway-grid { margin-top: 3rem; }
.work-pathways .pathway-card {
  min-height: 300px;
  padding: 2rem;
  border-color: var(--day1-line);
  border-radius: 20px;
  background: rgba(255,255,255,.32);
  color: var(--day1-ink);
  transition: background-color .25s ease, border-color .25s ease, transform .25s ease;
}
.work-pathways .pathway-card:hover {
  border-color: rgba(202,164,74,.8);
  background: rgba(255,255,255,.68);
  transform: translateY(-4px);
}
.work-pathways .pathway-card__number {
  display: block;
  margin-bottom: 3.5rem;
  color: var(--day1-gold);
  font-family: 'Newsreader', serif;
  font-size: 1.15rem;
}
.work-pathways .pathway-card h3 { font-size: clamp(2rem, 2.8vw, 2.7rem); }
.work-pathways .pathway-card p { flex: 1; color: var(--day1-muted); }
.work-pathways .pathway-card a {
  align-self: flex-start;
  margin-top: 1.75rem;
  color: var(--day1-ink);
  text-decoration: underline;
  text-decoration-color: rgba(202,164,74,.72);
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}
.work-pathways .pathway-card a:hover { color: var(--day1-gold); }
.book-feature-panel { display: grid; grid-template-columns: minmax(220px, .62fr) minmax(0, 1.38fr); gap: clamp(2rem, 7vw, 7rem); align-items: center; max-width: 980px; margin: 0 auto; }
.book-feature-panel > img { width: min(100%, 340px); justify-self: center; box-shadow: 0 24px 55px rgba(25,22,27,.18); }
.book-feature-panel p:not(.section-intro) { max-width: 42rem; color: var(--day1-muted); line-height: 1.8; }
.books-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.25rem; margin-top: 2.5rem; }
.book-card { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.book-card img { width: 100%; aspect-ratio: 2 / 3; object-fit: cover; box-shadow: 0 15px 32px rgba(25,22,27,.13); transition: transform .25s ease, box-shadow .25s ease; }
.book-card:hover img { transform: translateY(-5px); box-shadow: 0 22px 38px rgba(25,22,27,.2); }
.book-card h3 { font-size: 1.25rem; line-height: 1.12; }
.publishing-panel { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 3rem; padding: clamp(2rem, 5vw, 4.5rem); border-radius: 24px; background: var(--day1-ink); color: #f8f4ed; }
.publishing-panel .eyebrow { color: var(--day1-gold); }
.publishing-panel .section-title { color: #f8f4ed; }
.publishing-panel p { max-width: 40rem; color: rgba(248,244,237,.74); line-height: 1.8; }
.publishing-panel__action { align-self: end; }
@media (max-width: 960px) { .books-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .publishing-panel { grid-template-columns: 1fr; gap: 1rem; } }
.offer-card--featured { background: var(--day1-ink); color: #f8f4ed; }
.offer-card--featured p { color: rgba(248,244,237,.74); }
.offer-meta { display: flex; flex-wrap: wrap; gap: .65rem; margin: 0 0 1rem; }
.offer-meta span { padding: .3rem .65rem; border: 1px solid currentColor; border-radius: 999px; font-size: .78rem; }
.offer-grid--booking { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.work-showcase, .ideas-grid { margin-top: 2rem; }
body.editorial-page .work-showcase .case-study-card,
body.editorial-page .ideas-grid .journal-card { padding: 0 0 1.45rem; }
body.editorial-page .work-showcase .case-study-card > :not(img),
body.editorial-page .ideas-grid .journal-card > :not(img) { margin-left: 1.45rem; margin-right: 1.45rem; }
body.editorial-page .work-showcase .case-study-card > img,
body.editorial-page .ideas-grid .journal-card > img {
  width: 100%;
  aspect-ratio: 4 / 3;
  margin-bottom: 1.25rem;
  object-fit: cover;
}
.book-feature .band-grid { align-items: center; }
.book-feature__cover {
  width: min(100%, 390px);
  height: auto;
  justify-self: center;
  box-shadow: 0 24px 55px rgba(25, 22, 27, .16);
}

.portrait-bio {
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.4fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
}
.portrait-bio img { width: 100%; height: auto; border-radius: 22px; }
.bio-sections > section { padding: 0 0 2.2rem; margin-bottom: 2.2rem; border-bottom: 1px solid var(--day1-line); }
.bio-sections h2 { margin-bottom: .8rem; font-size: clamp(1.7rem, 3vw, 2.7rem); }
.bio-sections p { color: var(--day1-muted); line-height: 1.8; }

.compact-hero { min-height: 68vh !important; height: auto !important; padding: 11rem 0 6rem !important; }
.compact-hero .hero-content { position: relative; inset: auto; width: 100%; }

.external-references { padding: 0; list-style: none; }
.external-references li { padding: 1rem 0; border-bottom: 1px solid var(--day1-line); }
.external-references a { font-weight: 700; }
.evidence-list .eyebrow { display: block; margin-bottom: .35rem; }

.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.form-group--full { grid-column: 1 / -1; }
.form-group label { display: block; margin-bottom: .45rem; font-weight: 700; }
.form-group input, .form-group select, .form-group textarea {
  width: 100%;
  padding: .95rem 1rem;
  border: 1px solid rgba(25,22,27,.3);
  border-radius: 10px;
  background: #fff;
  color: var(--day1-ink);
}
.form-group textarea { min-height: 180px; resize: vertical; }
.form-group.error input, .form-group.error select, .form-group.error textarea { border-color: #9e2727; }
.form-hint { margin-top: .4rem; color: var(--day1-muted); font-size: .84rem; }
.honeypot { position: absolute !important; left: -10000px !important; }
#form-status { margin: 1rem 0; }
.form-status-success { color: #175d35; }
.form-status-error { color: #9e2727; }

.article-cta { margin-top: 3rem; padding: 2rem; border-top: 1px solid var(--day1-line); border-bottom: 1px solid var(--day1-line); }
.article-byline { margin: .8rem 0 1.2rem; color: var(--day1-muted); font-size: .9rem; }
.article-byline a { color: inherit; font-weight: 700; text-underline-offset: 3px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

@media (max-width: 960px) {
  body.editorial-page .menu-toggle {
    display: flex !important;
    flex-direction: column;
    gap: 5px;
    padding: .5rem;
    cursor: pointer;
  }
  .credibility-list { grid-template-columns: 1fr 1fr; }
  .credibility-list li:nth-child(3) { border-left: 0; border-top: 1px solid var(--day1-line); padding-left: 0; }
  .credibility-list li:nth-child(4) { border-top: 1px solid var(--day1-line); }
  .pathway-grid, .offer-grid, .topic-grid { grid-template-columns: 1fr; }
  .pathway-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .offer-grid--booking { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .portrait-bio { grid-template-columns: 1fr; }
  .portrait-bio img { max-width: 520px; }
  .book-feature-panel { grid-template-columns: minmax(180px, .6fr) minmax(0, 1.4fr); }
}

@media (max-width: 640px) {
  body.editorial-page .section { padding: 4.5rem 0; }
  .credibility-list { grid-template-columns: 1fr; }
  .credibility-list li, .credibility-list li + li,
  .credibility-list li:nth-child(3) { padding: 1.1rem 0; border-left: 0; border-top: 1px solid var(--day1-line); }
  .credibility-list li:first-child { border-top: 0; }
  .form-grid { grid-template-columns: 1fr; }
  .form-group--full { grid-column: auto; }
  .day1-hero .btn { width: 100%; }
  .pathway-grid, .offer-grid--booking { grid-template-columns: 1fr; }
  .pathway-card__image { aspect-ratio: 16 / 10; }
  .book-feature-panel { grid-template-columns: 1fr; }
  .book-feature-panel > img { width: min(72%, 280px); }
  .books-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .reveal, .reveal-left, .reveal-right, [class*="reveal-delay"] { opacity: 1 !important; transform: none !important; }
}