@import"https://fonts.googleapis.com/css2?family=Zalando+Sans+SemiExpanded:ital,wght@0,100..900;1,100..900&display=swap";:root{--deep-red: #f3322c;--note-red: #432E2E;--darkest-black: #0f0e0e;--background-black: #272626;--pure-white: #ffffff;--text-white: #d9d9d9;--border-grey: #414040;--light-grey-01: #9d9d9d;--light-grey-02: #787878}body{background-color:var(--darkest-black);font-family:Zalando Sans SemiExpanded,sans-serif;margin:0;cursor:none}*{cursor:none}::-webkit-scrollbar{display:none}.hero-section{display:flex;flex-direction:column;justify-content:space-between;position:relative;min-height:100vh;width:100%}.navigation-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:40px 80px}.navigation-header .site-pages-nav{display:flex;flex-direction:row;align-items:center;gap:40px}.navigation-header .site-pages-nav a{text-decoration:none}.navigation-header h4{font-size:10px;font-weight:500;color:var(--pure-white);margin:0}.navigation-header h4:hover{font-style:italic;font-weight:700}.hidayat_title{display:flex;flex-direction:row;align-items:center;gap:12px}.hidayat_title img{height:16px}.button-Link{display:flex;justify-content:center;align-items:center;background-color:var(--pure-white);padding:12px 32px}.button-Link h4{color:var(--darkest-black)}.hero-content{display:flex;flex-direction:column;padding:0 80px 120px}.hero-content .hero-content-title{font-size:100px;font-weight:100;line-height:120px;margin:0;color:var(--pure-white)}.hero-content h3{font-size:28px;font-weight:200;line-height:34px;margin:16px 0 0;color:var(--pure-white)}.category-filter{display:flex;flex-direction:row;justify-content:space-between;width:100%}.category-filter h4{font-size:12px;font-weight:500;color:var(--light-grey-02);margin:0}.filter-option{display:flex;flex-direction:row;gap:60px}.filter-btn{transition:color .2s ease}.filter-btn:hover{color:var(--pure-white)}.filter-btn.active{color:var(--pure-white);font-weight:700}.project-list{display:grid;grid-template-columns:repeat(2,1fr);gap:60px;width:100%}.project-introduction-container{display:flex;padding:60px 80px;background-color:var(--pure-white);justify-content:center}.project-introduction{display:flex;flex-direction:row;gap:40px;width:100%;max-width:1440px}.project-introduction img{width:100%;max-height:450px;object-fit:cover}.project-content{display:flex;flex-direction:column;gap:24px;max-width:638px;height:fit-content;align-self:flex-start;box-shadow:inset 6px 0 0 0 var(--deep-red)}.project-content h3{margin:0 0 0 32px;font-size:24px;font-weight:100;color:var(--darkest-black)}.project-content p{margin:0 0 0 32px;font-size:14px;font-weight:400;line-height:24px;color:var(--darkest-black)}.project-content-block{display:flex;flex-direction:column;gap:24px;height:fit-content;align-self:flex-start;box-shadow:inset 6px 0 0 0 var(--deep-red)}.project-content-block h3{margin:0 0 0 32px;font-size:24px;font-weight:100;color:var(--text-white)}.project-content-block h5{margin:0 0 0 32px;font-size:14px;font-weight:600;line-height:24px;color:var(--text-white)}.project-content-block p{margin:0 0 0 32px;font-size:14px;font-weight:400;line-height:24px;color:var(--text-white)}.project-note-block{display:flex;flex-direction:column;gap:8px;padding:20px;height:fit-content;align-self:flex-start;background-color:var(--note-red)}.project-note-block h5{margin:0;font-size:16px;font-weight:600;line-height:24px;color:var(--text-white)}.project-note-block p{margin:0;font-size:14px;font-weight:400;line-height:24px;color:var(--text-white)}.project-content-blockGroups{display:flex;flex-direction:row;gap:60px;margin-left:32px}.project-content-blockGroups>*{flex:1 1 0;min-width:0}.insights-data{display:flex;flex-direction:column;gap:8px}.insights-data h4{margin:0;font-size:28px;font-weight:500;color:var(--deep-red)}.insights-data p{margin:0}.project-quote{display:flex;justify-content:center;width:100%;box-sizing:border-box;padding:24px 120px}.project-quote p{font-size:32px;font-weight:100;margin:0;text-align:center;color:var(--text-white)}.project-text-square{display:flex;flex-direction:row;gap:24px;width:100%}.text-square-content{display:flex;flex-direction:column;gap:8px;padding:24px 32px;flex:1 0 0;background-color:var(--background-black);color:var(--text-white)}.text-square-content .content-number{display:flex;height:50px;width:50px;justify-content:center;align-items:center;background-color:var(--border-grey);border-radius:100%;font-size:16px;font-weight:500;line-height:24px}.text-square-content h5{margin:12px 0 0;font-size:14px;font-weight:600;line-height:24px;color:var(--text-white)}.text-square-content p{margin:0;font-size:14px;font-weight:400;line-height:24px;color:var(--text-white)}.competition-existing-block{display:flex;flex-direction:column;gap:20px;background-color:var(--background-black);padding:24px 32px;width:66.6%}.competition-existing-block .existing-block-title{display:flex;padding:8px 20px;background-color:var(--pure-white);width:fit-content;font-size:14px;line-height:24px;font-weight:500;color:var(--darkest-black)}.existing-solution-group{display:flex;flex-direction:row;gap:40px;flex:1 0 0}.existing-solution-group hr{border:1px solid var(--border-grey)}.existing-solution-block{display:flex;flex-direction:column;gap:8px;color:var(--text-white)}.existing-solution-block h5{font-size:14px;font-weight:600;line-height:24px;margin:0}.existing-solution-block p{font-size:14px;font-weight:400;line-height:24px;margin:0}.opportunity-block{display:flex;flex-direction:column;gap:8px;padding:24px 32px;background-color:var(--text-white);width:33.4%}.opportunity-block .opportunity-block-title{display:flex;padding:8px 20px;background-color:var(--darkest-black);width:fit-content;font-size:14px;line-height:24px;font-weight:500;color:var(--text-white)}.opportunity-block h5{font-size:14px;font-weight:600;line-height:24px;margin:12px 0 0}.opportunity-block p{font-size:14px;font-weight:400;line-height:24px;margin:0}.prolog-feature-block{display:flex;flex-direction:column;gap:40px}.feature-video-block{display:flex;padding:40px 0;justify-content:center;align-items:center;background-color:var(--pure-white);position:relative}.feature-video-block img{height:500px;z-index:2}.prolog_video{position:absolute;height:486px;border-radius:20px}.feature-question-block{display:flex;flex-direction:column;gap:32px;justify-content:space-between;flex:1 0 0;padding:24px 32px;background-color:var(--background-black)}.question-title{display:flex;flex-direction:column;gap:8px;color:var(--text-white)}.question-title h5{font-size:14px;font-weight:600;line-height:24px;margin:0}.question-title p{font-size:14px;font-weight:400;line-height:24px;margin:0}.question-image{display:flex;flex-direction:column;gap:8px;align-items:center}.question-image img{width:260px}.question-image p{font-size:10px;color:var(--text-white)}.project-feature-lineBreak{width:100%;border:1px solid var(--border-grey)}.prolog-feature-block-ver2{display:flex;flex-direction:row;gap:40px;padding:40px 0}.feature-ver2-content-block{display:flex;flex-direction:column;gap:24px}.feature-video-panel{display:flex;padding:40px 0;width:100%;max-width:500px;justify-content:center;align-items:center;background-color:var(--pure-white);position:relative}.feature-video-panel img{height:500px;z-index:2}.dashboard-screenshots{display:flex;flex-direction:row;gap:40px;padding:20px 0;justify-content:center;align-items:end}.problem-visual{display:flex;width:100%;justify-content:center}.problem-visual img{width:100%;max-width:680px}.research-visual{display:flex;width:100%;justify-content:center}.research-visual img{width:100%;max-width:500px;object-fit:contain}.apprentice-journey{display:flex;width:100%;justify-content:center}.apprentice-journey img{width:100%;max-width:750px}.system_no_center{display:flex;width:100%;justify-content:center}.system_no_center img{width:100%;max-width:660px}.updated_IA{display:flex;width:100%;justify-content:center}.updated_IA img{width:100%;max-width:750px}.three_question_framework{display:flex;width:100%;justify-content:center}.three_question_framework img{width:100%;max-width:660px}.footer-container{display:flex;flex-direction:column;position:relative;gap:60px;padding:0 80px 60px}.footer-information{display:flex;flex-direction:column;gap:40px}.contact-info{display:flex;flex-direction:row;justify-content:space-between;padding:60px 0 32px;border-bottom:1px solid var(--border-grey)}.contact-info a:hover{font-style:italic;font-weight:700}.social-links{display:flex;flex-direction:row;align-items:center;gap:24px}.social-links a{color:var(--pure-white);text-decoration:none;font-size:10px;font-weight:500}.email-info{display:flex;align-items:center}.email-info a{color:var(--pure-white);text-decoration:none;font-size:10px;font-weight:500}.footer-links{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.footer-links h4{font-size:10px;font-weight:500;color:var(--pure-white);margin:0}.footer-links h4:hover{font-style:italic;font-weight:700}.footer-links .site-pages-nav{display:flex;flex-direction:column;align-items:flex-end;gap:24px}.footer-links .site-pages-nav a{text-decoration:none}.footer-links .button-Link h4{color:var(--darkest-black)}.get-in-touch{display:flex;flex-direction:column;margin-top:40px}.get-in-touch h1{font-size:100px;font-weight:100;line-height:120px;margin:0;color:var(--pure-white)}.get-in-touch h3{font-size:24px;font-weight:200;margin:16px 0 0;color:var(--pure-white)}.get-in-touch a{font-weight:700;color:var(--pure-white);text-decoration:none}.get-in-touch a:hover{font-style:italic}.small-text-info{display:flex;flex-direction:row;justify-content:space-between}.small-text-info h4{font-size:10px;font-weight:500;color:var(--pure-white);margin:0}.gradient-shade{position:absolute;top:-1px;left:0;width:100%;height:100%;background:linear-gradient(0deg,#0f0e0e00,#0f0e0e 70%);z-index:-1}@media screen and (max-width:1200px){.hero-content{padding:0 60px 100px}.hero-content h1{font-size:80px;line-height:90px}.hero-content h3{font-size:24px;line-height:28px}.navigation-header{padding:28px 60px}.project-list{display:grid;grid-template-columns:1fr;gap:60px;width:100%}.footer-container{padding:0 60px 60px}.get-in-touch h1{font-size:80px;line-height:80px}.get-in-touch h3{font-size:20px}}@media screen and (max-width:768px){.hero-content{padding:0 40px 80px}.hero-content h1{font-size:60px;line-height:70px}.hero-content h3{font-size:16px;line-height:16px}.navigation-header{padding:24px 40px}.project-list{display:grid;grid-template-columns:1fr;gap:40px;width:100%}.category-filter h4{font-size:10px}.footer-container{padding:0 40px 60px}.get-in-touch h1{font-size:60px;line-height:70px}.get-in-touch h3{font-size:16px}}.scroll-text{position:absolute;bottom:20px;left:0;right:0;text-align:center}.scroll-text h6{font-size:16px;font-weight:100;margin:0;padding-bottom:8px;color:var(--pure-white)}.scroll-icon{font-size:24px;color:var(--pure-white)}.nav-bar{display:flex;flex-direction:row;justify-content:space-between;padding:80px 60px 0;transform:translateY(-100%);opacity:0;transition:transform .8s ease-out,opacity .8s ease-out}.nav-bar h4{font-size:12px;font-weight:500;color:var(--pure-white);margin:0}.main-content-body{display:flex;flex-direction:row;justify-content:space-between}.main-content-body h4{font-size:12px;font-weight:500;color:var(--darkest-black);margin:0}.page-links{display:flex;flex-direction:column;gap:24px;text-align:right}.nav-bar.slide-in{transform:translateY(0);opacity:1}.nav-bar h4.current-page{color:var(--pure-white);font-weight:800}.back-button{display:flex;align-items:center;gap:8px;cursor:pointer;transition:opacity .3s ease}.back-button:hover{opacity:.7}.back-button h4{font-size:12px;font-weight:500;color:var(--pure-white);margin:0}.back-button .material-symbols-outlined{font-size:20px;color:var(--pure-white)}.main-content-body h4:hover{color:var(--pure-white);margin:0}.rotation-band{background-color:var(--pure-white);height:60px;display:flex;justify-content:center;align-items:center;color:var(--deep-red)}.top-project-selection{display:flex;flex-direction:row;justify-content:space-between;padding:60px 0}.top-project-selection h4{font-size:12px;font-weight:500;color:var(--border-grey);margin:0;cursor:pointer;transition:color .3s ease,font-weight .3s ease}.top-project-selection h4:hover{color:var(--pure-white)}.top-project-selection h4.selected{color:var(--pure-white);font-weight:500}.project-top-display{display:flex;flex-direction:row;gap:40px}.project-section-content{display:flex;flex-direction:column;gap:40px;width:40%}.project-info{display:flex;flex-direction:column;gap:20px;z-index:1}.project-info h2{font-size:80px;font-weight:500;margin:0;color:var(--pure-white)}.project-info h5{font-size:14px;font-weight:400;margin:0;color:var(--pure-white);line-height:24px}.project-meta-data{display:flex;flex-direction:column;gap:40px}.project-meta-data .metadata-container{display:flex;flex-direction:row;gap:100px}.project-meta-data .metadata-container .metadata-title{width:100px;font-size:14px;font-weight:600;color:var(--pure-white);margin:0}.project-meta-data .metadata-container .metadata-content{font-size:14px;font-weight:100;color:var(--pure-white);margin:0;width:200px}.project-meta-data .metadata-container .metadata-content-multiple{display:flex;flex-direction:column;gap:24px}.project-image{width:60%;height:636px;background-color:#f3322c;position:relative;transition:background-color .3s ease}.project-image:hover{background-color:transparent}.project-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:mix-blend-mode .3s ease}.project-image:hover img{mix-blend-mode:normal}.project-image-button{display:flex;flex-direction:row;align-items:center;gap:12px;position:absolute;bottom:0;right:0;background-color:var(--deep-red);color:#fff;padding:12px 24px;text-decoration:none;font-size:12px;font-weight:500;opacity:0;pointer-events:none}.project-image:hover .project-image-button{opacity:1;transform:translateY(0);pointer-events:auto}.about-me{display:flex;flex-direction:row;gap:40px;max-width:100%;box-sizing:border-box;padding:60px 0}.about-me-image{width:50%;background-color:#fab7b4}.about-me-image img{width:100%;min-height:610px;max-height:750px;object-fit:cover;object-position:center -80px;display:block;mix-blend-mode:multiply}.about-me-content{display:flex;flex-direction:column;width:50%;color:var(--pure-white)}.about-me-content h1{font-size:54px;font-weight:500;margin:0 0 20px}.about-me-content h4{font-size:14px;font-weight:400;line-height:24px;margin:0}.about-me-content .project-meta-data .metadata-content{width:227px}.about-me-content .about-me-para{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.about-me-content .about-me-para a{text-decoration:underline;color:var(--deep-red)}.all-projects-container{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(9,auto);box-sizing:border-box}.all-projects-container.all-view .montro{grid-column:1/7;grid-row:1/4}.all-projects-container.all-view .prolog{grid-column:7/13;grid-row:1/6}.all-projects-container.all-view .polarQuest{grid-column:1/7;grid-row:4/7}.all-projects-container.all-view .heartyMeals{grid-column:1/7;grid-row:7/10}.all-projects-container.all-view .ustraa{grid-column:7/13;grid-row:6/10}.all-projects-container.ux-ui-view{grid-template-rows:repeat(6,auto)}.all-projects-container.ux-ui-view .montro{grid-column:1/7;grid-row:1/7}.all-projects-container.ux-ui-view .prolog{grid-column:7/13;grid-row:1/7}.all-projects-container.graphics-view{grid-template-rows:repeat(8,auto)}.all-projects-container.graphics-view .polarQuest{grid-column:1/7;grid-row:1/5}.all-projects-container.graphics-view .heartyMeals{grid-column:1/7;grid-row:5/9}.all-projects-container.graphics-view .ustraa{grid-column:7/13;grid-row:1/5}.all-projects-container img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;mix-blend-mode:multiply;transition:mix-blend-mode .3s ease-out}.ustraa img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}.prolog .project-thumbnail-wrapper,.ustraa .project-thumbnail-wrapper{width:100%;height:100%}.prolog img,.ustraa img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0}.montro:hover img,.prolog:hover img,.polarQuest:hover img,.heartyMeals:hover img,.ustraa:hover img{mix-blend-mode:normal}.project-thumbnail{display:flex;flex-direction:column;gap:12px;position:absolute;bottom:50px;left:40px;z-index:2}.project-thumbnail h3{margin:0;font-size:40px;font-weight:400;color:var(--pure-white);opacity:1;transform:translateY(60px);transition:transform .25s ease-in-out,opacity .25s ease-in-out}.project-thumbnail h5{margin:0;font-size:14px;font-weight:400;color:var(--pure-white);line-height:24px}.project-thumbnail-wrapper .project-description{width:500px;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .4s ease-out,visibility .4s ease-out,transform .4s ease-out}.project-thumbnail-wrapper:hover .project-description{opacity:1;visibility:visible;transform:translateY(0)}.project-thumbnail-wrapper:hover .project-thumbnail h3{transform:translateY(0)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(60px)}}.montro,.prolog,.polarQuest,.heartyMeals,.ustraa{position:relative;background-color:#f3322c;transition:background-color .4s ease-out}.montro:hover,.prolog:hover,.polarQuest:hover,.heartyMeals:hover,.ustraa:hover{background-color:transparent}.gradientBack{position:absolute;width:100%;height:100%;background:linear-gradient(180deg,#0f0e0e00,#0f0e0e);z-index:1;opacity:0;transition:opacity .4s ease-out}.project-thumbnail-wrapper:hover .gradientBack{opacity:1}.project-header{display:flex;flex-direction:row;justify-content:space-between;margin:60px;min-height:240px}.project-header-title{display:flex;flex-direction:column;color:var(--pure-white)}.project-header-title h1{font-size:96px;font-weight:100;margin:0 0 40px}.project-header-title p{font-size:14px;font-weight:400;line-height:24px;margin:0 0 20px;width:500px}.project-section,.project-section .feature-showcase,.project-section .polarQuest-grid,.project-section .ustraa-grid,.project-section .hearty-grid,.project-section .marketing-items-grid{content-visibility:auto;contain-intrinsic-size:1px 900px}.brief-content-row{display:flex;flex-direction:row;gap:60px}.montro-problem{margin:20px 40px}.info-note{font-size:12px;font-weight:100;line-height:24px;font-style:italic}.montro-solution-header{display:flex;flex-direction:row}.montro-solution-header img{width:50%}.montro-features{display:flex;flex-direction:column;gap:40px}.feature-showcase{display:flex;flex-direction:row;height:718px}.feature-list{display:inline-flex;flex-direction:column;width:40%;height:718px}.feature-info{display:flex;flex-direction:column;gap:24px;padding:40px 32px;background-color:#650906;cursor:pointer;transition:all .3s ease}.feature-info h3{font-size:16px;font-weight:400;color:var(--deep-red);margin:0;transition:all .3s ease}.feature-info .feature-info-detail{display:none}.feature-info.expanded{padding:60px 32px;background-color:var(--deep-red);min-height:300px}.feature-info.expanded h3{font-size:24px;font-weight:500;color:var(--pure-white)}.feature-info.expanded .feature-info-detail{display:flex;flex-direction:column;justify-content:space-between;flex:1}.feature-info.expanded .feature-info-detail p{font-size:14px;font-weight:400;margin:0 0 40px;line-height:24px}.feature-info.expanded .feature-info-detail .feature-arrow{font-size:45px;color:var(--pure-white);font-weight:100}.feature-image{display:flex;padding:40px 60px;justify-content:center;align-items:center;width:60%;background-color:var(--pure-white)}.feature-image img{height:100%;object-fit:contain}.polarQuest-grid{display:grid;grid-template-columns:repeat(12,auto);grid-template-rows:repeat(14,auto);box-sizing:border-box}.polarQuest-grid img{width:100%;height:100%;object-fit:cover;display:block}.polarQuest01{grid-column:1/8;grid-row:1/3}.polarQuest02{grid-column:8/13;grid-row:1/3}.polarQuest03{grid-column:1/13;grid-row:3/7}.online-reader{grid-column:1/13;grid-row:7/11}.polarQuest04{grid-column:1/13;grid-row:11/15}.project-end-quote{font-size:40px;font-weight:100;color:var(--pure-white);margin:0;text-align:center}.ustraa-grid{display:grid;grid-template-rows:1fr 1fr 1fr 1fr 1fr auto auto auto auto 1fr 1fr 1fr;grid-template-columns:repeat(5,auto);box-sizing:border-box}.ustraa-grid img{width:100%;height:100%;object-fit:cover;display:block}.ustraa01{grid-row:1/4;grid-column:1/6}.ustraa-packaging{display:grid;grid-template-columns:repeat(3,1fr);grid-row:4/6;grid-column:1/6}.ustraa-pack01{grid-column:1/2}.ustraa-pack02{grid-column:2/3}.ustraa-pack03{grid-column:3/4}.ustraaCont01{grid-row:6/7;grid-column:1/6;margin:60px 0}.ustraa03{grid-row:7/10;grid-column:1/3}.ustraa05{grid-row:7/10;grid-column:3/6}.ustraa04{grid-row:10/13;grid-column:1/6}.hearty-grid{display:grid;grid-template-columns:repeat(3,1fr);box-sizing:border-box}.hearty-grid img{width:100%;height:100%;object-fit:cover;display:block}.can01{grid-column:1/3}.can02{grid-column:3/4}.prolog-timeline{width:50%;object-fit:cover}.prolog-problem-visual{width:100%;object-fit:cover}.prolog-primary-research,.prolog-secondary-research{display:flex;flex-direction:row;justify-content:center;margin:12px 0 80px;width:50%;height:200px}.key-findings{display:flex;flex-direction:column;gap:12px}.key-findings h4{margin:0;font-size:14px;font-weight:700;line-height:24px;color:var(--pure-white)}.key-findings p{margin:0;font-size:14px;font-weight:400;line-height:24px;color:var(--pure-white)}.additional-insights{display:flex;flex-direction:column;gap:12px}.additional-insights h4{margin:0;font-size:14px;font-weight:700;line-height:24px;color:var(--pure-white)}.additional-insights ul{padding:0 0 0 20px;margin:0}.additional-insights li{font-size:14px;font-weight:400;line-height:24px;color:var(--pure-white)}.IA_content{width:45%}.design-iteration{display:flex;flex-direction:column;gap:20px}.iteration-frames{display:flex;flex-direction:row;gap:60px;justify-content:center;align-items:center;margin:0 60px}.iteration-frames img{width:300px}.iteration-arrow .material-symbols-outlined{font-size:32px;color:var(--pure-white)}.iteration-type{display:flex;flex-direction:row;justify-content:space-between;margin:0 60px}.iteration-type h5{margin:0;font-size:20px;font-weight:100;width:300px;text-align:center;color:var(--pure-white)}.prolog-solution-header{display:flex;flex-direction:row;gap:60px}.prolog-solution-image{width:50%;text-align:center}.prolog-solution-image img{height:700px}.prolog-techStack{display:flex;flex-direction:row;justify-content:center;margin:12px 0 80px;width:50%;height:200px}.prolog-techStack img{width:100%;object-fit:contain}.integrations-planned{padding:0 0 0 20px;margin:0 0 0 32px}.integrations-planned li{font-size:14px;font-weight:400;line-height:24px;color:var(--pure-white)}.logo-wordmark{padding-top:60px;width:100%}.logo-wordmark img{width:100%}.marketing-items-grid{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(3,auto)}.marketing-items-grid img{width:100%;height:100%;object-fit:cover;display:block}.company-card{grid-column:1/2;grid-row:1/2}.stickers{grid-column:2/3;grid-row:1/2}.brochure{grid-column:1/3;grid-row:2/4}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-container{position:relative;width:100px;height:100px;transition:transform 1s ease-in-out}.loading-container.expanding{transform:scale(40)}.loading-square{position:absolute;top:0;left:0;width:100px;height:100px;background-color:#f3322c;transition:transform .5s ease-in-out,clip-path .5s ease-in-out;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.move-right{transform:translate(49px)}.move-left{transform:translate(-49px)}.move-right-far{transform:translate(148px)}.move-left-far{transform:translate(-148px)}.move-right-far-down{transform:translate(148px) translateY(99px)}.move-left-far-up{transform:translate(-148px) translateY(-99px)}.move-right-far-up{transform:translate(148px) translateY(-99px)}.move-left-far-down{transform:translate(-148px) translateY(99px)}.morph-right-far{transform:translate(148px);clip-path:polygon(0% 0%,50% 50%,100% 100%,0% 100%)}.morph-left-far{transform:translate(-148px);clip-path:polygon(0% 0%,100% 0%,100% 100%,50% 50%)}.square-1{z-index:1}.square-2{z-index:2}.square-3{z-index:3}.square-4{z-index:4}.square-rb{z-index:5}.square-lt{z-index:6}.square-rt{z-index:7}.square-lb{z-index:8}.dither-container{width:100%;height:100%;position:relative}.project-card{display:flex;flex-direction:column;gap:20px;width:100%;cursor:pointer;position:relative}.project-card-image{height:400px}.project-card-image img{width:100%;height:100%;object-fit:cover}.project-information{display:flex;flex-direction:column;gap:8px}.project-line01{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.project-line01 h4{font-size:20px;font-weight:700;line-height:24px;color:var(--pure-white);margin:0}.project-metadata{display:flex;flex-direction:row;align-items:center;gap:12px}.project-metadata h5{font-size:12px;font-weight:500;color:var(--light-grey-01);margin:0}.project-metadata span{width:4px;height:4px;background-color:var(--light-grey-01);border-radius:50%}.project-line02{display:flex}.project-line02 p{font-size:12px;font-weight:500;color:var(--light-grey-01);margin:0}.coming-soon{display:flex;justify-content:center;padding:12px 20px;position:absolute;top:0;right:0;font-size:12px;font-weight:500;color:var(--pure-white);background-color:var(--deep-red)}@media screen and (max-width:1200px){.project-card-image{height:500px}}@media screen and (max-width:768px){.project-card-image{height:360px}.project-line01 h4{font-size:16px;line-height:20px}.project-line01 h5{font-size:10px}.project-line02 p{font-size:10px}}.project-section{display:flex;flex-direction:column}.section-title{display:flex;padding:40px 80px;border-top:1px solid var(--border-grey);border-bottom:1px solid var(--border-grey);justify-content:center;align-items:center}.section-title h2{font-size:40px;font-weight:100;color:var(--pure-white);margin:0;max-width:1440px;flex:1 0 0}.section-content-body{display:flex;padding:60px 80px 140px;flex-direction:column;align-items:center;justify-content:center}.section-content-children{display:flex;max-width:1440px;flex-direction:column;align-items:flex-start;gap:60px;width:100%}@media screen and (max-width:1200px){.section-title{padding:28px 60px}.section-title h2{font-size:28px}.section-content-body{padding:40px 60px 140px}}@media screen and (max-width:768px){.section-title{padding:24px 40px}.section-title h2{font-size:24px}.section-content-body{padding:40px 40px 100px}.section-content-children{gap:40px}}.custom-cursor{position:fixed;top:0;left:0;width:16px;height:16px;background-color:var(--pure-white);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .15s ease,height .15s ease;display:flex;align-items:center;justify-content:center}.custom-cursor.is-hovering{width:40px;height:40px}.cursor-icon{display:none;font-size:20px;line-height:1;-webkit-user-select:none;user-select:none}.custom-cursor .cursor-icon{color:var(--darkest-black)}.custom-cursor.is-hovering .cursor-icon{display:flex}