.bento{min-width:0;min-height:0;overflow:hidden}.profile-pic{object-fit:cover;width:100px;height:100px}.paragraph{text-align:justify;color:var(--body-color);line-height:2.4em}.work-description.paragraph{text-align:left;line-height:1.9}.work-description p{margin:0 0 .75em}.work-description p:last-child{margin-bottom:0}.work-description ul,.work-description ol{counter-reset:work-description-ordered;margin:.4em 0 .85em 1.3em;padding:0;list-style:none}.work-description li{margin-bottom:.35em;position:relative}.work-description li[data-list=bullet]:before{content:"•";position:absolute;left:-1.1em}.work-description li[data-list=ordered]{counter-increment:work-description-ordered}.work-description li[data-list=ordered]:before{content:counter(work-description-ordered) ".";position:absolute;left:-1.3em}.work-description strong{color:var(--text-color)}.work-description a{color:var(--link-color);text-decoration:underline}.work-description h1,.work-description h2,.work-description h3{color:var(--text-color);margin:.7em 0 .4em;font-weight:700;line-height:1.4}.swiper-container{width:100%;height:100%}.swiper-slide img,.swiper-slide video{object-fit:cover;border-radius:1em;width:100%;height:100%}.swiper-slide{flex-shrink:0;width:100%;height:100%}.swiper{width:100%;height:300px}.lang img{aspect-ratio:2/3;border-radius:3px;width:33px;height:25px}.blogs-container{height:100%;min-height:0;overflow:hidden}.blog-post,.blog-title{min-width:0}.blog-links{transition:filter .2s,-webkit-text-fill-color .2s}.blog-post:hover .blog-links{-webkit-text-fill-color:var(--linkhover-color);filter:drop-shadow(var(--icon-glow))}.skills-grid{grid-gap:10px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-auto-rows:auto;display:grid}.skills-marquee{flex-direction:column;gap:12px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.skills-marquee-tablet,.skills-marquee-mobile{display:none}@media (max-width:1023px){.skills-marquee-desktop{display:none}.skills-marquee-tablet{display:flex}}@media (max-width:639px){.skills-marquee-tablet{display:none}.skills-marquee-mobile{display:flex}}.skills-marquee-row{gap:12px;width:max-content;animation:32s linear infinite skills-marquee-scroll;display:flex}.skills-marquee-row-reverse{animation-duration:36s;animation-direction:reverse}.skills-marquee-row:hover{animation-play-state:paused}@keyframes skills-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.skills-marquee-row{animation:none}}.single-skill{background-color:var(--square-color);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;box-sizing:border-box;border-radius:1em;flex:none;justify-content:center;align-items:center;width:64px;height:64px;padding:10px;transition:all .3s;display:flex}.single-skill:hover{background-color:var(--square-hover-color);transition:all .3s}.single-skill img{object-fit:contain;width:36px;height:36px;transition:filter .3s}.dark .single-skill.invert-in-dark img{filter:invert()}.tag‐container{flex-wrap:wrap;gap:12px 8px;display:flex}.tag{cursor:pointer;background-color:var(--square-color);white-space:nowrap;border-radius:8px;padding:6px 12px;transition:all .3s;display:inline-block}.tag:hover{background-color:var(--square-hover-color);transition:all .3s}.tag.tag-sm{border-radius:6px;padding:4px 9px;font-size:.8em}.work-tag-groups{flex-direction:column;gap:12px;display:flex}.work-tag-group{flex-direction:column;gap:6px;display:flex}.work-tag-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--body-color);font-size:.72em;font-weight:700}.tag‐container.tag‐container-tight{gap:6px}.tag.tag-xs{border-radius:5px;padding:4px 9px;font-size:.78em}@media (max-width:1023px){.single-skill{width:56px;height:56px;padding:8px}.single-skill img{width:32px;height:32px}}@media (max-width:639px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(62px,1fr))}.single-skill{width:48px;height:48px;padding:7px}.single-skill img{width:26px;height:26px}.profile-pic{width:72px;height:72px}.introduction-paragraph.paragraph{line-height:1.9em}}@media (min-width:1280px) and (max-width:1535px){.profile-pic{width:150px;height:150px}}@media (min-width:1536px){.profile-pic{width:150px;height:150px}}