.home{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--background-image) no-repeat;background-position-x:66%;background-size:cover;background-attachment:fixed;position:relative}.home:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:0}.home__content{display:flex;flex:1;align-items:center;flex-direction:column;justify-content:space-between;text-align:center;min-width:96%;z-index:99}.content__title{position:relative;display:inline-block;font-weight:600;font-size:2.4rem;line-height:1.3;text-align:center;margin-bottom:1rem;color:var(--text)}.home__title-span{display:block;font-weight:900}.content__animate{position:relative}.content__animate-title{font-weight:600;font-size:1.8rem;color:var(--accent);margin:auto;text-align:center}.content__text{position:relative;margin:2rem 0 3rem;font-size:.95rem;text-align:center;line-height:1.6;max-width:100%}.home__social{display:flex;flex-direction:column;gap:.5rem;z-index:99;font-size:.8rem}.social__buttons{display:flex;justify-content:space-evenly;width:100%;margin-bottom:1rem}.social__link{position:relative;display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;background:var(--accent);border:1px solid var(--accent);border-radius:50%;color:var(--bg);z-index:1;overflow:hidden}.social__link:focus-visible{outline:2px solid var(--text);outline-offset:2px}.social__link:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--bg);z-index:-1}.social__mail{display:flex;column-gap:.25rem}.social__mail-text,.social__mail-send,.social__mail-copy{position:relative;z-index:1;border-radius:6px;background-color:var(--bg);border:1px solid var(--accent);color:var(--text);display:flex;justify-content:center;align-items:center}.social__mail-text{text-decoration:none;padding:.25rem .5rem}.social__mail-send,.social__mail-copy{width:38px;height:38px;cursor:pointer}.social__mail-send:before,.social__mail-copy:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--accent);z-index:-1}.home__img-hover{position:absolute;inset:0;width:100%;height:100%;background:#00000080;opacity:.85}.trail-thumbnail{position:absolute;width:128px;height:80px;object-fit:cover;border-radius:8px;box-shadow:0 4px 20px #0009;pointer-events:none;z-index:999;animation:trailFade 1s ease-out forwards}@keyframes trailFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}.home .content__title,.home .content__text{color:var(--text)}@media(min-width:992px){.home{background-position-x:30%;flex-direction:initial;justify-content:initial;text-align:initial;align-items:initial}.home:before{background:linear-gradient(to left,#0000,#0009)}.home__content{min-width:auto;max-width:50%;align-items:initial;flex:none;justify-content:initial;padding-top:4rem}.content__title{text-align:left;font-size:2.5rem}.content__animate{width:fit-content}.content__animate-title{font-size:2rem;text-align:left;background-position:-410px 0;animation-delay:2s}.content__animate-title:before{animation-delay:2s}.content__text{text-align:left;font-size:1rem;max-width:620px}.content__btns{justify-content:initial;gap:2rem;margin-bottom:0}.home__social{position:absolute;bottom:4rem;flex-direction:row}.social__buttons{margin-bottom:0;gap:.5rem;margin-right:2rem}.social__link{transition:color .3s}.social__link:hover,.social__link:focus-visible{color:var(--accent)}.social__link:before{transition:width .3s}.social__link:hover:before,.social__link:focus-visible:before{width:100%}.social__mail-send,.social__mail-copy{transition:.3s}.social__mail-send:hover,.social__mail-copy:hover,.social__mail-send:focus-visible,.social__mail-copy:focus-visible{color:var(--bg)}.social__mail-send:focus-visible,.social__mail-copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.social__mail{gap:.5rem}.social__mail-send:before,.social__mail-copy:before{transition:.3s}.social__mail-send:hover:before,.social__mail-copy:hover:before,.social__mail-send:focus-visible:before,.social__mail-copy:focus-visible:before{width:100%}.home__img-hover{opacity:.45}}@keyframes homeBgText{0%,10%,to{background-position:-300px 0}65%,85%{background-position:0 0}}@keyframes homeCursorText{0%,10%,to{width:0}65%,78%,85%{width:100%;opacity:1}75%,81%{opacity:0}}@media(min-width:992px){@keyframes homeBgText{0%,10%,to{background-position:-375px 0}65%,85%{background-position:0 0}}}.content__btn{position:relative;display:inline-flex;justify-content:center;align-items:center;padding:.7rem 1.8rem;background:var(--accent);border:2px solid var(--accent);border-radius:8px;letter-spacing:2px;font-weight:600;color:var(--bg);z-index:1;overflow:hidden;transition:.3s;text-decoration:none}.content__btn:hover,.content__btn:focus-visible{color:var(--accent)}.content__btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}.content__btn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--bg);z-index:-1;transition:.3s}.content__btn:hover:before,.content__btn:focus-visible:before{width:100%}.content__btn--outline{background:transparent;border-color:var(--accent);color:var(--text)}.content__btn--outline:before{background:var(--accent)}.content__btn--outline:hover,.content__btn--outline:focus-visible{color:var(--bg)}.about{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;padding:7rem var(--padding-side)}.about__layout{display:flex;flex-direction:column;gap:2rem;width:100%;text-align:left}@media(min-width:1024px){.about__layout{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem}}.about__column-right{display:flex;flex-direction:column;gap:2rem}.about__summary-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--bg-alt);border:1px solid var(--border);border-radius:16px;padding:2.5rem 2rem;height:100%;justify-content:center}.about__summary-badge{width:130px;height:130px;border-radius:50%;border:3px solid var(--accent);background:rgba(var(--accent-rgb),.08);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:.5rem 0 1.5rem}.about__summary-badge-years{font-size:2rem;font-weight:900;color:var(--accent);line-height:1}.about__summary-badge-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-top:.35rem}.about__section-block{display:flex;flex-direction:column;gap:.5rem}.about__subtitle{position:relative;display:inline-block;font-size:1.8rem;color:var(--text);margin-bottom:.5rem}.about__paragraph{font-size:1.05rem;line-height:1.7;color:var(--text-muted);margin:.5rem 0}.about__skills-box{background:transparent;border:1px solid var(--border);padding:1.5rem;border-radius:12px}.about__item-title{font-size:1.1rem;color:var(--text);display:block;margin-bottom:.8rem}.about__skills-list{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem}.about__skills-list li{padding:.4rem .85rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;font-size:.85rem;color:var(--text-muted)}.experience__years{font-weight:900;color:var(--accent);font-size:1.2rem}.skills{padding-top:6rem;padding-bottom:6rem}.skills__container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.skills__header{margin-bottom:4rem}.skills__description{color:var(--text-muted);max-width:42rem}.skills__panel{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:2.5rem 2rem}.skills__grid{display:grid;grid-template-columns:1fr;gap:2.5rem}.skills__column-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:1rem}.skills__tags{display:flex;flex-wrap:wrap;gap:.6rem}.skills__tag{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .75rem;background:var(--bg-alt);border:1px solid var(--border);color:var(--text-muted);font-size:.8rem;font-weight:600;border-radius:8px;transition:all .3s ease}.skills__tag:hover{border-color:rgba(var(--accent-rgb),.4);color:var(--text)}@media(min-width:640px){.skills__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.skills__grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.experience{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:6rem var(--padding-side) 5rem}.experience__list{position:relative;display:flex;flex-direction:column;gap:2rem;max-width:900px;width:100%;margin:0 auto;padding-left:1rem}.experience__list:before{content:"";position:absolute;left:7px;top:5px;bottom:5px;width:2px;background:linear-gradient(180deg,var(--accent) 0%,rgba(var(--accent-rgb),.1) 100%)}.experience-card{position:relative;padding-left:2rem;width:100%}.experience-card__dot{position:absolute;left:-14px;top:24px;width:12px;height:12px;background:var(--bg);border:3px solid var(--accent);border-radius:50%;z-index:2;transition:background .3s ease,transform .3s ease}.experience-card__content{position:relative;padding:1.5rem;background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;z-index:1;box-shadow:0 10px 30px #0003;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.experience-card:hover .experience-card__content{border-color:rgba(var(--accent-rgb),.3);transform:translate(5px);box-shadow:0 15px 35px rgba(var(--accent-rgb),.05)}.experience-card:hover .experience-card__dot{background:var(--accent);transform:scale(1.2)}.experience-card__content:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,rgba(var(--accent-rgb),.05) 0%,transparent 100%);z-index:-1;transition:width .4s ease}.experience-card__content:hover:before{width:100%}.experience-card__date{display:flex;align-items:center;font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;gap:.3rem}.experience-card__role{font-size:1.35rem;font-weight:700;color:var(--text);line-height:1.2}.experience-card__company{font-size:1rem;font-weight:500;color:var(--text-muted);margin-top:.25rem;margin-bottom:1.25rem}.experience-card__description{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.7;font-size:.95rem}.experience-card__tags{display:flex;flex-wrap:wrap;gap:.5rem}.experience-card__tag{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem .3rem .4rem;background:var(--bg-alt);border:1px solid var(--border);font-size:.75rem;font-weight:500;border-radius:6px;color:var(--text-muted);transition:all .3s ease}.experience-card:hover .experience-card__tag{border-color:rgba(var(--accent-rgb),.2);color:var(--text);background:rgba(var(--accent-rgb),.05)}.portfolio__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:3rem}.portfolio__filter{padding:.5rem 1.25rem;background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:9999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:.3s;font-family:var(--font-family)}.portfolio__filter:hover,.portfolio__filter--active{background:var(--accent);color:var(--bg)}.portfolio__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:2rem;align-items:start}.portfolio-card{display:flex;flex-direction:column;text-decoration:none;border-radius:12px;overflow:hidden;background:var(--bg);border:1px solid var(--border);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.portfolio-card:hover{border-color:rgba(var(--accent-rgb),.3);transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.portfolio-card__window{position:relative;display:flex;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--border)}.portfolio-card__titlebar{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:var(--bg);border-bottom:1px solid var(--border)}.portfolio-card__dots{display:flex;gap:6px;flex-shrink:0}.portfolio-card__dot{width:10px;height:10px;border-radius:50%;transition:opacity .2s}.portfolio-card__dot--close{background:#ff5f57}.portfolio-card__dot--minimize{background:#febc2e}.portfolio-card__dot--maximize{background:#28c840}.portfolio-card__window-title{font-size:.7rem;font-weight:600;color:var(--text-muted);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portfolio-card__screen{position:relative;aspect-ratio:16 / 10;overflow:hidden}.portfolio-card__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portfolio-card:hover .portfolio-card__image{transform:scale(1.04)}.portfolio-card__content{padding:1rem 1.25rem 1.25rem;flex-grow:1}.portfolio-card__title{font-size:1.1rem;font-weight:700;line-height:1.3;margin-bottom:.4rem;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.portfolio-card__description{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.portfolio-card__tech-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.portfolio-card__tech-list{font-size:.8rem;font-weight:600;color:var(--text)}.portfolio-card__cta{display:inline-flex;align-items:center;gap:.3rem;margin-top:.5rem;font-size:.85rem;font-weight:600;color:var(--text);transition:gap .3s ease}.portfolio-card:hover .portfolio-card__cta{gap:.55rem}.roi-preview{min-height:auto}.roi-preview__intro{max-width:640px;margin:-1.5rem auto 2.5rem;color:var(--text-muted);line-height:1.7;text-align:center}.roi-preview__items{display:grid;gap:1.5rem;max-width:1000px;margin:0 auto;padding:0;list-style:none}.roi-preview__item{padding:1.5rem;border:1px solid var(--border);border-radius:14px;background:var(--bg-alt)}.roi-preview__item-title{margin:0 0 .5rem;font-size:1.1rem}.roi-preview__item p{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.6}.roi-preview__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.5rem}.roi-preview__button{padding:.8rem 1.6rem;border-radius:8px;background:var(--accent);color:var(--bg);font-weight:600;text-decoration:none;transition:opacity .2s ease}.roi-preview__button:hover{opacity:.85}.roi-preview__button--ghost{border:2px solid var(--accent);background:transparent;color:var(--accent)}@media(min-width:769px){.roi-preview__items{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){.roi-preview__button{transition:none}}
