:root{--ink:#111827;--night:#121620;--storm:#2b3443;--paper:#f5f2e9;--mist:#d9d7cf;--gold:#e6b957;--sun:#ffd77a;--blue:#90a9c0;--serif:"Newsreader",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}button,textarea{font:inherit}a{color:inherit}button{cursor:pointer}.topbar{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4vw;color:#fff;border-bottom:1px solid #ffffff2b}.wordmark{display:flex;gap:.8rem;align-items:center;text-decoration:none;font-size:.78rem;font-weight:600;letter-spacing:.13em}.mark{width:1.6rem;height:1.6rem;border:1px solid var(--gold);border-radius:50%;position:relative}.mark:after{content:"";position:absolute;inset:3px 3px 3px 50%;border-radius:0 100% 100% 0;background:var(--gold)}nav{display:flex;gap:2rem}nav a{text-decoration:none;font-size:.82rem;opacity:.76}nav a:hover,nav a:focus{opacity:1}.hero{min-height:100svh;position:relative;overflow:hidden;display:grid;place-items:center;padding:9rem 7vw 6rem;color:#fff;background:linear-gradient(105deg,#121721 0%,#242c38 46%,#918c7c 64%,#d8b760 100%)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,#ffe5a45e,transparent 31%),linear-gradient(90deg,#0005,transparent 58%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:27%;background:linear-gradient(176deg,transparent 0 44%,#090c12 45% 58%,#1b1c1d 59%);opacity:.8}.weather{position:absolute;inset:0;overflow:hidden}.weather-dark span{position:absolute;background:#a9bed122;height:150%;width:1px;transform:rotate(16deg);top:-20%}.weather-dark span:nth-child(1){left:12%}.weather-dark span:nth-child(2){left:28%}.weather-dark span:nth-child(3){left:43%}.weather-light span{position:absolute;border:1px solid #ffe7a348;border-radius:50%;width:46vw;height:46vw;right:-15vw;top:18%}.weather-light span+span{width:32vw;height:32vw;right:-8vw;top:26%}.hero-copy{z-index:2;width:min(990px,88vw);text-align:center;margin-top:-3rem}.eyebrow{text-transform:uppercase;font-size:.72rem;letter-spacing:.22em;font-weight:600}.hero h1{font:400 clamp(3.1rem,7.4vw,7rem)/.98 var(--serif);letter-spacing:-.045em;margin:1rem 0 1.2rem;text-wrap:balance}.hero-answer{font:300 clamp(1.25rem,2.3vw,2rem)/1.35 var(--serif);width:min(720px,90%);margin:0 auto;color:#fff7de}.begin{display:inline-flex;gap:1rem;align-items:center;margin-top:3rem;text-decoration:none;font-size:.82rem;text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid var(--gold);padding:.7rem 0}.edge-note{position:absolute;z-index:2;bottom:2.4rem;font:italic 1rem var(--serif);opacity:.72}.edge-left{left:4vw}.edge-right{right:4vw}.principle{padding:9rem 8vw;display:grid;grid-template-columns:70px minmax(260px,.8fr) minmax(320px,1fr);gap:5vw;border-bottom:1px solid #15151524}.section-number{font-size:.72rem;letter-spacing:.2em;color:#787a78;padding-top:.35rem}.principle h2,.path h2,.anchors h2,.practice h2,.closing h2{font:400 clamp(2.6rem,5vw,5.2rem)/1.03 var(--serif);letter-spacing:-.035em;margin:.8rem 0}.principle-copy{padding-top:2rem;max-width:640px}.principle-copy p{color:#454a50}.principle-copy .lead{font:400 1.55rem/1.45 var(--serif);color:var(--ink)}.path{padding:8rem 8vw;background:var(--night);color:#f7f4ea}.path-heading{display:flex;justify-content:space-between;align-items:end;gap:4rem;margin-bottom:4rem}.path-heading>p{max-width:390px;color:#adb4bc}.stage-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29}.stage-tabs button{appearance:none;background:transparent;color:#9ca5ae;border:0;border-right:1px solid #ffffff20;padding:1.4rem 1rem;text-align:left;min-height:96px;transition:.25s}.stage-tabs button:last-child{border-right:0}.stage-tabs button span{display:block;color:var(--gold);font-size:.68rem;margin-bottom:.5rem}.stage-tabs button:hover,.stage-tabs button:focus-visible{background:#ffffff09;color:#fff}.stage-tabs button[aria-selected=true]{background:var(--gold);color:#171717}.stage-tabs button[aria-selected=true] span{color:#171717}.stage-panel{display:grid;grid-template-columns:minmax(220px,.75fr) 1.25fr;gap:7vw;padding:5rem 3vw 2rem;outline:none}.stage-symbol{min-height:360px;position:relative;background:radial-gradient(circle at center,#e9c46822 0 3%,transparent 4%),radial-gradient(circle,#7d91a333 0 1px,transparent 2px);background-size:auto,28px 28px;border:1px solid #ffffff12}.stage-symbol:before,.stage-symbol:after,.stage-symbol span{content:"";position:absolute;border:1px solid #e6b95782;border-radius:50%;inset:15%}.stage-symbol:after{inset:29%}.stage-symbol span{inset:42%;background:var(--gold);box-shadow:0 0 70px #e6b95777}.stage-kicker{color:var(--gold);font-size:.72rem;letter-spacing:.2em}.stage-panel h3{font:400 clamp(2.3rem,4vw,4.4rem)/1.05 var(--serif);margin:.5rem 0 1.5rem}.stage-panel>div:last-child>p{color:#b8bec4;max-width:670px}.stage-guidance{border-left:2px solid var(--gold);padding:.25rem 0 .25rem 1.4rem;margin-top:2.4rem}.stage-guidance span{text-transform:uppercase;color:var(--gold);font-size:.68rem;letter-spacing:.18em}.stage-guidance p{margin:.4rem 0;font-family:var(--serif);font-size:1.2rem;color:#eee}.anchors{padding:9rem 8vw}.anchors-title-wrap{display:grid;grid-template-columns:70px 1fr;column-gap:5vw}.anchors-title-wrap .eyebrow{grid-column:2}.anchors-title-wrap h2{grid-column:2;max-width:850px}.anchor-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:5rem;border-top:1px solid #222}.anchor-grid article{padding:2rem 2rem 3rem 0;border-right:1px solid #2223;margin-right:2rem}.anchor-grid article:last-child{border:0;margin-right:0}.anchor-grid span{font-size:.72rem;color:#7d7d79}.anchor-grid h3{font:400 1.65rem var(--serif);margin:2.5rem 0 1rem}.anchor-grid p{color:#52565b;font-size:.94rem}.practice{display:grid;grid-template-columns:1fr 1.15fr;gap:7vw;padding:9rem 8vw;background:#d9d7cf}.practice-copy>p:not(.eyebrow):not(.privacy-note){max-width:520px}.privacy-note{font-size:.8rem;margin-top:3rem;color:#555}.reflection-card{background:#f8f5ec;padding:clamp(2rem,5vw,4.5rem);min-height:500px;box-shadow:0 24px 70px #29313c20;display:flex;flex-direction:column;justify-content:space-between}.prompt label{display:block;font:400 clamp(1.9rem,3vw,3rem)/1.15 var(--serif);margin-bottom:2.5rem}.prompt textarea{width:100%;resize:vertical;border:0;border-bottom:1px solid #92928a;background:transparent;color:var(--ink);padding:.7rem 0;outline:none;min-height:130px}.prompt textarea:focus{border-color:var(--ink)}.practice-controls{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.progress{display:flex;gap:.5rem}.progress i{display:block;width:28px;height:2px;background:#b8b7b0}.progress i.active{background:var(--ink)}.next,.restart{border:0;background:var(--ink);color:white;padding:.85rem 1.15rem}.next span{margin-left:1rem;color:var(--gold)}.completion{margin:auto 0}.completion blockquote{font:400 clamp(1.6rem,3vw,2.7rem)/1.3 var(--serif);margin:1.2rem 0 2rem}.restart{background:transparent;color:var(--ink);border-bottom:1px solid var(--ink);padding:.5rem 0}.closing{min-height:75vh;display:grid;place-content:center;text-align:center;background:linear-gradient(#19202b,#3a4655 70%,#d3a64f);color:#fff;position:relative;overflow:hidden;padding:7rem 6vw}.closing p{font:italic 1.3rem var(--serif);color:#d3d7dc}.closing h2{max-width:900px}.horizon{position:absolute;width:120vw;height:35vw;border-radius:50%;background:#f3c968;left:-10vw;bottom:-28vw;box-shadow:0 -25px 100px #ffcf6680}footer{background:#0f1218;color:#c9cbd0;display:flex;justify-content:space-between;gap:2rem;padding:2.2rem 4vw;font-size:.8rem}footer p{margin:0;color:#7f858e}footer a{text-decoration:none}
@media(max-width:850px){nav{display:none}.topbar{padding:1.2rem}.hero{padding-inline:1.2rem}.edge-note{display:none}.principle{grid-template-columns:1fr;padding:6rem 1.3rem;gap:1rem}.principle .section-number{display:none}.principle-copy{padding-top:0}.path{padding:6rem 1.3rem}.path-heading{display:block}.stage-tabs{grid-template-columns:1fr 1fr}.stage-tabs button:nth-child(2){border-right:0}.stage-tabs button:nth-child(-n+2){border-bottom:1px solid #ffffff20}.stage-panel{grid-template-columns:1fr;padding-inline:0}.stage-symbol{min-height:250px}.anchors{padding:6rem 1.3rem}.anchors-title-wrap{display:block}.anchor-grid{grid-template-columns:1fr 1fr}.anchor-grid article:nth-child(2){border-right:0}.practice{grid-template-columns:1fr;padding:6rem 1.3rem}.closing{min-height:65vh}footer{flex-direction:column;text-align:center}}
@media(max-width:520px){.hero h1{font-size:3rem}.hero-answer{font-size:1.25rem}.stage-tabs{grid-template-columns:1fr}.stage-tabs button{border-right:0!important;border-bottom:1px solid #ffffff20}.stage-panel{padding-top:3rem}.anchor-grid{grid-template-columns:1fr}.anchor-grid article{border-right:0;border-bottom:1px solid #2223;margin:0}.reflection-card{padding:2rem 1.4rem}.closing h2{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Author */
.author{padding:9rem 8vw;background:#f5f2e9;display:grid;grid-template-columns:minmax(250px,.75fr) minmax(360px,1.25fr);gap:8vw;border-top:1px solid #11182722}.author-heading{display:grid;grid-template-columns:55px 1fr;align-content:start;column-gap:1.4rem}.author-heading .eyebrow,.author-heading h2{grid-column:2}.author-heading h2{font:400 clamp(2.8rem,5vw,5rem)/1 var(--serif);letter-spacing:-.035em;margin:.8rem 0}.author-lead{font:400 clamp(1.35rem,2vw,1.8rem)/1.45 var(--serif);margin:0 0 3rem;max-width:720px}.author-links{border-top:1px solid #111827}.author-links a{position:relative;display:grid;grid-template-columns:1fr auto;gap:.25rem 2rem;padding:1.5rem .25rem;text-decoration:none;border-bottom:1px solid #111827;transition:background .2s,padding .2s}.author-links a:hover,.author-links a:focus-visible{background:#e6b95724;padding-left:1rem;padding-right:1rem}.link-label{grid-column:1;color:#666b70;text-transform:uppercase;font-size:.7rem;letter-spacing:.18em}.author-links strong{grid-column:1;font:400 1.75rem var(--serif)}.link-arrow{grid-column:2;grid-row:1/3;align-self:center;font-size:1.4rem;color:#8b692a}
@media(max-width:850px){.author{grid-template-columns:1fr;padding:6rem 1.3rem;gap:2.5rem}.author-heading{display:block}}
