:root{color-scheme:light;--paper: #f3efe4;--ink: #172a2b;--muted: #526565;--line: #bdc7bd;--signal: #b94b2d;--water: #0e6268;--water-dark: #08494e;--card: #fbf8ef;--max: 72rem;--radius: 1.25rem;--shadow: 0 1.5rem 4rem rgb(23 42 43 / 10%)}*{box-sizing:border-box}html{background:var(--paper);font-family:Georgia,Times New Roman,serif;color:var(--ink);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 8%,rgb(185 75 45 / 9%),transparent 22rem),radial-gradient(circle at 92% 22%,rgb(14 98 104 / 10%),transparent 26rem),linear-gradient(90deg,transparent 49.8%,rgb(14 98 104 / 6%) 50%,transparent 50.2%),var(--paper)}a{color:var(--water);text-underline-offset:.2em}a:focus-visible{outline:3px solid var(--signal);outline-offset:4px}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:10;padding:.65rem .9rem;background:var(--ink);color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header,main,footer{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.site-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-block:1.25rem;border-bottom:1px solid var(--line)}.site-title{color:var(--ink);font-family:system-ui,sans-serif;font-weight:800;letter-spacing:-.025em;text-decoration:none}nav{display:flex;gap:.35rem}nav a{padding:.45rem .75rem;border-radius:999px;color:var(--ink);font-family:system-ui,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none}nav a:hover{background:#0e62681a;color:var(--water-dark)}main{min-height:75vh;padding-block:clamp(3rem,8vw,7rem)}footer{padding-block:2rem;border-top:1px solid var(--line);color:var(--muted)}h1,h2,h3,p{max-width:42rem}h1{margin:.1em 0 .35em;font-size:clamp(3.25rem,10vw,8.5rem);font-weight:500;line-height:.88;letter-spacing:-.045em;text-wrap:balance}h2{margin-top:4rem;font-size:clamp(2rem,5vw,4rem)}h3{font-size:clamp(1.5rem,3vw,2.4rem)}p,li{font-size:1.1rem;line-height:1.7}.hero>p:last-child,.lede{color:var(--muted);font-size:clamp(1.15rem,2.5vw,1.55rem)}.hero{position:relative;padding:clamp(2rem,6vw,5rem);overflow:hidden;border:1px solid rgb(14 98 104 / 25%);border-radius:var(--radius);background:linear-gradient(135deg,#ffffff8c,#ffffff24),var(--card);box-shadow:var(--shadow)}.hero:after{position:absolute;right:clamp(-5rem,-8vw,-2rem);bottom:clamp(-7rem,-10vw,-3rem);width:clamp(12rem,28vw,22rem);aspect-ratio:1;border:1.25rem solid rgb(14 98 104 / 9%);border-radius:50%;content:""}.hero>*{position:relative;z-index:1}.eyebrow{color:var(--signal);font-family:system-ui,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.post-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0;list-style:none}.post-list li{padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--line);border-radius:var(--radius);background:#fbf8efc7;box-shadow:0 .75rem 2rem #172a2b0f}.post-list article{display:flex;min-height:100%;flex-direction:column}.post-list h3{margin-block:.25rem .75rem}.post-list h3 a{color:var(--ink);text-decoration-color:#0e626859}.post-list time{margin-top:auto;padding-top:1rem;color:var(--muted);font-family:system-ui,sans-serif;font-size:.85rem;font-weight:700}.post{max-width:52rem;padding:clamp(1.5rem,5vw,4rem);border:1px solid var(--line);border-radius:var(--radius);background:#fbf8efd1;box-shadow:var(--shadow)}.post h1{font-size:clamp(2.8rem,8vw,6rem)}.meta,.tags{display:flex;flex-wrap:wrap;gap:.65rem 1rem;padding:0;color:var(--muted);font-family:system-ui,sans-serif;font-size:.9rem;list-style:none}.prose{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}.prose h2{font-size:clamp(1.8rem,4vw,3rem)}.prose a{font-weight:700}.prose blockquote{margin-inline:0;padding:.5rem 0 .5rem 1.5rem;border-left:.3rem solid var(--signal);color:var(--muted)}.prose code{padding:.12em .35em;border-radius:.25rem;background:#0e626817;font-size:.9em}.button{display:inline-block;padding:.8rem 1rem;background:var(--water);color:#fff;font-family:system-ui,sans-serif;font-weight:700}.empty,.not-found p{color:var(--muted)}@media(max-width:36rem){.site-header{align-items:flex-start;flex-direction:column}main{padding-block:2rem 4rem}.hero,.post{padding:1.25rem;border-radius:.85rem}}@media(max-width:48rem){.post-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}