.projects{width:100%}.projects__header{width:100%;background-color:var(--color-sections);padding:3rem 1rem}.projects__header .projects__content{width:100%;max-width:1200px;max-height:80vh;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;gap:1rem}.projects__header .projects__header-description{display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;color:var(--color-accent)}.projects__header .projects__header-description h1{margin-bottom:.5rem}.projects__header .projects__header-navigation ul{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;color:var(--color-accent)}.projects__header .projects__header-navigation .li{list-style:decimal-leading-zero;list-style-position:inside;width:max-content;border-bottom:1px solid transparent;font-family:cursive}.projects__header .projects__header-navigation .li::marker{color:#f02449;font-size:initial}.projects__header .projects__header-navigation .li:hover{border-bottom:1px solid #24894b}.projects__header .projects__header-navigation .li:hover::marker{color:#24894b}.projects__header .projects__header-navigation .work__nav-item--active{border-bottom:1px solid #24894b}.projects__header .projects__header-navigation .work__nav-item--active::marker{color:#24894b}@media (max-width: 768px){.projects__header{padding:3rem 2rem}.projects__header .projects__content{flex-direction:column;gap:2rem}}.project__video-container{display:flex;flex-direction:column;width:100%;aspect-ratio:16/9;background-color:#d9e2e8;border:.1px solid var(--color-accent);border-radius:4px;position:relative;overflow:hidden;max-height:250px}[data-theme=dark] .project__video-container{background-color:#37456a}.project__video-container--interactive{cursor:pointer;border:none}.project__video-container video{width:100%;height:100%;object-fit:cover}.project__video-container .project__video-cta{position:absolute;bottom:0;width:100%;text-align:center;background:#0009;transition:all .2s ease-in-out;font-family:cursive;letter-spacing:.1rem;font-weight:600;color:#fff;padding:.2rem}@media (hover: hover){.project__video-container:hover{transform:scale(1.02);transition:all .2s ease-in-out}.project__video-container:hover .project__video-cta{color:#f02449;font-weight:900;letter-spacing:.2rem}}@media (max-width: 768px){.project__video-container{aspect-ratio:9/16}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:10000}.modal{width:80vw;height:80vh;background-color:var(--color-bg);border-radius:8px;overflow:hidden;position:relative;box-shadow:0 0 10px #0006;display:flex;align-items:center;justify-content:center}.modal__video{width:100%;height:100%;object-fit:cover}.modal__close{position:absolute;top:.5rem;right:.5rem;font-size:3rem;border:none;cursor:pointer;line-height:1;width:fit-content;height:fit-content;color:#3c3ca3;z-index:1;background:#f6f5f2;transition:opacity .2s;border-radius:5px}.modal__close:hover{opacity:.7;color:#f02449}.input-container{width:100%;height:min-content;position:relative;display:flex;flex-direction:column;overflow:hidden}.input-container .input-wrapper{position:relative;display:flex;align-items:center;width:100%;max-width:100%}.input-container .input-wrapper textarea{padding-top:1rem}.input-container .input-wrapper input,.input-container .input-wrapper textarea{font-size:clamp(14px,14px + 4 * (100vw - 320px) / 1120,18px);width:100%;height:60px;max-width:100%;color:var(--color-accent);background-color:var(--color-bg);border:1px solid var(--color-accent);font-size:1rem;padding-left:3rem;transition:border-color .3s ease,background-color .3s ease}.input-container .input-wrapper input::placeholder,.input-container .input-wrapper textarea::placeholder{color:var(--color-accent);opacity:.7}.input-container .input-wrapper input:focus,.input-container .input-wrapper textarea:focus{outline:none}.input-container .input-wrapper input.input--default,.input-container .input-wrapper textarea.input--default{color:var(--color-accent);background-color:var(--color-bg)}.input-container .input-wrapper input.input--error,.input-container .input-wrapper textarea.input--error{color:#f02449;border-color:#f02449}.input-container .input-wrapper input.input--error::placeholder,.input-container .input-wrapper textarea.input--error::placeholder{color:#f02449}.input-container .input-wrapper input.input--typing,.input-container .input-wrapper textarea.input--typing{border-color:var(--color-accent);color:var(--color-accent)}.input-container .input-wrapper input.input--typing::placeholder,.input-container .input-wrapper textarea.input--typing::placeholder{color:var(--color-accent);opacity:.8}.input-container .input-wrapper input.input--success,.input-container .input-wrapper textarea.input--success{color:#24894b;border-color:#24894b}@media (max-width: 576px){.input-container .input-wrapper input,.input-container .input-wrapper textarea{max-width:100%}}.input-container .input-wrapper .input-icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-accent);transition:color .3s ease}.input-container .input-wrapper .input-icon.input--error{color:#f02449}.input-container .input-wrapper .input-icon.input--typing{color:var(--color-accent)}.input-container .input-wrapper .input-icon.input--success{color:#24894b}.input-container .input-wrapper .input-icon.input--default{color:var(--color-accent)}.input-container .input-wrapper.no-icon input,.input-container .input-wrapper.no-icon textarea{padding-left:1rem}.input-container .input-wrapper .required{position:absolute;top:50%;transform:translateY(-40%);right:1rem;color:#f02449;font-size:2rem}.input-container .input-message{display:flex;flex-direction:column;height:30px;min-height:min-content;justify-content:flex-start;padding-top:.5rem}.input-container .input-message p{color:#f02449}.form-status-container{height:auto}.form-status-container .form-status-message{display:flex;justify-content:center;align-items:center;height:-webkit-fill-available}.form-status-container .form-status-message .status-sending,.form-status-container .form-status-message .status-success,.form-status-container .form-status-message .status-error,.form-status-container .form-status-message .status-subscribed{display:flex;flex-direction:row;position:relative;gap:8px}.form-status-container .form-status-message .status-sending p,.form-status-container .form-status-message .status-success p,.form-status-container .form-status-message .status-error p,.form-status-container .form-status-message .status-subscribed p{font-size:clamp(16px,16px + 2 * (100vw - 320px) / 1120,18px);font-family:cursive}.contact-form{display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:100%;gap:1.5rem}.contact-form .title{font-size:clamp(14px,14px + 4 * (100vw - 320px) / 1120,18px);text-transform:uppercase;letter-spacing:.15em;text-align:center}.contact-form__button{color:#fff;background-color:#000;padding:.6rem 1.2rem;border-radius:0;position:relative;text-decoration:none;border:none;display:inline-flex;align-items:center;justify-content:center;font-weight:500;transition:background-color .2s ease-in-out;font-size:clamp(18px,18px + 6 * (100vw - 320px) / 1120,24px)}.contact-form__button:hover{background-color:#333;text-decoration:none}[data-theme=dark] .contact-form__button:hover,[data-theme=dark] .contact-form__button{background-color:#1a1a1a}[data-theme=dark] .contact-form__button:hover{background-color:#333}.subscribe-form{display:flex;flex-direction:column;width:100%;min-height:100%}.subscribe-form .title{font-size:clamp(14px,14px + 4 * (100vw - 320px) / 1120,18px);text-transform:uppercase;letter-spacing:.15em;text-align:center;margin-bottom:1.5rem}.subscribe-form .input-container,.subscribe-form .form-status-container .form-status-message{margin-bottom:1rem}.subscribe-form .subscribe-form__button{color:#fff;background-color:#000;padding:.6rem 1.2rem;border-radius:0;position:relative;text-decoration:none;border:none;display:inline-flex;align-items:center;justify-content:center;font-weight:500;transition:background-color .2s ease-in-out;font-size:clamp(18px,18px + 6 * (100vw - 320px) / 1120,24px)}.subscribe-form .subscribe-form__button:hover{background-color:#333;text-decoration:none}[data-theme=dark] .subscribe-form .subscribe-form__button:hover,[data-theme=dark] .subscribe-form .subscribe-form__button{background-color:#1a1a1a}[data-theme=dark] .subscribe-form .subscribe-form__button:hover{background-color:#333}.feedback-form{display:flex;flex-direction:column;width:100%;min-height:100%;gap:1.5rem}.feedback-form .title{font-size:clamp(14px,14px + 4 * (100vw - 320px) / 1120,18px);text-transform:uppercase;letter-spacing:.15em;text-align:center}.feedback-form__button{color:#fff;background-color:#000;padding:.6rem 1.2rem;border-radius:0;position:relative;text-decoration:none;border:none;display:inline-flex;align-items:center;justify-content:center;font-weight:500;transition:background-color .2s ease-in-out;font-size:clamp(18px,18px + 6 * (100vw - 320px) / 1120,24px)}.feedback-form__button:hover{background-color:#333;text-decoration:none}[data-theme=dark] .feedback-form__button:hover,[data-theme=dark] .feedback-form__button{background-color:#1a1a1a}[data-theme=dark] .feedback-form__button:hover{background-color:#333}.projects__item{display:flex;flex-direction:column;gap:3rem;padding-top:3rem}.projects__item .section{padding-inline:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.projects__item .section--full{background-color:var(--color-sections);padding-top:2rem;padding-bottom:3rem}.projects__item .section__title{color:var(--color-accent);font-family:cursive;line-height:normal}.projects__item .section__title span{color:#f02449}.projects__item .section__subtitle{padding-right:1rem;width:max-content;border-bottom:3px solid var(--color-text);padding-bottom:.2rem}.projects__item .section .projects__container{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:2rem}@media (max-width: 576px){.projects__item .section{padding-inline:1rem}}.projects__overview-content{display:flex;flex-direction:row;gap:2rem}@media (max-width: 768px){.projects__overview-content{flex-direction:column}}.projects__overview-description,.projects__overview-video{flex:1}.projects__overview-description{display:flex;flex-direction:column;gap:1rem}.projects__overview-description h2{margin-bottom:auto}.projects__overview .project__video-container{height:100%;max-height:none;aspect-ratio:auto}.projects__highlights .projects__content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:1.5rem}.projects__highlights .projects__content ul{display:flex;flex-direction:column;gap:.8rem;list-style-type:none}.projects__highlights .projects__content ul li{line-height:1.3}.projects__highlights-group{display:flex;flex-direction:column;gap:1rem}.projects__highlights-subtitle .projects__icon{display:inline-block;width:1.25em;height:1.25em;margin-right:.3em;flex-shrink:0;vertical-align:middle}.projects__challenge .projects__content{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}@media (max-width: 576px){.projects__challenge .projects__content h3{width:auto}}.projects__challenge .problem,.projects__challenge .problem__description{display:flex;flex-direction:column;gap:1rem}.projects__challenge .problem-01{position:relative}.projects__challenge .problem-01 .problem__description{display:flex;flex-direction:row;gap:1rem;justify-content:space-between}.projects__challenge .problem-01 .problem__description .problem__image{flex:2;max-width:40%;object-fit:cover;overflow:hidden}.projects__challenge .problem-01 .problem__description .problem__image .image{border-radius:8px;width:100%;height:100%;object-fit:cover;display:block}.projects__challenge .problem-01 .problem__description .problem__text{flex:1;max-width:40%}@media (max-width: 768px){.projects__challenge .problem-01 .problem__description{flex-direction:column}.projects__challenge .problem-01 .problem__description .problem__image{order:1;position:relative;top:0;right:0}.projects__challenge .problem-01 .problem__description .problem__text{max-width:65%;order:2;max-width:100%}}.projects__challenge .problem-02 .problem__description .problem__image{display:flex;justify-content:center}.projects__challenge .problem-01,.projects__challenge .problem-02{width:100%}.projects__challenge .problem-03,.projects__challenge .problem-04,.projects__challenge .problem-05{width:min-content;flex:1}@media (max-width: 576px){.projects__challenge .problem-03,.projects__challenge .problem-04,.projects__challenge .problem-05{width:auto;flex:auto}}.projects__strategy .projects__content,.projects__strategy .plans{display:flex;flex-direction:column;gap:2rem}.projects__strategy .plans .plan{width:100%;height:max-content;position:relative;cursor:pointer}.projects__strategy .plans .plan .plan__text,.projects__strategy .plans .plan .plan__icon--on{display:none}.projects__strategy .plans .plan .plan__icon--off,.projects__strategy .plans .plan .plan__icon--dropdown{display:block}.projects__strategy .plans .plan:hover .plan__icon--off{display:none}.projects__strategy .plans .plan:hover .plan__icon--on{display:block}.projects__strategy .plans .plan.plan--active .plan__icon--off{display:none}.projects__strategy .plans .plan.plan--active .plan__icon--on,.projects__strategy .plans .plan.plan--active .plan__text{display:block}.projects__strategy .plans .plan.plan--active .plan__shape{height:8rem}.projects__strategy .plans .plan.plan--active .plan__background .plan__icon--dropdown{transform:rotate(180deg)}.projects__strategy .plans .plan__background{background:#b0c4de;width:95%;height:85%;position:absolute;z-index:1;top:0;right:0}.projects__strategy .plans .plan__background .plan__icon{width:1.5rem;height:auto;margin-bottom:.5rem}.projects__strategy .plans .plan__background .plan__icon--dropdown{position:absolute;top:1rem;right:.7rem;transform:rotate(0);transition:transform .3s ease}.projects__strategy .plans .plan__shape{position:absolute;width:2.5rem;height:5.5rem;background:#b0c4de;z-index:3;left:5%;display:flex;flex-direction:column;justify-content:end;align-items:center;padding-bottom:1rem}.projects__strategy .plans .plan__shape .plan__icon{width:2rem;height:auto}.projects__strategy .plans .plan__item{position:relative;z-index:2;display:flex;flex-direction:column;gap:2rem;max-width:100%;height:auto;padding:1.5rem;background:var(--color-bg);bottom:0;left:0;margin-top:3rem;margin-right:3rem}.projects__strategy .plans .plan__item .plan__title{text-align:right;align-self:flex-end;max-width:70%}.projects__strategy .plans .plan__item .plan__text{text-align:left}@media (max-width: 576px){.projects__strategy .plans .plan__background{width:100%}.projects__strategy .plans .plan__item{margin-right:0rem}.projects__strategy .plans .plan__shape{left:0}}.slider{padding:2rem 3rem;overflow:hidden;height:100%;background-color:var(--color-sections);position:relative;display:flex;align-items:center;justify-content:center;border-radius:8px}.slider .slider__image-wrapper{width:100%}.slider .slider__buttons{position:absolute;width:100%;display:flex;justify-content:space-between;padding-inline:4px}.slider .slider__buttons .slider__button{color:#f02449;cursor:pointer;z-index:2;display:flex;justify-content:center;align-items:center;padding:.5rem .25rem;border-radius:8px}.slider__dots{position:absolute;bottom:1rem;width:100%;text-align:center}.slider__dot{display:inline-block;width:.75rem;height:.75rem;margin:0 .25rem;border-radius:50%;cursor:pointer;background:#9d9ddb}.slider__dot.active{background:#3c3ca3}.projects__solution-implementation .projects__content{display:flex;flex-direction:column;gap:2rem}.projects__solution-implementation .difference-box{display:flex;flex-direction:column;gap:1rem}.projects__solution-implementation .slider-container{height:100dvh;max-height:70dvh}@media (min-width: 1441px){.projects__solution-implementation .slider-container{max-height:max-content}.projects__solution-implementation .slider-container .slider{padding:4rem 3rem}}@media (max-width: 768px){.projects__solution-implementation .slider-container{height:40dvh;overflow:hidden}.projects__solution-implementation .slider__image-wrapper{height:100%;overflow:hidden}.projects__solution-implementation .slider__image{width:100%;height:100%;object-fit:cover}}.slider-missing{display:flex;gap:1rem;text-align:center;align-items:center}.slider-missing svg{fill:#f02449}.slider-missing .error-message{color:#f02449}.projects__outcomes-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.outcome--card{background:#b0c4de;position:relative;border-radius:1rem;padding:2rem 1.5rem;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;gap:2rem;transition:transform .2s ease,box-shadow .2s ease}.outcome--card:hover{transform:translateY(-6px);box-shadow:0 6px 20px #0000001a}.outcome--card .outcome__images{display:flex;align-items:center;width:100%;justify-content:space-between}.outcome--card .outcome__images .outcome__theme-icon{width:3rem;height:3rem;object-fit:contain}.outcome--card .outcome__images .outcome__arrow-icon{width:2rem;height:2rem;object-fit:contain;color:inherit}.outcome--card .outcome__info .outcome__value,.outcome--card .outcome__info .outcome__label{color:var(--color-text)}.outcome--card .outcome__info.positive .outcome__value,.outcome--card .outcome__info.positive .outcome__arrow-icon{color:var(--color-success)}.outcome--card .outcome__info.negative .outcome__value,.outcome--card .outcome__info.negative .outcome__arrow-icon{color:var(--hamburger-red)}.page404{display:flex;flex-direction:column;justify-content:center;height:100%;min-height:100dvh;width:100%;min-width:100vw;background-color:#fff}.page404 .page404__wrapper{display:flex;justify-content:center;align-items:center;position:relative;width:100%;overflow:hidden}.page404 .page404__wrapper .page404__header{position:absolute;z-index:1;top:9%;left:49.5%;transform:translate(-50%,-50%);height:max-content}@media (max-width: 576px){.page404 .page404__wrapper .page404__header{left:49.5%}}.page404 .page404__wrapper .page404__header h1{font-family:cursive;font-weight:200}.page404 .page404__footer{display:flex;flex-direction:column;height:max-content;text-align:center;gap:1rem;padding:0 1rem}.page404 .page404__footer .h3,.page404 .page404__footer .p{font-family:cursive}.page404 .page404__footer .page404__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.page404 .page404__footer .page404__buttons .button{color:#fff;background-color:#000;padding:.6rem 1.2rem;border-radius:0;position:relative;text-decoration:none;border:none;display:inline-flex;align-items:center;justify-content:center;font-weight:500;transition:background-color .2s ease-in-out}.page404 .page404__footer .page404__buttons .button:hover{background-color:#333;text-decoration:none}[data-theme=dark] .page404 .page404__footer .page404__buttons .button:hover,[data-theme=dark] .page404 .page404__footer .page404__buttons .button{background-color:#1a1a1a}[data-theme=dark] .page404 .page404__footer .page404__buttons .button:hover{background-color:#333}.language-switcher{position:relative;display:inline-block}.language-switcher .lang-btn{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.language-switcher .lang-btn img{width:29px;height:29px}.language-switcher .lang-btn:hover img{transform:scale(1.05)}.language-switcher .lang-menu{position:absolute;top:55px;right:5px;color:#fff;background-color:#2e3a59;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:140px;width:max-content}.language-switcher .lang-menu li{display:flex;align-items:center;padding:10px 14px;cursor:pointer;transition:background-color .2s ease}.language-switcher .lang-menu li img{width:20px;height:20px;margin-right:8px;border-radius:50%}.language-switcher .lang-menu li span{font-size:14px}.language-switcher .lang-menu li:hover{color:#f02449}.theme-switcher{display:flex;flex-direction:row;justify-content:center;align-items:center}.theme-switcher .theme-toggle-btn{border:none;line-height:0;background:none}.theme-switcher .theme-toggle-btn img{width:40px;height:40px}.theme-switcher .theme-toggle-btn img:hover{transform:scale(1.05)}:root{--header-height: 80px}.header{display:flex;flex-direction:row;width:100%;max-width:1200px;height:var(--header-height);align-items:center;padding-inline:32px;position:relative;z-index:1000}.header .header__logo button{background:none;border:none;font-size:clamp(1rem,2vw,1.5rem);text-transform:uppercase}.header .header__logo button:hover{text-decoration:underline}.header .header__navigation{display:flex;justify-content:space-between;align-items:center;margin-left:auto;cursor:pointer;gap:32px}@media (max-width: 768px){:root{--header-height: 70px}.header{height:var(--header-height);padding-inline:16px;gap:16px}.header .header__navigation{gap:16px}}@media (max-width: 576px){:root{--header-height: 70px}.header{gap:16px}}:root{--color-bg: #dde1e4;--color-bg2: #010305;--color-text: #000000;--color-accent: #2e3a59;--color-border: #dde1e4;--color-highlight: #f1a39a;--color-sections: #c9d6df}[data-theme=dark]{--color-bg: #000000;--color-bg2: #2e3a59;--color-text: #ffffff;--color-accent: #c9d6df;--color-border: #c9d6df;--color-highlight: hsl(34, 45%, 85%);--color-sections: #2e3a59}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{line-height:1.6;-webkit-font-smoothing:antialiased;background-color:#000;color:#fff}body{background-color:var(--color-bg);color:var(--color-text);font-family:Poppins,sans-serif;overflow-x:hidden}.container{width:100%;max-width:1200px;max-height:80vh;margin:0 auto}img{max-width:100%;display:block}#root{display:flex;flex-direction:column;align-items:center}h1{font-family:Poppins,sans-serif;font-weight:700;font-size:2.5rem;line-height:1.2}@media (max-width: 1440px){h1{font-family:Poppins,sans-serif;font-weight:700;font-size:2.25rem;line-height:1.2}}@media (max-width: 1024px){h1{font-family:Poppins,sans-serif;font-weight:700;font-size:2rem;line-height:1.2}}@media (max-width: 768px){h1{font-family:Poppins,sans-serif;font-weight:700;font-size:1.75rem;line-height:1.2}}@media (max-width: 576px){h1{font-family:Poppins,sans-serif;font-weight:700;font-size:1.5rem;line-height:1.2}}@media (max-width: 375px){h1{font-family:Poppins,sans-serif;font-weight:700;font-size:1.35rem;line-height:1.2}}h2{font-family:Poppins,sans-serif;font-weight:600;font-size:2rem;line-height:1.3}@media (max-width: 768px){h2{font-family:Poppins,sans-serif;font-weight:600;font-size:1.5rem;line-height:1.3}}@media (max-width: 576px){h2{font-family:Poppins,sans-serif;font-weight:600;font-size:1.25rem;line-height:1.3}}h3{font-family:Poppins,sans-serif;font-weight:500;font-size:1.5rem;line-height:1.4}@media (max-width: 768px){h3{font-family:Poppins,sans-serif;font-weight:500;font-size:1.25rem;line-height:1.4}}@media (max-width: 576px){h3{font-family:Poppins,sans-serif;font-weight:500;font-size:1.125rem;line-height:1.4}}h4{font-family:Poppins,sans-serif;font-weight:500;font-size:1.25rem;line-height:1.4}@media (max-width: 576px){h4{font-family:Poppins,sans-serif;font-weight:500;font-size:1.125rem;line-height:1.4}}h5{font-family:Poppins,sans-serif;font-weight:500;font-size:1.125rem;line-height:1.4}@media (max-width: 576px){h5{font-family:Poppins,sans-serif;font-weight:500;font-size:1rem;line-height:1.4}}h6{font-family:Poppins,sans-serif;font-weight:500;font-size:1rem;line-height:1.4}p{font-family:Poppins,sans-serif;font-weight:400;font-size:1rem;line-height:1.6}@media (max-width: 375px){p{font-family:Poppins,sans-serif;font-weight:400;font-size:.95rem;line-height:1.6}}a{font-family:Poppins,sans-serif;font-weight:400;font-size:1rem;line-height:1.6;text-decoration:none;color:inherit;cursor:pointer}li{font-family:Poppins,sans-serif;font-weight:400;font-size:1rem;line-height:1}span{font-family:Poppins,sans-serif;font-weight:400;font-size:.95rem;line-height:1.5}button{font-family:Poppins,sans-serif;font-weight:500;font-size:1rem;line-height:1.4;cursor:pointer;background-color:var(--color-accent);color:var(--color-text);border:1px solid var(--color-border)}button:hover{background-color:var(--color-highlight)}a:hover,a:focus{outline:none}.h1{font-size:clamp(24px,24px + 16 * (100vw - 320px) / 1120,40px)}.h2{font-size:clamp(20px,20px + 12 * (100vw - 320px) / 1120,32px)}.h3{font-size:clamp(20px,20px + 4 * (100vw - 320px) / 1120,24px)}.h4{font-size:clamp(18px,18px + 2 * (100vw - 320px) / 1120,20px)}.h5{font-size:clamp(18px,18px + 0 * (100vw - 320px) / 1120,18px)}.p{font-size:clamp(16px,16px + 2 * (100vw - 320px) / 1120,18px)}.li{font-size:clamp(16px,16px + 16 * (100vw - 320px) / 1120,32px);list-style:none}.navbar__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-bg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .3s ease;z-index:1001}.navbar .navbar__menu-items{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:32px;list-style:none;padding:0;margin:0}.navbar .navbar__menu-items li a{position:relative;font-size:clamp(1rem,2vw,1.25rem);text-transform:uppercase}.navbar .menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;padding:.5rem}.navbar .menu-toggle span{width:25px;height:2px;transition:all .3s ease;border-radius:30px}.navbar .menu-toggle .first,.navbar .menu-toggle .third{background-color:#f02449;width:16px}.navbar .menu-toggle .second{background-color:#3c3ca3}.navbar .menu-toggle .third{align-self:flex-end}.navbar .menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar .menu-toggle.open span:nth-child(2){opacity:0}.navbar .menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.navbar .menu-toggle.open .first,.navbar .menu-toggle.open .third{width:25px}@media (max-width: 768px){.navbar{text-align:center}.navbar .navbar__menu-items{gap:16px}}@media (max-width: 576px){.navbar--static .navbar__menu-items{display:flex!important;flex-direction:column;opacity:1!important;transform:none!important;pointer-events:auto!important;position:static!important;height:auto!important}.navbar--static .menu-toggle{display:none!important}.navbar .navbar__menu-items{flex-direction:column}.navbar .menu-toggle{display:flex}.nav-links{position:absolute;width:-webkit-fill-available;width:100vw;height:70vh;top:100%;left:0;opacity:0;transform:translateY(-200%);pointer-events:none;transition:all .3s ease;z-index:1000}.nav-links.active{transform:translateY(0);opacity:1;z-index:1002;height:100vh;pointer-events:none}.nav-links.active>li{pointer-events:auto}}.navbar .navbar__menu-items li{position:relative}.navbar .navbar__menu-items li a{font-size:clamp(1rem,2vw,1.25rem);text-decoration:none;color:var(--color-text);transition:color .3s ease}.navbar .navbar__menu-items li a:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease,background-color .3s ease}.navbar .navbar__menu-items li a:hover:after{transform:scaleX(1);background-color:#3c3ca3}.navbar .navbar__menu-items li a.active:after{background-color:#f02449;transform:scaleX(1)}.navbar .navbar__menu-items li a.active{font-weight:600}.home{display:flex;flex-direction:column;max-width:none;justify-content:center;max-height:none;position:relative;padding-top:2rem}@media (max-width: 768px){.home{padding-top:1rem}}.home .hero-container{width:100%;max-height:80vh;margin:0 auto;max-width:1200px;padding:16px 32px;position:relative;height:max-content}.home .hero-container h1{text-align:right;margin-bottom:16px}.home .hero-container .hero-profileBox{display:flex;justify-content:space-between;gap:16px}.home .hero-container .hero-profileBox .profileImage{border-radius:50%;border:3px solid var(--color-accent)}.home .hero-container .hero-profileBox h3{margin-top:40px;width:70%;justify-self:flex-end;text-align:center}@media (max-width: 768px){.home .hero-container{max-height:none}.home .hero-container .hero-profileBox{flex-direction:column;align-items:center}.home .hero-container .hero-profileBox h3{width:100%;margin-top:0}}@media (max-width: 576px){.home .hero-container{padding:8px 16px}}.home .hero-images{min-height:250px;height:100vh;max-height:380px;display:flex;align-items:flex-end;position:relative;margin-bottom:2rem}@media (max-width: 768px){.home .hero-images{margin-bottom:2rem}}.home .hero-images .hero-right-olive{pointer-events:none;position:absolute;bottom:150px;right:0}.home .hero-images .hero-left-olive{pointer-events:none;position:absolute;bottom:-100px;left:0}.home .hero-images .steve-jobs-quote{width:100%;max-width:1200px;max-height:80vh;margin:0 auto;padding:0 32px}@media (max-width: 576px){.home .hero-images .steve-jobs-quote{padding:0 16px}}.home .work-container{max-width:none;max-height:none}.home .work-container h2{text-align:center}.home .work-container .projects-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:3rem;gap:3rem}.home .work-container .projects-box .project-card{cursor:pointer;background-color:var(--color-bg);border:.1px solid var(--color-accent);border-radius:1rem 0;padding:1.5rem;box-shadow:0 4px 12px #0000000f;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;gap:1rem}.home .work-container .projects-box .project-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #0000001a}.home .work-container .projects-box .project-card span{color:var(--color-accent)}.home .work-container .projects-box .project-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.5rem;transition:transform .4s ease-in-out}.home .work-container .projects-box .project-card img:hover{transform:scale(1.05)}.home .work-container .projects-box .project-card p{color:var(--color-text)}@media (min-width: 1441px){.home .work-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.home .work-container .projects-box{padding:2rem;gap:2rem}}@media (max-width: 768px){.home .work-container .projects-box{padding:2rem;gap:2rem}}@media (max-width: 576px){.home .work-container .projects-box{padding:2rem 1rem;gap:1rem}}.work,.work .work__body{width:100%}.work .work__item{width:100%;display:flex;justify-content:center;align-items:center;max-width:1200px;padding:3rem 2rem;margin-inline:auto}.work .work__item .work__cta-box{background-color:var(--color-sections)}.work .work__item--even{background-color:var(--color-sections);border-radius:8px}.work .work__item--even .work__cta-box{background:var(--color-bg)}.work .work__item .work__content{max-width:1200px;display:flex;flex-direction:column;justify-content:space-between;height:100%;max-height:-webkit-fill-available;gap:2rem}.work .work__item .work__title{height:max-content;gap:1rem;display:flex;align-items:center}.work .work__item .work__title .work__projectName{min-width:max-content;color:var(--color-accent);font-family:cursive}.work .work__item .work__title .work__projectName span{color:#f02449}.work .work__item .work__solving{display:flex;flex-direction:column;gap:.5rem}.work .work__item .work__solving h3{font-weight:500}.work .work__item .work__solving p{font-weight:300}.work .work__item .work__users h3{margin-bottom:1rem;font-weight:500}.work .work__item .work__users p{font-weight:300}.work .work__item .work__cta-box{display:flex;flex-direction:row;justify-content:space-between;gap:1.5rem;align-items:stretch;padding:1rem 1.5rem;border:.5px solid var(--color-accent);border-radius:4px}.work .work__item .work__role{display:flex;flex-direction:column;gap:1rem;min-width:max-content}.work .work__item .work__tools{display:flex;flex-direction:column;gap:1rem}.work .work__item .work__tools .p span{font-size:clamp(14px,14px + 4 * (100vw - 320px) / 1120,18px);display:inline-block}.work .work__item .work__button{margin-top:auto}.work .work__item .work__button a{min-width:max-content;color:#fff;background-color:#000;padding:.6rem 1.2rem;border-radius:0;position:relative;text-decoration:none;border:none;display:inline-flex;align-items:center;justify-content:center;font-weight:500;transition:background-color .2s ease-in-out}.work .work__item .work__button a:hover{background-color:#333;text-decoration:none}[data-theme=dark] .work .work__item .work__button a:hover,[data-theme=dark] .work .work__item .work__button a{background-color:#1a1a1a}[data-theme=dark] .work .work__item .work__button a:hover{background-color:#333}@media (max-width: 768px){.work .work__item .work__cta-box{flex-direction:column}.work .work__item .work__button a{width:100%}}.container{max-height:none;padding:3rem 0}.about-me-container{display:flex;justify-content:center}.about-me{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;align-self:center;justify-self:center;width:100%;max-width:35vw;gap:5rem}.about-me p{font-size:clamp(16px,16px + 24 * (100vw - 320px) / 1120,40px)}@media (max-width: 1440px){.about-me{max-width:45vw;gap:4rem}}@media (max-width: 1024px){.about-me{max-width:50vw;gap:3.5rem}}@media (max-width: 768px){.about-me{max-width:60vw;gap:3rem}}@media (max-width: 576px){.about-me{max-width:70vw;gap:2.5rem}}@media (max-width: 375px){.about-me{max-width:85vw;gap:2rem}}.contact-me{display:flex;width:100vw;max-width:1200px;min-height:calc(100svh - var(--header-height));height:auto;padding-top:2rem;padding-inline:2rem}.contact-me__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;flex:1 1 auto}.contact-me__header{width:max-content;display:flex}.contact-me__header .contact-me__button{color:#fff;background-color:#000;padding:.6rem 1.2rem;border-radius:0;position:relative;text-decoration:none;border:none;display:inline-flex;align-items:center;justify-content:center;font-weight:500;transition:background-color .2s ease-in-out;font-size:clamp(16px,16px + 2 * (100vw - 320px) / 1120,18px);transition:background-color .3s ease-in-out}.contact-me__header .contact-me__button:hover{background-color:#333;text-decoration:none}[data-theme=dark] .contact-me__header .contact-me__button:hover,[data-theme=dark] .contact-me__header .contact-me__button{background-color:#1a1a1a}[data-theme=dark] .contact-me__header .contact-me__button:hover{background-color:#333}.contact-me__header .contact-me__button--active{background-color:#c9d6df;color:#000}[data-theme=dark] .contact-me__header .contact-me__button--active{background-color:#2e3a59;color:#fff}.contact-me__header .contact-me__button:hover{color:#fff}.contact-me__header button:first-child{border-radius:8px 0 0}.contact-me__header button:last-child{border-radius:0 8px 0 0}.contact-me__form-container{display:flex;justify-content:center;align-items:center;background-color:#c9d6df;width:100%;height:100%;border-radius:10px 10px 0 0;transition:background-color .2s ease-in-out;padding:2rem 0}.contact-me__form-container .contact-me__form{width:100%;max-width:90%;height:-webkit-fill-available}[data-theme=dark] .contact-me__form-container{background-color:#2e3a59}@media (max-width: 768px){.contact-me__header{flex-direction:column;width:100%}.contact-me__header>button{border-radius:0}.contact-me__header button:first-child{border-radius:0}.contact-me__header button:last-child{border-radius:0}.contact-me__header .contact-me__button--active{background-color:#333;color:#fff}[data-theme=dark] .contact-me__header .contact-me__button--active{background-color:#333}.contact-me__form-container{border-radius:0;padding:1.5rem 0}}@media (max-width: 576px){.contact-me{padding-inline:1.5rem}.contact-me__form-container{padding:1.5rem 0}}@media (max-width: 375px){.contact-me{padding-inline:1rem}.contact-me .contact-me__form{max-width:95%}}.footer{display:flex;flex-direction:column;background:var(--color-bg);width:100%;gap:1rem;text-align:center;padding-top:1rem}.footer__container{width:100%;display:flex;flex-direction:row;justify-content:space-between}.footer__container>*{width:100%;max-width:-webkit-fill-available}.footer__navigation{margin-top:.5rem;order:1;padding-top:2rem;border-top:2px solid #333333}.footer__navigation>.navbar .nav-links{flex-direction:column;transition:none}.footer__center{order:2;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer__center button{background:none;border:none;cursor:pointer;color:var(--color-text);text-transform:uppercase}.footer__center button:hover{text-decoration:underline}.footer__center .header__logo button{font-size:clamp(18px,18px + 14 * (100vw - 320px) / 1120,32px)}.footer__center .footer__socials{display:flex;gap:1.5rem}.footer__center .footer__socials a{font-size:1.5rem;color:inherit;transition:transform .2s ease}.footer__center .footer__socials a:hover{transform:scale(1.2);color:#4d4d4d}.footer__center .footer__vertical-stick{display:flex;justify-content:center;align-items:center;width:2px;height:75px;background-color:var(--color-text)}.footer__navbar{margin-top:.5rem;display:flex;flex-direction:column;align-items:center;order:3;padding-top:2rem;border-top:2px solid #333333;gap:1.5rem}.footer__navbar .navbar__menu-items{flex-direction:column}.footer__navbar .footer__download-btn{color:#fff;background-color:#000;padding:.5rem 1rem .5rem 2.5rem;border-radius:0;position:relative;text-decoration:none;border:none;display:inline-flex;align-items:center;justify-content:center;font-weight:500;transition:background-color .2s ease-in-out}.footer__navbar .footer__download-btn:hover{background-color:#333;text-decoration:none}[data-theme=dark] .footer__navbar .footer__download-btn:hover,[data-theme=dark] .footer__navbar .footer__download-btn{background-color:#1a1a1a}[data-theme=dark] .footer__navbar .footer__download-btn:hover{background-color:#333}.footer__navbar .footer__download-btn svg{position:absolute;left:12px;top:10px;transition:all .2s ease-in-out}.footer__navbar .footer__download-btn:hover svg{top:15px}.footer__copyright{padding:1rem;text-align:right}@media (max-width: 1024px){.footer__container{gap:1.5rem}}@media (max-width: 768px){.footer{height:100dvh;justify-content:space-between;padding-top:2rem}.footer__container{border-top:1px solid #333333;padding:2rem 0;flex-direction:column;gap:2rem}.footer__navigation{order:2;padding:0;margin-top:0rem}.footer__center{order:1;padding:0}.footer__navbar{padding:0;margin-top:0rem}.footer__newsletter{display:flex;justify-content:center;align-items:center;border-bottom:1px solid #333333;padding-bottom:2rem;width:100%}.footer__newsletter .subscribe-form{max-width:70%}.footer .footer__navbar,.footer .footer__navigation{border:none}.footer__copyright{padding:1rem;text-align:right;border-top:1px solid #333333}}@media (max-width: 576px){.footer__container{padding:1rem 0;gap:1rem}}