:root {
  --orange: #f7931a;
  --orange-light: #ffad42;
  --black: #070707;
  --charcoal: #101010;
  --white: #f4f4f4;
  --gray: #aaa;
  --border: #292929;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--black);
  color: var(--white);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
}

.container {
  width: min(1180px, 90%);
  margin: 0 auto;
}


/* NAVIGATION */

.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;

  background: rgba(7, 7, 7, 0.96);
  border-bottom: 1px solid var(--border);

  backdrop-filter: blur(8px);
}

.nav-container {
  min-height: 76px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 30px;
}

.logo {
  color: var(--orange);
  font-weight: 900;
  letter-spacing: 1.5px;
}

.main-nav {
  display: flex;
  align-items: center;
  gap: 28px;
}

.main-nav a {
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.main-nav a:hover {
  color: var(--orange);
}

.nav-button {
  border: 1px solid var(--orange);
  padding: 10px 16px;
  color: var(--orange);
}


/* HERO */

.hero {
  position: relative;
  overflow: hidden;

  min-height: calc(100vh - 76px);

  background:
    radial-gradient(
      circle at 78% 48%,
      rgba(247, 147, 26, 0.12),
      transparent 26%
    ),
    linear-gradient(
      135deg,
      #151515 0%,
      #090909 52%,
      #050505 100%
    );
}

.hero::after {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;
  opacity: 0.13;

  background-image:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 3px,
      rgba(255,255,255,0.025) 4px
    );
}

.hero-grid {
  min-height: calc(100vh - 76px);

  display: grid;
  grid-template-columns: 1.15fr 0.85fr;

  align-items: center;
  gap: 75px;

  padding: 65px 0;

  position: relative;
  z-index: 2;
}

.eyebrow,
.section-label {
  color: var(--orange);

  font-size: 0.8rem;
  font-weight: 900;

  letter-spacing: 4px;

  margin-bottom: 22px;
}

.hero h1 {
  color: var(--orange);

  font-size: clamp(4rem, 7.2vw, 7rem);
  font-weight: 900;

  line-height: 0.84;
  letter-spacing: -4px;
}

.hero-text {
  color: var(--gray);

  font-size: 1.25rem;

  max-width: 580px;

  margin-top: 34px;
}

.hero-buttons {
  display: flex;
  gap: 16px;

  margin-top: 34px;
}


/* BOOK COVER */

.hero-book {
  position: relative;

  display: flex;
  justify-content: center;
  align-items: center;
}

.book-glow {
  position: absolute;

  width: 90%;
  height: 80%;

  border-radius: 50%;

  background: rgba(247, 147, 26, 0.14);

  filter: blur(70px);
}

.book-cover {
  position: relative;

  width: min(390px, 100%);

  border: 1px solid #292929;

  box-shadow:
    0 35px 75px rgba(0,0,0,0.75),
    0 0 45px rgba(247,147,26,0.10);

  transform:
    perspective(1200px)
    rotateY(-4deg)
    rotateX(1deg);

  transition: 0.3s ease;
}

.book-cover:hover {
  transform:
    perspective(1200px)
    rotateY(0deg)
    rotateX(0deg)
    translateY(-5px);
}


/* BUTTONS */

.button {
  display: inline-block;

  padding: 15px 25px;

  text-transform: uppercase;

  font-weight: 900;
  font-size: 0.8rem;

  letter-spacing: 1.5px;

  transition: 0.2s ease;
}

.primary-button {
  background: var(--orange);
  color: #000;

  border: 1px solid var(--orange);
}

.primary-button:hover {
  background: var(--orange-light);

  border-color: var(--orange-light);

  transform: translateY(-2px);
}

.secondary-button {
  color: var(--orange);

  border: 1px solid var(--orange);
}

.secondary-button:hover {
  background: var(--orange);
  color: #000;
}


/* QUOTE */

.quote-section {
  padding: 95px 0;

  border-top: 1px solid #24170a;
  border-bottom: 1px solid #24170a;

  background:
    linear-gradient(
      90deg,
      #080808,
      #11100e,
      #080808
    );
}

.quote-section blockquote {
  color: var(--orange);

  font-size: clamp(2.3rem, 5vw, 4.8rem);
  font-weight: 900;

  line-height: 1.03;

  text-transform: uppercase;

  max-width: 1000px;
}


/* GENERAL SECTIONS */

.section {
  padding: 120px 0;

  border-bottom: 1px solid var(--border);
}

.section h2 {
  color: var(--orange);

  font-size: clamp(2.5rem, 5vw, 4.5rem);

  line-height: 1;

  max-width: 850px;

  margin-bottom: 35px;
}

.section p:not(.section-label) {
  max-width: 720px;

  color: var(--gray);

  font-size: 1.1rem;

  margin-bottom: 22px;
}

.dark-section {
  background: var(--charcoal);
}


/* BOOK SECTION */

.book-grid {
  display: grid;

  grid-template-columns: 0.7fr 1.3fr;

  gap: 80px;

  align-items: center;
}

.book-section-cover img {
  width: min(330px, 100%);

  margin: 0 auto;

  box-shadow:
    0 30px 70px rgba(0,0,0,0.65),
    0 0 35px rgba(247,147,26,0.08);
}


/* TOPICS */

.topic-grid {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 1px;

  background: var(--border);

  border: 1px solid var(--border);

  margin-top: 55px;
}

.topic-grid div {
  min-height: 160px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #090909;

  color: var(--orange);

  font-size: 1.05rem;
  font-weight: 900;

  letter-spacing: 2px;

  transition: 0.2s ease;
}

.topic-grid div:hover {
  background: var(--orange);

  color: #000;
}


/* BUY */

.buy-section {
  text-align: center;

  background:
    radial-gradient(
      circle at center,
      rgba(247,147,26,0.08),
      transparent 35%
    ),
    #080808;
}

.buy-section h2,
.buy-section p,
.buy-section .section-label {
  margin-left: auto;
  margin-right: auto;
}


/* CONTACT */

.contact-section {
  background: var(--charcoal);
}


/* FOOTER */

.site-footer {
  padding: 35px 0;

  color: #666;

  font-size: 0.8rem;

  text-transform: uppercase;

  letter-spacing: 1px;
}

.footer-content {
  display: flex;

  justify-content: space-between;

  gap: 20px;
}


/* TABLET */

@media (max-width: 900px) {

  .main-nav a:not(.nav-button) {
    display: none;
  }

  .hero-grid {
    grid-template-columns: 1fr;

    gap: 55px;

    text-align: center;
  }

  .hero-copy {
    display: flex;

    flex-direction: column;

    align-items: center;
  }

  .hero h1 {
    font-size: clamp(3.5rem, 15vw, 6rem);

    letter-spacing: -3px;
  }

  .hero-book {
    padding-bottom: 30px;
  }

  .book-cover {
    width: min(330px, 80vw);
  }

  .book-grid {
    grid-template-columns: 1fr;

    gap: 55px;
  }

  .book-section-copy {
    text-align: center;
  }

  .book-section-copy p,
  .book-section-copy h2 {
    margin-left: auto;
    margin-right: auto;
  }

  .topic-grid {
    grid-template-columns: 1fr;
  }

  .footer-content {
    flex-direction: column;
  }
}


/* PHONE */

@media (max-width: 600px) {

  .nav-container {
    min-height: 68px;
  }

  .logo {
    font-size: 0.72rem;
  }

  .nav-button {
    font-size: 0.65rem !important;

    padding: 8px 9px;
  }

  .hero-grid {
    padding: 55px 0;
  }

  .hero-buttons {
    flex-direction: column;

    width: 100%;
  }

  .hero-buttons .button {
    width: 100%;

    text-align: center;
  }

  .section,
  .quote-section {
    padding: 80px 0;
  }
}

/* =========================================
   HERO REFINEMENT
   ========================================= */

@media (min-width: 901px) {

  /* Give the text and book a little more balanced space */
  .hero-grid {
    grid-template-columns: 1.1fr 0.9fr;
    gap: 90px;
  }

  /* Refine the main title */
  .hero h1 {
    font-size: clamp(4rem, 6.4vw, 6.2rem);
    line-height: 0.89;
    letter-spacing: -3px;
  }

  /* Give the tagline slightly more separation */
  .eyebrow {
    margin-bottom: 28px;
  }

  /* Keep the description comfortably on two lines */
  .hero-text {
    max-width: 640px;
    font-size: 1.22rem;
    line-height: 1.55;
    margin-top: 38px;
  }

  /* Slightly more separation before the buttons */
  .hero-buttons {
    margin-top: 32px;
  }

  /* Keep the cover prominent without overpowering the copy */
  .book-cover {
    width: min(385px, 100%);
  }

  /* Make the glow softer and wider */
  .book-glow {
    width: 105%;
    height: 90%;
    background: rgba(247, 147, 26, 0.11);
    filter: blur(85px);
  }
}


/* =========================================
   RESOURCE CARD REFINEMENT
   ========================================= */

.topic-card {
  min-height: 180px !important;
  padding: 34px 28px;
  flex-direction: column;
  text-align: center;
  gap: 10px;
}

.topic-card h3 {
  color: var(--orange);
  font-size: 1.05rem;
  font-weight: 900;
  letter-spacing: 2px;
}

.topic-card p {
  color: var(--gray) !important;
  font-size: 0.92rem !important;
  line-height: 1.45;
  max-width: 230px !important;
  margin: 0 !important;
}

.topic-card:hover h3,
.topic-card:hover p {
  color: #000 !important;
}


/* =========================================
   ABOUT THE INITIATIVE
   ========================================= */

.initiative-section {
  position: relative;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 18% 50%,
      rgba(247, 147, 26, 0.07),
      transparent 28%
    ),
    #070707;
}

.initiative-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 110px;
  align-items: start;
}

.initiative-heading h2 {
  font-size: clamp(3.2rem, 6vw, 6rem);
  line-height: 0.92;
  letter-spacing: -3px;
  margin-bottom: 0;
}

.initiative-copy {
  padding-top: 42px;
}

.initiative-copy .initiative-lead {
  color: var(--white);
  font-size: 1.35rem;
  line-height: 1.55;
  max-width: 620px;
  margin-bottom: 42px;
}

.manifesto-lines {
  border-left: 2px solid var(--orange);
  padding-left: 28px;
  margin: 35px 0 45px;
}

.manifesto-lines p {
  color: var(--gray);
  font-size: 1.08rem;
  margin-bottom: 15px !important;
}

.initiative-copy .initiative-closing {
  margin-top: 35px;
}

.ownership-line {
  color: var(--orange) !important;
  font-size: 1.35rem !important;
  font-weight: 900;
  letter-spacing: 3px;
  margin-top: 30px !important;
}

@media (max-width: 900px) {

  .initiative-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .initiative-copy {
    padding-top: 0;
  }

  .initiative-heading h2 {
    font-size: clamp(3rem, 13vw, 5rem);
  }
}


/* =========================================
   ABOUT THE AUTHOR
   ========================================= */

.author-section {
  background:
    linear-gradient(
      135deg,
      #0a0a0a,
      #11100e 50%,
      #080808
    );
}

.author-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 100px;
  align-items: center;
}

.author-portrait-wrap {
  display: flex;
  justify-content: center;
}

.author-portrait-placeholder {
  width: min(360px, 100%);
  aspect-ratio: 4 / 5;
  border: 1px solid var(--orange);

  display: flex;
  align-items: center;
  justify-content: center;

  background:
    radial-gradient(
      circle at center,
      rgba(247,147,26,0.08),
      transparent 45%
    ),
    #080808;

  box-shadow:
    0 30px 70px rgba(0,0,0,0.65),
    0 0 30px rgba(247,147,26,0.07);
}

.author-portrait-placeholder span {
  color: #666;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 3px;
}

.author-copy h2 {
  font-size: clamp(3.5rem, 6vw, 6rem);
  line-height: 0.88;
  letter-spacing: -3px;
  margin-bottom: 30px;
}

.author-intro {
  color: var(--white) !important;
  font-size: 1.25rem !important;
  font-weight: 700;
  margin-bottom: 30px !important;
}

.author-copy .button {
  margin-top: 15px;
}

@media (max-width: 900px) {

  .author-grid {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .author-copy {
    text-align: center;
  }

  .author-copy p,
  .author-copy h2 {
    margin-left: auto;
    margin-right: auto;
  }

  .author-portrait-placeholder {
    width: min(320px, 80vw);
  }
}


/* =========================================
   AUTHOR SECTION LAYOUT FIX
   ========================================= */

.author-grid {
  display: grid !important;
  grid-template-columns: 380px minmax(0, 1fr) !important;
  gap: 90px !important;
  align-items: center !important;
}

.author-portrait-wrap {
  width: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.author-portrait-placeholder {
  width: 340px !important;
  height: 425px !important;
  aspect-ratio: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border: 1px solid var(--orange) !important;

  background:
    radial-gradient(
      circle at center,
      rgba(247,147,26,0.10),
      transparent 50%
    ),
    #090909 !important;

  box-shadow:
    0 30px 70px rgba(0,0,0,0.65),
    0 0 35px rgba(247,147,26,0.08);
}

.author-portrait-placeholder span {
  display: block;
  color: #666;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 3px;
}

.author-copy {
  max-width: 720px;
}

@media (max-width: 900px) {

  .author-grid {
    grid-template-columns: 1fr !important;
    gap: 55px !important;
  }

  .author-portrait-placeholder {
    width: min(340px, 80vw) !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
  }
}


/* =========================================
   AUTHOR PORTRAIT
   ========================================= */

.author-portrait-placeholder {
  overflow: hidden;
}

.author-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}


/* =========================================
   BUY THE BOOK
   ========================================= */

.buy-section {
  position: relative;
  overflow: hidden;
  text-align: left;

  background:
    radial-gradient(
      circle at 28% 50%,
      rgba(247,147,26,0.10),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #090909,
      #11100e 55%,
      #070707
    );
}

.buy-grid {
  display: grid;
  grid-template-columns: 0.75fr 1.25fr;
  gap: 100px;
  align-items: center;
}

.buy-cover-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.buy-cover {
  width: min(360px, 100%);

  box-shadow:
    0 35px 80px rgba(0,0,0,0.70),
    0 0 45px rgba(247,147,26,0.10);

  border: 1px solid #292929;
}

.buy-copy h2 {
  font-size: clamp(3.5rem, 6vw, 6rem);
  line-height: 0.9;
  letter-spacing: -3px;
  margin-bottom: 25px;
}

.buy-tagline {
  color: var(--white) !important;
  font-size: 1.25rem !important;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 38px !important;
}

.format-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  max-width: 620px;
  margin-bottom: 42px;
}

.format-card {
  background: #090909;
  min-height: 120px;
  padding: 28px;

  display: flex;
  flex-direction: column;
  justify-content: center;
}

.format-card h3 {
  color: var(--orange);
  font-size: 0.95rem;
  font-weight: 900;
  letter-spacing: 2px;
  margin-bottom: 8px;
}

.format-card p {
  margin: 0 !important;
  color: var(--gray) !important;
  font-size: 0.9rem !important;
}

.buy-direct-label {
  color: var(--orange) !important;
  font-size: 0.75rem !important;
  font-weight: 900;
  letter-spacing: 3px;
  margin-bottom: 18px !important;
}

.purchase-buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.purchase-button {
  min-width: 210px;
  text-align: center;
}

.purchase-button span {
  display: block;
  margin-top: 4px;
  font-size: 0.62rem;
  letter-spacing: 1px;
  opacity: 0.65;
}

.disabled-button {
  cursor: default;
}

.retailer-note {
  margin-top: 28px !important;
  font-size: 0.88rem !important;
  color: #777 !important;
}

@media (max-width: 900px) {

  .buy-grid {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .buy-copy {
    text-align: center;
  }

  .buy-copy h2,
  .buy-copy p,
  .format-grid {
    margin-left: auto;
    margin-right: auto;
  }

  .purchase-buttons {
    justify-content: center;
  }

  .buy-cover {
    width: min(320px, 80vw);
  }
}

@media (max-width: 600px) {

  .format-grid {
    grid-template-columns: 1fr;
  }

  .purchase-buttons {
    flex-direction: column;
  }

  .purchase-button {
    width: 100%;
  }
}


/* =========================================
   CONTACT
   ========================================= */

.contact-section {
  background:
    radial-gradient(
      circle at 15% 50%,
      rgba(247,147,26,0.07),
      transparent 28%
    ),
    #0b0b0b;
}

.contact-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 110px;
  align-items: center;
}

.contact-heading h2 {
  font-size: clamp(3.5rem, 6vw, 6rem);
  line-height: 0.9;
  letter-spacing: -3px;
  margin-bottom: 0;
}

.contact-lead {
  color: var(--white) !important;
  font-size: 1.3rem !important;
  line-height: 1.55;
  max-width: 580px !important;
  margin-bottom: 38px !important;
}

.contact-label {
  color: var(--orange) !important;
  font-size: 0.75rem !important;
  font-weight: 900;
  letter-spacing: 3px;
  margin-bottom: 16px !important;
}

.contact-placeholder {
  display: inline-block;

  border: 1px solid var(--orange);

  color: var(--orange);

  padding: 16px 22px;

  font-size: 0.8rem;
  font-weight: 900;

  letter-spacing: 2px;

  margin-bottom: 20px;
}

.contact-note {
  color: #777 !important;
  font-size: 0.88rem !important;
}


/* =========================================
   FOOTER
   ========================================= */

.site-footer {
  padding: 0;
  background: #050505;
  border-top: 1px solid var(--border);
}

.footer-main {
  min-height: 150px;

  display: flex;
  justify-content: space-between;
  align-items: center;

  gap: 40px;

  padding-top: 35px;
  padding-bottom: 35px;
}

.footer-logo {
  color: var(--orange);

  font-size: 1rem;
  font-weight: 900;

  letter-spacing: 2px;

  margin-bottom: 8px;
}

.footer-tagline {
  color: #666;

  font-size: 0.72rem;

  letter-spacing: 2px;
}

.footer-links {
  display: flex;
  gap: 26px;
  flex-wrap: wrap;
}

.footer-links a {
  color: #999;

  font-size: 0.75rem;
  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 1px;
}

.footer-links a:hover {
  color: var(--orange);
}

.footer-bottom {
  min-height: 60px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  border-top: 1px solid #181818;

  color: #555;

  font-size: 0.7rem;

  text-transform: uppercase;

  letter-spacing: 1px;
}

@media (max-width: 900px) {

  .contact-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .contact-copy {
    text-align: center;
  }

  .contact-copy p {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-main,
  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-main {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .footer-bottom {
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}


/* =========================================
   2026 BRAND REFRESH — HEADER + HERO
   ========================================= */

:root {
  --brand-cream: #f3eee6;
  --brand-cream-dark: #e8dfd3;
  --brand-orange: #f47a0b;
  --brand-black: #161616;
  --brand-muted: #69635d;
}

.new-brand-header {
  background: rgba(243, 238, 230, 0.97) !important;
  border-bottom: 1px solid #d8cec1 !important;
  backdrop-filter: blur(10px);
}

.new-brand-header .nav-container {
  min-height: 88px;
}

.brand-lockup {
  display: flex;
  align-items: center;
}

.brand-logo {
  width: 250px;
  max-height: 64px;
  object-fit: contain;
  object-position: left center;
  mix-blend-mode: multiply;
}

.new-brand-header .main-nav a {
  color: var(--brand-black);
}

.new-brand-header .main-nav a:hover {
  color: var(--brand-orange);
}

.new-brand-header .nav-button {
  color: var(--brand-orange) !important;
  border-color: var(--brand-orange) !important;
}

.new-brand-header .nav-button:hover {
  background: var(--brand-orange);
  color: #fff !important;
}

.new-brand-hero {
  min-height: calc(100vh - 88px);
  background:
    radial-gradient(
      circle at 78% 45%,
      rgba(244, 122, 11, 0.08),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #f7f2eb 0%,
      #f2ece3 60%,
      #ede4d8 100%
    ) !important;
}

.new-brand-hero::after {
  opacity: 0.04;
  background-image:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 3px,
      rgba(0,0,0,0.025) 4px
    );
}

.new-brand-hero-grid {
  min-height: calc(100vh - 88px);
  grid-template-columns: 1.05fr 0.95fr;
  gap: 90px;
  padding: 70px 0;
}

.new-brand-eyebrow {
  color: var(--brand-orange) !important;
}

.new-brand-title {
  color: var(--brand-orange) !important;
  font-size: clamp(4.2rem, 6.5vw, 6.4rem) !important;
  line-height: 0.9 !important;
  letter-spacing: -3px !important;
}

.new-brand-hero-text {
  color: var(--brand-muted) !important;
  font-size: 1.2rem;
  max-width: 560px;
}

.new-primary-button {
  background: var(--brand-orange);
  color: #fff;
  border: 1px solid var(--brand-orange);
}

.new-primary-button:hover {
  background: #df6905;
  border-color: #df6905;
}

.new-secondary-button {
  color: var(--brand-black);
  border: 1px solid var(--brand-black);
}

.new-secondary-button:hover {
  background: var(--brand-black);
  color: var(--brand-cream);
}

.new-brand-book-wrap {
  position: relative;
}

.new-brand-book-cover {
  width: min(390px, 100%);
  border: none;
  transform: none !important;

  box-shadow:
    0 30px 60px rgba(66, 47, 28, 0.16),
    0 8px 18px rgba(66, 47, 28, 0.08);
}

.new-brand-book-cover:hover {
  transform: translateY(-4px) !important;
}

@media (max-width: 900px) {

  .brand-logo {
    width: 210px;
  }

  .new-brand-hero-grid {
    grid-template-columns: 1fr;
    gap: 52px;
    text-align: center;
  }

  .new-brand-hero-copy {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .new-brand-book-cover {
    width: min(330px, 82vw);
  }
}

@media (max-width: 600px) {

  .new-brand-header .nav-container {
    min-height: 72px;
  }

  .brand-logo {
    width: 155px;
    max-height: 48px;
  }

  .new-brand-title {
    font-size: clamp(3.4rem, 15vw, 4.8rem) !important;
  }

  .new-brand-hero-text {
    color: var(--brand-muted) !important;
  }
}


/* =========================================
   BRAND LOCKUP REFINEMENT
   ========================================= */

.brand-lockup {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.brand-mark {
  width: 42px;
  height: 42px;
  object-fit: contain;
  flex: 0 0 auto;
}

.brand-name {
  color: var(--brand-black);
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: 1.6px;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .brand-name {
    font-size: 0.78rem;
    letter-spacing: 1.1px;
  }

  .brand-mark {
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 600px) {
  .brand-name {
    display: none;
  }

  .brand-mark {
    width: 34px;
    height: 34px;
  }
}


/* =========================================
   2026 BRAND REFRESH — PHILOSOPHY + BOOK
   ========================================= */

/* PHILOSOPHY / QUOTE */

.quote-section {
  background: #1a1917 !important;
  border-top: none !important;
  border-bottom: none !important;
  padding: 105px 0 !important;
}

.quote-section .section-label {
  color: var(--brand-orange) !important;
}

.quote-section blockquote {
  color: #f3eee6 !important;
  font-size: clamp(2.8rem, 5vw, 5rem);
  line-height: 1.02;
  max-width: 1050px;
  text-transform: uppercase;
  letter-spacing: -2px;
}

.quote-section blockquote::before {
  content: "";
  display: block;
  width: 72px;
  height: 4px;
  background: var(--brand-orange);
  margin-bottom: 32px;
}


/* BOOK INTRODUCTION */

#book {
  background: var(--brand-cream) !important;
  color: var(--brand-black);
}

#book .section-label {
  color: var(--brand-orange) !important;
}

#book h2 {
  color: var(--brand-orange) !important;
}

#book p {
  color: var(--brand-muted) !important;
}

.book-section-cover img {
  border: none;
  box-shadow:
    0 26px 55px rgba(64, 46, 29, 0.15),
    0 7px 18px rgba(64, 46, 29, 0.08);
}

.book-section-copy .primary-button {
  background: var(--brand-orange) !important;
  color: #fff !important;
  border-color: var(--brand-orange) !important;
}

.book-section-copy .primary-button:hover {
  background: #df6905 !important;
  border-color: #df6905 !important;
}


/* MOBILE */

@media (max-width: 600px) {

  .quote-section {
    padding: 78px 0 !important;
  }

  .quote-section blockquote {
    font-size: clamp(2.4rem, 11vw, 3.7rem);
    letter-spacing: -1px;
  }

  .quote-section blockquote::before {
    width: 55px;
    height: 3px;
    margin-bottom: 24px;
  }
}


/* =========================================
   2026 BRAND REFRESH — TOPIC GRID
   ========================================= */

#resources {
  background: #f4eee5 !important;
  color: #171614 !important;
  border-bottom: 1px solid #ded5c9 !important;
}

#resources .section-label {
  color: #ef7206 !important;
}

#resources h2 {
  color: #171614 !important;
}

.topic-grid {
  background: transparent !important;
  border: 1px solid #d8cec1 !important;
  gap: 0 !important;
}

.topic-grid div {
  background: #faf6f0 !important;
  color: #171614 !important;
  border-right: 1px solid #d8cec1 !important;
  border-bottom: 1px solid #d8cec1 !important;
  min-height: 185px;
  padding: 35px 25px;
  flex-direction: column;
  text-align: center;
  transition:
    transform 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}

.topic-grid div:nth-child(3n) {
  border-right: none !important;
}

.topic-grid div:nth-last-child(-n+3) {
  border-bottom: none !important;
}

.topic-grid div:hover {
  background: #fffaf4 !important;
  color: #171614 !important;
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(60, 42, 24, 0.08);
  position: relative;
  z-index: 2;
}

.topic-grid h3,
.topic-grid strong {
  color: #ef7206 !important;
}

.topic-grid p {
  color: #625d57 !important;
}


/* MOBILE */

@media (max-width: 800px) {

  .topic-grid div {
    border-right: none !important;
    border-bottom: 1px solid #d8cec1 !important;
    min-height: 150px;
  }

  .topic-grid div:last-child {
    border-bottom: none !important;
  }
}


/* =========================================
   RESOURCE CARDS — DARK CONTRAST
   ========================================= */

#resources .topic-grid {
  background: #171614 !important;
  border: 1px solid #2d2a26 !important;
}

#resources .topic-grid div {
  background: #171614 !important;
  color: #f4eee5 !important;
  border-right: 1px solid #35312c !important;
  border-bottom: 1px solid #35312c !important;
  box-shadow: none !important;
}

#resources .topic-grid div:hover {
  background: #211f1c !important;
  color: #f4eee5 !important;
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(30, 24, 18, 0.15) !important;
}

#resources .topic-grid h3,
#resources .topic-grid strong {
  color: #ef7206 !important;
}

#resources .topic-grid p {
  color: #d2cbc2 !important;
}

/* MOBILE */

@media (max-width: 800px) {
  #resources .topic-grid div {
    border-right: none !important;
    border-bottom: 1px solid #35312c !important;
  }

  #resources .topic-grid div:last-child {
    border-bottom: none !important;
  }
}


/* =========================================
   2026 BRAND REFRESH — ABOUT INITIATIVE
   ========================================= */

#initiative,
.about-initiative,
.initiative-section {
  background: #f4eee5 !important;
  color: #171614 !important;
  border-bottom: 1px solid #ded5c9 !important;
  position: relative;
  overflow: hidden;
}

/* subtle warm brand glow */

#initiative::before,
.about-initiative::before,
.initiative-section::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  left: -180px;
  top: 50%;
  transform: translateY(-50%);
  background: radial-gradient(
    circle,
    rgba(239, 114, 6, 0.10) 0%,
    rgba(239, 114, 6, 0.035) 40%,
    transparent 70%
  );
  pointer-events: none;
}

#initiative .container,
.about-initiative .container,
.initiative-section .container {
  position: relative;
  z-index: 2;
}

#initiative .section-label,
.about-initiative .section-label,
.initiative-section .section-label {
  color: #ef7206 !important;
}

#initiative h2,
.about-initiative h2,
.initiative-section h2 {
  color: #ef7206 !important;
}

#initiative p,
.about-initiative p,
.initiative-section p {
  color: #4f4a44 !important;
}

/* principle / statement area */

#initiative .initiative-principles,
.about-initiative .initiative-principles,
.initiative-section .initiative-principles {
  border-left: 3px solid #ef7206 !important;
  padding-left: 28px;
}

/* final ownership statement */

#initiative strong,
.about-initiative strong,
.initiative-section strong {
  color: #ef7206 !important;
}


/* MOBILE */

@media (max-width: 800px) {

  #initiative::before,
  .about-initiative::before,
  .initiative-section::before {
    width: 350px;
    height: 350px;
    left: -160px;
  }

  #initiative .initiative-principles,
  .about-initiative .initiative-principles,
  .initiative-section .initiative-principles {
    padding-left: 20px;
  }
}


/* Resource section heading — orange */
#resources h2 {
  color: #ef7206 !important;
}


/* =========================================
   2026 BRAND REFRESH — BUY SECTION
   ========================================= */

#buy {
  background:
    radial-gradient(
      circle at 22% 48%,
      rgba(239, 114, 6, 0.06),
      transparent 30%
    ),
    #f4eee5 !important;

  color: #171614 !important;
  border-bottom: 1px solid #ded5c9 !important;
}

/* Label */

#buy .section-label {
  color: #ef7206 !important;
}

/* Main headline */

#buy h2 {
  color: #ef7206 !important;
}

/* Supporting copy */

#buy p {
  color: #514c46 !important;
}

#buy .buy-tagline {
  color: #171614 !important;
}

/* Book cover */

#buy .buy-cover {
  border: none !important;

  box-shadow:
    0 28px 60px rgba(65, 46, 28, 0.16),
    0 8px 18px rgba(65, 46, 28, 0.08) !important;
}

/* Paperback / Digital boxes */

#buy .format-grid {
  background: transparent !important;
  border: 1px solid #d3c8bb !important;
}

#buy .format-card {
  background: #faf6f0 !important;
  border-color: #d3c8bb !important;
}

#buy .format-card h3 {
  color: #ef7206 !important;
}

#buy .format-card p {
  color: #625d57 !important;
}

/* BUY DIRECTLY */

#buy .buy-direct-label {
  color: #ef7206 !important;
}

/* Card button */

#buy .primary-button {
  background: #ef7206 !important;
  color: #ffffff !important;
  border-color: #ef7206 !important;
}

#buy .primary-button:hover {
  background: #d96505 !important;
  border-color: #d96505 !important;
}

/* Bitcoin button */

#buy .secondary-button {
  background: transparent !important;
  color: #171614 !important;
  border-color: #171614 !important;
}

#buy .secondary-button:hover {
  background: #171614 !important;
  color: #f4eee5 !important;
}

/* Retailer note */

#buy .retailer-note {
  color: #746e67 !important;
}


/* =========================================
   BUY SECTION — CONTRAST REFINEMENT
   ========================================= */

/* Format cards: dark contrast */

#buy .format-grid {
  background: #171614 !important;
  border: 1px solid #2d2a26 !important;
}

#buy .format-card {
  background: #171614 !important;
  border-color: #35312c !important;
}

#buy .format-card h3 {
  color: #ef7206 !important;
}

#buy .format-card p {
  color: #d8d1c8 !important;
}

/* Buy With Card = cream */

#buy .purchase-buttons .primary-button {
  background: #f4eee5 !important;
  color: #171614 !important;
  border: 1px solid #171614 !important;
}

#buy .purchase-buttons .primary-button:hover {
  background: #e9dfd3 !important;
  color: #171614 !important;
  border-color: #171614 !important;
}

/* Buy With Bitcoin = orange */

#buy .purchase-buttons .secondary-button {
  background: #ef7206 !important;
  color: #ffffff !important;
  border: 1px solid #ef7206 !important;
}

#buy .purchase-buttons .secondary-button:hover {
  background: #d96505 !important;
  color: #ffffff !important;
  border-color: #d96505 !important;
}


/* =========================================
   BUY SECTION — SEPARATE FORMAT CARDS
   ========================================= */

#buy .format-grid {
  background: transparent !important;
  border: none !important;
  gap: 18px !important;
}

#buy .format-card {
  background: #171614 !important;
  border: 1px solid #2f2c28 !important;
}

#buy .format-card h3 {
  color: #ef7206 !important;
}

#buy .format-card p {
  color: #d8d1c8 !important;
}


/* Center content inside Paperback / Digital cards */
#buy .format-card {
  text-align: center !important;
}

#buy .format-card h3,
#buy .format-card p {
  text-align: center !important;
}


/* =========================================
   2026 BRAND REFRESH — CONTACT SECTION
   ========================================= */

#contact {
  background:
    radial-gradient(
      circle at 24% 50%,
      rgba(239, 114, 6, 0.09),
      transparent 28%
    ),
    #0f0f0e !important;

  border-bottom: 1px solid #302b26 !important;
}

/* Small label */

#contact .section-label {
  color: #ef7206 !important;
}

/* BUILD. OWN. CONTROL. */

#contact .contact-heading h2 {
  color: #ef7206 !important;
}

/* Main contact question */

#contact .contact-lead {
  color: #ffffff !important;
}

/* GET IN TOUCH */

#contact .contact-label {
  color: #ef7206 !important;
}

/* Contact CTA */

#contact .contact-placeholder {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #ef7206 !important;
  color: #ffffff !important;

  border: 1px solid #ef7206 !important;

  padding: 16px 24px !important;

  font-weight: 700 !important;
  letter-spacing: 0.12em !important;

  transition:
    background 0.2s ease,
    border-color 0.2s ease !important;
}

/* Supporting note */

#contact .contact-note {
  color: #8f8982 !important;
}


/* =========================================
   RESOURCES — ALTERNATING DARK SECTION
   ========================================= */

#resources {
  background: #171614 !important;
  color: #f4eee5 !important;
  border-bottom: 1px solid #2f2b27 !important;
}

/* Small label */

#resources .section-label {
  color: #ef7206 !important;
}

/* Main heading */

#resources h2 {
  color: #ef7206 !important;
}

/* Grid itself becomes transparent so black background shows between cards */

#resources .topic-grid {
  background: transparent !important;
  border: none !important;
  gap: 18px !important;
}

/* Individual cards */

#resources .topic-grid div {
  background: #f4eee5 !important;
  color: #171614 !important;

  border: 1px solid #ded5c9 !important;

  min-height: 180px;

  box-shadow:
    0 8px 20px rgba(0,0,0,0.12) !important;
}

/* Orange category names */

#resources .topic-grid h3,
#resources .topic-grid strong {
  color: #ef7206 !important;
}

/* Dark descriptions */

#resources .topic-grid p {
  color: #514c46 !important;
}

/* Hover */

#resources .topic-grid div:hover {
  background: #fffaf4 !important;
  color: #171614 !important;

  transform: translateY(-3px);

  box-shadow:
    0 12px 28px rgba(0,0,0,0.18) !important;
}


/* MOBILE */

@media (max-width: 800px) {

  #resources .topic-grid {
    gap: 14px !important;
  }

  #resources .topic-grid div {
    min-height: 150px;
    border: 1px solid #ded5c9 !important;
  }
}


/* Privacy statement — orange headline */
.statement-section h2,
.statement-section .statement,
.statement-section .statement-text {
  color: #ef7206 !important;
}


/* Quote section — orange main statement */
.quote-section blockquote {
  color: #ef7206 !important;
}


/* Quote — refined proportions for longer statement */
.quote-section blockquote {
  color: #ef7206 !important;
  font-size: clamp(3rem, 5.2vw, 5.4rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  max-width: 1200px !important;
}


/* Quote — wider, cleaner final layout */
.quote-section .container {
  max-width: 1400px !important;
}

.quote-section blockquote {
  color: #ef7206 !important;
  font-size: clamp(2.8rem, 4.5vw, 4.7rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  max-width: 1350px !important;
  width: 100% !important;
}


/* =========================================
   QUOTE SECTION — FINAL DESKTOP DESIGN
   ========================================= */

.quote-section .container {
  max-width: 1400px !important;
}

.quote-section blockquote {
  color: #ef7206 !important;
  font-size: clamp(2.8rem, 4.25vw, 4.5rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  max-width: 1350px !important;
  width: 100% !important;
  text-align: left !important;
}


/* =========================================
   QUOTE SECTION — FINAL WIDE 3-LINE LAYOUT
   ========================================= */

.quote-section .container {
  max-width: 1400px !important;
  width: calc(100% - 80px) !important;
}

.quote-section blockquote {
  color: #ef7206 !important;
  font-size: clamp(2.7rem, 3.85vw, 4.15rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.035em !important;
  max-width: 1400px !important;
  width: 100% !important;
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* =========================================
   FOOTER — FINAL REBRAND
   ========================================= */

.site-footer {
  background: #0a0a09 !important;
  color: #f4eee5 !important;
  border-top: 1px solid #332d27 !important;
}

.site-footer .footer-main {
  padding-top: 42px !important;
  padding-bottom: 34px !important;
}

.site-footer .footer-logo {
  color: #ef7206 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

.site-footer .footer-tagline {
  color: #8f8982 !important;
  letter-spacing: 0.12em !important;
}

.site-footer .footer-links a {
  color: #f4eee5 !important;
  transition: color 0.2s ease !important;
}

.site-footer .footer-links a:hover {
  color: #ef7206 !important;
}

.site-footer .footer-bottom {
  border-top: 1px solid #24211e !important;
  padding-top: 22px !important;
  padding-bottom: 24px !important;
}

.site-footer .footer-bottom p {
  color: #77716b !important;
}


/* =========================================
   FOOTER — FINAL CREAM + BLACK DESIGN
   ========================================= */

/* Main footer area */
.site-footer {
  background: #f4eee5 !important;
  color: #171614 !important;
  border-top: none !important;
}

/* Cream brand/navigation row */
.site-footer .footer-main {
  background: #f4eee5 !important;
  padding-top: 42px !important;
  padding-bottom: 38px !important;
}

.site-footer .footer-logo {
  color: #ef7206 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

.site-footer .footer-tagline {
  color: #77716b !important;
  letter-spacing: 0.12em !important;
}

.site-footer .footer-links a {
  color: #171614 !important;
  font-weight: 700 !important;
  transition: color 0.2s ease !important;
}

.site-footer .footer-links a:hover {
  color: #ef7206 !important;
}

/* Bottom copyright bar */
.site-footer .footer-bottom {
  background: #0a0a09 !important;
  color: #8f8982 !important;
  border-top: none !important;

  /* Extend black background edge-to-edge */
  max-width: none !important;
  width: 100% !important;

  padding-left: max(calc((100% - 1200px) / 2), 24px) !important;
  padding-right: max(calc((100% - 1200px) / 2), 24px) !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.site-footer .footer-bottom p {
  color: #77716b !important;
}


/* =========================================
   RESOURCE CARDS — ICON DESIGN
   ========================================= */

#resources .topic-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 34px 28px !important;
  min-height: 215px !important;
}

#resources .topic-icon {
  width: 58px !important;
  height: 58px !important;
  margin: 0 auto 17px !important;
  color: #ef7206 !important;
}

#resources .topic-icon svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 3.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#resources .topic-icon.bitcoin-icon {
  width: 62px !important;
  height: 62px !important;
  margin-bottom: 13px !important;
}

#resources .topic-card h3 {
  color: #ef7206 !important;
  margin: 0 0 12px !important;
  text-align: center !important;
}

#resources .topic-card p {
  margin: 0 auto !important;
  max-width: 260px !important;
  text-align: center !important;
}

#resources .topic-card:hover .topic-icon {
  transform: translateY(-2px) scale(1.04);
}

#resources .topic-icon {
  transition: transform 0.2s ease !important;
}

@media (max-width: 800px) {
  #resources .topic-card {
    min-height: 190px !important;
    padding: 28px 22px !important;
  }

  #resources .topic-icon {
    width: 50px !important;
    height: 50px !important;
    margin-bottom: 14px !important;
  }
}


/* =========================================
   FIX RESOURCE ICON CONTAINERS
   ========================================= */

#resources .topic-grid .topic-icon {
  width: 58px !important;
  height: 58px !important;
  min-height: 0 !important;

  margin: 0 auto 18px !important;
  padding: 0 !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  display: block !important;
  color: #ef7206 !important;

  transform: none !important;
}

#resources .topic-grid .topic-icon svg {
  width: 58px !important;
  height: 58px !important;

  display: block !important;

  fill: none !important;
  stroke: #ef7206 !important;
  stroke-width: 3.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#resources .topic-grid .topic-card:hover .topic-icon {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transform: translateY(-2px) scale(1.04) !important;
}


/* Linux + Bitcoin icon refinements */

#resources .linux-icon svg {
  stroke-width: 3 !important;
}

#resources .bitcoin-icon svg {
  stroke-width: 3 !important;
}

#resources .bitcoin-icon svg text {
  fill: #ef7206 !important;
  stroke: none !important;
}


/* =========================================
   MOBILE HEADER + NAVIGATION
   ========================================= */

.mobile-menu-button {
  display: none;
}

@media (max-width: 800px) {

  .site-header .nav-container {
    position: relative !important;
    min-height: 68px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .brand-lockup {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
  }

  .brand-mark {
    width: 28px !important;
    height: 28px !important;
    object-fit: contain !important;
  }

  .brand-name {
    display: block !important;
    font-size: 0.68rem !important;
    line-height: 1.15 !important;
    letter-spacing: 0.08em !important;
    white-space: nowrap !important;
  }

  .mobile-menu-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    color: #ef7206 !important;
    border: 1px solid #ef7206 !important;

    padding: 9px 12px !important;

    font: inherit !important;
    font-size: 0.68rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;

    cursor: pointer !important;
  }

  .main-nav {
    display: none !important;

    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;

    background: #f4eee5 !important;
    border-top: 1px solid #ded5c9 !important;
    border-bottom: 1px solid #ded5c9 !important;

    padding: 14px 20px 18px !important;
  }

  .main-nav.mobile-open {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  .main-nav a {
    display: block !important;
    padding: 13px 4px !important;

    color: #171614 !important;
    border-bottom: 1px solid #ded5c9 !important;

    font-size: 0.82rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
  }

  .main-nav .nav-button {
    margin-top: 12px !important;
    padding: 13px 16px !important;

    background: #ef7206 !important;
    color: #ffffff !important;
    border: 1px solid #ef7206 !important;

    text-align: center !important;
  }

}


/* =========================================
   MOBILE HERO — FIX CROPPING
   ========================================= */

@media (max-width: 800px) {

  .hero,
  .new-brand-hero {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-top: 42px !important;
    padding-bottom: 46px !important;
  }

  .hero-grid,
  .new-brand-hero-grid {
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    align-items: start !important;
  }

  .hero-copy,
  .new-brand-hero-copy {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .hero-book,
  .new-brand-book-wrap {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .new-brand-book-wrap img {
    height: auto !important;
    max-height: none !important;
  }

}


/* =========================================
   MOBILE HERO — FIX HORIZONTAL OVERFLOW
   ========================================= */

@media (max-width: 800px) {

  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .hero,
  .new-brand-hero {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .hero .container,
  .new-brand-hero .container,
  .hero-grid,
  .new-brand-hero-grid {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .hero-copy,
  .new-brand-hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .new-brand-title {
    font-size: clamp(3rem, 14vw, 4.2rem) !important;
    line-height: 0.92 !important;
    letter-spacing: -0.045em !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .new-brand-eyebrow {
    font-size: 0.72rem !important;
    letter-spacing: 0.18em !important;
    white-space: normal !important;
  }

  .new-brand-hero-text {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }

  .hero-buttons {
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero-buttons .button {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .hero-book,
  .new-brand-book-wrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .new-brand-book-wrap img {
    display: block !important;
    width: min(78%, 310px) !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

}


/* =========================================
   MOBILE QUOTE — POLISH
   ========================================= */

@media (max-width: 800px) {

  .quote-section {
    padding-top: 44px !important;
    padding-bottom: 48px !important;
  }

  .quote-section .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  .quote-section .section-label {
    font-size: 0.68rem !important;
    letter-spacing: 0.18em !important;
  }

  .quote-section blockquote {
    font-size: clamp(2rem, 9.5vw, 2.8rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.035em !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 18px !important;
  }

}


/* =========================================
   DISABLED / COMING-SOON LINKS
   ========================================= */

.disabled-link {
  pointer-events: none !important;
  cursor: default !important;
}


/* Contact email button */
#contact .contact-placeholder {
  text-decoration: none !important;
}


#contact .contact-placeholder {
  text-decoration: none !important;
}


#contact .contact-placeholder {
  text-decoration: none !important;
}


/* Disclaimer */
.disclaimer-section {
  background: #f4eee5;
  color: #171614;
}

.disclaimer-container {
  max-width: 900px;
}

.disclaimer-section .section-label {
  color: #ef7206;
}

.disclaimer-section h2 {
  margin: 0 0 28px;
  color: #171614;
}

.disclaimer-section p {
  max-width: 820px;
  line-height: 1.8;
  font-size: 1rem;
}

.disclaimer-section p + p {
  margin-top: 18px;
}


/* Final footer contrast — keep alternating section rhythm */
.site-footer,
.site-footer .footer-main,
.site-footer .footer-bottom {
  background: #0f0f0e !important;
  color: #f4eee5 !important;
}

.site-footer .footer-logo,
.site-footer .footer-tagline,
.site-footer .footer-bottom p {
  color: #f4eee5 !important;
}

.site-footer .footer-links a {
  color: #f4eee5 !important;
}

.site-footer .footer-links a:hover {
  color: #ef7206 !important;
}