/* The 1% — future editorial refresh
   Direction: precision editorial / market-instrument UI.
   Warm porcelain, ink and measured bullion; the existing tree artwork remains untouched. */
:root {
  --one-ink: #242116;
  --one-muted: #685f4e;
  --one-faint: #827866;
  --one-gold: #b38632;
  --one-gold-deep: #785614;
  --one-gold-light: #e3c981;
  --one-line: rgba(117, 87, 33, .2);
  --one-paper: #fffefa;
  --one-paper-soft: rgba(255, 254, 250, .94);
  --one-wash: #f6f1e5;
  --one-shadow: 0 16px 42px rgba(50, 39, 17, .09);
  --one-display: 'Cormorant Garamond', Georgia, serif;
  --one-sans: 'Inter', 'Segoe UI', sans-serif;
  --one-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
  color-scheme: light;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 5.5rem;
  background: #f8f5ed;
}

body,
body #main-site,
body #giveaway-entry-page,
body #education-page {
  color: var(--one-ink) !important;
  font-family: var(--one-sans) !important;
  background-color: transparent !important;
  min-width: 320px;
  overflow-x: clip;
}

body #main-site > section:where(#hero-section, .homepage-chapter),
body #main-site > div:where(#mentorship, #giveaway-over, #socials, #framework),
body #main-site :where(#mentorship, #framework).full-section,
body #giveaway-entry-page,
body #education-page {
  background-color: rgba(255, 254, 250, .88) !important;
}

body #main-site *,
body #giveaway-entry-page *,
body #education-page * {
  -webkit-tap-highlight-color: transparent;
}

body #main-site :where(#hero-section, #mentorship, #socials, #framework, #giveaway-over, #giveaway-entry-page, #education-page) h1,
body #main-site :where(#hero-section, #mentorship, #socials, #framework, #giveaway-over, #giveaway-entry-page, #education-page) h2,
body #main-site :where(#hero-section, #mentorship, #socials, #framework, #giveaway-over, #giveaway-entry-page, #education-page) h3,
body #giveaway-entry-page h1,
body #giveaway-entry-page h2,
body #education-page h1 {
  font-family: var(--one-display) !important;
  font-weight: 600 !important;
  letter-spacing: -.035em;
  color: var(--one-ink) !important;
  text-wrap: balance;
}

body #main-site :where(#hero-section, #mentorship, #socials, #framework, #giveaway-over, #site-footer, #giveaway-entry-page, #education-page) p,
body #giveaway-entry-page p,
body #education-page p {
  color: var(--one-muted);
}

/* Fixed masthead */
body #main-nav {
  min-height: 68px;
  padding: .55rem clamp(1rem, 4vw, 3.5rem) !important;
  background: rgba(255, 254, 250, .94) !important;
  border-bottom: 1px solid rgba(137, 103, 42, .23) !important;
  box-shadow: 0 8px 30px rgba(49, 39, 19, .055) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
}

body #main-nav > div:first-child img {
  border: 1px solid rgba(179, 134, 50, .45) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 3px rgba(179, 134, 50, .08) !important;
}

body #main-nav > div:first-child span {
  color: var(--one-ink) !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
}

body #main-nav #nav-pill {
  gap: clamp(.12rem, .45vw, .45rem) !important;
}

body #main-nav #nav-pill > a:not(.nav-discord-btn):not(.nav-yt-btn):not(.nav-ig-btn) {
  position: relative;
  padding: .58rem .92rem !important;
  border: 1px solid transparent !important;
  border-radius: 3px !important;
  background: transparent !important;
  color: #514936 !important;
  box-shadow: none !important;
  font: 700 .67rem/1.2 var(--one-sans) !important;
  letter-spacing: .11em !important;
  text-transform: uppercase;
  text-decoration: none;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease !important;
}

body #main-nav #nav-pill > a:not(.nav-discord-btn):not(.nav-yt-btn):not(.nav-ig-btn)::after {
  content: "";
  position: absolute;
  left: .9rem;
  right: .9rem;
  bottom: .3rem;
  height: 1px;
  background: var(--one-gold);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .22s ease;
}

body #main-nav #nav-pill > a:not(.nav-discord-btn):not(.nav-yt-btn):not(.nav-ig-btn):hover,
body #main-nav #nav-pill > a:not(.nav-discord-btn):not(.nav-yt-btn):not(.nav-ig-btn):focus-visible {
  color: var(--one-gold-deep) !important;
  background: rgba(179, 134, 50, .07) !important;
}

body #main-nav #nav-pill > a:not(.nav-discord-btn):not(.nav-yt-btn):not(.nav-ig-btn):hover::after,
body #main-nav #nav-pill > a:not(.nav-discord-btn):not(.nav-yt-btn):not(.nav-ig-btn):focus-visible::after {
  transform: scaleX(1);
}

body #main-nav .nav-divider {
  background: rgba(117, 87, 33, .23) !important;
  margin: 0 .45rem !important;
}

body #main-nav .nav-discord-btn,
body #main-site #hero-cta-block > a,
body #main-site .btn-discord,
body #education-page a[href*="youtube.com/@jaspentrades"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 42px;
  padding: .7rem 1.15rem !important;
  border: 1px solid #a77a24 !important;
  border-radius: 3px !important;
  background: #c7a252 !important;
  color: #211a0c !important;
  box-shadow: 0 5px 14px rgba(113, 79, 19, .12) !important;
  font: 800 .67rem/1.1 var(--one-sans) !important;
  letter-spacing: .1em !important;
  text-transform: uppercase;
  text-decoration: none;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

body #main-nav .nav-discord-btn {
  min-height: 36px;
  padding: .5rem .9rem !important;
}

body #main-site #hero-cta-block > a,
body #main-site .nav-discord-btn,
body #main-site .btn-discord,
body #education-page a[href*="youtube.com/@jaspentrades"] {
  color: #211a0c !important;
}

body #main-site #hero-cta-block > a *,
body #main-site .nav-discord-btn *,
body #main-site .btn-discord * {
  color: #211a0c !important;
}

body #main-nav .nav-discord-btn:hover,
body #main-site #hero-cta-block > a:hover,
body #main-site .btn-discord:hover,
body #education-page a[href*="youtube.com/@jaspentrades"]:hover {
  background: #dfc27c !important;
  border-color: #8e681f !important;
  box-shadow: 0 9px 20px rgba(113, 79, 19, .18) !important;
  transform: translateY(-2px);
}

body #main-nav .nav-yt-btn,
body #main-nav .nav-ig-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(117, 87, 33, .2) !important;
  border-radius: 50%;
  background: rgba(179, 134, 50, .055) !important;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease !important;
}

body #main-nav .nav-yt-btn:hover,
body #main-nav .nav-ig-btn:hover {
  transform: translateY(-2px);
  background: #f3e7ca !important;
  border-color: var(--one-gold) !important;
}

body #main-nav .nav-yt-btn svg {
  fill: #9c742b !important;
}

body #main-nav .nav-ig-btn svg {
  stroke: #9c742b !important;
}

/* Hero: quiet stage for the original animated tree GIF */
body #main-site #hero-section {
  min-height: min(850px, 100svh);
  padding: clamp(7rem, 13vh, 10rem) clamp(1rem, 5vw, 4rem) clamp(4.5rem, 9vh, 7rem) !important;
  border-bottom: 1px solid rgba(117, 87, 33, .19) !important;
  background: linear-gradient(180deg, rgba(255, 254, 250, .55), rgba(255, 254, 250, .3)) !important;
}

body #main-site #hero-section > div:first-of-type {
  max-width: 1040px !important;
  padding: clamp(1rem, 3vw, 2.25rem);
  animation: one-rise .75s cubic-bezier(.2,.7,.25,1) both;
}

body #main-site #hero-section h1 {
  max-width: 100%;
  margin: 0 auto !important;
  font: 600 clamp(3rem, 6vw, 5.8rem)/.96 var(--one-display) !important;
  letter-spacing: -.055em !important;
  color: #282316 !important;
  text-shadow: 0 1px rgba(255,255,255,.55) !important;
}

body #main-site #hero-section h1 span,
body #main-site [style*="color:#00c8d7"],
body #main-site .section-eyebrow,
body #main-site .about-kicker,
body #main-site .framework-core strong {
  color: var(--one-gold-deep) !important;
  text-shadow: none !important;
}

body #main-site #hero-section h1 span {
  display: inline-block;
  font-style: italic;
  font-weight: 500;
}

body #main-site #hero-section h1 + p,
body #main-site #hero-section p {
  max-width: 44rem;
  color: #4f493c !important;
}

body #main-site #hero-section > div:first-of-type > div:first-child {
  max-width: 42rem;
}

body #main-site #hero-section > div:first-of-type > div:first-child > div {
  color: #5b5240 !important;
}

body #main-site #hero-section > div:first-of-type > div:first-child > div > div:nth-child(2) {
  color: #312a1d !important;
  letter-spacing: .13em !important;
}

body #main-site #hero-section > div:first-of-type > div:first-child > div > div:nth-child(3) {
  color: #6b624f !important;
}

body #main-site #hero-section > div:first-of-type > div:first-child > div:nth-child(2) {
  background: rgba(117, 87, 33, .3) !important;
}

body #main-site #hero-section .hero-trust-badges {
  gap: clamp(1.4rem, 5vw, 3.75rem);
}

body #main-site #hero-section .trust-badge-title {
  color: #312a1d !important;
}

body #main-site #hero-section .trust-badge-sub {
  color: #625941 !important;
}

body #main-site #hero-section #hero-cta-block {
  gap: .75rem;
  margin-top: 2rem !important;
}

body #main-site #hero-section #hero-cta-block > a {
  min-width: 185px;
  border-radius: 2px !important;
}

/* Distinct section rhythm, with a fine gold rule as the recurring motif */
body #main-site > section:where(#hero-section, .homepage-chapter),
body #main-site :where(#mentorship, #framework).full-section > section,
body #main-site #framework > section {
  width: 100%;
}

body #main-site section:where(#mentorship > section, .about-social-section, .framework-section) {
  padding: clamp(4.25rem, 8vw, 7.5rem) clamp(1.15rem, 5vw, 4.5rem) !important;
}

body #main-site .section-eyebrow,
body #main-site .about-kicker {
  color: var(--one-gold-deep) !important;
  font: 800 .65rem/1.35 var(--one-sans) !important;
  letter-spacing: .2em !important;
  text-transform: uppercase;
}

body #main-site section h2.section-title {
  margin-bottom: 1.15rem !important;
  color: var(--one-ink) !important;
  font: 600 clamp(2.5rem, 5vw, 4.6rem)/.98 var(--one-display) !important;
  letter-spacing: -.045em !important;
}

body #main-site .divider {
  width: 4.2rem !important;
  height: 2px !important;
  margin: 1.15rem auto 2.4rem !important;
  background: var(--one-gold) !important;
  box-shadow: none !important;
}


/* Education / community area */
body #main-site #mentorship,
body #main-site #giveaway-over,
body #main-site #framework {
  border-top: 1px solid rgba(117, 87, 33, .13);
  border-bottom: 1px solid rgba(117, 87, 33, .13);
}

body #main-site #mentorship {
  background: rgba(255, 254, 250, .94) !important;
}

body #main-site .feature-grid {
  gap: 1rem;
}

body #main-site .feature-card,
body #main-site :where(.find-me-panel) .social-card,
body #main-site .framework-node,
body #main-site .framework-core {
  background: rgba(255, 254, 250, .97) !important;
  border: 1px solid rgba(117, 87, 33, .2) !important;
  border-radius: 4px !important;
  box-shadow: 0 8px 22px rgba(49, 39, 19, .045);
  color: var(--one-ink) !important;
  transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease, background-color .22s ease !important;
}

body #main-site .feature-card {
  text-align: left;
  padding: clamp(1.25rem, 2.3vw, 2rem) !important;
}

body #main-site .feature-card:hover,
body #main-site :where(.find-me-panel) .social-card:hover,
body #main-site .framework-node:hover {
  border-color: rgba(146, 105, 31, .63) !important;
  box-shadow: 0 15px 32px rgba(49, 39, 19, .1) !important;
  transform: translateY(-3px);
}

body #main-site .feature-card h3 {
  color: var(--one-ink) !important;
  font: 700 .78rem/1.35 var(--one-sans) !important;
  letter-spacing: .1em !important;
}

body #main-site .feature-card p {
  color: var(--one-muted) !important;
  font: 400 .88rem/1.7 var(--one-sans) !important;
}

body #main-site .feature-card .card-emoji {
  font-size: 1.65rem;
  margin-bottom: .9rem;
  filter: saturate(.72);
}


body #main-site #giveaway-over {
  padding: clamp(2rem, 4vw, 3.5rem) clamp(1rem, 5vw, 4rem) !important;
  background: rgba(246, 241, 229, .96) !important;
  border-top: 1px solid rgba(117, 87, 33, .18) !important;
}

body #main-site .giveaway-over-copy {
  color: #60553e !important;
}

body #main-site .giveaway-over-copy .giveaway-discord {
  color: #966610 !important;
  font-weight: 800;
  text-shadow: 0 0 7px rgba(214, 157, 39, .65), 0 0 17px rgba(214, 157, 39, .5) !important;
}

/* About + social presence */
body #main-site .about-social-section {
  padding-block: clamp(4.5rem, 8vw, 7.5rem) !important;
  background: rgba(250, 247, 239, .9) !important;
  border-block: 1px solid rgba(117, 87, 33, .17);
}

body #main-site .about-layout {
  align-items: center;
  gap: clamp(2.5rem, 6vw, 6rem);
}

body #main-site .about-title {
  color: var(--one-ink) !important;
  font: 600 clamp(3rem, 7vw, 6.5rem)/.88 var(--one-display) !important;
  letter-spacing: -.055em !important;
}

body #main-site .about-copy {
  color: #5d5546 !important;
  font: 450 clamp(.96rem, 1.25vw, 1.08rem)/1.8 var(--one-sans) !important;
}

body #main-site .about-copy strong {
  color: var(--one-ink) !important;
}

body #main-site .about-principles {
  color: #6a5a38 !important;
  font: 800 .62rem/1.4 var(--one-sans) !important;
  letter-spacing: .13em !important;
}

body #main-site .find-me-panel {
  padding: clamp(1.25rem, 2.5vw, 2.2rem) !important;
  border: 1px solid rgba(117, 87, 33, .22) !important;
  border-radius: 4px !important;
  background: rgba(255, 254, 250, .94) !important;
  box-shadow: var(--one-shadow) !important;
  backdrop-filter: blur(10px);
}

body #main-site .find-me-panel .section-title {
  color: var(--one-ink) !important;
  font: 600 clamp(2rem, 3.2vw, 3rem)/1 var(--one-display) !important;
}

body #main-site .find-me-panel .social-card {
  min-width: calc(50% - .4rem);
  padding: 1rem .7rem !important;
  border-radius: 3px !important;
}

body #main-site :where(.find-me-panel) .social-card {
  min-width: 145px;
  color: var(--one-ink) !important;
}

body #main-site :where(.find-me-panel) .social-name {
  color: #534a38 !important;
  font: 800 .62rem/1.3 var(--one-sans) !important;
  letter-spacing: .14em !important;
}

body #main-site :where(.find-me-panel) .social-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f2ead8 !important;
  border: 1px solid rgba(117, 87, 33, .17);
}

body #main-site :where(.find-me-panel) .social-icon svg {
  width: 23px;
  height: 23px;
}

body #main-site :where(.find-me-panel) .social-card:hover .ig-icon,
body #main-site :where(.find-me-panel) .social-card:hover .yt-icon,
body #main-site :where(.find-me-panel) .social-card:hover .tt-icon,
body #main-site :where(.find-me-panel) .social-card:hover .x-icon {
  box-shadow: 0 5px 16px rgba(74, 58, 23, .13) !important;
}

/* Framework graphic */
body #main-site #framework {
  background: rgba(248, 245, 237, .96) !important;
}

body #main-site .framework-section {
  max-width: 1250px;
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(320px, 1.2fr);
  gap: clamp(2.5rem, 8vw, 8rem);
  align-items: center;
}

body #main-site .framework-intro {
  max-width: 34rem;
  color: #655c4b !important;
  font: 400 1rem/1.8 var(--one-sans) !important;
}

body #main-site .framework-wheel {
  border-color: rgba(157, 119, 44, .43) !important;
}

body #main-site .framework-wheel::before,
body #main-site .framework-wheel::after {
  background: rgba(157, 119, 44, .28) !important;
}

body #main-site .framework-node {
  color: #393223 !important;
  font: 700 .73rem/1.2 var(--one-sans) !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body #main-site .framework-core {
  background: #f4ead3 !important;
}

body #main-site .framework-core strong {
  color: var(--one-gold-deep) !important;
  font: 700 1.5rem/1 var(--one-display) !important;
}

body #main-site .framework-core span {
  color: #5d523c !important;
  font: 700 .58rem/1.2 var(--one-sans) !important;
  letter-spacing: .13em;
  text-transform: uppercase;
}

/* The remaining education and giveaway views retain their shared base. */
body #giveaway-entry-page,
body #education-page {
  min-height: 100svh !important;
  background: rgba(250, 248, 242, .96) !important;
}

body #giveaway-entry-page > div:first-child,
body #education-page > div:first-child {
  position: sticky;
  z-index: 100;
  top: 0;
  min-height: 66px;
  padding: .75rem clamp(1rem, 4vw, 3.5rem) !important;
  border-bottom: 1px solid rgba(117, 87, 33, .2) !important;
  background: rgba(255, 254, 250, .95) !important;
  box-shadow: 0 8px 26px rgba(49, 39, 19, .055);
  backdrop-filter: blur(16px);
}

body #giveaway-entry-page > div:first-child > span,
body #education-page > div:first-child > span {
  color: var(--one-ink) !important;
  font-family: var(--one-sans) !important;
  font-size: .74rem !important;
  letter-spacing: .14em !important;
  text-transform: uppercase;
}

body #giveaway-entry-page > div:first-child button,
body #education-page > div:first-child button {
  min-height: 38px;
  padding: .55rem .85rem !important;
  border: 1px solid rgba(117, 87, 33, .28) !important;
  border-radius: 3px !important;
  background: #f6f0e2 !important;
  color: #54472e !important;
  font: 700 .67rem/1.2 var(--one-sans) !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease !important;
}

body #giveaway-entry-page > div:first-child button:hover,
body #education-page > div:first-child button:hover {
  background: #eee1c2 !important;
  border-color: var(--one-gold) !important;
  color: var(--one-ink) !important;
  transform: translateY(-1px);
}


/* Education library */
body #education-page > div:nth-child(2) {
  max-width: 1120px !important;
  padding: clamp(2.8rem, 7vw, 6rem) clamp(1rem, 4vw, 2.5rem) !important;
}

body #education-page > div:nth-child(2) > div:first-child {
  margin-bottom: clamp(2rem, 4vw, 3.25rem) !important;
}

body #education-page > div:nth-child(2) > div:first-child > div:first-child {
  border: 1px solid rgba(117, 87, 33, .23) !important;
  border-radius: 2px !important;
  background: #f7f0df !important;
  color: var(--one-gold-deep) !important;
  font: 800 .65rem/1.25 var(--one-sans) !important;
  letter-spacing: .14em !important;
  text-transform: uppercase;
}

body #education-page h1 {
  color: var(--one-ink) !important;
  font: 600 clamp(2.8rem, 6vw, 5rem)/.96 var(--one-display) !important;
  letter-spacing: -.04em !important;
}

body #education-page > div:nth-child(2) > div:first-child > p {
  max-width: 46rem !important;
  color: #5d5546 !important;
  font: 400 clamp(.96rem, 1.4vw, 1.08rem)/1.75 var(--one-sans) !important;
}

body #education-page a[href*="youtube.com/@jaspentrades"] {
  margin-top: .4rem;
  border-radius: 3px !important;
}

body #education-page a[href*="discord.gg"] {
  min-height: 43px;
  border: 1px solid rgba(117, 87, 33, .3) !important;
  border-radius: 3px !important;
  background: #f6f0e2 !important;
  color: #594823 !important;
  font: 800 .68rem/1.2 var(--one-sans) !important;
  letter-spacing: .09em;
  text-transform: uppercase;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease !important;
}

body #education-page a[href*="discord.gg"]:hover {
  background: #eee1c2 !important;
  border-color: var(--one-gold) !important;
  transform: translateY(-2px);
}

body #education-page #edu-video-grid {
  gap: .8rem !important;
}

body #education-page .edu-video-card {
  min-width: 0;
  border: 1px solid rgba(117, 87, 33, .19) !important;
  border-radius: 4px !important;
  background: #fffefa !important;
  box-shadow: 0 8px 22px rgba(49, 39, 19, .05);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

body #education-page .edu-video-card:hover,
body #education-page .edu-video-card:focus-visible {
  border-color: rgba(146, 105, 31, .6) !important;
  box-shadow: 0 14px 28px rgba(49, 39, 19, .11);
  transform: translateY(-2px);
}

body #education-page .edu-video-title {
  color: var(--one-ink) !important;
  font: 700 .9rem/1.45 var(--one-sans) !important;
}

/* Footer */
body #main-site #site-footer {
  padding: 1.5rem clamp(1rem, 4vw, 3.5rem) !important;
  border-top: 1px solid rgba(117, 87, 33, .25) !important;
  background: #f3eddf !important;
}

body #main-site #site-footer > div {
  max-width: 1320px !important;
  gap: .85rem 1.5rem !important;
}

body #main-site #site-footer .footer-copy,
body #main-site #site-footer .footer-social-label,
body #main-site #site-footer p {
  color: #594f3d !important;
  font: 600 .68rem/1.5 var(--one-sans) !important;
  letter-spacing: .035em;
  white-space: normal !important;
}

body #main-site #site-footer a {
  color: var(--one-gold-deep) !important;
  text-underline-offset: 3px;
}

body #main-site #site-footer > div > div:last-child a {
  border: 1px solid rgba(117, 87, 33, .2) !important;
  border-radius: 50% !important;
  background: rgba(255, 254, 250, .72) !important;
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease !important;
}

body #main-site #site-footer > div > div:last-child a:hover {
  transform: translateY(-2px);
  border-color: var(--one-gold) !important;
  background: #fffefa !important;
}

body #main-site #site-footer > div > div:last-child a svg {
  fill: #71561e !important;
}

body #main-site .footer-legal-button {
  display: inline-block;
  padding: .25rem .6rem;
  border: 1px solid rgba(117, 87, 33, .25) !important;
  border-radius: 2px;
  background: #fffaf0 !important;
  color: #5b4824 !important;
  box-shadow: none !important;
  text-decoration: none;
}

/* Universal focus treatment, including inline-styled legacy controls */
body #main-site a:focus-visible,
body #main-site button:focus-visible,
body #giveaway-entry-page a:focus-visible,
body #giveaway-entry-page button:focus-visible,
body #giveaway-entry-page input:focus-visible,
body #education-page a:focus-visible,
body #education-page button:focus-visible {
  outline: 3px solid #8b641b !important;
  outline-offset: 3px !important;
}

body #giveaway-entry-page input:not([type="hidden"]) {
  max-width: 100%;
  border: 1px solid rgba(117, 87, 33, .35);
  border-radius: 3px;
  background: #fffefa;
  color: var(--one-ink);
}

::selection {
  color: #251d0e;
  background: #e7d39d;
}

@keyframes one-rise {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (min-width: 1500px) {
  body #main-site #hero-section {
    min-height: min(980px, 94svh);
  }
  body #main-site .framework-section,
  body #main-site .about-social-inner {
    max-width: 1440px;
  }
  body #main-site section:where(#mentorship > section, .framework-section) {
    padding-inline: clamp(4rem, 8vw, 9rem) !important;
  }
}

@media (max-width: 1000px) {
  body #main-site .framework-section {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  body #main-site .framework-section > div:first-child {
    max-width: 42rem;
    margin-inline: auto;
    text-align: center;
  }
  body #main-site .framework-section .divider {
    margin-inline: auto !important;
  }
}

@media (max-width: 768px) {
  body #main-nav {
    min-height: 60px;
    padding-inline: .9rem !important;
  }
  body #main-nav > div:first-child img {
    width: 32px !important;
    height: 32px !important;
  }
  body #main-nav > div:first-child span {
    font-size: .7rem !important;
    letter-spacing: .1em !important;
  }
  body #main-nav #nav-pill {
    gap: .14rem !important;
  }
  body #main-nav #nav-pill > a:not(.nav-discord-btn):not(.nav-yt-btn):not(.nav-ig-btn) {
    padding: .5rem .5rem !important;
    font-size: .57rem !important;
    letter-spacing: .055em !important;
  }
  body #main-nav .nav-discord-btn {
    min-height: 32px;
    padding: .45rem .55rem !important;
    font-size: .57rem !important;
    letter-spacing: .05em !important;
  }
  body #main-nav .nav-yt-btn,
  body #main-nav .nav-ig-btn {
    width: 29px;
    height: 29px;
  }
  body #main-nav .nav-yt-btn svg,
  body #main-nav .nav-ig-btn svg {
    width: 13px;
    height: 13px;
  }
  body #main-nav .nav-divider {
    margin-inline: .15rem !important;
  }
  body #main-site .about-layout {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
  body #main-site .about-social-inner {
    max-width: 680px;
  }
  body #main-site .find-me-panel .social-card {
    min-width: calc(50% - .4rem);
  }
}

@media (max-width: 600px) {
  body #main-nav {
    flex-wrap: wrap;
    gap: .45rem;
    padding: .45rem .65rem !important;
  }
  body #main-nav > div:first-child {
    width: 100%;
    justify-content: center;
    gap: .4rem !important;
  }
  body #main-nav > div:first-child img {
    width: 28px !important;
    height: 28px !important;
  }
  body #main-nav > div:first-child span {
    font-size: .61rem !important;
    letter-spacing: .07em !important;
  }
  body #main-nav #nav-pill {
    width: 100%;
    flex-wrap: wrap !important;
    justify-content: center;
    overflow-x: visible;
    gap: .2rem !important;
  }
  body #main-nav #nav-pill > a:not(.nav-discord-btn):not(.nav-yt-btn):not(.nav-ig-btn) {
    padding: .45rem .36rem !important;
    font-size: clamp(.58rem, 2.2vw, .7rem) !important;
    letter-spacing: .025em !important;
  }
  body #main-nav #nav-pill > a:first-child {
    max-width: none;
    overflow: visible;
    white-space: nowrap;
  }
  body #main-nav .nav-discord-btn {
    width: auto;
    height: auto;
    min-height: 30px;
    padding: .45rem .55rem !important;
    border-radius: 3px !important;
  }
  body #main-nav .nav-discord-btn .nav-discord-text {
    display: inline;
  }
  body #main-nav .nav-discord-btn svg {
    width: 15px;
    height: 15px;
  }
  body #main-nav .nav-divider {
    display: none;
  }
  body #main-nav .nav-yt-btn,
  body #main-nav .nav-ig-btn {
    width: 25px;
    height: 25px;
  }
  body #main-site #hero-section {
    min-height: min(820px, 100svh);
    padding: 9rem 1rem 3rem !important;
  }
  body #main-site #hero-section > div:first-of-type {
    padding: .5rem 0;
  }
  body #main-site #hero-section h1 {
    font-size: clamp(2.45rem, 9vw, 3.3rem) !important;
  }
  body #main-site #hero-section #hero-cta-block {
    width: 100%;
    max-width: 410px;
    flex-direction: column;
    align-items: stretch;
    margin-inline: auto;
  }
  body #main-site #hero-section #hero-cta-block > a {
    width: 100%;
    min-height: 46px;
  }
  body #main-site section:where(#mentorship > section, .framework-section) {
    padding: 3.6rem 1rem !important;
  }
  body #main-site .feature-grid {
    grid-template-columns: 1fr !important;
  }
  body #main-site .socials-grid {
    gap: .6rem !important;
  }
  body #main-site :where(.find-me-panel) .social-card {
    min-width: calc(50% - .4rem);
    padding: 1.1rem .6rem !important;
  }
  body #education-page > div:nth-child(2) {
    padding: 2.8rem 1rem !important;
  }
  body #education-page .edu-video-card {
    gap: .8rem !important;
    padding: .8rem !important;
  }
  body #main-site #site-footer > div {
    flex-direction: column;
    align-items: flex-start !important;
  }
}

@media (max-width: 360px) {
  body #main-nav > div:first-child span {
    font-size: .54rem !important;
  }
  body #main-nav #nav-pill > a:not(.nav-discord-btn):not(.nav-yt-btn):not(.nav-ig-btn) {
    padding-inline: .3rem !important;
    font-size: .58rem !important;
  }
  body #main-site #hero-section h1 {
    font-size: 2.3rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  body #main-site *,
  body #giveaway-entry-page *,
  body #education-page * {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
  body #main-site .fade-in {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Keep the original fixed tree GIF visible at its own colors on every view.
   Only cards and controls carry the warm gold palette, not page-wide veils. */
html {
  background: #fff;
}

body #main-site > section:where(#hero-section, .homepage-chapter),
body #main-site > div:where(#mentorship, #giveaway-over, #socials, #framework),
body #main-site :where(#mentorship, #framework).full-section,
body #main-site #hero-section,
body #main-site #mentorship,
body #main-site #giveaway-over,
body #main-site .about-social-section,
body #main-site #framework,
body #main-site #site-footer,
body #giveaway-entry-page,
body #education-page {
  background: transparent !important;
}