body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}details{margin:40px}.simple-indent-list li{line-height:1.6;list-style:none;margin-bottom:10px}.project-canvas.dark-mode{background-color:#222;color:#fff}.project-canvas.dark-mode h1,.project-canvas.dark-mode h2,.project-canvas.dark-mode h3,.project-canvas.dark-mode h4,.project-canvas.dark-mode p{color:#fff!important}.project-canvas.dark-mode .service-item h3,.project-canvas.dark-mode .service-item p,.project-canvas.dark-mode .stat-block h3,.project-canvas.dark-mode .stat-block p{color:#444!important}.project-layout{padding-right:24px}.side-menu{width:16%}.side-menu nav li{margin-bottom:4px}.project-content{padding:0 40px;width:80%}.compo-1-hero{grid-gap:80px;display:grid;gap:80px;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1400px;padding:0;width:90%}.compo-1-hero .c-1-left h1{color:#222;font-size:58px;font-weight:500;line-height:1.2;margin-bottom:24px;margin-top:80px;opacity:1}.compo-1-hero .c-1-left p{color:#585858;font-size:1em;line-height:1.4;margin-bottom:24px}.compo-1-hero .c-1-left .chip-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.compo-1-hero .c-1-left .chip-list .chip{background:#1a73e8;border-radius:50em;color:#fff;font-size:.92em;font-weight:500;padding:6px 14px}.compo-1-hero .c-1-right{height:fit-content;justify-content:center;position:sticky;top:100px}.compo-1-hero .c-1-right img{border-radius:.8em;margin:auto;width:76%}.compo-2-stat{background-color:#eaeaea;border-radius:.8em;box-sizing:border-box;display:flex;gap:40px;justify-content:left;margin:80px 40px;padding:40px}.compo-2-stat .stat-block{flex:1 1;text-align:left}.compo-2-stat .stat-block h3{color:#1a73e8;font-size:2.2em;font-weight:700;margin-bottom:6px;opacity:1}.compo-2-stat .stat-block p{color:#585858;font-size:.98em;line-height:1.4}.compo-2-stat .stat-block[data-align=center]{text-align:center}.compo-2-stat .stat-block[data-align=right]{text-align:right}.compo-2A-reference{border-radius:.8em;box-sizing:border-box;display:flex;gap:80px;justify-content:start;margin:80px 40px}.compo-2A-reference .ref-block h3{margin-bottom:14px}.compo-2A-reference .ref-block a{background-color:#ccc;border-radius:2em;padding:4px 16px;transition:.25s ease-in-out}.compo-2A-reference .ref-block a:hover{background-color:#1a73e8;color:#3b405a}.compo-3-type-a{margin:0 calc(-50vw - -50%);padding:80px 0;text-align:center}.compo-3-type-a img{margin:0 auto;max-width:80%}.compo-3-type-b{margin:24px 40px}.compo-3-type-b .content-left h2{font-size:48px;font-weight:500;line-height:1.2;margin-bottom:24px;margin-top:40px}.compo-3-type-b .content-left p{color:#585858;font-size:1.125em;line-height:1.4}.compo-3-type-b .content-right{text-align:center}.compo-3-type-b .content-right img{border-radius:.8em;margin:40px auto;width:100%}.compo-3-type-c{margin:24px 40px}.compo-3-type-c .grid-container{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,1fr)}.compo-3-type-c .grid-item{text-align:center}.compo-3-type-c .grid-item img{border-radius:.8em;margin-bottom:10px;width:100%}.compo-3-type-c .grid-item h3{font-size:1em;font-weight:500;margin-bottom:6px}.compo-3-type-c .grid-item p{color:#585858;font-size:.92em;line-height:1.4}.compo-3-type-d{margin:24px 40px}.compo-3-type-d .grid-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr)}.compo-3-type-d .grid-item{text-align:center}.compo-3-type-d .grid-item img{border-radius:.8em;margin-bottom:10px;width:80%}.compo-3-type-d .grid-item h3{font-size:1em;font-weight:500;margin-bottom:6px}.compo-3-type-d .grid-item p{color:#585858;font-size:.92em;line-height:1.4}.compo-4-tilted{grid-gap:80px;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:24px;padding:80px;width:100%}.compo-4-tilted .tilted-text{margin:24px;transform:rotate(-2deg)}.compo-4-tilted .tilted-text h2{font-size:48px;font-weight:500;line-height:1.2;margin-bottom:24px;opacity:1}.compo-4-tilted .tilted-text p{font-size:1.125em;line-height:1.4}.compo-4-tilted .tilted-image img{border-radius:.8em;width:100%}.compo-5-service{margin:80px 40px}.compo-5-service h2{font-size:48px;font-weight:500;line-height:1.2;margin-bottom:24px;opacity:1}.compo-5-service h3,.compo-5-service h4{color:#585858;font-size:28px;font-weight:500;line-height:1.2;margin-bottom:24px;opacity:1}.compo-5-service .service-description{margin-bottom:24px;width:80%}.compo-5-service .service-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.compo-5-service .service-item{background:#e5e5e5;border-radius:.8em;padding:24px}.compo-5-service .service-item h3{font-size:1.125em;font-weight:500;margin-bottom:10px}.compo-5-service .service-item p{color:#585858;font-size:.98em;line-height:1.4}.compo-5-service.extension{margin-top:-40px}.compo-6-image-stats{margin:40px}.compo-6-image-stats h2{font-size:48px}.compo-6-image-stats h2,.compo-6-image-stats h3{font-weight:500;line-height:1.2;margin-bottom:24px;opacity:1}.compo-6-image-stats h3{color:#757575;font-size:28px;width:80%}.compo-6-image-stats>p{color:#585858;font-size:1em;line-height:1.4;margin-bottom:10px;width:80%}.compo-6-image-stats img{border-radius:.8em;margin:40px auto;width:100%}.compo-6-image-stats .stats-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);justify-content:center;padding:0 24px}.compo-6-image-stats .stats-row .stat-item h3{color:#1a73e8;font-size:1.5em;font-weight:500;margin-bottom:24px;margin-top:24px}.image-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin:auto auto 24px}.image-grid img{margin:0}.compo-7-simple-hero{grid-gap:80px;display:grid;gap:80px;grid-template-columns:1fr 2fr;margin:80px 40px}.compo-7-simple-hero .content-left h2{font-size:1.5em;font-weight:500;line-height:1.2;margin-bottom:14px;opacity:1}.compo-7-simple-hero .content-left p{color:#585858;line-height:1.4}.compo-7-simple-hero .content-right img{border-radius:.8em;width:100%}.compo-7-simple-hero:hover .content-right img{transform:scale(1.05);transition:transform .25s ease-in-out}.compo-8-icon-stats{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start;margin:80px 40px}.compo-8-icon-stats .icon-stat-block{flex:1 1;min-width:200px;text-align:left}.compo-8-icon-stats .icon-stat-block .stat-icon{height:64px;margin-bottom:14px}.compo-8-icon-stats .icon-stat-block h3{font-size:1.125em;font-weight:500;margin:6px 0}.compo-8-icon-stats .icon-stat-block p{color:#585858;line-height:1.4;margin:0}.compo-9-text{margin:40px;width:80%}.compo-9-text h2{font-size:48px;font-weight:500;line-height:1.2;margin-bottom:24px;margin-top:0;opacity:1}.compo-9-text p{color:#585858;display:block;line-height:1.4;margin-bottom:24px}.compo-10-footer{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1400px;padding:80px;width:90%}.compo-10-footer .footer-project{background-color:#e5e5e5;border-radius:.8em;color:inherit;display:block;padding:24px;text-decoration:none;transition:transform .25s ease-in-out}.compo-10-footer .footer-project:hover{transform:translateY(-4px)}.compo-10-footer .footer-project .footer-content h3{font-size:1.125em;font-weight:500;margin-bottom:6px}.compo-10-footer .footer-project .footer-content p{color:#585858;font-size:.98em;line-height:1.4}.compo-11-prototype{border-radius:.8em;margin:40px auto;overflow:hidden;padding:40px;width:100%}.compo-11-prototype video{border-radius:.8em;object-fit:cover;width:100%}.compo-12-prototype{margin:-60px auto 80px 40px}.img-size-small{width:50%!important}.img-size-normal{width:100%!important}.img-size-large{width:120%!important}.img-padding-none{padding:0!important}.img-padding-small{padding:10px!important}.img-padding-medium{padding:24px!important}.img-padding-large{padding:80px!important}@media(max-width:1024px){.project-layout{flex-direction:column;overflow-x:hidden;padding-right:0}.side-menu{background:#f9f9f9;border-bottom:1px solid #e5e5e5;padding:14px 24px;position:relative;top:0;width:100%}.side-menu nav ul{-webkit-overflow-scrolling:touch;display:flex;gap:14px;overflow-x:auto}.side-menu nav ul::-webkit-scrollbar{display:none}.side-menu nav li{margin:0;white-space:nowrap}.side-menu nav button:before{display:none}.project-content{padding:0 14px;width:100%}.compo-1-hero,.compo-3-type-b,.compo-4-tilted,.compo-7-simple-hero{gap:24px;grid-template-columns:1fr}.compo-1-hero .c-1-right,.compo-7-simple-hero .content-right{position:relative;top:0}.compo-1-hero .c-1-left h1,.compo-3-type-b .content-left h2,.compo-4-tilted .tilted-text h2,.compo-5-service h2,.compo-6-image-stats h2,.compo-9-text h2{font-size:38px}.compo-2-stat,.compo-8-icon-stats{flex-direction:column;gap:24px}.compo-3-type-c .grid-container{grid-template-columns:repeat(3,1fr)}.compo-4-tilted .tilted-text{transform:rotate(0deg)}.compo-10-footer{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.side-menu{padding:10px 14px}.project-content{padding:0 10px}.compo-1-hero,.compo-2-stat,.compo-3-type-b,.compo-5-service,.compo-6-image-stats,.compo-9-text{margin:24px 10px;padding:14px}.compo-1-hero .c-1-left h1{font-size:32px}.compo-3-type-c .grid-container,.compo-3-type-d .grid-container{grid-template-columns:repeat(2,1fr)}.compo-10-footer,.compo-2A-ref,.compo-5-service .service-grid,.compo-6-image-stats .stats-row,.image-grid{grid-template-columns:1fr}.service-description{width:100%}}@media(max-width:480px){.project-content{padding:0}.compo-1-hero,.compo-10-footer,.compo-2-stat,.compo-3-type-b,.compo-3-type-c,.compo-5-service,.compo-6-image-stats,.compo-9-text{margin:14px 6px;padding:10px}.compo-1-hero .c-1-left h1{font-size:28px;margin-top:14px}.compo-1-hero .c-1-right img{width:100%}.compo-3-type-c .grid-container,.compo-3-type-d .grid-container{grid-template-columns:1fr}.img-size-large,.img-size-normal,.img-size-small{width:100%!important}.img-padding-large,.img-padding-medium{padding:10px!important}.compo-6-image-stats h3,.compo-6-image-stats>p,.compo-9-text{width:100%}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.compo-7-simple-hero:hover .content-right img{transform:none}}.navbar{background-color:#f9f9f9;left:0;padding:14px 80px;position:fixed;right:0;top:0;transform:translateY(0);transition:transform .4s ease-in-out,background-color .25s ease-in-out;width:100%;z-index:400}.navbar.dark-mode{background-color:#222;border-bottom-color:#444}.navbar.dark-mode .mobile-menu-link,.navbar.dark-mode .navbar-link,.navbar.dark-mode .signature-title{color:#fff}.navbar.dark-mode .theme-toggle{border-color:#585858;color:#fff}.navbar.dark-mode .hamburger-toggle{color:#fff}.navbar.dark-mode .mobile-menu{background-color:#222}.navbar-hidden{transform:translateY(-100%)}.navbar-container{align-items:center;gap:24px;margin:0 auto;max-width:1400px;padding:0 24px}.navbar-brand{color:#1a73e8;font-size:1.5em;font-weight:700;text-decoration:none;transition:color .15s ease-in-out}.navbar-menu{border-radius:.8em;display:flex;font-size:.92em;font-weight:200;gap:40px;list-style:none;margin:0;z-index:400}.navbar-link{color:#222;font-weight:500;padding:6px 0;position:relative;text-decoration:none;transition:color .25s ease-in-out}.navbar-link:after{background-color:#1a73e8;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .25s ease-in-out;width:0}.navbar-link:hover{color:#1a73e8}.navbar-link:hover:after{animation:slideLeftRight .5s ease-in-out infinite alternate;width:100%}@keyframes slideLeftRight{0%{transform:translateX(0)}to{transform:translateX(4px)}}.banana{height:32px;width:32px}.signature-title{color:#444;display:flex;font-family:Chango,sans-serif;font-size:1.8em;font-weight:700;gap:10px;text-decoration:none;transition:all .15s ease-in-out}.signature-title:hover{color:#1a73e8;transform:scale(1.05)}.navbar-actions{gap:14px}.navbar-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;border:2px solid #ccc;border-radius:.8em;color:currentColor;cursor:pointer;justify-content:center;padding:6px;transition:all .15s ease-in-out}.theme-toggle:hover{border-color:#1a73e8;transform:scale(1.05)}.theme-toggle:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}.hamburger-toggle{background:none;border:none;color:currentColor;cursor:pointer;display:none;padding:6px;transition:transform .15s ease-in-out}.hamburger-toggle:hover{transform:scale(1.1)}.hamburger-toggle:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}.mobile-menu{background-color:#fff;max-height:0;overflow:hidden;transition:max-height .4s ease-in-out}.mobile-menu.open{max-height:400px}.mobile-menu-list{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:24px}.mobile-menu-link{color:#222;display:block;font-size:1em;font-weight:500;padding:10px 0;text-decoration:none;transition:color .15s ease-in-out}.mobile-menu-link:hover{color:#1a73e8}@media(max-width:1024px){.navbar-container{padding:0 14px}.navbar-menu{gap:24px}}@media(max-width:768px){.navbar-menu{display:none}.hamburger-toggle{display:flex}}img{display:block;height:auto;max-width:100%}.card-link{color:inherit;display:block;height:100%;text-decoration:none}.project-card-container{border-radius:.8em;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:14px;position:relative;transition:transform 1.2s cubic-bezier(.4,0,.2,1),box-shadow 1.2s cubic-bezier(.4,0,.2,1);z-index:90}.project-card-container:hover{border-radius:10em 10em 0 0;box-shadow:0 8px 24px #00000026;clip-path:inset(-100px 0 0 0);overflow:visible;transform:translateY(-4px)}.project-card-container:hover .project-popup-details{bottom:0}.project-card-container:hover .project-popup-details h2{color:#f9f9f9;font-size:1.5em;font-weight:700}.project-card-container:hover .card-footer{z-index:301}.project-card-container:hover .arrow-icon{color:#fff;display:block;transform:translate(4px,-4px);transform:translateY(0)}.project-card-container:hover .decorative-text{opacity:1;transform:translateY(0)}.project-card-container:hover .decorative-text p{color:#fff}.project-card-container:hover .project-tag,.project-card-container:hover .project-title{animation:fade 1s 1 forwards}.project-card-container:hover .backdrop-title{animation:goose 2s;display:block}.project-card-container:focus-within{outline:2px solid #1a73e8;outline-offset:2px}.backdrop-title{color:#f9f9f9;display:none;font-size:300px;font-weight:900;opacity:.1;top:-60px}.backdrop-title,.project-title{left:50%;position:absolute;transform:translateX(-50%)}.project-title{font-family:Geologica,Courier,monospace;text-align:center;top:24px;width:100%;z-index:200}.project-title p{color:#fff;font-size:1em;margin-bottom:.1em}.project-title h2{color:#f9f9f9;font-size:2.2em;font-weight:#fff}.project-title .project-tag{align-items:center;background-color:#f9f9f9;border-radius:50em;color:#222;display:inline-block;font-size:.98em;line-height:1.2;max-width:100%;padding:4px 10px;white-space:normal;word-break:break-word;z-index:200}.project-thumbnail{border-radius:0;bottom:4%;height:auto;left:50%;max-width:400px;object-fit:contain;position:absolute;transform:translateX(-50%);transition:transform 1.2s cubic-bezier(.4,0,.2,1),top 1.2s cubic-bezier(.4,0,.2,1);width:46%;z-index:50}.project-card-container:hover .project-thumbnail{transform:translateX(-50%) scale(1.2) translateY(-20%);z-index:100}.project-popup-details{background:#444;border-radius:2em 2em 0 0;bottom:-100%;color:#fff;left:0;padding:24px;position:absolute;right:0;transition:bottom 1.2s cubic-bezier(.4,0,.2,1);z-index:300}.project-popup-details h2{font-size:1.125em;margin-bottom:10px}.project-popup-details p{font-size:1rem;line-height:1.4;margin-bottom:14px}.skills-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0}.skill-tag{background-color:#f9f9f9;border-radius:50em;color:#222;font-size:.87em;font-weight:500;padding:6px 10px}.card-footer{align-items:center;bottom:10px;display:flex;gap:6px;position:absolute;right:10px;transition:z-index .25s ease-in-out;z-index:0}.arrow-icon{color:#222;display:none;transition:transform .25s ease-in-out}.decorative-text{opacity:0;transform:translateY(10px);transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.4,0,.2,1)}.decorative-text p{color:#222;font-size:.92em;font-weight:700;letter-spacing:2px}@media screen and (max-width:1000px){.project-tag,.project-thumbnail,.project-title{display:block;position:relative}.project-popup-details{bottom:0;position:absolute;width:100%}.project-thumbnail{width:70%}.project-tag{display:none}}@keyframes fade{0%{opacity:1}to{opacity:0}}@keyframes goose{0%{top:100px}to{top:-60px}}@keyframes duck{0%{top:0}to{top:100}}@media screen and (max-width:800px){.project-thumbnail{bottom:-5%}}.footer{background-color:#f9f9f9;padding:80px;transition:all .25s ease-in-out}.footer.dark-mode{background:#222}.footer.dark-mode .footer-container .footer-message p,.footer.dark-mode .social-icon,.footer.dark-mode p{color:#fff}.footer.dark-mode .footer-links a{color:#444}.footer-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.footer-container p{color:#585858;font-size:.98em}.footer-links{text-align:right}.footer-links a{color:#444;font-size:.98em;text-decoration:none;transition:color .15s ease-in-out}.footer-links a:hover{color:#1a73e8}.footer-links .social-icon{color:#fff}.social-panel{display:flex;gap:10px}.social-icon{align-items:center;background:none;border:2px solid #ccc;border-radius:.8em;color:currentColor;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .15s ease-in-out}.social-icon:hover{border-color:#1a73e8;transform:scale(1.05)}.social-icon:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}@media(max-width:768px){footer{margin:0;padding:14px 0;position:relative}.footer-container{align-items:center;display:flex;flex-direction:column;gap:6px;margin:0;padding:0;position:static;transform:none;width:100%}.footer-links,.footer-message{margin:0;padding:0;text-align:center}.social-panel{margin:6px 0}}.navbar-container{display:flex;justify-content:space-between;position:relative}@media screen and (min-width:1600px){.navbar-container{top:30px}}.signature h2{-webkit-background-clip:text;background-clip:text;background-image:repeating-linear-gradient(-45deg,#cedaeb,#cedaeb 2px,#8ea1ba 3px,#adb9ca 0);color:#0000;display:flex;font-family:Rubik Mono One,monospace;justify-content:start}@keyframes jump{0%{transform:translateX(0)}to{transform:translateX(2.5%)}}@keyframes jumping{0%{transform:translateY(0)}to{transform:translateY(1%)}}@keyframes jump2{0%{transform:translateX(-1.5%)}to{transform:translateX(0)}}#nav{display:block}.active{font-weight:800}.sections{align-items:center;background-color:#f3f3f3e3;border-radius:50em;display:flex;gap:60px;margin:auto;padding:10px 40px;z-index:900}#section_navigator{display:flex;justify-content:space-between;left:0;margin:auto 68px;position:fixed;right:0;z-index:900}#section{align-items:center;display:inline-flex;font-size:15px;margin:auto;text-align:center}#nav:hover,#section:hover{animation:jump 3s;color:#195eff}.menu-short{align-items:center;background-color:#f3f3f3e3;border-radius:50em;display:flex;flex-wrap:wrap;font-size:15px;gap:60px;line-height:18px;margin:20px auto;padding:0 40px}.card-container:first-child .card-p-detail{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fff9;border-radius:.8em;width:260px}.card-container:first-child .card-p-detail,.card-container:not(:first-child) .card-p-detail{margin:auto;padding:6px 30px;position:absolute;text-align:left;transform:translate(-120%);z-index:100}.card-container:not(:first-child) .card-p-detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;border:1px solid #fff6;border-radius:.8em;width:230px}.card-container:first-child:hover .card-p-detail{animation:cardin1 2s;transform:translate(-10%,216%)}.card-container:not(:first-child):hover .card-p-detail{animation:cardin2 2s;transform:translate(-10%,40%)}@keyframes cardin1{0%{transform:translate(-120%,216%)}to{transform:translate(-10%,216%)}}@keyframes cardin2{0%{transform:translate(-120%,40%)}to{transform:translate(-10%,40%)}}#project-thumbnail{object-fit:contain;object-position:center;width:100%}.card-container:first-child .img-container{display:flex;height:auto;max-width:420px;overflow:hidden;position:relative;transform:translateX(5%);width:80%}.card-container:not(:first-child) .img-container{display:flex;height:auto;max-width:420px;overflow:hidden;position:relative;width:56%}.card-container{border-radius:.8em;height:230px;overflow:hidden;padding:24px;text-align:center}.card-container:first-child{background:#6e72ff;background:radial-gradient(at right bottom,#6e72ff,#2476ff)}.card-container:nth-child(2){background:#fff51e;background:linear-gradient(135deg,#fff51e,#acff32)}.card-wraper{color:#494949;text-decoration:none}.card-title{display:flex;justify-content:space-between}.card-title p{margin-top:0}#special-title{font-family:Geologica,sans-serif}.card-slide-in{background-color:#ebebebcc;border-radius:.8em;margin:auto;padding:6px 16px;width:230px;z-index:400}.card-slide-in h3{line-height:16px;padding-left:10px}.card-slide-in p{font-size:14px;padding-left:10px}.chips{display:flex;gap:6px;justify-content:start;margin-top:-10px}#chip{background-color:#fff;border-radius:50em;font-size:12px;margin-top:2px;padding:2px 18px}#arrow{display:none}.card-container:hover #arrow path{animation:flying 3s linear infinite}.card-container:hover .card-title{animation:fadeGone 2s;opacity:0}.card-container:first-child{grid-column:1/3;grid-row:1/3;height:550px}.card-container:nth-child(2),.card-container:nth-child(3){grid-column:3/-1}@keyframes flying{0%{transform:translate(-30px,30px)}to{transform:translate(30px,-30px)}}.card-container:not(:first-child):hover .card-slide-in{animation:slide-in .8s linear;opacity:1;transform:translateY(-286%);z-index:100}.card-container:hover #arrow{fill:#fff;background-color:#939393;border-radius:50em;display:flex;justify-content:end;padding:6px}.img-container h2{display:none}#project-banner-img:first-child{display:flex;margin:4% auto auto;padding:auto;position:relative;text-align:center;vertical-align:middle;z-index:30}#project-banner-img:not(:first-child){margin-top:-20px}@media screen and (min-width:1600px){#project-banner-img:first-child{margin:-4% auto auto}}.card-container:hover #bgText{transform:translateX(146%);transform:translateY(-36%)}.card-container:hover #bgText,.card-container:not(:first-child):hover #bgText{animation:slideup 2s;animation:textup 2s;display:flex;margin:auto;opacity:.2;position:absolute;z-index:20}.card-container:not(:first-child):hover #bgText{transform:translateX(146%);transform:translateY(-50%)}.card-container:first-child:hover #project-banner-img{animation:slidedown 2s;display:flex;position:relative;transform:translateY(10%)}.card-container:not(:first-child):hover #project-banner-img{animation:slideside 2s;display:flex;position:relative;transform:translate(40%,-10%);z-index:500}@keyframes textup{0%{opacity:0}to{opacity:.2}}@keyframes slideup{0%{transform:translate(0)}to{transform:translate(-10%,-10%)}}@keyframes slidedown{0%{transform:translateY(0)}to{transform:translateY(10%)}}@keyframes slideside{0%{transform:translate(0)}to{transform:translate(40%,-10%)}}@keyframes slide-in{0%{transform:translateY(-206%)}to{transform:translateY(-286%)}}@keyframes slide-in2{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translateY(-73%)}}.footer-desktop{display:grid;grid-template-columns:1fr 1fr 1fr;margin:120px auto 20px}.footer-container-mb{display:none}.ft-l{display:block;justify-content:start}.ft-m,.ft-r{text-align:right}.ft-r{line-height:8px}.button-standard{background-color:#494949;border-radius:50em;color:#fff;display:inline-block;font-size:15px;line-height:30px;margin:12px 2px;padding:0 16px;text-decoration:none}.line{border-bottom:1.4px solid #b3b3b3;margin:6px 0}.button-standard:hover,.card-container:hover{box-shadow:10px 20px 20px #f0f0f0}.card-container:hover{outline:14px solid #fff}.button-standard:hover{animation:jump2 2s;box-shadow:10px 20px 20px #f0f0f0}.connect{display:"flex";gap:"10px";justify-content:"end"}body#banner{margin:-20px -138px 0;position:relative}.top-container{margin:auto 138px;overflow:hidden;padding-top:20px;position:relative}#banner-product_mb{display:none}@keyframes jump-in{0%{transform:translateY(-5%)}to{transform:translateY(0)}}@keyframes fade-opa{0%{transform:opacity(.7)}to{transform:opacity(1)}}.project-header-title{color:#494949;font-size:80px;font-weight:600;line-height:90px;margin:auto;vertical-align:middle}.project-header-headline{color:#494949;font-size:22px;font-weight:400;line-height:38px;margin:20px 0 40px}.hero-banner-wraper{margin-top:180px;position:relative}.text-wrapper-project{animation:aLittleJump 2s;color:#939393;margin-bottom:80px;margin-top:160px;text-align:left;width:80%}@media screen and (min-width:1600px){.text-wrapper-project{margin-top:180px}}.banner-products{background-image:linear-gradient(90deg,#006aff,#f8f3ff 59%,#fff);margin:-50px 0 0;padding:60px 138px;position:fixed;right:0;top:180px;transition:right 1s ease-in-out;width:100%;width:30%;z-index:90}#banner-product{animation:fade-opa 3s;display:flex;justify-content:center;margin:0 auto 0 20px;position:relative;width:100%;z-index:90}#rotate{animation:spin 30s infinite;margin:80px 0 0 160px;position:absolute;scale:1.1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}text{border:1px #939393}.bannerTags{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;left:50%;margin:auto auto 40px}.bannerTag{background-color:#4f84e71a;border-radius:50em;color:#505050;font-size:12px;padding:6px 18px}.project-navs{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr 1fr;position:relative;text-align:center}#project-nav-link,.project-nav{background-color:#494949;border-radius:.8em;color:#fff;line-height:18px}.project-nav{font-size:24px;height:140px;line-height:28px;padding:40px;position:relative}.project-nav h3{font-weight:600;left:30px;position:absolute;top:0}.project-nav p{bottom:0;left:30px;position:absolute}.project-nav:hover,.project-nav:hover #project-nav-link,.project-nav:hover .project-nav h3{background-color:#cfcfcf;color:#0062ff}.project-nav:hover{box-shadow:10px 20px 20px #f3f3f3;outline:12px solid #fff}.cookie-popup-contianer{background-color:#f6f6f6f0;bottom:0;left:0;margin:auto;padding:6px;position:fixed;width:100%;z-index:900}.notice{display:flex;justify-content:space-between;margin:auto;vertical-align:middle}.notice-l{display:flex;margin-left:138px}.notice-l img{width:4.2%}.notice-r{display:flex;gap:12px;justify-content:end;margin:auto 138px auto auto;vertical-align:middle}.notice p{color:#494949;font-size:14px}#allow{background-color:#0966ff;border-radius:100em;color:#fff;padding:5px 20px}#allow,#close{font-size:14px;margin:auto;vertical-align:middle}#close{border:1.8px solid #696969;border-radius:100em;padding:3.6px 20px}#allow:active~.notice-l{background-color:#ff9809}@media screen and (min-width:1600px){#banner-product{margin:0 auto 0 20px;width:88%}#rotate{margin:80px 0 0 160px;position:absolute}#project-banner-img{scale:.8}.card-container:hover .img-container h2{transform:translateY(-36%)}}@media screen and (max-width:1100px){body{margin:24px 48px auto}Link,a{font-size:14px}#nav:nth-child(2),#nav:nth-child(3){display:none}.menu{gap:42px;margin:auto 0 auto auto;padding:8px 32px}.card-container{margin-left:-24px;margin-right:-24px;margin-top:40px}.footer-desktop{display:none}.footer-container-mb{background-color:#ccc;border-radius:.8em .8em 0 0;display:block;margin:60px -20px -20px;padding:12px;position:relative}.ft-l{display:none}.ft-m,.ft-r{text-align:center}.ft-r{line-height:8px}body#banner{margin:-30px -60px 0;padding-top:10px}.top-container{margin:auto 60px;overflow:hidden;padding-top:20px}.hero-banner-container{grid-template-columns:1fr;margin:60px 0 0;padding-bottom:0}.text-wrapper{margin:auto}#banner-product{display:none}#banner-product_mb{display:block;margin:auto;text-align:center;width:90%}#banner-images{background:none}#rotate{display:none}.project-header-title{font-size:42px;font-weight:700;text-align:center}.project-header-headline{font-size:16px;line-height:22px;margin:20px 0 30px}.tags{display:none}.bannerTags{display:flex;gap:6px;justify-content:center;margin:auto auto 40px}#section_navigator{display:none}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9f9f9;color:#3a4459;font-family:Geologica,sans-serif;font-size:.98em;line-height:1.4;transition:background-color .25s ease-in-out,color .25s ease-in-out}.homepage{color:#222;min-height:100vh;padding:0;transition:all .25s ease-in-out}.homepage.dark-mode{background-color:#222;color:#fff}.homepage.dark-mode .navbar{background-color:#222;border-bottom-color:#444}.homepage.dark-mode .navbar-brand,.homepage.dark-mode .navbar-link,.homepage.dark-mode .signature-title{color:#fff}.homepage.dark-mode .project-card-container{box-shadow:0 2px 8px #ffffff1a}.homepage.dark-mode .footer{background-color:#222;border-top-color:#444}.homepage.dark-mode .intro-content>h1,.homepage.dark-mode p{color:#f9f9f9}.homepage.dark-mode .stat-block p{color:#ccc}.homepage.dark-mode .project-title p{color:#222}.homepage.dark-mode h2{color:#fff}.intro{justify-content:center;margin:0 auto;max-width:1400px;padding:10em 6em 40px}.two-columns-intro-message{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:2fr 1fr}.intro-content h1{color:#585858;font-size:62px;font-weight:500;letter-spacing:-.04em;line-height:1.2;margin-bottom:24px}.intro-content b{color:#1a73e8}.intro-content>p{color:#585858;font-size:1.125em;margin-bottom:40px;max-width:60%}.three-columns-grid-block{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-top:40px;width:72%}.stat-block h3{color:#757575;font-size:1.5em;margin-bottom:6px}.stat-block p{color:#585858;font-size:.92em}.intro-image{align-items:center;display:flex;justify-content:center}.intro-image img{width:100%}.placeholder-image{align-items:center;background:linear-gradient(135deg,#1a73e8,#9333ea);border-radius:.8em;color:#fff;display:flex;font-size:1.5em;font-weight:700;height:400px;justify-content:center;width:100%}.main-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,84vh);margin:auto;max-width:1400px;padding:40px 6em}.case-studies-container{margin:auto;max-width:1400px;padding:80px 6em 24px}.case-studies-container h2{color:#585858;font-size:48px;font-weight:500;grid-column:1/-1;letter-spacing:-.04em;line-height:1.2;margin-bottom:10px}.about-brann-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:auto;max-width:1400px;padding:80px 6em;position:relative}.about-brann-container h2{color:#585858;font-size:48px;font-weight:500;grid-column:1/-1;letter-spacing:-.04em;line-height:1.2;margin-bottom:-24px}.about-brann-container p{font-size:1em}.about-brann-container .about-me-photo{margin:auto;text-align:center;width:100%}h1,h2{opacity:0;transform:translateY(30px);transition:all .6s ease-out}h1.show,h2.show{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){h1,h2{opacity:1!important;transform:none!important}}h1.animate-in,h2.animate-in{opacity:1;transform:translateY(0)}@keyframes jumpIn{0%{opacity:0;transform:translateY(30px)}60%{transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}h1.animate-in,h2.animate-in{animation:jumpIn .6s ease-out forwards}@media(min-width:1700px){.main-grid{grid-template-rows:repeat(3,620px)}}@media(max-width:1024px){.about-brann-container,.case-studies-container,.intro,.main-grid{padding-left:40px;padding-right:40px}.two-columns-intro-message{display:flex;flex-direction:column-reverse;gap:14px}.main-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(auto-fit,84vh)}.main-grid>.card-link:first-child,.main-grid>.card-link:nth-child(2),.main-grid>.card-link:nth-child(3),.main-grid>.card-link:nth-child(4),.main-grid>.card-link:nth-child(5),.main-grid>.card-link:nth-child(6),.main-grid>.card-link:nth-child(7),.main-grid>.card-link:nth-child(8),.main-grid>.card-link:nth-child(9){grid-column:auto;grid-row:auto}}@media(max-width:768px){.about-brann-container,.case-studies-container,.intro,.main-grid{padding-left:14px;padding-right:14px}.intro{padding-top:6em}.intro-content h1{font-size:2.2em}.intro-content>p{max-width:100%}.three-columns-grid-block{grid-template-columns:1fr;width:100%}.main-grid{gap:14px;grid-template-columns:1fr;grid-template-rows:auto}.project-card-container{height:90vh}.about-brann-container{grid-template-columns:1fr}#about{display:none}}@media(max-width:480px){.about-brann-container,.case-studies-container,.intro,.main-grid{padding-left:24px;padding-right:24px}.intro{padding-top:4em}.intro-content h1{font-size:1.5em}.project-card-container{min-height:250px}}@media(max-width:375px){.about-brann-container,.case-studies-container,.intro,.main-grid{padding-left:6px;padding-right:6px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a:focus-visible,button:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.card-link,.navbar-link,.theme-toggle,a,body,button,input,select,textarea{cursor:none!important}.custom-cursor{background:radial-gradient(circle,#1a73e8cc 0,#1a73e866 50%,#1a73e81a 100%);border-radius:50%;filter:blur(.5px);height:20px;mix-blend-mode:normal;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:width .15s ease-in-out,height .15s ease-in-out;width:20px;z-index:9999}.custom-cursor.hovered{background:radial-gradient(circle,#f59e0be6 0,#f59e0b80 50%,#f59e0b1a 100%);height:30px;width:30px}.custom-cursor.clicked{background:radial-gradient(circle,#1a73e8 0,#1a73e899 50%,#1a73e833 100%);height:40px;width:40px}.card-link:hover~.custom-cursor,.navbar-link:hover~.custom-cursor,a:hover~.custom-cursor,button:hover~.custom-cursor{background:radial-gradient(circle,#9333eae6 0,#9333ea80 50%,#9333ea1a 100%);height:30px;width:30px}.timeline-wrapper{align-items:center;display:flex;font-family:Geologica,sans-serif;justify-content:center;margin-left:20vw;max-height:100vh;padding-top:24px}.timeline-wrapper.dark-mode{background:#222}.timeline-wrapper.dark-mode .timeline-title{color:#fff}.timeline-wrapper.dark-mode .timeline-line{background:#585858}.timeline-wrapper.dark-mode .timeline-year{color:#f9f9f9}.timeline-wrapper.dark-mode .timeline-year.hovered{color:#1a73e8}.timeline-wrapper.dark-mode .mile-stone-header{color:#fff}.timeline-wrapper.dark-mode .timeline-icon{background:#444}.timeline-wrapper.dark-mode .timeline-icon.hovered{background:#1a73e8}.timeline-wrapper.dark-mode .bio-placeholder{color:#757575}.timeline-wrapper.dark-mode .timeline-content h3{color:#fff}.timeline-wrapper.dark-mode .timeline-content p{color:#e5e5e5}.timeline-inner{max-width:1200px;width:100%}.timeline-title{color:#34363c;font-size:2.25em;font-weight:700;margin-bottom:3rem;text-align:center}.timeline-container{display:flex;height:80vh;max-height:800px;position:relative}.timeline-left{flex-shrink:0;position:relative;width:20%}.timeline-line{background:#e5e5e5;bottom:0;left:92px;position:absolute;top:0;width:1px}.timeline-items{display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative}.timeline-item{align-items:center;display:flex;gap:1rem}.timeline-year{color:#757575;font-size:.87em;text-align:right;transition:color .25s ease-in-out;width:60px}.timeline-year.hovered{color:#1a73e8}.timeline-icon{align-items:center;background:#fff;border-radius:.8em;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:32px;justify-content:center;padding:8px;position:relative;transition:all .25s ease-in-out;width:32px;z-index:200}.timeline-icon svg{color:#1a73e8;transition:color .25s ease-in-out}.timeline-icon.hovered{background:#1a73e8;box-shadow:0 4px 12px #1a73e84d}.timeline-icon.hovered svg{color:#fff}.timeline-right{flex:1 1;position:relative}.timeline-content-wrapper{max-width:500px;width:100%}.about-img{margin-top:24px}.bio-placeholder{color:#585858;font-size:1em}.bio-placeholder p{margin-bottom:24px}.timeline-content{animation:fadeIn .3s ease;color:#757575;max-width:500px;width:100%}.timeline-content h3{font-size:1.5em;font-weight:500;margin-bottom:.75rem}.timeline-content p{color:#3a4459;font-size:1em;line-height:1.4;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@media(max-width:768px){.timeline-container{flex-direction:column}.timeline-left{margin-bottom:2rem;width:100%}.timeline-line{left:80px}.timeline-right{padding-left:0;padding-top:1rem}.timeline-year{font-size:.92em;width:50px}.timeline-icon{height:40px;width:40px}.timeline-icon svg{height:20px;width:20px}.timeline-content{margin-top:0;position:static;transform:none}.bio-placeholder{font-size:.98em}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;margin:0;padding:0}@media (max-width:768px){body{overflow-x:hidden}}.desktop{margin:0}.text-wrapper{animation:aLittleJump 2s;color:#34363c;text-align:left;width:80%}#landing_title{font-family:Geologica,sans-serif;font-size:90px;font-weight:800;line-height:94px;margin:-20px auto;position:relative;z-index:20}#landing_intro{font-size:22px;font-weight:400;line-height:42px;position:relative;z-index:20}.banner-avartar{margin:auto}#brann_avartar,.banner-avartar{display:flex;justify-content:center}#brann_avartar{animation:aLittleSlide 2s;opacity:.9;position:absolute;top:20px;vertical-align:middle;width:32%;z-index:100}#cloud{animation:slide 30s infinite;position:absolute;top:90px;z-index:1}@keyframes slide{0%{opacity:.3;transform:translateX(0)}to{opacity:.8;transform:translateX(1100px)}}.tags{display:flex;gap:10px;margin:0;padding:0}.tag{align-items:center;background-color:#4f84e71a;border-radius:999px;color:#343a40;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;line-height:1;padding:12px 14px}.project-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr);margin:80px 0}.stories,.story{position:relative}#Research{background-color:#e4e4e4;padding:160px 0 80px}#Research,#Testing-Wireframes{margin-top:0;position:relative}#Testing-Wireframes{background-color:#5e5e5e;padding:80px 0}.mobile{display:none}@media screen and (max-width:768px){.project-container{gap:20px;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1100px){body{margin:0;padding:0}p{font-size:14px}.text-wrapper{width:100%}.banner-container{display:block;margin:0}#brann_avartar,#cloud{display:none}#landing_title{font-size:48px;font-weight:800;line-height:62px;margin:-20px auto}#landing_intro{font-size:18px;font-weight:400;line-height:36px}.project-container{display:block;margin:20px 0}.tag{background-color:#4f84e71a;border-radius:50em;color:#505050;font-size:12px;padding:3px 10px}.desktop{display:none}.mobile{display:block}#Research,#Testing-Wireframes{padding:80px 20px}}#profile-picture{align-items:center;border-radius:50%;display:flex;filter:brightness(1.25);margin:10px auto;text-align:center;width:15%}.aboutme-frames{display:grid;justify-content:center;margin-top:62px;position:relative}.aboutme-frames img{margin:auto;text-align:center;width:80%}.aboutme-frames h1{font-size:24px;margin:10px auto}.aboutme-frames h2{font-size:140px}.aboutme-frames h4{font-size:24px}.aboutme-frames p{font-size:16px;line-height:24px;text-align:center}.about-span{display:inline-flex;justify-content:center;margin:20px auto 100px}#brann{color:#868686;font-family:Rubik Mono One,monospace;font-weight:400;margin:auto 65px;rotate:-18deg}#brann:hover{animation:text-jump 1s;color:#355ded}@keyframes text-jump{0%{transform:translateX(-10%)}to{color:#355ded;transform:translateX(0)}}#ab-detail{display:none}#ab-detail h4{font-size:30px;font-weight:700;text-align:left}#ab-detail p{text-align:left;width:260px}#about-detail:hover #ab-detail{animation:cardDetail 2s;color:#355ded;display:block}#ab-foot{margin-top:100px}#ab-foot:hover{animation:slide 1s}.about-small-detail{display:flex;gap:30px;margin:auto;vertical-align:middle;width:100%}.about-small-detail p{border-radius:5em;padding:20px}#ab-sd-left{justify-content:start}#ab-sd-right{justify-content:end}#ab-det-yellow{background-color:#555;color:#fff}#ab-det-red{background-color:#d2d2d2}.intro-self p{font-size:18px;line-height:28px;padding:1em;text-align:left}#mobile-aboutme{display:none}#me-title{display:inline-flex}#me-title h4{margin-left:6px;margin-top:-3px}#me-title p{text-align:left}.funfact{border:1px solid gray;border-radius:.5em;justify-content:right;margin:auto;padding:3em;vertical-align:middle}.funfact p{text-align:left}img{z-index:2}#hello{margin:42px 0 0;vertical-align:top}.introduction{margin-bottom:42px;width:90%}.mb-about-group h3{background-color:#03f;border-radius:50em;color:#fff;padding:3px 12px;text-align:center;width:120px}.aboutme-container{margin-top:160px;padding:0 24px}.aboutme-container p{font-size:18px}.aboutme-header-wrap{display:flex;max-width:800px}.am-h-r{margin:20px auto 0;min-width:400px;vertical-align:middle}#about-title{font-family:Geologica,sans-serif;font-size:42px}.bk-story-container{background-color:#355ded;border-radius:24px;margin:80px auto;min-height:600px;padding:80px;width:100%}.bk-brief-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin:auto auto 80px}.bk-brief{display:flex;gap:24px}.bk-icon{background-color:#9e9e9e;border-radius:100em;flex-shrink:0;height:60px;width:60px}.bk-hobbies-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin:auto auto 80px}.bk-hobbie{display:flex;gap:24px}.hob{border:1.8px solid #03f;border-radius:24px;display:grid;grid-template-rows:1fr 3fr 1fr;height:512px;padding:24px;width:288px}.hob-detail:first-child{justify-content:space-between;padding-left:24px}.hob-detail:first-child,.hob-detail:nth-child(2){align-items:center;display:flex;height:100%;margin:auto -24px}.hob-detail:nth-child(2){background-color:#355ded;color:#fff;padding:0 24px}.hob-detail:nth-child(3){align-items:center;display:flex;height:100%;margin:auto -24px;padding-left:24px}.hobbie-text{margin:auto;padding:24px;vertical-align:middle}.design-story-wrap{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);min-height:640px}.design-story-wrap#onefrtwofr{grid-template-columns:1fr 2fr}.design-story{border:1.8px solid #03f;height:100%;width:100%}a{color:#494949;text-decoration:none}.breadcrumb{display:flex;gap:10px}#breif-top{padding-bottom:80px;position:relative;transition:left 1s ease-in-out}.project-brief-container{width:40%}.project-brief-container h2{font-size:38px}.project-brief-container p{margin-top:-20px}.componentA{box-shadow:10px 20px 20px #f0f0f0;display:flex;margin-top:80px;outline:12px solid #fdfdfd;padding:10px}.componentA,.componentA img{border-radius:.8em;position:relative}.componentA img{width:60%;z-index:200}.c-a-words{color:#fff;margin:auto;position:relative;vertical-align:middle;z-index:50}.c-a-words h2{font-size:70px;font-weight:500;line-height:80px;margin-bottom:-20px}.c-a-words p{font-size:24px;font-weight:600;line-height:80px;margin-bottom:20px;margin-left:4px}.compo-a2-bg{border-radius:.8em;bottom:0;left:0;position:absolute;right:0;top:0;z-index:40}.componentB{border-radius:.8em;height:200px;margin-top:160px;padding:24px;text-align:center;width:200px}.componentB h2{font-size:32px;font-weight:500;line-height:42px;margin-bottom:-18px;margin-top:18px}.componentB img{box-sizing:border-box;margin:-80px auto auto;scale:1.1;text-align:center;width:100%}.componentB:hover img{animation:aLittleZoom 2s;scale:1.3}.componentC{display:grid;grid-template-columns:.8fr 1.5fr;margin:120px 0 200px}.componentC2{display:grid;grid-template-columns:1fr 1fr;margin:auto auto 200px -220px}@keyframes aLittleShake{0%{transform:translate(-10px,10px)}to{transform:translate(0)}}.c-c-img{border-radius:100em;display:flex;height:300px;margin-top:50px;width:300px}.c-c-img img{animation:aLittleShake 3s infinite;display:flex;margin:40px auto auto 80px;text-align:center;width:150%}.c-c-text{margin:-20px auto auto 280px;text-align:left;vertical-align:middle;width:60%}.c-c-wraper h2{font-size:70px;font-weight:500;letter-spacing:-.4px;line-height:84px;margin-bottom:-18px}.c-c-wraper p{font-size:24px;font-weight:400;line-height:36px;margin-left:4px;margin-top:36px}.amigo-icons{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin:auto auto 100px}.amigo-icon{background-color:#7d42f9;border-radius:.8em;box-shadow:10px 10px 20px #d8d8d8;color:#fff;display:grid;grid-template-columns:.6fr 1.4fr;height:100px;padding:20px}.amigo-icon:hover{animation:aLittleZoom 1.8s;scale:1.14}.amigo-icon img{height:40%;justify-content:center}.amigo-icon img,.amigo-icon p{margin:auto;vertical-align:middle}.amigo-icon p{font-size:14px;text-align:left;width:80%}@keyframes aLittleZoom{0%{scale:1}to{scale:1.14}}.cos-com-b{display:flex;gap:12px;justify-content:center;margin:80px 0 0}.componentE{margin-top:160px}.c-e-prototype,.componentE{display:flex;position:relative}.c-e-prototype{background-color:#494949;border-radius:0 .8em .8em 0;height:600px;left:-220px;padding:20px 0 20px 138px;z-index:200}.desktop-prototype{justify-content:space-around;margin:0 -138px;padding:20px 138px;vertical-align:middle}.c-e-prototype-desktop,.desktop-prototype{background-color:#494949;display:flex;position:relative}.c-e-prototype-desktop{border-radius:0 .8em .8em 0;height:600px;left:-220px;padding:20px 0 20px 138px;right:0;width:100%;z-index:200}.v-text-container{display:block;padding-top:120px}#proto-v-text{color:#bcd2ff;font-size:80px;position:relative;vertical-align:middle}#prototype-v2{margin-left:130px;transform:translateX(60%);width:400px}#prototype-desktop,#prototype-v2{background-color:none;border:none;height:600px;margin-top:0;position:relative;z-index:200}#prototype-desktop{right:0;width:1200px}.c-e-frame{background-color:#494949;border-radius:.8em 0 0 .8em;height:600px;margin-left:-480px;overflow-x:hidden;padding:20px 150px 20px 20px;position:relative;right:-138px;z-index:300}#overall{width:220%}#amigo-finding-no{grid-gap:40px;display:grid;gap:40px;grid-template-columns:.1fr 2fr;margin-top:20px;width:60%}#amigo-finding-no h4{background-color:#708e52;border-radius:50em;color:#fff;margin:auto;text-align:center;vertical-align:middle;width:62px}#amigo-finding-no b{color:#7d42f9}.talk svg{margin-left:10px;padding:auto 30px;width:2%}.talk svg:hover{fill:#e8005d;margin-left:10px;width:2%}.intern{background-color:#dc5e0a;border-radius:0 50em 50em 0;color:#fff;margin:80px 0 0 -138px;padding:40px 0 80px 138px}.intern2{background-color:#f4ab0c;border-radius:50em 0 0 50em;color:#454545;margin:80px -138px 0 200px;padding:40px 120px 80px 300px}.intern h2,.intern2 h2{font-size:60px}.nl-header{color:#fff;margin:60px 40px 0;overflow:hidden}.nl-header h1{line-height:20px}#bold{font-weight:bolder}#bn-natlib,.nl-header p{text-align:center}#bn-natlib{margin:48px 0;position:relative;transform:translateX(15%);width:82%}.nl-topics{display:flex;justify-content:space-between}.nl-topic{display:grid;grid-template-rows:.5fr 1fr}.nl-topic h4{margin-top:16px}.nl-topic h4,.nl-topic p{text-align:left}.nl-body{justify-content:center;margin:42px;position:relative}.nl-body img{margin:auto;text-align:center}.scope-tools{margin-top:68px}.scope-tools h2{font-size:38px;text-align:left}.scope-tools p{text-align:left;width:30%}.detail h4{font-size:20px;line-height:26px;margin-bottom:0;text-align:left}.detail p{text-align:left;width:30%}#nl-detail1{margin:-180px 0 0 120px}#nl-detail2{display:grid;grid-template-columns:1fr 1fr;margin:0 0 30px 120px}#nl-detail2 p{width:70%}@media screen and (min-width:1800px){.componentE{margin-top:320px}#c-a-content img{width:44%}.c-e-overall img{text-align:right;width:130%}}@media screen and (max-width:1100px){#breif-top{padding-bottom:40px;transition:left 1s ease-in-out}.project-brief-container{width:100%}.componentA{border-radius:.8em;box-shadow:10px 20px 20px #f0f0f0;display:block;outline:12px solid #fdfdfd;padding:12px;text-align:center}.componentA img{border-radius:.8em;width:100%}.c-a-words{color:#fff;margin:auto;vertical-align:middle}.c-a-words h2{font-size:38px;font-weight:400;line-height:42px}.c-a-words p{font-size:15px;font-weight:600;line-height:62px;margin-bottom:0;margin-left:0}.cos-com-b{display:block;margin:auto auto auto 60px;scale:.9;text-align:center}.componentB{margin-top:100px}.componentC{display:block;margin-top:-20px}.componentC img{text-align:center;width:80%}.c-c-text{margin:auto;text-align:left;vertical-align:middle;width:100%}.componentC h2{font-size:38px;font-weight:400;line-height:42px}.componentC p{font-size:15px;font-weight:600;line-height:32px;margin-top:40px}.c-e-prototype{display:none}#overall{width:100%}#Research,.project-navs{display:none}}.ux-r-intro{width:60%}.ResearchA{margin:80px 0 0}.ResearchA img{margin:40px 0}.ResearchB{grid-gap:60px;display:grid;gap:60px;grid-template-columns:repeat(3,1fr);margin:0 0 80px}.ResearchC{display:flex;gap:30px;justify-content:space-between;margin:0 0 80px}.ResearchC img{width:24%}.cos-sketch-block{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr;margin-bottom:40px}.cos-sketch-block img{border-radius:.8em;width:100%}.sketch-block{margin:auto;vertical-align:middle}.ResearchD{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr}.ResearchD img{margin:auto auto 80px;text-align:center;width:86%}.project-layout{display:flex;min-height:100vh;position:relative}.project-layout.dark-mode{background-color:#222;color:#fff}.side-menu{background:#0000;height:fit-content;left:80px;padding:40px 24px;position:sticky;top:80px;width:20%;z-index:200}.side-menu nav ul{list-style:none;margin:0;padding:0}.side-menu nav li{margin-bottom:14px}.side-menu nav button{background:none;border:none;color:#585858;cursor:pointer;font-size:.98em;font-weight:300;padding:6px 0;position:relative;text-align:left;transition:all .25s ease-in-out;width:100%}.side-menu nav button:before{background:#1a73e8;content:"";height:2px;left:-24px;position:absolute;top:50%;transform:translateY(-50%);transition:width .25s ease-in-out;width:0}.side-menu nav button:hover{color:#1a73e8;transform:translateX(2px)}.side-menu nav button:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}.side-menu nav li.active button{color:#1a73e8;font-weight:500}.side-menu nav li.active button:before{width:14px}.project-content{min-height:100vh}.project-content section{scroll-margin-top:100px}.prototype-container{margin:0 auto;max-width:1400px;padding:80px;text-align:center;width:90%}.prototype-container h2{color:#585858;font-size:48px;font-weight:500;margin-bottom:80px}.prototype-container iframe{border:none;border-radius:.8em;box-shadow:0 10px 30px #0003;margin:0 auto}.prototype-container img{border-radius:.8em;display:block;margin:0 auto}@media(min-width:1700px){.project-layout{padding-top:8em}}@media(max-width:1024px){.project-layout{flex-direction:column}.side-menu{background:#f9f9f9;border-bottom:1px solid #e5e5e5;overflow-x:auto;padding:14px 24px;position:relative;top:0;width:100%}.side-menu nav ul{-webkit-overflow-scrolling:touch;display:flex;gap:14px}.side-menu nav ul::-webkit-scrollbar{display:none}.side-menu nav ul{scrollbar-width:none}.side-menu nav li{margin:0;white-space:nowrap}.side-menu nav button{padding:6px 10px}.side-menu nav button:before{display:none}.project-content{width:100%}}@media(max-width:768px){.side-menu{padding:10px 14px}.side-menu nav ul{gap:10px}.side-menu nav button{font-size:.92em;padding:4px 6px}.prototype-container{padding:24px 14px}.prototype-container h2{font-size:32px;margin-bottom:24px}.prototype-container iframe{height:667px;max-width:375px;width:100%}.prototype-container img{width:100%}}@media(max-width:480px){.side-menu{padding:6px 10px}.side-menu nav ul{gap:6px}.side-menu nav button{font-size:11px;padding:4px}.prototype-container{padding:14px 10px}.prototype-container h2{font-size:24px;margin-bottom:14px}.prototype-container iframe{height:568px;max-width:320px;width:100%}}@media(max-width:375px){.side-menu nav button{font-size:10px}.prototype-container h2{font-size:20px}.prototype-container iframe{height:497px;max-width:280px}}.dark-mode .side-menu{background:#0000;border-bottom-color:#444}.dark-mode .side-menu nav button{color:#ccc}.dark-mode .side-menu nav button:hover,.dark-mode .side-menu nav li.active button{color:#1a73e8}.dark-mode .prototype-container h2{color:#ccc}@media(prefers-reduced-motion:reduce){.side-menu nav button,.side-menu nav button:before{transition:none}.side-menu nav button:hover{transform:none}}.mobile{color:#565656}.mb-header{margin:auto;padding:16px;position:relative;text-align:center;vertical-align:middle}.mb-tag{display:flex;gap:3px}#mobile-header-title{font-size:46px;font-weight:900}.mobile p{font-size:18px;line-height:30px}#mb-banner{margin:40px auto auto;position:relative;z-index:100}.mb-project-bg{border-radius:.8em;bottom:0;height:200px;left:0;position:absolute;right:0;top:0;z-index:1}#project-mockup{margin-top:40px;width:100%}.mockup-sets h3{font-size:28px}#ds-topic{font-size:40px}.ds-color{position:relative}.color-container{display:grid;grid-template-columns:repeat(2,1fr);position:relative;top:0}.color-wrapper{display:grid;grid-template-columns:flex;margin-top:80px;position:relative}.color-sets{position:absolute;right:0}.color-sets p{font-size:14px}.color-block{background:#e85947;border-radius:1.4em;bottom:0;color:#fff;height:60px;left:0;margin-top:10px;padding:20px;position:relative;right:0;top:0;width:440px}.color-block h3{left:20px;position:absolute;top:0}.color-block p{bottom:0;left:20px;position:absolute}.color-sample-wrapper{display:block;gap:30px}.color-button{background:#e85947;border:none;border-radius:50em;color:#fff;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;height:40px;margin:10px;width:140px}.color-button:hover{box-shadow:1px 4px 12px #a8a8a8;font-weight:bolder}.color-dropdown{background:#e85947;border-radius:50em;color:#fff;display:inline-block;margin:10px;padding:8px 24px;position:relative;z-index:20}.color-dropdown span{text-align:center;vertical-align:middle}.color-dropdown-content{background-color:#fff;border-radius:1.4em;box-shadow:1px 4px 12px #a8a8a8;display:none;margin:10px 0 0 -20px;min-width:160px;padding:8px 24px;position:absolute;z-index:1}.color-dropdown:hover .color-dropdown-content{display:block;z-index:1}.color-dropdown-content-select:hover{background-color:#e85947;font-weight:400}.color-dropdown-content a{display:block;padding:8px 24px;text-decoration:none}.color-dropdown-content a:hover{background-color:#e85947;border-radius:50em;color:#fff;font-weight:bolder}form{height:40px;margin:10px;width:160px}input{border:1px solid #e85947;border-radius:50em;font-family:Poppins,sans-serif;height:36px;text-align:center;width:320px}input:focus{background-color:#ffeee9;outline-width:0}.color-checkbox-group{display:flex;gap:44px;position:relative}input[type=checkbox]{accent-color:#e85947;height:2.14em;vertical-align:middle;width:4.7em}#color-round-radio{appearance:none;-webkit-appearance:none;height:20px;margin:18px 0 0 -60px;width:20px}#color-round-radio:focus{background-color:#e85947}.toggle{appearance:none;-webkit-appearance:none;background-color:#ffcac3;height:1.8em;margin-top:12px;width:1.8em}.toggle-container{height:10px;position:relative}.toggle:before{background:#fff;border-radius:1.5em;color:#fff;content:"";display:block;height:2em;position:relative;position:absolute;transition:transform .3s cubic-bezier(.3,1.5,.7,1);white-space:nowrap;width:2em}.toggle:checked{background-color:#e85947}.toggle:checked:before{transform:translateX(2.5em)}.color-cards{display:flex;gap:30px;position:relative}.color-card-type1{background-color:#efefef;border-radius:1.4em;height:200px;position:relative;width:200px}.color-card-type1-header{background-color:#e85947;border-radius:1.4em 1.4em 0 0;left:0;position:absolute;top:0;width:200px}.color-card-type1-header h3{color:#fff;padding:0 20px}.color-card-type1-body{left:20px;position:absolute;top:70px}.color-card-type1-bottom{bottom:42px;font-size:12px;left:20px;position:absolute}.color-card-type2{background-color:#efefef;border-radius:1.4em;height:60px;padding:8px;position:relative;width:240px}.color-card-type2-top{background-color:#e85947;border-radius:50em;height:3em;padding:6px;position:absolute;text-align:center;vertical-align:middle;width:3em}.color-card-type2-top h3{color:#fff;margin:8px auto auto;text-align:center}.color-card-type2-body{font-weight:bolder;left:80px;position:absolute}.color-card-type2-bottom{font-size:12px;margin:8px auto auto;position:absolute;right:20px;vertical-align:middle}.typo-wrapper{margin:80px 0 0}.typo-group h2{font-family:Rubik,sans-serif;font-size:64px;margin:0}.typo-chip{background-color:#e85947;border-radius:50em;color:#fff;font-size:13px;padding:6px 18px}#typo-explanation{width:60%}.typo-box,.typo-box-wrapper{display:flex;position:relative}.typo-box{background-color:#efefef;border-radius:1.4em;height:160px;margin:20px 40px 40px 0;padding:10px;width:160px}#typo-box-top{display:flex;font-size:12px;left:20px;position:absolute;top:0}#typo-box-mid{display:flex;margin:auto;position:relative;text-align:center;vertical-align:middle}#typo-box-bottom{bottom:0;font-size:12px;left:20px;position:absolute}.layout-container{left:86px;position:relative;top:-40px}.ds-intro p{width:68%}#ds-title{font-size:32px;margin-top:100px}.color-palette-main-wrapper{border-radius:.8em;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(6,1fr);min-height:500px}.color-palette-main{padding:16px 16px 16px 22px}.color-palette-main h2{font-size:56px;font-weight:400;line-height:64px;margin:auto 10px 6px auto}.color-palette-main p{font-size:14px;line-height:16px;margin:auto 10px auto auto;vertical-align:middle}.color-palette-main:first-child{border-radius:.8em 0 0 0;grid-column:1/5;grid-row:1/6}.color-palette-main:nth-child(2){grid-column:5/8;grid-row:1/4}.color-palette-main:nth-child(3){border-radius:0 .8em 0 0;grid-column:8/-1;grid-row:1/4}.color-palette-main:nth-child(4){grid-column:8/-1;grid-row:4/6}.color-palette-main:nth-child(5){grid-column:5/8;grid-row:4/6}.color-palette-main:nth-child(6){border-radius:0 0 0 .8em}.color-palette-main:nth-child(14){border-radius:0 0 .8em 0}.color-palette-main:nth-child(n+6){display:flex}.color-palette-main:nth-child(n+6) p{align-items:center;display:flex;margin:0}.color-palette-wrapper{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr}.color-palette-box{grid-gap:0;border-radius:.8em;display:grid;gap:0;grid-template-columns:1.5fr 1fr}.color-palette-display{font-size:12px;padding:10px}.color-palette-display:first-child{border-radius:.8em 0 0 .8em;grid-column:1/2;grid-row:1/5}.color-palette-display:not(:first-child){grid-column:2/-1;min-height:40px}.color-palette-display:nth-child(2){border-radius:0 .8em 0 0}.color-palette-display:nth-child(5){border-radius:0 0 .8em 0}.color-palette-display p{line-height:16px;margin-left:10px}.color-palette-describtion h4{font-size:20px;font-weight:600;line-height:26px;margin:30px 0 -10px}.color-varient-sets{grid-gap:14px;display:grid;gap:14px}.color-varients{border-radius:.8em;display:grid;grid-template-columns:1fr 1fr 1fr}.color-varient{max-height:40px}.color-varient:first-child{border-radius:.8em 0 0 .8em}.color-varient:last-child{border-radius:0 .8em .8em 0}.color-varient p{font-size:14px;line-height:40px;margin:auto;text-align:center;vertical-align:middle}.color-gradient-sets{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.color-gradient{border-radius:.8em;min-height:200px;padding:20px}.color-sample-meaning{display:flex;gap:30px;justify-content:space-between;margin:30px 0}.color-samples{border-radius:.8em;height:40px;width:160px}.color-samples,.color-samples p{margin:auto;vertical-align:middle}.color-samples p{font-size:12px;font-weight:600;line-height:40px;text-align:center}.color-example-ratio{display:block;margin:auto;position:relative;text-align:center}.color-use{font-size:14px;left:33%;margin:auto;position:absolute;top:25%}@media screen and (min-width:1600px){.color-use{left:36%;top:32%}}#color-sample-image{display:block;margin:auto;position:relative;text-align:center;width:60%}.icons-artworks-set{border-radius:.8em;min-height:360px}.icon-container{margin:0}.icons-wrapper{display:grid;grid-template-columns:1fr 2fr}.icons-r{display:flex;justify-content:end;margin-top:40px;padding:30px;position:absolute;right:0;text-align:right;width:50%}.icons-l{margin:50px auto auto;padding:auto;position:relative;text-align:center}.icon-usage1{background-color:#ffcfc8;border:1px solid #f47766;height:144px;margin:auto;position:relative;width:144px}.icon-usage-inner,.icon-usage1{align-items:center;display:flex;justify-content:center}.icon-usage-inner{background-color:#fff;height:120px;width:120px}.icon-title{margin:auto;padding:auto;position:relative}.icons-artworks-set p{margin-left:10px}.typography-sets{border:.5px solid #001eff;border-radius:.8em;position:relative}.typography-set{background-color:#fcfcfc;border:.5px solid #91d3ff;border-radius:.8em;box-shadow:1px 4px 12px #a8a8a8;height:280px;margin:auto auto 10px;padding:12px 32px 32px 12px}.typography-sample,.typography-set{position:relative;vertical-align:middle}.typography-sample{height:50px;margin:auto}.typography-set p{line-height:16px}.typography-set h4,.typography-set p{padding-left:20px}.typeface-display{position:relative}.typeface-each-wrapper{display:grid;grid-template-columns:1.2fr 2fr;position:relative}.typeface-detail-box{align-items:center;display:flex;margin:15px 0;padding:10px 30px;position:relative}.typeface-detail-box:first-child{background-color:#ededed;border-radius:.8em}.typeface-detail-box:nth-child(2){align-self:center;left:50%;position:absolute}#typeface-tag{margin-bottom:-10px;margin-left:-20px;margin-top:-30px}.typeface-textbox{border:1px solid #f47766;margin:auto;outline:1.5em solid #ffcfc8;padding:auto}.typeface-textbox,.typeface-textbox p{background-color:#fff;position:relative}.typeface-textbox p{font-family:Istok Web,sans-serif}.icon-sample-button{background-color:#e6e6e6;border-radius:.8em;display:flex;gap:6px;padding:6px 24px;width:100px}#product-text{box-shadow:-12px 0 0 0 #f58522;font-family:Istok Web,sans-serif;height:24px;left:0;margin:0 auto;padding-bottom:2px;text-align:left;vertical-align:middle}.icon-button{display:flex;margin:auto;padding:4px;width:120px}#icon-sample{height:20px;margin:auto 0;outline:4px solid #ffa497;vertical-align:middle;width:20px}.icon-title{display:flex;gap:12px;justify-content:center;width:100%}.typeface-text p{margin:.5em;max-width:500px}.dot-rt{top:-.2em}.dot-rb,.dot-rt{background-color:#f47766;border-radius:.1em;height:.4em;position:absolute;right:-.2em;width:.4em}.dot-rb{bottom:-.2em}.dot-lt{top:-.2em}.dot-lb,.dot-lt{background-color:#f47766;border-radius:.1em;height:.4em;left:-.2em;position:absolute;width:.4em}.dot-lb{bottom:-.2em}.tags{padding:20px;width:100%}#typeface-tag .tag{background-color:#fff;font-size:12px}.typeface-table{margin:60px 0 40px}.typeface-table-each{border-radius:.8em;display:grid;grid-template-columns:repeat(6,1fr);line-height:18px;text-align:center}.typeface-table-each:first-child{font-weight:700;margin-bottom:20.7px}.typeface-table-each p:first-child{font-weight:700}.typeface-table-each:nth-child(odd){background-color:#ededed}.format-layout-wrapper-desktop{grid-gap:30px;border:.5px solid #4757e8;display:grid;gap:30px;grid-template-columns:1fr 1fr}.layout{border:.5px solid #ad47c6;border-radius:.8em;min-height:300px;padding:20px}.format-layout-wrapper-others{grid-gap:30px;border:.5px solid #4757e8;display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr}.format-layout-wrapper-component{grid-gap:30px;border:.5px solid #4757e8;display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr 1fr}.component{border:.5px solid #ad47c6;border-radius:.8em;min-height:120px;padding:20px}#layout_format{width:100%}#component_layout_format{position:relative;width:100%}.project-template h1{font-size:72px;line-height:108px}.project-template h1,.project-template h2{color:#313a49;font-family:DM Sans,sans-serif;font-weight:800;margin:auto}.project-template h2{font-size:38px;letter-spacing:.6px;line-height:42px}.project-template h3{font-size:22px;margin:auto}.project-template h3,.project-template h4{color:#313a49;font-family:DM Sans,sans-serif;font-weight:400;letter-spacing:.6px;line-height:33px}.project-template h4{font-size:54px;margin:0}.project-template p{color:#313a49;font-size:17px;font-weight:300;line-height:27px;margin:12px 0 0;max-width:690px}.project-template b{font-weight:500}.pb-banner-texts p{max-width:500px}.project-template{margin:0 0 120px}.pb-banner-container{animation:aLittleSlide 2s;max-width:560px;overflow:hidden;position:relative}@keyframes aLittleSlide{0%{transform:translateX(-12%)}to{transform:translateX(0)}}.pb-banner-texts{margin:210px auto 180px}.pb-chips-wrap{display:flex;gap:8px;margin-top:36px}.pb-chips-wrap p{font-size:16px}.pb-chip{background-color:#e5eef6;border-radius:50em;color:#292929;padding:4px 36px}#cos-chip{background-color:#0966ff;color:#fff}#cos-chip-tool{background-color:#313a49;color:#fff}.pb-brief-wrap{grid-gap:30px;display:grid;gap:30px;grid-template-rows:1fr 1fr;min-height:300px}.pb-brief-ea{display:grid;grid-template-rows:1fr 2fr;min-height:200px}.pb-brief-ea:nth-child(3){grid-column:1/-1;max-height:120px;min-height:0}#pb-brief-ea-t:nth-child(2){margin:0 auto 0 0;max-width:440px;vertical-align:bottom}.pb-chips-wrap:nth-child(2){margin-bottom:30px;margin-top:0}.pb-brief{margin-top:48px;max-width:560px}.line-v{border-left:3px solid #ebeff4;border-radius:2px;margin-left:40px;min-height:300px}.pd-scope-container{background-color:#0966ff;color:#fff;display:grid;grid-template-columns:1fr 1fr 1fr;margin-left:-138px;margin-right:-138px;margin-top:120px;padding:80px 138px;text-align:center}.pd-im{align-items:center;text-align:center}.pd-im p{color:#fff;margin:auto;width:300px}#pd-im-st{color:#fff;font-size:100px;font-weight:400;letter-spacing:1.8px;line-height:100px;margin:0 0 8px}.pd-overview-container{background-color:#282c2f;color:#fff;margin-left:-138px;margin-right:-138px;padding:120px 138px}.pd-ov{background-color:#fff;border-radius:24px;color:#fff;display:flex;height:540px;text-align:center}#big_banner,.pd-ov{width:100%}#reg_banner{margin-right:20px;margin-top:0;width:50%;z-index:-1}.align-right{position:absolute;right:62px}#title-h2,.p-prototype-container h2,.pd-branding-conmtainer h2,.pd-ov h2,.pd-p-l h2,.pd-p-t-top h2{font-size:72px;font-weight:400;line-height:86.4px}.pd-product-focus{background-color:#313a49;display:flex;margin-left:-138px;margin-right:-138px;min-height:550px;overflow:hidden;padding:120px 138px;position:relative;z-index:200}@media screen and (min-width:1600px){.pd-product-focus{min-height:660px}#on-track{font-size:190px;line-height:190px}#reg_banner{width:42%}.pd-ser-container{margin-top:120px}}#on-track{color:#939ba9;font-size:130px;font-weight:800;line-height:130px;margin-left:20px;transform:skew(0deg,-3deg)}#background-img{background:linear-gradient(180deg,#fff0 0,#fff);left:0;opacity:.8;position:absolute;top:0;width:100%;z-index:-1}#middle-img{display:flex;margin:60px auto;text-align:center;width:70%}.pd-p-r{right:20%;transform:rotate(32deg)}.pd-p-r,.pd-p-r-pair1{align-items:center;background-color:#fff;border-radius:24px;display:flex;height:550px;justify-content:center;position:absolute;width:290px}.pd-p-r-pair1{bottom:-20%;right:138px}.pd-p-r-pair2{align-items:center;background-color:#fff;border-radius:24px;display:flex;height:550px;justify-content:center;position:absolute;right:30%;top:-20%;width:290px}.pd-p-l{animation:aLittleSlide 2s;left:138px;position:absolute;top:21%}#pd-p-l-t{margin-left:32px;margin-top:30px}#pd-p-l-t:nth-child(2){margin-top:36px}.pd-ser-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin-top:30px}.pd-s-ea{background-color:#282c2f;border-radius:24px;min-height:140px;overflow:hidden;padding:24px;position:relative}.pd-s-ea:first-child{grid-column:1/3;grid-row:1/3}.pd-s-ea:nth-child(5){grid-row:2/-1}.pd-s-ea img{margin:auto;right:0;text-align:center;top:30%}#ser-big-banner,.pd-s-ea img{bottom:0;left:0;position:absolute}#ser-big-banner{margin:100px 4em 0 auto;text-align:right;top:0;width:32%}.pd-s-ea-t{display:flex;flex-direction:column;height:100%;justify-content:space-between}.pd-s-ea-t h3{color:#fff;font-weight:500;margin:0}.pd-s-ea-t p{color:#fff;display:none;font-size:15px;max-width:340px}#fts-72{font-size:72px;line-height:72px;margin:10px 0 0;max-width:280px}.pd-premium-container{margin-top:120px;overflow:hidden}.pd-p-t-top{margin-top:6px;transform:translateX(20%)}.pd-p-t-top p{margin-top:36px}.pd-p-product{background-color:#bfbfbf;border-radius:24px;margin-bottom:60px;margin-top:60px;min-height:120px;width:100%}.pd-p-t-bottom{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1.2fr 1fr}.pd-p-t-b-m{padding-left:30px;padding-right:30px}.pd-branding-conmtainer{background-color:#282c2f;margin-left:-138px;margin-right:-138px;margin-top:120px;min-height:550px;overflow:hidden;padding:120px 138px;position:relative;text-align:left;z-index:200}.pd-b-wrap{gap:30px;position:relative}.pd-b-ea{background-color:#494949;border-radius:24px;min-height:200px}.p-prototype-container{background-color:#eee;margin-left:-138px;margin-right:-138px;min-height:380px;overflow:hidden;padding:120px 138px;position:relative}.pr-mapping-container{margin-top:120px;text-align:center}.pr-r-ea,.pr-research-wrap{margin-top:120px}.pr-r-ea{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 2.5fr}.pr-r-ea-t{max-height:560px;overflow-y:scroll;scrollbar-width:none}.pr-r-ea-img{border-radius:24px;margin:auto;padding:100px 30px;vertical-align:middle;width:100%}.pr-r-ea-col{display:grid;grid-template-rows:.5fr 1.5fr}.pr-r-ea-col-img{margin-bottom:36px}.pr-r-ea-col-t{display:grid;grid-template-rows:1fr 1fr}.pr-r-ea-3col{grid-gap:60px;display:grid;gap:60px;grid-template-columns:repeat(3,1fr);margin-bottom:120px;margin-top:120px}.pr-research-users-wrap{background-color:#eee;margin-left:-138px;margin-right:-138px;overflow:hidden;padding:120px 138px;position:relative}.p-pt-wrap{align-items:center;display:flex;height:360px;position:relative}.p-prototype-container:hover{animation:colorChange 3s;background-color:#313a49}@keyframes colorChange{0%{background-color:#eee;color:#282c2f}to{background-color:#313a49;color:#fff}}.p-prototype-container:hover .p-pt-wrap-l h2{animation:colorChange 3s;color:#fff}.p-pt-wrap-l{display:flex;flex-direction:column;position:absolute}.p-pt-wrap-l a{text-align:center}.p-pt-wrap-r{left:46%;margin:auto;min-height:500px;padding:1em;position:absolute;right:-158px;top:-140px}.clickable-wrap{display:flex;gap:60px;justify-content:center;margin-top:120px}.clickable{background-color:#0966ff;border-radius:100em;color:#fff;font-size:18px;padding:14px 48px}#gauge-click{background-color:#e02434}.clickable:hover{animation:aLittleJump 2s}@keyframes aLittleJump{0%{transform:translateY(-12%)}to{transform:translateY(0)}}#research-header{font-size:42px;line-height:50.4px;margin-bottom:18px}#rs-icon{width:20%}@media screen and (max-width:1200px){.project-template{display:none}}#gauge-chip{background-color:#e02434;color:#fff}
/*# sourceMappingURL=main.0a028da9.css.map*/