*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:.25em}a:hover{color:var(--blue)}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.shell{width:min(1120px,calc(100% - 80px));margin:auto}.skip{position:absolute;left:1rem;top:-100px;background:#fff;padding:1rem;z-index:5}.skip:focus{top:1rem}.masthead{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line);gap:24px}.wordmark{font-weight:700;text-decoration:none;font-size:20px;letter-spacing:-.025em}.wordmark span{display:block;font-size:14px;color:var(--muted);font-weight:400;letter-spacing:0}nav{display:flex;gap:25px;flex-wrap:wrap;font-size:15px}nav a{text-decoration:none}.intro{padding:80px 0 74px;display:grid;grid-template-columns:1fr 1fr;gap:0 80px}.eyebrow,.section-label{font-size:14px;letter-spacing:.035em}.eyebrow{margin:0 0 15px;color:var(--muted)}.intro>.eyebrow{grid-column:1/-1}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.04em;line-height:1.06;margin:0}h1{font-size:clamp(65px,9vw,116px)}h2{font-size:clamp(34px,4.5vw,56px)}p{margin:0 0 20px}.intro-copy{padding-top:8px}.intro-copy p:first-child{font-size:24px;line-height:1.4}.section{border-top:1px solid var(--line);padding:24px 0 58px;scroll-margin-top:24px}.section-label{display:flex;justify-content:space-between;gap:18px;margin-bottom:34px}.section-label>span:first-child{font-weight:600}.section-label a{color:var(--blue)}.feature{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;text-decoration:none}.feature:hover{color:var(--ink)}.feature:hover .text-link{color:var(--blue)}.feature h2{font-size:clamp(35px,4vw,50px);margin-bottom:24px}.feature-copy>p:not(.eyebrow){font-size:17px}.text-link{display:block;text-decoration:underline;font-weight:600}.reading-note{display:block;font-size:14px;margin-top:8px;color:var(--muted)}figure{margin:0;align-self:start}figure img{display:block;width:100%;height:auto;aspect-ratio:1.4;object-fit:cover;filter:saturate(.78)}figcaption{font-size:12px;line-height:1.5;margin-top:10px;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}.large{font-size:24px;line-height:1.45;letter-spacing:-.02em}.button{display:inline-block;background:var(--ink);color:white;padding:12px 21px;text-decoration:none;font-size:16px;margin-top:6px}.button:hover{background:var(--blue);color:white}.podcast h2{font-style:italic;font-size:clamp(50px,6vw,76px)}.status{color:var(--muted)}.future{background:#f3f6fa;padding:24px 28px 38px;border-top:3px solid var(--ink);margin-bottom:56px}.future .two-col{gap:52px}.connect{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:48px}.connect h2{font-size:38px}.connect-links{display:grid}.connect-links a{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;text-decoration:none}.connect-links a span{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:22px 0 32px;font-size:14px;color:var(--muted)}@media(max-width:760px){.shell{width:calc(100% - 40px)}.masthead{align-items:flex-start;flex-direction:column;padding:24px 0;gap:18px}nav{gap:22px;font-size:14px}.intro{padding:44px 0 42px;grid-template-columns:1fr;gap:24px}.intro>.eyebrow{margin:0}.intro-copy{max-width:570px}.feature,.two-col,.connect{grid-template-columns:1fr;gap:28px}.feature figure{grid-row:1}.feature img{aspect-ratio:1.8}.section{padding-bottom:42px}.section-label{font-size:13px;gap:12px;margin-bottom:24px}.section-label a{text-align:right}.two-col h2 br{display:none}.two-col h2 br:after{content:' '}.large{font-size:22px}.future{padding:20px;margin-bottom:38px}.future .two-col{gap:24px}.connect h2{font-size:34px}footer{gap:20px;align-items:start}.connect-links a span{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Page layout; shared colours and type live in theme.css. */
.shell{width:min(var(--page-width),calc(100% - 2 * var(--gutter)))}
.intro{gap:2rem clamp(2rem,6vw,5rem)}
h1{font-size:clamp(3rem,8.3vw,7.25rem)}
.section{padding-bottom:var(--section-space)}
.future{background:var(--wash)}
figcaption{font-size:.875rem}
@media(max-width:900px){.intro{grid-template-columns:1fr}.intro-copy{max-width:var(--reading-width)}.two-col,.connect{gap:2rem}}

.writing-entry{display:block;max-width:850px}.writing-entry .feature-copy{padding:1.5rem 0}.writing-entry h2{font-size:clamp(1.7rem,3vw,2.4rem)}

/* Inset content; a restrained accent for the personal homepage. */
.shell{width:100%;max-width:var(--page-width);margin-inline:auto;padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}
main.shell{padding-block:0}.intro{position:relative}.intro:before{content:"";display:block;grid-column:1/-1;width:4rem;height:5px;background:var(--blue);border-radius:3px}
.future{border:1px solid var(--rule);border-top:3px solid var(--blue);border-radius:0 12px 12px 12px;padding:clamp(1.25rem,4vw,2rem)}
.writing-entry{padding:0 1.25rem;border:1px solid var(--rule);border-left:4px solid var(--blue);border-radius:0 10px 10px 0;background:var(--wash)}
.button{border-radius:5px}.section-label{align-items:baseline}.connect-links a{flex-wrap:wrap}
@media(max-width:760px){.intro{padding-block:2.5rem;gap:1.3rem}.intro h1{font-size:clamp(3rem,13vw,4.5rem)}.section-label a{text-align:left}.section-label{flex-direction:column;gap:.3rem}.writing-entry{padding-inline:1rem}.writing-entry h2{font-size:1.8rem}.intro-copy p:first-child,.large{font-size:1.3rem}.masthead nav{gap:.35rem 1.15rem}footer.shell{flex-wrap:wrap}.two-col,.connect{grid-template-columns:1fr}}