*{box-sizing:border-box}
html,body{margin:0;background:#f7f1e7;color:#263b59}
body{font-family:Georgia,serif}
.home{height:100svh;display:flex;align-items:center;justify-content:center;position:relative;padding:18px;overflow:hidden}
.frame{position:absolute;inset:15px;border:1px solid #263b59;border-radius:78px 78px 18px 18px}
.hero{width:min(920px,94vw);text-align:center;position:relative;z-index:1}
h1{font-family:'Aref Ruqaa',serif;font-size:82px;font-weight:400;line-height:1;margin:0 0 28px}
.track{width:min(850px,96vw);margin:0 auto 30px}
.track svg{display:block;width:100%;height:auto}
.track path{fill:none;stroke:#263b59;stroke-width:4;stroke-linecap:round}
.track .thin{stroke-width:1.5;opacity:.55}
.button{display:inline-block;text-decoration:none;background:#263b59;color:#fff;padding:14px 34px;font:11px Arial,sans-serif;letter-spacing:4px}
.menu-page{padding:28px 10px 50px}
.menu-title{text-align:center;font-family:'Aref Ruqaa',serif;font-size:58px;font-weight:400;color:#263b59;margin:0 0 28px}
.menu-images{max-width:1050px;margin:auto;display:flex;flex-direction:column;gap:18px}
.menu-images img{width:100%;height:auto;display:block}
@media(max-width:650px){
 .frame{inset:10px;border-radius:52px 52px 14px 14px}
 h1{font-size:68px}
 .track{width:100%;margin-bottom:28px}
 .menu-page{padding:18px 7px 35px}
 .menu-images{gap:12px}
}