.page-hdr{overflow:hidden;position:relative;z-index:5}.page-hdr figure{background:var(--dark);inset:0;position:absolute}.page-hdr figure img{height:100%;object-fit:cover;object-position:center;opacity:.25;width:100%}.page-hdr .content{padding:50px var(--spacer);position:relative;text-align:center;z-index:5}.page-hdr .content h1{color:#fff;margin-bottom:10px;padding:0 0 2rem;position:relative}.page-hdr .content h1:after{background:var(--primary);bottom:0;content:"";height:5px;left:calc(50% - 50px);position:absolute;width:100px}.hero .content h1{font-size:2.75rem;margin-bottom:2rem}.hero .content p{color:hsla(0,0%,100%,.85);font-size:1.25rem}.hero .content .button{background:rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.2);color:var(--primary);font-size:1.1rem}.hero .content .button:hover{background:rgba(0,0,0,.5);border-color:inherit}.hero .content .button:after{display:none}@media (min-width:768px){.hero .content{display:grid;grid-template-columns:55% auto;justify-items:flex-start;margin:0 auto;max-width:var(--max-width);padding:5rem var(--spacer) 5rem var(--spacer);text-align:left}.hero .content>*{grid-column:1}.hero .content h1{font-size:3.5rem}.hero .content h1:after{left:0}.hero figure{background:linear-gradient(90deg,#191919 6%,#605c5c 33%,#fff 59%)}.hero figure img{mix-blend-mode:multiply;opacity:1}}@media (min-width:992px){.page-hdr{margin-top:var(--fixed-header-height)}.page-hdr .content{padding:100px var(--spacer)}.hero .content{padding:7rem var(--spacer) 7rem var(--spacer)}.hero .content h1{font-size:4.5rem}.hero .content p{font-size:1.5rem;font-weight:300;width:80%}}