@charset "UTF-8";.toggle-switch{margin-bottom:20px;display:flex;align-items:center;padding-left:.5rem}.toggle-switch .switch{position:relative;display:inline-block;width:40px;height:20px;margin-right:10px}.toggle-switch .switch input{opacity:0;width:0;height:0}.toggle-switch .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.toggle-switch .switch .slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch .switch input:checked+.slider{background-color:#2196f3}.toggle-switch .switch input:checked+.slider:before{transform:translate(20px)}.sidebar{max-width:250px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;align-items:center}.sidebar__container{width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;transition:background-color .3s,color .3s;font-size:13px;padding:1rem;gap:1rem;overflow-y:auto}.sidebar.light .sidebar__container{background:#ffffffb3;color:#000}.sidebar.dark .sidebar__container{background:#1e1e1eb3;color:#fff}.sidebar__title{font-weight:700;color:gray;padding:0 0 0 .5rem}.sidebar__nav{width:100%;min-width:8rem;margin-top:1rem}.sidebar__list{list-style:none;padding:0}.sidebar__item{margin:10px 0}.sidebar__link{display:flex;align-items:center;text-decoration:none;border-radius:4px;transition:background-color .3s,color .3s;color:inherit;width:100%;padding-left:.5rem}.sidebar__link:hover,.sidebar__link--active{background-color:#0000001a}.sidebar__icon{margin-right:10px;color:#007aff}.sidebar__location .sidebar__list,.sidebar__tags .sidebar__list{padding:0}.sidebar__tags .sidebar__item{display:flex;align-items:center;margin:.5rem}.sidebar__tag{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;color:inherit;font-size:inherit}.sidebar__tag-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px}.sidebar__tag--designer .sidebar__tag-dot{background-color:#ff3b30}.sidebar__tag--developer .sidebar__tag-dot{background-color:#4682b4}.sidebar__tag--gamer .sidebar__tag-dot{background-color:#32cd32}.sidebar__tag--cook .sidebar__tag-dot{background-color:gold}.sidebar__topbar{display:none}.sidebar__toggle{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;height:24px;width:30px;padding:0}.sidebar__toggle-line{width:100%;height:3px;background-color:var(--text-color);transition:all .3s}.sidebar__toggle.open .sidebar__toggle-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar__toggle.open .sidebar__toggle-line:nth-child(2){opacity:0}.sidebar__toggle.open .sidebar__toggle-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width: 768px){.sidebar{max-width:100%;height:auto;position:fixed;top:0;left:0;right:0;z-index:1000}.sidebar__container{position:fixed;top:60px;left:0;right:0;bottom:0;height:calc(100vh - 60px);overflow-y:auto;padding:2rem 1rem;transform:translateY(-100%);transition:transform .5s cubic-bezier(.23,1,.32,1),opacity .5s cubic-bezier(.23,1,.32,1);opacity:0;pointer-events:none}.sidebar.open .sidebar__container{transform:translateY(0);opacity:1;pointer-events:auto}.sidebar__topbar{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 1rem;background-color:var(--background-color);box-shadow:0 2px 5px var(--shadow-color);width:100%;position:fixed;top:0;left:0;right:0;z-index:1001}.sidebar__topbar-title{font-weight:700;color:var(--text-color)}.sidebar__nav,.sidebar__location,.sidebar__tags{margin-bottom:1.5rem;opacity:0;transform:translateY(20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out;transition-delay:.2s}.sidebar.open .sidebar__nav,.sidebar.open .sidebar__location,.sidebar.open .sidebar__tags{opacity:1;transform:translateY(0)}.sidebar__item{margin:15px 0}.sidebar__link,.sidebar__tag{padding:10px .5rem}.sidebar__icon{font-size:1.2rem}.sidebar__text{font-size:1rem}.sidebar__toggle-container{margin-top:1.5rem;display:flex;justify-content:center;opacity:0;transform:translateY(20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out;transition-delay:.3s}.sidebar.open .sidebar__toggle-container{opacity:1;transform:translateY(0)}}.info__section--blog{max-width:1200px;margin:0 auto}.info__section--blog .info__section--blog--title{display:flex;align-items:center;margin-bottom:1rem}.info__section--blog .info__section--blog--title .info__title-graytext{color:#a0a0a0}.info__section--blog .info__section--blog--title--dot{width:10px;height:10px;background-color:var(--dot-color);border-radius:50%;margin-right:.5rem}.info__section--blog .blog__categories-nav{margin-bottom:2rem;display:flex;flex-wrap:wrap}.info__section--blog .blog__categories-nav button{margin-right:.5rem;margin-bottom:.5rem;padding:.5rem 1rem;border:2px solid var(--text-color);background-color:transparent;color:var(--text-color);border-radius:20px;cursor:pointer;transition:background-color .3s,color .3s;font-size:.9rem}@media (max-width: 768px){.info__section--blog .blog__categories-nav button{font-size:.8rem;padding:.4rem .8rem}}.info__section--blog .blog__categories-nav button:hover,.info__section--blog .blog__categories-nav button.active{background-color:var(--text-color);color:var(--bg-color)}.info__section--blog .blog__categories-nav button:focus{outline:none}.info__section--blog .blog__posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.info__section--blog .blog__post{background-color:var(--card-bg-color);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s}.info__section--blog .blog__post:hover{transform:translateY(-5px)}.info__section--blog .blog__post-image{width:100%;height:200px;object-fit:cover}.info__section--blog .blog__post-content{padding:1rem}.info__section--blog .blog__post-title{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-color)}.info__section--blog .blog__post-excerpt{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem}.info__section--blog .blog__post-meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-secondary)}.info__section--blog .blog__post-tags{display:flex;gap:.5rem}.info__section--blog .blog__post-tag{display:inline-block;width:12px;height:12px;border-radius:50%;cursor:help}.info__section--blog .blog__post-tag-dot{display:block;width:100%;height:100%;border-radius:50%}.info__section--blog.light{--bg-color: #ffffff;--text-color: #333333;--text-secondary: #666666;--dot-color: #333333;--card-bg-color: #ffffff;--tag-bg-color: #f0f0f0;--tag-text-color: #333333}.info__section--blog.dark{--bg-color: #1a1a1a;--text-color: #ffffff;--text-secondary: #cccccc;--dot-color: #ffffff;--card-bg-color: #252525;--tag-bg-color: #333333;--tag-text-color: #ffffff}.contact-page{max-width:1200px;margin:0 auto}.contact-page__header{display:flex;align-items:center;margin-bottom:2rem}.contact-page__header-dot{width:10px;height:10px;background-color:var(--dot-color);border-radius:50%;margin-right:.5rem}.contact-page__title{font-size:1.5rem;color:var(--text-color)}.contact-page__title-highlight{color:#a0a0a0}.contact-page__content{display:flex;gap:4rem}@media (max-width: 768px){.contact-page__content{flex-direction:column}}.contact-page__info{flex:1}.contact-page__info-text{font-size:1rem;margin-bottom:2rem;color:var(--text-color)}.contact-page__contact-list{list-style-type:none;padding:0}.contact-page__contact-list-item{display:flex;align-items:center;margin-bottom:1rem;font-size:1rem;color:var(--text-secondary)}.contact-page__contact-list-item svg{margin-right:1rem;font-size:1.2rem}.contact-page__contact-list-item a{color:var(--text-secondary);text-decoration:none;transition:color .3s}.contact-page__contact-list-item a:hover{color:var(--text-color)}.contact-page__form{flex:1}.contact-page__form-group{margin-bottom:1.5rem}.contact-page__form-group input,.contact-page__form-group textarea{width:100%;padding:1rem;border:none;border-bottom:2px solid var(--border-color);background-color:transparent;color:var(--text-color);font-size:1rem;transition:border-color .3s}.contact-page__form-group input:focus,.contact-page__form-group textarea:focus{outline:none;border-color:var(--text-color)}.contact-page__form-group input::placeholder,.contact-page__form-group textarea::placeholder{color:var(--text-secondary)}.contact-page__form-group textarea{height:150px;resize:vertical}.contact-page__submit-btn{background-color:var(--text-color);color:var(--bg-color);border:none;padding:1rem 2rem;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .3s}.contact-page__submit-btn:hover{background-color:var(--text-secondary);transform:translateY(-2px)}.contact-page.light{--bg-color: #ffffff;--text-color: #333333;--text-secondary: #666666;--dot-color: #333333;--border-color: #e0e0e0}.contact-page.dark{--bg-color: #1a1a1a;--text-color: #ffffff;--text-secondary: #cccccc;--dot-color: #ffffff;--border-color: #444444}.info__section--projects .info__section--project--title{display:flex;align-items:center;margin-bottom:.5rem}.info__section--projects .info__section--project--title--dot{width:10px;height:10px;background-color:var(--dot-color);border-radius:50%;margin-right:.5rem}.info__section--projects .project-card{background-color:#252525;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;position:relative;overflow:hidden}.info__section--projects .project-card__content{display:flex;flex-direction:column;padding:1rem}.info__section--projects .project-card__header{display:flex;flex-direction:column;margin-bottom:1rem}.info__section--projects .project-card__tags{display:flex;margin-bottom:.5rem}.info__section--projects .project-card__tag{width:10px;height:10px;background-color:#1e90ff;border-radius:50%;margin-right:.5rem}.info__section--projects .project-card__info{display:flex;flex-direction:column}.info__section--projects .project-card__title--wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.info__section--projects .project-card__context{margin-right:1rem}.info__section--projects .project-card__title{font-size:1.2rem;margin:0 0 .5rem;color:#fff}.info__section--projects .project-card__description{font-size:1rem;margin:0;color:#ccc}.info__section--projects .project-card__button{flex-shrink:0}.info__section--projects .project-card__next{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;transition:color .3s,transform .3s}.info__section--projects .project-card__next:hover{color:#1e90ff;transform:translate(5px)}.info__section--projects .project-card__image-link{width:100%;position:relative;overflow:hidden;cursor:none}.info__section--projects .project-card__image-link:hover .project-card__image{transform:scale(1.05)}.info__section--projects .project-card__image-link:hover .project-card__custom-cursor{opacity:1}.info__section--projects .project-card__image{width:100%;height:auto;object-fit:cover;border-radius:8px;transition:transform .3s ease}.info__section--projects .project-card__custom-cursor{position:absolute;width:80px;height:80px;border-radius:50%;background-color:#000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;pointer-events:none;opacity:0;transition:opacity .3s ease;transform:translate(-50%,-50%)}.info__section--projects .project-card__cursor-text{padding:1rem;color:#fff;font-size:12px;font-weight:700;text-align:center}#expertise h2{margin-bottom:.5rem}#expertise .info__section--expertise--title--dot{width:10px;height:10px;background-color:var(--dot-color);border-radius:50%;margin-right:.5rem}#expertise .info__section--expertise--titlewrap{display:flex;align-items:center;margin-bottom:.5rem}#expertise .info__subtitle{margin:0}#expertise .expertise-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}#expertise .expertise-list__item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#46464602;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:1rem;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease,background .3s ease}#expertise .expertise-list__item:hover{transform:translateY(-5px)}#expertise .expertise-list__item:hover .expertise-list__icons svg{color:#007aff}#expertise .expertise-list__subtitle{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}#expertise .expertise-list__icons{display:flex;flex-wrap:wrap;font-size:1.5rem;margin-bottom:.5rem}#expertise .expertise-list__icons svg{margin:.25rem;transition:color .3s ease}#expertise .expertise-list__tools{font-size:.9rem;color:#666}@media (max-width: 768px){#expertise .expertise-list{grid-template-columns:1fr}}.info__section--contact .info__section--contact--titlewrap{display:flex;align-items:center;margin-bottom:1rem}.info__section--contact .info__section--contact--title--dot{width:10px;height:10px;background-color:var(--dot-color);border-radius:50%;margin-right:.5rem}.info__section--contact .info__subtitle{margin:0}.info__section--contact .contact-content{display:grid;grid-template-columns:1fr 2fr;gap:2rem}@media (max-width: 768px){.info__section--contact .contact-content{grid-template-columns:1fr}}.info__section--contact .contact-image img{width:100%;height:auto;border-radius:10px;object-fit:cover}.info__section--contact .contact-info{display:flex;flex-direction:column;justify-content:space-between;height:100%}.info__section--contact .contact-intro{font-size:1rem;line-height:1.6;margin-bottom:1rem}.info__section--contact .contact-list{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.info__section--contact .contact-link{display:flex;align-items:center;gap:.75rem;border-radius:8px;text-decoration:none;color:inherit;transition:all .3s ease}.info__section--contact .contact-link svg{font-size:1.5rem;transition:color .3s ease}.info__section--contact .contact-link span{font-size:1rem}.info__section--contact .contact-link:hover{transform:translateY(-2px)}.info__section--contact .contact-link:hover svg{color:#007aff}.footer{width:100%;padding:1.5rem 0;font-size:14px;transition:background-color .3s,color .3s}.footer__container{margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer__left{display:flex;align-items:center}.footer__copyright{margin:0;color:inherit}.footer__right{display:flex;align-items:center;gap:2rem}.footer__nav,.footer__social{display:flex;gap:1rem}.footer__link{text-decoration:none;color:inherit;transition:color .3s}.footer__link:hover{color:#007aff}.footer__icon-link{color:inherit;transition:color .3s;transition:transform .3s ease,background .3s ease}.footer__icon-link:hover{color:#007aff;transform:translateY(-5px)}.footer__icon{font-size:1.2rem}.footer.light{color:#333}.footer.dark{color:#fff}@media (max-width: 768px){.footer__container{flex-direction:column;gap:1rem}.footer__left{margin-bottom:.5rem}.footer__right{flex-direction:column;gap:1rem}.footer__nav,.footer__social{justify-content:center}}.info{display:flex;flex-direction:column;gap:8rem}.info #intro{width:80%}.info h1{font-size:36px}.info .h1-header-highlight{color:#fff}.info .info__title-graytext{color:#a0a0a0}.info .client-section{display:flex;align-items:center;background-color:#f5f5f580;border-radius:8px;padding:.5rem 1rem;margin:1rem 0;overflow-x:auto;white-space:nowrap}.info .client-label{font-size:.9rem;font-weight:600;color:#666;margin-right:1rem}.info .client-list{display:flex;align-items:center}.info .client-logo{height:30px;width:auto;margin:0 .5rem;opacity:.7;transition:opacity .3s ease}.info .client-logo:hover{opacity:1}@media (max-width: 768px){.info #intro{width:100%}.info h1{font-size:28px}.info .client-section{flex-direction:column;align-items:flex-start;border-radius:15px;padding:.5rem}.info .client-label{margin-bottom:.5rem}.info .client-list{width:100%;justify-content:space-between}.info .client-logo{height:25px;margin:0 .25rem}}@media (max-width: 767px){.projects{padding:0 1rem}}.projects .info__section--project--title{display:flex;align-items:center;margin-bottom:1rem}.projects .info__section--project--title--dot{width:10px;height:10px;background-color:var(--dot-color, #1e90ff);border-radius:50%;margin-right:.5rem}.projects .info__subtitle{margin:0;font-size:1.5rem}@media (max-width: 767px){.projects .info__subtitle{font-size:1.2rem}}.projects .info__subtitle .info__title-graytext{color:#a0a0a0}.projects .tags-filter{margin-bottom:1rem;display:flex;flex-wrap:wrap}@media (max-width: 767px){.projects .tags-filter{justify-content:center}}.projects .tags-filter button{margin-right:.5rem;margin-bottom:.5rem;padding:.5rem 1rem;border:2px solid #ffffff;background-color:transparent;color:#fff;border-radius:20px;cursor:pointer;transition:background-color .3s,color .3s;font-size:.9rem}@media (max-width: 767px){.projects .tags-filter button{font-size:.8rem;padding:.4rem .8rem}}.projects .tags-filter button:hover,.projects .tags-filter button.active{background-color:#fff;color:#000}.projects .tags-filter button:focus{outline:none}.projects .project-cards{display:grid;grid-template-columns:1fr;gap:1rem}.projects .project-card{background-color:#252525;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column}@media (min-width: 1024px){.projects .project-card{flex-direction:row}}.projects .project-card__content{display:flex;flex-direction:column;height:100%}@media (min-width: 1024px){.projects .project-card__content{flex-direction:row}}.projects .project-card__header{padding:1rem;flex-grow:1;display:flex;flex-direction:column}@media (min-width: 1024px){.projects .project-card__header{width:50%}}.projects .project-card__info{width:100%}.projects .project-card__tags{display:flex;flex-wrap:wrap;margin-bottom:.5rem}.projects .project-card__tag{width:10px;height:10px;border-radius:50%;margin-right:.5rem;margin-bottom:.5rem}.projects .project-card__wrapper{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}@media (max-width: 767px){.projects .project-card__wrapper{flex-direction:column}}.projects .project-card__text{flex-grow:1;margin-right:1rem}@media (max-width: 767px){.projects .project-card__text{margin-right:0;margin-bottom:1rem}}.projects .project-card__title{font-size:1.2rem;margin:0 0 .5rem;color:#fff}.projects .project-card__description{font-size:1rem;margin:0;color:#ccc}.projects .project-card__image-container{width:100%;padding:0 1rem 1rem;display:flex;justify-content:center;align-items:center}@media (min-width: 1024px){.projects .project-card__image-container{width:50%;padding:1rem}}.projects .project-card__image{max-width:100%;height:auto;border-radius:8px;object-fit:cover}@media (min-width: 1024px){.projects .project-card__image{height:100%}}.projects .project-card__button{flex-shrink:0;align-self:flex-start}@media (max-width: 767px){.projects .project-card__button{align-self:flex-end}}.projects .project-card__button a{display:inline-block;padding:.5rem 1rem;background-color:#fff;color:#000;text-decoration:none;border-radius:20px;transition:background-color .3s,color .3s,transform .3s;border:none;cursor:pointer;font-size:.9rem;white-space:nowrap}.projects .project-card__button a:hover{background-color:#e0e0e0;transform:translateY(-2px)}.projects .project-card__button a:active{transform:translateY(0)}.projects.light .project-card{background-color:#fff;color:#000}.projects.light .project-card__title{color:#000}.projects.light .project-card__description{color:#333}.projects.light .project-card__button a{background-color:#000;color:#fff}.projects.light .project-card__button a:hover{background-color:#333}.projects.light .tags-filter button{border-color:#000;color:#000}.projects.light .tags-filter button:hover,.projects.light .tags-filter button.active{background-color:#000;color:#fff}.project-detail{max-width:1200px;margin:0 auto;color:var(--text-color)}.project-detail__header{margin-bottom:2rem}.project-detail__back-link{display:inline-block;margin-bottom:1rem;color:var(--text-color);text-decoration:none;transition:color .3s}.project-detail__back-link:hover{color:var(--text-color-light)}.project-detail__title-wrapper{display:flex;align-items:center;margin-bottom:1rem}.project-detail__title{font-size:2.5rem;margin-bottom:1rem;color:var(--text-color)}.project-detail__tags-container{display:flex;align-items:center;gap:1rem}.project-detail__tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-detail__tag{width:12px;height:12px;border-radius:50%}.project-detail__categories{display:flex;flex-wrap:wrap;gap:.5rem}.project-detail__category{font-size:.9rem;padding:.25rem .75rem;background-color:var(--background-color-light);border-radius:4px;color:var(--text-color-light)}.project-detail__cover{margin-bottom:2rem}.project-detail__image{width:100%;height:auto;object-fit:cover;border-radius:8px;display:block}.project-detail__content{margin:0 auto}.project-detail__info{background-color:var(--background-color-light);border-radius:8px;padding:1.5rem;margin-bottom:3rem}.project-detail__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.project-detail__info-item{display:flex;flex-direction:column}.project-detail__info-item .info-label{font-size:.9rem;color:var(--text-color-light);margin-bottom:.25rem}.project-detail__info-item .info-value{font-size:1rem;color:var(--text-color)}.project-detail__section-title{font-size:1.5rem;margin-bottom:1rem;display:flex;align-items:center;color:var(--text-color)}.project-detail__section-title--dot{width:10px;height:10px;background-color:var(--dot-color);border-radius:50%;margin-right:.5rem}.project-detail section{margin-bottom:3rem}.project-detail section p{font-size:1rem;line-height:1.6;color:var(--text-color-secondary)}.project-detail__problem-challenges{background-color:var(--background-color-light);border-radius:8px;padding:2rem;margin-bottom:3rem}.project-detail__problem{margin-bottom:2rem}.project-detail__problem p{font-size:1rem;line-height:1.6;color:var(--text-color)}.project-detail__challenges h3{font-size:1.2rem;margin-bottom:1rem;color:var(--text-color)}.project-detail__challenges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.project-detail__challenge-item{display:flex;align-items:flex-start;background-color:var(--background-color);border-radius:8px;padding:1rem;box-shadow:0 2px 4px var(--shadow-color)}.project-detail__challenge-item p{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-color-secondary)}.project-detail__challenge-icon{flex-shrink:0;width:24px;height:24px;margin-right:1rem;color:var(--accent-color)}.project-detail__skills-responsibilities{margin-bottom:3rem}.project-detail__skills-responsibilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.project-detail__skills h3,.project-detail__responsibilities h3{font-size:1.2rem;margin-bottom:1rem;color:var(--text-color)}.project-detail__skills ul,.project-detail__responsibilities ul{list-style-type:none;padding-left:0}.project-detail__skills ul li,.project-detail__responsibilities ul li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;font-size:.9rem;line-height:1.5;color:var(--text-color-secondary)}.project-detail__skills ul li:before,.project-detail__responsibilities ul li:before{content:"→";position:absolute;left:0;color:var(--accent-color)}.project-detail__process ul{list-style-type:none;padding-left:0}.project-detail__process ul li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;font-size:.9rem;line-height:1.5;color:var(--text-color-secondary)}.project-detail__process ul li:before{content:"•";position:absolute;left:0;color:var(--dot-color)}.project-detail__next-project{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.project-detail__next-project-link{display:flex;align-items:stretch;text-decoration:none;color:var(--text-color);background-color:var(--background-color-light);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px var(--shadow-color);transition:transform .3s ease}.project-detail__next-project-link:hover{transform:translateY(-5px)}.project-detail__next-project-image-container{width:200px;flex-shrink:0}.project-detail__next-project-image{width:100%;height:100%;object-fit:cover;display:block}.project-detail__next-project-info{flex:1;padding:1.5rem;display:flex;flex-direction:column}.project-detail__next-project-title{font-size:1.3rem;margin-bottom:.5rem;color:var(--text-color)}.project-detail__next-project-description{font-size:.9rem;color:var(--text-color-light);margin-bottom:1rem;flex-grow:1}.project-detail__next-project-read-more{font-size:.9rem;font-weight:700;align-self:flex-start;color:var(--text-color)}@media (max-width: 768px){.project-detail{padding:1rem}.project-detail__title{font-size:2rem}.project-detail__tags-container{flex-direction:column;align-items:flex-start}.project-detail__problem-challenges{padding:1.5rem}.project-detail__challenges-grid,.project-detail__skills-responsibilities-grid{grid-template-columns:1fr}.project-detail__next-project-link{flex-direction:column}.project-detail__next-project-image-container{width:100%;height:200px}}@media (max-width: 480px){.project-detail__title{font-size:1.75rem}.project-detail__section-title{font-size:1.5rem}.project-detail__next-project-title{font-size:1.1rem}}.project-detail__links{display:inline}.project-detail__link{color:#06c;text-decoration:none}.project-detail__link:hover{text-decoration:underline}.media-gallery{margin:1rem 0;position:relative;overflow:hidden;background-color:var(--background-color);color:var(--text-color)}.media-gallery__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.media-gallery__categories{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.media-gallery__categories::-webkit-scrollbar{display:none}.media-gallery__category-btn{padding:.5rem 1rem;background:var(--background-color-light);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;white-space:nowrap;transition:all .3s ease;margin-right:.5rem}.media-gallery__category-btn:last-child{margin-right:0}.media-gallery__category-btn.active{background-color:var(--text-color);color:var(--background-color);font-weight:600;border-radius:12px 0 0}.media-gallery__navigation{display:flex;align-items:center}.media-gallery__nav-btn{width:30px;height:30px;background-color:var(--background-color-light);border:1px solid var(--border-color);color:var(--text-color);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease;border-radius:4px;margin-left:.5rem}.media-gallery__nav-btn:hover{background-color:var(--text-color);color:var(--background-color)}.media-gallery__content{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1rem}.media-gallery__content::-webkit-scrollbar{display:none}.media-gallery__item{flex:0 0 auto;width:90%;margin-right:2rem;scroll-snap-align:start;display:flex;flex-direction:column}.media-gallery__image,.media-gallery__video,.media-gallery__embed{width:100%;height:auto;max-height:80vh;object-fit:contain}.media-gallery__embed{height:80vh;border:none}.media-gallery__caption{margin-top:1rem;font-size:1rem;color:var(--text-color-secondary);text-align:center;padding:0 2rem}.info__section--blog-detail{width:100%;max-width:100%;padding:0;margin:0}.info__section--blog-detail .blog-detail__header{background-color:#f5f5f5;padding:2rem 0;margin-bottom:2rem}.info__section--blog-detail .blog-detail__header-content{max-width:800px;margin:0 auto;padding:0 2rem}.info__section--blog-detail .blog-detail__back-link{display:inline-block;margin-bottom:1rem;color:#333;text-decoration:none;transition:color .3s}.info__section--blog-detail .blog-detail__back-link:hover{color:#666}.info__section--blog-detail .blog-detail__title{font-size:2.5rem;color:#333;margin-bottom:1rem}.info__section--blog-detail .blog-detail__meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#666}.info__section--blog-detail .blog-detail__tags{display:flex;gap:.5rem}.info__section--blog-detail .blog-detail__tag{display:flex;align-items:center;background-color:#e0e0e0;padding:.25rem .5rem;border-radius:4px;color:#333}.info__section--blog-detail .blog-detail__tag-dot{width:8px;height:8px;border-radius:50%;margin-right:.5rem}.info__section--blog-detail .blog-detail__hero{width:100%;max-height:400px;overflow:hidden;margin:0 auto 2rem}.info__section--blog-detail .blog-detail__image{width:100%;height:100%;object-fit:cover;display:block}.info__section--blog-detail .blog-detail__content{max-width:800px;margin:0 auto;padding:0 2rem}.info__section--blog-detail .blog-detail__summary{background-color:#f5f5f5;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.info__section--blog-detail .blog-detail__summary h2{margin-bottom:1rem;color:#333}.info__section--blog-detail .blog-detail__online-link{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background-color:#06c;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s}.info__section--blog-detail .blog-detail__online-link:hover{background-color:#004d99}.info__section--blog-detail .blog-detail__body{color:#333;line-height:1.6;font-size:1.1rem}.info__section--blog-detail .blog-detail__body pre{background-color:#f4f4f4;border:1px solid #ddd;border-left:3px solid #f36d33;color:#666;page-break-inside:avoid;font-family:monospace;font-size:15px;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1em 1.5em;display:block;word-wrap:break-word}.info__section--blog-detail .blog-detail__body pre code{background-color:transparent;border:0;color:inherit;font-size:inherit;padding:0}.info__section--blog-detail .blog-detail__section{margin-bottom:3rem}.info__section--blog-detail .blog-detail__subheader{font-size:2rem;font-weight:700;color:#222;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e0e0e0}.info__section--blog-detail h3{font-size:1.5rem;font-weight:600;color:#333;margin:1.5rem 0 1rem}.info__section--blog-detail h4{font-size:1.3rem;font-weight:600;color:#444;margin:1.25rem 0 .75rem}.info__section--blog-detail p{margin-bottom:1.2rem}.info__section--blog-detail .blog-detail__media{margin:2rem 0;box-shadow:0 4px 6px #0000001a;border-radius:8px;overflow:hidden}.info__section--blog-detail .blog-detail__caption{background-color:#f5f5f5;padding:.75rem 1rem;font-size:.9rem;color:#666;text-align:center}.info__section--blog-detail .blog-detail__pdf-link{margin:1.5rem 0;padding:1rem;background-color:#f0f0f0;border-radius:5px}.info__section--blog-detail .blog-detail__pdf-link a{color:#06c;text-decoration:none;font-weight:700;display:inline-flex;align-items:center}.info__section--blog-detail .blog-detail__pdf-link a:before{content:"📄";margin-right:.5rem}.info__section--blog-detail .blog-detail__pdf-link a:hover{text-decoration:underline}.info__section--blog-detail .blog-detail__media-gallery{margin-top:2rem}.info__section--blog-detail .blog-detail__media-gallery h2{margin-bottom:1rem;color:#333}.info__section--blog-detail .blog-detail__media-item{margin-bottom:2rem}.info__section--blog-detail .blog-detail__media-item.video,.info__section--blog-detail .blog-detail__media-item.embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.info__section--blog-detail .blog-detail__media-item.video .blog-detail__video,.info__section--blog-detail .blog-detail__media-item.video .blog-detail__embed,.info__section--blog-detail .blog-detail__media-item.embed .blog-detail__video,.info__section--blog-detail .blog-detail__media-item.embed .blog-detail__embed{position:absolute;top:0;left:0;width:100%;height:100%}.info__section--blog-detail .blog-detail__read-next{background-color:#f5f5f5;padding:3rem 0;margin-top:3rem}.info__section--blog-detail .blog-detail__read-next-content{max-width:800px;margin:0 auto;padding:0 2rem}.info__section--blog-detail .blog-detail__read-next-title{font-size:1.5rem;color:#333;margin-bottom:1.5rem}.info__section--blog-detail .blog-detail__next-post{display:flex;align-items:stretch;text-decoration:none;color:#333;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.info__section--blog-detail .blog-detail__next-post:hover{transform:translateY(-5px)}.info__section--blog-detail .blog-detail__next-post-image-container{width:200px;flex-shrink:0}.info__section--blog-detail .blog-detail__next-post-image{width:100%;height:100%;object-fit:cover;display:block}.info__section--blog-detail .blog-detail__next-post-info{flex:1;padding:1.5rem;display:flex;flex-direction:column}.info__section--blog-detail .blog-detail__next-post-title{font-size:1.3rem;margin-bottom:.5rem;color:#333}.info__section--blog-detail .blog-detail__next-post-excerpt{font-size:.9rem;color:#666;margin-bottom:1rem;flex-grow:1}.info__section--blog-detail .blog-detail__next-post-read-more{font-size:.9rem;color:#333;font-weight:700;align-self:flex-start}.info__section--blog-detail.dark{background-color:#1a1a1a}.info__section--blog-detail.dark .blog-detail__header{background-color:#252525}.info__section--blog-detail.dark .blog-detail__back-link,.info__section--blog-detail.dark .blog-detail__title,.info__section--blog-detail.dark .blog-detail__subheader,.info__section--blog-detail.dark .blog-detail__body,.info__section--blog-detail.dark .blog-detail__read-next-title,.info__section--blog-detail.dark .blog-detail__next-post-title,.info__section--blog-detail.dark .blog-detail__next-post-read-more{color:#fff}.info__section--blog-detail.dark .blog-detail__meta,.info__section--blog-detail.dark .blog-detail__next-post-excerpt,.info__section--blog-detail.dark .blog-detail__caption{color:#ccc}.info__section--blog-detail.dark .blog-detail__tag{background-color:#333;color:#fff}.info__section--blog-detail.dark .blog-detail__summary,.info__section--blog-detail.dark .blog-detail__read-next{background-color:#252525}.info__section--blog-detail.dark .blog-detail__online-link{background-color:#39f}.info__section--blog-detail.dark .blog-detail__online-link:hover{background-color:#0080ff}.info__section--blog-detail.dark .blog-detail__next-post{background-color:#1a1a1a;color:#fff}.info__section--blog-detail.dark .blog-detail__pdf-link{background-color:#252525}.info__section--blog-detail.dark .blog-detail__pdf-link a{color:#39f}.info__section--blog-detail.dark .blog-detail__media-gallery h2{color:#fff}.info__section--blog-detail.dark .blog-detail__body{color:#e0e0e0}.info__section--blog-detail.dark .blog-detail__body pre{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}.info__section--blog-detail.dark .blog-detail__subheader{color:#fff;border-bottom-color:#444}.info__section--blog-detail.dark h3,.info__section--blog-detail.dark h4{color:#ccc}.info__section--blog-detail.dark .blog-detail__caption{background-color:#2a2a2a;color:#b0b0b0}@media (max-width: 768px){.info__section--blog-detail .blog-detail__header-content,.info__section--blog-detail .blog-detail__content,.info__section--blog-detail .blog-detail__read-next-content{padding:0 1rem}.info__section--blog-detail .blog-detail__title{font-size:2rem}.info__section--blog-detail .blog-detail__meta{flex-direction:column;align-items:flex-start;gap:.5rem}.info__section--blog-detail .blog-detail__next-post{flex-direction:column}.info__section--blog-detail .blog-detail__next-post-image-container{width:100%;height:200px}}@media (max-width: 480px){.info__section--blog-detail .blog-detail__title{font-size:1.75rem}.info__section--blog-detail .blog-detail__body{font-size:1rem}.info__section--blog-detail .blog-detail__read-next-title{font-size:1.25rem}.info__section--blog-detail .blog-detail__next-post-title{font-size:1.1rem}.info__section--blog-detail .blog-detail__next-post-excerpt{font-size:.8rem}}.info__section--location .info__section--location--titlewrap{display:flex;align-items:center;margin-bottom:1rem}.info__section--location .info__section--location--title--dot{width:10px;height:10px;background-color:var(--dot-color);border-radius:50%;margin-right:.5rem}.info__section--location .info__title-graytext{color:#a0a0a0}.info__section--location .info__subtitle{margin:0}.info__section--location .location-content{display:grid;grid-template-columns:1fr 2fr;gap:2rem}@media (max-width: 768px){.info__section--location .location-content{grid-template-columns:1fr}}.info__section--location .location-image img{width:100%;height:auto;border-radius:10px;object-fit:cover}.info__section--location .location-info{display:flex;flex-direction:column;justify-content:space-between;height:100%}.info__section--location .location-intro{font-size:1rem;line-height:1.6;margin-bottom:1rem}.info__section--location .location-list{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.info__section--location .location-item{display:flex;align-items:center;gap:.75rem;border-radius:8px;transition:all .3s ease}.info__section--location .location-item svg{font-size:1.5rem;color:#007aff}.info__section--location .location-item span{font-size:1rem}.info__section--location .location-item:hover{transform:translateY(-2px)}.tagged-content{max-width:1200px;margin:0 auto}.tagged-content__header{display:flex;align-items:center;margin-bottom:1rem}.tagged-content__header-dot{width:10px;height:10px;background-color:var(--dot-color);border-radius:50%;margin-right:.5rem}.tagged-content__title{font-size:1.5rem;color:var(--text-color);margin:0}.tagged-content__title-graytext{color:#a0a0a0;font-weight:400;font-weight:700}.tagged-content__section-title{font-size:1.5rem;margin:2rem 0 1rem;color:var(--text-color)}.tagged-content__projects,.tagged-content__blog-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.tagged-content__item{background-color:var(--card-bg-color);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s,box-shadow .3s;cursor:pointer;text-decoration:none;color:inherit}.tagged-content__item:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.tagged-content__item-image{width:100%;height:200px;object-fit:cover}.tagged-content__item-content{padding:1rem}.tagged-content__item-title{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-color)}.tagged-content__item-description{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem}.tagged-content__item-meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-secondary)}.tagged-content__item-tags{display:flex;gap:.5rem}.tagged-content__item-tag{background-color:var(--tag-bg-color);padding:.25rem .5rem;border-radius:4px;color:var(--tag-text-color)}.tagged-content.light{--bg-color: #ffffff;--text-color: #333333;--text-secondary: #666666;--dot-color: #333333;--card-bg-color: #ffffff;--tag-bg-color: #f0f0f0;--tag-text-color: #333333}.tagged-content.dark{--bg-color: #1a1a1a;--text-color: #ffffff;--text-secondary: #cccccc;--dot-color: #ffffff;--card-bg-color: #252525;--tag-bg-color: #333333;--tag-text-color: #ffffff}.app{display:flex;justify-content:center;background-color:var(--background-color);transition:background-color .3s ease}.content{overflow-y:auto;max-width:1280px;padding:2.5rem;flex-grow:1;box-sizing:border-box;transition:margin-left .3s ease,padding-top .3s ease;margin-left:auto;margin-right:auto}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}html{background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.dark-mode .app,.dark-mode body,.dark-mode html{background-color:var(--background-color);color:var(--text-color)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (max-width: 768px){.content{padding:5rem 1.5rem 2.5rem;margin-left:0;margin-right:0}.app{flex-direction:column}}@media (min-width: 769px) and (max-width: 1024px){.content{padding:6rem 2rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0;vertical-align:baseline}ul[class],ol[class]{list-style:none}html{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{margin:0;padding:0;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{border:0;padding:0;max-width:100%;height:auto;display:block}form{margin:0;padding:0}input,button,textarea,select{font:inherit}ul li{list-style-type:none;margin:0}a{text-decoration:none;color:inherit}