#banner{height:100vh;min-height:512px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative}#banner:has(+.content>.container){margin-bottom:60px}#banner figure,#banner video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#banner figure img,#banner video img{width:100%;height:100%;object-fit:cover}#banner .container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;color:var(--color-white);position:relative}#banner .container h1{line-height:1.1;margin-bottom:40px;font-weight:400;text-align:center;font-family:var(--title-font-family);font-size:clamp(64px,8vw,128px);text-shadow:0 0 20px rgba(var(--color-black-rgb), 1)}.portfolio{position:relative;overflow:hidden}.portfolio section{position:absolute;left:0;right:0;bottom:0;transition:.5s ease;transform:translateY(100%);background:var(--color-white);padding:20px}.portfolio section h2{font-weight:400 !important;margin:0 !important;font-size:18px !important}.portfolio:hover section{transform:translateY(0)}