.home-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.home-page__section{width:100%;display:flex;justify-content:center;align-items:center}.home-page__section *{max-width:1600px}.home-page__section--tint-down{background:linear-gradient(var(--color-tint-lightest),var(--color-tint-lighter))}.home-page__section--tint-up{background:linear-gradient(var(--color-tint-lighter),var(--color-tint-lightest))}.intro{display:flex;flex-direction:column;align-items:center;width:100%;height:100vh;position:relative}.intro__content{margin-top:10rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;z-index:100}.intro__content h1{text-transform:uppercase;font-size:var(--font-size-display);line-height:1.08;letter-spacing:-.035em;text-align:center;color:var(--color-text-primary);margin:0 2rem}.intro__content p{color:var(--color-accent-medium);font-size:var(--font-size-body-large);text-align:center;margin:0 2rem;max-width:75rem}.intro .circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.intro .circles li{position:absolute;display:block;list-style:none;width:2rem;height:2rem;background:var(--color-primary);animation:animate 25s linear infinite;bottom:-15rem}.intro .circles li:nth-child(1){left:25%;width:8rem;height:8rem;animation-delay:0s}.intro .circles li:nth-child(2){left:10%;width:2rem;height:2rem;animation-delay:2s;animation-duration:12s}.intro .circles li:nth-child(3){left:70%;width:2rem;height:2rem;animation-delay:4s}.intro .circles li:nth-child(4){left:40%;width:6rem;height:6rem;animation-delay:0s;animation-duration:18s}.intro .circles li:nth-child(5){left:65%;width:3rem;height:3rem;animation-delay:0s}.intro .circles li:nth-child(6){left:75%;width:11rem;height:11rem;animation-delay:3s}.intro .circles li:nth-child(7){left:35%;width:15rem;height:15rem;animation-delay:7s}.intro .circles li:nth-child(8){left:50%;width:2.5rem;height:2.5rem;animation-delay:15s;animation-duration:45s}.intro .circles li:nth-child(9){left:20%;width:1.5rem;height:1.5rem;animation-delay:2s;animation-duration:35s}.intro .circles li:nth-child(10){left:85%;width:15rem;height:15rem;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.social-links{display:flex;align-items:center;justify-content:center;gap:1rem}.social-links__item{position:relative;display:flex;align-items:center;justify-content:center;color:inherit;font-family:inherit;font-size:5rem;cursor:pointer;transition:color .2s ease-in-out}.social-links__item:before,.social-links__item:after{position:absolute;left:50%;z-index:10;pointer-events:none;opacity:0;transform:translate(-50%,.6rem);transition:opacity .18s ease,transform .18s ease}.social-links__item:before{content:"";top:calc(100% + .4rem);border-right:.6rem solid transparent;border-bottom:.6rem solid var(--color-accent-darker);border-left:.6rem solid transparent}.social-links__item:after{content:attr(data-tooltip);top:calc(100% + 1rem);width:max-content;max-width:16rem;padding:.7rem 1rem;border-radius:.6rem;background-color:var(--color-accent-darker);box-shadow:0 .8rem 2rem #0000002e;color:var(--color-white);font-size:var(--font-size-label);font-weight:500;line-height:1.2;text-align:center;white-space:nowrap}.social-links__item:hover:before,.social-links__item:hover:after,.social-links__item:focus-visible:before,.social-links__item:focus-visible:after{opacity:1;transform:translate(-50%)}.social-links__item:hover .social-links__icon{animation:bounce .5s infinite}.social-links__icon{display:block}.social-links--tooltip-right .social-links__item:before,.social-links--tooltip-right .social-links__item:after{top:50%;bottom:auto;transform:translate(.6rem,-50%)}.social-links--tooltip-right .social-links__item:before{left:calc(100% + .4rem);border-top:.6rem solid transparent;border-right:.6rem solid var(--color-accent-darker);border-bottom:.6rem solid transparent;border-left:0}.social-links--tooltip-right .social-links__item:after{left:calc(100% + 1rem)}.social-links--tooltip-right .social-links__item:hover:before,.social-links--tooltip-right .social-links__item:hover:after,.social-links--tooltip-right .social-links__item:focus-visible:before,.social-links--tooltip-right .social-links__item:focus-visible:after{transform:translateY(-50%)}@media (prefers-reduced-motion: reduce){.social-links__item:hover .social-links__icon{animation:none}}.side-bar{position:absolute;top:50%;left:1rem;transform:translateY(-50%);padding:2rem 1.2rem;box-shadow:0 0 10px #0003;z-index:500;background-color:var(--color-tint-lightest);display:none}@media only screen and (min-width: 56.25rem){.side-bar{display:block}}.side-bar .social-links{flex-direction:column;gap:2rem}.about{display:flex;flex-direction:column;align-items:center;gap:5rem;width:100%;min-height:100vh;padding:20% 0}@media only screen and (min-width: 56.25rem){.about{gap:10rem;padding:5% 0}}.about .section{width:100%}.about__content{display:flex;flex-direction:column;justify-content:space-between;gap:10rem;width:85%}@media only screen and (min-width: 56.25rem){.about__content{flex-direction:row;gap:0}}.about__content>* h2{font-size:var(--font-size-heading);line-height:var(--line-height-heading);text-transform:capitalize;color:var(--color-text-primary)}.about__content .section{flex-basis:45%}.about__desc{display:flex;flex-direction:column;gap:3rem;width:100%}.about__desc__content{display:flex;flex-direction:column;gap:2rem;width:100%}.about__desc__content p{color:var(--color-accent-dark);display:block;max-width:none}.about__desc__content p a{color:var(--color-primary);text-decoration:underline;font-weight:600;transition:all .3s ease-in-out}.about__desc .about__desc__resume__button{width:fit-content;padding:1rem 2rem}.section-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:100%}.section-header h1{text-transform:uppercase;font-size:var(--font-size-title);line-height:var(--line-height-heading);letter-spacing:.01em;color:var(--color-text-primary)}.section-header span{width:5.5rem;height:.5rem;border-radius:35px;background-color:var(--color-shade-dark)}.section-header p{color:var(--color-accent-medium);font-size:var(--font-size-body-large);line-height:var(--line-height-body);text-align:center;margin:0 2rem;max-width:75rem}.technologies{display:flex;flex-direction:column;gap:3rem}.technologies h2{font-size:var(--font-size-heading);line-height:var(--line-height-heading);text-transform:capitalize}.technologies__list{display:flex;flex-wrap:wrap;gap:1.25rem}.technologies__list__item{display:flex;align-items:center;justify-content:center;padding:2rem 4rem;border-radius:10px;background-color:var(--color-background);transition:all .5s ease-in-out;position:relative;overflow:hidden;cursor:not-allowed}@media only screen and (min-width: 56.25rem){.technologies__list__item{padding:1rem 2rem}}.technologies__list__item span{color:var(--color-accent-dark);font-size:var(--font-size-small);font-weight:500;line-height:1;z-index:1;transition:color ease-in-out .1s}.technologies__list__item--active{cursor:pointer}.technologies__list__item--active:before{content:"";display:block;position:absolute;top:0;left:-50%;width:55%;height:100%;background-color:var(--color-primary);transition:all .5s ease-in-out;opacity:0}.technologies__list__item--active:after{content:"";display:block;position:absolute;top:0;right:-50%;width:55%;height:100%;background-color:var(--color-primary);transition:all .5s ease-in-out;opacity:0}.technologies__list__item--active:hover:before,.technologies__list__item--active:focus:before{left:0;opacity:1}.technologies__list__item--active:hover:after,.technologies__list__item--active:focus:after{right:0;opacity:1}.technologies__list__item--active:hover span,.technologies__list__item--active:focus span{color:#fff}.projects{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5rem;width:100%;min-height:100vh;padding:5rem 1rem}@media only screen and (min-width: 56.25rem){.projects{gap:10rem;padding:5rem 3.5rem}}.projects .section{width:100%}.project-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}@media only screen and (min-width: 56.25rem){.project-preview{gap:5rem;flex-direction:row}}.project-preview__image{width:100%;height:100%;max-height:30rem;border-radius:5px;cursor:pointer;object-fit:contain}@media only screen and (min-width: 37.5rem){.project-preview__image{max-width:65rem}}@media only screen and (min-width: 56.25rem){.project-preview__image{max-width:55rem}}@media only screen and (min-width: 112.5rem){.project-preview__image{max-width:75rem}}.project-preview__image:hover{animation:pulse 1s infinite}.project-preview__content{display:flex;flex-direction:column;padding:5rem;gap:2rem}.project-preview__content__title{font-size:var(--font-size-heading);font-weight:700;line-height:var(--line-height-heading);color:var(--color-accent-darker)}.project-preview__content__description{font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:400;color:var(--color-text-primary)}.project-preview__content .btn{align-self:center;width:15rem;height:4.5rem;font-size:var(--font-size-small)}@media only screen and (min-width: 56.25rem){.project-preview__content .btn{width:12rem;height:3.2rem}}@media only screen and (min-width: 112.5rem){.project-preview__content .btn{width:15rem;height:4.5rem}}.project-preview--row-reverse{flex-direction:column}@media only screen and (min-width: 56.25rem){.project-preview--row-reverse{flex-direction:row-reverse}}.projects-list{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10rem;width:100%}.projects-list .section{width:90%}.education{display:flex;flex-direction:column;align-items:center;gap:5rem;width:100%;min-height:100vh;padding:10rem 0}.education__toggle{padding:1rem 0;border-bottom:1px solid currentColor;color:var(--color-shade-dark);font-family:inherit;font-size:var(--font-size-small);font-weight:700;letter-spacing:.02em}.education__toggle:hover,.education__toggle:focus-visible{color:var(--color-primary)}.course-card{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;width:100%;min-height:17rem;padding:2.4rem;border:1px solid rgba(69,38,10,.1);border-radius:1.2rem;background-color:#ffffffb8;box-shadow:0 1rem 3rem #45260a0f;transition:transform .25s ease,box-shadow .25s ease}.course-card:hover{transform:translateY(-.3rem);box-shadow:0 1.4rem 3.5rem #45260a1a}.course-card__header{display:flex;align-items:flex-start;gap:1.6rem;width:100%}.course-card__logo-container{display:grid;flex:0 0 auto;place-items:center;width:5.6rem;height:5.6rem;padding:.8rem;border-radius:50%;background-color:var(--color-white);box-shadow:inset 0 0 0 1px #45260a14}.course-card__logo{width:100%;height:100%;object-fit:contain}.course-card__content{display:flex;flex-direction:column;gap:.5rem;min-width:0}.course-card__title{color:var(--color-text-primary);font-size:2rem;line-height:1.35}.course-card__details{display:flex;align-items:center;gap:.7rem;color:var(--color-accent-light-on-tint);font-size:var(--font-size-small);line-height:1.4}.course-card__provider{font-weight:500}.course-card__date{font-variant-numeric:tabular-nums}.course-card__credential{align-self:flex-start;padding:0;color:var(--color-shade-dark);font-family:inherit;font-size:var(--font-size-small);font-weight:500;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.35rem;transition:text-decoration-color .2s ease}.course-card__credential:hover,.course-card__credential:focus-visible{text-decoration-color:currentColor}.credential-modal{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:2rem;background-color:#18100ab8;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);animation:credential-backdrop-in .2s ease-out}.credential-modal__dialog{display:flex;flex-direction:column;gap:1.8rem;width:min(100%,105rem);max-height:calc(100vh - 4rem);padding:2rem;border-radius:1.6rem;background-color:var(--color-tint-lightest);box-shadow:0 2.4rem 7rem #0000004d;animation:credential-dialog-in .25s ease-out}.credential-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.credential-modal__header h2{max-width:75rem;font-size:var(--font-size-subheading);line-height:1.35}.credential-modal__eyebrow{display:block;margin-bottom:.4rem;color:var(--color-shade-dark);font-size:var(--font-size-label);font-weight:700;letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.credential-modal__close{display:grid;flex:0 0 auto;place-items:center;width:4.4rem;height:4.4rem;border-radius:50%;color:var(--color-accent-darker);font-family:inherit;font-size:3rem;line-height:1;transition:color .2s ease,background-color .2s ease}.credential-modal__close:hover,.credential-modal__close:focus-visible{color:var(--color-shade-dark);background-color:var(--color-tint-lightest)}.credential-modal__image-container{min-height:0;border-radius:.8rem;background-color:var(--color-tint-lightest)}.credential-modal__image{display:block;width:100%;height:auto;max-height:calc(100vh - 15rem);object-fit:contain}@keyframes credential-backdrop-in{0%{opacity:0}}@keyframes credential-dialog-in{0%{opacity:0;transform:translateY(1.2rem) scale(.98)}}@media (prefers-reduced-motion: reduce){.credential-modal,.credential-modal__dialog{animation:none}}.course-list{display:grid;grid-template-columns:1fr;align-items:stretch;gap:1.6rem;width:100%;max-width:105rem;padding:0 2rem}@media only screen and (min-width: 56.25rem){.course-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.resume{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10rem;width:100%;min-height:60vh}.professional-experience{display:flex;flex-direction:column;align-items:center;gap:6rem;width:100%;min-height:100vh;padding:8rem 1.5rem}@media only screen and (min-width: 56.25rem){.professional-experience{gap:9rem;padding:10rem 3.5rem}}.professional-experience .section{width:100%}.professional-experience .section-header h1{max-width:100%;font-size:var(--font-size-title);line-height:var(--line-height-heading);text-align:center;overflow-wrap:normal}.professional-experience__timeline{position:relative;display:flex;flex-direction:column;gap:3rem;width:min(100%,105rem);padding-left:2.2rem}.professional-experience__timeline:before{content:"";position:absolute;top:2.5rem;bottom:2.5rem;left:.6rem;width:.3rem;border-radius:99px;background:linear-gradient(var(--color-primary),var(--color-shade-dark))}@media only screen and (min-width: 56.25rem){.professional-experience__timeline{gap:4rem;padding-left:4rem}}.experience-card{position:relative;display:flex;flex-direction:column;gap:2.4rem;width:100%;padding:2.5rem 2rem}@media only screen and (min-width: 56.25rem){.experience-card{padding:3.5rem 4rem}}.experience-card__marker{position:absolute;top:3.2rem;left:-2.45rem;width:1.5rem;height:1.5rem;border:.35rem solid var(--color-tint-lightest);border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 .3rem var(--color-shade-dark)}@media only screen and (min-width: 56.25rem){.experience-card__marker{left:-4.15rem}}.experience-card__header{display:flex;align-items:center;gap:3rem}@media only screen and (max-width: 37.5rem){.experience-card__header{flex-direction:column;gap:2rem}}.experience-card__logo{display:grid;flex:0 0 auto;place-items:center;width:18rem;height:9rem;padding:1.5rem;border-radius:1.4rem;background:var(--color-white);box-shadow:inset 0 0 0 1px #45260a14}.experience-card__logo img{width:100%;height:100%;object-fit:contain}.experience-card__heading{display:flex;flex-direction:column;gap:.6rem}.experience-card__heading h2{color:var(--color-text-primary);font-size:var(--font-size-heading);line-height:var(--line-height-heading)}.experience-card__period{color:var(--color-shade-dark);font-size:var(--font-size-label);font-weight:700;letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.experience-card__company{display:flex;flex-wrap:wrap;gap:.8rem;color:var(--color-accent-dark);font-size:var(--font-size-subheading);font-weight:500}.experience-card__summary{color:var(--color-accent-darker);font-size:var(--font-size-body-large);font-weight:500;line-height:var(--line-height-body)}.experience-card__achievements{display:flex;flex-direction:column;gap:1.3rem;padding-left:2.3rem;color:var(--color-accent-dark);font-size:var(--font-size-body);line-height:var(--line-height-body)}.experience-card__achievements li{list-style:inside}.experience-card__achievements li::marker{color:var(--color-accent-dark);font-size:1.2em}.experience-card .technologies__list__item span{font-size:var(--font-size-small)}.project-details{display:flex;flex-direction:column;align-items:center;gap:5rem;min-height:100vh;padding:5rem 0;background:linear-gradient(var(--color-tint-lightest),var(--color-tint-lighter))}.project-details .section-header p{text-align:start;line-height:var(--line-height-body)}.project-details__links{display:flex;gap:5rem;align-self:center}.project-details__image{width:80%;margin:0 10%;object-fit:contain;border-radius:5px;box-shadow:0 0 1rem #0003}.project-details__features,.project-details__technologies{display:flex;flex-direction:column;gap:2rem;width:100%;padding:0 5%}.project-details__features__title,.project-details__technologies__title{font-size:var(--font-size-heading);font-weight:700;line-height:var(--line-height-heading);text-align:start;color:var(--color-text-primary)}.project-details__features__list{display:flex;flex-direction:column;gap:1rem;margin:0 5%}.project-details__features__item{position:relative;text-align:start;color:var(--color-text-primary)}.project-details__features__item__bullet{position:absolute;top:2rem;left:-2rem;background-color:var(--color-text-primary);border-radius:50%;width:1rem;height:1rem;max-width:8.5px;max-height:8.5px;color:inherit}@media only screen and (min-width: 56.25rem){.project-details__features__item__bullet{top:1.3rem}}.project-details__features__item__title{font-weight:700;line-height:inherit}.project-details__features__item__description{display:inline-block;font-size:var(--font-size-body);line-height:var(--line-height-body)}.project-details__technologies .technologies-list__list li{padding:1.4rem 2.8rem}@media only screen and (min-width: 56.25rem){.project-details__technologies .technologies-list__list li{padding:1rem 2rem}}.project-details__technologies .technologies-list__list li span{font-size:var(--font-size-small)}.not-found-message{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:10rem}.not-found-message .btn{width:15rem;height:4rem;font-size:var(--font-size-body)}.skill-details{display:flex;flex-direction:column;min-height:100vh;padding-bottom:5rem;gap:2rem;background:linear-gradient(var(--color-tint-lightest),var(--color-tint-lighter))}.skill-details>*:not(.skill-details__header){padding:0 5%}.skill-details__header{gap:1rem;width:100%}.skill-details__content{padding:2.5vh 1rem 0 1rem;display:flex;align-items:center;gap:1rem}.skill-details__logo{width:20rem;height:20rem;object-fit:contain}@media only screen and (min-width: 56.25rem){.skill-details__logo{width:15rem;height:15rem}}.skill-details__title{font-size:var(--font-size-display);line-height:var(--line-height-heading);text-align:start;color:var(--color-text-primary)}.skill-details__section{display:flex;flex-direction:column;gap:1rem;width:100%}.skill-details__section-title{font-size:var(--font-size-heading);line-height:var(--line-height-heading);text-align:start;color:var(--color-text-primary)}.skill-details__proffesional-experience-item{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:5px}.skill-details__experience-header{display:flex;align-items:center;gap:1rem}.skill-details__experience-header-logo{width:10rem;height:auto;object-fit:contain}.skill-details__experience-position{font-size:var(--font-size-subheading);font-weight:700;line-height:var(--line-height-heading);text-align:start;color:var(--color-text-primary)}.skill-details__experience-description{text-align:start;font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-accent-dark)}.skill-details .course-list,.skill-details .project-preview__content{padding:0 1rem}.app-header{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-tint-lightest);width:100%;padding:1rem;z-index:2500;border-bottom:2px solid var(--color-primary);overflow:hidden;transition:all .3s ease-in-out}.app-header .nav-menu--fixed .nav-menu__button,.app-header .nav-menu--fixed .nav-menu__background{top:-10rem}.app-header .nav{display:none}@media only screen and (min-width: 75rem){.app-header{padding:.35rem 1rem}.app-header .nav{display:flex}.app-header .nav-menu{display:none}.app-header .nav-menu--fixed{display:unset}}.app-header--hidden .nav-menu--fixed .nav-menu__button,.app-header--hidden .nav-menu--fixed .nav-menu__background{top:1rem}.app-header--hidden .nav-menu--fixed .nav-menu__background{opacity:.8}.app-header--hidden .nav-menu--fixed.nav-menu--clicked .nav-menu__background{opacity:1}.nav-menu__button{position:relative;display:flex;align-items:center;justify-content:center;height:9rem;width:9rem;z-index:2000;text-align:center;cursor:pointer;transition:all .2s ease-in-out}@media only screen and (min-width: 56.25rem){.nav-menu__button{width:7.5rem;height:7.5rem}}.nav-menu__icon{position:relative;transition:all .2s ease-in-out}.nav-menu__icon,.nav-menu__icon:before,.nav-menu__icon:after{width:4.5rem;height:2px;background-color:var(--color-accent-medium);display:inline-block}.nav-menu__icon:before,.nav-menu__icon:after{content:"";position:absolute;left:0;transition:all .2s}.nav-menu__icon:before{top:-1rem}.nav-menu__icon:after{top:1rem}@media only screen and (min-width: 56.25rem){.nav-menu__icon,.nav-menu__icon:before,.nav-menu__icon:after{width:3.5rem}.nav-menu__icon:before{top:-.8rem}.nav-menu__icon:after{top:.8rem}}.nav-menu__button:hover .nav-menu__icon:before{top:-1.2rem}@media only screen and (min-width: 56.25rem){.nav-menu__button:hover .nav-menu__icon:before{top:-1rem}}.nav-menu__button:hover .nav-menu__icon:after{top:1.2rem}@media only screen and (min-width: 56.25rem){.nav-menu__button:hover .nav-menu__icon:after{top:1rem}}.nav-menu__background{height:9rem;width:9rem;border-radius:50%;position:fixed;top:0;right:-10rem;background-image:radial-gradient(var(--color-primary),var(--color-tint-light));z-index:1000;transition:transform .4s cubic-bezier(.86,0,.07,1),top .2s ease-in-out,opacity .4s ease-in-out}@media only screen and (min-width: 56.25rem){.nav-menu__background{width:7.5rem;height:7.5rem}}.nav-menu .nav{display:flex;height:100vh;position:fixed;top:0;left:-50%;z-index:1500;opacity:0;width:0;transition:all .8s cubic-bezier(.68,-.55,.265,1.55)}.nav-menu .nav__list{flex-direction:column;gap:2.5rem;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);list-style:none;text-align:center;width:100%;opacity:0;transition:all .2s ease-in-out}.nav-menu .nav__item:after{display:none}.nav-menu .nav__link:link,.nav-menu .nav__link:visited{display:inline-block;font-size:var(--font-size-body-large);font-weight:500;letter-spacing:var(--letter-spacing-label);padding:1rem 2rem;color:var(--color-white);text-decoration:none;text-transform:uppercase;background-image:linear-gradient(120deg,transparent 0%,transparent 50%,var(--color-white) 50%);background-size:230%;transition:all .4s}.nav-menu .nav__link:link span,.nav-menu .nav__link:visited span{margin-right:1.5rem;display:inline-block}.nav-menu .nav__link:hover,.nav-menu .nav__link:active{background-position:100%;color:var(--color-primary);transform:translate(1rem)}.nav-menu--clicked .nav-menu__background{transform:scale(100)}.nav-menu--clicked .nav{left:0;opacity:1;width:100%}.nav-menu--clicked .nav__list{opacity:1}.nav-menu--clicked .nav-menu__button .nav-menu__icon{background-color:transparent}.nav-menu--clicked .nav-menu__button .nav-menu__icon:before{top:0;transform:rotate(135deg);background-color:var(--color-white)}.nav-menu--clicked .nav-menu__button .nav-menu__icon:after{top:0;transform:rotate(-135deg);background-color:var(--color-white)}.nav-menu--fixed{position:fixed;z-index:2000}.nav-menu--fixed .nav-menu__button{position:fixed;top:1.5rem;right:1rem;z-index:3000}.nav-menu--fixed .nav-menu__background{top:1rem;right:1rem}.nav-menu--fixed .nav-menu__icon,.nav-menu--fixed .nav-menu__icon:before,.nav-menu--fixed .nav-menu__icon:after{background-color:var(--color-white)}.nav-menu--fixed .nav{top:0;left:-50%;z-index:1500}.nav-menu--fixed.nav-menu--clicked .nav{left:0}.nav{display:flex;align-items:center;justify-content:center;padding:0 2rem;transition:all .3s ease-in-out}.nav ul{display:flex;align-items:center;justify-content:center;gap:1rem}.nav ul li{transition:all .4s ease-in-out;cursor:pointer;color:var(--color-accent-dark);backface-visibility:hidden;position:relative}.nav ul li:after{content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;z-index:-1;transition:all .4s ease-in-out;background-image:linear-gradient(120deg,transparent 0%,transparent 50%,var(--color-tint-light) 50%);background-size:230%}.nav ul li:hover,.nav ul li:active{color:var(--color-white);transform:scale(1.1)}.nav ul li:hover:after,.nav ul li:active:after{background-position:100%;transform:skew(-25deg)}.nav ul li a{backface-visibility:hidden;display:inline-block;font-size:var(--font-size-body);font-weight:500;letter-spacing:var(--letter-spacing-label);padding:.5rem 1rem;text-transform:uppercase;color:inherit}.user-display{display:flex;align-items:center;justify-content:center;gap:1rem;cursor:pointer}.user-display img{width:10rem;height:10rem;border-radius:50%}.user-display h2{color:var(--color-text-primary);font-size:var(--font-size-subheading);display:none}@media only screen and (min-width: 56.25rem){.user-display img{width:7.5rem;height:7.5rem}.user-display h2{display:block}}:root{--color-primary: #e67e22;--color-danger: #e74c3c;--color-tint-lightest: #fdf2e9;--color-tint-lighter: #fae5d3;--color-tint-light: #eb984e;--color-shade-dark: #cf711f;--color-shade-darkest: #45260a;--color-accent-medium: #888;--color-accent-light-on-white: #767676;--color-accent-light-on-tint: #6f6f6f;--color-accent-dark: #555;--color-accent-darker: #333;--color-background: #fff;--color-text-primary: #333;--font-primary: "Ubuntu", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-display: clamp(4.2rem, 7vw, 5.8rem);--font-size-title: clamp(3.4rem, 5vw, 4.8rem);--font-size-heading: clamp(2.6rem, 3.5vw, 3.4rem);--font-size-subheading: clamp(2rem, 2.5vw, 2.4rem);--font-size-body-large: clamp(1.8rem, 2vw, 2rem);--font-size-body: 1.8rem;--font-size-small: 1.5rem;--font-size-label: 1.4rem;--line-height-heading: 1.15;--line-height-body: 1.65;--letter-spacing-heading: -.025em;--letter-spacing-label: .08em;--color-black: #000;--color-white: #fff}@font-face{font-family:Ubuntu;src:url(/assets/Ubuntu-Regular-66fea9c0.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Ubuntu;src:url(/assets/Ubuntu-Medium-0d685f51.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Ubuntu;src:url(/assets/Ubuntu-Bold-6dbcce3f.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}.clean-list{list-style-type:none;padding:0;margin:0}.flex,.flex-column,.flex-row{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.align-center{align-items:center}.justify-center{justify-content:center}.ratio-16-9{position:relative;overflow:hidden}.ratio-16-9:before{content:"";display:block;width:100%;padding-top:56%}.ratio-16-9>*{position:absolute;top:0;right:0;bottom:0;left:0}.ratio-16-9>img{height:100%;object-fit:cover}.ratio-square{position:relative;overflow:hidden}.ratio-square:before{content:"";display:block;width:100%;padding-top:100%}.ratio-square>*{position:absolute;top:0;right:0;bottom:0;left:0}.ratio-square>img{height:100%;object-fit:cover}.ratio-card{position:relative;overflow:hidden}.ratio-card:before{content:"";display:block;width:100%;padding-top:80%}.ratio-card>*{position:absolute;top:0;right:0;bottom:0;left:0}.ratio-card>img{height:100%;object-fit:cover}.ratio-poster{position:relative;overflow:hidden}.ratio-poster:before{content:"";display:block;width:100%;padding-top:150%}.ratio-poster>*{position:absolute;top:0;right:0;bottom:0;left:0}.ratio-poster>img{height:100%;object-fit:cover}.main-layout{display:grid;grid-template-columns:20px 1fr 20px}.main-layout>*{grid-column:2}.main-layout>*.full{grid-column:1/-1}.main-layout>*:not(.full){display:grid;grid-auto-flow:dense;grid-template-columns:repeat(6,1fr)}@media only screen and (min-width: 37.5rem){.main-layout{grid-template-columns:minmax(20px,1fr) minmax(auto,37.5rem) minmax(20px,1fr)}}@media only screen and (min-width: 56.25rem){.main-layout{grid-template-columns:minmax(20px,1fr) minmax(auto,56.25rem) minmax(20px,1fr)}}@media only screen and (min-width: 75rem){.main-layout{grid-template-columns:minmax(20px,1fr) minmax(auto,75rem) minmax(20px,1fr)}}*{box-sizing:border-box}html{font-family:var(--font-primary);font-size:62.5%;height:100%}body{margin:0;padding:0;height:100%;color:var(--color-text-primary);font-size:var(--font-size-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none;width:.2em;background-color:transparent}h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:var(--color-text-primary);font-weight:700;line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);text-wrap:balance}h1{font-size:var(--font-size-display)}h2{font-size:var(--font-size-heading)}h3{font-size:var(--font-size-subheading)}img{width:100%;height:100%;object-fit:cover}p{margin:0;padding:0;color:var(--color-accent-dark);font-size:var(--font-size-body);line-height:var(--line-height-body);text-wrap:pretty}ul{list-style:none;margin:0;padding:0}li{list-style:none;color:#000;padding:0;margin:0}a{text-decoration:none;color:#000}button{border:none;background:none;cursor:pointer;padding:0}input{border:none;outline:none}.vertical{border:none;border-left:1px solid var(--color-border);height:100%;width:0}.section{transition:all 1s ease-in-out}.section--hidden{opacity:0;transform:translateY(8rem)}::selection{background-color:var(--color-primary);color:#fff}@keyframes moveInLeft{0%{opacity:0;transform:translate(-10rem)}80%{transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;transform:translate(10rem)}80%{transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 var(--color-primary)}50%{transform:scale(1.05);box-shadow:0 0 0 1rem #fff0}to{transform:scale(1);box-shadow:0 0 #fff0}}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.btn{display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-white);width:18rem;height:6rem;font-size:var(--font-size-small);border-radius:5px}.btn span{text-transform:uppercase;font-weight:700;transition:all .3s ease-in-out;color:#fff}.btn,.btn:link,.btn:visited{text-transform:uppercase;text-decoration:none;transition:all .2s ease-out;position:relative;border:none;cursor:pointer}.btn:hover{transform:translateY(-3px);box-shadow:0 1rem 2rem rgba(var(--color-black),.2)}.btn:hover:after{transform:scaleX(1.4) scaleY(1.6);opacity:0}.btn:active,.btn:focus{outline:none;transform:translateY(-1px);box-shadow:0 .5rem 1rem rgba(var(--color-black),.2)}.btn:after{content:"";display:inline-block;height:100%;width:100%;border-radius:5px;position:absolute;top:0;left:0;z-index:-1;transition:all .4s;background-color:var(--color-primary)}.btn--animated{animation:moveInBottom .5s ease-out .75s;animation-fill-mode:backwards}.app-footer{width:100%;padding:2rem 0;background-color:var(--color-primary);overflow:hidden}.app-footer .section{width:100%;display:flex;flex-direction:column;align-items:center;gap:3.5rem}.app-footer__main-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;width:80%;padding:2rem 0;color:var(--color-text-primary);border-bottom:2px solid var(--color-text-primary)}.app-footer__main-content__user-info{display:flex;flex-direction:column;gap:2.5rem}.app-footer__main-content__user-info h2{font-size:var(--font-size-subheading);font-weight:700}.app-footer__main-content__user-info p{font-size:var(--font-size-small);line-height:var(--line-height-body);font-weight:400;max-width:50rem;color:inherit}.app-footer__main-content__social-container{display:flex;flex-direction:column;gap:2.5rem}.app-footer__main-content__social-container h2{font-size:var(--font-size-subheading);font-weight:700}.app-footer__main-content__social-container .social-links{display:flex;align-items:flex-start;justify-content:flex-start;gap:1.5rem;font-size:3rem;font-weight:600}.app-footer__main-content__social-container .social-links__icon{font-size:3.5rem;color:var(--color-text-primary)}.app-footer__copyrights{display:flex;align-items:center;font-size:var(--font-size-small);font-weight:400;color:var(--color-text-primary)}.app-footer__copyrights span{font-weight:700;font-size:3rem;margin-right:5px}.app-footer__copyrights strong{margin-left:4px}