/* Enrama minimal — a quiet editorial page. Local system fonts, no network. */
*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(var(--text) .5px,transparent .5px);background-size:6px 6px;opacity:.035}main{position:relative;max-width:640px;margin:0 auto;padding:72px 28px 56px}header{padding-bottom:36px;border-bottom:1px solid color-mix(in srgb,var(--text) 20%,transparent)}header img{display:block;width:96px;height:96px;border-radius:50%;object-fit:cover;margin:0 0 30px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent)}h1{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-size:clamp(2.8rem,8vw,4.2rem);line-height:1.02;font-weight:400;letter-spacing:-.055em;margin:0 0 20px;overflow-wrap:anywhere}header p{font-size:1rem;line-height:1.7;max-width:42ch;margin:0;white-space:pre-line;overflow-wrap:anywhere}.links,.socials{list-style:none;padding:0;margin:0}.links{margin-top:22px;counter-reset:links}.links li{counter-increment:links;border-bottom:1px solid color-mix(in srgb,var(--text) 20%,transparent)}a{color:inherit;text-decoration:none}.links a{position:relative;display:flex;align-items:center;gap:16px;min-height:78px;padding:18px 4px;font-size:1rem;font-weight:500;line-height:1.5;transition:padding .18s ease,background .18s ease}.links a:after{content:"";width:12px;height:12px;flex-shrink:0;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;background:linear-gradient(135deg,transparent 45%,currentColor 46%,currentColor 54%,transparent 55%);margin-left:auto;font-size:1.4rem;flex-shrink:0;transition:transform .18s ease}.links a:hover{padding-left:14px;padding-right:14px;background:var(--primary);color:var(--on-primary)}.links a:hover:after{transform:translate(2px,-2px)}.links a span{overflow-wrap:anywhere;min-width:0}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.socials{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:34px}.socials a{display:flex;align-items:center;gap:8px;min-height:44px;font-size:.83rem;font-weight:500;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.socials .icon{width:17px;height:17px}a:focus-visible{outline:3px solid var(--focus);outline-offset:5px;border-radius:2px}.socials a:hover{text-decoration-thickness:2px}@media(min-width:900px){main{padding-top:90px}header{position:relative;padding-right:120px}header img{position:absolute;right:0;top:0;margin:0}}@media(max-width:400px){main{padding:40px 22px}.links a{min-height:74px}.socials{gap:8px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Long social labels wrap within the client viewport. */
.socials li{min-width:0;max-width:100%}.socials a{min-width:0;max-width:100%}.socials a span{min-width:0;overflow-wrap:anywhere}
