:root{--dark-color: #303030;--dark-lighter-color: #5b5b5b;--dark-lighter-color-2: #979797;--light-color: #ffffff;--light-darker-color: #f5f5f5;--light-darker-color-2: #e7e7e7;--gray-color: rgb(191, 191, 191);--accent-color: var(--dark-color);--accent-color-light: var(--dark-lighter-color);--accent-surface: var(--light-darker-color);--accent-surface-2: var(--light-darker-color-2);--on-accent-color: #ffffff;--font-size-base: 16px;--font-family-base: "Lato";--h1: 6rem;--h4: 1.5rem;--h5: 1.2rem;--h6: 1rem;--small-txt: 0.8rem;--spacing-xs: 1rem;--spacing-sm: 2rem;--spacing-md: 4rem;--spacing-lg: 6rem;--spacing-xl: 12rem;--spacing-xxl: 22rem;--max-width: 1120px}html{font-size:var(--font-size-base);font-family:var(--font-family-base),Helvetica,sans-serif;color:var(--dark-color)}body{background-color:#fff;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}a{color:var(--dark-color)}.row{margin-left:0;margin-right:0}.container{max-width:var(--max-width);padding-left:0;padding-right:0}.navigation{position:fixed;top:50%;transform:translateY(-50%);right:16px;display:flex;flex-direction:column;gap:32px;width:56px;padding:20px 10px;z-index:99;border-radius:8px;transition:all .3s ease}.navigation:hover{background:hsla(0,0%,100%,.8);box-shadow:0 8px 32px 0 rgba(31,38,135,.2);-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px)}@media(max-width: 64em){.navigation{position:fixed;top:10px;right:50%;transform:translate(50%, 0);display:flex;justify-content:center;flex-direction:row;width:auto;padding:12px 16px;border-radius:8px;background:hsla(0,0%,100%,.8);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px)}}.nav__btn{background:none;border:none;padding:0;font-size:initial}.hero__home-icon{height:25px;width:25px}.hero__about-icon{height:29.5px;width:22px}.hero__gallery-icon{height:25px;width:29.5px}.hero{padding-top:5.5rem;padding-bottom:1rem}@media(max-width: 90em){.hero{padding-left:6rem;padding-right:6rem}}@media(max-width: 75em){.hero{padding-left:4rem;padding-right:4rem}}@media(max-width: 64em){.hero{padding-top:6.5rem;padding-left:4rem;padding-right:4rem}}@media(max-width: 48em){.hero{padding-top:5.5rem;padding-left:1.5rem;padding-right:1.5rem}}.hero__bento{display:grid;grid-template-columns:repeat(12, 1fr);gap:1rem}@media(max-width: 48em){.hero__bento{grid-template-columns:1fr}}.hero__card{background-color:var(--light-color);border:1px solid var(--light-darker-color-2);border-radius:20px;padding:1.6rem}.hero__card--intro{grid-column:1/9;display:flex;flex-direction:column;justify-content:center;gap:1.1rem}@media(max-width: 48em){.hero__card--intro{grid-column:1}}.hero__card--visual{grid-column:9/13;position:relative;overflow:hidden;padding:0;min-height:14rem}@media(max-width: 48em){.hero__card--visual{grid-column:1}}.hero__card--cert{grid-column:1/7;display:flex;flex-direction:column;gap:.9rem;perspective:1000px}@media(max-width: 64em){.hero__card--cert{grid-column:1/8}}@media(max-width: 48em){.hero__card--cert{grid-column:1}}.hero__card--stack{grid-column:7/10}@media(max-width: 64em){.hero__card--stack{grid-column:8/13}}@media(max-width: 48em){.hero__card--stack{grid-column:1}}.hero__card--info{grid-column:10/13;display:flex;flex-direction:column;gap:.9rem}@media(max-width: 64em){.hero__card--info{grid-column:1/13}}@media(max-width: 48em){.hero__card--info{grid-column:1}}.hero__title{font-family:var(--font-family-base),Helvetica,sans-serif;font-size:clamp(2.2rem,4vw + 1rem,3.4rem);font-weight:700;letter-spacing:-0.01em;margin-bottom:0}.hero__bio{font-size:1rem;line-height:1.55;color:var(--dark-lighter-color);max-width:46ch;margin-bottom:0}.hero__actions{display:flex;flex-wrap:wrap;gap:.6rem}.hero__btn{display:inline-flex;align-items:center;gap:.5rem;font-family:inherit;font-size:.85rem;font-weight:600;padding:.6rem 1rem;border-radius:999px;border:none;text-decoration:none;cursor:pointer}.hero__btn img{display:block}.hero__btn--primary{background-color:var(--dark-color);color:var(--light-color)}.hero__btn--primary:hover{background-color:var(--accent-color)}.hero__btn--ghost{border:1.5px solid var(--light-darker-color-2);color:var(--dark-color)}.hero__btn--ghost:hover{border-color:var(--dark-color)}.hero__visual-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}.hero__label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dark-lighter-color-2);margin-bottom:0}.hero__cert-featured{display:flex;flex-direction:column;gap:.7rem;background:linear-gradient(135deg, var(--accent-color), var(--accent-color-light));color:var(--on-accent-color);border-radius:14px;padding:1rem 1.1rem;text-decoration:none;position:relative;transform-style:preserve-3d;will-change:transform;box-shadow:0 8px 20px -14px rgba(0,0,0,.4);transition:box-shadow .3s ease}.hero__cert-featured::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, 0.35), transparent 55%);opacity:0;transition:opacity .3s ease;pointer-events:none}.hero__cert-featured:hover{box-shadow:0 22px 36px -16px rgba(0,0,0,.45)}.hero__cert-featured:hover::before{opacity:1}.hero__cert-top{display:flex;align-items:center;gap:.75rem}.hero__cert-badge{width:44px;height:44px;flex-shrink:0;background-color:var(--light-color);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:6px;transform:translateZ(28px)}.hero__cert-badge img{width:100%;height:100%;object-fit:contain}.hero__cert-name{font-weight:700;font-size:1rem;line-height:1.3;transform:translateZ(18px)}.hero__cert-cta{font-size:.82rem;font-weight:600;opacity:.9;transform:translateZ(14px)}.hero__cert-also{display:flex;align-items:center;gap:.55rem;padding-top:.8rem;border-top:1px solid var(--light-darker-color-2);font-size:.8rem;color:var(--dark-lighter-color)}.hero__cert-also img{width:22px;height:22px}.hero__cert-also a{color:inherit;text-decoration:none}.hero__cert-also a:hover{color:var(--accent-color)}.hero__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.hero__chips span{background-color:var(--light-darker-color);color:var(--dark-color);font-size:.82rem;font-weight:600;padding:.4rem .75rem;border-radius:999px}.hero__info-line{font-size:.86rem;color:var(--dark-lighter-color)}.hero__info-line b{display:block;color:var(--dark-color);font-size:.92rem;font-weight:600;margin-bottom:.1rem}.hero__info-line a{color:inherit;text-decoration:none}.hero__info-line a:hover{color:var(--accent-color)}.hero__socials{display:flex;gap:.6rem;margin-top:.2rem}.hero__socials a{width:34px;height:34px;border-radius:999px;background-color:var(--light-darker-color);display:flex;align-items:center;justify-content:center}.hero__socials a:hover{background-color:var(--accent-color)}.hero__socials a:hover img{filter:brightness(0) invert(1)}.hero__socials img{height:1rem;width:1rem}.proj{padding-top:6rem}@media(max-width: 90em){.proj{padding-left:6rem;padding-right:6rem}}@media(max-width: 75em){.proj{padding-left:5rem;padding-right:5rem}}@media(max-width: 64em){.proj{padding-left:3rem;padding-right:3rem}}@media(max-width: 30em){.proj{padding-left:1.5rem;padding-right:1.5rem}}.proj__title{font-size:clamp(1.5rem,2vw + 1rem,2rem);font-weight:700;letter-spacing:-0.01em;text-align:left;margin-bottom:.35rem}.proj__title-desc{text-align:left;font-size:.95rem;color:var(--dark-lighter-color);max-width:46ch;margin-bottom:2rem}.proj__filters{margin-bottom:2rem;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}.proj__filters .proj__filter-btn{font-size:.85rem;font-weight:600;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--light-darker-color-2);color:var(--dark-lighter-color);background:rgba(0,0,0,0);transition:all .15s ease}.proj__filters .proj__filter-btn:hover{border-color:var(--dark-color);color:var(--dark-color)}.proj__filters .proj__filter-btn--active{background-color:var(--accent-color) !important;border-color:var(--accent-color) !important;color:var(--light-color) !important}.proj__filters .proj__filter-btn--active:hover{background-color:var(--accent-color)}.proj__masonry{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media(max-width: 48em){.proj__masonry{grid-template-columns:1fr}}.proj-card{background-color:var(--light-color);border:1px solid var(--light-darker-color-2);border-radius:20px;overflow:hidden}.proj-card .proj-card__img-container{position:relative;display:flex}.proj-card .proj-card__img-container::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, transparent 50%);pointer-events:none}.proj-card .proj-card__img{width:100%;height:auto;display:block}.proj-card .proj-card__body{padding:1.6rem}.proj-card .proj-card__title{font-weight:700;font-size:1.15rem;letter-spacing:-0.01em;margin-bottom:.3rem;color:var(--dark-color)}.proj-card .proj-card__subtitle{font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dark-lighter-color-2);margin-bottom:.8rem}.proj-card .proj-card__text{font-size:1rem;line-height:1.55;color:var(--dark-lighter-color);margin-bottom:1rem;text-align:left}.proj-card .proj-card__btn-bar{position:absolute;bottom:.75rem;right:.75rem;z-index:1;display:flex;gap:.5rem}.proj-card .proj-card__btn{font-size:.78rem;font-weight:600;padding:.45rem .95rem;border-radius:999px;border:1px solid hsla(0,0%,100%,.85) !important;background:rgba(0,0,0,0) !important;background-image:none !important;color:#fff !important;text-decoration:none;transition:background .2s ease,color .2s ease}.proj-card .proj-card__btn:hover{background:#fff !important;color:#111 !important;border-color:#fff !important}.proj-card .badge-container{display:flex;flex-wrap:wrap;gap:.5rem}.proj-card .badge{background-color:var(--light-darker-color) !important;color:var(--dark-color) !important;font-size:.82rem;font-weight:600;padding:.4rem .75rem;border-radius:999px;cursor:default}.proj-card .badge:hover{background-color:var(--accent-surface-2) !important;color:var(--accent-color) !important}.footer{padding-top:1rem;margin-top:var(--spacing-lg)}@media(max-width: 90em){.footer{padding-left:6rem;padding-right:6rem}}@media(max-width: 75em){.footer{padding-left:4rem;padding-right:4rem}}@media(max-width: 64em){.footer{padding-left:4rem;padding-right:4rem;margin-top:var(--spacing-md)}}@media(max-width: 48em){.footer{padding-left:2rem;padding-right:2rem;margin-top:var(--spacing-md)}}.footer__container{background-color:var(--dark-color) !important;color:var(--light-darker-color-2);padding:18px 32px 18px 32px;position:relative}@media(max-width: 48em){.footer__container{padding:9px 16px 9px 16px}}.footer__container::before{display:flex;content:"";position:absolute;top:-2.5vh;left:1rem;height:2.5vh;width:98%;max-width:100%;background-color:var(--light-darker-color-2)}.footer__container::after{content:"";position:absolute;top:0px;right:-2%;height:100%;width:2%;background-color:#bfbfbf}.footer__left{display:flex;flex-direction:row;align-items:center;padding:0 16px;gap:2rem}@media(max-width: 48em){.footer__left{justify-content:center;padding-top:8px;padding-bottom:12px}}@media(max-width: 400px){.footer__left>*{font-size:.8rem;gap:.5rem}}.footer__right{display:flex;justify-content:end;align-items:center;gap:1rem}@media(max-width: 48em){.footer__right{justify-content:center}}@media(max-width: 400px){.footer__right>*{font-size:.8rem}}.footer__copyright{display:inline-block;font-size:.9rem;margin:0}@media(max-width: 64em){.footer__copyright{font-size:.8rem}}@media(max-width: 48em){.footer__copyright{font-size:.7rem}}.footer__social{display:flex;gap:1.25rem}.footer__social .footer__social-link{display:flex}.footer__social .footer__social-link img{display:block;filter:brightness(0) invert(1);width:24px;height:24px}.footer__social .footer__social-link img:hover{opacity:.7}.footer__back-to-top{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--light-darker-color-2);cursor:pointer;transition:background-color .2s ease;line-height:0}.footer__back-to-top img{display:block;height:18px;width:18px;filter:brightness(3)}.footer__back-to-top:hover{background-color:var(--light-darker-color-2)}.footer__back-to-top:hover img{filter:brightness(0)}