@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.header{background-color:#fff;left:0;padding:.5rem 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.header--scrolled{box-shadow:0 4px 8px #0000001a;padding:.5rem 0}.header__content{height:60px;justify-content:space-between}.header__content,.header__logo{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.header__logo{cursor:pointer;justify-content:flex-start;transition:all .3s ease}.header__logo:hover{opacity:.9}.header__logo-image{height:50px;width:auto}.header--scrolled .header__logo-image{height:50px}.header__logo-image.no-save{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.header__menu-toggle{background:none;border:none;cursor:pointer;display:block;height:20px;padding:0;position:relative;width:28px;z-index:1001}@media(min-width:768px){.header__menu-toggle{display:none}}.header__menu-toggle span{background-color:#292a2c;display:block;height:2px;left:0;position:absolute;transition:all .3s ease;width:100%}.header__menu-toggle span:first-child{top:0}.header__menu-toggle span:nth-child(2){top:9px}.header__menu-toggle span:last-child{bottom:0}.header__nav--open~.header__menu-toggle span:first-child{top:9px;transform:rotate(45deg)}.header__nav--open~.header__menu-toggle span:nth-child(2){opacity:0}.header__nav--open~.header__menu-toggle span:last-child{bottom:9px;transform:rotate(-45deg)}.header__nav{background-color:#fff;box-shadow:0 8px 16px #0000001a;height:100vh;max-width:300px;padding:3rem 2rem;position:fixed;right:-100%;top:0;transition:all .5s ease;width:70%;z-index:1000}@media(min-width:768px){.header__nav{background-color:#0000;box-shadow:none;height:auto;padding:0;position:static;width:auto}}.header__nav--open{right:0}.header__menu{list-style:none;margin-top:4rem}.header__menu.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media(min-width:768px){.header__menu{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;margin-top:0}}.header__menu-item{margin-bottom:1.5rem;text-align:center}@media(min-width:768px){.header__menu-item{display:inline-block;margin-bottom:0;margin-left:1rem;white-space:nowrap}}.header__menu-link{color:#292a2c;cursor:pointer;display:block;font-size:1rem;font-weight:500;padding:.5rem 1rem;position:relative;transition:all .3s ease}@media(min-width:768px){.header__menu-link{display:inline-block;font-size:1rem;padding:.5rem}}.header__menu-link.active,.header__menu-link:hover{color:#4a6de5}.header__menu-text{pointer-events:none}.footer{background-color:#fff;border-top:1px solid #e0e0e0;padding:3rem 0}.footer__content{flex-direction:column;text-align:center}.footer__content,.footer__social{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center}.footer__social{flex-direction:row;margin-bottom:1.5rem}.footer__social-link{align-items:center;background-color:#e0e0e0;border-radius:50%;color:#292a2c;display:flex;font-size:1.125rem;height:48px;justify-content:center;margin:0 1rem;transition:all .3s ease;width:48px}.footer__social-link:hover{background-color:#4a6de5;color:#fff;transform:translateY(-3px)}.footer__copyright{color:#73767b;font-size:.875rem}.footer__copyright .no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hero-section{align-items:center;display:flex;min-height:60vh}.hero-section__content{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}@media(min-width:768px){.hero-section__content{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}}.hero-section__text{margin-bottom:3rem;text-align:center;width:100%}@media(min-width:768px){.hero-section__text{margin-bottom:0;padding-right:2rem;text-align:left;width:60%}}.hero-section .hero-name-title-wrapper{margin-bottom:1.5rem}.hero-section__name{color:#292a2c;font-family:Rockwell,serif;font-size:3rem;font-weight:500;line-height:1.2;margin-bottom:.25rem}.hero-section__profession{color:#4e5054;font-size:1.5rem;font-weight:500;line-height:1.2;margin-bottom:0}.hero-section__tools{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem}@media(min-width:768px){.hero-section__tools{justify-content:flex-start}}.hero-section__tool{background-color:#e0e0e0;border-radius:4px;color:#101112;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;letter-spacing:-.5px;margin-bottom:1rem;margin-right:1rem;padding:.5rem 1rem}.hero-section__tool--figma{background-color:#ffc0a9;color:#333}.hero-section__tool--scss{background-color:#dda0c2;color:#333}.hero-section__tool--react{background-color:#a8dcec;color:#333}.hero-section__tool--react-native{background-color:#9ccfe3;color:#333}.hero-section__tool--expo{background-color:#bababd;color:#333}.hero-section__tool--firebase{background-color:#ffe0a3;color:#333}.hero-section__tool--unity{background-color:#d6d6d8;color:#333}.hero-section__tool--blender{background-color:#f8c297;color:#333}.hero-section__bio{font-size:1.125rem;line-height:1.8;margin-bottom:2rem}.hero-section__about-link{color:#4a6de5;font-weight:700;transition:all .3s ease}.hero-section__about-link:hover{color:#204adc;text-decoration:none}.hero-section__social{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin-bottom:2rem}@media(min-width:768px){.hero-section__social{justify-content:flex-start}}.hero-section__social-link{align-items:center;background-color:#e0e0e0;border-radius:50%;color:#292a2c;display:flex;font-size:1rem;height:40px;justify-content:center;margin-right:1.5rem;transition:all .3s ease;width:40px}.hero-section__social-link:hover{background-color:#4a6de5;color:#fff;transform:translateY(-3px)}.hero-section__divider{background-color:#e0e0e0;height:1px;margin:3rem 0 0;position:relative;width:100%}.hero-section__divider:after{background-color:#4a6de5;bottom:-1px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.hero-section__image{margin:20px auto 0;max-width:380px;position:relative;width:100%}@media(min-width:768px){.hero-section__image{margin:10px 3% 0 0;width:42%}}.hero-section__image:before{background-color:#4a6de5;-webkit-clip-path:polygon(0 15%,15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%);clip-path:polygon(0 15%,15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%);content:"";height:100%;left:-20px;opacity:.2;position:absolute;top:-20px;transform:rotate(-8deg);width:100%;z-index:-1}.hero-section__image img{height:auto;position:relative;width:100%;z-index:1}.hero-section__image img.no-save{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.featured-projects{background-color:#fff;padding:0 0 3rem}.featured-projects .section-title{font-family:Quicksand,sans-serif;font-weight:600;margin-top:1rem;text-align:left}.featured-projects__grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:3rem}@media(min-width:576px){.featured-projects__grid{gap:2rem;grid-template-columns:repeat(2,1fr)}}.featured-projects__item{margin-bottom:2rem}.featured-projects__content{display:flex;flex-direction:column;height:100%;padding-bottom:1.5rem;position:relative}.featured-projects__divider{background-color:#4a6de5;bottom:0;height:2px;left:0;opacity:.7;position:absolute;width:100%}.featured-projects__image-link{display:block;margin-bottom:1.5rem;overflow:hidden}.featured-projects__image{overflow:hidden;position:relative;width:100%}.featured-projects__image img{display:block;height:auto;transition:all .3s ease;width:100%}.featured-projects__image img:hover{transform:scale(1.05)}.featured-projects__image img.no-save{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.featured-projects__info{display:flex;flex-direction:column;flex-grow:1}.featured-projects__date{color:#73767b;font-size:.875rem;margin-bottom:.5rem}.featured-projects__title{color:#292a2c;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.featured-projects__description{-webkit-box-orient:vertical;color:#4e5054;display:-webkit-box;font-size:1rem;line-height:1.7;margin-bottom:1.5rem;overflow:hidden}.featured-projects__tools{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.featured-projects__tool{background-color:#e0e0e0;border-radius:4px;color:#101112;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;letter-spacing:-.5px;margin-bottom:.5rem;padding:.5rem 1rem}.featured-projects__tool--figma{background-color:#ffc0a9;color:#333}.featured-projects__tool--scss{background-color:#dda0c2;color:#333}.featured-projects__tool--react{background-color:#a8dcec;color:#333}.featured-projects__tool--react-native,.featured-projects__tool--react-native-expo{background-color:#9ccfe3;color:#333}.featured-projects__tool--expo{background-color:#bababd;color:#333}.featured-projects__tool--firebase{background-color:#ffe0a3;color:#333}.featured-projects__tool--unity{background-color:#d6d6d8;color:#333}.featured-projects__tool--blender{background-color:#f8c297;color:#333}.featured-projects__more{margin-top:2rem;width:100%}.featured-projects__more .btn{-webkit-touch-callout:none;background-color:#0000;border:1px solid #4a6de5;border-radius:0;color:#4a6de5;display:block;font-size:1rem;font-weight:500;padding:1.5rem 3rem;text-align:center;-webkit-user-select:none;user-select:none;width:100%}.featured-projects__more .btn:hover{background-color:#4a6de51a;color:#204adc}.home{margin-top:100px}.projects-page{margin-top:60px}.project-detail{margin-top:30px;padding:4rem 0}.hero-section{margin-top:60px;padding:4rem 0}.projects-page{margin-top:80px;padding:4rem 0}.projects-page__list{display:flex;flex-direction:column;gap:3rem}.project-item{grid-gap:1.5rem;border-bottom:1px solid #e0e0e0;display:grid;gap:1.5rem;grid-template-columns:1fr;padding-bottom:2rem}@media(min-width:768px){.project-item{gap:3rem;grid-template-columns:1fr 1fr}}.project-item__thumbnail-link{display:block;overflow:hidden}.project-item__thumbnail{overflow:hidden;position:relative;width:100%}@media(min-width:768px){.project-item__thumbnail{height:100%}}.project-item__thumbnail img{display:block;height:auto;transition:all .3s ease;width:100%}.project-item__thumbnail img:hover{transform:scale(1.05)}.project-item__thumbnail img.no-save{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.project-item__content{display:flex;flex-direction:column}.project-item__date{color:#73767b;font-size:.875rem;margin-bottom:.5rem}.project-item__title{color:#292a2c;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.project-item__description{color:#4e5054;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.project-item__tools{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-item__tool{background-color:#e0e0e0;border-radius:4px;color:#101112;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;letter-spacing:-.5px;padding:.5rem 1rem}.project-item__tool--figma{background-color:#ffc0a9;color:#333}.project-item__tool--scss{background-color:#dda0c2;color:#333}.project-item__tool--react{background-color:#a8dcec;color:#333}.project-item__tool--react-native,.project-item__tool--react-native-expo{background-color:#9ccfe3;color:#333}.project-item__tool--expo{background-color:#bababd;color:#333}.project-item__tool--firebase{background-color:#ffe0a3;color:#333}.project-item__tool--unity{background-color:#d6d6d8;color:#333}.project-item__tool--blender{background-color:#f8c297;color:#333}.project-item__button{-webkit-touch-callout:none;align-self:flex-start;background-color:#0000;border:1px solid #4a6de5;border-radius:0;color:#4a6de5;display:inline-flex;font-weight:500;margin-top:auto;padding:1rem 2rem;text-align:center;transition:all .3s ease;-webkit-user-select:none;user-select:none}.project-item__button:hover{background-color:#4a6de51a}.about{margin-top:60px;padding:4rem 0}.about__header{margin-bottom:2rem}@media(min-width:768px){.about__header{padding-left:0}}.about__header .title-bio-wrapper{margin-bottom:1.5rem}.about__header .section-title{font-family:Quicksand,sans-serif;font-size:2rem;font-weight:600;line-height:1.2;margin:0 0 .25rem;max-width:1000px;text-align:left}@media(min-width:768px){.about__header .section-title{padding-left:0}}.about__content{margin:0 auto;max-width:1000px}.about__profile{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr;margin-bottom:.5rem}@media(min-width:768px){.about__profile{align-items:start;gap:4rem;grid-template-columns:3fr 2fr}}.about__gakati-link{color:#4a6de5;text-decoration:none;transition:all .3s ease}.about__gakati-link:hover{color:#204adc}.about__bio{order:2}@media(min-width:768px){.about__bio{order:1}}.about__bio-text{color:#292a2c;font-size:1.125rem;line-height:1.8;margin-bottom:1.5rem}.title-bio-wrapper .about__bio-text{margin-top:0}.about__link{color:#4a6de5;font-weight:600;text-decoration:none;transition:all .3s ease}.about__link:hover{color:#204adc}.about__image{order:1}@media(min-width:768px){.about__image{align-self:flex-start;order:2}}.about__image img{display:block;height:auto;margin:0;object-fit:cover;width:100%}.about__image img.no-save{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.about__image-caption{color:#5a5c61;font-size:.75rem;font-style:normal;line-height:1.3;margin-top:.5rem;padding:0;text-align:left;width:85%}.about__image-caption p{margin-bottom:2px}.about__image-caption p:last-child{margin-bottom:0}.about__image-caption strong{font-style:normal;font-weight:700}.about__caption-link{color:#4a6de5;text-decoration:none;transition:color .3s ease}.about__caption-link:hover{color:#204adc}.about__question{font-weight:600}.about__quote{margin:3rem 0}.about__quote blockquote{background-color:#ededed;border-left:4px solid #4a6de5;font-family:Source Code Pro,monospace;font-size:.875rem;font-style:italic;padding:2rem}.about__quote blockquote cite{display:block;font-weight:700;margin-top:1rem;text-align:right}.about__macintosh-image{margin:3rem 0;text-align:center}.about__macintosh-image img{display:inline-block;filter:grayscale(20%);height:auto;max-width:100px;transition:filter .3s ease}@media(min-width:768px){.about__macintosh-image img{max-width:150px}}.about__macintosh-image img:hover{filter:grayscale(0)}.about__macintosh-image img.no-save{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.about__details{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:3rem}.about__download{margin-top:1.5rem;text-align:left}.about__view-cv-btn{-webkit-touch-callout:none;align-items:center;border-radius:0;display:inline-flex;justify-content:center;-webkit-user-select:none;user-select:none;width:auto}.about__cta{margin-top:3rem;text-align:center}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.5,0,0,1);will-change:opacity,transform}.reveal--visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.project-detail{font-family:Quicksand,sans-serif;overflow-x:hidden;padding:1.5rem}@media(min-width:768px){.project-detail{padding:2rem}}@media(min-width:992px){.project-detail{padding:3rem}}.project-detail img{display:block;height:auto;max-width:100%;-webkit-user-select:none;user-select:none}.project-detail .project-title{color:#292a2c;font-family:Quicksand,sans-serif;font-size:2.5rem;font-weight:600;margin:0}@media(min-width:768px){.project-detail .project-title{font-size:2.5rem}}.project-detail .subsection-title{color:#292a2c;font-size:1rem;font-weight:600;letter-spacing:.1em;margin:2rem 0 1.5rem;text-transform:uppercase}@media(min-width:768px){.project-detail .subsection-title{font-size:1.125rem}}.project-detail .subsection-title-with-border{border-bottom:1px solid #e0e0e0;color:#292a2c;font-size:1rem;font-weight:600;letter-spacing:.1em;margin:2rem 0 1.5rem;padding-bottom:1rem;text-transform:uppercase}@media(min-width:768px){.project-detail .subsection-title-with-border{font-size:1.125rem}}.project-detail h2.subsection-title-with-border{border-bottom:1px solid #e0e0e0;color:#292a2c;font-size:1rem;font-weight:600;letter-spacing:.1em;margin:2rem 0 1.5rem;padding-bottom:1rem;text-transform:uppercase}@media(min-width:768px){.project-detail h2.subsection-title-with-border{font-size:1.125rem}}.project-detail li,.project-detail p{color:#292a2c;font-size:.875rem;line-height:1.6;margin-bottom:1rem}@media(min-width:768px){.project-detail li,.project-detail p{font-size:1rem;margin-bottom:1.5rem}}.project-detail__hero,.project-detail__section{margin-bottom:3rem}@media(min-width:768px){.project-detail__section{margin-bottom:4rem}}.project-detail .hero-image{margin-bottom:2rem;margin-top:.5rem;position:relative}.project-detail .hero-image--full-width{margin-left:-1.5rem;margin-right:-1.5rem;width:calc(100% + 3rem)}@media(min-width:768px){.project-detail .hero-image--full-width{margin-left:-2rem;margin-right:-2rem;width:calc(100% + 4rem)}}@media(min-width:992px){.project-detail .hero-image--full-width{margin-left:-3rem;margin-right:-3rem;width:calc(100% + 6rem)}}.project-detail .hero-image .scroll-down-btn{align-items:center;animation:fadeInBounce 2s ease-out 1s forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border:1px solid #4a6de5;bottom:2rem;color:#4a6de5;cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:.75rem;gap:.5rem;left:50%;opacity:0;padding:1rem 1.5rem;position:absolute;transform:translateX(-50%);transition:all .3s ease}@media(min-width:768px){.project-detail .hero-image .scroll-down-btn{bottom:3rem;font-size:.875rem;padding:1rem 2rem}}.project-detail .hero-image .scroll-down-btn:hover{background:#4a6de5;color:#fff;transform:translateX(-50%) translateY(-4px)}.project-detail .hero-image .scroll-down-btn:hover .scroll-down-arrow{transform:translateY(2px)}.project-detail .hero-image .scroll-down-btn:active{transform:translateX(-50%) translateY(-2px)}.project-detail .hero-image .scroll-down-btn .scroll-down-text{font-weight:500;-webkit-user-select:none;user-select:none;white-space:nowrap}@media(max-width:575px){.project-detail .hero-image .scroll-down-btn .scroll-down-text{display:none}}.project-detail .hero-image .scroll-down-btn .scroll-down-arrow{animation:bounceArrow 2s ease-in-out infinite;height:18px;transition:transform .3s ease;width:18px}@media(min-width:768px){.project-detail .hero-image .scroll-down-btn .scroll-down-arrow{height:20px;width:20px}}@keyframes fadeInBounce{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}60%{opacity:1;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes bounceArrow{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.project-detail__meta{margin:0 0 1.5rem}.project-detail__meta .meta-value{color:#73767b;font-size:.875rem;margin:0}@media(min-width:768px){.project-detail__meta .meta-value{font-size:1rem}}.project-detail__tools{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.project-detail__tools .tool-tag{background-color:#e0e0e0;border-radius:4px;color:#292a2c;font-family:monospace;font-size:.75rem;padding:.5rem 1rem}@media(min-width:768px){.project-detail__tools .tool-tag{font-size:.875rem}}.project-detail__tools .tool-tag--figma{background-color:#ffc0a9;color:#333}.project-detail__tools .tool-tag--scss{background-color:#dda0c2;color:#333}.project-detail__tools .tool-tag--react{background-color:#a8dcec;color:#333}.project-detail__tools .tool-tag--react-native,.project-detail__tools .tool-tag--react-native-expo{background-color:#9ccfe3;color:#333}.project-detail__tools .tool-tag--expo{background-color:#bababd;color:#333}.project-detail__tools .tool-tag--firebase{background-color:#ffe0a3;color:#333}.project-detail__tools .tool-tag--unity{background-color:#d6d6d8;color:#333}.project-detail__tools .tool-tag--blender{background-color:#f8c297;color:#333}.project-detail__problem-goal-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}@media(min-width:768px){.project-detail__problem-goal-container{gap:2rem;grid-template-columns:1fr 1fr}}.project-detail .competitive-table{margin:2rem 0}@media(max-width:767px){.project-detail .competitive-row{margin-bottom:2rem}.project-detail .competitive-row .competitive-cell--label{color:#4a6de5;font-size:.75rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.project-detail .competitive-row .competitive-cell--content{margin-bottom:1.5rem}}@media(min-width:768px){.project-detail .competitive-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:180px repeat(3,1fr);margin-bottom:1rem}}.project-detail .competitive-cell{padding:1rem 1.5rem}.project-detail .competitive-cell:hover{background:inherit!important;color:inherit!important;transform:none!important;transition:none!important}@media(min-width:768px){.project-detail .competitive-cell--empty{background:#0000!important}}.project-detail .competitive-cell--name{text-align:center}.project-detail .competitive-cell--name .competitor-name{color:#4a6de5;font-size:.875rem;font-weight:600;margin:0}.project-detail .competitive-cell--images{align-items:center;display:flex;justify-content:center;min-height:120px}.project-detail .competitive-cell--images .competitor-images{max-width:200px;width:100%}.project-detail .competitive-cell--images .competitor-images img{border-radius:4px;box-shadow:0 2px 4px #0000001a;width:100%}.project-detail .competitive-cell--label{align-items:flex-start;color:#4a6de5;display:flex;font-size:.8rem!important;font-weight:600;justify-content:flex-start;padding:1.5rem;text-transform:uppercase}.project-detail .competitive-cell--label:hover{background:inherit!important;color:#4a6de5!important;transform:none!important;transition:none!important}.project-detail .competitive-cell--label .row-label{font-size:.8rem!important;font-weight:600}.project-detail .competitive-cell--label .row-label:hover{background:inherit!important;color:#4a6de5!important;transform:none!important;transition:none!important}.project-detail .competitive-cell--content{font-size:.75rem;line-height:1.5}@media(min-width:768px){.project-detail .competitive-cell--content{font-size:.875rem}}.project-detail .competitive-cell--content .competitor-description{color:#424346;font-size:inherit;margin:0}.project-detail .competitive-cell--content ul{list-style:none;margin:0;padding:0}.project-detail .competitive-cell--content ul li{font-size:inherit;margin-bottom:.5rem;padding-left:1rem;position:relative}.project-detail .competitive-cell--content ul li:before{background:#4a6de5;border-radius:50%;content:"";height:3px;left:0;position:absolute;top:.6em;width:3px}.project-detail .competitive-cell--content .competitor-audience p{color:#424346;font-size:inherit;margin:0}@media(max-width:767px){.project-detail .competitive-cell--content[data-competitor]:after{border-bottom:1px solid #e0e0e0;color:#292a2c;content:attr(data-competitor);display:block;font-size:.875rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.project-detail .competitive-row--description .competitive-cell--content:before{content:"DESCRIPCIÓN"}.project-detail .competitive-row--strengths .competitive-cell--content:before{content:"FORTALEZAS"}.project-detail .competitive-row--weaknesses .competitive-cell--content:before{content:"DEBILIDADES"}.project-detail .competitive-row--audience .competitive-cell--content:before{content:"AUDIENCIA OBJETIVO"}}.project-detail .personas-horizontal-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin:1.5rem 0}@media(min-width:768px){.project-detail .personas-horizontal-grid{gap:2rem}.project-detail .personas-horizontal-grid[data-count="1"]{grid-template-columns:1fr}.project-detail .personas-horizontal-grid[data-count="1"] .persona-card{grid-column:1}.project-detail .personas-horizontal-grid[data-count="2"]{grid-template-columns:1fr 1fr}.project-detail .personas-horizontal-grid[data-count="2"] .persona-card:first-child{grid-column:1}.project-detail .personas-horizontal-grid[data-count="2"] .persona-card:nth-child(2){grid-column:2}.project-detail .personas-horizontal-grid[data-count="3"]{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.project-detail .personas-horizontal-grid[data-count="3"] .persona-card:first-child{grid-column:1/-1;grid-row:1}.project-detail .personas-horizontal-grid[data-count="3"] .persona-card:nth-child(2){grid-column:1;grid-row:2}.project-detail .personas-horizontal-grid[data-count="3"] .persona-card:nth-child(3){grid-column:2;grid-row:2}.project-detail .personas-horizontal-grid[data-count="4"]{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto}.project-detail .personas-horizontal-grid[data-count="4"] .persona-card:first-child{grid-column:1/-1;grid-row:1}.project-detail .personas-horizontal-grid[data-count="4"] .persona-card:nth-child(2){grid-column:1;grid-row:2}.project-detail .personas-horizontal-grid[data-count="4"] .persona-card:nth-child(3){grid-column:2;grid-row:2}.project-detail .personas-horizontal-grid[data-count="4"] .persona-card:nth-child(4){grid-column:3;grid-row:2}.project-detail .personas-horizontal-grid[data-count="5"],.project-detail .personas-horizontal-grid[data-count="6"],.project-detail .personas-horizontal-grid[data-count="7"],.project-detail .personas-horizontal-grid[data-count="8"]{grid-template-columns:1fr 1fr}.project-detail .personas-horizontal-grid[data-count="5"] .persona-card:first-child,.project-detail .personas-horizontal-grid[data-count="6"] .persona-card:first-child,.project-detail .personas-horizontal-grid[data-count="7"] .persona-card:first-child,.project-detail .personas-horizontal-grid[data-count="8"] .persona-card:first-child{grid-column:1/-1}}.project-detail .paper-wireframes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin:1.5rem 0}@media(min-width:768px){.project-detail .paper-wireframes-grid{gap:2rem}.project-detail .paper-wireframes-grid[data-count="1"]{grid-template-columns:1fr}.project-detail .paper-wireframes-grid[data-count="1"] img:first-child{grid-column:1}.project-detail .paper-wireframes-grid[data-count="2"]{grid-template-columns:1fr;grid-template-rows:auto auto}.project-detail .paper-wireframes-grid[data-count="2"] img:first-child{grid-column:1;grid-row:1}.project-detail .paper-wireframes-grid[data-count="2"] img:nth-child(2){grid-column:1;grid-row:2}.project-detail .paper-wireframes-grid[data-count="3"]{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.project-detail .paper-wireframes-grid[data-count="3"] img:first-child{grid-column:1/-1;grid-row:1}.project-detail .paper-wireframes-grid[data-count="3"] img:nth-child(2){grid-column:1;grid-row:2}.project-detail .paper-wireframes-grid[data-count="3"] img:nth-child(3){grid-column:2;grid-row:2}.project-detail .paper-wireframes-grid[data-count="4"]{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.project-detail .paper-wireframes-grid[data-count="4"] img:first-child{grid-column:1;grid-row:1}.project-detail .paper-wireframes-grid[data-count="4"] img:nth-child(2){grid-column:2;grid-row:1}.project-detail .paper-wireframes-grid[data-count="4"] img:nth-child(3){grid-column:1;grid-row:2}.project-detail .paper-wireframes-grid[data-count="4"] img:nth-child(4){grid-column:2;grid-row:2}.project-detail .paper-wireframes-grid[data-count="5"],.project-detail .paper-wireframes-grid[data-count="6"],.project-detail .paper-wireframes-grid[data-count="7"],.project-detail .paper-wireframes-grid[data-count="8"]{grid-template-columns:1fr 1fr}}.project-detail__improvement-opportunities .opportunities-grid{display:block;margin:1.5rem 0}.project-detail__improvement-opportunities .opportunity-card{margin-bottom:2rem}.project-detail__improvement-opportunities .opportunity-card .finding-area{color:#4a6de5;font-size:1rem;font-weight:600;margin-bottom:.5rem}.project-detail__improvement-opportunities .opportunity-card .finding-description{color:#292a2c;font-size:.875rem;line-height:1.6;margin-bottom:1rem}@media(min-width:768px){.project-detail__improvement-opportunities .opportunity-card .finding-description{font-size:1rem;margin-bottom:1.5rem}}.project-detail__hierarchy-opportunities .opportunities-grid{display:block;margin:1.5rem 0}.project-detail__hierarchy-opportunities .opportunity-card{margin-bottom:2rem}.project-detail__hierarchy-opportunities .opportunity-card .finding-area{color:#4a6de5;font-size:1rem;font-weight:600;margin-bottom:.5rem}.project-detail__hierarchy-opportunities .opportunity-card .finding-description{color:#292a2c;font-size:.875rem;line-height:1.6;margin-bottom:1rem}@media(min-width:768px){.project-detail__hierarchy-opportunities .opportunity-card .finding-description{font-size:1rem;margin-bottom:1.5rem}}.project-detail__hierarchy-opportunities .hierarchy-explanation{color:#292a2c;font-size:.875rem;font-style:italic;line-height:1.6;margin-top:1.5rem}@media(min-width:768px){.project-detail__hierarchy-opportunities .hierarchy-explanation{font-size:1rem}}.project-detail .gameplay-demo{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}@media(min-width:768px){.project-detail .gameplay-demo{flex-direction:row;gap:2rem;justify-content:center;margin:2rem auto;max-width:600px}}.project-detail .gameplay-demo .demo-section{flex:1 1;max-width:100%}@media(min-width:768px){.project-detail .gameplay-demo .demo-section{max-width:250px}}.project-detail .gameplay-demo .demo-section .demo-description{color:#292a2c;font-size:.875rem;line-height:1.6;margin-bottom:1.5rem}@media(min-width:768px){.project-detail .gameplay-demo .demo-section .demo-description{font-size:1rem;margin-bottom:2rem}}.project-detail .gameplay-demo .demo-section .demo-image{margin:0}.project-detail .gameplay-demo .demo-section .demo-image img{-webkit-touch-callout:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:auto;pointer-events:none;transition:transform .3s ease,box-shadow .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.project-detail .gameplay-demo .demo-section .demo-image img:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.project-detail .gameplay-demo .demo-section .demo-image img.clickable-image{cursor:pointer}.project-detail .gameplay-demo .demo-section .demo-caption{color:#8d8f94;font-size:.875rem;font-style:italic;font-weight:500;margin:1rem 0 0;text-align:center}@media(min-width:768px){.project-detail .gameplay-demo .demo-section .demo-caption{font-size:.875rem}}.project-detail .btn{background:#0000;border:1px solid #4a6de5;color:#4a6de5;display:inline-block;font-size:.875rem;padding:1rem 1.5rem;text-decoration:none;transition:all .2s ease}.project-detail .btn:hover{background:#4a6de51a}.project-detail .prototype-link,.project-detail .prototype-links,.project-detail__repository-links{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}@media(min-width:768px){.project-detail .prototype-link,.project-detail .prototype-links,.project-detail__repository-links{flex-direction:row}}.project-detail .key-issues-list,.project-detail .responsibilities-list{list-style:none;margin:0 0 2rem;padding:0}.project-detail .key-issues-list li,.project-detail .responsibilities-list li{margin-bottom:1rem;padding-left:2rem;position:relative}.project-detail .key-issues-list li:before,.project-detail .responsibilities-list li:before{color:#4a6de5;content:"•";font-weight:700;left:.5rem;position:absolute}.project-detail .accessibility-list,.project-detail .next-steps-list,.project-detail .strategy-decisions{list-style:decimal;margin-bottom:2rem;padding-left:1.5rem}.project-detail .accessibility-list li,.project-detail .next-steps-list li,.project-detail .strategy-decisions li{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;margin-bottom:1rem;overflow-wrap:break-word}.project-detail .strategy-decisions{list-style:disc}.project-detail .strategy-decisions li{list-style-type:none;max-width:100%;padding-right:1rem;position:relative}.project-detail .strategy-decisions li::marker{color:#4a6de5}.project-detail .strategy-decisions li:before{color:#4a6de5;content:"•";font-weight:700;left:-1em;position:absolute}.project-detail .color-palette .palette-list{list-style:disc;margin-bottom:2rem;padding-left:1.5rem}.project-detail .color-palette .palette-list .palette-item{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;list-style-type:none;margin-bottom:1rem;max-width:100%;overflow-wrap:break-word;padding-right:1rem;position:relative}.project-detail .color-palette .palette-list .palette-item::marker{color:#4a6de5}.project-detail .color-palette .palette-list .palette-item:before{color:#4a6de5;content:"•";font-weight:700;left:-1em;position:absolute}.project-detail .color-palette .palette-list .palette-item .palette-percent{font-weight:600;margin-right:.5rem}.project-detail .color-palette .palette-list .palette-item .palette-color{align-items:center;display:flex}.project-detail .color-palette .palette-list .palette-item .palette-color .color-sample{border:1px solid #0000001a;border-radius:4px;display:inline-block;flex-shrink:0;height:20px;margin-right:8px;vertical-align:middle;width:20px}.project-detail .color-palette .palette-reasoning{color:#424346;line-height:1.6;margin-top:1.5rem}.project-detail .finding-item{margin-bottom:2rem}.project-detail .finding-item .finding-area{color:#4a6de5;font-size:1rem;font-weight:600;margin-bottom:.5rem}.project-detail .finding-item .user-quote{border-left:2px solid #4a6de5;color:#4a6de5;font-style:italic;margin:1rem 0;padding-left:1.5rem}.project-detail .finding-item .finding-improvement{margin-top:1rem}.project-detail .finding-item .finding-improvement .improvement-label{color:#4a6de5;font-weight:600}.project-detail .lessons-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin:1.5rem 0}@media(min-width:768px){.project-detail .lessons-grid{gap:2rem;grid-template-columns:1fr 1fr}}.project-detail .lessons-section{background:#fafafa;padding:1.5rem}.project-detail .lessons-section .lessons-title{color:#4a6de5;font-size:1rem;font-weight:600}.project-detail .lessons-section .lessons-list{list-style:none;margin:0;padding:0}.project-detail .lessons-section .lessons-list li{margin-bottom:1rem;padding-left:2rem;position:relative}.project-detail .lessons-section .lessons-list li:before{color:#52c41a;content:"✓";font-weight:700;left:0;position:absolute}.project-detail .image-modal{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:1000}.project-detail .image-modal__content{max-height:95%;max-width:95%;position:relative}.project-detail .image-modal__content img{max-height:90vh;max-width:100%;object-fit:contain}.project-detail .clickable-image{cursor:pointer;transition:opacity .2s ease}.project-detail .clickable-image:hover{opacity:.9}.project-detail .journey-maps-vertical .journey-card{margin-bottom:2rem}.project-detail .journey-maps-vertical .journey-card .journey-title{color:#4a6de5;font-size:1rem;font-weight:600;margin-bottom:1rem}.project-detail .screen-variations-images img{margin-bottom:1.5rem}.project-detail .design-image,.project-detail .design-images{margin:1.5rem 0}.project-detail .design-image img,.project-detail .design-images img{margin-bottom:1rem}.project-detail .mockups-section .mockup-item{margin-bottom:3rem}.project-detail .mockups-section .mockup-item .decisions-title{color:#4a6de5;font-size:.875rem;font-weight:600;margin-bottom:1rem}@media(min-width:768px){.project-detail .mockups-section .mockup-item .decisions-title{font-size:1rem}}.project-detail .mockups-section .mockup-item .decisions-list{list-style:none;margin:1.5rem 0;padding:0}.project-detail .mockups-section .mockup-item .decisions-list li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.project-detail .mockups-section .mockup-item .decisions-list li:before{color:#4a6de5;content:"→";left:0;position:absolute}.project-detail .usability-details .detail-item{margin-bottom:1rem}.project-detail .usability-details .detail-item .detail-label{color:#4a6de5;font-weight:600;margin-right:.5rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#fff;color:#292a2c;font-family:Quicksand,sans-serif;font-size:1rem;line-height:1.6}img{display:block;height:auto;max-width:100%}a{color:#4a6de5;text-decoration:none;transition:all .3s ease}a:hover{color:#204adc}h1,h2,h3,h4,h5,h6{margin-bottom:1rem}h1{font-family:Rockwell,serif;font-size:3rem;font-weight:700}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.125rem}p{margin-bottom:1.5rem}button{background-color:#0000;border:1px solid;border-radius:0;color:#4a6de5;cursor:pointer;display:inline-block;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:500;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}button:hover{background-color:#4a6de51a}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}.section{padding:3rem 0}.section-title{color:#292a2c;font-family:Rockwell,serif;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:left}.btn{background-color:#0000;border:1px solid;border-radius:0;color:#4a6de5;cursor:pointer;display:inline-block;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:500;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn:hover{background-color:#4a6de51a}.btn--secondary{background-color:#0000;border:1px solid #292a2c;border-radius:0;color:#292a2c;cursor:pointer;display:inline-block;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:500;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn--secondary:hover{background-color:#292a2c1a}.btn--outline{background-color:#0000;border:1px solid;border-radius:0;color:#4a6de5;cursor:pointer;display:inline-block;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:500;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn--outline:hover{background-color:#4a6de51a;color:#204adc}.btn--primary{background-color:#4a6de5;border:none;border-radius:0;color:#fff}.btn--primary:hover{background-color:#204adc}.text-center{text-align:center}.divider{background-color:#e0e0e0;height:1px;margin:2rem 0;width:100%}.app{display:flex;flex-direction:column;min-height:100vh}.app__content{flex:1 1}
/*# sourceMappingURL=main.eeb8c015.css.map*/