.slide-dots{position:fixed;top:50%;right:1.5rem;transform:translateY(-50%);z-index:10}.slide-dots ul{display:flex;flex-direction:column;align-items:center;gap:.5rem}.slide-dots-item{position:relative;display:grid;place-items:center;width:24px;min-height:24px;background:none;border:0;border-radius:999px;cursor:pointer}.slide-dots-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.slide-dots-dot{width:8px;height:8px;border-radius:999px;background-color:var(--color-text2);transition:height .3s ease,background-color .3s ease}.slide-dots-label{position:absolute;right:calc(100% + .5rem);padding:.125rem .5rem;border-radius:.25rem;background-color:var(--color-background);font-family:Saira,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--color-text2);opacity:0;transform:translate(4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.slide-dots-item:hover .slide-dots-dot,.slide-dots-item:focus-visible .slide-dots-dot{background-color:var(--color-text)}.slide-dots-item:hover .slide-dots-label,.slide-dots-item:focus-visible .slide-dots-label{opacity:1;transform:none}.slide-dots-item.is-active .slide-dots-dot{height:24px;background-color:var(--color-accent)}.slide-dots-item.is-active .slide-dots-label{color:var(--color-text)}@media(min-width:100em){.slide-dots-item.is-active .slide-dots-label{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.slide-dots-dot,.slide-dots-label{transition:none}}.contact{padding-block:4rem}.contact-container{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:2rem}@media screen and (max-width:75em){.contact-container{grid-template-columns:1fr;gap:4rem}}.contact form{background-color:var(--color-background2);padding:2.5rem 2rem;border-radius:.5rem;display:flex;flex-wrap:wrap;gap:2rem}.contact input,.contact select,.contact textarea{height:44px;letter-spacing:.02rem;padding:0 1,25rem;border:.1px solid var(--color-text);border-radius:.325rem;background:transparent;color:var(--color-text);width:15rem}@media screen and (max-width:56.25em){.contact input,.contact select,.contact textarea{width:100%}}.contact option{color:var(--color-text);background-color:var(--color-background);margin-block:.3rem}.contact textarea{width:100%;padding:1rem;height:100%}.contact input:focus,.contact select:focus,.contact textarea:focus{border:1px solid var(--color-accent)}.contact-right{width:60%;padding-left:2rem}@media screen and (max-width:37.5em){.contact-right{padding-left:0;width:100%}}.contact .cl-blue{text-transform:uppercase;font-weight:500}.contact h2{font-size:2rem;margin-bottom:.9rem}.contact-info{display:flex;gap:1.5rem;margin-top:3rem}.contact-info svg{font-size:2rem}.contact-info .btn{height:4rem;width:4rem;padding:0;display:grid;place-content:center}.contact-info div{margin-bottom:.7rem}.contact-info a{margin-left:5px;color:var(--color-text);font-size:1.1rem;transition:all .2s ease}.contact-info a:hover{color:var(--color-accent)}.contact h5{font-size:1.2rem;margin-bottom:.7rem}.contact span{color:var(--color-secondary)}.hero{background-color:var(--color-background);min-height:100dvh;display:grid;align-items:center}.hero-container{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;gap:4rem;width:100%;padding-block:3rem}@media screen and (max-width:56.25em){.hero-container{grid-template-columns:1fr;gap:2rem;text-align:center}}.hero-left{display:grid;place-items:center}.hero-photo{width:min(100%,22rem);aspect-ratio:1;border-radius:50%;background-color:var(--color-secondary);display:grid;place-items:center;overflow:hidden;font-family:Michroma,sans-serif;font-size:clamp(3rem,7vw,6rem);color:var(--color-accent)}@media screen and (max-width:56.25em){.hero-photo{width:7rem;font-size:2.25rem}}.hero-photo{position:relative}.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.hero-photo img.is-loaded{opacity:1}@media(prefers-reduced-motion:reduce){.hero-photo img{transition:none}}.hero-right{position:relative;padding-right:4rem}@media screen and (max-width:56.25em){.hero-right{padding-right:0}}.hero-blue{text-transform:uppercase;font-weight:600;letter-spacing:.08em}.hero h1{font-family:Michroma,sans-serif;font-size:clamp(2rem,4vw,3.25rem);line-height:1.2;margin-block:.5rem}.hero-role{font-weight:500;letter-spacing:.05em}.hero-info{margin-block:1.5rem 2rem;max-width:60ch;font-size:1.1rem}@media screen and (max-width:56.25em){.hero-info{margin-inline:auto}}.hero-btns{display:flex;flex-wrap:wrap;gap:1rem}@media screen and (max-width:56.25em){.hero-btns{justify-content:center}}@media screen and (max-width:37.5em){.hero-btns{flex-direction:column}.hero-btns .btn{width:100%;justify-content:center}}.hero-stats{display:flex;gap:3rem;margin-top:2.5rem}@media screen and (max-width:56.25em){.hero-stats{justify-content:center}}.hero-stats h4{font-size:2rem;line-height:1}.hero-stats p{font-size:.9rem;margin-top:.4rem}.hero-icons{position:absolute;right:0;top:0;display:flex;flex-direction:column;gap:1.2rem}@media screen and (max-width:56.25em){.hero-icons{position:static;flex-direction:row;justify-content:center;gap:1.25rem;margin-top:2rem}}@media screen and (max-width:56.25em){.hero-icons a{display:grid;padding:.5rem}}.hero-icons svg{font-size:1.4rem;color:var(--color-text);transition:color .2s ease}@media screen and (max-width:56.25em){.hero-icons svg{font-size:1.75rem}}.hero-icons svg:hover{color:var(--color-accent)}.navbar{background-color:red;padding-block:.8rem}.navbar-container{display:flex;align-items:center;justify-content:space-between;position:relative}.navbar-logo img{width:8rem}@media screen and (max-width:37.5em){.navbar-logo img{width:6rem}}.navbar-links{display:flex;align-items:center;gap:3rem}@media screen and (max-width:56.25em){.navbar-links{position:absolute;top:100%;left:0;gap:1.5rem;background-color:#ffebcd;width:100%;flex-direction:column;align-items:start;padding:1.5rem;display:none;z-index:99;animation:navAnimation .7s ease}}.navbar-links a{color:#cacacf;transition:all .2s ease-in-out}.navbar-links a:hover{color:#5151f0}@media screen and (max-width:56.25em){.navbar-btn{display:none}}.navbar-btn svg{font-size:1.2rem}@media screen and (max-width:56.25em){.navbar-menu{display:grid;place-content:center;padding:.5rem;border-radius:.3rem;transition:all .2s ease}}.navbar-menu svg{font-size:1.4rem}.navbar .bg-color{background-color:#7fffd4}.navbar .display{display:flex!important}@keyframes navAnimation{0%{transform:translate(100%)}to{transform:translateX() 0%}}.portfolio{background-color:var(--color-background);min-height:100dvh;display:grid;align-content:center;padding-block:3rem;text-align:center}.portfolio-container{max-width:72rem;width:100%;margin-top:2.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;text-align:left}.portfolio-container .portfolio-card--featured{grid-column:1/-1}@media screen and (max-width:56.25em){.portfolio-container{max-width:40rem;grid-template-columns:minmax(0,1fr)}}.portfolio-card{background-color:var(--color-primary);border-radius:.8rem;overflow:hidden;display:grid;align-items:center;box-shadow:0 1px 3px #0000000f;transition:transform .3s ease,box-shadow .3s ease}@media(hover:hover){.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}}@media(prefers-reduced-motion:reduce){.portfolio-card{transition:none}.portfolio-card:hover{transform:none}}.portfolio-card--featured{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-card--featured .portfolio-media{background-color:transparent;padding:1.25rem 0 1.25rem 1.25rem}.portfolio-card--featured .portfolio-media img{border-radius:.6rem}.portfolio-card--featured .portfolio-text{padding:1.75rem 2rem}.portfolio-card--featured .portfolio-footer{flex-direction:column;align-items:flex-start}@media screen and (max-width:56.25em){.portfolio-card--featured{grid-template-columns:minmax(0,1fr)}.portfolio-card--featured .portfolio-media{padding:1.25rem 1.25rem 0}}@media screen and (max-width:37.5em){.portfolio-card--featured .portfolio-media{padding:.75rem .75rem 0}.portfolio-card--featured .portfolio-text{padding:1.25rem 1.25rem 1.5rem}}.portfolio-card--compact{grid-template-columns:7rem minmax(0,1fr);gap:1.5rem;padding:1.25rem 1.5rem 1.25rem 1.25rem}.portfolio-card--compact .portfolio-media{aspect-ratio:1;border-radius:.6rem}@media screen and (max-width:37.5em){.portfolio-card--compact{grid-template-columns:minmax(0,1fr);gap:1rem;padding:1.25rem 1.25rem 1.5rem}.portfolio-card--compact .portfolio-media{width:3.5rem}.portfolio-card--compact .portfolio-media svg{font-size:1.5rem}}.portfolio-media{background-color:var(--color-secondary);display:grid;place-items:center;overflow:hidden}.portfolio-media img{width:100%;object-fit:cover;display:block}.portfolio-media svg{font-size:2.5rem;color:var(--color-accent)}.portfolio-text{color:var(--color-text2)}.portfolio-text h3{color:var(--color-text);font-size:1.3rem;font-weight:600}.portfolio-text p{margin-top:.5rem;line-height:1.5}.portfolio-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.portfolio-footer a{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-accent);font-weight:600;white-space:nowrap}.portfolio-footer a:hover{text-decoration:underline}.portfolio-links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.portfolio-tags{display:flex;flex-wrap:wrap;gap:.5rem}.portfolio-tags li{background-color:var(--color-secondary);color:var(--color-text);font-size:.8rem;font-weight:500;padding:.25rem .75rem;border-radius:999px}.portfolio-more{justify-self:center;margin-top:2rem;color:var(--color-accent);font-weight:600}.portfolio-more:hover{text-decoration:underline}.services{min-height:100dvh;display:grid;align-content:center;padding-block:4rem}@media screen and (max-width:37.5em){.services{padding-block:3rem}}.services-container{margin-top:3.5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;width:100%}@media screen and (max-width:56.25em){.services-container{grid-template-columns:minmax(0,32rem);justify-content:center;gap:1.5rem}}@media screen and (max-width:37.5em){.services-container{margin-top:2.5rem}}.services-card{background-color:var(--color-primary);color:var(--color-text2);padding:3rem 2rem 2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;border-top:3px solid transparent;border-radius:.6rem;box-shadow:0 1px 3px #0000000f;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}@media screen and (max-width:37.5em){.services-card{padding:2.5rem 1.5rem 2rem}}.services-card h6{color:var(--color-text);font-size:1.15rem;font-weight:600}.services-card p{margin-top:.75rem;font-size:.95rem;line-height:1.5}@media(hover:hover){.services-card:hover{transform:translateY(-4px);border-top-color:var(--color-accent);box-shadow:0 8px 20px #0000001a}}@media(prefers-reduced-motion:reduce){.services-card{transition:none}.services-card:hover{transform:none}}.services-icon{width:4.5rem;aspect-ratio:1;border-radius:50%;background-color:var(--color-secondary);display:grid;place-items:center;margin-bottom:1.5rem}.services-icon svg{font-size:2rem;color:var(--color-accent)}.services-tags{margin-top:auto;padding-top:1.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.services-tags li{background-color:var(--color-secondary);color:var(--color-text);font-size:.8rem;font-weight:500;padding:.25rem .75rem;border-radius:999px}