.Hero{margin:3.75rem 6.688rem;display:flex;padding:2rem 8rem;align-items:center;justify-content:space-between}.tagline{max-width:16.25rem;margin:0;text-align:left}.collage-shape{margin:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;justify-items:center;align-items:center}.shape{background-size:cover;background-position:center}.item1{width:11.438rem;height:13.563rem;border-radius:1.875rem 3.75rem;justify-self:end;align-self:end}.item2{width:8.875rem;height:10.438rem;border-radius:3.75rem;justify-self:start;align-self:end}.item3{width:8.875rem;height:10.438rem;border-radius:3.75rem;justify-self:end;align-self:start}.item4{width:11.563rem;height:14.188rem;border-radius:3.75rem 1.875rem;justify-self:start;align-self:start}.portofolio-section{margin:3.75rem 6.6875rem;padding:2rem 8rem}.portofolio-header{display:flex;justify-content:space-between;align-items:center}.hook{display:flex;flex-direction:column;align-items:flex-end;text-align:right;line-height:1.1}.portofolio-card{display:flex;justify-content:center;gap:2rem;margin:1.5rem}.portofolio-card .col{display:flex;flex-direction:column}.card{width:14.375rem;border-radius:1.5rem;height:21.875rem;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.card.short{height:13.125rem}.card.tall{height:21.875rem}.col .card+.card{margin-top:1.25rem}.about-us{margin:3.75rem 6.6875rem;padding:2rem 8rem;display:flex;gap:2rem;align-items:center}.about-us .card{width:24rem;height:31.688rem}.about-us .story h3{text-align:justify}@media(max-width:1199px){.Hero{margin:3rem;gap:2rem}.portofolio-section,.about-us{margin:3rem;padding:2rem 3rem}.portofolio-card{gap:1.25rem}.portofolio-card .col:nth-child(n+5){display:none}.card{width:12rem}.card.short{height:11rem}.card.tall{height:18rem}.about-us .card{margin-top:1rem}}@media(max-width:768px){.Hero{flex-direction:column-reverse;text-align:center;margin:2rem 1.5rem}.tagline{max-width:100%;text-align:center;margin-bottom:2rem}.collage-shape{margin:1rem 0}.portofolio-section,.about-us{margin:2.5rem 1.5rem;padding:1rem}.portofolio-header{flex-direction:column;text-align:center;gap:1rem}.hook{align-items:center;text-align:center}.portofolio-card{flex-direction:column;align-items:center;margin:1rem 0}.portofolio-card .col:nth-child(n+2){display:none}.col{width:100%;align-items:center}.card{width:100%;max-width:22rem}.about-us{flex-direction:column;text-align:center}.about-us .card{width:100%;max-width:22rem}}