.p1{background-color:#fff;.hero{width:100%;position:relative}.hero-bg{position:absolute;height:100%;width:100%;object-fit:cover}.frame1{z-index:10;min-height:515px;position:relative;border-bottom:1px solid rgba(197,197,197,.34);.frame1-text{position:absolute;left:75px;bottom:30px;font-size:60px;color:#fff}.frame1-text .highlight{background-color:var(--color-mc)}}.frame2{position:relative;z-index:10;height:100%;display:flex;justify-content:space-between;padding-inline:75px;padding-block:30px;color:#fff;.frame2-title{color:#c5c5c5;padding-right:10px}.frame2-text{max-width:700px;display:flex;flex-direction:column;justify-content:space-between}.frame2-text span{padding-bottom:20px;font-size:20px;text-align:end}.frame2-btn{font-size:18px;margin-left:auto;border:1px solid white;border-radius:4px;width:fit-content;padding-inline:20px;padding-block:15px;cursor:pointer}}.cards{display:flex;justify-content:space-between;padding-inline:75px;padding-block:75px}.card{.card-title{font-size:60px}}.works>*{flex:1 1 var(--min);padding-block:20px}.works{--min: 300px;--gap: 1rem;display:flex;flex-wrap:wrap;gap:var(--gap);padding-inline:75px;.works-wrapper{position:relative;top:50%;transform:translateY(-50%)}.works-title{font-size:35px;padding-bottom:10px}.works-desc{padding-right:20px}.works-link{text-decoration:underline}.work{.work-title{font-size:30px;font-weight:500;margin-block:5px}.work-thumbnail{width:100%;height:400px;object-fit:cover;filter:brightness(70%) contrast(70%) saturate(0%) sepia(40%) saturate(300%) hue-rotate(315deg)}}}.preview{padding-block:40px;padding-inline:75px;padding-bottom:60px;.preview-wrapper{background-color:var(--color-mc);position:relative}.preview-bg{height:400px;width:100%;object-fit:cover}.preview-info{position:absolute;bottom:0;color:#fff;padding-inline:20px;padding-block:25px}.preview-title{font-family:"DM Serif Display";font-size:30px}}@media (max-width: 850px){.hero{display:block;height:fit-content}.frame1{min-height:0px;.frame1-text{font-size:40px;position:static;text-align:center;padding-block:50px;padding-top:264px}}.frame2{display:block;padding-inline:25px;.frame2-text span{text-align:start;padding-block:20px}.frame2-btn{margin-left:0;margin-right:auto}}.cards{display:block;padding-block:30px}.card{text-align:center;padding-block:30px}.works,.preview{padding-inline:25px}}}