#service .summary-services h2,#service h1,.page h1,#project h1{margin-top:0;margin-bottom:0;font-family:poppins,sans-serif;font-weight:700;font-size:3rem}@media(max-width:32rem),(max-height:32rem){#service .summary-services h2,#service h1,.page h1,#project h1{font-size:2.5rem}}#service .summary-services h2::after,#service h1::after,.page h1::after,#project h1::after{content:"+";position:relative;top:-5rem;left:2rem;color:#edb713;font-size:1.5rem;font-weight:500;font-family:raleway,sans-serif;white-space:pre}#service h2,.page h2,#project h2{margin-top:.5rem;margin-bottom:0;font-family:poppins,sans-serif;font-weight:700;font-size:1.5rem}#project{margin-top:7rem;max-width:120rem;margin-left:auto;margin-right:auto;padding-left:4rem;padding-right:4rem;box-sizing:border-box;overflow:hidden;display:grid;grid-template-columns:3fr;grid-auto-columns:minmax(25rem,1fr);grid-template-areas:"visual heading" "visual description" "visual .";column-gap:4rem}@media(max-width:64rem){#project{padding-left:1rem;padding-right:1rem}}@media(max-width:32rem),(max-height:32rem){#project{padding-left:.5rem;padding-right:.5rem}}@media(max-width:100rem){#project{grid-template-areas:"heading" "visual" "description"}}#project .heading{grid-area:heading;padding-top:1rem}#project .visual-content{grid-area:visual}#project .description{grid-area:description}#project ul.services{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}#project ul.services li{margin:.25rem;margin-left:0;margin-right:.5rem}#project ul.services a{font-size:1rem;margin:0;padding:.1rem .2rem;text-transform:none;text-decoration:none}#project .video-container{padding-top:56.25%;position:relative}#project .video-container iframe,#project .video-container .cookie-disclaimer{position:absolute;top:0;left:0;width:100%;height:100%}#project .stills-container{display:flex;flex-wrap:wrap}#project .stills-container>*{width:50%;flex-grow:1;overflow:hidden;aspect-ratio:1/1;position:relative}#project .stills-container img{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;transition-property:width,height,filter;transition-duration:200ms}#project .stills-container img:hover{filter:saturate(120%);width:105%;height:105%}#project .stills-container:first-child>:first-child{aspect-ratio:unset;width:100%}#project .credits{padding:0;list-style:none}#project .credits h3{margin-top:1rem;margin-bottom:0;font-family:poppins,sans-serif}#project .credits ul{list-style:none;padding-left:1rem}#project .pagination{display:flex;align-items:center;flex-wrap:wrap}#project .pagination a{flex-grow:1;min-width:50%;white-space:nowrap;overflow:hidden;text-align:center;margin:.25rem 0;position:relative}#project .pagination a svg{width:1rem;position:absolute;top:.25rem}#project .pagination a.prev svg{transform:rotate(90deg);left:2pt}#project .pagination a.next svg{transform:rotate(-90deg);right:2pt}#project .pagination .separator{flex-grow:0;width:unset;font-size:2rem;font-weight:300;margin:0 .5rem}.page{max-width:80rem;margin-top:7rem;margin-left:auto;margin-right:auto;padding:0 4rem}@media(max-width:64rem){.page{padding:1rem!important}}@media(max-width:32rem),(max-height:32rem){.page{min-width:100%!important;padding:.5rem!important}}.page h1::after{content:""}#lightbox{position:fixed;top:-101vh;left:0;bottom:101vh;right:0;z-index:500;display:flex;background-color:transparent;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;transition-property:top,bottom,background-color;transition-duration:200ms}#lightbox::-webkit-scrollbar{display:none}#lightbox article{width:100%;height:100%;flex-shrink:0;scroll-snap-align:center;padding:2.5rem;box-sizing:border-box}#lightbox article img{width:100%;height:100%;object-fit:contain}#lightbox button{position:fixed;font-size:2rem;width:2.5rem;box-sizing:border-box;padding:.25rem;opacity:0;transition-property:opacity;transition-duration:200ms}#lightbox #close{top:0;right:0}#lightbox #prev{left:0;top:0;bottom:0;margin:5rem 0}#lightbox #next{right:0;top:0;bottom:0;margin:5rem 0}html.show-lightbox{overflow:clip}html.show-lightbox #lightbox{top:0;bottom:0;background-color:rgba(0,0,0,.5)}html.show-lightbox #lightbox button{opacity:1}html.show-lightbox main,html.show-lightbox nav,html.show-lightbox header,html.show-lightbox footer{filter:blur(1rem)}main,nav,header,footer{transition-property:filter;transition-duration:200ms}#service{margin-top:5rem}#service section,#service .intro>div{box-sizing:content-box;margin-left:auto;margin-right:auto;padding:0 4rem;max-width:80rem}@media(max-width:64rem){#service section,#service .intro>div{padding:0 1rem}}@media(max-width:32rem),(max-height:32rem){#service section,#service .intro>div{padding:.5rem}}#service .intro{grid-column:span 2;background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)),url(/img/mhz-sight.jpg);background-size:cover;background-position:50%;padding:4rem;max-width:unset;padding-left:unset;padding-right:unset}#service .projects{max-width:80rem}#service .summary-services{margin:1rem 0;display:grid;grid-template-columns:min-content;grid-template-rows:min-content 1fr;grid-template-areas:"visual heading" "visual description";column-gap:1rem;row-gap:.5rem;max-height:12.5rem;overflow:hidden}@media(max-width:64rem){#service .summary-services{grid-template-columns:minmax(10rem,18rem);grid-template-rows:auto 10rem;grid-template-areas:"heading heading" "visual description";max-height:unset;column-gap:.5rem;row-gap:.25rem}}@media(max-width:32rem),(max-height:32rem){#service .summary-services{grid-template-areas:"heading" "visual" "description";max-height:unset;column-gap:unset;grid-template-columns:1fr;justify-items:stretch}}#service .summary-services:hover{text-decoration:none}#service .summary-services .heading{grid-area:heading}#service .summary-services .visual{grid-area:visual;height:12.5rem;width:22.5rem;object-fit:cover;position:relative;overflow:hidden}@media(max-width:64rem){#service .summary-services .visual{height:100%;width:100%}}#service .summary-services img{z-index:0;position:absolute;width:100.2%;height:100.2%;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;transition-property:width,height,filter;transition-duration:200ms}#service .summary-services:hover{filter:saturate(120%)}#service .summary-services:hover img{width:105%;height:105%}#service .summary-services .description{grid-area:description}#service .summary-services h2{font-size:2rem;margin:0;color:#fff}#service .summary-services h2::after{top:-2.75rem;left:1.5rem}#service .summary-services:hover h2{color:#edb713}#service .summary-services .small-title{font-size:1rem}#service .summary-services .description{color:#fff;margin:0}