.hero{width:100%;min-height:100vh;position:relative;padding:80px 0;display:flex;align-items:start;justify-content:center}.hero img:not(.profile){position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;z-index:1}.hero:before{content:"";background:color-mix(in srgb,var(--background-color),transparent 70%);position:absolute;inset:0;z-index:2}.hero .container{position:relative;z-index:3}.hero p{color:#ccc}.hero p span{color:#fff;letter-spacing:1px;border-bottom:1px solid var(--accent-color)}@media(max-width:768px){.hero h2{font-size:32px}.hero p{font-size:18px}}#hero .box{box-shadow:0 .5rem 1rem rgba(255,255,255,.35);padding:40px;background-color:rgba(0,0,0,.25)}.page-title{padding-top:50px}