.project-hero-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:80px;padding:40px 80px 80px;position:relative}.project-nav-header{display:flex;width:100%}.project-nav-header h4{font-size:10px;font-weight:500;color:var(--pure-white);margin:0}.project-nav-header h4:hover{font-style:italic;font-weight:700}.hidayat_title{display:flex;flex-direction:row;align-items:center;gap:12px}.material-symbols-outlined{font-size:24px;color:var(--pure-white)}.project-hero-content{display:flex;flex-direction:column;gap:20px;width:100%;max-width:1440px}.project-hero-introduction{display:flex;flex-direction:column;gap:40px;max-width:600px}.project-hero-introduction h1{font-size:100px;font-weight:100;line-height:80px;margin:0;color:var(--pure-white)}.project-hero-introduction p{font-size:14px;font-weight:200;line-height:24px;margin:0;color:var(--pure-white)}.project-hero-metadata{display:flex;flex-direction:row;gap:8px;align-items:center}.project-hero-metadata h5{font-size:12px;font-weight:500;color:var(--pure-white);margin:0}.project-hero-metadata span{height:4px;width:4px;background-color:var(--pure-white);border-radius:50%}.link-button-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.project-hero-content.has-summary{display:grid;grid-template-columns:minmax(0,600px) minmax(0,600px);justify-content:space-between;column-gap:60px;row-gap:20px}.project-hero-content.has-summary .project-hero-introduction{display:contents}.project-hero-content.has-summary .project-hero-metadata,.project-hero-content.has-summary h1{grid-column:1 / -1;margin-bottom:20px}.project-hero-content.has-summary p,.project-hero-content.has-summary .link-button-group{grid-column:1;align-self:start}.project-hero-content.has-summary .project-hero-summary{grid-column:2;grid-row:3 / span 2}@media screen and (max-width:1200px){.project-hero-section{padding:40px 60px 60px;gap:80px}.project-hero-introduction h1{font-size:80px;line-height:90px}.project-hero-introduction{gap:30px}.project-hero-content.has-summary{grid-template-columns:minmax(0,1fr)}.project-hero-content.has-summary .project-hero-metadata,.project-hero-content.has-summary h1{margin-bottom:10px}.project-hero-content.has-summary .project-hero-summary{grid-column:1;grid-row:auto;margin-top:20px}}@media screen and (max-width:768px){.project-hero-section{padding:28px 24px 60px;gap:60px}.project-hero-metadata h5{font-size:10px}.project-hero-introduction h1{font-size:60px;line-height:70px}.project-hero-introduction p{font-size:12px;line-height:20px}.project-hero-introduction{gap:20px}}