:root{--navy:#082b59;--deep:#031d3d;--yellow:#ffd900;--red:#ed1c2e;--blue:#1687e8;--cream:#fff8e8;--ink:#081d3c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#fff;background:var(--deep)}a{text-decoration:none;color:inherit}.topbar{height:84px;display:flex;align-items:center;gap:26px;padding:10px 4vw;background:#fffaf0;color:var(--ink);position:sticky;top:0;z-index:20;box-shadow:0 4px 20px #0004}.brand img{width:190px;display:block}.topbar nav{display:flex;gap:24px;margin-left:auto;font-weight:800;text-transform:uppercase;font-size:13px}.topbar nav a:hover{color:var(--red)}.nav-toggle{display:none;margin-left:auto;background:none;border:0;color:var(--ink);font-size:26px}.btn{display:inline-block;border:0;border-radius:12px;padding:15px 22px;font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:0 7px 18px #0003}.btn.small{padding:11px 18px}.yellow{background:var(--yellow);color:var(--ink)}.red{background:var(--red);color:#fff}.blue{background:var(--blue);color:#fff}.navy{background:var(--navy);color:#fff}.hero{min-height:650px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,#042552 0%,#042552d9 42%,#0425524d 70%),url('assets/site-concept.png') center 10%/cover no-repeat;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#021a38aa,transparent 45%)}.hero-copy{position:relative;max-width:780px;padding:70px 5vw}.eyebrow{font-weight:900;letter-spacing:1.5px}.eyebrow.dark{color:var(--navy)}h1{font-size:clamp(48px,7vw,96px);line-height:.92;margin:15px 0 25px;text-transform:uppercase;font-weight:1000;font-style:italic}h1 span{color:var(--yellow)}.hero-copy>p:not(.eyebrow){font-size:21px;line-height:1.5;max-width:650px;font-weight:700}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.section{padding:70px 5vw}.menu{background:var(--yellow);color:var(--ink)}.section-title{display:flex;justify-content:space-between;gap:30px;align-items:end;max-width:1200px;margin:auto}.section-title h2,.story h2,.contact h2,.card h2{font-size:clamp(36px,5vw,64px);margin:5px 0 20px;text-transform:uppercase;font-style:italic}.section-title>p{max-width:420px;font-weight:700}.menu-grid{max-width:1200px;margin:35px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.menu-grid article{background:var(--navy);color:#fff;border-radius:14px;padding:24px;min-height:165px;border-bottom:6px solid var(--red);transition:.2s}.menu-grid article:hover{transform:translateY(-4px)}.menu-grid h3{margin:0 0 10px;font-size:22px;text-transform:uppercase}.menu-grid p{line-height:1.45;margin:0;color:#d9ebff}.story{display:grid;grid-template-columns:1.1fr .9fr;gap:0;padding:0;background:#aa1f2d}.story>div:first-child{padding:70px 7vw}.story p{line-height:1.7;font-size:18px}.tag{font-weight:900;color:var(--yellow)}.story-art{min-height:440px;display:grid;place-items:center;background:linear-gradient(135deg,#ed1c2e,#ff8a18);font-size:clamp(40px,6vw,80px);font-weight:1000;font-style:italic;text-align:center}.split{display:grid;grid-template-columns:1fr 1fr}.card{padding:65px 7vw;color:var(--ink)}.find{background:var(--cream)}.catering{background:var(--yellow)}.card p{font-size:18px;line-height:1.6}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--navy)}.contact p{line-height:1.6;font-size:18px}.contact form{display:grid;gap:14px}.contact label{font-weight:800}.contact input,.contact textarea{width:100%;margin-top:7px;padding:14px;border-radius:9px;border:2px solid transparent;font:inherit}.contact input:focus,.contact textarea:focus{outline:none;border-color:var(--yellow)}.form-note{font-size:14px!important;margin:0}footer{text-align:center;padding:38px 5vw;background:#fffaf0;color:var(--ink)}footer img{width:210px;max-width:70%}footer p{color:var(--ink)}@media(max-width:900px){.topbar{height:auto;min-height:72px}.brand img{width:150px}.topbar>.btn{display:none}.nav-toggle{display:block}.topbar nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fffaf0;color:var(--ink);flex-direction:column;padding:24px 5vw;box-shadow:0 10px 20px #0003}.topbar nav.open{display:flex}.hero{min-height:600px;background-position:60% top}.hero-copy{padding-top:110px}.menu-grid{grid-template-columns:repeat(2,1fr)}.story,.contact{grid-template-columns:1fr}.split{grid-template-columns:1fr}.section-title{display:block}}@media(max-width:560px){.hero{min-height:650px}.hero-copy{padding:80px 22px 55px}.actions{display:grid}.actions .btn{text-align:center}.menu-grid{grid-template-columns:1fr}.section{padding:55px 22px}.story>div:first-child,.card{padding:55px 22px}.topbar{padding:10px 18px}.brand img{width:135px}}
/* Real Filipino Fusion food photography */
.menu-grid article{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:330px}.menu-photo{width:100%;height:205px;object-fit:cover;display:block;background:#fff}.menu-copy{padding:18px 20px 22px;flex:1}.menu-photo.placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#0b4f99,#082b59);color:#ffd900;text-transform:uppercase;font-weight:1000;font-style:italic;text-align:center;padding:20px}.menu-photo.placeholder span{font-size:24px}.menu-grid h3{margin:0 0 9px}.menu-grid p{margin:0}.menu-grid article:nth-child(3) .menu-photo{object-position:center 45%}.menu-grid article:nth-child(5) .menu-photo{object-position:center 55%}
.story-art{background:linear-gradient(135deg,#087f3c,#25a95a)}
