@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Mulish,sans-serif;color:#222;background-color:#fcfbfa}li{list-style-type:none}a{text-decoration:none}img{display:block}.container-md{max-width:700px;margin:48px auto}.navbar{width:100%;position:fixed;z-index:5;transition:all .6s cubic-bezier(.4,0,.2,1)}@media (min-width: 769px){.navbar{top:1.8rem;max-width:100%}.navbar--scrolled{top:1rem}}@media (max-width: 768px){.navbar{position:fixed;bottom:0;top:auto;left:0;width:100%}}.navbar__wrapper{width:100%;display:flex;justify-content:center}.navbar__container{max-width:460px;background:#fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #ededed;border-radius:300px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 40px #0000000f;transition:all .3s ease}@media (min-width: 769px){.navbar__container{width:536px;height:76px;padding:8px 24px 8px 8px}.navbar__container:hover{background:#ffffffe6;box-shadow:0 10px 40px #00000014}}@media (max-width: 768px){.navbar__container{width:320px;height:64px;border-radius:100px;padding:8px 24px 8px 8px;gap:1rem;margin:0 auto 1rem;box-shadow:0 4px 16px #00000014}}.navbar__profile{flex-shrink:0}.navbar__profile a{display:block;line-height:0}.navbar__profile-image{object-fit:cover}.navbar__profile-image:hover{transform:scale(1.05)}@media (max-width: 768px){.navbar__profile-image{width:40px;height:40px}}.navbar__menu{display:flex;align-items:center;flex-shrink:0}@media (min-width: 769px){.navbar__menu{gap:12px}}@media (max-width: 400px){.navbar__menu{gap:24px}}.navbar__link{color:#969696;font-size:16px;font-weight:500;text-decoration:none;position:relative;transition:color .3s ease;white-space:nowrap;text-align:center}@media (min-width: 769px){.navbar__link{min-width:64px}}@media (max-width: 768px){.navbar__link{min-width:48px;font-size:14px}}.navbar__link--active{color:#222;font-weight:600}.footer{background-size:cover;padding:48px 0}@media (max-width: 590px){.footer{height:350px}}.footer__container{margin:0 auto;display:flex;flex-direction:column;align-items:start;gap:60px}.footer__headline{color:#969696;font-size:16px;margin-bottom:12px}.footer__info{margin-top:4px;display:flex;align-items:center}.footer__info svg{color:#969696;display:flex;justify-content:center;align-items:center}.footer__info a.email-link{font-size:18px;color:#222;font-weight:700;text-decoration:underline}.footer .social-links{display:flex;margin-top:16px}.footer .social-links .social-icon{margin-right:8px}.footer__credits{color:#969696;font-weight:300;font-size:14px}.container{width:100%;max-width:896px;margin:0 auto;box-sizing:border-box}@media (max-width: 1024px){.container{padding:0 24px}}@media (max-width: 768px){.container{padding:0 16px}}.home .home-page__projects{margin-bottom:96px}.hero{height:500px;padding-top:96px;display:flex;justify-content:center;align-items:center;overflow:hidden}@media (max-width: 790px){.hero{height:48vh;padding:24px}}@media (max-width: 590px){.hero{height:40vh}}.hero__container{text-align:center;margin:0 auto;max-width:788px}.hero__container .hero__content-header{margin-bottom:16px}.hero__container h1.hero__text{font-size:48px;font-family:"Instrument Serif",serif;font-style:italic;line-height:1.1;font-weight:600;color:#222;margin-bottom:8px}.hero__container h1.hero__text strong.emphasized-text{font-weight:600;letter-spacing:2px;margin-left:12px;background:linear-gradient(90deg,#f9c339,#f9a526,#ff8a00);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:gradientMove 8s ease infinite}@media (max-width: 590px){.hero__container h1.hero__text strong.emphasized-text{margin-left:2vw;letter-spacing:.5px}}@media (max-width: 590px){.hero__container h1.hero__text{font-size:6vw;line-height:1.4;margin-bottom:12px}}.hero__container .hero__content-text{max-width:538px;margin:0 auto;color:#3b3b3b;line-height:175%}@media (max-width: 590px){.hero__container .hero__content-text{font-size:3vw}}@media (max-width: 440px){.hero__container .hero__content-text{font-size:4vw}}.project-card{display:flex;justify-content:center;margin-bottom:32px}.project-card__container{display:flex;flex-direction:column;height:100%;border-radius:16px;border:1px solid #ededed;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card__container:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000000a}.project-card__thumbnail{width:100%;border-radius:16px 16px 0 0;height:auto;overflow:hidden;position:relative;z-index:2}.project-card__thumbnail img{width:100%;object-fit:cover;transition:transform .4s ease-in-out}.project-card__thumbnail img:hover{transform:scale(1.03)}.project-card__content{background-color:#fff;padding:32px;text-align:left;border-radius:0 0 16px 16px;z-index:1;position:relative;display:flex;flex-direction:column;gap:8px;min-height:120px;overflow:hidden}.project-card__name{font-size:20px;color:#222;font-weight:700;margin:0}.project-card__description{font-size:16px;color:#515151;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.project-card__content{padding:24px}.project-card__name{font-size:18px}.project-card__description{font-size:15px}}@media (max-width: 480px){.project-card__content{padding:16px}.project-card__name{font-size:16px}.project-card__description{font-size:14px}}.SocialBar .social__container{max-width:960px;height:64px;margin:0 auto;display:flex;justify-content:center;align-items:center;align-items:flex-start;gap:24px}.SocialBar .social__container .social-link a{color:#222;font-weight:700;text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(12,1fr);width:100%;box-sizing:border-box}@media (max-width: 1024px){.grid{grid-template-columns:repeat(12,1fr)}}@media (max-width: 768px){.grid{grid-template-columns:repeat(6,1fr)}}@media (max-width: 480px){.grid{grid-template-columns:repeat(4,1fr)}}.grid-item{grid-column:span var(--col-span)}@media (max-width: 768px){.grid-item{grid-column:span var(--col-span-tablet)}}@media (max-width: 480px){.grid-item{grid-column:span var(--col-span-mobile)}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.about{width:100%;display:flex;justify-content:center;margin-bottom:32px}@media (max-width: 1006px){.about{padding:16px 0}}.about__container{max-width:960px;margin-top:20vh}@media (max-width: 590px){.about__container{margin-top:4vh}}.about__container .about__header{height:30vh;text-align:center;margin:0 auto;max-width:788px;display:flex;justify-content:center;align-items:center}@media (max-width: 590px){.about__container .about__header{height:10vh;margin-top:0vh}}.about__container .about__header h2{font-size:48px;line-height:1.1;font-weight:600;color:#222;font-family:"Instrument Serif",serif;font-style:italic}.about__container .about__header h2 strong.emphasized-text{font-weight:600;letter-spacing:2px;margin-left:12px;background:linear-gradient(90deg,#f9c339,#f9a526,#ff8a00);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:gradientMove 8s ease infinite}@media (max-width: 590px){.about__container .about__header h2 strong.emphasized-text{letter-spacing:.5px;margin-left:2vw}}@media (max-width: 590px){.about__container .about__header h2{font-size:8vw;margin-bottom:12px}}.about__container .about__detail-section h4.about__card-header{font-size:18px;text-transform:uppercase;color:#222}@media (max-width: 590px){.about__container .about__detail-section h4.about__card-header{font-size:16px}}.about__container .about__detail-section .about__card-container{box-shadow:0 8px 24px #00000008}.about__container .about__detail-section .about__card-container .about__card .about__card-content{background-color:#fff;border:1px solid #ededed;border-radius:16px;overflow:hidden;margin:32px 0}@media (max-width: 590px){.about__container .about__detail-section .about__card-container .about__card .about__card-content{margin:24px 0}}.about__container .about__detail-section .about__card-container .about__card .about__card-content .topdraw__block{padding:32px}.about__container .about__detail-section .about__card-container .about__card .about__card-content .about__card-headline{font-size:16px;margin-bottom:12px;color:#222}@media (max-width: 590px){.about__container .about__detail-section .about__card-container .about__card .about__card-content .about__card-headline{font-size:16px}}.about__container .about__detail-section .about__card-container .about__card .about__card-content .about__card-para{line-height:26px;font-size:16px;color:#515151}.about__container .about__detail-section .about__card-container .about__card .about__card-content .about__card-para a{color:#515151;text-decoration:underline}@media (max-width: 590px){.about__container .about__detail-section .about__card-container .about__card .about__card-content .about__card-para{font-size:14px;line-height:24px}}.about__container .about__detail-section .about__card-container .about__card .blackcat{display:flex}.about__container .about__detail-section .about__card-container .about__card .blackcat .blackcat__container{display:flex;justify-content:center;align-items:flex-end;width:160px}@media (max-width: 590px){.about__container .about__detail-section .about__card-container .about__card .blackcat .blackcat__container{width:80vw}}.about__container .about__detail-section .about__card-container .about__card .blackcat .blackcat__container img{width:100%}.case-study .next-cs{margin:0 0 32px}.case-study .back-to-top{padding-bottom:48px}@media (max-width: 590px){.case-study .back-to-top{padding:0!important}}.case-study .case-study__banner{position:relative;z-index:100;margin-top:-62px}.case-study .case-study__banner-img{width:100%;height:auto}.case-study .case-study__content{max-width:700px;margin:0 auto;padding:24px 0}@media (max-width: 768px){.case-study .case-study__content{padding:12px 16px}}.case-study .case-study__content-container{margin-bottom:48px}.case-study .case-study__content-container .case-study-headline{text-transform:uppercase;font-size:24px;font-weight:700}.case-study .case-study__content-container .case-study__heading{text-transform:uppercase;font-size:24px;font-weight:700;margin-bottom:16px}@media (max-width: 490px){.case-study .case-study__content-container .case-study__heading{font-size:18px}}.case-study .case-study__content-container .case-study__subheading{font-size:18px;font-weight:700;margin-bottom:16px}@media (max-width: 490px){.case-study .case-study__content-container .case-study__subheading{font-size:16px}}.case-study .case-study__content-container ul.list-items li{font-size:16px;font-weight:300;line-height:1.75;color:#515151;margin-bottom:12px;margin-left:16px;list-style-type:square}.case-study .case-study__content-container .case-study__text{font-size:16px;font-weight:300;line-height:1.75;color:#515151;margin-bottom:12px}.case-study .case-study__content-container .case-study__text a{text-decoration:underline;color:#222}.case-study .case-study__content-container .case-study__text span{color:#3b3b3b;font-weight:600}.case-study .case-study__content-container .case-study__text span.subtext{margin-bottom:0}.case-study .case-study__content-container .about__content-subcontent h4{margin-bottom:8px}.case-study .case-study__content-container .about__content-subcontent img{margin:24px auto;width:100%}.case-study .about__content-table-content{margin-bottom:48px}.case-study .about__content-table-content a{display:block;margin:16px 0;color:#515151}.case-study .about__content-table-content a:hover{color:#222;text-decoration:underline}.case-study .case-study__image{width:100%;height:auto;margin:32px 0 48px}.case-study .case-study__background1{background-image:url(../../assets/case-study-2/moodboard.svg);background-repeat:no-repeat;background-size:contain;background-position:top;background-attachment:fixed;height:100vh;width:100%}.case-study .case-study__background2{background-image:url(../../assets/case-study-1/prototype.svg);background-repeat:no-repeat;background-size:contain;background-position:center;background-attachment:fixed;height:500px;width:100%}.case-study .case-study__background3{background-image:url(/assets/wireframe-img-CHiy_fES.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;height:700px;width:100%}.case-study .case-study__background4{background-image:url(/assets/uidesign-img-NresNCoO.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;height:700px;width:100%}.case-study .case-study__img-fullwidth{width:100%;display:flex;justify-content:center;margin-bottom:32px}.case-study .case-study__img-fullwidth img{margin:0 auto;width:100%}@media (max-width: 768px){.case-study .case-study__img-fullwidth{padding:12px 16px}}.case-study .spacing-top-bottom{margin:32px 0;height:32px}.case-study .spacing-top-bottom-sm{height:32px}.about__content-call-out{margin:16px 0;padding:24px}.about__content-call-out img{margin-bottom:8px}.about__content-call-out p{margin-bottom:0!important;font-weight:300;line-height:1.75;color:#515151}.about__content-call-out p a{color:#222;text-decoration:underline}.quote{border:1px solid #DDDDDD;border-radius:8px;margin:32px 0;padding:24px;background-color:#fff}.quote__container img{margin-bottom:24px}.quote__container p{margin-bottom:0!important;font-weight:300;line-height:1.75;color:#515151;font-style:italic}.quote__container p a{color:#222;text-decoration:underline}.quote__container .divider{height:24px;border-left:1px solid #969696;margin:8px 0}.quote__container p.person{color:#969696;font-style:normal}