html,body{margin:0;padding:0}@font-face{font-family:Geist;src:url(/portfolio-assets/geist-300.ttf)format("truetype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Geist;src:url(/portfolio-assets/geist-400.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url(/portfolio-assets/geist-500.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Geist;src:url(/portfolio-assets/geist-600.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Geist;src:url(/portfolio-assets/geist-700.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}.portfolio-page{--portfolio-black:#141414;--portfolio-muted:#888;color:var(--portfolio-black);background:#f9f7f4;min-height:100vh;font-family:Geist,Arial,sans-serif;font-size:16px;line-height:1.45}.portfolio-page *{box-sizing:border-box}.portfolio-page a{color:inherit}.portfolio-container{width:100%;max-width:944px;margin:0 auto;padding:0 40px}.portfolio-navbar{justify-content:center;align-items:center;height:72px;display:flex}.portfolio-nav-links{gap:8px;display:flex}.portfolio-nav-link{opacity:.55;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:flex!important}.portfolio-nav-link:hover{opacity:1}.portfolio-nav-link img{width:20px;height:20px}.portfolio-hero{padding:82px 0 0}.portfolio-hero-content{flex-direction:column;align-items:flex-start;gap:36px;padding:0 12px;display:flex}.portfolio-face{object-fit:cover;border:1px solid #e9e9e9;border-radius:16px;width:128px;height:128px}.portfolio-intro{flex-direction:column;gap:16px;display:flex}.portfolio-intro h1{letter-spacing:.02em;margin:0;font-size:40px;font-weight:500;line-height:1.15}.portfolio-lead{letter-spacing:.02em;color:#141414cc;max-width:800px;margin:0;font-size:22px;line-height:1.28}.portfolio-lead a{text-decoration:none;display:inline-block}.portfolio-lead a:hover{text-decoration:underline}.portfolio-education{background:#332b170d;border-radius:12px;flex-direction:column;gap:32px;width:100%;padding:16px 16px 18px;display:flex}.portfolio-education-heading{letter-spacing:.02em;color:#141414cc;align-items:center;gap:10px;font-size:22px;display:flex}.portfolio-education-heading img{width:24px;height:24px}.portfolio-education-blocks{gap:16px;display:flex}.portfolio-education-blocks a{letter-spacing:.02em;border:1px solid #d4d1cc;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px;font-size:22px;text-decoration:none;display:flex}.portfolio-education-blocks a:hover{background:#ffffff8c}.portfolio-education-blocks img{object-fit:contain;max-width:86px;max-height:24px}.portfolio-cases{padding:80px 0 64px}.portfolio-case-list{flex-direction:column;gap:32px;display:flex}.portfolio-case-card{background:0 0;border:1px solid #0000;border-radius:28px;flex-direction:column;gap:8px;padding:11px;text-decoration:none;transition:filter .2s,background .2s;display:flex}.portfolio-case-card:hover,.portfolio-case-card:focus-visible{filter:drop-shadow(0 28px 30px #b0b0b02b);background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(#f0f0f0,#dbdbdb) border-box}.portfolio-case-image{border-radius:16px;overflow:hidden}.portfolio-case-image img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.portfolio-project-context{flex-direction:column;gap:4px;padding:8px;display:flex}.portfolio-project-name{align-items:center;gap:6px;display:flex}.portfolio-project-name img{object-fit:contain;width:16px;height:16px}.portfolio-project-name h2{color:#141414cc;margin:0;font-size:18px;font-weight:600;line-height:22px}.portfolio-project-context p{color:#141414;margin:0;font-size:24px;font-weight:500;line-height:1.18}@media (max-width:767px){.portfolio-container{padding:0 8px}.portfolio-hero{padding-top:56px}.portfolio-hero-content{gap:28px;padding:0 8px}.portfolio-face{width:96px;height:96px}.portfolio-intro{gap:12px}.portfolio-intro h1{font-size:28px;line-height:32px}.portfolio-lead{font-size:18px;line-height:24px}.portfolio-education{gap:24px;padding:12px}.portfolio-education-heading{font-size:18px}.portfolio-education-blocks{flex-direction:column;gap:8px}.portfolio-education-blocks a{padding:18px 16px;font-size:18px}.portfolio-cases{padding-top:48px}.portfolio-case-list{gap:16px}.portfolio-case-card{padding:8px}.portfolio-case-image{border-radius:8px}.portfolio-project-name h2{font-size:14px;line-height:20px}.portfolio-project-context p{font-size:16px;line-height:22px}.portfolio-footer{margin-top:48px}.portfolio-footer-content{gap:24px;padding:40px 8px}}@media (prefers-reduced-motion:reduce){.portfolio-page *{scroll-behavior:auto!important;transition:none!important}}
