*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.header{position:relative}.header__image{width:100%;height:auto}.header__top{position:absolute;display:flex;justify-content:space-between;align-items:center;width:100%;top:0;left:0}.header__logo,.header__nav-toggle{position:relative;z-index:100;margin:1rem}.header__title{position:absolute;color:#fff;border:.1rem solid hsl(0,0%,100%);width:max-content;max-width:90%;padding:2rem 1rem;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Josefin Sans,sans-serif;font-weight:300;text-transform:uppercase}.header__nav-toggle{width:2rem;height:2rem;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%23FFF'%20fill-rule='evenodd'%3e%3cpath%20d='M0%200h24v2H0zM0%207h24v2H0zM0%2014h24v2H0z'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-color:transparent;border:none;cursor:pointer;background-size:cover}.header__nav-list{list-style-type:none;background-color:#000;position:fixed;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:1rem;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:99}.header__nav-list li a{text-decoration:none;color:#fff}.header.is-open .header__nav-list{transform:translate(0)}.header.is-open .header__nav-toggle{background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.778.808l1.414%201.414L11.414%2010l7.778%207.778-1.414%201.414L10%2011.414l-7.778%207.778-1.414-1.414L8.586%2010%20.808%202.222%202.222.808%2010%208.586%2017.778.808z'%20fill='%23FFF'%20fill-rule='evenodd'/%3e%3c/svg%3e")}.header.is-open .header__top{position:fixed}@media(min-width:50rem){.header__top{padding:1rem 4rem}.header__title{left:4rem;transform:translateY(-50%);font-size:3rem;width:40%}.header__nav-toggle{display:none}.header__nav-list{transform:translate(0);background-color:transparent;position:unset;width:unset;height:unset;flex-direction:row;padding:0;gap:3rem}.header__nav-list li a{padding:1rem 0;position:relative}.header__nav-list li a:after{content:"";position:absolute;bottom:0;left:50%;width:50%;height:.2rem;background-color:#fff;transform:translate(-50%) scaleX(0);transition:transform .3s ease-in-out}.header__nav-list li a:hover:after{transform:translate(-50%) scaleX(1)}}.intro{display:flex;flex-direction:column;margin-top:4rem;gap:3rem;justify-content:center;align-items:center;text-align:center}.intro__image{max-width:90%}.intro__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;text-align:center}.intro__title{font-family:Josefin Sans,sans-serif;font-size:2rem;font-weight:300;text-transform:uppercase}.intro__text{color:gray;font-size:.875rem}@media(min-width:50rem){.intro{align-items:flex-start;margin-bottom:9rem;position:relative;text-align:left}.intro__image{max-width:none}.intro__content{position:absolute;background-color:#fff;padding:1rem;left:50%;bottom:0}}.card-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem;margin-top:4rem}.card-container__title{font-family:Josefin Sans,sans-serif;font-weight:300;font-size:2rem;text-transform:uppercase}.card-container__grid{max-width:90%;display:grid;gap:1rem}.card-container__button{font-family:Josefin Sans,sans-serif;color:#000;background-color:#fff;letter-spacing:.1rem;border:.1rem solid hsl(0,0%,0%);padding:.5rem 3rem;margin-top:1rem;cursor:pointer;transition:background-color .3s ease-out,color .3s ease-out}.card-container__button:hover{background-color:#000;color:#fff}@media(min-width:50rem){.card-container{grid-template-areas:"title  button" "grid   grid";display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;gap:3rem}.card-container__title{text-align:left;grid-area:title}.card-container__button{justify-self:end;grid-area:button}.card-container__grid{max-width:none;width:100%;grid-area:grid;grid-template-columns:1fr 1fr 1fr 1fr}}.card{position:relative;display:flex;justify-content:center;align-items:center;text-align:left;width:100%;cursor:pointer}.card__image-container{width:100%}.card__image{width:100%;transition:opacity .3s ease-in}.card__title{width:80%;font-family:Josefin Sans,sans-serif;color:#fff;font-weight:300;position:absolute;font-size:1.5rem;bottom:1rem;left:1rem;text-transform:uppercase;transition:color .3s ease-in}.card:hover .card__image{opacity:.5}.card:hover .card__title{color:#000}.footer{display:flex;flex-direction:column;margin-top:4rem;justify-content:center;align-items:center;text-align:center;background-color:#000;padding:3rem 0;gap:1rem}.footer__nav{padding:2rem 0}.footer__nav-list{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem}.footer__nav-list li a{color:#fff;text-decoration:none}.footer__icon-list{display:flex;justify-content:center;align-items:center;list-style:none;gap:1rem}.footer__copyright{color:gray;font-size:.875rem}@media(min-width:50rem){.footer{display:grid;grid-template-areas:"logo icon-list" "nav-list copyright";justify-content:space-between;padding:3rem 4rem}.footer__logo{text-align:left;grid-area:logo}.footer__nav{padding:0;grid-area:nav-list}.footer__icon-list{justify-content:flex-end;grid-area:icon-list}.footer__copyright{grid-area:copyright}.footer__nav-list{flex-direction:row}.footer__nav-list li a,.footer__icon-list li a{padding:.5rem 0;position:relative}.footer__nav-list li a:after,.footer__icon-list li a:after{content:"";position:absolute;bottom:0;left:50%;width:50%;height:.1rem;background-color:#fff;transform:translate(-50%) scaleX(0);transition:transform .3s ease-in-out}.footer__nav-list li a:hover:after,.footer__icon-list li a:hover:after{transform:translate(-50%) scaleX(1)}}body{font-family:Alata,sans-serif}body:has(header.is-open){overflow:hidden}@media(min-width:50rem){main{padding:0 4rem}}