@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{min-width:320px;margin:0}::selection{color:#fff;background:#5b8cff}:focus-visible{outline-offset:3px;outline:3px solid #5b8cff}:root{color:#24241f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#24241f;--muted:#77766f;--accent:#ef7956;--paper:#faf9f6;--line:#e8e6df;--muted-strong:#65645e;--tag-text:#62615a;--tag-surface:#ffffff61;--surface:#fcfbf8;--availability-bg:#f0f2e9;--availability-text:#60665a;--button-text:#fff;--heading:"Manrope", sans-serif;background:#faf9f6;font-family:DM Sans,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f0f0ec;--ink:#f0f0ec;--muted:#aaa9a1;--paper:#20201e;--line:#3a3a36;--muted-strong:#c4c2b9;--tag-text:#d0cec5;--tag-surface:#20201e6b;--surface:#292925;--availability-bg:#293126;--availability-text:#c3d0b7;--button-text:#20201e;background:#20201e}#root{width:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif;transition:background-color .22s,color .22s}img,svg{max-width:100%;display:block}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.skip{z-index:100;color:#fff;background:var(--ink);border-radius:8px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:12px}.section-wrap,.site-header{width:min(100% - 96px,1120px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;display:flex}.wordmark{font:800 25px/1 var(--heading);letter-spacing:-1.7px;text-decoration:none}.wordmark span,.work-heading h2 span{color:var(--accent)}.site-header nav{align-items:center;gap:34px;font-size:13px;display:flex}.site-header nav a{text-decoration:none;transition:color .16s}.site-header nav a:hover,.text-link:hover{color:var(--accent)}.site-header nav .nav-contact{border:1px solid var(--line);border-radius:999px;align-items:center;gap:9px;padding:11px 16px;display:inline-flex}.theme-toggle{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:color .16s,background .16s,border-color .16s;display:inline-grid}.theme-toggle:hover{color:#fff;border-color:var(--ink);background:var(--ink)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.scroll-to-top{z-index:20;border:1px solid var(--line);width:48px;height:48px;color:var(--button-text);background:var(--ink);cursor:pointer;border-radius:50%;place-items:center;transition:transform .16s,background .16s;display:grid;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 24px #00000029}.scroll-to-top:hover{background:var(--accent);transform:translateY(-3px)}.scroll-to-top svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.nav-contact svg,.button svg,.contact-link svg,.project-arrow svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.intro{grid-template-columns:1.1fr .9fr;align-items:center;column-gap:40px;min-height:620px;padding-top:62px;padding-bottom:24px;display:grid;position:relative}.intro-copy{width:100%;min-width:0;max-width:780px;padding-bottom:58px}.availability{color:var(--availability-text);background:var(--availability-bg);letter-spacing:.75px;border-radius:99px;align-items:center;gap:8px;padding:8px 11px;font-size:9px;display:inline-flex}.availability-dot{background:#7f9b67;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dce6d2}.eyebrow{color:var(--muted);letter-spacing:1.5px;margin:0;font-size:10px;font-weight:700}.intro-eyebrow{margin-top:34px}.intro h1,.section-heading h2,.work-heading h2,.contact h2{font-family:var(--heading);letter-spacing:-2.5px;font-weight:600}.intro h1{margin:17px 0 18px;font-size:clamp(42px,5.2vw,65px);line-height:1.13}.intro h1 span{color:var(--accent)}.intro-description{max-width:450px;color:var(--muted);font-size:14px;line-height:1.85}.intro-actions{align-items:center;gap:26px;margin-top:28px;display:flex}.button{cursor:pointer;border:0;border-radius:5px;justify-content:center;align-items:center;gap:13px;min-height:46px;padding:0 19px;font:600 12px DM Sans,sans-serif;text-decoration:none;transition:transform .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--dark{color:var(--button-text);background:var(--ink)}.button--dark:hover{background:var(--accent)}.text-link{color:var(--muted);font-size:12px;text-decoration:none}.text-link span{padding-left:6px}.identity-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-self:end;width:100%;min-width:0;max-width:480px;margin-top:0;padding:22px;animation:5.5s ease-in-out infinite identity-card-float;position:relative;overflow:hidden;box-shadow:0 20px 52px #3a30241a}:root[data-theme=dark] .identity-card{box-shadow:0 20px 52px #0000003d}@keyframes identity-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.identity-card:before{content:"";background:linear-gradient(90deg,#ef7956 0 34%,#dce8d9 34% 68%,#d9e5ee 68%);height:4px;position:absolute;inset:0 0 auto}.identity-card-top{justify-content:flex-start;align-items:center;margin-bottom:24px;display:flex}.identity-card-logo{font:800 27px/1 var(--heading);letter-spacing:-1.7px}.identity-card-content{grid-template-columns:118px minmax(0,1fr);align-items:start;gap:17px;display:grid}.identity-card-photo{border:1px solid var(--line);object-fit:cover;object-position:center 22%;border-radius:6px;width:118px;height:154px}.identity-card-details{align-items:center;min-width:0;min-height:154px;display:flex}.identity-card-detail{gap:8px;display:grid}.identity-card-detail span{color:var(--muted);letter-spacing:1.2px;font-size:11px;font-weight:700}.identity-card-detail strong{color:var(--ink);font-size:19px;font-weight:700;line-height:1.45}.identity-card-detail--entering{animation:.42s both identity-detail-enter}.identity-card-detail--exiting{animation:.42s both identity-detail-exit}@keyframes identity-detail-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes identity-detail-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}.identity-card-contacts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:23px;display:grid}.identity-card-contact{--contact-color:#25a95a;--contact-text:#123b24;border:1px solid var(--contact-color);min-width:0;min-height:40px;color:var(--ink);background:var(--paper);isolation:isolate;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 8px;font-size:9px;font-weight:600;text-decoration:none;transition:color .18s,transform .18s,box-shadow .18s;display:inline-flex;position:relative;overflow:hidden}.identity-card-contact:nth-child(2){--contact-text:#fff;background:linear-gradient(var(--paper), var(--paper)) padding-box, linear-gradient(110deg, #833ab4 0%, #e1306c 52%, #fcb045 100%) border-box;border-color:#0000}.identity-card-contact:nth-child(2):before{background:linear-gradient(110deg,#833ab4 0%,#e1306c 52%,#fcb045 100%)}.identity-card-contact:nth-child(3){--contact-text:#29251f;background:linear-gradient(var(--paper), var(--paper)) padding-box, linear-gradient(110deg, #fbbc05 0%, #ea4335 100%) border-box;border-color:#0000}.identity-card-contact:nth-child(3):before{background:linear-gradient(110deg,#fbbc05 0%,#ea4335 100%)}.identity-card-contact:nth-child(2) svg:first-child{filter:drop-shadow(0 1px 1px #00000038)}.identity-card-contact:nth-child(3) svg:first-child{color:#9a3b22}.identity-card-contact:before{z-index:-1;transform-origin:0;background:var(--contact-color);content:"";transition:transform .36s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleX(0)}.identity-card-contact:hover,.identity-card-contact:focus-visible{color:var(--contact-text);transform:translateY(-2px);box-shadow:0 7px 16px #3a30241a}.identity-card-contact:hover:before,.identity-card-contact:focus-visible:before{transform:scaleX(1)}:root[data-theme=dark] .identity-card-contact:hover{box-shadow:0 7px 16px #0000003d}.identity-card-contact svg:first-child{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}@media (width<=800px){.intro{grid-template-columns:1fr;gap:36px;min-height:0;padding-bottom:24px}.intro-copy{padding-bottom:0}.identity-card{justify-self:center;width:min(100%,620px)}}@media (width<=600px){.scroll-to-top{width:44px;height:44px;bottom:18px;right:18px}.intro{gap:30px}.identity-card{width:100%;padding:16px}.identity-card-content{grid-template-columns:clamp(76px,25vw,104px) minmax(0,1fr);gap:clamp(10px,3vw,16px)}.identity-card-contacts{gap:6px}.identity-card-contact{gap:5px;min-height:40px;padding-inline:4px;font-size:clamp(8px,2.5vw,10px)}.identity-card-photo{aspect-ratio:3/4;width:100%;height:auto}.identity-card-details{min-height:clamp(112px,38vw,154px)}.identity-card-detail{gap:6px}.identity-card-detail span{font-size:clamp(8px,2.5vw,10px)}.identity-card-detail strong{overflow-wrap:anywhere;font-size:clamp(14px,4.2vw,19px)}.identity-card-contact{min-height:39px}}.intro-footnote{grid-column:1/-1;align-items:center;gap:12px;margin-top:2px;font-size:10px;display:flex;position:static}.intro-footnote>span:not(.footnote-divider){color:var(--muted);letter-spacing:1px;font-size:8px}.intro-footnote strong{font-weight:600}.footnote-divider{background:var(--line);width:1px;height:20px;margin-inline:8px}.about{border-top:1px solid var(--line);grid-template-columns:.9fr 1fr;gap:70px;padding-block:100px 104px;display:grid}.section-heading h2,.work-heading h2{margin:12px 0 0;font-size:clamp(30px,3.6vw,43px);line-height:1.2}.about-content>p:first-child{max-width:570px;color:var(--muted-strong);margin:0;font-size:15px;line-height:1.9}.about-content strong{color:var(--ink);font-weight:700}.skills{flex-wrap:wrap;gap:9px;margin-top:23px;display:flex}.skills span,.project-tags span{border:1px solid var(--line);color:var(--tag-text);border-radius:999px;padding:8px 12px;font-size:10px}.about-content .about-experience{color:var(--muted);margin:21px 0 0;font-size:12px}.work{border-top:1px solid var(--line);padding-block:78px 100px}.work-heading{justify-content:space-between;align-items:end;margin-bottom:42px;display:flex}.work-note{color:var(--muted);letter-spacing:1px;margin:0 0 7px;font-size:9px}.project-list{border-top:1px solid var(--line)}.project-row{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(210px,.85fr) 1.25fr 42px;align-items:center;gap:30px;padding:22px 0;display:grid}.project-number{color:var(--muted);align-self:start;padding-top:13px;font-size:10px}.project-art{border-radius:5px;place-items:center;height:154px;display:grid;position:relative;overflow:hidden}.project-art--peach{color:#9c583f;background:#f2d8c9}.project-art--green{color:#587652;background:#dce8d9}.project-art--blue{color:#4a6982;background:#d9e5ee}.project-art--lilac{color:#705c8d;background:#e4dfee}.project-art--yellow{color:#91763d;background:#f0e5c8}.project-mark{z-index:1;border:1px solid;border-radius:50%;place-items:center;width:76px;height:76px;display:grid}.project-mark svg{width:42px;height:42px}.project-art-label{z-index:1;letter-spacing:1px;font-size:8px;font-weight:700;position:absolute;bottom:12px;left:13px}.project-art-shape{opacity:.35;border:1px solid;border-radius:50%;width:116px;height:116px;position:absolute;top:-51px;right:-27px}.project-info{padding-block:4px}.project-type{color:var(--muted);letter-spacing:1px;margin:0 0 9px;font-size:8px;font-weight:700}.project-info h3{font:700 20px/1.3 var(--heading);letter-spacing:-.6px;margin:0}.project-description{max-width:470px;color:var(--muted);margin:8px 0 12px;font-size:11px;line-height:1.7}.project-tags{flex-wrap:wrap;gap:6px;display:flex}.project-tags span{background:var(--tag-surface);padding:5px 9px;font-size:9px}.project-arrow{border:1px solid var(--line);border-radius:50%;place-items:center;width:38px;height:38px;transition:color .16s,background .16s,transform .16s;display:grid}a.project-arrow:hover{color:#fff;background:var(--ink);transform:translate(2px)}.project-arrow--disabled{color:#aaa9a2}.tools{border-top:1px solid var(--line);padding-block:77px 90px}.tool-list{grid-template-columns:repeat(6,1fr);gap:13px;margin-top:34px;display:grid}.tool-item{border:1px solid var(--line);background:var(--surface);min-height:106px;color:var(--muted-strong);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:11px;transition:transform .18s,border-color .18s;display:flex}.tool-item:hover{border-color:#d8b1a4;transform:translateY(-3px)}.tool-item img{object-fit:contain;width:37px;height:37px}.contact{color:#fff;background:#282823;border-radius:7px;margin-top:28px;padding:52px 56px 50px}:root[data-theme=dark] .contact{background:#171715}.contact-top{justify-content:space-between;align-items:center;display:flex}.contact-top .eyebrow{color:#c5c2b7}.contact-top>span{color:#ef7956;font-size:24px}.contact h2{margin:20px 0 17px;font-size:clamp(36px,5vw,58px);line-height:1.13}.contact h2 em{color:#ef967c;font-family:Georgia,serif;font-weight:400}.contact-actions{flex-wrap:wrap;align-items:center;gap:23px;display:flex}.contact-link{align-items:center;gap:12px;font-size:13px;text-decoration:none;display:inline-flex}.contact-link:hover{color:#ef967c}.contact-whatsapp{color:#c5c2b7;align-items:center;gap:8px;font-size:11px;text-decoration:none;display:inline-flex}.contact-whatsapp svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.contact-form{border-top:1px solid #4b4b44;grid-template-columns:1fr 1fr;gap:17px;max-width:700px;margin-top:35px;padding-top:29px;display:grid}.field{flex-direction:column;gap:7px;display:flex}.field--full{grid-column:1/-1}.field label{color:#d1cfc6;font-size:10px}.field input,.field textarea{color:#fff;background:#32322d;border:1px solid #505048;border-radius:4px;width:100%;padding:11px 12px;font:12px DM Sans,sans-serif}.field textarea{resize:vertical}.form-foot{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:15px;display:flex}.status{color:#c5c2b7;margin:0;font-size:11px}.status.ok{color:#9bd1a5}.status.err{color:#ff9c91}.site-footer{justify-content:space-between;align-items:center;gap:20px;min-height:106px;display:flex}.site-footer>p,.footer-social,.profile-copyright{color:var(--muted);font-size:10px}.site-footer>p{margin:0}.footer-social{align-items:center;gap:18px;display:flex}.footer-social a{text-decoration:none}.footer-social a:hover{color:var(--accent)}.profile-page{min-height:calc(100vh - 194px);padding-top:34px}.profile-back{color:var(--muted);align-items:center;gap:9px;font-size:11px;text-decoration:none;display:inline-flex}.profile-back:hover{color:var(--accent)}.profile-back span{font-size:16px}.profile-hero{grid-template-columns:minmax(270px,.8fr) 1.2fr;align-items:center;gap:clamp(38px,8vw,100px);padding-block:48px 94px;display:grid}.profile-photo-wrap{aspect-ratio:4/5;isolation:isolate;background:#f1e8dc;border:1px solid #e9dfd3;border-radius:48% 48% 9px 9px;justify-self:center;width:min(100%,350px);padding:11px;position:relative;box-shadow:0 25px 65px #513b2a1f}.profile-photo{object-fit:cover;object-position:center 23%;filter:saturate(.84);border-radius:48% 48% 5px 5px;width:100%;height:100%}.profile-photo-orbit{z-index:-1;border:1px solid #e9a88e;border-radius:50%;position:absolute}.profile-photo-orbit--one{width:70px;height:70px;top:-20px;right:-22px}.profile-photo-orbit--two{border-color:#99aa8b;width:36px;height:36px;bottom:55px;left:-24px}.profile-photo-label{border:1px solid var(--line);color:var(--ink);background:var(--paper);letter-spacing:1px;border-radius:4px;padding:10px 13px;font-size:8px;font-weight:700;position:absolute;bottom:30px;right:-19px;box-shadow:0 8px 20px #28231c14}.profile-intro>.eyebrow{margin-bottom:15px}.profile-intro h1{font:600 clamp(38px, 5vw, 58px)/1.12 var(--heading);letter-spacing:-2.8px;margin:0}.profile-intro h1 span{color:var(--accent)}.profile-role{color:#8a765f;margin:13px 0 22px;font-size:13px;font-weight:600}:root[data-theme=dark] .profile-role{color:#e3ab8d}.profile-bio{max-width:560px;color:var(--muted-strong);margin:0;font-size:14px;line-height:1.9}.profile-facts{flex-wrap:wrap;gap:28px;margin-top:27px;display:flex}.profile-facts div{gap:7px;display:grid}.profile-facts span{color:var(--muted);letter-spacing:1.2px;font-size:8px;font-weight:700}.profile-facts strong{color:var(--ink);font-size:11px;font-weight:600}.profile-skills{margin-top:24px}.profile-contact{border-top:1px solid var(--line);grid-template-columns:.9fr 1.1fr;gap:clamp(35px,7vw,80px);padding-block:55px 70px;display:grid}.profile-contact-heading h2{font:600 clamp(28px, 3vw, 38px)/1.2 var(--heading);letter-spacing:-1.7px;margin:13px 0}.profile-contact-heading>p:not(.eyebrow){max-width:390px;color:var(--muted);margin:0;font-size:12px;line-height:1.8}.profile-contact-links{flex-wrap:wrap;gap:17px;margin-top:22px;display:flex}.profile-contact-links a{color:var(--ink);align-items:center;gap:8px;font-size:11px;text-decoration:none;display:inline-flex}.profile-contact-links a:hover{color:var(--accent)}.profile-contact-links svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.profile-contact .contact-form{border-top:0;margin-top:0;padding-top:0}.profile-contact .field label{color:var(--muted-strong)}.profile-contact .field input,.profile-contact .field textarea{border-color:var(--line);color:var(--ink);background:var(--surface)}.profile-contact .status{color:var(--muted)}.profile-contact .status.ok{color:#41835a}.profile-contact .status.err{color:#b64b40}:root[data-theme=dark] .profile-contact .status.ok{color:#9bd1a5}:root[data-theme=dark] .profile-contact .status.err{color:#ff9c91}.reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(20px)}.reveal.in{opacity:1;transform:none}@media (width<=800px){.section-wrap,.site-header{width:min(100% - 48px,620px)}.site-header nav{gap:14px}.intro{grid-template-columns:1fr;gap:36px;min-height:0;padding-bottom:24px}.intro h1{font-size:clamp(38px,6vw,52px)}.intro-actions{flex-flow:wrap;align-items:center;gap:18px}.about{grid-template-columns:1fr 1.1fr;gap:35px}.project-row{grid-template-columns:25px minmax(150px,.8fr) 1.2fr 36px;gap:17px}.project-art{height:135px}.tool-list{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.section-wrap,.site-header{width:calc(100% - 40px)}.site-header{height:72px}.site-header nav{gap:10px}.theme-toggle{width:35px;height:35px}.site-header nav>a:not(.nav-contact){display:none}.site-header nav>a[href=\/profil]{display:inline-flex}.site-header nav .nav-contact{padding:9px 10px;font-size:11px}.site-header nav a[href=\/profil]{font-size:11px}.intro{grid-template-columns:1fr;gap:32px;min-height:auto;padding-top:50px;padding-bottom:24px}.intro-copy{padding-bottom:0}.intro-eyebrow{margin-top:28px}.intro h1{letter-spacing:-2px;font-size:clamp(40px,11vw,56px)}.intro h1 br{display:none}.intro-description{font-size:13px}.intro-actions{flex-flow:wrap;align-items:center;gap:18px}.intro-footnote{flex-wrap:wrap;gap:8px;font-size:9px}.intro-footnote>span:not(.footnote-divider){font-size:7px}.about{grid-template-columns:1fr;gap:22px;padding-block:70px}.work{padding-block:65px 70px}.work-heading{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:28px}.project-row{grid-template-columns:25px 1fr 36px;gap:13px;padding-block:18px}.project-number{grid-row:span 2}.project-art{height:150px}.project-info{grid-column:2}.project-arrow{grid-area:1/3}.project-info h3{font-size:18px}.tools{padding-block:65px 70px}.tool-list{grid-template-columns:repeat(2,1fr)}.contact{padding:34px 22px}.contact-form{grid-template-columns:1fr}.field--full,.form-foot{grid-column:auto}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start;padding-block:23px}.footer-social{flex-wrap:wrap;gap:13px}.profile-page{padding-top:23px}.profile-hero{grid-template-columns:1fr;gap:43px;padding-block:36px 62px}.profile-photo-wrap{width:min(78%,310px)}.profile-intro h1{font-size:43px}.profile-contact{grid-template-columns:1fr;gap:24px;padding-block:44px 56px}.profile-contact .contact-form{grid-template-columns:1fr}.profile-contact .field--full,.profile-contact .form-foot{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.identity-card,.identity-card-detail--entering,.identity-card-detail--exiting{animation:none}}
