*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{width:100%;height:100%;font-family:dm sans,Helvetica,Arial,sans-serif;font-size:1.6rem;font-weight:400;color:#000;overflow:hidden}.container{display:grid;grid-template-rows:140px 1fr 100px;height:100vh}.header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center}.nav-logo{text-decoration:none;color:#000;height:100%;border:1px solid #000;padding:1.6rem;display:flex;flex-direction:column;justify-content:center}.header .nav-header{height:100%;grid-column:2/5;display:flex}.nav-brand .medium-p{margin-top:.4rem}.nav-header a:focus,.nav-header a:link,.nav-header a:visited{height:100%;width:100%;font-size:1.6rem;font-weight:600;text-decoration:none;color:#000;border-top:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000;padding:1.6rem;display:flex;align-items:center}.nav-header a:active,.nav-header a:hover{background-color:#ddd}.main{display:flex;align-items:stretch;height:auto;overflow:hidden}.large-btn:link,.large-btn:visited{width:100%;height:100%;border-bottom:1px solid #000;border-right:1px solid #000}.grid-item{position:relative;width:100%;height:100%}.grid-item img{width:100%;height:100%;object-fit:cover}.label-btn{position:absolute;bottom:0;left:0;width:100%;background:#fff;padding:2.4rem;box-sizing:border-box;z-index:10}.large-btn:active .label-btn,.large-btn:focus .label-btn,.large-btn:hover .label-btn{background-color:#ddd}.footer{display:flex;justify-content:space-between;align-items:center;background:#000;color:#fff;padding:1.6rem}.footer-logo{max-width:580px;display:flex;gap:2.4rem}.footer-logo .heading-primary{color:#fff}.nav-footer{display:flex;justify-content:center;gap:2rem}.nav-footer a:focus,.nav-footer a:link,.nav-footer a:visited{font-size:1.4rem;font-weight:600;color:#fff;text-decoration:none}.nav-footer a:active,.nav-footer a:hover{color:#ddd}.main-body{width:100%;height:auto;overflow:hidden}.body-header{padding:1.6rem}.body-header .back-btn{margin-bottom:2.4rem}.body-header .large-p,.body-header h2{margin-bottom:1.6rem}@media (max-width:900px){.header{grid-template-columns:1fr;grid-template-rows:auto auto;text-align:center}.header .nav{justify-content:center;gap:1.5rem}.main{grid-template-columns:1fr}}@media (max-height:650px){.header{grid-template-rows:100px}.footer{font-size:.65rem}.label{font-size:.8rem}}.heading-primary{font-size:2.8rem;font-weight:700;text-decoration:none;color:#000}.heading-secondary{font-size:4.8rem;font-weight:600;color:#000;line-height:1}.heading-tertiary{font-size:1.6rem;font-weight:600;text-decoration:none;color:#000}.logo-footer{font-size:2.8rem;font-weight:700;color:#000}.large-p{font-size:1.6rem;font-weight:400;color:#000}.large-p,.medium-p{line-height:1.2;max-width:350px}.medium-p{font-size:1.4rem;font-weight:500;color:#333}.small-p{color:#ddd;font-size:1.2rem;font-weight:500;line-height:1.2}.back-btn:focus,.back-btn:link,.back-btn:visited{display:flex;align-items:center;gap:8px;font-size:1.6rem;font-weight:600;color:#000;text-decoration:none;cursor:pointer;transition:.3s ease}.back-btn:active,.back-btn:hover{color:#555}