*{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;background-color:#f5ebe0;color:#242423;scroll-behavior:smooth}.about{background-color:#d5bdaf;margin:0;padding:3.5rem}.about h1{font-size:3rem;margin:2rem 4.5rem 1rem;text-align:left}.about p{font-size:1.45rem;margin:0 4.5rem 1rem;line-height:1.6;max-width:775px;text-align:left}.about a{display:inline-block;margin:1.5rem 4.5rem 0;font-size:1.75rem;font-weight:600;padding:.5rem 1.75rem;border-radius:8px;text-decoration:none;border:3px solid transparent;background-color:transparent;color:#3e5c76;border-color:#3e5c76;transition:background-color .3s ease}.about a:hover{color:#f5ebe0;background-color:#3e5c76;border-color:#3e5c76}@media (min-width: 2560px){img{width:100%;display:block;margin:0}.about{margin:0;padding:7.5rem}.about h1{font-size:5rem;margin:4rem 4.5rem 3rem;text-align:left}.about p{font-size:2.25rem;margin:0 4.5rem 2.5rem;line-height:1.6;max-width:1250px;text-align:left}.about a{margin:1.5rem 4.5rem 0;font-size:2.5rem;font-weight:600;padding:1rem 2.75rem;border-radius:10px;text-decoration:none;border:5px solid transparent;background-color:transparent;color:#3e5c76;border-color:#3e5c76;transition:background-color .3s ease}}.contact{background-color:#3e5c76;margin:0;padding:3.5rem}.contact h1{color:#f5ebe0;font-size:5rem;margin:2rem 4.5rem 1.5rem;text-align:left}.contact nav{display:inline-block;text-align:left;background-color:#3e5c76}.contact nav a{font-size:1.1rem;text-decoration:none;font-weight:500;color:#f5ebe0;margin-left:3.5rem}.contact nav a:hover{color:#f5ebe0}.contact .custom-br{margin-top:2.5rem;background-color:#f5ebe0}@media (min-width: 2560px){.contact{background-color:#3e5c76;margin:0;padding:5.5rem}.contact h1{font-size:7.5rem}.contact nav a{font-size:2rem;margin-left:3.5rem}}.contact .custom-br{margin:5.5rem auto}.works nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;max-width:975px;margin:0 auto;margin-bottom:5rem}.works nav a{position:relative;max-width:100%;display:block;text-align:center;padding:5rem 2.5rem;font-weight:600;color:#242423;text-decoration:none;transition:transform .3s ease;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;overflow:hidden}.works nav a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f5ebe0;opacity:1;transition:opacity .3s ease;z-index:1}.works nav a>.project-title{position:relative;z-index:2}.works nav a:hover:before{opacity:.3}.works nav a:hover{transform:scale(1.05);color:#242423}header nav{display:inline-block;background-color:#d5bdaf;padding:.75rem 1rem;width:100%;text-align:right}header nav a{margin-left:2.5rem;text-decoration:none;font-weight:500;color:#333}header nav a:hover{color:#3e5c76}img{width:100%;display:block;margin:0}#intro{padding:5rem;margin:3.5rem 0}#intro h1{font-weight:900;font-size:16rem;text-align:center;color:#3e5c76}#intro h2{font-size:3.5rem;color:#d5bdaf;font-weight:700;text-align:center}#intro h2 .first-letter{color:#3e5c76}.custom-br{display:block;margin:0 auto;width:65%;height:3px;background-color:#242423}#projects main{background-color:#d5bdaf;margin:0;padding:1rem}#projects main h1{font-size:5rem;font-weight:800;margin:0 4.5rem 1rem;text-align:right;padding:3.5rem}footer{background-color:#3e5c76;margin:0;padding:1rem}footer p{margin:0 auto;margin-top:1.5rem;text-align:center;color:#f5ebe0}@media (min-width: 2560px){header nav{display:inline-block;background-color:#d5bdaf;padding:1.75rem 2rem;width:100%;text-align:right}header nav a{margin-left:5.5rem;text-decoration:none;font-size:1.5rem;font-weight:500;color:#333}header nav a:hover{color:#3e5c76}img{width:100%;display:block;margin:0}#intro{padding:7rem;margin:5.5rem 0}#intro h1{font-size:20rem}#intro h2{font-size:5rem}#projects main{background-color:#d5bdaf;margin:0;padding:5rem}#projects main h1{font-size:10rem;font-weight:800;margin:0 4.5rem 1rem;text-align:right;padding:5.5rem}#projects nav{gap:2rem;max-width:1550px;margin:5.5rem auto}#projects nav a{max-width:100%;display:block;text-align:center;padding:7rem 3.75rem;background-color:#f5ebe0;font-weight:600;font-size:1.5rem;color:#242423;text-decoration:none;transition:transform .3s ease}#projects nav a:hover{transform:scale(1.05)}}footer{background-color:#3e5c76;margin:0;padding:3rem}footer .custom-br{background-color:#f5ebe0}footer p{margin:0 auto;font-size:1.5rem;margin-top:1.5rem;text-align:center;color:#f5ebe0}nav{display:inline-block;background-color:#d5bdaf;padding:.75rem 1rem;width:100%;text-align:right}nav a{margin-left:2.5rem;text-decoration:none;font-weight:500;color:#333}nav a:hover{color:#3e5c76}.project{background-color:#f5ebe0;margin:0;padding:3.5rem}.project h1{font-size:6.5rem;margin:2rem 4.5rem 1rem;max-width:1000px;text-align:left;font-weight:900}.project h2{font-size:2rem;margin:2.5rem 4.5rem 1rem;max-width:1000px;text-align:left;font-weight:900}.project p{font-size:1.25rem;margin:0 4.5rem 1.5rem;max-width:800px;text-align:left}.media1{display:block;max-width:100%;width:auto;height:700px;margin:5rem auto;box-shadow:0 4px 12px #0000001a}.grid1{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:2.5rem;max-width:100%;width:1150px;margin:3.5rem auto}.media2,.media3{max-width:100%;width:525px;justify-self:center}.media2{grid-area:1 / 1 / 2 / 2;align-self:start}.media3{grid-area:2 / 1 / 3 / 2;align-self:end}.media4{grid-area:1 / 2 / 3 / 3;width:550px;height:auto;margin:0 auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.grid2 p{max-width:500px}@media (min-width: 2560px){nav{display:inline-block;background-color:#d5bdaf;padding:1.75rem 2rem;width:100%;text-align:right}nav a{margin-left:5.5rem;text-decoration:none;font-size:1.5rem;font-weight:500;color:#333}nav a:hover{color:#3e5c76}.project h1{font-size:10rem;max-width:1750px;margin-top:10rem;margin-left:7.5rem}.project h2{font-size:3.5rem;margin:5rem 7.5rem 1rem;max-width:1000px;text-align:left;font-weight:900}.project p{font-size:2.25rem;margin:0 7.5rem 3.5rem;max-width:1150px}.media1{max-width:100%;width:auto;height:1500px;margin:10rem auto;box-shadow:0 4px 12px #0000001a}.grid1{grid-column-gap:2.5rem;max-width:100%;width:2250px;margin:0 auto}.media2,.media3{max-width:100%;width:825px;justify-self:center}.media4{grid-area:1 / 2 / 3 / 3;width:950px;height:auto;margin:0 auto}.grid2{margin:5.5rem auto}.grid2 h2{font-size:3.5rem}.grid2 p{font-size:2.25rem;max-width:1150px}}