@scope(.portfolio-restaurant){:scope{--primary-color:#c77426;--secondary-color:#302f2f;--accent-color:#c08547;--header-color:#fff;--text-color:#d6d6d6;--background-color:#181814}*{box-sizing:border-box;margin:0;padding:0}:scope{background-color:var(--background-color);color:var(--text-color);scroll-behavior:smooth;margin:0;padding:0;font-family:Inter,sans-serif}ul{padding:0;list-style-type:none}a{color:inherit;text-decoration:none}h1,h2,h3{color:var(--header-color);font-family:Merriweather,serif}p{font-size:16px;font-weight:300}nav{justify-content:space-between;align-items:center;width:90%;max-width:1400px;margin:0 auto;padding:2rem 0;font-family:Merriweather,serif;font-size:16px;font-weight:500;display:flex}.logo{color:var(--primary-color);font-size:2.2rem;font-weight:800}nav ul{gap:1rem;display:flex}nav ul li{transition:color .3s}nav ul li:hover{color:var(--primary-color)}#burger{background:0 0;border:0;padding:0;display:none}h2{font-size:2.6rem}.subheader{color:var(--primary-color);letter-spacing:2px;font-size:16px}.btnContainer{z-index:1;width:fit-content;height:2rem;position:relative}.primaryBtn{text-transform:uppercase;background-color:var(--primary-color);width:fit-content;color:var(--header-color);letter-spacing:1px;box-shadow:6px 6px 0px var(--secondary-color);padding:.8rem 2rem;font-family:Merriweather,serif;font-size:16px;transition:all .3s;position:relative}.primaryBtn:hover{background-color:var(--accent-color);box-shadow:none}#hero{justify-content:space-between;align-items:center;gap:2rem;width:90%;max-width:1400px;margin:0 auto;padding:100px 0;display:flex}.hero-content{flex-direction:column;gap:1.5rem;width:fit-content;max-width:50ch;display:flex}.image-container{max-width:600px;margin-right:2rem;position:relative}.image-container:before{content:"";background-color:var(--secondary-color);z-index:1;width:100%;height:100%;position:absolute;top:2rem;left:2rem}.image-container .dots{width:80px;height:80px;position:absolute;top:50%;left:-80px;transform:translateY(-50%)}.image-container img{object-fit:contain;z-index:2;width:100%;height:auto;max-height:550px;position:relative}#team{padding:100px 0;position:relative}#team:before{content:"";background-color:var(--secondary-color);width:50%;height:70%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.team-container{justify-content:space-between;align-items:center;gap:4rem;width:90%;max-width:1400px;margin:0 auto;display:flex}.team-content{z-index:1;flex-direction:column;gap:1rem;width:fit-content;max-width:40ch;display:flex}.team-members{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:150px;display:grid;position:relative}.team-members .member{text-align:center;z-index:1;background-color:#fff;padding:.5rem}.team-members .member img{aspect-ratio:4/3;object-fit:cover;width:100%}.team-members .member h3{color:var(--background-color);margin-top:.5rem;font-size:1.4rem}.team-members .member p{color:var(--secondary-color);font-size:16px}.team-members .dots{width:80px;height:80px;position:absolute;bottom:-80px;left:-40px;transform:translateY(-50%)}#about{background-color:var(--secondary-color);margin:100px 0 0;padding:100px 0}.about-container{justify-content:space-evenly;align-items:center;gap:2rem;width:90%;max-width:1400px;margin:0 auto;display:flex}.about-card{text-align:center;flex-direction:column;align-items:center;gap:.5rem;max-width:20ch;display:flex}h3{font-size:1.4rem;font-weight:500}#dishes{justify-content:space-between;align-items:center;gap:4rem;width:90%;max-width:1400px;margin:0 auto;padding:100px 0;display:flex}.dishes-content{flex-direction:column;gap:1rem;width:fit-content;max-width:40ch;display:flex}.swiper-container{width:50%;margin-right:2rem;position:relative}.swiper{width:100%;height:100%}.swiper-slide{text-align:center;background:var(--background-color);justify-content:center;align-items:center;font-size:18px;display:flex}.swiper-slide img{object-fit:contain;filter:brightness(.9);width:100%;height:100%;display:block}.swiper-container:before{content:"";background-color:var(--secondary-color);z-index:1;width:100%;height:100%;position:absolute;top:2rem;left:2rem}.swiper-container .dots1{width:80px;height:80px;position:absolute;bottom:-2rem;left:-2rem}.swiper-container .dots2{width:80px;height:80px;position:absolute;top:-2rem;right:-2rem}footer{color:var(--secondary-color);background-color:#ddd;padding:40px 0;font-size:14px}.footer-container{justify-content:space-between;align-items:center;width:90%;max-width:1200px;margin:0 auto;display:flex}footer ul{gap:20px;display:flex}footer p{font-family:Merriweather,serif;font-size:14px}@media (width<=800px){nav ul{display:none}nav ul.open{z-index:10;background-color:var(--secondary-color);flex-direction:column;align-items:stretch;gap:0;padding:1rem;display:flex;position:absolute;top:80px;left:5%;right:5%;box-shadow:0 12px 30px #00000059}nav ul.open a{width:100%;padding:.8rem;display:block}nav ul.open .primaryBtn{text-align:center;margin-top:.5rem}#burger{cursor:pointer;display:block}h2{font-size:2rem}#hero,.team-container{flex-direction:column;align-items:center}.team-content{max-width:none}.team-members{margin-top:0}#team:before{width:100%;height:50%;top:0;left:0;transform:none}.team-members .member h3{font-size:1.2rem}.about-container,#dishes{flex-direction:column;align-items:center}.dishes-content{max-width:none}.swiper-container{width:100%}.footer-container{flex-direction:column;align-items:center;gap:1rem}}}