*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Playfair Display,serif;overflow-x:hidden}body{background:#f7f7f7}html{font-size:62.5%}section{margin-inline:auto;width:1400px}@media(max-width:1435px){section{width:1200px}}@media(max-width:1220px){section{width:900px}}@media(max-width:950px){section{padding-inline:2rem;width:100%}}nav{justify-content:space-between;margin-inline:auto;padding-block:3rem;width:1400px}nav,nav .left-side{align-items:center;display:flex}nav .left-side{gap:1rem}nav .left-side span{font-size:1.8rem}nav .left-side .line{font-size:3rem;font-weight:700}nav .right-side{align-items:center;display:flex;font-size:1.8rem;gap:5rem}.fa-bars,.fa-times{display:none}@media(max-width:1435px){nav{width:1200px}}@media(max-width:1220px){nav{width:900px}}@media(max-width:950px){nav{padding:2rem;position:relative;width:100%}nav .right-side{gap:4rem}.right-side{background:flex;background-color:#000;-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0);color:#fff;display:block;flex-direction:column;left:0;padding:1.5rem 5%;position:absolute;right:0;top:100%;transition:all .4s linear;width:100%}.right-side .link:hover{font-weight:700}.active{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:100}.fa-bars,.fa-times{cursor:pointer;display:inline;display:initial;font-size:2rem}}.hero-section-parent{background:#f7f7f7;min-height:80vh}.hero-section,.hero-section-parent{align-items:center;display:flex;justify-content:space-between}.hero-section .main-side{align-items:flex-start;display:flex;flex-direction:column;gap:3rem}.hero-section .main-side .title{font-size:7rem;line-height:1.2;width:72%}.hero-section .main-side .details{font-size:1.8rem;line-height:1.6}.hero-section .main-side .click-btn{align-items:center;background:#000;color:#fff;cursor:pointer;display:flex;font-family:Playfair Display,serif;font-size:1.8rem;gap:1rem;padding:2rem 2.5rem}.fa-long-arrow-right{font-size:1.6rem}@media(max-width:950px){.hero-section{flex-direction:column-reverse;gap:4rem;padding-block:4rem}.hero-section .main-side{align-items:flex-start;display:flex;flex-direction:column;gap:3rem;width:100%}.hero-section .left-side .title{width:100%}}.project-container{padding-bottom:7rem}.project-container .top-content{align-items:flex-start;display:flex;flex-direction:column;gap:6rem;padding-top:4rem}.project-container .top-content .project-heading{align-self:center;font-size:3rem;font-weight:700;line-height:1.3}.project-container .top-content .project-briefing{font-size:1.8rem;line-height:1.6;text-align:center}.project-container .top-content .projects{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:repeat(3,1fr);place-items:center}.project-container .footer{font-size:1.8rem;margin-top:5rem;text-align:center}.project-container .footer .link{font-size:2rem;font-weight:700}@media(max-width:1220px){.project-container .top-content .projects{gap:5rem;grid-template-columns:repeat(2,1fr)}}@media(max-width:950px){.project-container .top-content .projects{gap:5rem;grid-template-columns:repeat(1,1fr)}}.card{background:#fff;box-shadow:0 8px 24px #959da533;display:flex;flex-direction:column;height:650px;justify-content:space-between}.card,.card .project-image{width:100%}.card .project-title{font-size:2.2rem;padding-inline:2rem;text-transform:capitalize}.card .project-brief,.card .project-brief:nth-child(4){font-size:1.8rem;line-height:1.6;padding-inline:2rem}.card .project-brief:nth-child(4) .project-stack{font-size:1.8rem;font-weight:600;line-height:1.6}.card button{align-items:center;background:#000;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;gap:.5rem;margin:2rem;padding:1rem 3rem;text-transform:capitalize}.card button:hover{background:none;border:.2rem solid #000;color:#000;text-decoration:none}@media(max-width:950px){.card{background:#fff;border-radius:3rem;box-shadow:0 8px 24px #959da533;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:space-between;width:100%}.card .project-title{margin-top:3rem}}
/*# sourceMappingURL=main.7dd295cc.css.map*/