*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Space Grotesk',Arial,sans-serif;color:#090909} .hero{height:100vh;min-height:760px;background:url('assets/hero.png') center/cover no-repeat;position:relative;color:white}.shade{position:absolute;inset:0;background:rgba(0,0,0,.42)}.brand,.heroWords{position:absolute;z-index:1;font-family:'Unbounded',sans-serif}.brand{top:8%;left:4%;font-size:36px;font-weight:900;letter-spacing:-1.5px}.heroWords{left:4%;top:37%;display:flex;flex-direction:column;gap:42px}.heroWords a{color:#fff;text-decoration:none;font-size:64px;line-height:.9;font-weight:900;letter-spacing:-3px}.about{min-height:880px;padding:9% 17%;display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center;background:#fafafa}.copy{display:flex;flex-direction:column;gap:110px}.about h1,.about h2,.experience h2,.contact h2{font-family:'Unbounded',sans-serif;font-weight:800;letter-spacing:-2px;margin:0 0 38px}.about h1{font-size:42px}.about h2{font-size:34px;line-height:.95}.about p,.contact p{font-size:18px;line-height:1.55;max-width:650px}.mark{width:100%;max-width:600px;justify-self:center}.experience{position:relative;min-height:760px;padding:8% 17% 10%;text-align:center;background:#fafafa;overflow:hidden}.experience:before{content:'';position:absolute;top:0;left:-2%;width:104%;height:42px;background:#000;clip-path:polygon(0 0,25% 45%,100% 0,100% 8%,25% 57%,0 12%)}.experience:after{content:'';position:absolute;bottom:0;left:-2%;width:104%;height:115px;background:#000;clip-path:polygon(0 5%,72% 100%,100% 5%,100% 100%,0 100%)}.experience h2{font-size:42px;margin-bottom:130px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:100px 55px;font-family:'Unbounded',sans-serif;font-size:20px;font-weight:800;align-items:center}.contact{min-height:780px;background:#000;color:#eee;padding:9% 17%;display:grid;grid-template-columns:.8fr 1.3fr;gap:12%;align-items:start}.contact h2{font-size:44px;margin-bottom:12px}.contact p{max-width:460px;color:#ddd}form{padding-top:8px}label{display:block;font-size:12px;color:#aaa;margin-bottom:20px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:8px}input,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #777;color:white;padding:12px 0;font-size:16px;outline:none}textarea{height:85px;resize:vertical}button{margin-top:0;background:transparent;color:white;border:1px solid white;border-radius:0 0 18px 0;padding:18px 34px;cursor:pointer}button:hover{background:white;color:black}@media(max-width:900px){.heroWords a{font-size:42px}.about,.contact{grid-template-columns:1fr;padding:14% 8%}.copy{gap:55px}.mark{max-width:430px}.experience{padding:15% 7%}.experience h2{margin-bottom:70px}.grid{grid-template-columns:1fr 1fr;gap:55px 20px}.contact{gap:60px}.brand{font-size:27px}.twocol{grid-template-columns:1fr}}