:root{--accent-color: rgb(68, 114, 81);--text-color: #1a1a1a;--subtext-color: #474747;--background-color: #E5E5E5}*{margin:0;padding:0;box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:16px}body{background-color:var(--background-color);color:var(--text-color)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;padding:10rem 6rem;gap:4rem;align-items:end;background-color:var(--background-color);position:relative}.hero__logo{position:absolute;top:3rem;left:6rem;height:3rem;width:auto}.hero__left{display:flex;align-items:flex-end}.hero__title{font-size:clamp(3rem,8vw,7rem);color:var(--text-color);font-weight:700;line-height:.95;letter-spacing:-.02em;text-transform:uppercase}.hero__title .accent{color:var(--accent-color)}.hero__right{display:flex;flex-direction:column;justify-content:flex-end;gap:2rem}.hero__cta{align-self:flex-start}.hero__button{display:inline-block;padding:1rem 2.5rem;background-color:var(--text-color);color:#fff;text-decoration:none;font-size:.95rem;font-weight:500;letter-spacing:.02em;border:2px solid var(--text-color);transition:all .3s ease;text-transform:uppercase}.hero__button:hover{background-color:transparent;color:var(--text-color)}.hero__subtitle{font-size:1.125rem;color:var(--subtext-color);line-height:1.7;font-weight:400;max-width:500px}@media (max-width: 1024px){.hero{padding:3rem 4rem;gap:3rem}}@media (max-width: 768px){.hero{grid-template-columns:1fr;padding:6rem 2rem 2rem;gap:1.5rem;align-items:end}.hero__logo{top:2rem;left:2rem;height:2.5rem}.hero__left{align-items:flex-end}.hero__title{font-size:clamp(2.5rem,12vw,4rem)}.hero__right{gap:1.5rem;align-self:start}.hero__subtitle{max-width:100%}}.services{padding:6rem;background-color:var(--background-color)}.services__container{display:grid;grid-template-columns:1fr auto 1fr;gap:4rem;align-items:center;max-width:1400px;margin:0 auto}.services__column{display:flex;flex-direction:column;gap:1.5rem}.services__title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;color:var(--text-color);letter-spacing:-.01em}.services__title .accent{color:var(--accent-color)}.services__text{font-size:1.0625rem;line-height:1.7;color:var(--subtext-color);font-weight:400}.services__separator{width:2px;height:200px;background-color:var(--accent-color);align-self:stretch}@media (max-width: 1024px){.services{padding:4rem}.services__container{gap:3rem}}@media (max-width: 768px){.services{padding:3rem 2rem}.services__container{grid-template-columns:1fr;gap:3rem}.services__separator{width:100%;height:2px;justify-self:center;max-width:60%}}.skills{padding:4rem 6rem;background-color:var(--background-color);position:relative}.skills__title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;color:var(--text-color);letter-spacing:-.01em;text-transform:lowercase;margin-bottom:2rem;padding-left:0}.skills__title .accent{color:var(--accent-color)}.skills__container{background-color:var(--accent-color);padding:0;min-height:60vh;position:relative;margin:0 auto;overflow:hidden}.skills__word{position:absolute;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;color:#ffffffd9;text-transform:lowercase;letter-spacing:.02em;animation:float 8s ease-in-out infinite;white-space:nowrap}.skills__word:nth-child(1){animation-delay:0s}.skills__word:nth-child(2){animation-delay:.5s}.skills__word:nth-child(3){animation-delay:1s}.skills__word:nth-child(4){animation-delay:1.5s}.skills__word:nth-child(5){animation-delay:2s}.skills__word:nth-child(6){animation-delay:2.5s}.skills__word:nth-child(7){animation-delay:3s}.skills__word:nth-child(8){animation-delay:3.5s}.skills__word:nth-child(9){animation-delay:4s}.skills__logo{position:absolute;height:clamp(3rem,5vw,5rem);width:auto;animation:float 8s ease-in-out infinite;animation-delay:1.2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 1024px){.skills{padding:3rem 4rem}.skills__title{margin-bottom:1.5rem}.skills__container{min-height:50vh}}@media (max-width: 768px){.skills{padding:2rem}.skills__title{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:1rem}.skills__container{min-height:40vh}.skills__word{font-size:clamp(1.2rem,4vw,1.8rem)}}.portfolio{padding:4rem 6rem;background-color:var(--background-color);position:relative}.portfolio__grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;margin:0 auto}.portfolio__cloud{display:flex;flex-direction:column;gap:0}.portfolio__cloud-content{background-color:var(--accent-color);min-height:50vh;position:relative;overflow:hidden}.portfolio__logo{position:absolute;height:clamp(3rem,5vw,5rem);width:auto;animation:float 8s ease-in-out infinite;transition:transform .3s ease,opacity .3s ease}.portfolio__logo:hover{transform:scale(1.05) translateY(-5px);opacity:.9}a[href="/"] .portfolio__logo{filter:brightness(0) saturate(100%) invert(12%) sepia(8%) saturate(1234%) hue-rotate(169deg) brightness(95%) contrast(91%)}.portfolio__tech-logo{position:absolute;height:clamp(3rem,5vw,5rem);width:auto;animation:float 8s ease-in-out infinite;opacity:.85;transition:transform .3s ease,opacity .3s ease}.portfolio__tech-logo:hover{transform:scale(1.05) translateY(-5px);opacity:1}.portfolio__tech-logo--small{height:clamp(2rem,3.5vw,3.5rem)!important}.portfolio__tech-logo:nth-child(1){animation-delay:0s}.portfolio__tech-logo:nth-child(2){animation-delay:1s}.portfolio__tech-logo:nth-child(3){animation-delay:2s}.portfolio__tech-logo:nth-child(4){animation-delay:3s}.portfolio__word{position:absolute;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;color:#ffffffd9;text-transform:lowercase;letter-spacing:.02em;animation:float 8s ease-in-out infinite;white-space:nowrap;text-decoration:none;transition:color .3s ease}.portfolio__word:hover{color:#fff}@media (max-width: 1024px){.portfolio{padding:3rem 4rem}.portfolio__cloud-content{min-height:45vh}}@media (max-width: 768px){.portfolio{padding:2rem}.portfolio__grid{grid-template-columns:1fr;gap:3rem}.portfolio__cloud-content{min-height:35vh}.portfolio__word{font-size:clamp(1.2rem,4vw,1.8rem)}.portfolio__logo,.portfolio__tech-logo{height:clamp(2.5rem,6vw,4rem)}.portfolio__tech-logo--small{height:clamp(1.75rem,4.5vw,3rem)!important}}.contact{padding:6rem;background-color:#e5e5e5}.contact__container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;text-align:center}.contact__title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;color:var(--text-color);letter-spacing:-.02em;text-transform:lowercase}.contact__title .accent{color:var(--accent-color)}.contact__text{font-size:1.125rem;line-height:1.7;color:var(--subtext-color);font-weight:400}.contact__info{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.contact__link{font-size:1.25rem;font-weight:600;color:var(--text-color);text-decoration:none;transition:color .3s ease}.contact__link:hover{color:var(--accent-color)}@media (max-width: 1024px){.contact{padding:4rem}}@media (max-width: 768px){.contact{padding:3rem 2rem}.contact__title{font-size:clamp(2rem,8vw,3rem)}.contact__link{font-size:1.125rem}}.portfolio__logo{position:absolute;height:clamp(4rem,6vw,6rem);width:auto;animation:float 8s ease-in-out infinite;animation-delay:1.2s}.portfolio__word{font-size:clamp(1rem,2vw,2rem)}.portfolio__item{position:absolute;font-weight:600;color:#ffffffd9;text-transform:lowercase;letter-spacing:.02em;animation:float 8s ease-in-out infinite;white-space:nowrap}.portfolio__item:nth-child(1){animation-delay:0s}.portfolio__item:nth-child(2){animation-delay:.5s}.portfolio__item:nth-child(3){animation-delay:1s}.portfolio__item:nth-child(4){animation-delay:1.5s}.portfolio__item:nth-child(5){animation-delay:2s}.portfolio__item:nth-child(6){animation-delay:2.5s}.portfolio__item:nth-child(7){animation-delay:3s}.portfolio__item:nth-child(8){animation-delay:3.5s}.portfolio__item:nth-child(9){animation-delay:4s}