@font-face{font-family:Lora;src:url('./assets/fonts/lora-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Glacial Indifference';src:url('./assets/fonts/glacial-indifference-regular-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Glacial Indifference';src:url('./assets/fonts/glacial-indifference-medium-latin.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
:root{font-family:'Glacial Indifference',Arial,sans-serif;color:#5d402c;background:#fcf2e7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light;--surface:#fcf2e7;--surface-raised:#fff8f0;--text:#5d402c;--muted:#795b4f;--accent:#8b573e;--accent-hover:#70452f;--border:#d9beaa;--on-accent:#fcf2e7;--radius:14px}
*{box-sizing:border-box}body{margin:0;min-width:280px}h1,p,figure{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}svg{display:block;flex:none}.skip-link{position:fixed;top:12px;left:12px;padding:12px 18px;background:var(--surface);color:var(--text);border:1px solid var(--accent);border-radius:8px;transform:translateY(-160%);z-index:2}.skip-link:focus{transform:translateY(0)}
.bio-page{width:min(1080px,calc(100% - 80px));min-height:100svh;margin:0 auto;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:40px;padding-block:38px}
.portrait{position:relative;width:100%;height:min(730px,88svh);min-height:540px;overflow:hidden;isolation:isolate;background:var(--surface)}.portrait picture,.portrait img{display:block;width:100%;height:100%}.portrait img{object-fit:cover;object-position:50% 35%}.portrait::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--surface),transparent 8%),linear-gradient(0deg,var(--surface),transparent 17%),linear-gradient(90deg,var(--surface),transparent 10%,transparent 80%,var(--surface))}
.bio-content{position:relative;max-width:430px;padding:20px 0}.profile{text-align:center}.brand-mark{display:block;width:48px;height:auto;margin:0 auto 17px}.profile h1{font-family:Lora,Georgia,serif;font-size:clamp(31px,3.8vw,43px);font-weight:400;line-height:1.22;letter-spacing:-.045em}.credentials{margin-top:14px;font-size:15px;line-height:1.5}.credentials>span{display:block;font-size:11px;letter-spacing:.035em;margin-top:5px;color:var(--muted)}.credentials>span>span{padding-inline:5px}.introduction{max-width:360px;margin:24px auto 0;font-size:15px;line-height:1.65;color:var(--muted)}.introduction>span{display:block}
.bio-links{display:grid;gap:12px;margin-top:32px;scroll-margin-top:20px}.bio-links:focus{outline:none}.bio-link{display:grid;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:16px;min-height:80px;padding:15px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);transition:background-color 160ms ease,border-color 160ms ease,transform 160ms ease}.link-icon svg{width:26px;height:26px}.link-arrow svg{width:17px;height:17px}.link-copy{display:grid;gap:5px;min-width:0}.link-title{font-size:17px;font-weight:500;line-height:1.3}.link-description{font-size:12px;line-height:1.4;color:var(--muted)}.link-icon{color:var(--accent)}.link-arrow{color:var(--accent);justify-self:end}.bio-link-whatsapp{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.bio-link-whatsapp .link-icon,.bio-link-whatsapp .link-arrow,.bio-link-whatsapp .link-description{color:var(--on-accent)}.bio-link:active{transform:scale(.985)}.bio-footer{text-align:center;margin-top:27px;padding-bottom:8px}.bio-footer p{font-family:Lora,Georgia,serif;font-size:13px;color:var(--muted)}
@media(hover:hover) and (pointer:fine){.bio-link:hover{border-color:var(--accent);background:#f8eadf;transform:translateY(-2px)}.bio-link-whatsapp:hover{background:var(--accent-hover);border-color:var(--accent-hover)}}
@media(min-width:1200px){.bio-page{gap:60px}.portrait{max-width:500px}}
@media(max-width:767px){.bio-page{display:block;width:100%;max-width:500px;min-height:100svh;padding:0 0 max(22px,env(safe-area-inset-bottom));overflow:clip}.portrait{height:clamp(305px,44svh,405px);min-height:0;width:100%;margin:0}.portrait img{object-position:50% 0%}.portrait picture{-webkit-mask-image:linear-gradient(to bottom,#fff 48%,rgba(255,255,255,.72) 72%,rgba(255,255,255,.09) 91%,transparent calc(100% - 16px),transparent 100%);mask-image:linear-gradient(to bottom,#fff 48%,rgba(255,255,255,.72) 72%,rgba(255,255,255,.09) 91%,transparent calc(100% - 16px),transparent 100%)}.portrait::after{display:none}.bio-content{width:auto;max-width:none;margin:-61px 24px 0;padding:0}.brand-mark{width:42px;margin-bottom:11px}.profile h1{font-size:35px;letter-spacing:-.045em}.credentials{font-size:13px;margin-top:11px}.credentials>span{font-size:10px;margin-top:4px}.introduction{font-size:14px;line-height:1.6;margin-top:19px;max-width:345px}.bio-links{margin-top:25px;gap:10px}.bio-link{min-height:75px;padding:13px 17px;gap:14px}.link-title{font-size:16px}.link-description{font-size:11px}.bio-footer{margin-top:24px;padding-bottom:0}.bio-footer p{font-size:12px}}
@media(max-width:359px){.bio-content{margin-inline:20px}.profile h1{font-size:31px}.introduction{font-size:13px}.bio-link{padding-inline:14px;gap:11px;grid-template-columns:23px minmax(0,1fr) 15px}.link-icon svg{width:23px;height:23px}.link-title{font-size:15px}.link-description{font-size:10px}}
@media(max-width:767px) and (max-height:710px){.portrait{height:300px}.bio-content{margin-top:-67px}.brand-mark{width:35px;margin-bottom:9px}.profile h1{font-size:32px}.introduction{margin-top:14px}.bio-links{margin-top:21px}.bio-footer{margin-top:20px}}
/* The portrait follows the scroll more slowly; its fade stays anchored to the frame.
   Browsers without scroll timelines retain the same still photograph. */
@supports(animation-timeline:scroll(root block)){
  @media(max-width:767px) and (prefers-reduced-motion:no-preference){
    .portrait img{animation:portrait-parallax 1s linear both;animation-timeline:scroll(root block);animation-range:0px 360px}
  }
}
@keyframes portrait-parallax{from{transform:translateY(0)}to{transform:translateY(72px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.bio-link:active{transform:none}}