@layer project;.header--project{background-color:#f2f1ebd6;color:var(--color-primary-dark)}.header__menu-button-line{background-color:var(--color-primary-dark)}.hero{max-height:613px;padding:48px 24px 104px;height:80svh;max-width:none;margin:0 auto;overflow:hidden;background-color:var(--color-primary-light);border-radius:0 0 3.125rem 3.125rem}.hero__content{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;height:100%;max-width:1184px;color:var(--color-primary-dark)}.hero__quote{max-width:544px;text-wrap:balance;margin-top:180px}.hero__text-group{display:flex;flex-direction:row;gap:56px;width:100svw}.hero__text{font-size:var(--font-size-heading-1-sub-page);line-height:var(--line-height-heading-1-5);font-weight:var(--font-weight-semibold)}.marquee-container{overflow:hidden;white-space:nowrap;flex-shrink:0}.hero__text{display:flex;flex-direction:row;gap:40px}.product-showcase{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:152px 0}.product-showcase__image{height:100%;min-height:256px;object-fit:contain;pointer-events:none}.project-article{background-color:var(--color-primary-light);color:var(--color-primary-dark);border-radius:3.125rem;padding:104px 0}.overview__header{display:flex;flex-direction:column}.overview__number{font-size:2.25rem;line-height:var(--line-height-heading-2-3-4);font-weight:var(--font-weight-regular)}.overview__title{font-size:var(--font-size-heading-2);line-height:var(--line-height-heading-2-3-4);font-weight:var(--font-weight-regular)}.overview__content{display:flex;flex-direction:row;width:100%;gap:24px}.overview__section{display:flex;flex-direction:column;gap:16px;width:100%;max-width:560px}.overview__subtitle{font-size:var(--font-size-heading-4);line-height:var(--line-height-heading-3-4-5);font-weight:var(--font-weight-regular)}.overview__text{font-family:var(--font-family-secondary);font-size:var(--font-size-paragraph);line-height:var(--line-height-paragraph-2);font-weight:var(--font-weight-regular)}.research{margin-top:180px}.research__header-content{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:24px}.research__number{font-size:2.25rem;line-height:var(--line-height-heading-2-3-4);font-weight:var(--font-weight-regular)}.research__header-title{font-size:var(--font-size-heading-2);line-height:var(--line-height-heading-2-3-4);font-weight:var(--font-weight-regular)}.research__header-text{font-family:var(--font-family-secondary);font-size:var(--font-size-paragraph);line-height:var(--line-height-paragraph-1);font-weight:var(--font-weight-regular);width:100%;max-width:560px}.research__target-audience{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:24px;margin-top:104px}.research__target-audience-title{font-size:var(--font-size-heading-3);line-height:var(--line-height-heading-2-3-4);font-weight:var(--font-weight-regular)}.research__target-audience-text{font-family:var(--font-family-secondary);font-size:var(--font-size-paragraph);line-height:var(--line-height-paragraph-2);font-weight:var(--font-weight-regular);width:100%;max-width:560px}.research__design-inspiration{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:24px;margin-top:104px}.research__design-inspiration-title{font-size:var(--font-size-heading-3);line-height:var(--line-height-heading-2-3-4);font-weight:var(--font-weight-regular)}.research__design-inspiration-text{font-family:var(--font-family-secondary);font-size:var(--font-size-paragraph);line-height:var(--line-height-paragraph-2);font-weight:var(--font-weight-regular);width:100%;max-width:560px}.research__name-logo{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:24px;margin-top:104px}.research__name-logo-title{font-size:var(--font-size-heading-3);line-height:var(--line-height-heading-2-3-4);font-weight:var(--font-weight-regular)}.research__name-logo-text{font-family:var(--font-family-secondary);font-size:var(--font-size-paragraph);line-height:var(--line-height-paragraph-2);font-weight:var(--font-weight-regular);width:100%;max-width:560px}.research__logo-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:184px;background-color:#0b2332;padding:104px 24px;min-height:432px;height:100%;position:relative;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:80px;background-color:var(--color-primary-light);border-radius:0 0 3.125rem 3.125rem}&:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:80px;background-color:var(--color-primary-light);border-radius:3.125rem 3.125rem 0 0}}.research__logo{width:100%;max-width:200px}.research__location{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:24px;margin-top:104px}.research__location-title{font-size:var(--font-size-heading-3);line-height:var(--line-height-heading-2-3-4);font-weight:var(--font-weight-regular)}.research__location-text{font-family:var(--font-family-secondary);font-size:var(--font-size-paragraph);line-height:var(--line-height-paragraph-2);font-weight:var(--font-weight-regular);width:100%;max-width:560px}.research__color-palette{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:24px;margin-top:104px}.research__color-palette-title{font-size:var(--font-size-heading-3);line-height:var(--line-height-heading-2-3-4);font-weight:var(--font-weight-regular)}.research__color-palette-wrapper{display:flex;flex-direction:column;gap:16px}.research__color-palette-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px}.research__color-palette-color{display:flex;flex-direction:column;align-items:center;gap:16px}.research__color-palette-blue{width:152px;aspect-ratio:1/1;background-color:#0b2332;border-radius:10px}.research__color-palette-white{width:152px;aspect-ratio:1/1;background-color:#f5f5f5;border:1px solid var(--color-primary-dark);border-radius:10px}.research__color-palette-text{font-family:var(--font-family-secondary);font-size:var(--font-size-paragraph);line-height:var(--line-height-paragraph-2);font-weight:var(--font-weight-regular);width:100%;max-width:560px}.research__competitor{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:24px;margin-top:104px}.research__competitor-title{font-size:var(--font-size-heading-3);line-height:var(--line-height-heading-2-3-4);font-weight:var(--font-weight-regular)}.research__competitor-content{display:flex;flex-direction:column;gap:24px;width:100%;max-width:560px}.research__competitor-text{font-family:var(--font-family-secondary);font-size:var(--font-size-paragraph);line-height:var(--line-height-paragraph-2);font-weight:var(--font-weight-regular)}.research__competitor-list{display:flex;flex-direction:column;gap:16px}.research__competitor-item{font-family:var(--font-family-secondary);font-size:var(--font-size-paragraph);line-height:var(--line-height-paragraph-2);font-weight:var(--font-weight-regular)}.research__competitor-item-label{font-weight:var(--font-weight-semibold)}.design-process{margin-top:180px}.design-process__number{font-size:2.25rem;line-height:var(--line-height-heading-2-3-4);font-weight:var(--font-weight-regular)}.design-process__header-content{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:24px}.design-process__header-title{font-size:var(--font-size-heading-2);line-height:var(--line-height-heading-2-3-4);font-weight:var(--font-weight-regular)}.design-process__header-text{font-family:var(--font-family-secondary);font-size:var(--font-size-paragraph);line-height:var(--line-height-paragraph-1);font-weight:var(--font-weight-regular);width:100%;max-width:560px}.design-process__tools{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:24px;margin-top:104px}.design-process__tools-title{font-size:var(--font-size-heading-3);line-height:var(--line-height-heading-2-3-4);font-weight:var(--font-weight-regular)}.design-process__tools-content{display:flex;flex-direction:column;gap:24px;width:100%;max-width:560px}.design-process__tools-text{font-family:var(--font-family-secondary);font-size:var(--font-size-paragraph);line-height:var(--line-height-paragraph-2);font-weight:var(--font-weight-regular)}.design-process__tools-list{display:flex;flex-direction:column;gap:16px}.design-process__tools-item{font-family:var(--font-family-secondary);font-size:var(--font-size-paragraph);line-height:var(--line-height-paragraph-2);font-weight:var(--font-weight-regular)}.design-process__tools-item-label{font-weight:var(--font-weight-semibold)}.design-process__manual-section{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:24px;margin-top:104px}.design-process__manual-title{font-size:var(--font-size-heading-3);line-height:var(--line-height-heading-2-3-4);font-weight:var(--font-weight-regular)}.design-process__manual-content{display:flex;flex-direction:column;gap:24px;width:100%;max-width:560px}.design-process__manual-text{font-family:var(--font-family-secondary);font-size:var(--font-size-paragraph);line-height:var(--line-height-paragraph-2);font-weight:var(--font-weight-regular);width:100%;max-width:560px}.design-process__manual-gallery{margin-top:104px;width:100%;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.design-process__manual-image{object-fit:contain;width:100%;height:100%;max-height:364px;background-color:#0b2332}.image-1,.image-6{grid-column:span 2}.design-process__manual-text-wrapper{display:flex;justify-content:right;margin-top:80px}.final-design{margin-top:180px}.final-design__number{font-size:2.25rem;line-height:var(--line-height-heading-2-3-4);font-weight:var(--font-weight-regular)}.final-design__header-content{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:24px}.final-design__title{font-size:var(--font-size-heading-2);line-height:var(--line-height-heading-2-3-4);font-weight:var(--font-weight-regular)}.final-design__text{font-family:var(--font-family-secondary);font-size:var(--font-size-paragraph);line-height:var(--line-height-paragraph-1);font-weight:var(--font-weight-regular);width:100%;max-width:560px}.final-design__prototypes{display:flex;justify-content:right;margin-top:80px}.final-design__prototypes-text{font-family:var(--font-family-secondary);font-size:var(--font-size-paragraph);line-height:var(--line-height-paragraph-1);font-weight:var(--font-weight-bold);width:100%;max-width:560px}.figma-embed__desktop{height:600px;width:100%;margin-top:48px}.figma-embed__mobile{aspect-ratio:9/16;max-width:450px;width:100%;margin-top:80px}.final-design__prototype-mobile{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.final-design__prototype-mobile-text{font-family:var(--font-family-secondary);font-size:var(--font-size-paragraph);line-height:var(--line-height-paragraph-1);font-weight:var(--font-weight-regular);width:100%;max-width:560px}.footer--project{background-color:var(--color-primary-dark);color:var(--color-primary-light)}.footer--project .footer__icon,.footer--project .footer__copyright-icon,.footer--project .footer__scroll-icon{filter:invert(100%)}.container{padding:0 24px}@media(max-width:1024px){.overview__content,.research__header-content,.research__target-audience,.research__design-inspiration,.research__name-logo,.research__location,.research__color-palette,.research__competitor,.design-process__header-content,.design-process__tools,.design-process__manual-section,.design-process__manual-gallery,.design-process__manual-images,.final-design__header-content,.final-design__prototype-mobile{flex-direction:column}.product-showcase__image-desktop{display:none}.design-process__manual-gallery{grid-template-columns:repeat(1,1fr)}.image-1,.image-6{grid-column:span 1}.overview__number,.overview__title,.final-design__title,.design-process__header-title,.design-process__number,.final-design__number,.research__header-title,.research__number{font-size:var(--font-size-heading-3)}.research__logo-wrapper{flex-direction:column;gap:80px}}