/* Enrama bold — confident typography and solid accent surfaces. */
*{box-sizing:border-box}html{color-scheme:light}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;left:0;top:0;bottom:0;width:12px;background:var(--primary)}main{max-width:720px;margin:0 auto;padding:66px 32px 52px}header{position:relative;margin-bottom:38px;padding-top:20px}header img{width:108px;height:108px;border-radius:24px;object-fit:cover;display:block;margin-bottom:30px;box-shadow:7px 7px 0 var(--primary)}h1{max-width:10ch;font-size:clamp(3.6rem,10vw,5.6rem);font-weight:850;letter-spacing:-.075em;line-height:.98;margin:0 0 24px;overflow-wrap:anywhere}header p{font-size:1.05rem;line-height:1.65;max-width:42ch;white-space:pre-line;margin:0;overflow-wrap:anywhere}.links,.socials{list-style:none;margin:0;padding:0}.links{display:grid;gap:13px}.links a{display:flex;align-items:center;gap:15px;min-height:76px;padding:21px 24px;background:var(--primary);color:var(--on-primary);border:2px solid var(--primary);border-radius:5px;font-size:1.05rem;font-weight:700;line-height:1.45;box-shadow:4px 4px 0 var(--text);text-decoration:none;transition:transform .14s ease,box-shadow .14s 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.55rem;font-weight:400}.links a span{overflow-wrap:anywhere;min-width:0}.links a:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--text)}.icon{height:24px;width:24px;flex-shrink:0}.socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.socials a{color:var(--text);display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 13px;border:1px solid var(--text);border-radius:100px;text-decoration:none;font-size:.8rem;font-weight:650}.socials .icon{width:17px;height:17px}.socials a:hover{background:var(--text);color:var(--background)}a:focus-visible{outline:3px solid var(--focus);outline-offset:6px}@media(min-width:900px){header img{position:absolute;right:8px;top:24px}header{padding-right:140px}}@media(max-width:400px){body:before{width:6px}main{padding:38px 25px}h1{font-size:3.5rem}.links a{padding:18px;min-height:74px}.socials{gap:9px}}@media(prefers-reduced-motion:reduce){*,*: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}