@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');:root{--ink:#132638;--navy:#101c2b;--mint:#b9ead9;--paper:#f8faf8;--line:#d7e1de}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 'DM Sans',sans-serif}a{color:inherit}a:focus-visible{outline:2px solid #087965;outline-offset:5px}.wrap{max-width:1180px;margin:auto;padding-left:42px;padding-right:42px}.site-header{height:86px;max-width:1180px;margin:auto;padding:0 42px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;font-size:25px;letter-spacing:-.06em;text-decoration:none}.brand-mark{color:#178e76}.site-header nav{display:flex;gap:32px}.site-header nav a{font-size:14px;text-decoration:none;font-weight:600;color:#425563}.site-header nav a:hover,.text-link:hover,.back-link:hover{color:#16866e}.hero{min-height:590px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:5%;padding-top:50px;padding-bottom:90px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:#39806f;margin:0 0 24px}.hero h1,.section h2,.essay h1{font-family:'Instrument Serif',Georgia,serif;font-weight:400;line-height:1.02;letter-spacing:-.035em}.hero h1{font-size:clamp(64px,7.8vw,116px);margin:0 0 26px}.hero h1 em{font-weight:400;color:#418f7c}.lead{font-size:20px;max-width:560px;color:#4d606b;line-height:1.55;margin-bottom:30px}.text-link,.back-link{font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-art{position:relative;aspect-ratio:1;max-width:440px;width:100%;margin:auto;background:#d9eee8;border-radius:50%;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid #78ada0}.orbit{position:absolute;inset:22%;border:1px solid #83b4a9;border-radius:50%}.orbit-two{inset:34%;border-color:#629f90}.core{position:absolute;inset:39%;border-radius:50%;background:var(--navy);color:var(--mint);display:grid;place-items:center;font:italic 46px 'Instrument Serif',serif}.art-label{position:absolute;font:italic 24px 'Instrument Serif',serif;color:#346e61}.label-one{top:21%;left:15%}.label-two{top:31%;right:8%}.label-three{bottom:19%;left:24%}.section{padding-top:100px;padding-bottom:110px}.section-top{max-width:670px;margin-bottom:48px}.section h2{font-size:clamp(48px,5.2vw,72px);margin:0 0 18px}.section-top>p:last-child:not(.eyebrow){font-size:18px;color:#58707a;margin:0}.journey{border-top:1px solid var(--line)}.timeline{border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid var(--line);max-width:880px}.index{font-family:'Instrument Serif',serif;font-size:32px;color:#4d9a84}.timeline h3{font-size:21px;letter-spacing:-.03em;margin:0 0 6px}.timeline p{color:#5a6d75;max-width:650px;margin:0}.writing{background:var(--navy);color:#f5faf8}.writing .eyebrow{color:#a1dcc9}.writing .section-top>p:last-child:not(.eyebrow){color:#adbdc3}.writing-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.article-card{min-height:310px;background:#233448;border:1px solid #405164;padding:34px;display:flex;flex-direction:column;align-items:flex-start}.article-card:first-child{background:#c4e8db;color:#102a32;border-color:#c4e8db}.card-type{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;opacity:.75}.article-card h3{font:400 46px/1.04 'Instrument Serif',serif;max-width:460px;margin:42px 0 15px}.article-card h3 a{text-decoration:none}.article-card h3 a:hover{text-decoration:underline}.article-card p{max-width:400px;margin:0 0 28px}.card-link{font-size:14px;font-weight:700;text-decoration:none;margin-top:auto;border-bottom:1px solid currentColor}.muted-card p{color:#b9c8cc}.notes{border-bottom:1px solid var(--line)}.note-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.note-list article{padding:26px 0 10px;border-top:2px solid #5ba88f}.note-list span{font-size:13px;color:#367b68;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.note-list p{font:400 26px/1.28 'Instrument Serif',serif;margin:22px 0}.note-caption{font-size:13px;color:#73848b;margin-top:40px}.about{background:#dceee7}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-grid p:not(.eyebrow){font-size:18px;line-height:1.7;margin:0 0 20px}.about-signoff{font-family:'Instrument Serif',serif;font-style:italic;font-size:30px!important}footer{padding-top:38px!important;padding-bottom:38px!important;display:flex;justify-content:space-between;gap:24px;color:#60737b;font-size:13px}footer a{text-decoration:none}.essay{max-width:850px;padding-top:80px;padding-bottom:110px}.back-link{display:inline-block;margin-bottom:90px}.essay h1{font-size:clamp(64px,9vw,104px);margin:0 0 28px}.essay-intro{font:400 30px/1.3 'Instrument Serif',serif;color:#3c8675;margin-bottom:70px}.essay-body{max-width:680px;font-size:19px;line-height:1.8;color:#354b57}.essay-body p{margin:0 0 28px}.essay-end{border-top:1px solid var(--line);padding-top:32px;margin-top:70px}@media(max-width:750px){.wrap{padding-left:24px;padding-right:24px}.site-header{height:auto;padding:22px 24px;align-items:flex-start;gap:18px;flex-direction:column}.site-header nav{gap:17px;flex-wrap:wrap}.site-header nav a{font-size:13px}.hero{grid-template-columns:1fr;gap:42px;padding-top:60px;padding-bottom:75px}.hero h1{font-size:clamp(59px,12vw,84px)}.lead{font-size:18px}.hero-art{max-width:310px}.section{padding-top:72px;padding-bottom:78px}.timeline article{grid-template-columns:48px 1fr}.writing-grid,.note-list,.about-grid{grid-template-columns:1fr}.article-card{min-height:270px}.article-card h3{font-size:40px}.note-list{gap:10px}.about-grid{gap:10px}footer{flex-direction:column}.essay{padding-top:55px}.back-link{margin-bottom:60px}.essay-intro{font-size:27px}.essay-body{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.reads{border-bottom:1px solid var(--line)}.reads-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.book-card{border:1px solid var(--line);background:#fff;padding:30px;min-height:325px;display:flex;align-items:flex-start;flex-direction:column}.book-topic{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#39806f}.book-card h3{font:400 38px/1.1 'Instrument Serif',Georgia,serif;letter-spacing:-.02em;margin:25px 0 4px}.book-author{font-size:14px;color:#698087;margin:0 0 20px}.book-card p:not(.book-author){color:#4d626d;margin:0 0 25px}.book-card a{font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;margin-top:auto}.book-card a:hover{color:#16866e}@media(max-width:750px){.reads-grid{grid-template-columns:1fr}.book-card{min-height:290px}.book-card h3{font-size:34px}}

/* Reading theme */
.site-header{gap:24px}.site-header nav{margin-left:auto}.theme-toggle{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:600 14px 'DM Sans',sans-serif;cursor:pointer}.theme-toggle:hover{border-color:#39806f}.theme-icon{font-size:18px;line-height:1}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark;--ink:#e8f0ed;--navy:#0c1722;--mint:#b9ead9;--paper:#101b25;--line:#354651}html[data-theme=dark] .brand-mark{color:#80d9bd}html[data-theme=dark] .site-header nav a,html[data-theme=dark] .lead,html[data-theme=dark] .timeline p,html[data-theme=dark] .section-top>p:last-child:not(.eyebrow),html[data-theme=dark] .book-card p:not(.book-author),html[data-theme=dark] .essay-body{color:#b8c9cd}html[data-theme=dark] .eyebrow,html[data-theme=dark] .book-topic,html[data-theme=dark] .note-list span{color:#8fd9be}html[data-theme=dark] .hero h1 em,html[data-theme=dark] .essay-intro{color:#9be0c8}html[data-theme=dark] .hero-art{background:#24493f}html[data-theme=dark] .hero-art:before,html[data-theme=dark] .orbit{border-color:#649d8d}html[data-theme=dark] .art-label{color:#c6eadb}html[data-theme=dark] .writing{background:#0a131d}html[data-theme=dark] .article-card{background:#1b2b3a;border-color:#405361}html[data-theme=dark] .article-card:first-child{background:#b7e4d4;border-color:#b7e4d4;color:#102a32}html[data-theme=dark] .book-card{background:#1a2a35}html[data-theme=dark] .book-author,html[data-theme=dark] .note-caption,html[data-theme=dark] footer{color:#a3b7bd}html[data-theme=dark] .about{background:#1a3536}html[data-theme=dark] .text-link:hover,html[data-theme=dark] .back-link:hover,html[data-theme=dark] .book-card a:hover,html[data-theme=dark] .site-header nav a:hover{color:#a2e6ce}html[data-theme=dark] a:focus-visible{outline-color:#a2e6ce}@media(max-width:750px){.site-header{flex-direction:row;flex-wrap:wrap;align-items:center}.site-header nav{order:3;width:100%;margin-left:0;gap:12px 17px}.theme-toggle{margin-left:auto}}

.social-links{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 32px}.social-links a{display:inline-block;text-decoration:none;font-size:14px;font-weight:700;padding:10px 17px;border:1px solid var(--line);border-radius:999px}.social-links a:hover{border-color:#39806f;color:#16866e}html[data-theme=dark] .social-links a:hover{color:#a2e6ce;border-color:#a2e6ce}

.theme-icon{display:inline-flex;align-items:center}.theme-icon svg,.social-links svg{width:18px;height:18px;flex:none}.theme-icon .sun-icon{display:none}html[data-theme=dark] .theme-icon .moon-icon{display:none}html[data-theme=dark] .theme-icon .sun-icon{display:block}.social-links a{display:inline-flex;align-items:center;gap:9px}

.text-link,.back-link,.card-link,.book-card a,footer a{display:inline-flex;align-items:center;gap:6px}.cta-icon{width:16px;height:16px;flex:none;vertical-align:middle}.back-link .cta-icon{margin-right:2px}

.belonging-story{margin:34px 0;padding:24px 0 4px;border-top:1px solid #a9cbc0;border-bottom:1px solid #a9cbc0}.belonging-story h3{font:400 34px/1.12 'Instrument Serif',Georgia,serif;letter-spacing:-.02em;margin:0 0 19px}.about-grid .belonging-story p{font-size:17px;line-height:1.72}html[data-theme=dark] .belonging-story{border-color:#4a6965}

.essay-hero{margin:0 0 52px}.essay-hero img{display:block;width:100%;height:auto;aspect-ratio:60/31;object-fit:cover;border:1px solid var(--line);border-radius:8px}@media(max-width:750px){.essay-hero{margin-bottom:38px}}

.timeline p a{color:#13745f;text-decoration:underline;text-underline-offset:3px}html[data-theme=dark] .timeline p a{color:#9be0c8}.timeline p a:hover,html[data-theme=dark] .timeline p a:hover{text-decoration-thickness:2px}

/* Category pages and overview links */
.section-more{display:inline-block;margin-top:24px;color:inherit;font-size:15px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}.section-more:hover{color:#16866e}.writing .section-more:hover{color:#a1dcc9}.category-section{min-height:65vh;padding-top:80px}.category-back{display:inline-block;margin-bottom:52px;font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}.category-back:hover{color:#16866e}.category-section .section-top{margin-bottom:50px}.category-section .eyebrow{margin-bottom:14px}html[data-theme=dark] .section-more:hover,html[data-theme=dark] .category-back:hover{color:#a2e6ce}.site-header nav a[aria-current=page]{color:#16866e;text-decoration:underline;text-underline-offset:6px}html[data-theme=dark] .site-header nav a[aria-current=page]{color:#a2e6ce}.notes:not(.category-section) .note-list{grid-template-columns:minmax(0,420px)}@media(max-width:750px){.category-section{padding-top:55px}.category-back{margin-bottom:36px}.notes:not(.category-section) .note-list{grid-template-columns:1fr}}

.essay-body h2{font:400 clamp(32px,4.5vw,42px)/1.12 "Instrument Serif",Georgia,serif;letter-spacing:-.025em;color:var(--ink);margin:56px 0 22px}.essay-body a{text-decoration-thickness:1px;text-underline-offset:4px}

/* Social profiles in every page footer. */
footer{flex-wrap:wrap;align-items:center}footer .footer-social{margin:0;gap:16px}footer .footer-social a{padding:8px 0;border:0;border-radius:0;min-height:44px}footer .footer-social a:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:750px){footer{align-items:flex-start}}
