*{box-sizing:border-box}
body{margin:0;color:#25262e;font-family:Manrope,Arial,sans-serif;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,p{margin:0}
img{display:block;max-width:100%;height:auto}
a:focus-visible{outline:2px solid #8b32cf;outline-offset:5px}
.minimal-page{min-height:100svh;display:grid;place-items:center;padding:64px 24px 80px;background:#fff}
.minimal-shell{width:100%;max-width:480px}
.identity{text-align:center}
.brand{display:inline-flex;flex-direction:column;align-items:center;gap:16px}
.brand-mark{width:58px;height:58px;flex:none}
.brand h1{font-size:22px;line-height:1.2;font-weight:550;letter-spacing:-.045em}
.tagline{font-size:12px;color:#96939e;line-height:1.6;margin-top:9px}
.projects{display:grid;gap:12px;margin-top:32px}
.project{display:flex;align-items:center;gap:18px;min-width:0;padding:21px 23px;background:#f6f6f8;border-radius:14px;transition:background .15s,border-color .15s}
.project:hover{background:#efedf4}
.project-icon{width:57px;height:57px;object-fit:contain;border-radius:13px;flex:none}
.project-icon[src$="mooldo.jpg"]{border-radius:50%}
.project-copy{min-width:0}
.project h2{font-size:17px;font-weight:700;letter-spacing:-.04em;line-height:1.3}
.project-copy>p{font-size:12px;line-height:1.6;color:#666771;max-width:330px;margin-top:5px}
.project-copy>small{display:block;font-size:10px;line-height:1.5;color:#a09ca8;margin-top:7px}
.arrow{width:17px;height:17px;flex:none;color:#a6a1af}
.project>.arrow{display:none}
.contact{display:inline-flex;align-items:center;justify-content:center;gap:16px;font-size:12px;font-weight:650;color:#5c5266}
.contact>.arrow{width:14px;height:14px;color:#8b22cf}
.minimal-shell>footer{margin-top:22px;text-align:center}
.minimal-split .minimal-shell{max-width:880px;display:grid;grid-template-columns:225px minmax(0,1fr);gap:76px;align-items:start}
.minimal-split .identity{text-align:left;padding-top:22px}
.minimal-split .brand{align-items:flex-start;gap:18px}
.minimal-split .brand-mark{width:48px;height:48px}
.minimal-split .brand h1{font-size:1.75rem;font-weight:600;letter-spacing:-.06em}
.minimal-split .tagline{font-size:.875rem;margin-top:12px;color:#766d82}
.minimal-split .contact{justify-content:flex-start;gap:15px;font-size:.8125rem;min-height:44px;margin-top:24px;color:#766580}
.minimal-split .projects{margin:0;gap:0;border-top:1px solid #e9e6ed}
.minimal-split .project{background:none;border-radius:0;border-bottom:1px solid #e9e6ed;padding:25px 24px;gap:18px}
.minimal-split .project:hover{background:#fcfbfd}
.minimal-split .project-icon{width:45px;height:45px;border-radius:11px}
.minimal-split .project h2{font-size:1.1875rem;font-weight:650;letter-spacing:-.035em}
.minimal-split .project-copy>p{font-size:.875rem;line-height:1.6;color:#766d82;margin-top:6px;max-width:335px}
.minimal-split .project-copy>small{font-size:.75rem;line-height:1.5;color:#80718d;margin-top:8px}
.minimal-split .project>.arrow{display:block;width:15px;height:15px;margin-left:auto}
@media(max-width:900px){
.minimal-split .minimal-shell{max-width:740px;grid-template-columns:195px minmax(0,1fr);gap:42px}
}
@media(max-width:650px){
.minimal-page{padding:40px 20px 75px}
.minimal-shell{max-width:440px}
.brand-mark{width:49px;height:49px}
.brand{gap:14px}
.brand h1{font-size:21px}
.projects{gap:11px;margin-top:27px}
.project{padding:19px 17px;gap:15px;border-radius:12px}
.project-icon{width:46px;height:46px;border-radius:11px}
.project h2{font-size:16px}
.project-copy>p{font-size:11px;line-height:1.65;margin-top:4px}
.project-copy>small{font-size:9px;margin-top:6px}
.minimal-shell>footer{margin-top:17px}
.minimal-split .minimal-shell{grid-template-columns:minmax(0,1fr);gap:30px;max-width:460px}
.minimal-split .identity{padding-top:0;position:relative}
.minimal-split .brand{flex-direction:row;align-items:center;gap:11px}
.minimal-split .brand-mark{width:32px;height:32px}
.minimal-split .brand h1{font-size:1.5rem}
.minimal-split .tagline{font-size:.875rem;margin-top:12px}
.minimal-split .contact{position:absolute;right:0;top:-6px;margin-top:0;font-size:.8125rem;gap:7px}
.minimal-split .contact>.arrow{width:14px;height:14px}
.minimal-split .project{padding:25px 12px;gap:15px}
.minimal-split .project-icon{width:41px;height:41px}
.minimal-split .project h2{font-size:1.125rem}
.minimal-split .project-copy>p{font-size:.875rem;max-width:none}
.minimal-split .project-copy>small{font-size:.75rem}
.minimal-split .project>.arrow{width:14px;height:14px}
}
@media(prefers-reduced-motion:reduce){
*{transition:none!important}
}
@keyframes home-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes project-appear{from{opacity:0}to{opacity:1}}
.selected-home .minimal-shell{animation:home-enter .55s cubic-bezier(.22,1,.36,1) both}
.selected-home .identity{animation:project-appear .5s ease-out both}
.selected-home .project{position:relative;isolation:isolate;border-radius:0;animation:project-appear .5s ease-out both}
.selected-home .project::before{content:"";position:absolute;inset:4px 0;z-index:-1;border-radius:8px;background:#faf7fd;opacity:0;pointer-events:none;transition:opacity .24s ease}
.selected-home .project:nth-child(1){animation-delay:.08s}
.selected-home .project:nth-child(2){animation-delay:.15s}
.selected-home .project:nth-child(3){animation-delay:.22s}
.selected-home .project-icon{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.selected-home .project h2{transition:color .22s ease}
.selected-home .project>.arrow{transition:transform .28s cubic-bezier(.22,1,.36,1),color .22s ease}
.selected-home .project:is(:hover,:focus-visible){background:none}
.selected-home .project:is(:hover,:focus-visible)::before{opacity:1}
.selected-home .project:is(:hover,:focus-visible) .project-icon{transform:scale(1.035)}
.selected-home .project:is(:hover,:focus-visible) h2{color:#7435a4}
.selected-home .project:is(:hover,:focus-visible)>.arrow{transform:translate(2px,-2px);color:#8b22cf}
.selected-home .brand-mark{transition:transform .28s cubic-bezier(.22,1,.36,1),color .22s ease}
.selected-home .brand:is(:hover,:focus-visible) .brand-mark{transform:translateY(-1px)}
.selected-home .contact{transition:color .24s ease}
.selected-home .contact>.arrow{transition:transform .28s cubic-bezier(.22,1,.36,1)}
.selected-home .contact:is(:hover,:focus-visible){color:#783aa6}
.selected-home .contact:is(:hover,:focus-visible)>.arrow{transform:translate(2px,-2px)}
@media(prefers-reduced-motion:reduce){
.selected-home .minimal-shell,.selected-home .identity,.selected-home .project{animation:none;opacity:1;transform:none}
.selected-home .project:is(:hover,:focus-visible),.selected-home .project:is(:hover,:focus-visible) .project-icon,.selected-home .project:is(:hover,:focus-visible)>.arrow,.selected-home .brand:is(:hover,:focus-visible) .brand-mark,.selected-home .contact:is(:hover,:focus-visible)>.arrow{transform:none}
}

:root{color-scheme:light;--home-bg:#fff;--home-text:#25262e;--home-muted:#766d82;--home-detail:#80718d;--home-line:#e4dfe9;--home-hover:#faf7fd;--home-accent:#8b22cf;--home-active:#7435a4;--home-control:#f3eff6}
:root[data-theme=dark]{color-scheme:dark;--home-bg:#171619;--home-text:#eeeaf2;--home-muted:#b2aab9;--home-detail:#a399ad;--home-line:#413947;--home-hover:#221c29;--home-accent:#bf80eb;--home-active:#d29bf7;--home-control:#302637}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--home-bg:#171619;--home-text:#eeeaf2;--home-muted:#b2aab9;--home-detail:#a399ad;--home-line:#413947;--home-hover:#221c29;--home-accent:#bf80eb;--home-active:#d29bf7;--home-control:#302637}}
.minimal-page{background:var(--home-bg);color:var(--home-text)}
.minimal-split .tagline,.minimal-split .contact,.minimal-split .project-copy>p{color:var(--home-muted)}
.minimal-split .project-copy>small,.minimal-split .arrow{color:var(--home-detail)}
.minimal-split .contact>.arrow{color:var(--home-accent)}
.minimal-split .projects{position:relative;border-top-color:var(--home-line)}
.minimal-split .project{border-bottom-color:var(--home-line)}
.selected-home .project::before{background:var(--home-hover)}
.selected-home .project,.selected-home .project:is(:hover,:focus-visible){background:var(--home-bg)}
.selected-home .project:is(:hover,:focus-visible) h2,.selected-home .contact:is(:hover,:focus-visible){color:var(--home-active)}
.selected-home .project:is(:hover,:focus-visible)>.arrow{color:var(--home-accent)}
a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--home-accent);outline-offset:5px}
:root[data-theme=dark] .project-icon[src$="mooldo.jpg"]{filter:invert(1);mix-blend-mode:screen}
@media(prefers-color-scheme:dark){:root:not([data-theme]) .project-icon[src$="mooldo.jpg"]{filter:invert(1);mix-blend-mode:screen}}
.preferences{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:25px}
.language-switcher{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--home-line);border-radius:30px;font-size:.75rem;font-weight:600;white-space:nowrap}
.language-switcher a{display:grid;place-items:center;min-width:27px;min-height:29px;padding:0 5px;border-radius:30px;color:var(--home-muted);transition:color .2s,background .2s}
.language-switcher a[aria-current=page]{background:var(--home-control);color:var(--home-accent)}
.language-switcher a:hover{color:var(--home-accent)}
.language-switcher>span{flex:none;width:1px;height:12px;margin:0 3px;border-radius:1px;background:var(--home-line)}
.appearance{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--home-line);border-radius:30px}
.appearance[hidden]{display:none}
.appearance button{appearance:none;display:grid;place-items:center;width:29px;height:29px;border:0;border-radius:50%;padding:0;cursor:pointer;background:transparent;color:var(--home-muted)}
.appearance button[aria-pressed=true]{background:var(--home-control);color:var(--home-accent)}
.appearance button svg{display:block}
.string-canvas{position:absolute;top:-36px;left:0;width:100%;height:calc(100% + 72px);pointer-events:none;z-index:1}
.minimal-split .projects.strings-ready{border-top-color:transparent}
.minimal-split .strings-ready .project{border-bottom-color:transparent}
.string-hit{appearance:none;position:absolute;left:0;z-index:2;width:100%;height:44px;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:inherit;touch-action:none;cursor:ns-resize}
@media(pointer:coarse){.appearance button{width:38px;height:38px}.language-switcher a{min-width:36px;min-height:38px}}
@media(max-width:650px){
.minimal-split .identity{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px}
.minimal-split .brand{grid-column:1;grid-row:1;justify-self:start}
.minimal-split .tagline{grid-column:1/-1;grid-row:2}
.minimal-split .contact{position:static;grid-column:2;grid-row:1;margin:0;justify-self:end;font-size:.75rem;gap:5px}
.preferences{grid-column:1/-1;grid-row:3;margin-top:18px;gap:16px}
}
@media(max-width:350px){.minimal-split .brand h1{font-size:1.375rem}.minimal-split .brand{gap:8px}.minimal-split .identity{column-gap:8px}}
@media(prefers-reduced-motion:reduce){.string-canvas,.string-hit{display:none}.minimal-split .projects.strings-ready{border-top-color:var(--home-line)}.minimal-split .strings-ready .project{border-bottom-color:var(--home-line)}}