@font-face{font-family:Outfit;src:url('/assets/fonts/outfit.woff2');font-weight:600;font-display:swap}
@font-face{font-family:Quicksand;src:url('/assets/fonts/quicksand.woff2');font-weight:700;font-display:swap}
@font-face{font-family:Libre;src:url('/assets/fonts/libre.woff2');font-weight:400;font-display:swap}
:root{--paper:#f6f5f1;--ink:#151515;--muted:#6f6b63;--line:#dedbd2;color-scheme:light}
*{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:600 14px/1.5 Outfit,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
p,h1{margin:0}
[data-lang]{display:none}
html[lang="en"] [data-lang="en"],html[lang="es"] [data-lang="es"]{display:inline}
.skip-link{position:fixed;top:-80px;left:16px;z-index:5;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:30px}
.skip-link:focus{top:12px}
.landscape{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.landscape img{position:absolute;object-fit:contain;opacity:.3}
.mountains{width:clamp(280px,34vw,580px);left:-8%;top:-4%;transform:rotate(-4deg)}
.wave{width:clamp(360px,39vw,660px);right:-11%;bottom:-10%;transform:rotate(-8deg)}
.tide{width:clamp(260px,30vw,450px);left:-15%;bottom:1%;opacity:.16!important}
.links-page{position:relative;z-index:1;display:flex;flex-direction:column;width:min(440px,calc(100% - 40px));min-height:100svh;margin-inline:auto;padding:38px 0 84px}
header{display:flex;justify-content:center;margin-bottom:32px}
.brand{display:inline-flex;align-items:center;gap:11px}
.brand svg{width:54px;height:54px;overflow:visible}
.brand-type{display:flex;flex-direction:column}
.brand-by{font:700 13.5px/1.3 Quicksand,Arial,sans-serif;margin-bottom:1px}
.brand-name{font:600 30px/1.1 Outfit,Arial,sans-serif;letter-spacing:-.6px}
.brand .head{transform-box:fill-box;transform-origin:center;animation:hello 8s ease-in-out infinite}
.brand .eye{transform-box:fill-box;transform-origin:center;animation:blink 7s infinite}
.intro{text-align:center;margin-bottom:28px}
h1{font:400 clamp(32px,6vw,42px)/1.3 Libre,Georgia,serif;letter-spacing:-1.6px}
.bio{margin-top:15px;color:var(--muted);font-size:13px;line-height:1.7}
.links{display:grid;gap:10px}
.link-button{display:flex;align-items:center;gap:16px;min-height:66px;padding:11px 20px 11px 14px;border:1px solid var(--line);border-radius:40px;background:var(--paper);transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.link-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;background:#eeece5;border-radius:50%}
.link-icon svg{width:21px;height:21px}
.link-label{display:flex;flex-direction:column;gap:1px;min-width:0}
.link-label strong{font-weight:600;font-size:14px}
.link-label>span{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.link-arrow{font-size:21px;line-height:1;margin-left:auto;flex-shrink:0}
.portfolio{background:var(--ink);border-color:var(--ink);color:var(--paper);margin-bottom:5px}
.portfolio .link-icon{background:#ffffff12}
.portfolio .link-label>span{color:#d4d1c9}
.contact{display:block;width:fit-content;text-align:center;margin:27px auto 0;font-size:11px;color:var(--muted);padding:8px 0}
.contact-cta{color:var(--ink);border-bottom:1px solid #b9b5aa;padding-bottom:3px;margin-left:5px;white-space:nowrap}
main:focus{outline:none}
.lang-switch{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:5;width:48px;height:48px;border:1px solid #cbcbbf;border-radius:50%;background:var(--paper);color:#434b40;font:600 12px Outfit,Arial,sans-serif;cursor:pointer;box-shadow:0 4px 18px #30382814}
.lang-switch:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
footer{display:flex;flex-wrap:wrap;justify-content:center;column-gap:12px;row-gap:5px;margin-top:auto;padding-top:34px;color:var(--muted);font-size:10px;text-align:center}
footer a{font-family:Quicksand,Arial,sans-serif}
@media(hover:hover){.link-button:hover{transform:translateY(-2px);border-color:#918e83;background:#efede6;box-shadow:0 6px 16px #15151507}.portfolio:hover{background:#34342f;border-color:#34342f}.contact:hover .contact-cta{border-bottom:1px solid var(--ink)}.lang-switch:hover{background:#e8ebdf}}
@media(min-width:1100px) and (min-height:900px){.links-page{padding-top:64px}header{margin-bottom:45px}.intro{margin-bottom:32px}.links{gap:12px}.link-button{min-height:70px}}
@media(max-width:600px){.links-page{width:min(440px,calc(100% - 36px));padding-top:calc(27px + env(safe-area-inset-top));padding-bottom:calc(84px + env(safe-area-inset-bottom))}header{margin-bottom:25px}.mountains{width:270px;left:-170px;top:8px;opacity:.19!important}.wave{width:310px;right:-190px;bottom:-25px;opacity:.2!important}.tide{display:none}.link-button{gap:13px;padding-right:18px}footer{padding-top:25px}}
@media(max-width:350px){.link-button{gap:11px}.contact{font-size:10px}}
/* Center the complete mobile link block; let short screens grow and scroll. */
@media(max-width:600px){
 .links-page{display:grid;grid-template-rows:auto 1fr auto;min-height:100svh;min-height:100dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
 .links-page main{align-self:center;min-width:0}
 .links-page footer{margin-top:0}
}
@keyframes hello{0%,76%,100%{transform:rotate(0)}80%{transform:rotate(-5deg)}85%{transform:rotate(4deg)}90%{transform:rotate(0)}}
@keyframes blink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.12)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}