:root{--white:#f8f5ed;--line:rgba(255,255,255,.3)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#263029;color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.menu-page{width:100%;height:100dvh;min-height:480px;position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(20px,3.2vw,54px) clamp(20px,4.5vw,76px) clamp(16px,2.4vw,38px);isolation:isolate}.background{position:absolute;inset:0;z-index:-3;background-color:#334038;background-image:url('achtergrond.png'),radial-gradient(circle at 20% 15%,#76816e 0,transparent 32%),linear-gradient(125deg,#1e2b25 0%,#596354 48%,#252d28 100%);background-size:cover;background-position:center}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,5,12,.58) 0%,transparent 25%,transparent 75%,rgba(3,5,12,.58) 100%)}.topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:clamp(12px,2vh,26px);border-bottom:1px solid var(--line)}.brand{font:normal clamp(26px,2.3vw,38px)/1 Georgia,serif;letter-spacing:-.06em;text-decoration:none}.brand span{font-style:italic;opacity:.72}.topbar p{margin:0;font-size:clamp(9px,.72vw,12px);letter-spacing:.2em;text-transform:uppercase;opacity:.72}.welcome{position:absolute;left:50%;transform:translateX(-50%);font:italic clamp(13px,1.2vw,18px) Georgia,serif;letter-spacing:.06em;white-space:nowrap;text-shadow:0 2px 12px #000}.menu-content{min-height:0;padding:clamp(14px,2.4vh,30px) 0}.tile-grid{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(145px,240px) minmax(145px,240px);grid-template-rows:repeat(5,1fr);grid-auto-flow:column;justify-content:space-between;gap:clamp(7px,1vh,13px) 32px}.menu-tile{min-width:0;position:relative;padding:clamp(9px,1.1vw,15px);border:1px solid var(--line);background:rgba(5,9,17,.58);backdrop-filter:blur(8px);text-decoration:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(8px,1vw,15px);transition:background .22s,transform .22s,border-color .22s}.menu-tile:hover,.menu-tile:focus-visible{background:rgba(217,222,208,.93);color:#1f2922;border-color:#eef1e9;transform:translateY(-4px);outline:none}.number{font-size:9px;letter-spacing:.16em;opacity:.62}.graphic{width:clamp(22px,2vw,32px);aspect-ratio:1;border:1px solid currentColor;border-radius:50%;position:relative;opacity:.75}.graphic::before,.graphic::after,.graphic i{content:"";position:absolute;background:currentColor;left:50%;top:50%;transform:translate(-50%,-50%)}.graphic::before{width:1px;height:140%}.graphic::after{width:140%;height:1px}.graphic i{width:36%;height:36%;transform:translate(-50%,-50%) rotate(45deg);background:transparent;border:1px solid currentColor}.menu-tile strong{font:normal clamp(12px,1vw,16px) Georgia,serif;overflow-wrap:anywhere}.arrow{font-size:13px;opacity:.65}.bottom-bar{border-top:1px solid var(--line);padding-top:clamp(12px,2vh,23px);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;text-transform:uppercase;opacity:.67}.sub-title{font-size:clamp(18px,2vw,30px);font-weight:bold;text-transform:uppercase;letter-spacing:.14em}.sub-grid{grid-template-rows:repeat(3,1fr);align-content:center;height:min(72%,520px);margin:auto 0}.home-return{color:var(--white);text-decoration:none;padding:8px 18px;margin:-9px 0;border:1px solid var(--line);background:rgba(5,9,17,.66);font-size:10px;transition:background .2s,color .2s}.home-return:hover,.home-return:focus-visible{background:var(--white);color:#111522;outline:none}.sub-footer{align-items:center;opacity:1}.sub-footer>span{opacity:.67}@media(max-width:600px){.menu-page{padding:16px;min-height:520px}.topbar p{display:none}.welcome{left:auto;right:0;transform:none;font-size:12px}.menu-content{padding:10px 0}.tile-grid{grid-template-columns:minmax(120px,42vw) minmax(120px,42vw);gap:6px 12vw}.menu-tile{padding:7px;grid-template-columns:1fr auto;gap:5px}.number,.graphic{display:none}.menu-tile strong{font-size:11px}.bottom-bar{padding-top:10px}.sub-grid{height:72%;grid-template-rows:repeat(3,1fr)}.sub-title{font-size:14px}.sub-footer>span:first-child{display:none}}@media(max-height:650px) and (min-width:601px){.menu-page{padding-top:18px;padding-bottom:14px}.menu-content{padding:8px 0}.graphic{width:22px}}@media(prefers-reduced-motion:reduce){.menu-tile{transition:none}}