@font-face{font-family:'Kalam';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/kalam.woff2) format('woff2')}
body.t-folio{background:var(--fo-page);--sp-bg:var(--fo-page);--sp-ink:var(--fo-ink);--dock-bg:var(--fo-dock);--dock-ink:var(--fo-ink);--dock-line:var(--fo-rule)}
body.t-folio{--fo-page:#F0EEE9;--fo-ink:#1C1F1A;--fo-rule:rgba(28,31,26,.14);--fo-dock:rgba(247,245,240,.96)}
html[data-mode=dark] body.t-folio{--fo-page:#121614;--fo-ink:#ECE8DF;--fo-rule:rgba(236,232,223,.14);--fo-dock:rgba(22,27,24,.96)}
body.t-folio::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.t-folio .mdc-views{display:none!important}
.fo .mdc-actions a[data-track=call],.fo .mdc-actions a[data-track=whatsapp]{display:none}
.fo{--bg:var(--fo-page);--card:#F7F5F0;--text:#1C1F1A;--muted:#5A5E53;--line:rgba(28,31,26,.14);--surface:#E8E4DB;--mari:#C98A1B;--mari-ink:#8A5A0B;--sk:255px 14px 225px 14px/14px 225px 14px 255px;--sk2:18px 220px 16px 240px/240px 16px 220px 18px;--radius:14px;--btn-radius:var(--sk);--sec-gap:26px;--sec-bg:transparent;--sec-border:0;--sec-radius:0;--sec-pad:0;--h2-case:none;--h2-track:-.015em;--h2-size:24px;--h2-weight:560;--h2-font:'Fraunces',Georgia,serif;--h2-color:var(--text);--gal-cols:2;position:relative;z-index:1;background:transparent;min-height:100vh;color:var(--text);font-family:'Instrument Sans',system-ui,sans-serif}
html[data-mode=dark] .fo{--card:#171C19;--text:#ECE8DF;--muted:#B3AEA2;--line:rgba(236,232,223,.14);--surface:#1E2521;--mari:#E6B04A;--mari-ink:#E6B04A}
.fo-wrap{max-width:460px;margin:0 auto;padding:14px 16px 34px;position:relative}
.fo-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px}
.fo-hand{font-family:'Kalam','Segoe Print',cursive;font-size:21px;color:var(--mari-ink);transform:rotate(-3deg);transform-origin:left;display:inline-block}
.fo-mode{flex:none;width:42px;height:42px;display:grid;place-items:center;border:1.5px solid var(--line);border-radius:50% 46% 52% 48%/48% 52% 46% 50%;background:var(--card);color:var(--text);cursor:pointer}
.fo-mode .i-moon{display:none}html[data-mode=dark] .fo-mode .i-sun{display:none}html[data-mode=dark] .fo-mode .i-moon{display:block}
.fo-mode:focus-visible,.fo-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.fo-hero{position:relative;margin-top:10px}
.fo-leaf{position:absolute;right:-8px;bottom:-12px;width:42px;height:42px;z-index:3;animation:foDrift 9s ease-in-out infinite}
.fo-leaf path{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.fo-leaf .w{fill:color-mix(in srgb,var(--accent) 14%,transparent);stroke:none}
@keyframes foDrift{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(8deg) translateY(8px)}}
.fo-card{position:relative;display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:center;padding:16px;background:var(--card);border:1.5px solid var(--line);border-radius:var(--sk2);box-shadow:0 26px 40px -34px rgba(28,31,26,.6)}
.fo-photo{position:relative;width:118px;aspect-ratio:420/483;border-radius:var(--sk);overflow:hidden;background:color-mix(in srgb,var(--accent) 14%,var(--card))}
.fo-photo img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}
.fo-ini{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;font:560 44px/1 'Fraunces',Georgia,serif;color:var(--accent)}
.fo-blob{position:absolute;inset:auto -20% -30% auto;width:90%;aspect-ratio:1;border-radius:46% 54% 60% 40%/50% 42% 58% 50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--mari) 34%,transparent),transparent 72%)}
.fo-id{min-width:0}
.fo-name{margin:0;font:560 clamp(26px,7.4vw,34px)/1.02 'Fraunces',Georgia,serif;letter-spacing:-.02em;color:var(--text);text-wrap:balance;font-variation-settings:"SOFT" 50}
.fo-role{margin:6px 0 0;font-weight:600;font-size:14px;color:var(--accent)}
html[data-mode=dark] .fo-role{color:color-mix(in srgb,var(--accent) 45%,#9ED8CE)}
.fo-loc{display:flex;align-items:center;gap:5px;margin:6px 0 0;font-size:12.5px;color:var(--muted)}
.fo-loc svg{flex:none}
.fo-chip{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:5px 10px;border:1.5px solid var(--line);border-radius:var(--sk);font-size:12px;font-weight:600;color:var(--text);background:color-mix(in srgb,var(--fo-page) 60%,transparent)}
.fo-chip i{width:8px;height:8px;border-radius:50%;background:#2F9E5B;box-shadow:0 0 0 0 rgba(47,158,91,.5);animation:foPing 2.4s infinite}
@keyframes foPing{0%{box-shadow:0 0 0 0 rgba(47,158,91,.45)}70%{box-shadow:0 0 0 8px rgba(47,158,91,0)}100%{box-shadow:0 0 0 0 rgba(47,158,91,0)}}
.fo-note{margin:16px 6px 0;font-family:'Kalam','Segoe Print',cursive;font-size:19px;line-height:1.35;color:var(--mari-ink);transform:rotate(-1.4deg)}
.fo-ctas{display:flex;gap:10px;margin-top:18px}
.fo-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 16px;border-radius:var(--sk);border:1.5px solid transparent;font-weight:700;font-size:15px;text-decoration:none;transition:transform .2s cubic-bezier(.2,.7,.2,1),background .2s,color .2s}
.fo-btn:active{transform:translateY(1px) scale(.98)}
.fo-btn-ink{background:var(--text);color:var(--fo-page)}
.fo-btn-ink:hover{background:var(--accent);color:#fff}
.fo-btn-line{border-color:var(--text);color:var(--text);background:transparent}
.fo-btn-line:hover{background:var(--text);color:var(--fo-page)}
.fo-media{margin-top:20px;border-radius:var(--sk2);overflow:hidden;--hero-h:170px;border:1.5px solid var(--line)}
.fo .mdc-sec{position:relative;padding-top:22px;border-top:1.5px dashed var(--line);counter-increment:fosec}
.fo-wrap{counter-reset:fosec}
.fo .mdc-sec h2{flex-wrap:wrap;align-items:baseline;gap:8px}
.fo .mdc-sec h2 i{display:none}
.fo .mdc-sec h2::before{content:"0" counter(fosec);font:400 15px/1 'Kalam','Segoe Print',cursive;color:var(--mari-ink);transform:rotate(-4deg)}
.fo .mdc-actions a{background:var(--card);border:1.5px solid var(--line);color:var(--text);border-radius:var(--sk)}
.fo .mdc-actions a i{color:var(--accent)}
.fo .mdc-svc div{padding:10px 0;border-bottom:1.5px dashed var(--line)}
.fo .mdc-svc div:last-child{border-bottom:0}
.fo .mdc-li{background:var(--card);border-radius:var(--sk2)}
.fo img{border-radius:inherit}
.fo-reveal{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.fo-reveal.on{opacity:1;transform:none}
html[data-mode=dark] .fo-card{box-shadow:0 0 0 1px var(--line),0 0 44px -16px color-mix(in srgb,var(--accent) 60%,transparent)}
html[data-mode=dark] .fo-name{text-shadow:0 0 22px color-mix(in srgb,var(--accent) 40%,transparent)}
html[data-mode=dark] .fo-btn-ink{background:var(--accent);color:#fff;box-shadow:0 0 22px -6px var(--accent)}
@media (max-width:360px){.fo-card{grid-template-columns:96px 1fr}.fo-photo{width:96px}}
@media (prefers-reduced-motion:reduce){.t-folio *{animation:none!important;transition:none!important}.fo-reveal{opacity:1;transform:none}}