.letting-go-story {
  --letting-ink: #111821;
  --letting-deep: #090d13;
  --letting-navy: #101722;
  --letting-lavender: #aebcf4;
  --letting-blue: #6c86c7;
  --letting-coral: #d59277;
  --letting-paper: #f2eee5;
  --letting-bright: #fbfaf6;
  color: var(--letting-ink);
  background: var(--letting-paper);
}

.letting-go-story .site-header { color: var(--white); }
.letting-go-story .site-header.is-scrolled,
.letting-go-story .site-header.nav-open { color: var(--ink); }

.reading-progress { position: fixed; z-index: 120; top: 0; left: 0; width: 100%; height: 2px; pointer-events: none; }
.reading-progress span { display: block; width: 100%; height: 100%; background: var(--letting-coral); transform: scaleX(0); transform-origin: left; }

.letting-go-story [data-reveal] { opacity: 0; transform: translateY(30px); transition: opacity 780ms ease, transform 920ms var(--ease); }
.letting-go-story [data-reveal].is-visible { opacity: 1; transform: translateY(0); }
.no-js .letting-go-story [data-reveal] { opacity: 1; transform: none; }

.letting-kicker { display: flex; align-items: center; gap: 12px; margin-bottom: clamp(22px,2.5vw,36px); color: var(--letting-lavender); font-size: .68rem; font-weight: 780; letter-spacing: .17em; line-height: 1.4; text-transform: uppercase; }
.letting-kicker i { width: 3px; height: 3px; background: currentColor; border-radius: 50%; }
.letting-kicker--ink { color: #647490; }

.letting-hero { position: relative; min-height: max(820px,100svh); overflow: hidden; color: var(--white); background: radial-gradient(circle at 75% 33%,rgba(108,134,199,.18),transparent 28%),radial-gradient(circle at 20% 78%,rgba(213,146,119,.1),transparent 24%),linear-gradient(135deg,#070a0f,#121925); }
.letting-frame { position: absolute; right: 5vw; top: 50%; width: min(52vw,780px); aspect-ratio: 1.3; transform: translateY(-48%); }
.letting-frame i { position: absolute; border: 1px solid rgba(174,188,244,.12); }
.letting-frame i:nth-child(1) { inset: 2% 4%; }.letting-frame i:nth-child(2) { inset: 15% 18%; transform: rotate(6deg); }.letting-frame i:nth-child(3) { inset: 28% 32%; transform: rotate(-8deg); }.letting-frame i:nth-child(4) { inset: 42% 46%; background: rgba(174,188,244,.05); }
.letting-hero-inner { position: relative; z-index: 2; display: flex; min-height: max(820px,100svh); flex-direction: column; padding-top: calc(var(--header-height) + clamp(45px,6vw,90px)); padding-bottom: clamp(32px,4vw,58px); }
.letting-back { display: inline-flex; width: fit-content; gap: 10px; color: rgba(255,255,255,.6); font-size: .72rem; font-weight: 700; text-decoration: none; }
.letting-hero-copy { margin-block: auto; padding-block: clamp(55px,7vw,105px); }
.letting-hero h1 { max-width: 10ch; margin: 0 0 clamp(42px,5vw,72px); font-family: var(--serif); font-size: clamp(5rem,9.6vw,11rem); font-weight: 400; line-height: .85; letter-spacing: -.072em; text-wrap: balance; }
.letting-dek { max-width: 760px; margin: 0; color: rgba(255,255,255,.62); font-family: var(--serif); font-size: clamp(1.6rem,2.8vw,3.1rem); line-height: 1.26; }
.letting-hero-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.14); }
.letting-hero-footer p { display: flex; align-items: center; gap: 12px; margin: 0; color: rgba(255,255,255,.5); font-size: .67rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.letting-hero-footer i { width: 3px; height: 3px; background: currentColor; border-radius: 50%; }
.letting-hero-footer a { display: inline-flex; gap: 12px; color: rgba(255,255,255,.78); font-size: .75rem; font-weight: 750; text-decoration: none; }

.letting-section { padding-block: clamp(130px,14vw,225px); background: var(--letting-bright); }
.letting-editorial-grid { display: grid; grid-template-columns: minmax(120px,.27fr) minmax(0,1fr); gap: clamp(44px,8vw,130px); }
.letting-chapter { color: #7c879d; }
.letting-chapter span { display: block; margin-bottom: 12px; font-family: var(--serif); font-size: clamp(2.6rem,3.7vw,4.2rem); line-height: 1; }
.letting-chapter p { margin: 0; font-size: .64rem; font-weight: 780; letter-spacing: .15em; text-transform: uppercase; writing-mode: vertical-rl; }
.letting-reading { max-width: 1120px; }
.letting-reading h2,.business-inner h2,.answers-intro h2,.unexpected-heading h2,.smartest-shift h2,.uncomfortable-inner h2,.question-change h2,.ai-heading h2,.learned-home-inner h2 { margin: 0 0 clamp(46px,5vw,76px); font-family: var(--serif); font-size: clamp(3.7rem,6.7vw,7.7rem); font-weight: 400; line-height: .94; letter-spacing: -.058em; text-wrap: balance; }
.letting-prose { max-width: 720px; color: #566273; font-size: clamp(1.05rem,1.4vw,1.28rem); line-height: 1.82; }
.letting-prose p { margin: 0 0 1.4em; }.letting-prose p:last-child { margin-bottom: 0; }
.letting-prose--lead { max-width: 820px; font-family: var(--serif); font-size: clamp(1.6rem,2.65vw,3rem); line-height: 1.42; letter-spacing: -.02em; }
.letting-prose--dark { color: rgba(255,255,255,.62); }

.solver-instinct { display: grid; grid-template-columns: repeat(3,1fr); margin-top: clamp(95px,11vw,170px); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.solver-instinct span { padding: clamp(45px,6vw,90px); color: #65728a; border-left: 1px solid var(--line); font-family: var(--serif); font-size: clamp(1.8rem,3vw,3.5rem); text-align: center; }
.solver-instinct span:first-child { padding-left: 0; border-left: 0; }

.business-systems { position: relative; padding-block: clamp(140px,17vw,270px); overflow: hidden; color: var(--white); background: var(--letting-deep); }
.single-blueprint { position: absolute; inset: 0; opacity: .18; }
.single-blueprint i { position: absolute; left: 58%; top: 18%; width: 25vw; max-width: 390px; aspect-ratio: 1.4; border: 1px solid var(--letting-lavender); }
.single-blueprint i:nth-child(2) { left: 65%; top: 35%; width: 19vw; }.single-blueprint i:nth-child(3) { left: 52%; top: 58%; width: 30vw; }.single-blueprint i:nth-child(4) { left: 74%; top: 66%; width: 14vw; }.single-blueprint i:nth-child(5) { left: 49%; top: 46%; width: 38vw; height: 1px; border: 0; background: var(--letting-lavender); }
.business-inner { position: relative; z-index: 1; }
.business-inner h2 { max-width: 13ch; }

.wrong { position: relative; display: grid; min-height: max(700px,92svh); place-items: center; overflow: hidden; color: var(--white); background: #7f4f41; }
.wrong-line { position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,.2); }
.wrong-line::before,.wrong-line::after { position: absolute; left: 50%; width: 70vw; height: 1px; background: rgba(255,255,255,.12); content: ""; transform: translateX(-50%) rotate(18deg); }.wrong-line::before { top: 32%; }.wrong-line::after { top: 68%; transform: translateX(-50%) rotate(-18deg); }
.wrong-inner { position: relative; z-index: 1; padding-block: clamp(140px,17vw,260px); text-align: center; }
.wrong .letting-kicker { justify-content: center; color: #f0c7b8; }.wrong blockquote { margin: 0; }
.wrong blockquote p { margin: 0; font-family: var(--serif); font-size: clamp(6rem,15vw,18rem); line-height: .8; letter-spacing: -.08em; }.wrong blockquote em { color: var(--letting-bright); font-weight: 400; }

.people-qualities { display: grid; grid-template-columns: 1fr 1fr; margin-top: clamp(80px,9vw,135px); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.people-qualities span { display: grid; min-height: 150px; place-items: center; padding: 24px; color: #5f6e88; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: .68rem; font-weight: 780; letter-spacing: .12em; text-align: center; text-transform: uppercase; }.people-qualities span:last-child { grid-column: 1 / -1; }

.giving-answers { padding-block: clamp(140px,16vw,250px); color: var(--white); background: linear-gradient(135deg,#0a0f17,#151e2d); }
.answers-intro h2 { max-width: 13ch; }
.answers-confession { margin-top: clamp(100px,12vw,185px); padding-top: clamp(65px,8vw,120px); border-top: 1px solid rgba(255,255,255,.14); }
.answers-confession p { max-width: 15ch; margin: 0; color: #d7def8; font-family: var(--serif); font-size: clamp(4rem,7.5vw,8.7rem); line-height: .96; letter-spacing: -.062em; }
.answer-sketches { display: grid; grid-template-columns: repeat(3,1fr); margin-top: clamp(110px,13vw,200px); border-top: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); }
.answer-sketches article { position: relative; min-height: 410px; padding: clamp(38px,5vw,75px); overflow: hidden; border-left: 1px solid rgba(255,255,255,.14); }.answer-sketches article:first-child { padding-left: 0; border-left: 0; }
.answer-sketches span { color: var(--letting-lavender); font-size: .64rem; font-weight: 780; letter-spacing: .14em; text-transform: uppercase; }.answer-sketches p { position: relative; z-index: 1; margin: 75px 0 0; color: rgba(255,255,255,.68); font-family: var(--serif); font-size: clamp(1.6rem,2.5vw,2.9rem); line-height: 1.22; }
.answer-sketches i { position: absolute; right: -18%; bottom: -22%; width: 80%; aspect-ratio: 1; border: 1px solid rgba(174,188,244,.14); transform: rotate(18deg); }
.good-intentions { display: flex; justify-content: space-between; gap: 45px; margin-top: clamp(95px,11vw,170px); }
.good-intentions p { margin: 0; font-family: var(--serif); font-size: clamp(2.3rem,4vw,4.6rem); }.good-intentions p:last-child { color: var(--letting-coral); }

.unexpected { padding-block: clamp(140px,16vw,250px); background: var(--letting-paper); }
.unexpected-heading { max-width: 1120px; }.unexpected-heading h2 { max-width: 12ch; }
.emerging-ideas { display: grid; grid-template-columns: repeat(3,1fr); margin-top: clamp(90px,11vw,170px); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.emerging-ideas article { min-height: 310px; padding: clamp(38px,5vw,75px); border-left: 1px solid var(--line); }.emerging-ideas article:first-child { padding-left: 0; border-left: 0; }
.emerging-ideas span { color: var(--letting-coral); font-family: var(--serif); font-size: 1.7rem; }.emerging-ideas p { margin: 65px 0 0; color: #526075; line-height: 1.75; }
.why-not-me { margin-top: clamp(110px,13vw,200px); padding-top: clamp(65px,8vw,115px); border-top: 1px solid var(--line); }
.why-not-me > p { margin: 0 0 28px; color: #69758a; font-size: .68rem; font-weight: 780; letter-spacing: .14em; text-transform: uppercase; }.why-not-me strong { display: block; font-family: var(--serif); font-size: clamp(4rem,8vw,9.2rem); font-weight: 400; line-height: .92; letter-spacing: -.065em; }.why-not-me span { display: block; max-width: 680px; margin: 70px 0 0 auto; color: #596779; font-size: clamp(1.05rem,1.5vw,1.3rem); line-height: 1.8; }

.step-back { position: relative; display: grid; min-height: max(760px,100svh); place-items: center; overflow: hidden; color: var(--white); background: var(--letting-deep); }
.step-back-rooms { position: absolute; inset: 0; }
.step-back-rooms i { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(174,188,244,.11); transform: translate(-50%,-50%); }.step-back-rooms i:nth-child(1) { width: 22vw; aspect-ratio: 1.2; }.step-back-rooms i:nth-child(2) { width: 40vw; aspect-ratio: 1.5; }.step-back-rooms i:nth-child(3) { width: 62vw; aspect-ratio: 1.8; }.step-back-rooms i:nth-child(4) { width: 84vw; aspect-ratio: 2.1; }.step-back-rooms i:nth-child(5) { width: 110vw; aspect-ratio: 2.5; }
.step-back-inner { position: relative; z-index: 1; padding-block: clamp(140px,17vw,270px); text-align: center; }.step-back .letting-kicker { justify-content: center; }
.step-back blockquote { margin: 0; }.step-back blockquote p { margin: 0; font-family: var(--serif); font-size: clamp(4rem,8vw,9.4rem); line-height: .92; letter-spacing: -.065em; }.step-back blockquote p:last-child { color: var(--letting-lavender); }
.step-back-inner > span { display: block; max-width: 650px; margin: clamp(70px,8vw,120px) auto 0; color: rgba(255,255,255,.58); line-height: 1.8; }

.smartest-shift { max-width: 1220px; }.smartest-before h2 { max-width: 13ch; color: #737d8e; }.shift-rule { height: 100px; margin-block: clamp(55px,7vw,100px); border-top: 1px solid var(--line); }.shift-rule i { display: block; width: 30%; height: 2px; background: var(--letting-coral); }
.smartest-after { margin-left: 16%; }.smartest-after h2 { max-width: 14ch; }
.open-room { position: relative; height: 650px; margin-top: clamp(115px,14vw,215px); border: 1px solid var(--line); }
.open-room svg { position: absolute; inset: 8% 5%; width: 90%; height: 84%; fill: none; stroke: #8490aa; stroke-width: 1; vector-effect: non-scaling-stroke; }
.room-person { position: absolute; z-index: 2; display: grid; width: 150px; aspect-ratio: 1; place-items: center; background: var(--letting-bright); border: 1px solid #9aa3b5; border-radius: 50%; }.room-person span { color: #62708a; font-size: .58rem; font-weight: 780; letter-spacing: .11em; text-transform: uppercase; }
.room-person--one { left: 4%; top: 8%; }.room-person--two { left: 4%; bottom: 8%; }.room-person--three { right: 4%; top: 8%; }.room-person--four { right: 4%; bottom: 8%; }.room-person--five { left: 50%; top: 3%; transform: translateX(-50%); }
.open-room > strong { position: absolute; z-index: 3; left: 50%; top: 50%; display: grid; width: 210px; aspect-ratio: 1; place-items: center; color: var(--letting-ink); background: var(--letting-coral); border-radius: 50%; font-family: var(--serif); font-size: 2rem; font-weight: 400; transform: translate(-50%,-50%); }

.uncomfortable { padding-block: clamp(140px,17vw,270px); color: var(--white); background: #111722; }
.uncomfortable-inner h2 { max-width: 10ch; }.uncomfortable-questions { margin-top: clamp(95px,11vw,170px); }.uncomfortable-questions p { margin: 0; padding-block: clamp(40px,5vw,75px); border-top: 1px solid rgba(255,255,255,.14); font-family: var(--serif); font-size: clamp(2.7rem,5vw,5.8rem); line-height: 1.08; }.uncomfortable-questions p:last-child { padding-left: 18%; color: var(--letting-lavender); }
.wrong-question { max-width: 720px; margin: clamp(95px,11vw,170px) 0 0 auto; color: rgba(255,255,255,.58); font-size: clamp(1.05rem,1.5vw,1.3rem); line-height: 1.8; }

.question-change { padding-block: clamp(140px,17vw,270px); background: var(--letting-paper); }
.old-question p { max-width: 17ch; margin: 0; color: #7a8290; font-family: var(--serif); font-size: clamp(2.7rem,5vw,5.7rem); line-height: 1.08; letter-spacing: -.045em; }.question-divider { height: 1px; margin-block: clamp(75px,9vw,135px); background: var(--line); }
.question-change h2 { max-width: 14ch; font-size: clamp(4rem,7.5vw,8.6rem); }.different-things { margin: clamp(70px,8vw,120px) 0 0 auto; color: #5e6f8d; font-family: var(--serif); font-size: clamp(2rem,3.5vw,4rem); text-align: right; }

.ai-era { padding-block: clamp(140px,16vw,250px); overflow: hidden; color: var(--white); background: linear-gradient(135deg,#080d14,#182236); }
.ai-heading h2 { max-width: 12ch; }.ai-heading > p:last-child { max-width: 790px; color: rgba(255,255,255,.6); font-size: clamp(1.05rem,1.5vw,1.3rem); line-height: 1.82; }
.knowledge-field { display: grid; width: min(92%,1500px); grid-template-columns: repeat(4,1fr); margin: clamp(100px,12vw,185px) auto; transform: rotate(-2deg); }.knowledge-field span { display: grid; min-height: 160px; place-items: center; color: rgba(255,255,255,.55); border: 1px solid rgba(255,255,255,.14); font-size: .62rem; font-weight: 780; letter-spacing: .13em; text-transform: uppercase; }.knowledge-field span:nth-child(even) { transform: translateY(24px); }
.future-leaders { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(60px,9vw,145px); padding-top: clamp(70px,8vw,120px); border-top: 1px solid rgba(255,255,255,.14); }.future-leaders p { margin: 0; color: rgba(255,255,255,.54); font-family: var(--serif); font-size: clamp(1.8rem,3vw,3.5rem); line-height: 1.2; }.future-leaders p:last-child { color: #d5dcfa; }

.learned-home { position: relative; min-height: max(820px,100svh); overflow: hidden; color: var(--letting-ink); background: var(--letting-coral); }
.home-paths { position: absolute; inset: 0; opacity: .24; }.home-paths i { position: absolute; top: -10%; width: 1px; height: 120%; background: linear-gradient(transparent,var(--letting-ink),transparent); }.home-paths i:first-child { left: 28%; transform: rotate(-10deg); }.home-paths i:last-child { right: 28%; transform: rotate(10deg); }
.learned-home-inner { position: relative; z-index: 1; padding-block: clamp(150px,18vw,280px); }.learned-home .letting-kicker { color: #56362d; }.learned-home-inner h2 { max-width: 13ch; }
.learned-home blockquote { margin: clamp(100px,12vw,185px) 0 0; padding-top: clamp(65px,8vw,115px); border-top: 1px solid rgba(17,24,33,.22); }.learned-home blockquote p { margin: 0; font-family: var(--serif); font-size: clamp(3.8rem,7.5vw,8.6rem); line-height: .96; letter-spacing: -.06em; }.learned-home blockquote p:last-child { margin: 30px 0 0 14%; color: var(--letting-bright); }
.letting-actions { display: flex; align-items: center; gap: 30px; margin-top: clamp(85px,10vw,145px); }.letting-primary-link,.letting-secondary-link { display: inline-flex; align-items: center; gap: 14px; color: var(--letting-ink); font-size: .8rem; font-weight: 780; text-decoration: none; }.letting-primary-link { padding: 15px 20px; color: var(--white); background: var(--letting-ink); border: 1px solid var(--letting-ink); border-radius: 100px; }.letting-secondary-link { border-bottom: 1px solid currentColor; }
.letting-footer { color: rgba(255,255,255,.5); background: #04070b; border-top: 1px solid rgba(255,255,255,.08); }.letting-footer .page-shell { display: flex; min-height: 110px; align-items: center; justify-content: space-between; gap: 24px; }.letting-footer p { margin: 0; font-size: .7rem; }.letting-footer a { color: inherit; font-size: .7rem; text-decoration: none; }

@media (max-width: 900px) {
  .letting-editorial-grid { grid-template-columns: 1fr; }.letting-chapter { display: flex; align-items: baseline; gap: 14px; }.letting-chapter span { margin: 0; font-size: 2rem; }.letting-chapter p { writing-mode: horizontal-tb; }
  .open-room { height: 590px; }.room-person { width: 125px; }.open-room > strong { width: 175px; }
  .future-leaders { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .letting-hero,.letting-hero-inner { min-height: max(760px,100svh); }.letting-hero-inner { padding-top: calc(var(--header-height) + 30px); padding-bottom: 28px; }.letting-hero-copy { padding-block: 48px; }.letting-hero h1 { font-size: clamp(4.3rem,20vw,6rem); }.letting-dek { font-size: 1.45rem; }.letting-hero-footer p { display: none; }.letting-hero-footer { justify-content: flex-end; }
  .letting-section { padding-block: 112px; }.letting-reading h2,.business-inner h2,.answers-intro h2,.unexpected-heading h2,.smartest-shift h2,.uncomfortable-inner h2,.question-change h2,.ai-heading h2,.learned-home-inner h2 { font-size: clamp(3rem,13.5vw,4.35rem); }.letting-prose--lead { font-size: 1.6rem; }
  .solver-instinct { grid-template-columns: 1fr; }.solver-instinct span,.solver-instinct span:first-child { padding: 42px 0; border-top: 1px solid var(--line); border-left: 0; }.solver-instinct span:first-child { border-top: 0; }
  .business-systems { padding-block: 112px; }.single-blueprint { opacity: .1; }.single-blueprint i { left: 45% !important; width: 65vw !important; }
  .wrong { min-height: 700px; }.wrong blockquote p { font-size: clamp(6rem,29vw,8.3rem); }
  .people-qualities { grid-template-columns: 1fr; }.people-qualities span:last-child { grid-column: auto; }
  .giving-answers { padding-block: 112px; }.answers-confession p { font-size: clamp(3.6rem,16vw,5.2rem); }.answer-sketches { grid-template-columns: 1fr; }.answer-sketches article,.answer-sketches article:first-child { min-height: 260px; padding: 48px 0; border-top: 1px solid rgba(255,255,255,.14); border-left: 0; }.answer-sketches article:first-child { border-top: 0; }.answer-sketches p { margin-top: 45px; }.good-intentions { align-items: flex-start; flex-direction: column; }
  .unexpected { padding-block: 112px; }.emerging-ideas { grid-template-columns: 1fr; }.emerging-ideas article,.emerging-ideas article:first-child { min-height: auto; padding: 48px 0; border-top: 1px solid var(--line); border-left: 0; }.emerging-ideas article:first-child { border-top: 0; }.emerging-ideas p { margin-top: 38px; }.why-not-me strong { font-size: clamp(3.5rem,16vw,5rem); }
  .step-back { min-height: 780px; }.step-back blockquote p { font-size: clamp(3.6rem,16vw,5.2rem); }.step-back-rooms i:nth-child(n) { width: 135vw; }
  .smartest-after { margin-left: 0; }.open-room { height: 720px; margin-top: 90px; }.open-room svg { display: none; }.room-person { width: 108px; }.room-person--one { left: 4%; top: 5%; }.room-person--two { left: 4%; bottom: 5%; }.room-person--three { right: 4%; top: 5%; }.room-person--four { right: 4%; bottom: 5%; }.room-person--five { top: 24%; }.open-room > strong { width: 150px; font-size: 1.55rem; }
  .uncomfortable { padding-block: 112px; }.uncomfortable-questions p { font-size: clamp(2.8rem,13vw,4rem); }.uncomfortable-questions p:last-child { padding-left: 0; }
  .question-change { padding-block: 112px; }.question-change h2 { font-size: clamp(3.5rem,15.5vw,5rem); }.different-things { text-align: left; }
  .ai-era { padding-block: 112px; }.knowledge-field { grid-template-columns: 1fr 1fr; transform: none; }.knowledge-field span { min-height: 105px; }.knowledge-field span:nth-child(even) { transform: none; }.future-leaders p { font-size: 2rem; }
  .learned-home blockquote p { font-size: clamp(3.3rem,15vw,4.7rem); }.learned-home blockquote p:last-child { margin-left: 0; }.letting-actions { align-items: flex-start; flex-direction: column; }
  .letting-footer .page-shell { min-height: 130px; align-items: flex-start; flex-direction: column; justify-content: center; gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .letting-go-story [data-reveal] { opacity: 1; transform: none; transition: none; }
}
