:root{color-scheme:light;--paper:#fbf9ff;--surface:#fff;--surface-2:#eee9f6;--ink:#151528;--muted:#656176;--line:#ddd5e8;--blue:#443df3;--blue-soft:#e5dfff;--lavender:#f1e5fc;--glass:#fbf9ffbf;--glass-solid:#fbf9ff;--feature:#ddcef3;--article:#fff;--shadow:#22123b13;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
:root[data-theme=dark]{color-scheme:dark;--paper:#11121c;--surface:#1b1c2a;--surface-2:#242336;--ink:#f3eefb;--muted:#b3aec3;--line:#373347;--blue:#aaa0ff;--blue-soft:#302947;--lavender:#282036;--glass:#181922c2;--glass-solid:#181922;--feature:#352a4c;--article:#212030;--shadow:#0003}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 var(--sans);overflow-wrap:break-word}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:500;line-height:1.1;letter-spacing:-.045em}h2{font-size:clamp(2.7rem,4.5vw,4.7rem)}h2 em{font-size:1.1em}em{font:italic 1.12em/1.05 var(--serif);letter-spacing:-.025em}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}a,button,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button:disabled{opacity:.35;cursor:default}img{max-width:100%;display:block}svg{display:block}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section{padding-block:110px}.eyebrow,.tag{font-size:.75rem;letter-spacing:1.2px;font-weight:500}.eyebrow{color:var(--muted);margin-bottom:20px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-heading>p{color:var(--muted);font-size:1rem;max-width:390px}.section-heading>*{min-width:0}.text-link{display:inline-block;font-size:.875rem;border-bottom:1px solid currentColor;padding-bottom:3px}.text-link:hover{color:var(--blue)}.button{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;border:1px solid transparent;border-radius:99px;padding:10px 11px 10px 23px;min-height:54px;font-size:.9375rem;font-weight:500;box-shadow:0 3px 0 #0002;transition:transform 180ms var(--ease),box-shadow 180ms var(--ease)}.button>span{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;transition:transform 250ms var(--ease)}.button:hover{transform:translateY(-3px);box-shadow:0 6px 0 #0002}.button:hover>span{transform:rotate(-25deg)}.button:active{transform:translateY(1px);box-shadow:0 1px 0 #0002}.dark{background:var(--ink);color:var(--paper)}.light{background:#fbf9ff;color:#151528}.blue{background:#5146ef;color:#fff}.quiet-button{border:0;border-bottom:1px solid currentColor;background:transparent;padding:6px 0;font-size:.8125rem}.skip{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--ink);color:var(--paper);z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:60;background:var(--blue);transform:scaleX(var(--read-progress,0));transform-origin:left;pointer-events:none}section,[id]{scroll-margin-top:0}
/* A light glass surface keeps the page visible beneath the navigation. */
.header{position:sticky;top:14px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:76px;margin-top:20px;padding:10px 16px 10px 19px;background:var(--glass-solid);border:1px solid var(--line);border-radius:24px;box-shadow:0 5px 25px var(--shadow);transition:box-shadow 200ms}
@supports(backdrop-filter:blur(20px)){.header{background:var(--glass);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3)}}
body.scrolled .header{box-shadow:0 9px 35px var(--shadow)}.wordmark{display:flex;align-items:center;gap:7px;font:2.2rem var(--serif);letter-spacing:-1px}.wordmark img{width:43px;height:43px;border-radius:50%}.brand-dot{color:var(--blue)}.header nav{display:flex;gap:30px;font-size:.875rem}.header nav a{padding:10px 0;position:relative}.header nav a:after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform 220ms var(--ease)}.header nav a:hover:after,.header nav a[aria-current]:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:9px}.support-nav{padding:11px 17px;background:var(--ink);color:var(--paper);font-size:.875rem;border-radius:99px;white-space:nowrap}.support-nav span{margin-left:9px}.support-nav:hover{background:var(--blue);color:var(--paper)}.theme-toggle,.menu-toggle{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);border-radius:50%;padding:11px;flex:none}.theme-toggle svg{width:20px;height:20px}.theme-toggle{position:relative;overflow:hidden;transition:background-color 450ms ease,border-color 450ms ease,color 450ms ease,box-shadow 450ms ease}.theme-toggle svg{position:absolute;inset:0;margin:auto;transition:opacity 420ms ease,transform 600ms var(--ease);transform-origin:center}.theme-toggle .sun-icon{opacity:0;transform:rotate(-80deg) scale(.55)}.theme-toggle .moon-icon{opacity:1;transform:rotate(0deg) scale(1)}:root[data-theme=dark] .theme-toggle .sun-icon{opacity:1;transform:rotate(0deg) scale(1)}:root[data-theme=dark] .theme-toggle .moon-icon{opacity:0;transform:rotate(65deg) scale(.55)}.theme-toggle:hover{box-shadow:0 0 0 4px var(--blue-soft)}.menu-toggle,.header .mobile-contact{display:none}
/* The existing three-doorway introduction. */
.hero{padding-top:38px}.hero-top,.hero-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center}.hero-top .eyebrow{margin:0}.hero-follow{font-size:.8125rem;color:var(--muted)}.hero-follow span{margin-left:14px}.hero-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:70px;align-items:center;padding:38px 0 45px;min-height:610px}.hero h1{font-size:clamp(3.8rem,6.6vw,6.7rem);font-weight:500;line-height:1.05;letter-spacing:-.065em;margin-bottom:27px}.hero h1 em{color:var(--blue);font-size:1.17em}.intro{color:var(--muted);max-width:410px;font-size:1.0625rem}.hero-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:28px}.hero-actions .text-link{font-size:.875rem}.field-stack{display:flex;flex-direction:column;padding:15px 5px;perspective:1200px}.field-card{position:relative;display:block;width:calc(100% - 12px);padding:22px 26px;border:1px solid #15152820;border-radius:18px;box-shadow:0 3px 0 #15152816,0 18px 36px var(--shadow);transition:transform 650ms var(--ease),box-shadow 200ms;transform-origin:50% 80%}.field-card:hover,.field-card:focus-visible{transform:translateY(-10px) rotate(0);z-index:2;box-shadow:0 4px 0 #15152816,0 25px 44px var(--shadow)}.field-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.75rem;letter-spacing:.5px}.field-card-top>span:last-child{font-size:1.3rem}.field-build{background:#4a3ff0;color:#fff;transform:rotate(3deg);align-self:end}.field-build h2{font-family:var(--sans);font-size:3.1rem;font-weight:600;letter-spacing:-.06em;margin:8px 0}.field-build h2 span{color:#c8b9ff}.field-build p{font-size:.9375rem;margin-bottom:15px;line-height:1.5;color:#eee9ff}.field-footer{display:flex;justify-content:space-between;gap:15px;font-size:.75rem;letter-spacing:.3px}.field-code{background:var(--surface);transform:rotate(-3deg);margin-top:9px}.code-fragment{font:1rem/1.7 monospace;letter-spacing:-.035em;margin:12px 0 6px}.code-fragment span{color:var(--blue)}.field-code>p:last-child{font-size:.875rem;color:var(--muted)}.field-write{background:var(--lavender);transform:rotate(2deg);margin-top:9px;align-self:end}.field-write h2{font-size:1.8rem;line-height:1.15;margin:12px 0 16px}.field-write h2 em{font-size:1.2em}.hero-bottom{border-top:1px solid var(--line);padding:20px 0 28px;font-size:.8125rem}.hero-bottom p{color:var(--muted)}.hero-bottom p a{color:var(--ink);margin-left:4px}.scroll-link span{margin-left:22px}.thread-bridge{background:#f3e8ff;color:#151528;padding-top:35px;overflow:clip}.bridge-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.bridge-heading .eyebrow{color:#686074;margin:0}.bridge-heading p{font-size:.8125rem}.bridge-heading p span{font-size:1.4rem;margin-left:12px}.bridge-words{display:flex;justify-content:space-between;gap:16px;font-size:clamp(2rem,4.3vw,4.5rem);letter-spacing:-.055em;line-height:1.1;margin-top:25px}.bridge-period{color:#443df3}.bridge-words em{color:#443df3}.bridge-art{height:170px;overflow:hidden;position:relative}.bridge-art img{max-width:none;width:118%;height:auto;min-height:100%;margin-left:-9%;mix-blend-mode:multiply;transform:translateX(calc(var(--bridge-p,.5)*100px - 50px));will-change:transform;position:absolute;top:-15%}
/* A short, scroll-led product story, with an ordinary readable fallback. */
.work-section{background:#111626;color:#f5f1ff;padding:80px 0 70px}.work-section .eyebrow,.work-section .section-heading>p{color:#b5b0c8}.work-section h2 em{color:#c2afff}.story-pin{display:grid;grid-template-columns:.9fr 1.12fr;gap:65px;align-items:start}.story-intro{padding:22px 0}.story-intro>.tag{color:#c4b8ed}.story-intro h3{font-size:clamp(3.7rem,5.8vw,5.8rem);letter-spacing:-.065em;margin:18px 0}.story-intro h3>span{color:#9485ff}.story-description{font-size:1.5rem;line-height:1.3;letter-spacing:-.035em;margin-bottom:20px}.story-intro>p:not(.story-description){font-size:1rem;color:#bdb9cb;max-width:440px}.story-index{margin:28px 0}.story-index a{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #ffffff24;font-size:.875rem;color:#d4cde5}.story-index a:first-child{border-top:1px solid #ffffff24}.story-index a>span:first-child{color:#b4a2ed;font:1.15rem var(--serif)}.story-index a>b{font-size:1.2rem;font-weight:400;margin-left:auto}.story-index a[aria-current]{color:#fff;background:#a486ff17;padding-inline:12px;border-radius:8px;border-color:transparent}.story-links{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.story-links .text-link{color:#ded4ff}.story-reading{display:flex;align-items:center;gap:18px;color:#ada5c2;font-size:.75rem;margin-top:23px}.story-reading .quiet-button{color:#d4cde5}.story-deck{display:grid;gap:24px;min-width:0}.story-card{background:#242a40;border:1px solid #55516e;border-radius:24px;padding:28px 32px;box-shadow:0 5px 0 #070a145c;min-width:0}.story-card-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.75rem;letter-spacing:.7px;color:#c9b9f0}.story-card h4{font-size:clamp(1.9rem,2.9vw,2.8rem);line-height:1.12;margin:23px 0}.story-card h4 em{color:#c7b3ff}.story-card>p{font-size:.9375rem;color:#d0ccdd;margin-top:24px}.diagram-caption{display:block;margin-top:12px;font-size:.75rem;color:#b2aac8}.identity-diagram{max-width:410px;margin:25px auto}.diagram-source{width:max-content;max-width:100%;margin:auto;border:1px solid #77708d;padding:7px 20px;border-radius:8px;font-size:.875rem}.diagram-line{width:1px;height:20px;background:#b1a2d9;margin:auto}.diagram-hub{background:#514683;border:1px solid #b29af0;border-radius:13px;padding:9px;text-align:center;font-size:1.6rem;line-height:1.2;letter-spacing:-.05em}.diagram-hub>span{color:#cabbff}.diagram-hub small{display:block;font:.75rem/1.6 var(--sans);letter-spacing:0;color:#e0d8f4}.diagram-branches{position:relative;width:54%;height:20px;border:1px solid #b1a2d9;border-bottom:0;margin:20px auto 0}.diagram-branches:before{content:'';position:absolute;left:50%;bottom:100%;height:20px;width:1px;background:#b1a2d9}.diagram-tenants{display:grid;grid-template-columns:1fr 1fr;gap:18px}.diagram-tenants>div{border:1px solid #68617d;border-radius:12px;padding:12px 8px;text-align:center;background:#1c2135}.tenant-letter{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#786ba8;margin:0 auto 8px;font-size:.75rem}.diagram-tenants strong{display:block;font-size:.875rem;font-weight:500}.diagram-tenants small{display:block;color:#bcb2cf;font-size:.75rem;margin-top:4px}.message-path{list-style:none;padding:0;margin:24px 0}.message-path li{display:flex;gap:17px;align-items:start;padding:10px 0;position:relative}.message-path li>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #9687b7;border-radius:50%;background:#302c4d;flex:none;font-size:.75rem;position:relative;z-index:1}.message-path li:not(:last-child):after{content:'';position:absolute;left:15px;top:39px;height:calc(100% - 27px);width:1px;background:#9585b5}.message-path strong{font-size:.9375rem;font-weight:500;display:block}.message-path small{font-size:.8125rem;color:#bdb4ce;display:block;margin-top:2px}.ownership-map{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.ownership-map>div{padding:18px 16px;background:#1a2034;border:1px solid #534d6b;border-radius:12px}.ownership-map>div>span{font:1.1rem var(--serif);color:#c0a7f8;display:block;margin-bottom:8px}.ownership-map strong{display:block;font-weight:500;font-size:1rem}.ownership-map small{display:block;font-size:.8125rem;color:#bbb2cd;margin-top:6px}.tech-tags,.chapter-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.tech-tags span{border:1px solid #736986;border-radius:99px;padding:4px 10px;font-size:.75rem;color:#d5c7ed}
@media(min-width:960px) and (min-height:780px) and (prefers-reduced-motion:no-preference){.rootmail-story.story-is-pinned{height:calc(var(--story-height) + 780px)}.story-is-pinned .story-pin{position:sticky;top:110px}.story-is-pinned .story-deck{display:grid;gap:0;perspective:1400px}.story-is-pinned .story-card{grid-area:1/1;transition:transform 620ms var(--ease);transform:translateY(0) rotate(0);position:relative;z-index:3}.story-is-pinned .story-card[data-inactive]{visibility:hidden;pointer-events:none}.story-is-pinned .story-card[data-inactive=after]{visibility:visible;z-index:1;transform:translateY(13px) scale(.965) rotate(2deg);color:transparent}.story-is-pinned .story-card[data-inactive=after]>*{visibility:hidden}.story-is-pinned .story-card[data-inactive=before]{transform:translateY(-18px) rotate(-3deg)}}
/* Evidence is readable immediately, rather than hidden behind quote tabs. */
.recommendation-section{padding:75px 0 45px;background:var(--lavender)}.recommendation-heading{display:flex;align-items:end;justify-content:space-between;gap:45px}.recommendation-heading h2{font-size:clamp(2.25rem,3.7vw,3.7rem)}.recommender{display:flex;align-items:center;gap:13px}.recommender-initials{display:grid;place-items:center;flex:none;width:45px;height:45px;border:1px solid var(--muted);border-radius:50%;font:1.4rem var(--serif)}.recommender strong{display:block;font-size:.9375rem;font-weight:500}.recommender div>span,.recommender small{display:block;color:var(--muted);font-size:.8125rem}.recommender small{margin-top:6px;font-size:.75rem}.founder-quotes{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px;margin-top:45px}.founder-quote{border-top:1px solid var(--line);padding-top:20px}.quote-glyph{font:4rem/.8 var(--serif);height:40px;display:block;color:var(--blue)}.founder-quote blockquote{font:1.6rem/1.25 var(--serif);letter-spacing:-.01em;margin:8px 0 24px}.quote-ownership blockquote{font-size:2.35rem}.founder-quote figcaption{font-size:.75rem;letter-spacing:.8px;color:var(--muted)}.recommendation-foot{margin-top:35px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:.8125rem;color:var(--muted)}.recommendation-foot .text-link{font-size:.8125rem;color:var(--ink)}
.project-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px;align-items:stretch}.project-card{padding:27px;border:1px solid var(--line);background:var(--surface);border-radius:19px;min-width:0;display:flex;flex-direction:column;transition:transform 500ms var(--ease),box-shadow 250ms}.project-card:hover{transform:translateY(-6px);box-shadow:0 12px 35px var(--shadow)}.project-card-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.75rem;letter-spacing:.3px;color:var(--muted)}.project-card h3{font-size:2rem;margin:23px 0 18px}.project-card p{font-size:.9375rem;color:var(--muted)}.project-oneshot{background:var(--surface-2)}.project-oneshot h3{font-size:2.7rem}.project-metrics{display:flex;gap:28px;margin:27px 0 15px}.project-metrics>div>strong{display:block;font:3.2rem/1 var(--serif);letter-spacing:-.05em;color:var(--blue)}.project-metrics strong span{font-size:.55em}.project-metrics>div>span{display:block;font-size:.75rem;margin-top:9px}.metric-source{font-size:.75rem;color:var(--muted);line-height:1.5}.project-detail{margin-top:20px;border-top:1px solid var(--line)}.project-detail summary{padding-top:17px;display:flex;justify-content:space-between;gap:20px;font-size:.875rem;cursor:pointer;list-style:none}.project-detail summary::-webkit-details-marker{display:none}.project-detail summary>span{font-size:1.3rem;transition:transform 180ms}.project-detail[open] summary>span{transform:rotate(45deg)}.project-detail p{margin-top:17px}.project-detail a{margin-top:17px}.project-visual{min-height:170px;display:flex;justify-content:center;flex-direction:column;padding:15px 0;margin-top:14px}.writing-visual{position:relative;align-items:center;color:var(--blue)}.writing-visual>span{font:5rem/.9 var(--serif);letter-spacing:-.05em}.writing-visual i{height:1px;background:var(--line);width:65%;margin-top:14px}.writing-visual i:last-child{width:40%;align-self:start;margin-left:18%}.code-visual{font:1.3rem/1.7 monospace;letter-spacing:-.03em;color:var(--muted);align-items:center}.code-visual>span:first-child{align-self:start;color:var(--blue)}.code-visual>span:last-child{align-self:end}.code-string{color:var(--ink)}.card-link{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:16px;font-size:.875rem;margin-top:auto}.project-card>p{margin-bottom:28px}.card-link span{font-size:1.3rem;transition:transform 180ms}.card-link:hover{color:var(--blue)}.card-link:hover span{transform:translate(3px,-3px)}
/* Editorial picks remain useful; publication archives hold everything new. */
.writing-section{background:var(--surface-2);border-radius:32px 32px 0 0}.selection-label{font-size:.8125rem;color:var(--muted);margin-bottom:20px}.selection-label>span{margin-left:15px}.articles{display:grid;grid-template-columns:1fr 1fr;gap:24px}.article{padding:30px;background:var(--article);border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;justify-content:space-between;transition:transform 500ms var(--ease),box-shadow 250ms}.article:hover{transform:translateY(-6px);box-shadow:0 12px 30px var(--shadow)}.article-feature{background:var(--feature);padding:38px;min-height:490px}.article-feature h3{font-size:clamp(3rem,4.5vw,4.6rem);margin:32px 0;line-height:1.03}.article-feature h3 em{color:var(--blue)}.article-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:9px 15px;font-size:.75rem;color:var(--muted);letter-spacing:.4px}.article-stack{display:grid;gap:24px}.article-stack h3{font-size:2rem;line-height:1.16;margin:22px 0}.article-personal h3{font:2.6rem/1.15 var(--serif);letter-spacing:-.025em}.article-read{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.875rem}.article-read span{font-size:1.6rem;transition:transform 180ms}.article:hover .article-read span{transform:translate(3px,-3px)}.writing-elsewhere{display:grid;grid-template-columns:.85fr 1.5fr;gap:55px;margin-top:60px;padding-top:40px;border-top:1px solid var(--line)}.writing-elsewhere h3{font-size:1.7rem;margin-bottom:15px}.writing-elsewhere p{font-size:.9375rem;color:var(--muted)}.channel-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.channel-links>a{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:transform 400ms var(--ease)}.channel-links>a:hover{transform:translateY(-4px);color:var(--blue)}.channel-links span{font-size:.9375rem}.channel-links small{font-size:.75rem;color:var(--muted);grid-row:2;grid-column:1/-1}.channel-links b{grid-column:2;grid-row:1;font-weight:400}
.subscribe-section{padding:85px 0;background:var(--paper)}.publication-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.publication{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 6px 0 var(--shadow);transition:transform 600ms var(--ease)}.publication:hover{transform:translateY(-5px)}.publication-cover{padding:28px;min-height:355px;position:relative;background:#eee0fb;color:#171126;display:flex;flex-direction:column;align-items:start}.publication-cover img{border-radius:50%;width:58px;height:58px;margin-bottom:22px}.publication-number{font-size:.75rem;letter-spacing:.6px;display:block;margin-bottom:15px}.publication-cover h3{font-size:2.8rem;line-height:1.02;letter-spacing:-.05em}.publication-cover h3>span{color:#443df3}.publication-cover p{font:1.3rem/1.2 var(--serif);margin-top:22px}.publication-developer .publication-cover{background:#1b2137;color:#f3efff}.publication-developer .publication-cover h3{font-size:2.4rem}.publication-developer .publication-cover h3 em{color:#b8a8ff}.publication-symbol{height:58px;font:2.5rem/1.2 monospace;display:block;margin-bottom:22px;color:#baacff}.publication-curious .publication-cover{background:#efe8e3;color:#2b2034}.publication-curious .publication-symbol{font:3.5rem/.9 var(--serif);color:#775883}.publication-description{padding:24px 25px;min-height:165px;display:flex;flex-direction:column;gap:14px}.publication-description p{font-size:.9375rem;color:var(--muted)}.publication-description a{font-size:.875rem;text-decoration:underline;text-underline-offset:5px}.publication iframe{border:0;border-block:1px solid #e4dfeb;width:100%;height:320px;display:block;background:#fff;color-scheme:light}.embed-fallback{display:block;padding:15px 20px;text-align:center;color:var(--muted);font-size:.75rem;text-decoration:underline;text-underline-offset:3px}.subscription-note{text-align:center;font-size:.8125rem;color:var(--muted);margin-top:25px}
.about-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:90px}.about-intro{align-self:start;position:sticky;top:130px}.about-portrait{margin-top:42px;width:260px;max-width:85%;transform:rotate(-3deg)}.about-portrait img{width:100%;height:auto;filter:grayscale(1);border:10px solid #fff;border-radius:6px;box-shadow:0 12px 25px var(--shadow);transition:filter 550ms,transform 550ms var(--ease)}.about-portrait:hover img{filter:grayscale(0);transform:rotate(3deg)}.about-portrait figcaption{font-size:.75rem;letter-spacing:.5px;margin-top:17px;line-height:1.7;color:var(--muted)}.about-copy .large-copy{font:2.8rem/1.12 var(--serif);letter-spacing:-.02em;margin-bottom:28px}.about-copy>p:not(.large-copy){color:var(--muted);font-size:1rem}.about-lenses{margin:30px 0}.about-lenses article{display:flex;gap:20px;border-top:1px solid var(--line);padding:22px 0}.about-lenses article>span{font:1.2rem var(--serif);color:var(--blue);padding-top:3px}.about-lenses h3{font-size:1.25rem;margin-bottom:10px}.about-lenses p{font-size:.9375rem;color:var(--muted)}.mark-section{margin-top:95px;background:#f3e8ff;color:#161226;border:1px solid #dfd0ed;border-radius:26px;padding:40px 40px 35px;overflow:hidden}.mark-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.mark-heading .eyebrow{color:#686074}.mark-heading h3{font-size:2.4rem;line-height:1.12}.mark-heading>p{font-size:.9375rem;color:#686074}.logo-anatomy{position:relative;max-width:1000px;aspect-ratio:5/3;margin:0 auto}.logo-anatomy>img{position:absolute;left:25%;top:8.3333%;width:50%;height:auto;mix-blend-mode:multiply}.logo-leaders{position:absolute;inset:0;width:100%;height:100%;color:#6a5f83;stroke:currentColor;stroke-width:1.25}.logo-annotation{position:absolute;width:24%;font-size:.8125rem;line-height:1.45}.logo-annotation>span{font-size:.6875rem;letter-spacing:.7px;color:#68557e}.logo-annotation h4{font:1.4rem/1.1 var(--serif);margin:9px 0}.logo-annotation p{color:#685d75;font-size:.8125rem}.annotation-path{left:0;top:21%}.annotation-p{right:0;top:22%;text-align:right}.annotation-dot{right:0;top:65%;text-align:right}.mark-section .button{background:#181229;color:#fff}.mark-section>.text-link{color:#36204d;margin-left:25px}
/* The career is a horizontal shelf: native touch/keyboard, scroll-led on tall desktops. */
.journey-section{padding:80px 0 55px;background:var(--surface-2);overflow:clip}.journey-pin>.section-heading{margin-bottom:30px}.rail-navigation{text-align:right}.rail-navigation>p{color:var(--muted);font-size:.9375rem;margin-bottom:20px}.rail-navigation>div{display:flex;justify-content:end;align-items:center;gap:14px}.rail-navigation button:not(.quiet-button){width:43px;height:43px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:1.3rem;transition:background 180ms}.rail-navigation button:hover:not(:disabled){background:var(--blue-soft)}.rail-count{font-size:.75rem;letter-spacing:1px}.rail-navigation .quiet-button{margin-left:8px}.journey-rail{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:max(48px,calc((100vw - 1280px)/2));padding:12px max(48px,calc((100vw - 1280px)/2)) 24px;scrollbar-width:thin;scrollbar-color:var(--blue) transparent}.journey-card{flex:0 0 420px;min-width:0;scroll-snap-align:start;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:27px;position:relative;display:flex;flex-direction:column;overflow:hidden}.chapter-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:.75rem;letter-spacing:.3px;color:var(--muted)}.chapter-year{font:5.5rem/.9 var(--serif);letter-spacing:-.07em;color:var(--blue);opacity:.4;display:block;margin:22px 0 15px}.journey-card h3{font-size:1.9rem;position:relative}.chapter-role{font-size:.8125rem;color:var(--muted);margin-top:8px}.chapter-thought{font-size:1.3rem;line-height:1.18;margin:27px 0 20px}.chapter-thought em{font-size:1.2em;color:var(--blue)}.journey-card>p:not(.chapter-role):not(.chapter-thought){font-size:.9375rem;color:var(--muted);margin-bottom:8px}.chapter-tags{margin-top:auto;padding-top:16px;margin-bottom:24px}.chapter-tags>span{font-size:.75rem;border:1px solid var(--line);padding:4px 10px;border-radius:99px}.journey-card .text-link{font-size:.8125rem;align-self:start}.journey-card>small{font-size:.75rem;color:var(--muted);margin-top:22px;letter-spacing:.6px}.chapter-takeaway{font:1.1rem/1.35 var(--serif);color:var(--muted)}.current-chapter{background:var(--blue-soft);border-color:var(--blue)}.current-label{color:var(--blue);font-weight:600}.journey-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:17px;font-size:.8125rem;color:var(--muted)}.journey-bottom>span:last-child{font:italic 1.2rem var(--serif);color:var(--ink)}.journey-section[data-list] .journey-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1376px;margin:auto;overflow:visible}.journey-section[data-list] .journey-card{width:auto}
@media(min-width:960px) and (min-height:800px) and (prefers-reduced-motion:no-preference){.journey-section.journey-is-pinned{height:calc(var(--journey-height) + var(--journey-travel) + 135px);padding-top:70px}.journey-is-pinned .journey-pin{position:sticky;top:108px}.journey-is-pinned .journey-rail{scroll-snap-type:none}.journey-is-pinned .section-heading h2{font-size:3rem}.journey-is-pinned .chapter-year{font-size:3.4rem;margin:15px 0}.journey-is-pinned .chapter-thought{margin:19px 0 15px}.journey-is-pinned .journey-card{padding:24px}.journey-is-pinned .journey-bottom{margin-top:10px}}
.now-section{padding:90px 0;background:#151829;color:#f8f4ff}.now-section .eyebrow,.now-section .section-heading>p{color:#b7aecb}.now-section h2 em{color:#c6acff}.desk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:8px 5px 15px}.desk-note{background:#28283f;border:1px solid #47405c;border-radius:10px;padding:28px;display:flex;flex-direction:column;transform:rotate(-2deg);transition:transform 600ms var(--ease)}.desk-note:nth-child(2){transform:rotate(2deg);background:#302840}.desk-note:nth-child(3){transform:rotate(-1deg);background:#242d42}.desk-note:hover{transform:translateY(-8px) rotate(0)}.desk-meta{display:flex;justify-content:space-between;gap:16px;font-size:.75rem;letter-spacing:.8px;color:#c6b4ea}.desk-note h3{font-size:1.6rem;margin:28px 0 19px}.desk-note p{color:#c0b8d0;font-size:.9375rem;margin-bottom:25px}.desk-note a{display:flex;justify-content:space-between;gap:15px;margin-top:auto;border-top:1px solid #ffffff30;padding-top:17px;font-size:.875rem}.desk-note a:hover{color:#c6acff}.connect-section{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.connect-section h2{font-size:clamp(2.5rem,4.2vw,4rem)}.contact-options>a:not(.elsewhere-jump){display:block;padding:23px 0;border-bottom:1px solid var(--line)}.contact-options>a:first-child{border-top:1px solid var(--line)}.contact-options>a>span{display:block;font-size:.8125rem;color:var(--muted);margin-bottom:10px}.contact-options strong{display:flex;justify-content:space-between;gap:18px;font-size:1.1rem;font-weight:500;letter-spacing:-.025em}.contact-options b{font-weight:400}.contact-options>a:hover{color:var(--blue)}.direct-email{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;font-size:.875rem}.direct-email>a{overflow-wrap:anywhere;min-width:0}.direct-email button{background:var(--surface-2);border:1px solid var(--line);padding:7px 13px;border-radius:8px;font-size:.8125rem;min-height:40px}.copy-status{font-size:.75rem;color:var(--blue);display:block;width:100%}.copy-status:empty{display:none}.elsewhere-jump{margin-top:20px;font-size:.8125rem;color:var(--muted)}
.support-section{padding:85px 0 42px;background:#4a3fdc;color:#fff;position:relative}.support-heading{text-align:center;margin:0 auto 45px}.support-heading .eyebrow{color:#e4d8ff}.support-heading h2{font-size:clamp(2.9rem,5.5vw,5.8rem)}.support-heading h2 em{color:#e0d0ff}.support-heading>p:not(.eyebrow){font-size:1rem;margin-top:28px;color:#e5deff}.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.support-grid article{padding:29px;border:1px solid #b5a5ff80;border-radius:18px;background:#ffffff0b;display:flex;flex-direction:column}.support-number{font-size:.75rem;letter-spacing:.5px;color:#e0d5ff}.support-grid h3{font:2rem/1.1 var(--serif);margin:25px 0 19px}.support-grid p{font-size:.9375rem;color:#e2daff;margin-bottom:24px}.coming-soon{font-size:.8125rem;padding:9px 14px;border:1px dashed #bbaaff;border-radius:99px;align-self:start;margin-top:auto;color:#e3d9ff}.support-now{background:#ede5ff!important;color:#21183e}.support-now .support-number,.support-now p{color:#64517f}.support-now>div{display:flex;flex-direction:column;align-items:start;gap:14px;margin-top:auto}.support-now a,.support-now button{font-size:.875rem;border:0;border-bottom:1px solid currentColor;padding:0 0 4px;background:transparent;min-height:30px}.share-status{display:block;margin-top:14px;font-size:.75rem}.share-status:empty{display:none}.support-footnote{text-align:center;font-size:.8125rem;color:#d4c8ff;margin-top:35px}.footer{background:var(--paper);padding-top:75px;text-align:center;overflow:hidden}.footer h2{font-size:clamp(2rem,3.2vw,3.5rem)}.footer-actions{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:28px}.footer .light{background:var(--ink);color:var(--paper)}.footer-name{display:flex;align-items:baseline;justify-content:center;width:max-content;max-width:100%;margin:35px auto 0;font:clamp(5rem,25vw,25rem)/1.05 var(--serif);letter-spacing:-.065em;color:var(--ink);padding-right:.04em}.footer-name>span{display:inline-block;transition:transform 650ms var(--ease),color 250ms;transform:translateY(calc(var(--letter-y,0)*1px))}.footer-name>span:hover{color:var(--blue);transform:translateY(-10px) rotate(-4deg)}.footer-name .footer-dot{color:var(--blue)}.footer-name:hover .footer-dot{transform:translateY(-9px)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;text-align:left;border-top:1px solid var(--line);padding:24px 0;font-size:.75rem;color:var(--muted)}.footer-bottom a{color:var(--ink)}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:38px}.hero h1{font-size:clamp(3.4rem,6.7vw,5rem)}.hero-actions{gap:20px}.field-card{padding:21px}.field-footer{flex-wrap:wrap;gap:5px 12px}.field-write h2{font-size:1.6rem}.story-pin{gap:35px}.story-card{padding:25px}.story-description{font-size:1.3rem}.story-intro>p:not(.story-description){font-size:.9375rem}.recommendation-heading{align-items:start}.recommender{max-width:300px}.founder-quotes{gap:24px}.quote-ownership blockquote{font-size:2rem}.project-grid{grid-template-columns:1.15fr 1fr 1fr;gap:16px}.project-card{padding:22px}.project-card h3{font-size:1.7rem}.project-oneshot h3{font-size:2.2rem}.project-metrics{gap:20px}.project-metrics>div>strong{font-size:2.8rem}.writing-elsewhere{grid-template-columns:1fr;gap:28px}.channel-links{grid-template-columns:repeat(5,minmax(0,1fr))}.channel-links>a{padding:15px}.publication-grid{gap:18px}.publication-cover{padding:25px;min-height:350px}.publication-cover h3{font-size:2.5rem}.publication-developer .publication-cover h3{font-size:2.15rem}.publication-description{padding:23px;min-height:187px}.about-grid{gap:55px}.mark-section{padding:32px}.mark-heading h3{font-size:2rem}.mark-heading>p{max-width:290px}.logo-annotation h4{font-size:1.2rem}.logo-annotation p{font-size:.75rem}.logo-annotation>span{font-size:.75rem;letter-spacing:0}.journey-rail{padding-inline:32px;scroll-padding-inline:32px}.desk-grid{gap:20px}.desk-note{padding:24px}.connect-section{gap:45px}.support-grid{gap:18px}.support-grid article{padding:24px}}
@media(max-width:900px){.header{gap:15px}.header nav{gap:22px}.wordmark{font-size:1.9rem}.wordmark img{width:39px;height:39px}.hero h1{font-size:clamp(3rem,6.5vw,4rem)}.hero-grid{gap:26px;min-height:0}.hero-actions{flex-direction:column;align-items:start}.field-card{padding:18px}.field-build h2{font-size:2.7rem}.field-card-top{font-size:.75rem;letter-spacing:0}.code-fragment{font-size:.875rem}.bridge-art{height:140px}.story-pin{grid-template-columns:1fr}.story-intro{max-width:700px}.story-intro .story-description{font-size:1.7rem}.story-intro>p:not(.story-description){max-width:600px;font-size:1rem}.story-index{display:none}.story-intro h3{font-size:4.5rem}.story-deck{grid-template-columns:1fr}.story-card{max-width:100%}.story-card h4{font-size:2.5rem}.identity-diagram{max-width:480px}.story-card>p{max-width:600px}.recommendation-heading{flex-direction:column;gap:30px}.recommender{max-width:none}.founder-quotes{grid-template-columns:1fr 1fr}.quote-ownership{grid-column:1/-1}.quote-ownership blockquote{font-size:2.6rem;max-width:700px}.project-grid{grid-template-columns:1fr 1fr}.project-oneshot{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px 35px}.project-oneshot .project-card-meta{grid-column:1/-1}.project-oneshot h3{font-size:2.8rem;grid-column:1;grid-row:2;margin:6px 0}.project-oneshot>p{grid-column:1;grid-row:3;margin-bottom:0}.project-oneshot .project-metrics{grid-column:2;grid-row:2;margin:0;align-self:center}.project-oneshot .metric-source{grid-column:2;grid-row:3;align-self:start}.project-oneshot .project-detail{grid-column:1/-1}.publication-grid{grid-template-columns:1fr;max-width:650px;margin:auto}.publication{display:grid;grid-template-columns:1fr 1fr}.publication-cover{grid-column:1;grid-row:1/3;min-height:350px}.publication-description{grid-column:2;min-height:0;padding-bottom:16px}.publication iframe{grid-column:2;grid-row:2;height:320px}.embed-fallback{grid-column:1/-1;border-top:1px solid var(--line)}.about-grid{gap:40px}.about-copy .large-copy{font-size:2.4rem}.about-intro{position:static}.logo-anatomy{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.logo-anatomy>img{position:static;width:55%;grid-column:1/-1;margin:0 auto}.logo-leaders{display:none}.logo-annotation{position:static;width:auto;text-align:left;border-top:1px solid #c7b6d9;padding-top:16px;margin-bottom:30px}.logo-annotation p{font-size:.8125rem}.logo-annotation h4{font-size:1.4rem}.mark-section>.text-link{margin:20px 0 0;display:table}.mark-heading{display:block}.mark-heading>p{margin-top:20px;max-width:none}.desk-grid{grid-template-columns:1fr}.desk-note{transform:none!important;display:grid;grid-template-columns:1fr 1fr;gap:18px 30px}.desk-meta{grid-column:1/-1}.desk-note h3{margin:0}.desk-note p{margin:0}.desk-note a{grid-column:1/-1}.connect-section{grid-template-columns:1fr;gap:40px}.support-grid{grid-template-columns:1fr;max-width:650px;margin:auto}.support-grid article{padding:29px}.support-grid h3{font-size:2.3rem;margin:20px 0 14px}.support-grid p{max-width:490px}.support-now>div{flex-direction:row;gap:28px;flex-wrap:wrap}.footer-bottom{flex-wrap:wrap}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.section{padding-block:70px}.section-heading{display:block;margin-bottom:32px}.section-heading>p,.section-heading>.text-link{margin-top:25px}.section-heading h2,h2{font-size:2.9rem}.header{top:8px;margin-top:12px;border-radius:19px;padding:9px 12px;min-height:68px;gap:9px;flex-wrap:wrap}.wordmark{font-size:1.75rem;gap:4px}.wordmark img{width:35px;height:35px}.header-actions{gap:6px}.support-nav{font-size:.8125rem;padding:9px 13px}.support-nav span{margin-left:5px}.theme-toggle,.menu-toggle{width:38px;height:38px;padding:9px}.header nav{order:3;width:100%;justify-content:space-around;gap:16px;border-top:1px solid var(--line);padding-top:6px}.js-nav .header nav{display:none}.js-nav .header nav[data-open]{display:flex}.header .mobile-contact{display:block}.js-nav .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-toggle>span:not(.sr-only){width:17px;height:1px;background:currentColor;transition:transform 200ms}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(2){transform:translateY(-3px) rotate(-45deg)}.hero{padding-top:32px}.hero-top .eyebrow{font-size:.75rem;letter-spacing:.5px}.hero-follow{display:none}.hero-grid{grid-template-columns:1fr;padding:28px 0 35px;gap:35px}.hero h1{font-size:clamp(3.2rem,11.7vw,5.1rem);line-height:1.08;margin-bottom:24px}.hero h1 em{font-size:1.2em}.hero .intro{font-size:1rem;max-width:430px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero-actions .text-link{font-size:.8125rem}.button{font-size:.875rem;padding-left:20px;gap:22px}.field-stack{margin:4px 8px 0}.field-card{padding:21px 24px}.field-build h2{font-size:3.1rem}.code-fragment{font-size:.9375rem}.field-write h2{font-size:1.8rem}.field-footer{font-size:.75rem}.hero-bottom{font-size:.75rem}.scroll-link{font-size:0}.scroll-link span{font-size:1.25rem;margin:0}.bridge-heading>p{display:none}.bridge-heading .eyebrow{font-size:.75rem;letter-spacing:.6px}.bridge-words{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;font-size:2.8rem;margin-top:23px}.bridge-words>em{font-size:1.12em}.bridge-art{height:130px}.bridge-art img{width:150%;margin-left:-25%;top:0}.work-section{padding:65px 0 55px}.work-section .section-heading>p br{display:none}.story-intro h3{font-size:4.2rem}.story-intro>.tag{font-size:.75rem}.story-description{font-size:1.5rem!important}.story-card{padding:25px;border-radius:18px}.story-card h4{font-size:2.1rem}.story-card-top{font-size:.75rem;letter-spacing:.3px}.story-card-top>span:last-child{font-size:.6875rem}.ownership-map{gap:10px}.ownership-map>div{padding:16px 12px}.ownership-map strong{font-size:.9375rem}.ownership-map small{font-size:.75rem}.diagram-tenants{gap:12px}.story-links{gap:22px}.story-reading{display:none}.recommendation-section{padding:60px 0 35px}.recommendation-heading h2{font-size:2.65rem}.founder-quotes{grid-template-columns:1fr;gap:28px;margin-top:32px}.quote-ownership blockquote{font-size:2.5rem}.founder-quote blockquote{font-size:1.9rem}.quote-ownership blockquote{font-size:2.35rem}.quote-glyph{font-size:3.4rem;height:32px}.recommendation-foot{display:block;margin-top:30px}.recommendation-foot a{margin-top:18px}.project-grid{grid-template-columns:1fr}.project-oneshot{display:flex;gap:0;grid-column:auto}.project-oneshot h3{font-size:2.6rem;margin:25px 0 18px}.project-oneshot>p{margin-bottom:20px}.project-oneshot .project-metrics{align-self:start;margin:5px 0 20px;gap:35px}.project-oneshot .metric-source{margin-bottom:8px}.project-card{padding:27px}.project-card h3{font-size:2rem}.project-visual{min-height:145px}.articles{grid-template-columns:1fr;gap:20px}.article-feature{min-height:450px;padding:30px}.article-feature h3{font-size:3.7rem}.article{padding:27px}.article-stack{gap:20px}.article-meta{font-size:.75rem;letter-spacing:0}.article-stack h3{font-size:2rem}.writing-elsewhere{margin-top:40px;padding-top:35px}.writing-elsewhere p br{display:none}.channel-links{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-links a:last-child:nth-child(odd){grid-column:1/-1}.subscribe-section{padding:65px 0}.publication{display:block}.publication-cover{min-height:325px;padding:28px}.publication-cover h3{font-size:3rem}.publication-developer .publication-cover h3{font-size:2.65rem}.publication-description{min-height:0;padding:25px}.publication iframe{height:320px}.subscription-note{font-size:.75rem}.about-grid{grid-template-columns:1fr;gap:40px}.about-intro{display:grid;grid-template-columns:1fr .7fr;gap:0 25px;align-items:center}.about-intro>.eyebrow{grid-column:1/-1}.about-intro h2{font-size:2.6rem}.about-portrait{width:100%;max-width:none;margin:10px 0}.about-portrait img{border-width:6px}.about-portrait figcaption{font-size:.6875rem;letter-spacing:0;margin-top:12px}.about-copy .large-copy{font-size:2.5rem}.mark-section{margin-top:65px;padding:26px;border-radius:20px}.mark-heading h3{font-size:2rem}.logo-anatomy{grid-template-columns:1fr;gap:0}.logo-anatomy>img{width:90%;margin-top:10px}.logo-annotation{margin-bottom:23px;display:grid;grid-template-columns:.65fr 1fr;gap:10px 18px}.logo-annotation>span{grid-column:1/-1}.logo-annotation h4{font-size:1.35rem;margin:0}.logo-annotation p{font-size:.875rem}.logo-annotation p br{display:none}.journey-section{padding:65px 0 40px}.rail-navigation{text-align:left;margin-top:25px}.rail-navigation>div{justify-content:start}.rail-navigation>p{margin-bottom:17px}.journey-rail{padding:10px 20px 23px;scroll-padding-inline:20px;gap:17px}.journey-card{flex-basis:min(85vw,380px);padding:24px}.chapter-year{font-size:4rem}.journey-card h3{font-size:1.65rem}.chapter-thought{font-size:1.2rem}.journey-card>p:not(.chapter-role):not(.chapter-thought){font-size:.9375rem}.journey-bottom{display:block}.journey-bottom>span{display:block}.journey-bottom>span:last-child{margin-top:10px;font-size:1.1rem}.journey-section[data-list] .journey-rail{grid-template-columns:1fr}.now-section{padding:65px 0}.desk-note{display:flex;gap:0;padding:26px}.desk-note h3{font-size:1.7rem;margin:23px 0 17px}.desk-note p{margin-bottom:25px}.contact-options strong{font-size:1.0625rem}.direct-email{font-size:.8125rem}.support-section{padding:65px 0 35px}.support-heading h2{font-size:3.1rem}.support-heading>p:not(.eyebrow){font-size:.9375rem}.support-heading p br{display:none}.support-grid h3{font-size:2.25rem}.support-grid article{padding:26px}.support-footnote{font-size:.75rem}.footer{padding-top:55px}.footer h2{font-size:2.2rem}.footer-actions{flex-wrap:wrap;gap:23px}.footer-name{font-size:25vw;margin-top:30px}.footer-bottom{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;font-size:.75rem}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.header{padding-inline:9px}.wordmark{font-size:1.55rem;gap:2px}.wordmark img{width:31px;height:31px}.support-nav{padding:8px 11px}.support-nav span{display:none}.header-actions{gap:5px}.theme-toggle,.menu-toggle{width:34px;height:34px}.header nav{font-size:.8125rem;gap:10px}.field-card{padding:20px}.field-card-top{font-size:.6875rem}.field-write h2{font-size:1.6rem}.code-fragment{font-size:.8125rem}.hero-actions{gap:20px}.about-intro{grid-template-columns:1fr}.about-portrait{width:180px;margin-top:30px}.bridge-words{font-size:2.5rem}.story-card{padding:21px}.story-card h4{font-size:1.9rem}.diagram-tenants small{font-size:.6875rem}.rail-navigation>div{gap:10px}.rail-navigation .quiet-button{font-size:.75rem}.journey-card{flex-basis:88vw}.chapter-meta{font-size:.6875rem}.contact-options strong{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.bridge-art img{transform:none}.field-card:hover,.field-card:focus-visible{transform:none}.button:hover,.article:hover,.project-card:hover,.publication:hover,.channel-links>a:hover,.footer-name>span,.footer-name>span:hover,.footer-name:hover .footer-dot{transform:none}.reading-progress{display:none}}
@media print{.header,.hero-actions,.story-reading,.rail-navigation,.reading-progress,iframe,.support-section,.footer,.copy-status,.theme-toggle{display:none!important}.wrap{width:100%}.section{padding:25px 0}body{font-size:11pt;color:#000;background:#fff}.hero-grid,.story-pin,.project-grid,.articles,.about-grid,.desk-grid,.connect-section,.publication-grid,.founder-quotes{display:block}.story-card{visibility:visible!important;transform:none!important}.story-card>*{visibility:visible!important}.work-section,.now-section,.recommendation-section,.writing-section{background:#fff;color:#000}.story-card,.desk-note{background:#fff;color:#000;break-inside:avoid}.story-card p{color:#333}.journey-rail{display:block;overflow:visible;padding:0}.journey-card{margin:20px 0;break-inside:avoid}.about-intro{position:static}.logo-anatomy{display:none}.publication{break-inside:avoid}.story-is-pinned,.journey-is-pinned{height:auto!important}.story-pin,.journey-pin{position:static!important}.story-deck{display:block!important}.story-card{margin:20px 0}.embed-fallback{display:none}}
@media(min-width:960px) and (min-height:780px) and (prefers-reduced-motion:no-preference){
 .story-is-pinned .story-intro{padding-block:0}
 .story-is-pinned .story-intro h3{font-size:4.5rem;line-height:1;margin:12px 0 20px}
 .story-is-pinned .story-description{font-size:1.3rem;line-height:1.25;margin-bottom:16px}
 .story-is-pinned .story-intro>p:not(.story-description){font-size:.9375rem;line-height:1.55}
 .story-is-pinned .story-index{margin:22px 0}
 .story-is-pinned .story-index a{padding-block:11px}
 .story-is-pinned .story-reading{margin-top:17px}
}
@media(min-width:960px) and (min-height:800px) and (prefers-reduced-motion:no-preference){
 .journey-is-pinned .section-heading .eyebrow{margin-bottom:10px}
 .journey-is-pinned .section-heading{margin-bottom:18px}
 .journey-is-pinned .chapter-year{position:absolute;right:22px;top:68px;font-size:5rem;opacity:.14;margin:0;pointer-events:none}
 .journey-is-pinned .journey-card h3{margin-top:22px}
 .journey-is-pinned .chapter-thought{margin:20px 0 15px}
 .journey-is-pinned .journey-card>p:not(.chapter-role):not(.chapter-thought){font-size:.875rem;line-height:1.55}
 .journey-is-pinned .chapter-tags{padding-top:10px;margin-bottom:16px}
 .journey-is-pinned .journey-card>small{margin-top:16px}
}
@media(max-width:700px){.story-card-top>span:last-child,.about-portrait figcaption{font-size:.75rem}}
@media(max-width:380px){.field-card-top,.diagram-tenants small,.chapter-meta{font-size:.75rem}}

/* The point and the path: a living thread through Pascal. */
.hero{position:relative;isolation:isolate}.hero>*:not(.ambient-field){position:relative;z-index:1}.ambient-field{position:absolute;inset:-90px -35px 0;overflow:clip;z-index:-1;pointer-events:none}.ambient-field i{position:absolute;display:block;border-radius:50%;border:1px solid #9580e54a;background:radial-gradient(circle at 30% 25%,#ffffff66, #b19bff12 50%,#7b64e822);box-shadow:inset -12px -12px 28px #7660d615;animation:drift 12s ease-in-out infinite alternate}.ambient-field i:nth-child(1){width:210px;height:210px;left:34%;top:12%}.ambient-field i:nth-child(2){width:75px;height:75px;left:8%;top:66%;animation-delay:-4s}.ambient-field i:nth-child(3){width:120px;height:120px;right:1%;bottom:5%;animation-delay:-8s}.orbit{position:absolute;display:block;border:1px solid #8a6cc82d;border-radius:50%;transform:rotate(-24deg);width:85%;height:66%;left:20%;top:17%}.orbit-two{width:65%;height:48%;left:32%;top:28%;transform:rotate(28deg)}:root[data-theme=dark] .ambient-field{opacity:.55}@keyframes drift{to{transform:translate(20px,-24px) rotate(8deg)}}
.thread-bridge{padding:36px 0 40px;background:var(--lavender);color:var(--ink)}.thread-bridge .bridge-heading{width:100%}.thread-bridge .eyebrow{color:var(--muted);font-size:.8125rem}.thread-bridge .bridge-heading p{font:italic 1.5rem var(--serif)}.thread-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:25px;padding-top:20px}.thread-map>svg{position:absolute;inset:0;width:100%;height:125px;fill:none;stroke:var(--blue);stroke-width:2}.thread-track{opacity:.15}.thread-ink{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--thread-progress,.3))}.thread-traveler{position:absolute;top:50px;left:calc(var(--thread-progress,.3)*94%);width:13px;height:13px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 7px var(--blue-soft);transition:left 100ms linear}.thread-stop{position:relative;display:flex;flex-direction:column;align-items:start;padding:0 8px;border-radius:12px;transition:transform 350ms var(--ease)}.thread-symbol{display:grid;place-items:center;height:66px;width:66px;border:1px solid var(--line);border-radius:50%;background:var(--paper);font:1.8rem var(--serif);margin-bottom:24px;color:var(--blue);transition:transform 350ms var(--ease),background 350ms}.thread-stop strong{font-size:clamp(2rem,3.6vw,3.6rem);font-weight:500;letter-spacing:-.045em;line-height:1.1}.thread-stop strong span{color:var(--blue)}.thread-stop small{font-size:.875rem;color:var(--muted);margin-top:12px}.thread-stop:hover .thread-symbol,.thread-stop:focus-visible .thread-symbol{transform:translateY(-9px) rotate(-8deg);background:var(--blue);color:var(--paper)}.thread-stop:hover strong{color:var(--blue)}
@media(max-width:700px){.ambient-field{inset:-20px -15px 0}.ambient-field i:nth-child(1){width:150px;height:150px;left:62%;top:3%}.thread-map{grid-template-columns:1fr 1fr;gap:35px 20px}.thread-map>svg{height:100%;opacity:.4}.thread-traveler{display:none}.thread-bridge .bridge-heading p{display:none}.thread-symbol{height:48px;width:48px;margin-bottom:17px}.thread-stop strong{font-size:2.7rem}.thread-stop small{max-width:140px}.scroll-link{font-size:.8125rem}.ambient-field .orbit{width:130%;left:5%;height:50%}}
@media(prefers-reduced-motion:reduce){.ambient-field i{animation:none}.thread-traveler{display:none}.thread-ink{stroke-dashoffset:0}.thread-stop:hover .thread-symbol{transform:none}}
/* A visual reading room. Original article artwork, quiet branded destinations. */
.essay-shelf{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:24px;align-items:start}.essay-card{display:block;border:1px solid var(--line);background:var(--surface);border-radius:22px;overflow:hidden;box-shadow:0 6px 0 var(--shadow);transition:transform 500ms var(--ease),box-shadow 500ms}.essay-card:nth-child(2){margin-top:42px}.essay-card:nth-child(3){margin-top:82px}.essay-image{position:relative;overflow:hidden;aspect-ratio:1.35;background:var(--surface-2)}.essay-image img{width:100%;height:100%;object-fit:cover;transition:transform 900ms var(--ease)}.essay-category{position:absolute;bottom:16px;left:18px;background:#fbf9fff0;color:#211b34;padding:7px 12px;border-radius:30px;font-size:.75rem;letter-spacing:1px}.essay-copy{padding:25px 26px 28px}.essay-publication{font-size:.8125rem;color:var(--muted)}.essay-copy h3{font-size:clamp(1.8rem,2.5vw,2.6rem);margin:16px 0 26px;line-height:1.14;min-height:3.5em}.essay-invitation{font-size:.875rem;border-bottom:1px solid var(--line);padding-bottom:3px}.essay-card:hover,.essay-card:focus-visible{transform:translateY(-8px);box-shadow:0 14px 28px var(--shadow)}.essay-card:hover img{transform:scale(1.055)}.writing-elsewhere{align-items:center;grid-template-columns:.85fr 1.7fr;gap:40px;margin-top:65px;padding-top:50px}.writing-elsewhere h3{font-size:2.4rem}.writing-elsewhere .eyebrow{font-size:.75rem;margin-bottom:17px}.channel-links{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.channel-links>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:24px 10px;border-radius:22px;aspect-ratio:1/1.08;background:var(--paper);min-width:0;transition:transform 400ms var(--ease),background 400ms,color 400ms}.brand-icon{width:29px;height:29px;fill:currentColor;flex:none}.channel-links>a .brand-icon{width:34px;height:34px;color:var(--blue)}.channel-links>a>span{font-size:.8125rem}.channel-links>a:hover,.channel-links>a:focus-visible{transform:translateY(-7px) rotate(-3deg);background:var(--blue);color:var(--paper)}.channel-links>a:hover .brand-icon,.channel-links>a:focus-visible .brand-icon{color:inherit}
.publication-cover{position:relative;overflow:hidden;padding-top:25px!important;min-height:360px!important;color:#201b34!important;isolation:isolate}.publication-pascal .publication-cover{background:#ece1fb!important}.publication-developer .publication-cover{background:#efe2fb!important}.publication-curious .publication-cover{background:#efe5fb!important}.publication-cover>img{width:104px;height:104px;margin:0 0 15px;object-fit:contain;mix-blend-mode:darken;mask-image:none}.publication-cover h3{color:#201b34!important}.publication-cover h3 em{color:#42306e!important}.publication-number{color:#665077!important}.publication-cover p{color:#352344!important}.publication-cover:after{content:'';position:absolute;inset:auto -40px -110px auto;width:250px;height:250px;border:1px solid #8770b233;border-radius:50%;z-index:-1}.publication-developer .publication-cover:after{border-radius:40px;transform:rotate(45deg)}
/* Looking, making, understanding: visual cues alongside the person. */
.about-lenses .lens-icon{display:grid;place-items:center;border:1px solid var(--line);width:46px;height:46px;border-radius:15px;background:var(--blue-soft);color:var(--blue)}.lens-icon svg{width:25px;height:25px}.about-portrait{position:relative}.about-portrait:after{content:'';position:absolute;width:28px;height:28px;right:10%;bottom:23%;border-radius:50%;background:var(--blue);box-shadow:0 0 0 10px var(--paper)}
.mark-section{--mark-bg:#ece1fb;background:var(--mark-bg)!important;color:#20172e;border:0;padding:45px;margin-top:90px;overflow:hidden}.mark-heading{gap:40px}.mark-heading h3{font-size:clamp(2.5rem,3.3vw,3.6rem)}.mark-heading>p{color:#635276;font-size:1rem}.mark-heading .eyebrow{color:#695276}.mark-story{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:35px;margin-top:25px}.mark-art{position:relative;min-width:0;aspect-ratio:1}.mark-art>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:darken;mask-image:none}.mark-art>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#5840d1;stroke-width:1.2}.mark-leader{stroke-dasharray:4 4;opacity:.2;transition:opacity 500ms}.mark-highlight{opacity:0;transition:opacity 500ms,stroke-dashoffset 600ms;stroke-dasharray:3 4}.mark-hotspot{position:absolute;border:1px solid #b7a3d0;background:#ece1fb;color:#4b359f;border-radius:50%;width:42px;height:42px;font:1.05rem var(--serif);box-shadow:0 5px 14px #55309212;transition:transform 250ms,background 250ms}.mark-hotspot:hover,.mark-hotspot[aria-pressed=true]{background:#5143df;color:#fff;transform:scale(1.12)}.flow-hotspot{left:12%;top:69%}.name-hotspot{right:12%;top:14%}.point-hotspot{right:12%;bottom:19%}.mark-art-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:.8125rem;color:#79628c}.mark-section[data-mark-part=flow] .flow-highlight,.mark-section[data-mark-part=name] .name-highlight,.mark-section[data-mark-part=point] .point-highlight,.mark-section[data-mark-part=flow] .flow-leader,.mark-section[data-mark-part=name] .name-leader,.mark-section[data-mark-part=point] .point-leader{opacity:1}.mark-preface{font-size:1.0625rem;line-height:1.7;color:#554167;margin-bottom:25px}.mark-chapters details{border-top:1px solid #b8a0d05c;padding:0}.mark-chapters summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:19px 0;font-size:1.125rem;letter-spacing:-.03em}.mark-chapters summary::-webkit-details-marker{display:none}.mark-chapters summary>span{font:1rem var(--serif);color:#7f649c}.mark-chapters summary:after{content:'+';margin-left:auto;color:#665280;font-size:1.4rem}.mark-chapters details[open] summary:after{content:'−'}.mark-chapters details[open] summary{color:#4431bd}.mark-chapters details p{font-size:1rem;line-height:1.75;color:#5d4b6e;padding:0 0 20px 28px}.mark-chapters>.text-link{margin-top:22px;font-size:.875rem;color:#51416b}.mark-closing{border-top:1px solid #b8a0d05c;margin-top:38px;padding-top:30px;display:flex;gap:30px;align-items:center;justify-content:space-between}.mark-closing p{font:italic 1.6rem/1.2 var(--serif)}.mark-closing .dark{background:#251933;color:#f5edff;flex:none}
/* Each chapter has a voice of its own. */
#journey-alx{background:#dcebea;color:#153939;border-color:#b1cfcb;--chapter-ink:#153939;--chapter-muted:#466762}#journey-oneshot{background:#f4d6bf;color:#4d2b1c;border-color:#dcb395;--chapter-ink:#4d2b1c;--chapter-muted:#7b533c}#journey-outly{background:#e2ddf5;color:#392b62;border-color:#bcaedc;--chapter-ink:#392b62;--chapter-muted:#6b588c}#journey-rootmail{background:#5142df;color:#fff;border-color:#8e7df0;--chapter-ink:#fff;--chapter-muted:#e1d7ff}.journey-card .chapter-meta,.journey-card .chapter-role,.journey-card>p:not(.chapter-thought),.journey-card small,.journey-card .chapter-takeaway{color:var(--chapter-muted)}.journey-card .chapter-thought,.journey-card .text-link,.journey-card .chapter-year{color:var(--chapter-ink)}.journey-card .chapter-tags span{color:var(--chapter-ink);background:#ffffff24;border-color:#ffffff44}.journey-card .current-label{background:#ffffff26;color:#fff;border-color:#ffffff55}.journey-card{--muted:var(--chapter-muted);--blue:var(--chapter-ink);transition:box-shadow 300ms,border-color 300ms}.journey-card:hover{box-shadow:0 12px 28px #20132e20}
/* A lasting reflection, not a dated status panel. */
.now-section{background:var(--paper);color:var(--ink);padding:95px 0}.now-section .eyebrow,.now-section .section-heading>p{color:var(--muted)}.now-section h2 em{color:var(--blue)}.becoming-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:start}.becoming-art{position:sticky;top:135px;overflow:hidden;border-radius:24px;background:#e9dfd0}.becoming-art img{width:100%;height:540px;object-fit:cover;object-position:48% center;transform:scale(1.06) translateY(calc(var(--becoming-p,0)*-16px));transition:transform 100ms linear}.becoming-art figcaption{position:absolute;bottom:22px;left:22px;right:22px;border-radius:14px;background:#fbf9ffdc;backdrop-filter:blur(12px);padding:16px 20px;color:#382d26;font:italic 1.5rem var(--serif)}.becoming-lesson{display:grid;grid-template-columns:30px 1fr;gap:20px;padding:30px 0;border-top:1px solid var(--line)}.becoming-lesson:first-child{padding-top:0;border:0}.lesson-number{font:1.5rem var(--serif);color:var(--blue)}.lesson-from{font-size:.75rem;letter-spacing:.8px;color:var(--muted)}.becoming-lesson h3{font-size:2.3rem;margin:18px 0}.becoming-lesson h3 em{color:var(--blue)}.becoming-lesson p{font-size:1rem;color:var(--muted);margin-bottom:20px}
/* An invitation worth pausing for. */
.connect-section{margin-block:35px 100px;padding:60px;border:1px solid var(--line);border-radius:30px;background:var(--surface-2);gap:55px;align-items:center;position:relative;overflow:hidden}.contact-invitation{position:relative}.contact-invitation .eyebrow{font-size:.75rem}.contact-invitation h2{font-size:clamp(2.9rem,4.3vw,4.6rem)}.contact-invitation>p:last-child{color:var(--muted);margin-top:26px;font-size:1rem}.contact-seal{display:grid;place-items:center;width:64px;height:64px;background:var(--paper);border:1px solid var(--line);border-radius:50%;color:var(--blue);transform:rotate(-12deg);margin-bottom:28px}.contact-seal svg{width:32px;height:32px}.contact-options>a.contact-main{--muted:#dcd3ff;display:flex;flex-direction:column;gap:24px;padding:35px;border:1px solid transparent;background:#4b3ce0;color:#fff;border-radius:22px;box-shadow:0 8px 0 #34268f;transition:transform 300ms var(--ease),box-shadow 300ms}.contact-main strong{font-size:2.5rem;line-height:1.08;font-weight:500}.contact-main>span{color:#dcd3ff;font-size:.75rem;letter-spacing:1px}.contact-main small{font-size:.875rem;color:#e5ddff}.contact-options>a.contact-main:hover{transform:translateY(-6px);box-shadow:0 14px 0 #34268f;color:#fff}.contact-options>a.contact-alternative{display:block;font-size:.9375rem;padding:27px 0 18px;border:0}.contact-options .direct-email{margin-top:3px}.contact-options .direct-email>a{font-size:.8125rem}
.support-section{isolation:isolate;overflow:hidden}.support-section>.wrap{position:relative;z-index:1}.support-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;transform:translate(calc(var(--atmos-x,0)*14px),calc(var(--atmos-y,0)*14px));transition:transform 700ms var(--ease)}.support-atmosphere span{position:absolute;border:1px solid #cabbff45;border-radius:50%;width:550px;height:550px;background:radial-gradient(circle at 30% 30%,#ffffff11,transparent 65%);animation:support-float 15s ease-in-out infinite alternate}.support-atmosphere span:nth-child(1){left:-180px;top:-80px}.support-atmosphere span:nth-child(2){right:-130px;top:90px;width:430px;height:430px;animation-delay:-7s}.support-atmosphere span:nth-child(3){left:35%;bottom:-430px;width:750px;height:750px;animation-delay:-11s}.support-grid article{backdrop-filter:blur(9px)}@keyframes support-float{to{transform:translate(25px,-18px) scale(1.08)}}.footer-socials{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 34px}.footer-socials>a{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;color:var(--muted);transition:transform 300ms,background 300ms,color 300ms}.footer-socials .brand-icon{width:19px;height:19px}.footer-socials span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.footer-socials>a:hover{transform:translateY(-5px);background:var(--blue);color:var(--paper)}
/* Panels follow the actual scroll distance, with room to read at each stop. */
@media(min-width:960px) and (min-height:780px) and (prefers-reduced-motion:no-preference){
.story-is-pinned .story-card,.story-is-pinned .story-card[data-inactive],.story-is-pinned .story-card[data-inactive=after],.story-is-pinned .story-card[data-inactive=before]{visibility:visible;color:inherit;opacity:1;transform:translateY(calc(var(--card-offset,0)*100%));transition:none;z-index:var(--card-layer,1);will-change:transform,opacity}.story-is-pinned .story-card[data-inactive=after]>*{visibility:visible}.story-is-pinned .story-card[data-inactive]{pointer-events:none}.story-is-pinned.story-manual .story-card{transition:opacity 650ms var(--ease),transform 650ms var(--ease)}.story-index a{position:relative;overflow:hidden}.story-index a:after{content:'';position:absolute;left:0;bottom:0;height:2px;width:calc(var(--step-fill,0)*100%);background:#b9a4ff;opacity:.8}
}
@media(max-width:1100px){.essay-shelf{gap:18px}.essay-copy{padding:23px}.essay-copy h3{font-size:2rem}.writing-elsewhere{grid-template-columns:1fr}.mark-section{padding:30px}.mark-story{gap:25px}.mark-preface{font-size:1rem}.becoming-layout{gap:35px}.connect-section{padding:42px;gap:40px}.contact-main strong{font-size:2.1rem}}
@media(max-width:900px){.mark-story{grid-template-columns:1fr}.mark-art{width:min(100%,520px);margin:auto}.mark-chapters{max-width:650px;margin:auto}.mark-closing{flex-direction:column;align-items:start}.becoming-layout{grid-template-columns:1fr}.becoming-art{position:relative;top:auto}.becoming-art img{height:390px}.becoming-lessons{display:grid;grid-template-columns:1fr}.connect-section{grid-template-columns:1fr}.essay-shelf{gap:16px}.essay-copy{padding:21px}.essay-copy h3{font-size:1.75rem}.essay-image{aspect-ratio:1}.essay-category{font-size:.6875rem;left:12px;bottom:12px;padding:6px 10px}}
@media(max-width:700px){.essay-shelf{grid-template-columns:1fr;gap:26px}.essay-card:nth-child(n){margin-top:0}.essay-image{aspect-ratio:1.7}.essay-copy h3{font-size:2.2rem;min-height:0;margin:14px 0 23px}.essay-copy{padding:25px}.essay-category{font-size:.75rem}.channel-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.channel-links>a{aspect-ratio:1;padding:18px 8px;gap:14px}.channel-links a:last-child:nth-child(odd){grid-column:auto}.channel-links .brand-icon{width:28px;height:28px}.writing-elsewhere h3{font-size:2.4rem}.publication-cover{min-height:355px!important}.mark-section{padding:25px;margin-top:65px}.mark-story{gap:20px}.mark-heading h3{font-size:2.5rem}.mark-art-caption{font-size:.75rem}.mark-hotspot{width:36px;height:36px;font-size:.9375rem}.mark-chapters summary{font-size:1.0625rem}.mark-chapters details p{padding-left:0}.mark-closing p{font-size:1.6rem}.mark-closing p br{display:none}.mark-closing .button{font-size:.8125rem;padding:14px 20px;min-height:48px}.now-section{padding:65px 0}.becoming-art img{height:330px}.becoming-art figcaption{font-size:1.25rem;padding:13px;left:15px;right:15px;bottom:15px}.becoming-layout{gap:38px}.becoming-lesson{gap:12px;grid-template-columns:25px 1fr}.becoming-lesson h3{font-size:2.2rem}.lesson-from{font-size:.75rem;letter-spacing:.3px}.connect-section{padding:30px 25px;margin-block:10px 65px;border-radius:23px;gap:30px}.contact-invitation h2{font-size:2.9rem}.contact-invitation>p:last-child br{display:none}.contact-options>a.contact-main{padding:28px;gap:23px}.contact-main strong{font-size:2.3rem}.contact-options .direct-email>a{font-size:.75rem}.footer-socials{gap:10px;margin-top:20px}.footer-socials>a{width:42px;height:42px}.support-atmosphere span{width:350px;height:350px}}
@media(prefers-reduced-motion:reduce){.essay-card:hover,.essay-card:focus-visible,.essay-card:hover img,.mark-hotspot:hover,.mark-hotspot[aria-pressed=true],.contact-options>a.contact-main:hover,.footer-socials>a:hover{transform:none}.support-atmosphere,.support-atmosphere span,.becoming-art img{animation:none;transform:none;transition:none}}
@media print{.ambient-field,.thread-traveler,.support-atmosphere,.mark-hotspot{display:none!important}.essay-shelf,.mark-story,.becoming-layout{display:block}.mark-chapters details>p{display:block!important}.becoming-art{position:static}.essay-card,.becoming-lesson{break-inside:avoid}.story-card{opacity:1!important}}

.ifmatch-visual{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#28223f;color:#d8c8ff;padding:24px 20px 55px}.ifmatch-visual>span{font:.875rem monospace;border:1px solid #7a679d;border-radius:7px;padding:6px 10px}.ifmatch-visual>strong{font:5rem/.95 var(--serif);color:#f4eaff;margin:13px 0 8px;letter-spacing:-.03em}.ifmatch-visual>small{font-size:.625rem;letter-spacing:1.4px}.ifmatch-visual>div{display:flex;align-items:center;gap:10px;font:.625rem monospace;margin-top:14px}.ifmatch-visual i{width:28px;height:1px;background:#b298d9}.essay-code .essay-category{background:#e7dcfc;color:#312148}@media(max-width:700px){.ifmatch-visual{padding-bottom:35px}.ifmatch-visual>strong{font-size:4rem}.ifmatch-visual>div{display:none}.essay-code .essay-category{bottom:12px;left:12px;font-size:.625rem}}

.thread-traveler{margin-left:-6px;margin-top:-6px;transition:none}.thread-stop{z-index:1}

@media(min-width:960px) and (min-height:780px) and (prefers-reduced-motion:no-preference){.story-is-pinned .story-deck{overflow:clip;border-radius:24px;background:#242a40}.story-is-pinned .story-card{box-shadow:none}.story-is-pinned.story-manual .story-card{transition:transform 750ms var(--ease)}}

/* The menu unfolds without exposing collapsed links to keyboard focus. */
@media(max-width:700px){
 .js-nav .header{row-gap:0}
 .js-nav .header nav{display:flex;max-height:0;opacity:0;visibility:hidden;overflow:hidden;padding-top:0;margin-top:0;border-top-width:0;transition:max-height 440ms var(--ease),opacity 250ms ease,padding-top 440ms var(--ease),margin-top 440ms var(--ease),visibility 0s 440ms}
 .js-nav .header nav[data-open]{max-height:140px;opacity:1;visibility:visible;padding-top:8px;margin-top:9px;border-top-width:1px;transition:max-height 440ms var(--ease),opacity 300ms 60ms ease,padding-top 440ms var(--ease),margin-top 440ms var(--ease),visibility 0s}
}
@media(prefers-reduced-motion:reduce){.js-nav .header nav,.js-nav .header nav[data-open]{transition:none}}

/* A layered page turn: scroll controls the turn; the next page waits beneath. */
@media(min-width:960px) and (min-height:780px) and (prefers-reduced-motion:no-preference){
 .story-is-pinned .story-deck{overflow:visible;background:transparent;perspective:1600px;isolation:isolate}
 .story-is-pinned .story-card,.story-is-pinned .story-card[data-inactive],.story-is-pinned .story-card[data-inactive=after],.story-is-pinned .story-card[data-inactive=before]{transform-origin:50% 0%;backface-visibility:hidden;opacity:var(--page-opacity,1);z-index:var(--page-layer,1);transform:translateY(calc(var(--page-depth,0)*14px - var(--page-turn,0)*12px)) rotateX(calc(var(--page-turn,0)*-96deg)) rotateZ(calc(var(--page-depth,0)*1.25deg)) scale(calc(1 - var(--page-depth,0)*.035));box-shadow:0 5px 0 #070a1433,0 18px 36px #070a1426;transition:none}
 .story-is-pinned.story-manual .story-card{transition:transform 800ms var(--ease),opacity 800ms var(--ease)}
}

.thread-controls{display:flex;align-items:center;gap:22px}.thread-controls .quiet-button{font-size:.75rem;color:var(--muted);min-height:35px}.thread-stop .thread-symbol,.thread-stop strong,.thread-stop small{transition:color 500ms,background 500ms,box-shadow 600ms,transform 600ms var(--ease)}.thread-stop[data-thread-active] .thread-symbol{background:var(--blue);color:var(--paper);transform:translateY(-7px);box-shadow:0 0 0 8px var(--blue-soft)}.thread-stop[data-thread-active] strong{color:var(--blue)}.thread-stop[data-thread-visited] .thread-symbol{border-color:var(--blue);color:var(--blue)}.thread-stop[data-thread-visited] strong{color:var(--blue)}.thread-traveler{transition:none}
@media(max-width:700px){.thread-controls>p{display:none}.thread-controls{gap:0}.thread-controls .quiet-button{white-space:nowrap;font-size:.75rem}.thread-bridge .bridge-heading{align-items:center;gap:12px}.thread-bridge .bridge-heading>.eyebrow{max-width:185px}.thread-stop[data-thread-active] .thread-symbol{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.thread-stop[data-thread-active] .thread-symbol{transform:none}}

/* A live diagram shares the lessons' numbering, colour and reading position. */
.becoming-map{position:sticky;top:125px;padding:30px;border:1px solid var(--line);border-radius:24px;background:var(--lavender);min-width:0}
.becoming-map-heading .eyebrow{display:block;margin-bottom:14px;font-size:.75rem}
.becoming-map-heading>p{font-size:clamp(1.8rem,2.5vw,2.5rem);line-height:1.1;letter-spacing:-.04em}
.becoming-map-heading em{color:var(--blue)}
.becoming-route{position:relative;height:340px;margin-top:24px}
.becoming-route-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke-width:2;stroke:var(--blue)}
.route-track{opacity:.18}.route-ink{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--route-progress,0))}.route-traveler{fill:var(--blue);stroke:var(--lavender);stroke-width:3}
.route-stop{position:absolute;display:flex;align-items:center;gap:13px;max-width:100%;padding:9px 11px 9px 0;background:var(--lavender);border-radius:14px;transition:color 400ms,transform 500ms var(--ease);color:var(--muted)}
.route-stop-one{top:14px;left:0}.route-stop-two{top:114px;right:0;flex-direction:row-reverse;text-align:right}.route-stop-three{top:222px;left:0}
.route-node{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--blue);font:1.2rem var(--serif);transition:background 400ms,box-shadow 400ms,color 400ms}
.route-stop strong{display:block;font-size:1.0625rem;font-weight:500;line-height:1.3}.route-stop small{display:block;font-size:.875rem;line-height:1.5;margin-top:4px;max-width:215px}
.route-stop[data-active]{color:var(--ink)}.route-stop[data-active] .route-node{background:var(--blue);color:var(--paper);box-shadow:0 0 0 6px var(--blue-soft);animation:lesson-pulse 1.2s ease-out 3}
.route-stop[data-complete] .route-node{border-color:var(--blue)}.route-stop:hover strong{color:var(--blue)}
.becoming-map figcaption{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:18px;font:italic 1.2rem var(--serif)}
.route-caption-dot{width:7px;height:7px;flex:none;background:var(--blue);border-radius:50%}
.becoming-lesson{transition:border-color 450ms}.becoming-lesson[data-reading]{border-color:var(--blue)}.becoming-lesson .lesson-number{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;transition:background 450ms,color 450ms}.becoming-lesson[data-reading] .lesson-number{background:var(--blue);color:var(--paper)}
@keyframes lesson-pulse{from{box-shadow:0 0 0 0 var(--blue-soft)}to{box-shadow:0 0 0 12px transparent}}
@media(max-width:900px),(max-height:720px){.becoming-map{position:relative;top:auto}.becoming-layout{align-items:start}}
@media(max-width:700px){
 .becoming-map{padding:23px}.becoming-map-heading>p{font-size:2rem}.becoming-route{height:330px}.route-stop{gap:10px}.route-stop strong{font-size:1rem}.route-stop small{font-size:.875rem;max-width:170px}.route-node{width:38px;height:38px}.becoming-map figcaption{font-size:1.1rem}
 /* The mobile thread follows a vertical path beside four full-width stops. */
 .thread-map{grid-template-columns:minmax(0,1fr);gap:22px;padding:0;margin-top:30px}
 .thread-map>svg{height:100%;opacity:1}
 .thread-stop{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:15px;row-gap:5px;align-items:center;min-width:0;padding:8px 0 8px 36px}
 .thread-symbol{grid-row:1/3;width:46px;height:46px;margin:0;font-size:1.45rem}
 .thread-stop strong{grid-column:2;font-size:2.15rem;min-width:0}.thread-stop small{grid-column:2;max-width:none;margin:0;font-size:.875rem;line-height:1.5}
 .thread-traveler{display:block;z-index:2;width:12px;height:12px;box-shadow:0 0 0 5px var(--blue-soft);pointer-events:none}
 .thread-stop[data-thread-active] .thread-symbol{transform:none}
 .thread-controls .quiet-button{font-size:.875rem;min-height:44px}
 .thread-bridge .bridge-heading>.eyebrow{font-size:.75rem;max-width:155px}
 .header nav{flex-wrap:wrap;justify-content:space-between}.theme-toggle,.menu-toggle{min-width:40px;min-height:40px}
}
@media(prefers-reduced-motion:reduce){.route-traveler,.thread-traveler{display:none}.route-ink{stroke-dashoffset:0}.becoming-map .route-node{animation:none}}
@media print{.becoming-map{position:static;break-inside:avoid}.route-ink{stroke-dashoffset:0}.route-traveler{display:none}}

@media(max-width:700px){
 .header{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:0;align-items:center}
 .header .wordmark{grid-column:1;grid-row:1;white-space:nowrap;min-width:0}
 .header-actions{grid-column:2;grid-row:1;justify-content:flex-end}
 .header nav{grid-column:1/-1;grid-row:2;width:100%;font-size:.875rem;gap:6px 14px}
 .js-nav .header nav[data-open]{max-height:40vh}
 .header nav a{min-height:44px;display:flex;align-items:center;justify-content:center;flex:1 1 auto}
}
@media(max-width:380px){
 .header{column-gap:5px;padding-inline:8px}.header .wordmark{font-size:1.55rem;gap:2px}.wordmark img{width:29px;height:29px}.header-actions{gap:4px}.support-nav{padding:9px 9px;font-size:.75rem}.header nav a{flex-basis:40%}
}

.route-stop{background:transparent}.route-stop>span:last-child{background:var(--lavender);padding:4px 0}

/* Text and illustration share one selected logo chapter, even mid-transition. */
.mark-chapters details summary{transition:color 300ms}.mark-chapters details[open]:not([data-selected]) summary{color:#20172e}
.mark-chapters summary>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;transition:background 300ms,color 300ms}
.mark-chapters details[data-selected] summary{color:#4431bd}.mark-chapters details[data-selected] summary>span{background:#5143df;color:#fff}

/* A moving invitation: each platform has a purpose, a voice and a real action. */
.writing-elsewhere.conversation-section{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.45fr);gap:50px;align-items:center;padding-top:65px;margin-top:65px}
.conversation-heading>p:not(.eyebrow){font-size:1rem;color:var(--muted);margin-top:24px;line-height:1.7}
.conversation-heading h3{font-size:clamp(2.3rem,3.8vw,3.8rem)}
.conversation-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;font-size:.875rem}.conversation-controls>button:not(.quiet-button){border:1px solid var(--line);border-radius:99px;background:var(--surface);padding:10px 15px;min-height:44px}.conversation-controls>span{color:var(--muted);font-size:.75rem}.conversation-controls .quiet-button{font-size:.875rem;min-height:44px}
.conversation-window{min-width:0;overflow:hidden;padding:12px 0}
.conversation-rail{display:flex;align-items:stretch;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:24px;padding-bottom:10px;outline-offset:-3px}
.conversation-rail::-webkit-scrollbar{display:none}.conversation-card{flex:0 0 calc(100% - 20px);min-width:0;display:grid;grid-template-columns:135px minmax(0,1fr);gap:26px;padding:30px;border:1px solid var(--line);background:var(--surface);border-radius:24px;scroll-snap-align:start;scroll-snap-stop:always;min-height:365px}
.conversation-brand{display:flex;flex-direction:column;align-items:start;padding:15px 14px 15px 0;border-right:1px solid var(--line);gap:16px;color:var(--blue)}.conversation-brand .brand-icon{width:48px;height:48px;fill:currentColor}.conversation-brand>strong{font:1.4rem var(--serif);color:var(--ink)}.conversation-brand>span{font-size:.75rem;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}
.conversation-copy{min-width:0;display:flex;flex-direction:column}.conversation-copy .eyebrow{font-size:.75rem;margin:10px 0 20px}.conversation-copy h4{font-size:1.9rem;line-height:1.12;margin-bottom:18px}.conversation-copy>p:not(.eyebrow){font-size:.9375rem;line-height:1.65;color:var(--muted)}
.conversation-action{display:flex;flex-direction:column;align-items:start;gap:10px;margin-top:auto;padding-top:24px}.conversation-cta,.x-follow-embed>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:99px;padding:11px 17px;background:var(--ink);color:var(--paper);font-size:.875rem;line-height:1.4;text-align:center;transition:background 200ms,transform 250ms}.conversation-cta:hover{background:var(--blue);transform:translateY(-2px)}.conversation-note{font-size:.75rem;color:var(--muted)}.x-follow-embed{min-height:44px;display:flex;align-items:center;max-width:100%}.x-follow-embed iframe{max-width:100%}
.conversation-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.conversation-tabs button{font-size:.875rem;padding:8px 12px;min-height:40px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:99px}.conversation-tabs button[aria-pressed=true]{border-color:var(--line);background:var(--surface);color:var(--ink)}
/* A warm, direct portrait and three ways into the same person. */
.about-portrait{width:min(100%,340px);max-width:100%;padding:16px;background:var(--lavender);border:1px solid var(--line);border-radius:22px;transform:none;margin-top:34px}.portrait-label{display:block;font-size:.6875rem;letter-spacing:.7px;color:var(--muted);margin:0 0 13px}.about-portrait img{border:0;border-radius:12px;filter:none;box-shadow:none}.about-portrait:hover img{transform:none}.about-portrait figcaption{margin-top:15px;letter-spacing:0;line-height:1.5}.about-portrait figcaption strong{font-size:1rem;font-weight:500;color:var(--ink);display:block}.about-portrait figcaption span{display:block;font-size:.875rem;margin-top:4px}
.about-lenses{display:grid;gap:13px;margin:30px 0}.about-lenses article{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:24px;transition:border-color 300ms,transform 350ms var(--ease)}.about-lenses article:hover{border-color:var(--blue);transform:translateX(4px)}.about-lenses .lens-icon{flex:none;background:var(--blue-soft);border-radius:13px;width:43px;height:43px;display:grid;place-items:center;padding:10px}.lens-label{display:block;font-size:.6875rem;letter-spacing:.7px;color:var(--muted);margin-bottom:10px}.about-lenses h3{font-size:1.4rem}.lens-link{display:inline-block;font-size:.875rem;color:var(--blue);border-bottom:1px solid currentColor;margin-top:14px;padding-bottom:3px}
@media(max-width:1100px){.writing-elsewhere.conversation-section{grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);gap:30px}.conversation-card{grid-template-columns:100px minmax(0,1fr);gap:20px;padding:24px}.conversation-brand .brand-icon{width:40px;height:40px}.conversation-copy h4{font-size:1.65rem}}
@media(max-width:900px){.writing-elsewhere.conversation-section{grid-template-columns:1fr}.conversation-heading{max-width:600px}.conversation-heading h3{font-size:3rem}.conversation-card{grid-template-columns:150px minmax(0,1fr);min-height:340px}.conversation-controls{margin-top:20px}.about-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.about-lenses article{padding:20px;gap:14px}}
@media(max-width:700px){
 .writing-elsewhere.conversation-section{padding-top:40px;margin-top:45px;gap:18px}.conversation-heading h3{font-size:2.7rem}.conversation-heading>p:not(.eyebrow){margin-top:18px}.conversation-card{grid-template-columns:74px minmax(0,1fr);padding:21px 18px;gap:16px;flex-basis:calc(100% - 12px);border-radius:20px;min-height:385px}.conversation-brand{padding:12px 9px 0 0;gap:13px}.conversation-brand .brand-icon{width:35px;height:35px}.conversation-brand>strong{font-size:1.1rem}.conversation-brand>span{font-size:.6875rem}.conversation-copy h4{font-size:1.55rem;line-height:1.15}.conversation-copy .eyebrow{font-size:.6875rem;letter-spacing:.6px;margin-top:10px;margin-bottom:17px}.conversation-copy>p:not(.eyebrow){font-size:.875rem}.conversation-action{padding-top:22px}.conversation-cta{padding:10px 13px;font-size:.875rem}.conversation-tabs{gap:3px}.conversation-tabs button{padding:8px 9px;font-size:.8125rem;min-height:44px}
 .about-grid{grid-template-columns:1fr;gap:35px}.about-intro{display:block}.about-portrait{margin-top:28px;width:min(100%,350px)}.about-copy .large-copy{font-size:2.35rem}.about-lenses article{padding:21px;gap:15px}.about-lenses article:hover{transform:none}
 /* Keep expanded links on one line, with comfortable vertical tap targets. */
 .header nav{flex-wrap:nowrap;display:flex;gap:6px;justify-content:space-between;font-size:.875rem}.header nav a{flex:0 1 auto;white-space:nowrap;min-width:0}.js-nav .header nav[data-open]{max-height:85px}
 .connect-section{width:calc(100% - 32px);padding:27px 21px;gap:28px}.contact-options{min-width:0}.contact-options>a.contact-main{padding:25px 22px;gap:22px}.contact-options .contact-main strong{font-size:clamp(1.8rem,8vw,2.7rem);line-height:1.1;letter-spacing:-.045em;overflow-wrap:normal}.contact-options .contact-main>span{font-size:.75rem;letter-spacing:.5px}.contact-options .contact-main small{font-size:1rem}.direct-email{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.contact-options .direct-email>a{font-size:.875rem;overflow-wrap:anywhere;min-width:0;flex:1 1 180px}.direct-email button{min-height:44px;flex:none}.contact-invitation h2{font-size:clamp(2.35rem,10vw,3rem)}
}
@media(max-width:380px){.header nav{font-size:.8125rem;gap:4px}.header nav a{flex:0 1 auto}.conversation-card{grid-template-columns:59px minmax(0,1fr);padding:18px 15px;gap:12px}.conversation-copy h4{font-size:1.4rem}.conversation-brand .brand-icon{width:30px;height:30px}.conversation-controls{gap:12px}.conversation-controls>button:not(.quiet-button){padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.conversation-cta:hover,.about-lenses article:hover{transform:none}.conversation-rail{scroll-behavior:auto}}
@media print{.conversation-section{display:block!important}.conversation-rail{display:block;overflow:visible}.conversation-card{margin:15px 0;break-inside:avoid}.conversation-controls,.conversation-tabs{display:none!important}}

.contact-options .direct-email>a{overflow-wrap:normal}

.x-follow-embed iframe{border-radius:999px}

/* Platform silhouettes move behind the story; the reading surface stays calm. */
.conversation-window{overflow:visible}
.conversation-rail{padding:18px 12px 34px;scroll-padding-inline:12px;border-radius:0}
.conversation-rail[data-scrubbing]{scroll-snap-type:none}
.conversation-card{--platform:#6352ce;position:relative;isolation:isolate;overflow:hidden;background:color-mix(in srgb,var(--platform) 9%,var(--surface));box-shadow:0 9px 16px -10px var(--shadow),inset 0 1px 0 color-mix(in srgb,var(--paper) 65%,transparent);transition:transform 420ms var(--ease),box-shadow 420ms var(--ease),border-color 300ms}
.conversation-substack{--platform:#c66c3a}.conversation-linkedin{--platform:#387bbf}.conversation-x{--platform:#7565ba}.conversation-medium{--platform:#40806e}.conversation-dev{--platform:#7755bc}
.conversation-card>.conversation-brand,.conversation-card>.conversation-copy{position:relative;z-index:1}
.conversation-silhouette{position:absolute;right:-38px;bottom:-46px;width:65%;max-width:320px;height:auto;aspect-ratio:1;fill:currentColor;color:var(--platform);opacity:.10;pointer-events:none;transform:translate3d(var(--emblem-x,0px),var(--emblem-y,0px),0) rotate(-14deg);transition:opacity 400ms}
:root[data-theme=dark] .conversation-card{background:color-mix(in srgb,var(--platform) 13%,var(--surface))}
:root[data-theme=dark] .conversation-silhouette{color:color-mix(in srgb,var(--platform) 60%,white);opacity:.12}
.conversation-card:focus-within{border-color:var(--blue);box-shadow:0 16px 24px -12px var(--shadow)}
@media(hover:hover) and (pointer:fine){.conversation-card:hover{transform:translateY(-6px) rotate(-.45deg);border-color:color-mix(in srgb,var(--platform) 65%,var(--line));box-shadow:0 21px 28px -14px var(--shadow)}.conversation-card:hover .conversation-silhouette{opacity:.16}}
.about-portrait{transform:rotate(-3deg);transform-origin:50% 70%;box-shadow:0 14px 28px -16px var(--shadow);transition:transform 600ms var(--ease),box-shadow 600ms var(--ease)}
.portrait-reveal{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;overflow:hidden}
.about-portrait .portrait-reveal img{display:block;filter:grayscale(1);transform:scale(1);transition:filter 650ms,transform 650ms var(--ease)}
.about-portrait[data-colour],.about-portrait:has(.portrait-reveal:focus-visible){transform:rotate(0) translateY(-5px);box-shadow:0 22px 35px -17px var(--shadow)}
.about-portrait[data-colour] img,.about-portrait:has(.portrait-reveal:focus-visible) img{filter:grayscale(0);transform:scale(1.025)}
.about-portrait:after{pointer-events:none;transition:transform 600ms var(--ease)}
@media(hover:hover) and (pointer:fine){.about-portrait:hover{transform:rotate(0) translateY(-5px);box-shadow:0 22px 35px -17px var(--shadow)}.about-portrait:hover img{filter:grayscale(0);transform:scale(1.025)}}
@media(max-width:700px){.conversation-rail{padding:14px 8px 28px;scroll-padding-inline:8px}.conversation-card{flex-basis:calc(100% - 4px)}.conversation-silhouette{width:82%;right:-35px;bottom:-30px;opacity:.08}.about-portrait{width:min(calc(100% - 12px),340px);margin-inline:6px;transform:rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){.conversation-card,.conversation-silhouette,.about-portrait,.about-portrait img{transition:none!important;transform:none!important}}

/* One short pinned chapter: scroll through the platforms, then return to the page. */
.writing-elsewhere.conversation-section{display:block}
.conversation-stage{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.45fr);gap:50px;align-items:center}
.conversation-section[data-pinned] .conversation-stage{position:sticky;top:var(--conversation-top,108px)}
.conversation-controls{margin-top:0;gap:12px}.conversation-controls>button:not(.quiet-button),.conversation-controls>.quiet-button,[data-thread-pause],[data-rail-prev],[data-rail-next]{display:inline-grid;place-items:center;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);flex:none}
.conversation-controls svg,[data-thread-pause] svg,[data-rail-prev] svg,[data-rail-next] svg{display:block;width:20px;height:20px}
.conversation-controls>button:hover,[data-thread-pause]:hover,[data-rail-prev]:hover,[data-rail-next]:hover{border-color:var(--blue);color:var(--blue)}
.conversation-tabs{margin-top:12px}
@media(max-width:1100px){.conversation-stage{grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);gap:30px}}
@media(max-width:900px){.conversation-stage{display:block}.conversation-heading{margin-bottom:22px}.conversation-section[data-pinned] .conversation-stage{position:static;height:100%}.conversation-section[data-pinned] .conversation-window{position:sticky;top:var(--conversation-top,100px)}.conversation-heading h3{font-size:2.7rem}.conversation-controls{gap:12px}.conversation-controls>span{margin-right:auto}.conversation-rail{padding-bottom:22px}.conversation-tabs{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.conversation-section{height:auto!important}.conversation-stage,.conversation-window{position:static!important}}
@media print{.conversation-section{height:auto!important}.conversation-stage,.conversation-window{position:static!important}}

/* A compact five-stop orbit: stable tap areas, expressive current icon. */
.conversation-tabs{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;padding:7px 3px;margin-top:10px;isolation:isolate}
.conversation-tabs button{position:relative;flex:0 0 52px;width:52px;height:52px;min-height:52px;padding:14px;border:0;border-radius:50%;background:transparent;color:var(--muted);display:grid;place-items:center;transition:background 350ms,color 350ms,box-shadow 350ms,transform 450ms var(--ease)}
.conversation-tabs button>.brand-icon{width:23px;height:23px;fill:currentColor;transform:scale(.88);transition:transform 450ms var(--ease)}
.conversation-tabs button[aria-pressed=true]{color:var(--platform-tone);background:color-mix(in srgb,var(--platform-tone) 11%,var(--surface));box-shadow:0 5px 16px -9px var(--shadow);transform:scale(1.08)}
.conversation-tabs button[aria-pressed=true]>.brand-icon{transform:scale(1.12)}
.conversation-tabs button:hover{color:var(--platform-tone);background:color-mix(in srgb,var(--platform-tone) 8%,var(--surface))}
.conversation-tabs .platform-ring{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;transform:rotate(-90deg);pointer-events:none;opacity:0;transition:opacity 350ms}
.conversation-tabs button[aria-pressed=true] .platform-ring{opacity:1}.platform-ring-track{opacity:.2}.platform-ring-progress{stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--conversation-progress,0)*100)}
:root[data-theme=dark] .conversation-tabs button[aria-pressed=true],:root[data-theme=dark] .conversation-tabs button:hover{color:color-mix(in srgb,var(--platform-tone) 62%,white)}
@media(max-width:700px){.conversation-tabs{justify-content:space-between;gap:3px;padding:5px 2px;margin-top:8px}.conversation-tabs button{flex-basis:46px;width:46px;height:46px;min-height:46px;padding:12px}.conversation-tabs button>.brand-icon{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.conversation-tabs button,.conversation-tabs button>.brand-icon{transition:none;transform:none}.platform-ring-progress{display:none}}

.nav-scroll-hint{display:none}
@media(max-width:700px){
 .header nav{justify-content:flex-start;flex-wrap:nowrap;gap:16px;font-size:.9375rem;min-width:0;scroll-padding-inline:4px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
 .header nav a{flex:0 0 auto;min-height:48px;padding:10px 12px;display:flex;align-items:center;scroll-snap-align:start;border-radius:10px}
 .header nav a:hover,.header nav a:focus-visible{background:var(--blue-soft)}
 .js-nav .header nav[data-open]{overflow-x:auto;overflow-y:hidden;padding-bottom:6px;max-height:85px;scrollbar-width:thin;scrollbar-color:var(--blue) transparent}
 .header nav::-webkit-scrollbar{height:3px}.header nav::-webkit-scrollbar-thumb{background:var(--blue);border-radius:9px}
 .nav-scroll-hint:not([hidden]){display:flex;grid-column:1/-1;grid-row:3;align-items:center;justify-content:flex-end;gap:6px;font-size:.75rem;line-height:1.4;color:var(--muted);padding:5px 4px 1px}
 .nav-scroll-hint svg{width:16px;height:16px}.nav-scroll-hint[data-end] svg{transform:rotate(180deg)}
}

/* Mobile chapters stay in view while vertical scrolling unfolds the story. */
.journey-window{min-width:0}
.journey-window>.rail-navigation-controls{display:flex}
@media(max-width:959px){
 .journey-window>div:not(.journey-rail){display:flex;align-items:center;gap:12px;padding:0 20px 12px}
 .journey-window>div:not(.journey-rail) button{min-height:44px}
 .journey-window>div:not(.journey-rail) button:not(.quiet-button){width:44px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);display:grid;place-items:center}
 .journey-window>div:not(.journey-rail) svg{width:19px;height:19px}
 .journey-window>div:not(.journey-rail) .quiet-button{margin-left:auto;font-size:.75rem;padding:6px 10px}
 .journey-window>div:not(.journey-rail) .rail-count{font-size:.75rem;white-space:nowrap}
 .journey-is-pinned .journey-pin{height:100%;position:relative;top:auto}
 .journey-is-pinned .journey-window{position:sticky;top:var(--journey-top,88px)}
 .journey-is-pinned .journey-rail{scroll-snap-type:none}
 .journey-is-pinned .journey-bottom{display:none}
 .journey-card{padding:22px;position:relative}
 .journey-card .chapter-year{position:absolute;right:20px;top:63px;font-size:4rem;opacity:.14;margin:0;pointer-events:none}
 .journey-card h3{margin-top:22px}
 .journey-card .chapter-thought{margin:18px 0 14px}
 .journey-card .chapter-tags{padding-top:10px;margin-bottom:16px}
 .journey-card>small{margin-top:16px}
 .journey-card>p:not(.chapter-role):not(.chapter-thought){font-size:.875rem;line-height:1.55}
 .journey-card .chapter-meta{font-size:.65rem;gap:12px}
 .journey-card .chapter-tags span{font-size:.7rem}
}
.direct-email button{width:44px;height:44px;padding:11px;display:grid;place-items:center;position:relative;flex:0 0 44px;color:var(--ink)}
.direct-email button svg{width:20px;height:20px;grid-area:1/1;transition:opacity 180ms,transform 180ms}
.copied-glyph{opacity:0;transform:scale(.6)}
[data-copied] .copy-glyph{opacity:0;transform:scale(.6)}
[data-copied] .copied-glyph{opacity:1;transform:scale(1)}
.direct-email button[data-copied]{color:var(--blue);border-color:currentColor}
@media(max-width:700px){
 .mark-closing{gap:22px}
 .mark-closing .button{display:block;width:100%;max-width:350px;text-align:center;line-height:1.4;padding:16px 14px;font-size:.875rem;white-space:normal}
 .connect-section{display:grid;gap:30px;padding:28px 16px;width:calc(100% - 28px)}
 .contact-invitation{min-width:0}
 .contact-invitation h2{margin-bottom:0}
 .contact-invitation>p:last-child{margin:20px 0 0;line-height:1.6}
 .contact-options{min-width:0}
 .contact-options>a.contact-main{padding:25px 20px;gap:20px}
 .contact-options .contact-main>span{margin:0;line-height:1.5;font-size:.65rem;letter-spacing:.07em}
 .contact-options .contact-main strong{display:block;font-size:clamp(1.9rem,8.2vw,2.7rem);line-height:1.12}
 .contact-options .contact-main small{font-size:.875rem;line-height:1.5}
 .contact-options .contact-alternative{display:block;padding:28px 0 17px;font-size:.875rem;line-height:1.6}
 .contact-options .direct-email{display:flex;flex-wrap:nowrap;gap:6px;margin:0 -7px;padding-top:12px;border-top:1px solid var(--line)}
 .contact-options .direct-email>a{flex:1 1 auto;font-size:clamp(12px,3.15vw,14px);white-space:nowrap;letter-spacing:-.025em}
 .direct-email wbr{display:none}
 .direct-email button{flex-basis:44px}
 .copy-status:not(.sr-only){position:absolute;bottom:6px;font-size:.7rem}
}
@media(prefers-reduced-motion:reduce){.direct-email button svg{transition:none}}

@media(max-width:700px){.support-heading h2{font-size:clamp(2rem,8.2vw,3rem);overflow-wrap:normal;word-break:normal;line-height:1.12}.support-heading h2 em{display:inline-block}}

/* The opening thread is a short, scroll-driven chapter. */
.thread-bridge[data-scroll-thread] .thread-pin{position:sticky;top:var(--thread-top,108px)}
.thread-scroll-cue{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.875rem;white-space:nowrap}
.thread-scroll-cue[hidden]{display:none}
.thread-scroll-cue svg{width:18px;height:18px}
.thread-traveler{z-index:2;pointer-events:none}
@media(max-width:700px){.thread-scroll-cue{font-size:.75rem;gap:5px}.thread-scroll-cue svg{width:16px;height:16px}.thread-bridge .bridge-heading>.eyebrow{max-width:135px}}
@media(prefers-reduced-motion:reduce){.thread-pin{position:static!important}.thread-traveler{display:none!important}}
@media print{.thread-bridge{height:auto!important}.thread-pin{position:static!important}.thread-scroll-cue{display:none}}

/* Four small chapters, connected by the point that carries the story. */
.thread-bridge{--thread-bg:#eae6fb;--thread-accent:#4f40d9;background:var(--thread-bg);--blue:var(--thread-accent);--blue-soft:color-mix(in srgb,var(--thread-accent) 15%,transparent);transition:background-color 650ms ease}
.thread-bridge[data-thread-chapter=write]{--thread-bg:#f3e4df;--thread-accent:#a44a35}
.thread-bridge[data-thread-chapter=explore]{--thread-bg:#dfede8;--thread-accent:#276d60}
.thread-bridge[data-thread-chapter=become]{--thread-bg:#eee7d9;--thread-accent:#846023}
[data-theme=dark] .thread-bridge{--thread-bg:#282339;--thread-accent:#b4a5ff}
[data-theme=dark] .thread-bridge[data-thread-chapter=write]{--thread-bg:#34252c;--thread-accent:#eeaa93}
[data-theme=dark] .thread-bridge[data-thread-chapter=explore]{--thread-bg:#1c302e;--thread-accent:#92cfba}
[data-theme=dark] .thread-bridge[data-thread-chapter=become]{--thread-bg:#302c23;--thread-accent:#dcc190}
.thread-map>svg{height:100%}
.thread-stop[data-thread-active] .thread-symbol,.thread-stop:hover .thread-symbol,.thread-stop:focus-visible .thread-symbol{transform:none}
.thread-stop .thread-symbol{background:var(--thread-bg)}
.thread-stop[data-thread-active] .thread-symbol{background:var(--blue);color:var(--thread-bg)}
.thread-scenes{display:grid;margin-top:34px;border-top:1px solid color-mix(in srgb,var(--thread-accent) 22%,transparent);padding-top:30px}
.thread-scene{grid-area:1/1;display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;position:relative;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity 450ms ease,transform 550ms var(--ease),visibility 550ms;pointer-events:none}
.thread-scene[data-active]{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.thread-scene-copy{position:relative;z-index:1}
.thread-scene h3{font-size:clamp(1.65rem,2.5vw,2.4rem);line-height:1.12}
.thread-scene h3 em{color:var(--thread-accent)}
.thread-scene p{font-size:1rem;line-height:1.6;color:var(--muted);max-width:440px;margin-top:16px}
.thread-scene-number{position:absolute;right:0;top:-35px;font:10rem/1 var(--serif);color:var(--thread-accent);opacity:.07;pointer-events:none}
.thread-sequence{display:flex;align-items:start;justify-content:space-between;gap:12px;position:relative}
.thread-sequence:before{content:'';position:absolute;top:24px;left:24px;right:24px;height:1px;background:var(--thread-accent);opacity:.25;transform:scaleX(.15);transform-origin:left;transition:transform 950ms var(--ease)}
.thread-scene[data-active] .thread-sequence:before{transform:scaleX(1)}
.thread-sequence>span{display:flex;flex:1;flex-direction:column;align-items:center;gap:12px;text-align:center;position:relative;opacity:0;transform:translateY(9px);transition:opacity 500ms,transform 650ms var(--ease)}
.thread-scene[data-active] .thread-sequence>span{opacity:1;transform:none;transition-delay:150ms}
.thread-scene[data-active] .thread-sequence>span:nth-child(2){transition-delay:280ms}
.thread-scene[data-active] .thread-sequence>span:nth-child(3){transition-delay:410ms}
.thread-sequence i{display:grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--thread-accent) 35%,transparent);border-radius:50%;font:italic 1.2rem var(--serif);background:var(--thread-bg);color:var(--thread-accent)}
.thread-sequence b{font-weight:500;font-size:.875rem;line-height:1.3}
@media(max-width:700px){
 .thread-bridge .bridge-heading>.eyebrow{max-width:none}
 .thread-experience{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;margin-top:28px;align-items:stretch}
 .thread-map{margin:0;gap:28px;align-content:space-between}
 .thread-stop{padding:8px 0;grid-template-columns:30px minmax(0,1fr);column-gap:8px;row-gap:0;min-height:64px;align-items:center}
 .thread-stop .thread-symbol{width:30px;height:30px;font-size:1rem;grid-row:1}
 .thread-stop strong{font-size:1rem;letter-spacing:-.035em;white-space:nowrap}
 .thread-stop strong em{font-size:1.1em}
 .thread-stop small{display:none}
 .thread-stop[data-thread-active] .thread-symbol{box-shadow:0 0 0 5px var(--blue-soft)}
 .thread-scenes{margin:0;padding:0 0 0 17px;border-top:0;border-left:1px solid color-mix(in srgb,var(--thread-accent) 22%,transparent)}
 .thread-scene{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:26px;min-height:400px}
 .thread-scene h3{font-size:1.6rem;line-height:1.12;letter-spacing:-.035em}
 .thread-scene h3 br{display:none}
 .thread-scene p{font-size:.9375rem;line-height:1.55;margin-top:16px}
 .thread-scene-number{font-size:7rem;top:auto;bottom:0;right:-8px}
 .thread-sequence{flex-direction:column;gap:12px}
 .thread-sequence:before{top:15px;bottom:15px;left:15px;width:1px;height:auto;right:auto;transform:scaleY(.15);transform-origin:top}
 .thread-scene[data-active] .thread-sequence:before{transform:scaleY(1)}
 .thread-sequence>span{flex-direction:row;gap:10px;text-align:left}
 .thread-sequence i{width:30px;height:30px;font-size:.875rem;flex:none}
 .thread-sequence b{font-size:.8125rem}
}
@media(max-width:360px){.thread-experience{grid-template-columns:82px minmax(0,1fr);gap:10px}.thread-scenes{padding-left:12px}.thread-stop{grid-template-columns:26px minmax(0,1fr);column-gap:6px}.thread-stop .thread-symbol{width:26px;height:26px;font-size:.875rem}.thread-stop strong{font-size:.875rem}.thread-scene h3{font-size:1.4rem}.thread-scene p{font-size:.875rem}.thread-scene{gap:20px}}
.thread-bridge[data-thread-static] .thread-scenes{gap:30px}
.thread-bridge[data-thread-static] .thread-scene{grid-area:auto;opacity:1;visibility:visible;transform:none;pointer-events:auto}
.thread-bridge[data-thread-static] .thread-sequence>span{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.thread-bridge,.thread-scene,.thread-sequence:before,.thread-sequence>span{transition:none}.thread-experience{display:block}.thread-bridge .thread-map{margin-bottom:30px}.thread-scenes{border-left:0;padding-left:0}.thread-scene{min-height:0}}

/* Reliable notebook forms, with a direct route always available. */
.publication iframe{height:400px}
.publication .embed-fallback{min-height:48px;display:flex;align-items:center;justify-content:center;padding:12px 16px;font-size:.8125rem;color:var(--ink);text-underline-offset:4px}
@media(max-width:700px){.publication iframe{height:440px}}
/* Scroll through the three decisions in the mark without separating image and text. */
.mark-section{overflow:clip}
.mark-scroll{margin-top:25px;position:relative}
.mark-story{margin-top:0}
[data-mark-pinned] .mark-story{position:sticky;top:var(--mark-top,108px)}
.mark-route,.mark-route-ink{fill:none;stroke:#6750d7;stroke-width:2}
.mark-route{opacity:.14}
.mark-route-ink{opacity:.5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--mark-progress,0))}
.mark-traveler{fill:#5143df;stroke:#ece1fb;stroke-width:4}
[data-mark-compact] .mark-art{width:180px}
[data-mark-compact] .mark-art-caption{display:none}
[data-mark-compact] .mark-preface{display:none}
[data-mark-compact] .mark-story{grid-template-columns:1fr;gap:8px;align-content:start}
[data-mark-compact] .mark-chapters{width:100%}
[data-mark-compact] .mark-chapters summary{padding:9px 0;min-height:44px;font-size:1rem;gap:8px}
[data-mark-compact] .mark-chapters details p{font-size:.875rem;line-height:1.55;padding:0 0 12px}
[data-mark-compact] .mark-chapters>.text-link{margin-top:12px}
[data-mark-compact] .mark-hotspot{width:36px;height:36px;font-size:.875rem}
@media(max-width:700px){.mark-section{padding:20px}.mark-scroll{margin-top:22px}.mark-heading h3{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){.mark-route,.mark-route-ink,.mark-traveler{display:none}.mark-story{position:static!important}}
@media print{.mark-scroll{height:auto!important}.mark-story{position:static!important}}

/* Let headings, content and transitions carry the section introductions. */
.hero-top{justify-content:flex-end}.thread-experience{margin-top:0}.thread-map{margin-top:0}.contact-invitation h2{margin-top:20px}.contact-options .contact-main strong{margin:0}

/* Support is a sequence of invitations, with one clear focus at a time. */
.support-section{--support-bg:#f3c965;--support-ink:#2f2215;--support-muted:#65502f;--support-surface:#fff5d8;--support-accent:#765112;background:var(--support-bg);color:var(--support-ink);overflow:clip;padding:80px 0 60px;transition:background-color 650ms ease,color 450ms}
.support-section[data-support-scene=patreon]{--support-bg:#e98674;--support-ink:#361c26;--support-muted:#663b40;--support-surface:#ffede6;--support-accent:#8e3545}
.support-section[data-support-scene=share]{--support-bg:#5142d5;--support-ink:#fff;--support-muted:#e4ddff;--support-surface:#6253df;--support-accent:#fff}
[data-theme=dark] .support-section{--support-bg:#30291d;--support-ink:#fff0ce;--support-muted:#d0bc96;--support-surface:#3b3223;--support-accent:#f3cb73}
[data-theme=dark] .support-section[data-support-scene=patreon]{--support-bg:#35232c;--support-ink:#ffe8e1;--support-muted:#d6b4b6;--support-surface:#422b34;--support-accent:#f4a394}
[data-theme=dark] .support-section[data-support-scene=share]{--support-bg:#262044;--support-ink:#f5efff;--support-muted:#c7bfe1;--support-surface:#322a56;--support-accent:#c2b0ff}
.support-heading{max-width:900px;margin-bottom:65px}
.support-heading h2 em{color:inherit;opacity:.82}
.support-heading>p:not(.eyebrow){color:var(--support-muted);font-size:1rem}
.support-scroll{position:relative}
.support-pin{position:relative;isolation:isolate}
.support-section[data-support-pinned] .support-pin{position:sticky;top:var(--support-top,108px)}
.support-pin .support-atmosphere{inset:-130px -25vw;z-index:-1;overflow:hidden}
.support-atmosphere span{border-color:color-mix(in srgb,var(--support-ink) 18%,transparent);background:radial-gradient(circle at 30% 30%,#ffffff22,transparent 65%)}
.support-window{position:relative;max-width:840px;margin:0 auto;perspective:1200px}
.support-scene{margin-bottom:32px}
[data-support-pinned] .support-window{display:grid}
[data-support-pinned] .support-scene{grid-area:1/1;margin:0;will-change:transform,opacity;transform:translate(var(--support-x,0%),var(--support-y,0px)) scale(var(--support-scale,1));opacity:var(--support-opacity,1)}
.support-card{height:100%;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--support-ink) 20%,transparent);border-radius:32px;background:var(--support-surface);box-shadow:0 16px 36px #24142016;padding:38px 54px 32px;display:flex;align-items:center;flex-direction:column;text-align:center;transform:perspective(1000px) rotateX(calc(var(--support-pointer-y,0)*-2deg)) rotateY(calc(var(--support-pointer-x,0)*3deg));transition:transform 550ms var(--ease),box-shadow 450ms,background 650ms,border-color 450ms}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.support-card:hover{box-shadow:0 25px 70px #24142030;border-color:var(--support-accent);transform:perspective(1000px) translateY(-5px) rotateX(calc(var(--support-pointer-y,0)*-2deg)) rotateY(calc(var(--support-pointer-x,0)*3deg))}}
.support-card:focus-within{border-color:var(--support-accent)}
.support-card>*:not(.support-watermark){position:relative;z-index:1}
.support-platform{display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:500;color:var(--support-ink)}
.support-brand-icon{width:40px;height:40px;fill:currentColor;flex:none}
.support-platform svg[stroke]{fill:none}
.support-card h3{font-size:clamp(2.3rem,4vw,3.7rem);line-height:1.08;letter-spacing:-.045em;margin:25px 0 20px}
.support-card h3 em{color:var(--support-accent)}
.support-story{font-size:1rem;line-height:1.65;max-width:490px;color:var(--support-muted)}
.support-belief{font:italic 1.4rem/1.2 var(--serif);margin-top:19px;color:var(--support-ink)}
.support-actions{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-top:26px;min-height:48px}
.support-unavailable,.support-primary{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;border-radius:99px;font-size:.9375rem}
.support-unavailable{border:1px dashed var(--support-accent);color:var(--support-muted)}
.support-primary{background:var(--support-ink);color:var(--support-bg);box-shadow:0 4px 0 #0002}
.support-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 0;font-size:.875rem;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--support-ink)}
.support-actions .share-status{width:100%;margin:0;color:var(--support-muted)}
.support-watermark{position:absolute;right:-40px;bottom:-70px;transform:translate(calc(var(--support-pointer-x,0)*-18px),calc(var(--support-pointer-y,0)*-18px));opacity:.055;color:var(--support-ink);pointer-events:none;transition:transform 650ms var(--ease)}
.support-watermark .support-brand-icon{width:350px;height:350px}
.support-watermark svg[stroke]{fill:none}
.support-choices{display:flex;justify-content:center;gap:14px;margin:20px auto 0;position:relative;z-index:2}
.support-choices[hidden]{display:none}
.support-choices button{position:relative;display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:99px;background:transparent;color:var(--support-muted);padding:10px 18px;min-height:48px;font-size:.875rem;transition:background 300ms,color 300ms,transform 300ms}
.support-choices .support-brand-icon{width:19px;height:19px}
.support-choices svg[stroke]{fill:none}
.support-choices button[aria-pressed=true]{background:var(--support-surface);color:var(--support-ink);border-color:color-mix(in srgb,var(--support-ink) 20%,transparent);box-shadow:0 4px 12px #0001}
.support-choices i{position:absolute;bottom:4px;left:25%;right:25%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left}
.support-choices button[aria-pressed=true] i{transform:scaleX(var(--support-chapter-progress,0))}
@media(max-width:700px){
 .support-section{padding:60px 0 45px}
 .support-heading{margin-bottom:35px}
 .support-section>.wrap{width:calc(100% - 32px)}
 .support-card{padding:24px 22px;border-radius:24px}
 .support-platform{font-size:.875rem;gap:10px}
 .support-platform .support-brand-icon{width:32px;height:32px}
 .support-card h3{font-size:clamp(1.9rem,8.2vw,2.7rem);margin:20px 0 16px}
 .support-story{font-size:1rem;line-height:1.5}
 .support-belief{font-size:1.2rem;margin-top:16px}
 .support-actions{margin-top:22px;gap:12px;flex-direction:column}
 .support-unavailable,.support-primary{min-height:44px;padding:10px 22px;font-size:.875rem}
 .support-secondary{min-height:44px}
 .support-choices{gap:5px;margin-top:14px}
 .support-choices button{padding:9px 11px;gap:6px;min-height:44px;font-size:.8125rem}
 .support-choices .support-brand-icon{width:17px;height:17px}
 .support-watermark .support-brand-icon{width:270px;height:270px}
 .support-pin .support-atmosphere{inset:-70px -30vw}
}
@media(max-width:360px){.support-card{padding:20px 18px}.support-card h3{font-size:1.85rem}.support-story{font-size:.9375rem}.support-belief{font-size:1.1rem}.support-actions{margin-top:16px;gap:8px}}
@media(prefers-reduced-motion:reduce){.support-section,.support-card,.support-watermark,.support-choices button{transition:none}.support-card{transform:none!important}}
@media print{.support-scroll{height:auto!important}.support-pin{position:static!important}}

[data-support-pinned] .support-window{overflow:clip;padding:8px 12px 24px;margin-top:-8px}.support-choices{margin-top:0}
@media(max-width:700px){[data-support-pinned] .support-window{padding:6px 3px 15px}.support-choices{margin-top:0}}
.support-atmosphere{mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 82%,transparent)}
.support-scene[data-support-card=coffee]{--support-bg:#f3c965;--support-ink:#2f2215;--support-muted:#65502f;--support-surface:#fff5d8;--support-accent:#765112}
.support-scene[data-support-card=patreon]{--support-bg:#e98674;--support-ink:#361c26;--support-muted:#663b40;--support-surface:#ffede6;--support-accent:#8e3545}
.support-scene[data-support-card=share]{--support-bg:#5142d5;--support-ink:#fff;--support-muted:#e4ddff;--support-surface:#6253df;--support-accent:#fff}
[data-theme=dark] .support-scene[data-support-card=coffee]{--support-bg:#30291d;--support-ink:#fff0ce;--support-muted:#d0bc96;--support-surface:#3b3223;--support-accent:#f3cb73}
[data-theme=dark] .support-scene[data-support-card=patreon]{--support-bg:#35232c;--support-ink:#ffe8e1;--support-muted:#d6b4b6;--support-surface:#422b34;--support-accent:#f4a394}
[data-theme=dark] .support-scene[data-support-card=share]{--support-bg:#262044;--support-ink:#f5efff;--support-muted:#c7bfe1;--support-surface:#322a56;--support-accent:#c2b0ff}

/* The purpose stays in view above every support option. */
.support-pin>.support-heading{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:30px;max-width:840px;margin:0 auto 24px;padding:0 12px}
.support-pin>.support-heading h2{font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:1.08;flex:1.1}
.support-pin>.support-heading>p:not(.eyebrow){flex:1;max-width:360px;font-size:.9375rem;line-height:1.5;margin:0}
.support-pin>.support-heading p br{display:none}
@media(max-width:700px){
 .support-pin>.support-heading{display:block;text-align:center;margin-bottom:18px;padding:0 5px}
 .support-pin>.support-heading h2{font-size:1.65rem;line-height:1.08}
 .support-pin>.support-heading>p:not(.eyebrow){font-size:.875rem;line-height:1.4;margin:12px auto 0;max-width:350px}
 .support-card{padding:20px}
 .support-card h3{font-size:1.85rem;margin:16px 0 13px}
 .support-actions{flex-direction:row;gap:12px;margin-top:18px}
 .support-primary,.support-unavailable{padding:10px 16px}
 .support-secondary{font-size:.8125rem}
}
@media(max-width:360px){.support-pin>.support-heading h2{font-size:1.5rem}.support-pin>.support-heading>p:not(.eyebrow){font-size:.8125rem;line-height:1.45}.support-card{padding:18px 16px}.support-card h3{font-size:1.7rem}.support-actions{gap:10px}.support-unavailable,.support-primary{padding:10px 13px;font-size:.8125rem}}

/* Keep the journey's context with its cards whenever the viewport has room. */
[data-journey-context] .journey-window>.section-heading{display:block;padding:0 20px;margin:0 auto 14px;width:100%}
[data-journey-context] .section-heading h2{font-size:1.65rem;line-height:1.12}
[data-journey-context] .section-heading h2 br{display:none}
[data-journey-context] .rail-navigation{margin-top:7px;text-align:left}
[data-journey-context] .rail-navigation p{margin:0;font-size:.8125rem;line-height:1.4}
[data-journey-context] .journey-window>.section-heading>div{display:block}
/* Give phone cards their presence back; the shared heading stays a compact anchor. */
@media(max-width:700px){
 .support-section>.wrap{width:calc(100% - 22px)}
 .support-card{min-height:410px;padding:27px 22px;justify-content:center}
 .support-card h3{font-size:2.15rem;line-height:1.1;margin:22px 0 18px}
 .support-story{font-size:1rem;line-height:1.55}
 .support-actions{margin-top:25px;gap:18px}
 .support-pin>.support-heading{margin-bottom:18px}
 .support-pin>.support-heading h2{font-size:1.5rem}
 .support-pin>.support-heading>p:not(.eyebrow){font-size:.8125rem;margin-top:8px;line-height:1.4}
}
@media(max-width:360px){
 .support-card{min-height:390px;padding:23px 18px}
 .support-card h3{font-size:1.95rem;margin:19px 0 15px}
 .support-story{font-size:.9375rem;line-height:1.5}
 .support-actions{margin-top:22px;gap:14px}
 .support-pin>.support-heading h2{font-size:1.4rem}
}
@media(max-width:700px){.support-actions{flex-direction:column;gap:12px}.support-actions .share-status{max-width:240px}}
@media(min-width:701px){
 .support-pin>.support-heading{display:block;text-align:center;max-width:940px;margin-bottom:25px}
 .support-pin>.support-heading h2{font-size:clamp(2.7rem,4.5vw,4.2rem);line-height:1.03;font-weight:500}
 .support-pin>.support-heading>p:not(.eyebrow){max-width:590px;font-size:1rem;line-height:1.5;margin:18px auto 0}
}
@media(min-width:701px) and (max-height:880px){.support-pin>.support-heading h2{font-size:clamp(2.7rem,4vw,3.35rem)}.support-pin>.support-heading{margin-bottom:20px}.support-pin>.support-heading>p:not(.eyebrow){margin-top:14px}}

/* Carry the title and introduction with the content they explain. */
.mark-scroll{margin-top:0}
.mark-pin{position:relative}
/* Sticky layers isolate blending; supply the exact section colour locally. */
.mark-art{background:var(--mark-bg);isolation:isolate}
[data-mark-pinned] .mark-pin{position:sticky;top:var(--mark-top,108px)}
[data-mark-pinned] .mark-story{position:static}
.mark-pin .mark-heading{margin-bottom:24px}
.mark-pin .mark-heading h3{font-size:clamp(2.2rem,3.1vw,3rem)}
.mark-pin .mark-heading>p{font-size:.9375rem;max-width:310px}
.mark-pin .mark-story{margin-top:0}
@media(max-width:900px){
 .mark-pin .mark-heading{display:block;text-align:center;margin-bottom:15px}
 .mark-pin .mark-heading h3{font-size:1.65rem;line-height:1.08}
 .mark-pin .mark-heading>p{font-size:.875rem;line-height:1.4;margin:10px auto 0;max-width:310px}
 [data-mark-compact] .mark-art{width:160px}
 [data-mark-compact] .mark-story{gap:6px}
 .conversation-section[data-pinned] .conversation-stage{position:sticky;top:var(--conversation-top,88px);height:auto}
 .conversation-section[data-pinned] .conversation-window{position:static}
 .conversation-heading{margin-bottom:14px}
 .conversation-heading h3{font-size:1.75rem;line-height:1.1}
 .conversation-heading>p:not(.eyebrow){font-size:.875rem;line-height:1.45;margin-top:10px}
 .conversation-heading>p br{display:none}
}
@media(max-width:380px){
 .mark-pin .mark-heading h3{font-size:1.5rem}
 .mark-pin .mark-heading>p{font-size:.8125rem;margin-top:8px}
 [data-mark-compact] .mark-art{width:140px}
 .conversation-card{display:flex;flex-direction:column;gap:14px;padding:18px;min-height:335px}
 .conversation-brand{flex-direction:row;align-items:center;gap:10px;padding:0 0 12px;border-right:0;border-bottom:1px solid var(--line)}
 .conversation-brand .brand-icon{width:27px;height:27px}
 .conversation-brand>strong{font-size:1.2rem}
 .conversation-brand>span{display:none}
 .conversation-copy{flex:1}
 .conversation-copy h4{font-size:1.4rem;margin-bottom:12px}
 .conversation-action{padding-top:16px;gap:8px}
 .conversation-controls{margin-top:8px}
 .conversation-rail{padding-bottom:12px}
 .conversation-tabs{margin-top:4px}
 .journey-card{padding:18px}
 .journey-card h3{margin-top:16px}
 .journey-card .chapter-thought{margin:14px 0 10px}
 .journey-card>small{margin-top:12px}
 .journey-card .chapter-tags{margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce){.mark-pin{position:static!important}}
@media print{.mark-pin{position:static!important}}

/* One invitation, with the same editorial rhythm as the surrounding story. */
.connect-section{--contact-ink:#f7f2ff;--contact-muted:#d7cdec;--contact-line:#e0d2ff30;overflow:clip;display:flex;flex-direction:column;gap:30px;text-align:center;isolation:isolate;padding:64px 40px 30px;margin-block:60px 80px;background:radial-gradient(ellipse at 50% 0%,#9070ee40,transparent 65%),#302052;color:var(--contact-ink);border-color:#9f83e040;border-radius:32px;box-shadow:0 20px 65px var(--shadow)}
.connect-section:before,.connect-section:after{content:"";position:absolute;z-index:-1;width:370px;height:370px;border:1px solid var(--contact-line);border-radius:50%;pointer-events:none;transition:transform 1.2s var(--ease)}
.connect-section:before{left:-245px;top:20px;transform:rotate(-18deg) scaleY(1.35)}
.connect-section:after{right:-265px;bottom:-170px;transform:rotate(24deg) scaleY(1.4)}
.connect-section:hover:before,.connect-section:focus-within:before{transform:translate(14px,12px) rotate(0) scaleY(1.35)}
.connect-section:hover:after,.connect-section:focus-within:after{transform:translate(-16px,-12px) rotate(6deg) scaleY(1.4)}
.contact-invitation h2{margin:0;font-size:clamp(3rem,5.8vw,5.6rem);line-height:1.04;letter-spacing:-.055em}
.contact-invitation h2 em{display:inline-block;color:#cbb6ff;font-size:1.12em;line-height:1.12}
.contact-invitation>p:last-child{color:var(--contact-muted);margin:22px auto 0;max-width:430px;line-height:1.65;font-size:1rem}
.contact-options{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;min-width:0}
.contact-options>a.contact-main{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:17px 25px;min-height:58px;border:1px solid transparent;border-radius:100px;background:#f0e8ff;color:#2b1b48;box-shadow:0 7px 22px var(--shadow);transition:transform 260ms var(--ease),box-shadow 260ms,background 260ms}
.contact-options .contact-main strong{font-size:1rem;letter-spacing:-.015em;font-weight:500;line-height:1.35;display:block;margin:0}
.contact-main>svg{width:23px;height:23px;flex:none;transition:transform 300ms var(--ease)}
.contact-options>a.contact-main:is(:hover,:focus-visible){background:#2b1b48;color:#f0e8ff;transform:translateY(-3px);box-shadow:0 12px 28px #5143df25}
.contact-main:hover>svg{transform:rotate(-8deg)}
.contact-options>a.contact-alternative{padding:16px 0 0;font-size:.875rem;line-height:1.5;color:var(--contact-muted);border:0}
.contact-options>a.contact-alternative:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.contact-options .direct-email{align-self:stretch;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px;margin:28px 0 0;padding:20px 0 0;border-top:1px solid var(--contact-line)}
.contact-options .direct-email>a{flex:0 1 auto;font-size:.875rem;line-height:1.5;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;color:var(--contact-muted)}
.contact-options .direct-email>a:hover{color:#fff}
.contact-options .direct-email button{color:var(--contact-ink);background:transparent;border-color:transparent;border-radius:50%;width:44px;min-height:44px;flex:0 0 44px;transition:background 220ms,color 220ms}
.contact-options .direct-email button:hover{background:#ffffff14;color:#fff}
.contact-options .direct-email button[data-copied]{color:#d0c0ff;border-color:#d0c0ff}
.connect-section :is(a,button):focus-visible{outline-color:#ddceff}
@media(max-width:700px){
 .connect-section{width:calc(100% - 32px);padding:42px 20px 22px;gap:26px;margin-block:32px 52px;border-radius:25px}
 .contact-invitation h2{font-size:clamp(2rem,8.5vw,3.4rem);line-height:1.08}
 .contact-invitation h2 em{font-size:1.08em}
 .contact-invitation>p:last-child{font-size:1rem;line-height:1.6;margin-top:20px;max-width:320px}
 .contact-options>a.contact-main{padding:16px 21px;gap:10px;min-height:56px}
 .contact-options .contact-main strong{font-size:.9375rem;line-height:1.4}
 .contact-options .direct-email{margin-top:24px;padding-top:16px;gap:2px;margin-inline:-8px;align-self:auto;width:calc(100% + 16px)}
 .contact-options .direct-email>a{font-size:clamp(.75rem,3.3vw,.875rem);letter-spacing:-.025em;white-space:nowrap}
 .connect-section:before{left:-330px;top:5px}.connect-section:after{right:-335px;bottom:-150px}
}
@media(prefers-reduced-motion:reduce){.connect-section:before,.connect-section:after,.contact-main>svg{transition:none;transform:none!important}.contact-options>a.contact-main:hover{transform:none}}

.contact-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:clip;border-radius:inherit;transform:translate(calc(var(--contact-x,0)*12px),calc(var(--contact-y,0)*10px));transition:transform 700ms var(--ease)}
.contact-atmosphere:before{content:"";position:absolute;inset:-15%;background:radial-gradient(ellipse at var(--contact-light-x,50%) var(--contact-light-y,35%),#b79aff24,transparent 52%);opacity:.65;transition:opacity 600ms}
.connect-section:hover .contact-atmosphere:before,.connect-section:focus-within .contact-atmosphere:before{opacity:1}
.contact-atmosphere>span{position:absolute;width:170px;height:170px;border-radius:50%;border:1px solid #eadcff22;background:radial-gradient(circle at 30% 25%,#d5c0ff12,transparent 65%);box-shadow:inset 0 0 35px #c5a1ff08;animation:contact-drift 12s ease-in-out infinite alternate;animation-play-state:paused}
.connect-section[data-contact-visible] .contact-atmosphere>span{animation-play-state:running}
.contact-atmosphere>span:nth-child(1){left:-55px;top:34%;width:210px;height:210px}
.contact-atmosphere>span:nth-child(2){right:-18px;top:-70px;width:185px;height:185px;animation-delay:-5s;animation-duration:15s}
.contact-atmosphere>span:nth-child(3){right:4%;bottom:-75px;width:130px;height:130px;animation-delay:-8s;animation-duration:13s}
@keyframes contact-drift{from{transform:translate3d(0,-9px,0) scale(.96)}to{transform:translate3d(14px,14px,0) scale(1.04)}}
@media(max-width:700px){.contact-atmosphere>span:nth-child(1){left:-155px}.contact-atmosphere>span:nth-child(2){right:-120px}.contact-atmosphere>span:nth-child(3){right:-85px}}
@media(prefers-reduced-motion:reduce){.contact-atmosphere{transform:none!important;transition:none}.contact-atmosphere:before{transition:none}.contact-atmosphere>span{animation:none!important}}

.contact-gmail{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;color:#ddceff;background:#e3d4ff0c;border:1px solid #dbc9ff40;box-shadow:0 6px 24px #13072220;margin:0 auto 22px;transform:rotate(-5deg);transition:transform 500ms var(--ease),border-color 500ms}
.connect-section{transform:perspective(1400px) rotateX(calc(var(--contact-y,0)*-1.4deg)) rotateY(calc(var(--contact-x,0)*1.6deg));transition:transform 600ms var(--ease),box-shadow 600ms}
.connect-section:hover{box-shadow:0 26px 70px #2e15532e}
.connect-section:hover .contact-gmail,.connect-section:focus-within .contact-gmail{transform:rotate(0) scale(1.04);border-color:#eee4ff}
@media(max-width:700px){.contact-gmail{width:52px;height:52px;margin-bottom:20px}.connect-section{transform:none}}
@media(prefers-reduced-motion:reduce){.connect-section{transform:none!important;transition:none}.contact-gmail{transform:none!important;transition:none}}

.contact-gmail>svg{width:34px;height:34px}
.contact-watermark{position:absolute;right:-4%;top:24%;width:clamp(230px,32vw,430px);height:auto;color:#dcc5ff;opacity:.045;transform:translate(calc(var(--contact-x,0)*-14px),calc(var(--contact-y,0)*-10px)) rotate(-14deg);transition:transform 900ms var(--ease)}
@media(max-width:700px){.contact-gmail>svg{width:28px;height:28px}.contact-watermark{top:28%;right:-24%;width:235px;opacity:.045}}
@media(prefers-reduced-motion:reduce){.contact-watermark{transition:none;transform:rotate(-14deg)}}

/* The first impression carries the same tactile character as the full story. */
.hero{padding-top:24px;isolation:isolate}
.hero-grid{grid-template-columns:1.12fr 1fr;gap:56px;padding:38px 0 70px;min-height:650px}
.hero .ambient-field{opacity:.8}
.hero h1{font-size:clamp(3.6rem,6.2vw,6.5rem);line-height:1.025;letter-spacing:-.065em}
.hero h1 em{display:inline-block;position:relative;font-size:1.2em;padding:0 10px 7px 0}
.hero .intro{font-size:1.08rem;line-height:1.7;max-width:415px}
.hero-actions{margin-top:34px}
.field-stack{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:14px 0;position:relative;perspective:1400px}
.field-card{--hero-angle:0deg;--hero-x:0;--hero-y:0;width:100%;margin:0;min-width:0;overflow:hidden;padding:24px;border-radius:24px;isolation:isolate;transform:rotate(var(--hero-angle));transition:transform 550ms var(--ease),box-shadow 550ms var(--ease);box-shadow:0 3px 0 #1515280d,0 15px 30px var(--shadow)}
.field-card:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at calc(50% + var(--hero-x)*35%) calc(35% + var(--hero-y)*30%),#ffffff1f,transparent 62%);opacity:0;transition:opacity 350ms}
.field-card:hover,.field-card:focus-visible{transform:translateY(-7px) rotate(0deg) rotateX(calc(var(--hero-y)*-3deg)) rotateY(calc(var(--hero-x)*3deg));box-shadow:0 6px 0 #1515280c,0 25px 45px #21103b20;z-index:3}
.field-card:hover:after,.field-card:focus-visible:after{opacity:1}
.field-card-top{font-size:.65rem;letter-spacing:1px;gap:8px}
.field-card-top>.field-arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff45;border-radius:50%;font-size:1.2rem;transition:transform 400ms var(--ease)}
.field-card:hover .field-arrow,.field-card:focus-visible .field-arrow{transform:rotate(35deg)}
.field-build{grid-column:1/-1;--hero-angle:2deg;background:#4b3deb;color:#fff;padding:26px 30px}
.field-build h2{font-size:4.6rem;letter-spacing:-.065em;margin:16px 0 12px}
.hero-product p{font-size:1.2rem;line-height:1.35;letter-spacing:-.02em;color:#eee9ff;margin:0}
.hero-product-route{display:flex;align-items:center;gap:15px;margin:25px 0 20px;font-size:.72rem;color:#e6dfff}
.hero-product-route i{position:relative;flex:1;height:1px;background:#cbc0ff66}
.hero-product-route i:after{content:'';position:absolute;top:-3px;left:50%;width:7px;height:7px;background:#fff;border-radius:50%;box-shadow:0 0 0 5px #ffffff15;transition:left 900ms var(--ease)}
.field-build:hover .hero-product-route i:after,.field-build:focus-visible .hero-product-route i:after{left:95%}
.field-build .field-footer{padding-top:16px;border-top:1px solid #ffffff35;font-size:.66rem;align-items:center}
.hero-status{display:flex;align-items:center;gap:7px}
.hero-status:before{content:'';width:5px;height:5px;background:#d0f5d5;border-radius:50%}
.field-code{--hero-angle:-3deg;background:#202235;color:#f5f1ff}
.field-write{--hero-angle:3deg;background:#ebe0f7;color:#261b38}
.field-card .hero-card-glyph{display:block;margin:16px 0 12px;font:italic 2.3rem/1 var(--serif);color:#b6a9ff}
.field-write .hero-card-glyph{color:#796387}
.field-code h2,.field-write h2{font-size:1.6rem;line-height:1.1;letter-spacing:-.04em;margin:0 0 12px}
.field-code>p:last-child,.field-write>p:last-child{font-size:.78rem;line-height:1.5;color:#c8c4dc;margin:0;max-width:180px}
.field-write>p:last-child{color:#675373}
.field-write .field-card-top>.field-arrow{border-color:#79638755}
.header .support-nav.button{min-height:44px;padding:5px 6px 5px 17px;gap:14px;font-size:.8125rem;box-shadow:0 2px 0 #0002}
.header .support-nav.button>span{display:grid;margin:0;width:30px;height:30px;font-size:1rem}
.header .support-nav:hover,.header .support-nav:focus-visible{background:var(--ink);color:var(--paper);transform:translateY(-2px);box-shadow:0 4px 0 #0002}
.header .support-nav:focus-visible>span{transform:rotate(-25deg)}
/* A changing central thought anchors every destination. */
.thread-headings{display:grid;text-align:center;margin:0 auto 35px;max-width:760px}
.thread-heading{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity 400ms,transform 650ms var(--ease),visibility 650ms;pointer-events:none}
.thread-heading[data-active]{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.thread-heading h2{font-size:clamp(2.5rem,4vw,4rem);line-height:1.06}
.thread-heading h2 em{color:var(--thread-accent)}
.thread-heading p{max-width:580px;margin:18px auto 0;color:var(--muted);font-size:1rem;line-height:1.6}
.thread-scenes{margin-top:26px;padding-top:22px}
.thread-scene{grid-template-columns:1fr;gap:0;min-height:85px}
.thread-scene-number{display:none}
.thread-sequence{max-width:660px;width:100%;margin:auto}
.thread-stop{--stop-accent:#4f40d9;--stop-wash:#e6e0ff}
.thread-stop:nth-of-type(2){--stop-accent:#98442f;--stop-wash:#f2d7cc}
.thread-stop:nth-of-type(3){--stop-accent:#226a59;--stop-wash:#cbe7dc}
.thread-stop:nth-of-type(4){--stop-accent:#79551a;--stop-wash:#ece0c5}
.thread-stop:is([data-thread-active],[data-thread-visited]) .thread-symbol{background:var(--stop-accent);color:#fff;border-color:var(--stop-accent);box-shadow:0 0 0 6px var(--stop-wash)}
.thread-stop:is([data-thread-active],[data-thread-visited]) strong{color:var(--stop-accent)}
.thread-stop[data-thread-active] strong{transform:translateY(-3px)}
.thread-stop:hover strong,.thread-stop:focus-visible strong{transform:translateY(-5px)}
.thread-stop:hover .thread-symbol,.thread-stop:focus-visible .thread-symbol{box-shadow:0 0 0 9px var(--stop-wash)}
[data-theme=dark] .thread-stop{--stop-accent:#b5a4ff;--stop-wash:#413659}
[data-theme=dark] .thread-stop:nth-of-type(2){--stop-accent:#efab91;--stop-wash:#50382f}
[data-theme=dark] .thread-stop:nth-of-type(3){--stop-accent:#94d9bd;--stop-wash:#254b3d}
[data-theme=dark] .thread-stop:nth-of-type(4){--stop-accent:#e4c589;--stop-wash:#4f432b}
[data-theme=dark] .thread-stop:is([data-thread-active],[data-thread-visited]) .thread-symbol{color:#191923}
.thread-bridge[data-thread-static] .thread-headings{display:none}
.thread-bridge[data-thread-static] .thread-heading{grid-area:auto;opacity:1;visibility:visible;transform:none;margin:0 0 24px}
/* Keep purpose and proof in one measured panel. Short viewports stay linear. */
.story-pin{row-gap:30px}
.story-heading{grid-column:1/-1;margin:0;width:100%;align-items:center}
.story-heading h2{font-size:clamp(2.6rem,3.4vw,3.6rem)}
.story-heading>p{max-width:330px;font-size:.9375rem}
@media(min-width:960px) and (min-height:780px) and (prefers-reduced-motion:no-preference){
 .story-is-pinned .story-pin{row-gap:24px;column-gap:50px}
 .story-is-pinned .story-heading h2{font-size:clamp(2.3rem,3.1vw,3.2rem)}
 .story-is-pinned .story-intro h3{font-size:3.8rem;margin:8px 0 15px}
 .story-is-pinned .story-index{margin:15px 0}
 .story-is-pinned .story-index a{padding-block:8px}
 .story-is-pinned .story-card{padding:22px 28px}
 .story-is-pinned .story-card h4{margin:15px 0;font-size:2.25rem}
 .story-is-pinned .identity-diagram{margin:18px auto}
 .story-is-pinned .story-card>p{margin-top:16px}
}
@media(max-width:1100px){.hero-grid{gap:32px}.field-card{padding:20px}.field-build{padding:24px}.field-build h2{font-size:4rem}.field-code h2,.field-write h2{font-size:1.45rem}}
@media(max-width:700px){
 .hero{padding-top:18px}.hero-grid{grid-template-columns:1fr;gap:30px;padding:28px 0 50px;min-height:0}
 .hero h1{font-size:clamp(3.25rem,12vw,5rem);margin-bottom:24px}.hero .intro{font-size:1rem;max-width:360px}
 .hero-actions{flex-direction:row;gap:18px 22px;margin-top:26px}.hero-actions .text-link{font-size:.8125rem}
 .field-stack{gap:12px;padding:12px 3px}.field-card{padding:18px;border-radius:20px}.field-build{padding:22px 24px}
 .field-build h2{font-size:3.8rem}.hero-product p{font-size:1.12rem}.hero-product-route{margin:21px 0 18px}
 .field-card-top{font-size:.58rem;letter-spacing:.6px}.field-card-top>.field-arrow{width:26px;height:26px;font-size:1rem;flex:none}
 .field-code h2,.field-write h2{font-size:1.45rem}.field-card .hero-card-glyph{font-size:2rem;margin:17px 0 12px}.field-code>p:last-child,.field-write>p:last-child{font-size:.75rem}
 .header .support-nav.button{min-height:40px;padding:4px 5px 4px 12px;gap:8px;font-size:.75rem}.header .support-nav.button>span{width:27px;height:27px}
 .thread-headings{margin-bottom:25px;min-height:0}.thread-heading h2{font-size:clamp(2.2rem,8vw,3rem)}.thread-heading p{font-size:.9rem;margin-top:15px}
 .thread-experience{grid-template-columns:105px minmax(0,1fr);gap:20px}.thread-map{gap:16px}
 .thread-scene{min-height:290px;gap:0}.thread-scenes{margin-top:0;padding-top:0;padding-left:20px}.thread-sequence{width:auto;margin:auto 0}
 .thread-stop{min-height:56px}.thread-stop:is([data-thread-active],[data-thread-visited]) .thread-symbol{box-shadow:0 0 0 4px var(--stop-wash)}
 .story-heading h2{font-size:2.8rem}.story-heading>p{margin-top:22px;font-size:1rem}
}
@media(max-width:360px){.field-card{padding:14px}.field-build{padding:22px}.field-card-top{font-size:.53rem;letter-spacing:.1px}.field-card-top>.field-arrow{width:23px;height:23px}.field-code h2,.field-write h2{font-size:1.3rem}.header .support-nav.button{gap:6px;padding-left:10px}.header .support-nav.button>span{width:24px;height:24px}.thread-experience{grid-template-columns:92px minmax(0,1fr);gap:12px}.thread-scenes{padding-left:15px}}
@media(prefers-reduced-motion:reduce){.field-card,.field-card:hover,.field-card:focus-visible{transform:none}.thread-stop strong{transform:none!important}.thread-bridge[data-thread-static] .thread-scene{min-height:0}.thread-heading{transition:none}}
@media(min-width:960px) and (min-height:780px) and (prefers-reduced-motion:no-preference){
 .story-is-pinned .story-intro h3{font-size:3.5rem;margin:8px 0 12px}
 .story-is-pinned .story-description{font-size:1.15rem;margin-bottom:12px}
 .story-is-pinned .story-intro>p:not(.story-description){font-size:.875rem;line-height:1.5}
 .story-is-pinned .story-index{margin:12px 0}
 .story-is-pinned .story-index a{padding-block:7px;font-size:.8125rem}
 .story-is-pinned .story-links{gap:10px 16px}
 .story-is-pinned .story-links .button{min-height:45px;padding:6px 7px 6px 17px;font-size:.8125rem;gap:16px}
 .story-is-pinned .story-links .button>span{width:29px;height:29px}
 .story-is-pinned .story-links .text-link{font-size:.75rem}
 .story-is-pinned .story-reading{margin-top:12px}
 .story-is-pinned .story-card>p{font-size:.875rem;line-height:1.55}
 .story-is-pinned .ownership-map{margin:18px 0;gap:10px}
 .story-is-pinned .ownership-map>div{padding:13px}
 .story-is-pinned .story-card h4{font-size:2.1rem}
}
/* The chapter number and each stop's invitation remain part of the story. */
.thread-scene-number{display:block;top:-24px;right:0;font:8rem/1 var(--serif);opacity:.07;color:var(--thread-accent);z-index:0}
.thread-sequence{position:relative;z-index:1}
.thread-heading{transition:opacity 140ms ease,transform 300ms var(--ease),visibility 140ms;transform:translateY(-8px)}
.thread-heading[data-active]{transform:none;transition:opacity 400ms 150ms,transform 550ms 150ms var(--ease),visibility 0s 150ms}
@media(max-width:700px){
 .thread-experience{grid-template-columns:122px minmax(0,1fr);gap:17px}
 .thread-map{gap:12px}.thread-stop{min-height:69px;align-content:center}
 .thread-stop small{display:block;grid-column:2;font-size:.64rem;line-height:1.35;letter-spacing:0;color:var(--muted);max-width:88px;margin-top:5px}
 .thread-scene{min-height:330px}
 .thread-scene-number{font-size:7rem;top:auto;bottom:0;right:-5px;opacity:.08}
}
@media(max-width:360px){.thread-experience{grid-template-columns:110px minmax(0,1fr);gap:12px}.thread-scenes{padding-left:12px}.thread-stop small{font-size:.6rem;max-width:76px}.thread-sequence b{font-size:.75rem}.thread-sequence>span{gap:7px}}
@media(prefers-reduced-motion:reduce){.thread-heading,.thread-heading[data-active]{transition:none}.thread-scene-number{display:none}}
@media(max-width:700px){.field-build h2{font-size:clamp(2.8rem,14vw,3.8rem)}}
@media(max-width:380px){
 .field-code,.field-write{grid-column:1/-1;padding:21px 23px}
 .field-code h2,.field-write h2{font-size:1.7rem;max-width:190px;margin-top:20px}
 .field-code .hero-card-glyph,.field-write .hero-card-glyph{position:absolute;right:23px;bottom:18px;font-size:3.2rem;opacity:.2;margin:0}
 .field-code>p:last-child,.field-write>p:last-child{max-width:190px}
 .field-card-top{font-size:.62rem;letter-spacing:.5px}
 .header .wordmark{font-size:1.45rem}
}
/* Actual brand marks echo the social and support cards, behind the words. */
.field-card>.hero-brand{position:absolute;pointer-events:none;z-index:-1;max-width:none;width:180px;height:180px;right:-42px;bottom:-35px;opacity:.1;transform:translate(calc(var(--hero-x)*8px),calc(var(--hero-y)*8px)) rotate(-12deg);transition:transform 650ms var(--ease),opacity 500ms}
.field-build>.hero-brand-rootmail{width:280px;height:280px;right:-45px;bottom:4px;opacity:.085}
.field-code>.hero-brand-github{color:#c0b6ff;right:-50px;bottom:-40px;opacity:.12}
.field-write>.hero-brand-pascal{width:260px;height:260px;right:-60px;bottom:-45px;mix-blend-mode:darken;opacity:.15}
.field-code h2,.field-write h2{margin-top:34px;position:relative}
.field-card:hover>.hero-brand,.field-card:focus-visible>.hero-brand{transform:translate(calc(var(--hero-x)*10px),calc(var(--hero-y)*10px)) rotate(-5deg) scale(1.05);opacity:.18}
.field-build:hover>.hero-brand-rootmail{opacity:.12}
@media(max-width:700px){.field-code h2,.field-write h2{margin-top:30px}.field-build>.hero-brand-rootmail{width:230px;height:230px;right:-48px;bottom:25px}.field-write>.hero-brand-pascal{width:220px;height:220px;right:-65px;bottom:-33px}}
@media(max-width:380px){.field-code h2,.field-write h2{margin-top:20px}.field-card>.hero-brand-github{right:-13px;bottom:-46px}.field-write>.hero-brand-pascal{right:-18px;bottom:-48px}}
@media(prefers-reduced-motion:reduce){.field-card>.hero-brand,.field-card:hover>.hero-brand{transform:rotate(-8deg);transition:none}}
/* A phone-sized Rootmail chapter: introduce the work, then turn through its proof. */
@media(max-width:959px) and (prefers-reduced-motion:no-preference){
 .story-mobile-track{min-width:0}
 .story-mobile-panel{display:grid;gap:18px;min-width:0}
 .story-mobile-pinned .story-mobile-panel{position:sticky;top:88px}
 :is(.story-mobile-pinned,.story-mobile-candidate) .story-heading{display:block;margin:0}
 :is(.story-mobile-pinned,.story-mobile-candidate) .story-heading h2{font-size:2.1rem;line-height:1.05}
 :is(.story-mobile-pinned,.story-mobile-candidate) .story-heading>p{margin-top:12px;max-width:480px;font-size:.8125rem;line-height:1.45}
 :is(.story-mobile-pinned,.story-mobile-candidate) .story-heading>p br{display:none}
 :is(.story-mobile-pinned,.story-mobile-candidate) .story-deck{display:grid;gap:0;perspective:1400px;isolation:isolate}
 :is(.story-mobile-pinned,.story-mobile-candidate) .story-card{grid-area:1/1;position:relative;padding:20px;border-radius:20px;min-width:0;transform-origin:50% 0%;backface-visibility:hidden;opacity:var(--page-opacity,1);z-index:var(--page-layer,1);transform:translateY(calc(var(--page-depth,0)*10px - var(--page-turn,0)*8px)) rotateX(calc(var(--page-turn,0)*-96deg)) rotateZ(calc(var(--page-depth,0)*1deg)) scale(calc(1 - var(--page-depth,0)*.025));box-shadow:0 4px 0 #070a1433,0 12px 24px #070a1426;transition:none}
 .story-mobile-pinned.story-manual .story-card{transition:transform 700ms var(--ease),opacity 700ms}
 .story-mobile-pinned .story-card[data-inactive]{pointer-events:none}
 :is(.story-mobile-pinned,.story-mobile-candidate) .story-card-top{font-size:.6rem;letter-spacing:.3px;gap:8px}
 :is(.story-mobile-pinned,.story-mobile-candidate) .story-card h4{font-size:1.8rem;margin:17px 0;line-height:1.1}
 :is(.story-mobile-pinned,.story-mobile-candidate) .story-card>p{font-size:.8125rem;line-height:1.5;margin-top:17px}
 :is(.story-mobile-pinned,.story-mobile-candidate) .diagram-caption{font-size:.65rem;margin-top:10px}
 :is(.story-mobile-pinned,.story-mobile-candidate) .identity-diagram{margin:18px auto}
 :is(.story-mobile-pinned,.story-mobile-candidate) .diagram-source{font-size:.75rem;padding:5px 15px}
 :is(.story-mobile-pinned,.story-mobile-candidate) .diagram-hub{font-size:1.4rem;padding:7px}
 :is(.story-mobile-pinned,.story-mobile-candidate) .diagram-tenants{gap:12px}
 :is(.story-mobile-pinned,.story-mobile-candidate) .diagram-tenants>div{padding:8px 5px}
 :is(.story-mobile-pinned,.story-mobile-candidate) .diagram-tenants small{font-size:.65rem}
 :is(.story-mobile-pinned,.story-mobile-candidate) .tenant-letter{width:23px;height:23px;margin-bottom:5px}
 :is(.story-mobile-pinned,.story-mobile-candidate) .message-path{margin:15px 0}
 :is(.story-mobile-pinned,.story-mobile-candidate) .message-path li{padding:8px 0}
 :is(.story-mobile-pinned,.story-mobile-candidate) .message-path strong{font-size:.8125rem}
 :is(.story-mobile-pinned,.story-mobile-candidate) .message-path small{font-size:.75rem;line-height:1.4}
 :is(.story-mobile-pinned,.story-mobile-candidate) .ownership-map{gap:8px;margin:18px 0}
 :is(.story-mobile-pinned,.story-mobile-candidate) .ownership-map>div{padding:11px}
 :is(.story-mobile-pinned,.story-mobile-candidate) .ownership-map strong{font-size:.85rem}
 :is(.story-mobile-pinned,.story-mobile-candidate) .ownership-map small{font-size:.7rem;line-height:1.4;margin-top:5px}
 :is(.story-mobile-pinned,.story-mobile-candidate) .ownership-map>div>span{font-size:.875rem;margin-bottom:5px}
 :is(.story-mobile-pinned,.story-mobile-candidate) .tech-tags{margin-top:14px;gap:5px}
 :is(.story-mobile-pinned,.story-mobile-candidate) .tech-tags span{font-size:.625rem;padding:3px 8px}
}
@media(max-width:959px) and (prefers-reduced-motion:no-preference){
 :is(.story-mobile-pinned,.story-mobile-candidate) .story-pin{grid-template-columns:1fr;row-gap:24px}
 .story-mobile-pinned .story-heading{position:sticky;top:88px;z-index:8;align-self:start;background:#111626;box-shadow:0 15px 18px #111626}
 .story-mobile-pinned .story-mobile-panel{top:var(--mobile-story-top,230px)}
}
@media(max-width:959px){.story-reading:has([data-story-expand]:not([hidden])){display:flex}}
/* Keep the opening invitations as a layered stack, with Rootmail leading. */
.hero .field-stack{display:flex;flex-direction:column;gap:14px;padding:12px 4px}
.hero .field-card{width:calc(100% - 12px);flex:none}
.hero .field-build{align-self:flex-end;--hero-angle:2deg}
.hero .field-code{align-self:flex-start;--hero-angle:-2.5deg}
.hero .field-write{align-self:flex-end;--hero-angle:2deg}
.hero .field-code,.hero .field-write{display:grid;grid-template-columns:1fr minmax(110px,.75fr);gap:0 25px;padding:20px 25px}
.hero .field-code .field-card-top,.hero .field-write .field-card-top{grid-column:1/-1}
.hero .field-code h2,.hero .field-write h2{font-size:1.7rem;line-height:1.08;margin:13px 0 2px;max-width:none}
.hero .field-code>p:last-child,.hero .field-write>p:last-child{align-self:center;font-size:.8rem;margin:15px 0 0;max-width:170px}
.hero .field-code>.hero-brand-github{width:210px;height:210px;right:-15px;bottom:-75px}
.hero .field-write>.hero-brand-pascal{width:275px;height:275px;right:-28px;bottom:-75px}
@media(max-width:700px){.hero .field-code,.hero .field-write{padding:19px 22px;gap:0 16px}.hero .field-code h2,.hero .field-write h2{font-size:1.5rem}.hero .field-code>p:last-child,.hero .field-write>p:last-child{font-size:.75rem}.hero .field-card{width:calc(100% - 8px)}}
@media(max-width:380px){.hero .field-code,.hero .field-write{grid-template-columns:1fr;padding:19px 22px}.hero .field-code>p:last-child,.hero .field-write>p:last-child{margin-top:10px;max-width:200px}.hero .field-code h2,.hero .field-write h2{font-size:1.65rem}}
/* Rootmail carries its own amber-and-ink identity from the first invitation. */
.hero .field-build{background:#e1a847;color:#191410;border-color:#b9822c;box-shadow:0 3px 0 #70491322,0 18px 36px var(--shadow)}
.hero .field-build h2 span{color:#714809}
.hero .hero-product p{color:#36250e}
.hero .field-build .field-card-top>.field-arrow{border-color:#19141055}
.hero .hero-product-route{color:#493316}
.hero .hero-product-route i{background:#19141040}
.hero .hero-product-route i:after{background:#191410;box-shadow:0 0 0 5px #1914100b}
.hero .field-build .field-footer{border-color:#19141035;color:#38260e}
.hero .hero-status:before{background:#365025}
.hero .field-build>.hero-brand-rootmail{color:#191410;opacity:.08}
.work-section{--rootmail-paper:#191410;--rootmail-amber:#e1a847;--blue:var(--rootmail-amber);background:var(--rootmail-paper);color:#f7f0e5}
.work-section .section-heading>p,.work-section .story-intro>p:not(.story-description){color:#c9baa4}
.work-section h2 em,.work-section .story-intro>.tag,.work-section .story-intro h3>span,.work-section .story-card h4 em{color:#ebba69}
.work-section .story-card{background:#30291f;border-color:#6b583e;box-shadow:0 5px 0 #100b075c}
.work-section .story-card-top{color:#e4c592}
.work-section .story-card>p{color:#ded2bd}
.work-section .diagram-caption,.work-section .story-reading{color:#bdae97}
.work-section .story-index a{color:#ded2bd;border-color:#e1a84735}
.work-section .story-index a>span:first-child{color:#e8b868}
.work-section .story-index a[aria-current]{color:#fff8ee;background:#e1a84717}
.work-section .story-index a:after{background:#e1a847}
.work-section .story-links .button.blue{background:#e1a847;color:#191410}
.work-section .story-links .text-link,.work-section .story-reading .quiet-button{color:#ebc990}
.work-section .diagram-source{border-color:#9d8056}
.work-section .diagram-line,.work-section .diagram-branches:before{background:#caa367}
.work-section .diagram-branches{border-color:#caa367}
.work-section .diagram-hub{background:#5c4626;border-color:#caa367;color:#fff5e4}
.work-section .diagram-hub>span{color:#f3c87e}
.work-section .diagram-hub small{color:#efe0c5}
.work-section .diagram-tenants>div,.work-section .ownership-map>div{background:#211b14;border-color:#725d3e}
.work-section .tenant-letter{background:#d4a15b;color:#191410}
.work-section .diagram-tenants small,.work-section .ownership-map small,.work-section .message-path small{color:#c8b89c}
.work-section .ownership-map>div>span{color:#ebba69}
.work-section .message-path li>span{border-color:#b79157;background:#453621;color:#f5e2c3}
.work-section .message-path li:not(:last-child):after{background:#b79157}
.work-section .tech-tags span{border-color:#8b714d;color:#e7d4b4}
.work-section .story-mobile-pinned .story-heading{background:var(--rootmail-paper);box-shadow:0 15px 18px var(--rootmail-paper)}
#journey-rootmail{background:#e1a847;color:#191410;border-color:#b9822c;--chapter-ink:#191410;--chapter-muted:#493316}
#journey-rootmail .current-label{background:#19141014;color:#191410;border-color:#19141044}
#journey-rootmail .chapter-tags span{background:#fff5df35;border-color:#19141033}
/* Past work and career chapters belong to the same family of tactile cards. */
.project-card,.journey-card{--card-x:0;--card-y:0;position:relative;isolation:isolate;overflow:hidden;transition:transform 550ms var(--ease),box-shadow 550ms var(--ease),border-color 350ms}
.project-card{border-radius:24px;color:var(--ink);box-shadow:0 3px 0 #1515280a}
.project-oneshot{--ink:#4d2b1c;--muted:#795039;--blue:#74411e;--line:#d7ad8e;background:#f4d6bf}
.project-writing{--ink:#302548;--muted:#625475;--blue:#574384;--line:#bfb0d8;background:#e7e1f6}
.project-systems{--ink:#153939;--muted:#466762;--blue:#22655c;--line:#a9c9c1;background:#dcebea}
.project-card .card-link{min-height:52px;align-items:center}
.project-card .card-link>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;font-size:1.15rem;flex:none;transition:transform 350ms var(--ease)}
.project-card .card-link:hover>span,.project-card .card-link:focus-visible>span{transform:rotate(35deg)}
.card-brand{position:absolute;z-index:-1;pointer-events:none;user-select:none;bottom:12%;right:-25px;width:230px;height:230px;color:currentColor;opacity:.065;transform:translate(calc(var(--card-x)*8px),calc(var(--card-y)*8px)) rotate(-10deg);transition:transform 650ms var(--ease),opacity 500ms}
.card-brand-word{width:auto;height:auto;bottom:20%;right:-25px;font:italic clamp(5rem,8vw,8rem)/1 var(--serif);letter-spacing:-.07em;white-space:nowrap}
.project-oneshot>.card-brand-word{bottom:39%;font-size:7rem}
.card-brand-language{width:auto;height:auto;bottom:32%;right:-3px;font:12rem/1 var(--sans);letter-spacing:-.08em;opacity:.055}
.project-writing>.card-brand-github{bottom:22%;right:-45px;width:260px;height:260px}
.journey-card>.card-brand-word{bottom:20%;opacity:.06;font-size:7rem}
#journey-alx>.card-brand-word{font-family:var(--sans);font-style:normal;font-weight:700;font-size:9rem;bottom:16%}
.journey-card>.card-brand-rootmail{bottom:22%;right:-25px;width:260px;height:260px;opacity:.065}
.project-card:focus-within,.journey-card:focus-within{box-shadow:0 10px 28px #20132e1c}
@media(hover:hover) and (pointer:fine){
 .project-card:hover,.journey-card:hover{transform:perspective(1400px) translateY(-5px) rotateX(calc(var(--card-y)*-1.5deg)) rotateY(calc(var(--card-x)*1.5deg));box-shadow:0 5px 0 #15152808,0 16px 30px #20132e1c}
 [data-depth-card]:hover>.card-brand{transform:translate(calc(var(--card-x)*13px),calc(var(--card-y)*13px)) rotate(-5deg) scale(1.035);opacity:.1}
}
@media(max-width:700px){.project-card{border-radius:22px}.journey-card>.card-brand-word{font-size:6rem}.project-oneshot>.card-brand-word{font-size:6rem;bottom:38%}.card-brand-language{font-size:11rem}}
@media(prefers-reduced-motion:reduce){.project-card:hover,.journey-card:hover{transform:none}.card-brand,[data-depth-card]:hover>.card-brand{transform:rotate(-8deg);transition:none}}

/* One warm paper-and-ink palette ties the three hero cards together. */
.hero{--hero-plum:#332b3d;--hero-lilac:#e8dff0;--hero-accent:#735771;width:100%;padding-inline:max(48px,calc((100% - 1280px)/2));color:var(--hero-plum)}
.hero:before{content:'';position:absolute;inset:-116px 0 0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 84% 26%,#e8c99650,transparent 51%),radial-gradient(ellipse at 12% 18%,#dcd0e45c,transparent 55%),linear-gradient(180deg,#f3ece7 0%,#f2ece9 65%,var(--paper) 100%)}
.hero h1 em{color:var(--hero-accent)}
.hero .intro{color:#645b66}
.hero .hero-actions .dark{background:var(--hero-plum);color:var(--hero-lilac)}
.hero .hero-actions .text-link:hover{color:var(--hero-accent)}
.hero .field-code{background:var(--hero-plum);color:var(--hero-lilac);border-color:#e8dff022}
.hero .field-write{background:var(--hero-lilac);color:var(--hero-plum);border-color:#332b3d25}
.hero .field-code>p:last-child,.hero .field-write>p:last-child{color:inherit;opacity:.85}
.hero .field-code>.hero-brand-github{color:var(--hero-lilac)}
.hero .ambient-field{inset:-96px 0 0;opacity:.65}
.hero .ambient-field i{border-color:#a68a723b;background:radial-gradient(circle at 30% 25%,#fff7eb66,#cbb5cd18 50%,#bc936425);box-shadow:inset -12px -12px 28px #9c749a12}
.hero .ambient-field .orbit{border-color:#9f859e2d}
:root[data-theme=dark] .hero{color:#f1e8ed;--hero-accent:#d1b4cb}
:root[data-theme=dark] .hero:before{background:radial-gradient(ellipse at 85% 24%,#a6742830,transparent 52%),radial-gradient(ellipse at 12% 18%,#73546b27,transparent 56%),linear-gradient(180deg,#211e25 0%,#201c24 65%,var(--paper) 100%)}
:root[data-theme=dark] .hero .intro{color:#c0b4c0}
:root[data-theme=dark] .hero .hero-actions .dark{background:var(--hero-lilac);color:var(--hero-plum)}
:root[data-theme=dark] .hero .ambient-field i{border-color:#cfb89626;background:radial-gradient(circle at 30% 25%,#edcfad16,#cbb5cd08 50%,#bc936413);box-shadow:inset -12px -12px 28px #dab8a00b}
:root[data-theme=dark] .hero .ambient-field .orbit{border-color:#c6a6bc1c}
@media(max-width:700px){.hero{padding-inline:24px}.hero .ambient-field{inset:-96px 0 0}}
@media(max-width:380px){.hero{padding-inline:20px}}
@media(max-width:480px){.hero .field-code,.hero .field-write{grid-template-columns:1fr}.hero .field-code h2,.hero .field-write h2{font-size:1.65rem}.hero .field-code>p:last-child,.hero .field-write>p:last-child{margin-top:10px;max-width:230px}}

/* Pointer depth and slow drift are independent, so the bubbles never snap. */
.hero .ambient-field i{--bubble-depth:16px;translate:calc(var(--bubble-x,0)*var(--bubble-depth)) calc(var(--bubble-y,0)*var(--bubble-depth));transition:translate 1100ms var(--ease);animation:hero-breathe 16s ease-in-out infinite alternate;animation-play-state:paused}
.hero .ambient-field i:nth-child(2){--bubble-depth:-10px;animation-duration:19s;animation-delay:-7s}
.hero .ambient-field i:nth-child(3){--bubble-depth:24px;animation-duration:22s;animation-delay:-13s}
.hero[data-hero-visible] .ambient-field i{animation-play-state:running}
.hero .ambient-field .orbit{translate:calc(var(--bubble-x,0)*-6px) calc(var(--bubble-y,0)*-6px);transition:translate 1400ms var(--ease)}
@keyframes hero-breathe{from{transform:translate3d(-6px,8px,0) scale(.97)}to{transform:translate3d(16px,-18px,0) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle svg{transition:none}.hero .ambient-field i{animation:none}.hero .ambient-field i,.hero .ambient-field .orbit{translate:none;transition:none}}