Section Styles full-width
Menu
Everything from the fire, with prices.
All prices are in Singapore dollars..
Section Styles full-width
Section Styles full-width
<style>
/* Main wrapper layout for the first section with dark background and border radius */
.menu-wrapper-blue {
background-color: #12214e !important;
border-radius: 10px !important;
padding: 40px !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: 1400px !important;
margin: 0 auto 40px auto !important;
}
/* Second section wrapper for transparent background */
.menu-wrapper-transparent {
background-color: transparent !important;
padding: 0 20px !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: 1400px !important;
margin: 0 auto !important;
}
.menu-columns {
display: flex !important;
gap: 50px !important;
box-sizing: border-box !important;
width: 100% !important;
}
.menu-column {
flex: 1 !important;
min-width: 0 !important;
}
/* 1. Style the category header (p containing bold text) */
.menu-wrapper-blue p:has(b),
.menu-wrapper-transparent p:has(b) {
font-family: var(--heading-font-font-family, serif) !important;
font-weight: bold !important;
font-style: normal !important;
font-size: 1.1rem !important;
border: none !important;
border-radius: 0 !important;
display: block !important;
padding: 0 0 10px 0 !important;
box-sizing: border-box !important;
margin-top: 16px !important;
margin-bottom: 8px !important;
width: 100% !important;
}
/* Blue section header colors */
.menu-wrapper-blue p:has(b) {
color: #ffffff !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
/* Transparent section header colors (Burgundy theme from original) */
.menu-wrapper-transparent p:has(b) {
color: var(--burgundy, #3B0707) !important;
border-bottom: 1px solid var(--burgundy, #3B0707) !important;
}
/* Category header with right-aligned subtitle text (e.g., Draught Beers) */
.menu-header-with-sub {
display: flex !important;
justify-content: space-between !important;
align-items: baseline !important;
width: 100% !important;
}
.menu-header-sub {
font-size: 0.8rem !important;
font-weight: normal !important;
font-family: sans-serif !important;
}
/* Fix inner bold tag behavior inside category */
.menu-wrapper-blue p:has(b) b {
border: 1px solid rgba(255, 255, 255, 0.4) !important;
border-radius: 4px !important;
padding: 2px 5px !important;
display: inline-block !important;
font-style: normal !important;
margin-left: 6px !important;
line-height: 1 !important;
color: #ffffff !important;
}
.menu-wrapper-transparent p:has(b) b {
border: 1px solid var(--burgundy, #3B0707) !important;
border-radius: 4px !important;
padding: 2px 5px !important;
display: inline-block !important;
font-style: normal !important;
margin-left: 6px !important;
line-height: 1 !important;
}
/* Specific styling for small description paragraphs */
.menu-wrapper-blue p.sqsrte-small {
font-size: 0.85rem !important;
font-weight: 400 !important;
color: #ffffff !important;
display: flex !important;
justify-content: space-between !important;
align-items: flex-end !important;
width: 100% !important;
margin-bottom: 10px !important;
padding-bottom: 0 !important;
border: none !important;
}
.menu-wrapper-transparent p.sqsrte-small {
font-size: 0.85rem !important;
font-weight: 400 !important;
color: #000000 !important;
display: flex !important;
justify-content: space-between !important;
align-items: flex-end !important;
width: 100% !important;
margin-bottom: 10px !important;
padding-bottom: 0 !important;
border: none !important;
}
.menu-column p.sqsrte-small .desc-text {
flex: 1 1 auto !important;
white-space: normal !important;
font-weight: 400 !important;
}
.menu-wrapper-blue p.sqsrte-small .desc-text { color: #ffffff !important; }
.menu-wrapper-transparent p.sqsrte-small .desc-text { color: #000000 !important; }
.menu-wrapper-blue p.sqsrte-small b {
border: 1px solid rgba(255, 255, 255, 0.4) !important;
border-radius: 4px !important;
padding: 2px 5px !important;
display: inline-block !important;
font-style: normal !important;
margin-left: 6px !important;
line-height: 1 !important;
vertical-align: middle !important;
color: #ffffff !important;
font-weight: normal !important;
}
.menu-wrapper-transparent p.sqsrte-small b {
border: 1px solid var(--burgundy, #3B0707) !important;
border-radius: 4px !important;
padding: 2px 5px !important;
display: inline-block !important;
font-style: normal !important;
margin-left: 6px !important;
line-height: 1 !important;
vertical-align: middle !important;
color: #000000 !important;
font-weight: normal !important;
}
.menu-wrapper-blue p.sqsrte-small i {
margin-left: 20px !important;
text-align: right !important;
font-style: normal !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
color: #ffffff !important;
font-weight: bold !important;
font-size: 1rem !important;
}
.menu-wrapper-transparent p.sqsrte-small i {
margin-left: 20px !important;
text-align: right !important;
font-style: normal !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
color: #000000 !important;
font-weight: bold !important;
font-size: 1rem !important;
}
/* 2. Turn standard item paragraphs with prices into a flex container */
.menu-wrapper-blue p:has(em),
.menu-wrapper-blue p:not(.sqsrte-small):has(i) {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
white-space: nowrap !important;
margin-bottom: 10px !important;
padding-bottom: 0 !important;
border: none !important;
font-weight: bold !important;
color: #ffffff !important;
}
.menu-wrapper-transparent p:has(em),
.menu-wrapper-transparent p:not(.sqsrte-small):has(i) {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
white-space: nowrap !important;
margin-bottom: 10px !important;
padding-bottom: 0 !important;
border: none !important;
font-weight: bold !important;
color: #000000 !important;
}
/* 3. Push only the italicized price to the extreme right and make it bold */
.menu-wrapper-blue p:not(.sqsrte-small) em,
.menu-wrapper-blue p:not(.sqsrte-small) i {
margin-left: auto !important;
text-align: right !important;
font-style: normal !important;
white-space: nowrap !important;
font-weight: bold !important;
color: #ffffff !important;
}
.menu-wrapper-transparent p:not(.sqsrte-small) em,
.menu-wrapper-transparent p:not(.sqsrte-small) i {
margin-left: auto !important;
text-align: right !important;
font-style: normal !important;
white-space: nowrap !important;
font-weight: bold !important;
color: #000000 !important;
}
/* Badges for coffee/drinks */
.menu-badge {
background-color: var(--burgundy, #3B0707) !important;
color: #ffffff !important;
font-size: 0.65rem !important;
padding: 2px 6px !important;
border-radius: 4px !important;
font-weight: bold !important;
letter-spacing: 0.5px !important;
display: inline-block !important;
margin-left: 6px !important;
vertical-align: middle !important;
}
/* Two-column layout for coffee grid items */
.coffee-grid-row {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
margin-bottom: 10px !important;
font-weight: bold !important;
}
.coffee-grid-item {
display: flex !important;
justify-content: space-between !important;
width: 47% !important;
white-space: nowrap !important;
}
/* Responsive layout: stack columns on smaller screens / mobile */
@media (max-width: 900px) {
.menu-columns {
flex-direction: column !important;
gap: 20px !important;
}
.menu-wrapper-blue,
.menu-wrapper-transparent {
padding: 20px !important;
}
}
</style>
<!-- SECTION 1: Blue background container -->
<section style="background-color: transparent; padding: 40px 20px 0 20px; width: 100%; box-sizing: border-box;">
<div class="menu-wrapper-blue">
<div class="menu-columns">
<!-- Left Column (Section 1) -->
<div class="menu-column">
<p>MILKSHAKES <b>D</b></p>
<p>Vanilla Bean <i>13</i></p>
<p>Oreo Cookie <b>G</b> <i>13</i></p>
<p>Special of the Week <i>15</i></p>
<p>SWEET ENDINGS AFTER THE FIRE <b>D</b></p>
<p>Burnt Cheesecake <i>13</i></p>
<p class="sqsrte-small"><span class="desc-text">richly caramelized with a savoury hint of gorgonzola piccante,<br> served with white chocolate crumble <b>G</b></span><i>10</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;">*whole cakes available at 69</p>
<p>Valrhona Dark Chocolate Brownie <b>G</b> <i>14</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text">fudge brownie topped with rum & raisin sauce,<br> served with soft serve</span></p>
</div>
<!-- Right Column (Section 1) -->
<div class="menu-column">
<p>FIOR DI PANNA SOFT SERVE <b>D</b></p>
<p>Oscietra 10g <i>28</i></p>
<p class="sqsrte-small"><span class="desc-text">crowned with oscietra caviar — rich and umami-forward<br> with nutty notes — complemented by a drizzle of fruity<br> spanish arbequina evoo</span></p>
<p>Arbequina <i>10</i></p>
<p class="sqsrte-small"><span class="desc-text">fruity, vibrant, almond-tinged spanish extra-virgin olive oil<br> finished with a sprinkle of maldon sea salt flakes</span></p>
<p>Pistachio Praline <b>N</b> <i>10</i></p>
<p class="sqsrte-small"><span class="desc-text">caramelized roasted pistachio cream, topped with chopped<br> pistachios</span></p>
<p>Hazelnut Chocolate Fudge <b>N</b> <i>10</i></p>
<p class="sqsrte-small"><span class="desc-text">rich hazelnut and chocolate cream, topped with<br> chocolate shavings</span></p>
</div>
</div>
</div>
</section>
<!-- SECTION 2: Transparent background container (Beers & Drinks) -->
<section style="background-color: transparent; padding: 20px 20px 40px 20px; width: 100%; box-sizing: border-box;">
<div class="menu-wrapper-transparent">
<div class="menu-columns">
<!-- Left Column (Section 2) -->
<div class="menu-column">
<p>
<span class="menu-header-with-sub">
<span>DRAUGHT BEERS</span>
<span class="menu-header-sub">happy hour daily before 7pm at 12*</span>
</span>
</p>
<p>Wildfire Lager <i>15*</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">singapore, 4.8% abv<br>on our house tap by 1925 brewery, this lager features slight tropical fruitiness and citrusy notes, a moderately malty backbone, and a crisp, refreshing, slightly dry finish</span></p>
<p>Deschutes Fresh Squeezed IPA <i>17*</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">usa, 6.4% abv<br>probably one of the best-selling ipas of all time, bursting with juicy citrus and grapefruit notes, like fresh hops squeezed straight into the keg!</span></p>
<p>Young Master Classic Pale Ale <i>17*</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">hong kong, 5% abv<br>an elegant balance of malty richness and a refreshing blend of north american and australian hops that deliver a delightful fruity, floral, and zesty aroma</span></p>
<p>Beer Sampler <i>16</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">a trio of our craft brews, served in tasting pours, one easy way to try them all</span></p>
<p>SPECIALTY COFFEE</p>
<div class="coffee-grid-row">
<div class="coffee-grid-item"><span>Espresso</span><span>4.5</span></div>
<div class="coffee-grid-item"><span>Extra Shot</span><span>+1.5</span></div>
</div>
<div class="coffee-grid-row">
<div class="coffee-grid-item"><span>Long Black</span><span>5</span></div>
<div class="coffee-grid-item"><span>Iced Coffee</span><span>6</span></div>
</div>
<div class="coffee-grid-row">
<div class="coffee-grid-item" style="width: 100% !important;"><span>Flat White</span><span>6</span></div>
</div>
<div class="coffee-grid-row">
<div class="coffee-grid-item" style="width: 100% !important;"><span>Iced Coffee with Milk</span><span>7</span></div>
</div>
<p>Bread & Butter <span class="menu-badge">HOUSE BLEND</span></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">morning, singapore<br>brazil nuts, dark chocolate</span></p>
<p>Old Dog</p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">fritz coffee company, south korea<br>caramel, dark chocolate</span></p>
<p>Rich Hazelnut <span class="menu-badge">N</span> <span class="menu-badge">SIGNATURE ICED COFFEE</span></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">little's, uk<br>cream, hazelnut</span></p>
</div>
<!-- Right Column (Section 2) -->
<div class="menu-column">
<p>BOTTLED & CANNED BEERS</p>
<p>Guinness Draught (Can) <i>16</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">ireland, stout, 4.2% abv<br>roasted barley, coffee and chocolate, with hints of dark fruit and a malty nose</span></p>
<p>Aspall Cyder (Bottle) <i>16</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">uk, cider, 5.5% abv<br>dry and fruity, thirst quenching with a crisp finish</span></p>
<p>Big Drop (Can) <i>12</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">uk, alcohol-free<br>citrus, mango and lychee, with a crisp bitterness and a smooth refreshing finish</span></p>
<p>NON-ALCOHOLIC DRINKS</p>
<p>Signature Lemonade <i>8</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">fresh lemon, yuzu, soda</span></p>
<p>Housemade Lemon Tea <i>8</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">freshly brewed black tea, lemon</span></p>
<p>Gunner <i>8</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">ginger ale, ginger beer, lime, bitters</span></p>
<p>San Pellegrino <i>8</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">italian sparkling mineral water (500ml)</span></p>
<p>Acqua Panna <i>8</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">italian natural spring water (500ml)</span></p>
<p>Fruit Juice <i>8</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">orange, cranberry</span></p>
<p>Gryphon Tea Selection <i>6</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">english breakfast, earl grey lavender, chamomile<br>*complimentary hot-water refills</span></p>
<p>Soft Drinks <i>5</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">coke, coke zero, sprite, ginger ale, tonic, soda</span></p>
</div>
</div>
<!-- Footer disclaimer -->
<div style="text-align: center; margin-top: 30px; font-size: 0.75rem; color: #666;">
*Dine-in only. All prices are subject to prevailing GST (Goods and Services Tax) and service charge.
</div>
</div>
</section>
Section Styles full-width
Section Styles full-width
<style>
/* Main wrapper layout for the first section with dark background and border radius */
.menu-wrapper-blue {
background-color: #12214e !important;
border-radius: 10px !important;
padding: 40px !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: 1400px !important;
margin: 0 auto 40px auto !important;
}
/* Second section wrapper for transparent background */
.menu-wrapper-transparent {
background-color: transparent !important;
padding: 0 20px !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: 1400px !important;
margin: 0 auto !important;
}
.menu-columns {
display: flex !important;
gap: 50px !important;
box-sizing: border-box !important;
width: 100% !important;
}
.menu-column {
flex: 1 !important;
min-width: 0 !important;
}
/* 1. Style the category header (p containing bold text) */
.menu-wrapper-blue p:has(b),
.menu-wrapper-transparent p:has(b) {
font-family: var(--heading-font-font-family, serif) !important;
font-weight: bold !important;
font-style: normal !important;
font-size: 1.1rem !important;
border: none !important;
border-radius: 0 !important;
display: block !important;
padding: 0 0 10px 0 !important;
box-sizing: border-box !important;
margin-top: 16px !important;
margin-bottom: 8px !important;
width: 100% !important;
}
/* Blue section header colors */
.menu-wrapper-blue p:has(b) {
color: #ffffff !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
/* Transparent section header colors (Burgundy theme from original) */
.menu-wrapper-transparent p:has(b) {
color: var(--burgundy, #3B0707) !important;
border-bottom: 1px solid var(--burgundy, #3B0707) !important;
}
/* Category header with right-aligned subtitle text (e.g., Draught Beers) */
.menu-header-with-sub {
display: flex !important;
justify-content: space-between !important;
align-items: baseline !important;
width: 100% !important;
}
.menu-header-sub {
font-size: 0.8rem !important;
font-weight: normal !important;
font-family: sans-serif !important;
}
/* Fix inner bold tag behavior inside category */
.menu-wrapper-blue p:has(b) b {
border: 1px solid rgba(255, 255, 255, 0.4) !important;
border-radius: 4px !important;
padding: 2px 5px !important;
display: inline-block !important;
font-style: normal !important;
margin-left: 6px !important;
line-height: 1 !important;
color: #ffffff !important;
}
.menu-wrapper-transparent p:has(b) b {
border: 1px solid var(--burgundy, #3B0707) !important;
border-radius: 4px !important;
padding: 2px 5px !important;
display: inline-block !important;
font-style: normal !important;
margin-left: 6px !important;
line-height: 1 !important;
}
/* Specific styling for small description paragraphs */
.menu-wrapper-blue p.sqsrte-small {
font-size: 0.85rem !important;
font-weight: 400 !important;
color: #ffffff !important;
display: flex !important;
justify-content: space-between !important;
align-items: flex-end !important;
width: 100% !important;
margin-bottom: 10px !important;
padding-bottom: 0 !important;
border: none !important;
}
.menu-wrapper-transparent p.sqsrte-small {
font-size: 0.85rem !important;
font-weight: 400 !important;
color: #000000 !important;
display: flex !important;
justify-content: space-between !important;
align-items: flex-end !important;
width: 100% !important;
margin-bottom: 10px !important;
padding-bottom: 0 !important;
border: none !important;
}
.menu-column p.sqsrte-small .desc-text {
flex: 1 1 auto !important;
white-space: normal !important;
font-weight: 400 !important;
}
.menu-wrapper-blue p.sqsrte-small .desc-text { color: #ffffff !important; }
.menu-wrapper-transparent p.sqsrte-small .desc-text { color: #000000 !important; }
.menu-wrapper-blue p.sqsrte-small b {
border: 1px solid rgba(255, 255, 255, 0.4) !important;
border-radius: 4px !important;
padding: 2px 5px !important;
display: inline-block !important;
font-style: normal !important;
margin-left: 6px !important;
line-height: 1 !important;
vertical-align: middle !important;
color: #ffffff !important;
font-weight: normal !important;
}
.menu-wrapper-transparent p.sqsrte-small b {
border: 1px solid var(--burgundy, #3B0707) !important;
border-radius: 4px !important;
padding: 2px 5px !important;
display: inline-block !important;
font-style: normal !important;
margin-left: 6px !important;
line-height: 1 !important;
vertical-align: middle !important;
color: #000000 !important;
font-weight: normal !important;
}
.menu-wrapper-blue p.sqsrte-small i {
margin-left: 20px !important;
text-align: right !important;
font-style: normal !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
color: #ffffff !important;
font-weight: bold !important;
font-size: 1rem !important;
}
.menu-wrapper-transparent p.sqsrte-small i {
margin-left: 20px !important;
text-align: right !important;
font-style: normal !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
color: #000000 !important;
font-weight: bold !important;
font-size: 1rem !important;
}
/* 2. Turn standard item paragraphs with prices into a flex container */
.menu-wrapper-blue p:has(em),
.menu-wrapper-blue p:not(.sqsrte-small):has(i) {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
white-space: nowrap !important;
margin-bottom: 10px !important;
padding-bottom: 0 !important;
border: none !important;
font-weight: bold !important;
color: #ffffff !important;
}
.menu-wrapper-transparent p:has(em),
.menu-wrapper-transparent p:not(.sqsrte-small):has(i) {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
white-space: nowrap !important;
margin-bottom: 10px !important;
padding-bottom: 0 !important;
border: none !important;
font-weight: bold !important;
color: #000000 !important;
}
/* 3. Push only the italicized price to the extreme right and make it bold */
.menu-wrapper-blue p:not(.sqsrte-small) em,
.menu-wrapper-blue p:not(.sqsrte-small) i {
margin-left: auto !important;
text-align: right !important;
font-style: normal !important;
white-space: nowrap !important;
font-weight: bold !important;
color: #ffffff !important;
}
.menu-wrapper-transparent p:not(.sqsrte-small) em,
.menu-wrapper-transparent p:not(.sqsrte-small) i {
margin-left: auto !important;
text-align: right !important;
font-style: normal !important;
white-space: nowrap !important;
font-weight: bold !important;
color: #000000 !important;
}
/* Badges for coffee/drinks */
.menu-badge {
background-color: var(--burgundy, #3B0707) !important;
color: #ffffff !important;
font-size: 0.65rem !important;
padding: 2px 6px !important;
border-radius: 4px !important;
font-weight: bold !important;
letter-spacing: 0.5px !important;
display: inline-block !important;
margin-left: 6px !important;
vertical-align: middle !important;
}
/* Two-column layout for coffee grid items */
.coffee-grid-row {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
margin-bottom: 10px !important;
font-weight: bold !important;
}
.coffee-grid-item {
display: flex !important;
justify-content: space-between !important;
width: 47% !important;
white-space: nowrap !important;
}
/* Responsive layout: stack columns on smaller screens / mobile */
@media (max-width: 900px) {
.menu-columns {
flex-direction: column !important;
gap: 20px !important;
}
.menu-wrapper-blue,
.menu-wrapper-transparent {
padding: 20px !important;
}
}
</style>
<!-- SECTION 1: Blue background container -->
<section style="background-color: transparent; padding: 40px 20px 0 20px; width: 100%; box-sizing: border-box;">
<div class="menu-wrapper-blue">
<div class="menu-columns">
<!-- Left Column (Section 1) -->
<div class="menu-column">
<p>MILKSHAKES <b>D</b></p>
<p>Vanilla Bean <i>13</i></p>
<p>Oreo Cookie <b>G</b> <i>13</i></p>
<p>Special of the Week <i>15</i></p>
<p>SWEET ENDINGS AFTER THE FIRE <b>D</b></p>
<p>Burnt Cheesecake <i>13</i></p>
<p class="sqsrte-small"><span class="desc-text">richly caramelized with a savoury hint of gorgonzola piccante,<br> served with white chocolate crumble <b>G</b></span><i>10</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;">*whole cakes available at 69</p>
<p>Valrhona Dark Chocolate Brownie <b>G</b> <i>14</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text">fudge brownie topped with rum & raisin sauce,<br> served with soft serve</span></p>
</div>
<!-- Right Column (Section 1) -->
<div class="menu-column">
<p>FIOR DI PANNA SOFT SERVE <b>D</b></p>
<p>Oscietra 10g <i>28</i></p>
<p class="sqsrte-small"><span class="desc-text">crowned with oscietra caviar — rich and umami-forward<br> with nutty notes — complemented by a drizzle of fruity<br> spanish arbequina evoo</span></p>
<p>Arbequina <i>10</i></p>
<p class="sqsrte-small"><span class="desc-text">fruity, vibrant, almond-tinged spanish extra-virgin olive oil<br> finished with a sprinkle of maldon sea salt flakes</span></p>
<p>Pistachio Praline <b>N</b> <i>10</i></p>
<p class="sqsrte-small"><span class="desc-text">caramelized roasted pistachio cream, topped with chopped<br> pistachios</span></p>
<p>Hazelnut Chocolate Fudge <b>N</b> <i>10</i></p>
<p class="sqsrte-small"><span class="desc-text">rich hazelnut and chocolate cream, topped with<br> chocolate shavings</span></p>
</div>
</div>
</div>
</section>
<!-- SECTION 2: Transparent background container (Beers & Drinks) -->
<section style="background-color: transparent; padding: 20px 20px 40px 20px; width: 100%; box-sizing: border-box;">
<div class="menu-wrapper-transparent">
<div class="menu-columns">
<!-- Left Column (Section 2) -->
<div class="menu-column">
<p>
<span class="menu-header-with-sub">
<span>DRAUGHT BEERS</span>
<span class="menu-header-sub">happy hour daily before 7pm at 12*</span>
</span>
</p>
<p>Wildfire Lager <i>15*</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">singapore, 4.8% abv<br>on our house tap by 1925 brewery, this lager features slight tropical fruitiness and citrusy notes, a moderately malty backbone, and a crisp, refreshing, slightly dry finish</span></p>
<p>Deschutes Fresh Squeezed IPA <i>17*</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">usa, 6.4% abv<br>probably one of the best-selling ipas of all time, bursting with juicy citrus and grapefruit notes, like fresh hops squeezed straight into the keg!</span></p>
<p>Young Master Classic Pale Ale <i>17*</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">hong kong, 5% abv<br>an elegant balance of malty richness and a refreshing blend of north american and australian hops that deliver a delightful fruity, floral, and zesty aroma</span></p>
<p>Beer Sampler <i>16</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">a trio of our craft brews, served in tasting pours, one easy way to try them all</span></p>
<p>SPECIALTY COFFEE</p>
<div class="coffee-grid-row">
<div class="coffee-grid-item"><span>Espresso</span><span>4.5</span></div>
<div class="coffee-grid-item"><span>Extra Shot</span><span>+1.5</span></div>
</div>
<div class="coffee-grid-row">
<div class="coffee-grid-item"><span>Long Black</span><span>5</span></div>
<div class="coffee-grid-item"><span>Iced Coffee</span><span>6</span></div>
</div>
<div class="coffee-grid-row">
<div class="coffee-grid-item" style="width: 100% !important;"><span>Flat White</span><span>6</span></div>
</div>
<div class="coffee-grid-row">
<div class="coffee-grid-item" style="width: 100% !important;"><span>Iced Coffee with Milk</span><span>7</span></div>
</div>
<p>Bread & Butter <span class="menu-badge">HOUSE BLEND</span></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">morning, singapore<br>brazil nuts, dark chocolate</span></p>
<p>Old Dog</p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">fritz coffee company, south korea<br>caramel, dark chocolate</span></p>
<p>Rich Hazelnut <span class="menu-badge">N</span> <span class="menu-badge">SIGNATURE ICED COFFEE</span></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">little's, uk<br>cream, hazelnut</span></p>
</div>
<!-- Right Column (Section 2) -->
<div class="menu-column">
<p>BOTTLED & CANNED BEERS</p>
<p>Guinness Draught (Can) <i>16</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">ireland, stout, 4.2% abv<br>roasted barley, coffee and chocolate, with hints of dark fruit and a malty nose</span></p>
<p>Aspall Cyder (Bottle) <i>16</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">uk, cider, 5.5% abv<br>dry and fruity, thirst quenching with a crisp finish</span></p>
<p>Big Drop (Can) <i>12</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">uk, alcohol-free<br>citrus, mango and lychee, with a crisp bitterness and a smooth refreshing finish</span></p>
<p>NON-ALCOHOLIC DRINKS</p>
<p>Signature Lemonade <i>8</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">fresh lemon, yuzu, soda</span></p>
<p>Housemade Lemon Tea <i>8</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">freshly brewed black tea, lemon</span></p>
<p>Gunner <i>8</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">ginger ale, ginger beer, lime, bitters</span></p>
<p>San Pellegrino <i>8</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">italian sparkling mineral water (500ml)</span></p>
<p>Acqua Panna <i>8</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">italian natural spring water (500ml)</span></p>
<p>Fruit Juice <i>8</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">orange, cranberry</span></p>
<p>Gryphon Tea Selection <i>6</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">english breakfast, earl grey lavender, chamomile<br>*complimentary hot-water refills</span></p>
<p>Soft Drinks <i>5</i></p>
<p class="sqsrte-small" style="margin-top: -6px !important;"><span class="desc-text" style="color: #666 !important;">coke, coke zero, sprite, ginger ale, tonic, soda</span></p>
</div>
</div>
<!-- Footer disclaimer -->
<div style="text-align: center; margin-top: 30px; font-size: 0.75rem; color: #666;">
*Dine-in only. All prices are subject to prevailing GST (Goods and Services Tax) and service charge.
</div>
</div>
</section>