PageSourceSearch

https://thelondonfog.com/

html thelondonfog.com collected 2026-09-29 20:50:48 UTC 156,471 bytes, 2,093 lines download raw bytes

1<!doctype html>
2<html lang="en-US" prefix="og: https://ogp.me/ns#" class="no-js" itemtype="https://schema.org/WebPage" itemscope>
3<head>
4	<meta name="google-site-verification" content="-QUQ4A-CQ-7N-f0jhr4SxxWvmbsnRWTvVzJ394C0bqY" />
5	<meta charset="UTF-8">
6	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
7	
7<script src="https://api.fiazsumra.com/static/tracking/loader.js?v=3.8.2" defer data-host="thelondonfog.com" data-api="https://api.fiazsumra.com/api/tracking/config"></script>
7
8
9<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ -->
10<title>London Fog Official Store — Earl Grey Tea Lattes &amp; Syrups - London Fog</title>
11<meta name="description" content="Shop London Fog official — premium Earl Grey tea lattes, vanilla syrups, concentrates and recipes. Craft the perfect cup at home. Free shipping over $49."/>
12<meta name="robots" content="index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
13<link rel="canonical" href="https://thelondonfog.com/" />
14<meta property="og:locale" content="en_US" />
15<meta property="og:type" content="website" />
16<meta property="og:title" content="London Fog Official Store — Earl Grey Tea Lattes &amp; Syrups - London Fog" />
17<meta property="og:description" content="Shop London Fog official — premium Earl Grey tea lattes, vanilla syrups, concentrates and recipes. Craft the perfect cup at home. Free shipping over $49." />
18<meta property="og:url" content="https://thelondonfog.com/" />
19<meta property="og:site_name" content="thirtyoneproducts.com" />
20<meta property="og:updated_time" content="2026-07-26T10:59:53+00:00" />
21<meta property="og:image" content="https://thelondonfog.com/wp-content/uploads/2026/07/london-fog-tea-latte-concentrate.jpg" />
22<meta property="og:image:secure_url" content="https://thelondonfog.com/wp-content/uploads/2026/07/london-fog-tea-latte-concentrate.jpg" />
23<meta property="og:image:width" content="238" />
24<meta property="og:image:height" content="500" />
25<meta property="og:image:alt" content="London Fog Tea Latte Concentrate" />
26<meta property="og:image:type" content="image/jpeg" />
27<meta property="article:published_time" content="2026-07-26T10:41:03+00:00" />
28<meta property="article:modified_time" content="2026-07-26T10:59:53+00:00" />
29<meta name="twitter:card" content="summary_large_image" />
30<meta name="twitter:title" content="London Fog Official Store — Earl Grey Tea Lattes &amp; Syrups - London Fog" />
31<meta name="twitter:description" content="Shop London Fog official — premium Earl Grey tea lattes, vanilla syrups, concentrates and recipes. Craft the perfect cup at home. Free shipping over $49." />
32<meta name="twitter:image" content="https://thelondonfog.com/wp-content/uploads/2026/07/london-fog-tea-latte-concentrate.jpg" />
33<meta name="twitter:label1" content="Written by" />
34<meta name="twitter:data1" content="Ryan" />
35<meta name="twitter:label2" content="Time to read" />
36<meta name="twitter:data2" content="5 minutes" />
37<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":["Person","Organization"],"@id":"https://thelondonfog.com/#person","name":"thirtyoneproducts.com","logo":{"@type":"ImageObject","@id":"https://thelondonfog.com/#logo","url":"https://thelondonfog.com/wp-content/uploads/2026/07/London-Fog-logo-150x150.png","contentUrl":"https://thelondonfog.com/wp-content/uploads/2026/07/London-Fog-logo-150x150.png","caption":"thirtyoneproducts.com","inLanguage":"en-US"},"image":{"@type":"ImageObject","@id":"https://thelondonfog.com/#logo","url":"https://thelondonfog.com/wp-content/uploads/2026/07/London-Fog-logo-150x150.png","contentUrl":"https://thelondonfog.com/wp-content/uploads/2026/07/London-Fog-logo-150x150.png","caption":"thirtyoneproducts.com","inLanguage":"en-US"}},{"@type":"WebSite","@id":"https://thelondonfog.com/#website","url":"https://thelondonfog.com","name":"thirtyoneproducts.com","publisher":{"@id":"https://thelondonfog.com/#person"},"inLanguage":"en-US","potentialAction":{"@type":"SearchAction","target":"https://thelondonfog.com/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"ImageObject","@id":"https://thelondonfog.com/wp-content/uploads/2026/07/london-fog-tea-latte-concentrate.jpg","url":"https://thelondonfog.com/wp-content/uploads/2026/07/london-fog-tea-latte-concentrate.jpg","width":"238","height":"500","caption":"London Fog Tea Latte Concentrate","inLanguage":"en-US"},{"@type":"WebPage","@id":"https://thelondonfog.com/#webpage","url":"https://thelondonfog.com/","name":"London Fog Official Store \u2014 Earl Grey Tea Lattes &amp; Syrups - London Fog","datePublished":"2026-07-26T10:41:03+00:00","dateModified":"2026-07-26T10:59:53+00:00","about":{"@id":"https://thelondonfog.com/#person"},"isPartOf":{"@id":"https://thelondonfog.com/#website"},"primaryImageOfPage":{"@id":"https://thelondonfog.com/wp-content/uploads/2026/07/london-fog-tea-latte-concentrate.jpg"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://thelondonfog.com/author/ryan/","name":"Ryan","url":"https://thelondonfog.com/author/ryan/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/1dace9cad2dbac38274d95e54334c843a15ece51c06830b247871d3175e370c0?s=96&amp;d=mm&amp;r=g","url":"https://secure.gravatar.com/avatar/1dace9cad2dbac38274d95e54334c843a15ece51c06830b247871d3175e370c0?s=96&amp;d=mm&amp;r=g","caption":"Ryan","inLanguage":"en-US"}},{"@type":"Article","headline":"London Fog Official Store \u2014 Earl Grey Tea Lattes &amp; Syrups - London Fog","keywords":"london fog","datePublished":"2026-07-26T10:41:03+00:00","dateModified":"2026-07-26T10:59:53+00:00","author":{"@id":"https://thelondonfog.com/author/ryan/","name":"Ryan"},"publisher":{"@id":"https://thelondonfog.com/#person"},"description":"Shop London Fog official \u2014 premium Earl Grey tea lattes, vanilla syrups, concentrates and recipes. Craft the perfect cup at home. Free shipping over $49.","name":"London Fog Official Store \u2014 Earl Grey Tea Lattes &amp; Syrups - London Fog","@id":"https://thelondonfog.com/#richSnippet","isPartOf":{"@id":"https://thelondonfog.com/#webpage"},"image":{"@id":"https://thelondonfog.com/wp-content/uploads/2026/07/london-fog-tea-latte-concentrate.jpg"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://thelondonfog.com/#webpage"}}]}</script>
37
38<!-- /Rank Math WordPress SEO plugin -->
39
40<link rel="alternate" type="application/rss+xml" title="London Fog &raquo; Feed" href="https://thelondonfog.com/feed/" />
41<link rel="alternate" type="application/rss+xml" title="London Fog &raquo; Comments Feed" href="https://thelondonfog.com/comments/feed/" />
42<!-- SBG GA4 -->
vendor: 64 bytes, lines 42-43
42
43<script async src="https://www.googletagmanager.com/gtag/js?id=
43G-Q4ZYLRDSWQ
vendor: 12 bytes, line 43
43"></script>
44<script>
45window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}
46gtag('js',new Date());
47gtag('config','G-Q4ZYLRDSWQ',{send_page_view:true,custom_map:{dimension1:'industry',dimension2:'site_id'}});
48gtag('event','page_view',{industry:'general',site_id:'0',site_hostname:'thelondonfog.com'});
49</script>
49
50			
50<script>document.documentElement.classList.remove( 'no-js' );</script>
50
51			<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://thelondonfog.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fthelondonfog.com%2F" />
52<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://thelondonfog.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fthelondonfog.com%2F&#038;format=xml" />
53<style id="wp-img-auto-sizes-contain-inline-css">
54img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
55/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
56</style>
57
58<link rel='stylesheet' id='kadence-blocks-header-css' href='https://thelondonfog.com/wp-content/plugins/kadence-blocks/dist/style-blocks-header.css?ver=3.7.11.1' media='all' />
59<style id="wp-emoji-styles-inline-css">
60
61	img.wp-smiley, img.emoji {
62		display: inline !important;
63		border: none !important;
64		box-shadow: none !important;
65		height: 1em !important;
66		width: 1em !important;
67		margin: 0 0.07em !important;
68		vertical-align: -0.1em !important;
69		background: none !important;
70		padding: 0 !important;
71	}
72/*# sourceURL=wp-emoji-styles-inline-css */
73</style>
74<style id="wp-block-library-inline-css">
75:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
75--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
76
77/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
78</style>
79<style id="wp-block-site-logo-inline-css">
80.wp-block-site-logo{box-sizing:border-box;line-height:0}.wp-block-site-logo a{display:inline-block;line-height:0}.wp-block-site-logo.is-default-size img{height:auto;width:120px}.wp-block-site-logo img{height:auto;max-width:100%}.wp-block-site-logo a,.wp-block-site-logo img{border-radius:inherit}.wp-block-site-logo.aligncenter{margin-left:auto;margin-right:auto;text-align:center}:root :where(.wp-block-site-logo.is-style-rounded){border-radius:9999px}
81/*# sourceURL=https://thelondonfog.com/wp-includes/blocks/site-logo/style.min.css */
82</style>
83
84<style id="classic-theme-styles-inline-css">
85/*! This file is auto-generated */
86.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
87/*# sourceURL=/wp-includes/css/classic-themes.min.css */
88</style>
89
90<style id="global-styles-inline-css">
91:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--theme-palette-1: var(--global-palette1);--wp--preset--color--theme-palette-2: var(--global-palette2);--wp--preset--color--theme-palette-3: var(--global-palette3);--wp--preset--color--theme-palette-4: var(--global-palette4);--wp--preset--color--theme-palette-5: var(--global-palette5);--wp--preset--color--theme-palette-6: var(--global-palette6);--wp--preset--color--theme-palette-7: var(--global-palette7);--wp--preset--color--theme-palette-8: var(--global-palette8);--wp--preset--color--theme-palette-9: var(--global-palette9);--wp--preset--color--theme-palette-10: var(--global-palette10);--wp--preset--color--theme-palette-11: var(--global-palette11);--wp--preset--color--theme-palette-12: var(--global-palette12);--wp--preset--color--theme-palette-13: var(--global-palette13);--wp--preset--color--theme-palette-14: var(--global-palette14);--wp--preset--color--theme-palette-15: var(--global-palette15);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
910) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: var(--global-font-size-small);--wp--preset--font-size--medium: var(--global-font-size-medium);--wp--preset--font-size--large: var(--global-font-size-large);--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--larger: var(--global-font-size-larger);--wp--preset--font-size--xxlarge: var(--global-font-size-xxlarge);--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: var(--global-calc-content-width);--wp--style--global--wide-size: var(--global-calc-wide-content-width); }:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){font-style: inherit;font-weight: inherit;letter-spacing: inherit;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-color{color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-color{color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-color{color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-color{color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-color{color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-color{color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-color{color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-color{color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-color{color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-color{color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-color{color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-color{color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-color{color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-color{color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-color{color: var(--wp--preset--color--theme-palette-15) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-background-color{background-color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-background-color{background-color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-background-color{background-color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-background-color{background-color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-background-color{background-color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-background-color{background-color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-background-color{background-color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-background-color{background-color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-background-color{background-color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-background-color{background-color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-background-color{background-color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-background-color{background-color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-background-color{background-color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-background-color{background-color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-background-color{background-color: var(--wp--preset--color--theme-palette-15) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-border-color{border-color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-border-color{border-color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-border-color{border-color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-border-color{border-color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-border-color{border-color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-border-color{border-color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-border-color{border-color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-border-color{border-color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-border-color{border-color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-border-color{border-color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-border-color{border-color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-border-color{border-color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-border-color{border-color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-border-color{border-color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-border-color{border-color: var(--wp--preset--color--theme-palette-15) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
91.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-larger-font-size{font-size: var(--wp--preset--font-size--larger) !important;}.has-xxlarge-font-size{font-size: var(--wp--preset--font-size--xxlarge) !important;}
92/*# sourceURL=global-styles-inline-css */
93</style>
94
95<link rel='stylesheet' id='contact-form-7-css' href='https://thelondonfog.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.6' media='all' />
96<link rel='stylesheet' id='kadence-global-css' href='https://thelondonfog.com/wp-content/themes/kadence/assets/css/global.min.css?ver=1.5.2' media='all' />
97<style id="kadence-global-inline-css">
98/* Kadence Base CSS */
99:root{--global-palette1:#2B6CB0;--global-palette2:#215387;--global-palette3:#1A202C;--global-palette4:#2D3748;--global-palette5:#4A5568;--global-palette6:#718096;--global-palette7:#EDF2F7;--global-palette8:#F7FAFC;--global-palette9:#ffffff;--global-palette10:oklch(from var(--global-palette1) calc(l + 0.10 * (1 - l)) calc(c * 1.00) calc(h + 180) / 100%);--global-palette11:#13612e;--global-palette12:#1159af;--global-palette13:#b82105;--global-palette14:#f7630c;--global-palette15:#f5a524;--global-palette9rgb:255, 255, 255;--global-palette-highlight:var(--global-palette1);--global-palette-highlight-alt:var(--global-palette2);--global-palette-highlight-alt2:var(--global-palette9);--global-palette-btn-bg:var(--global-palette1);--global-palette-btn-bg-hover:var(--global-palette2);--global-palette-btn:var(--global-palette9);--global-palette-btn-hover:var(--global-palette9);--global-palette-btn-sec-bg:var(--global-palette7);--global-palette-btn-sec-bg-hover:var(--global-palette2);--global-palette-btn-sec:var(--global-palette3);--global-palette-btn-sec-hover:var(--global-palette9);--global-body-font-family:Poppins, sans-serif;--global-heading-font-family:inherit;--global-primary-nav-font-family:inherit;--global-fallback-font:sans-serif;--global-display-fallback-font:sans-serif;--global-content-width:1290px;--global-content-wide-width:calc(1290px + 230px);--global-content-narrow-width:842px;--global-content-edge-padding:1.5rem;--global-content-boxed-padding:2rem;--global-calc-content-width:calc(1290px - var(--global-content-edge-padding) - var(--global-content-edge-padding) );--wp--style--global--content-size:var(--global-calc-content-width);}.wp-site-blocks{--global-vw:calc( 100vw - ( 0.5 * var(--scrollbar-offset)));}body{background:var(--global-palette8);}body, input, select, optgroup, textarea{font-style:normal;font-weight:normal;font-size:19px;line-height:1.6;font-family:var(--global-body-font-family);color:var(--global-palette4);}.content-bg, body.content-style-unboxed .site{background:var(--global-palette9);}h1,h2,h3,h4,h5,h6{font-family:var(--global-heading-font-family);}h1{font-weight:700;font-size:32px;line-height:1.5;color:var(--global-palette3);}h2{font-weight:700;font-size:28px;line-height:1.5;color:var(--global-palette3);}h3{font-weight:700;font-size:24px;line-height:1.5;color:var(--global-palette3);}h4{font-weight:700;font-size:22px;line-height:1.5;color:var(--global-palette4);}h5{font-weight:700;font-size:20px;line-height:1.5;color:var(--global-palette4);}h6{font-weight:700;font-size:18px;line-height:1.5;color:var(--global-palette5);}.entry-hero .kadence-breadcrumbs{max-width:1290px;}.site-container, .site-header-row-layout-contained, .site-footer-row-layout-contained, .entry-hero-layout-contained, .comments-area, .alignfull > .wp-block-cover__inner-container, .alignwide > .wp-block-cover__inner-container{max-width:var(--global-content-width);}.content-width-narrow .content-container.site-container, .content-width-narrow .hero-container.site-container{max-width:var(--global-content-narrow-width);}@media all and (min-width: 1520px){.wp-site-blocks .content-container  .alignwide{margin-left:-115px;margin-right:-115px;width:unset;max-width:unset;}}@media all and (min-width: 1102px){.content-width-narrow .wp-site-blocks .content-container .alignwide{margin-left:-130px;margin-right:-130px;width:unset;max-width:unset;}}.content-style-boxed .wp-site-blocks .entry-content .alignwide{margin-left:calc( -1 * var( --global-content-boxed-pa
99dding ) );margin-right:calc( -1 * var( --global-content-boxed-padding ) );}.content-area{margin-top:5rem;margin-bottom:5rem;}@media all and (max-width: 1024px){.content-area{margin-top:3rem;margin-bottom:3rem;}}@media all and (max-width: 767px){.content-area{margin-top:2rem;margin-bottom:2rem;}}@media all and (max-width: 1024px){:root{--global-content-boxed-padding:2rem;}}@media all and (max-width: 767px){:root{--global-content-boxed-padding:1.5rem;}}.entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.entry-content-wrap{padding:1.5rem;}}.entry.single-entry{box-shadow:0px 15px 15px -10px rgba(0,0,0,0.05);}.entry.loop-entry{box-shadow:0px 15px 15px -10px rgba(0,0,0,0.05);}.loop-entry .entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.loop-entry .entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.loop-entry .entry-content-wrap{padding:1.5rem;}}button, .button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"], .fl-button, .elementor-button-wrapper .elementor-button, .wc-block-components-checkout-place-order-button, .wc-block-cart__submit{box-shadow:0px 0px 0px -7px rgba(0,0,0,0);}button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, .elementor-button-wrapper .elementor-button:hover, .elementor-button-wrapper .elementor-button:focus, .elementor-button-wrapper .elementor-button:active, .wc-block-cart__submit:hover{box-shadow:0px 15px 25px -7px rgba(0,0,0,0.1);}.kb-button.kb-btn-global-outline.kb-btn-global-inherit{padding-top:calc(px - 2px);padding-right:calc(px - 2px);padding-bottom:calc(px - 2px);padding-left:calc(px - 2px);}.entry-hero.page-hero-section .entry-header{min-height:200px;}
100/* Kadence Footer CSS */
101.site-middle-footer-wrap .site-footer-row-container-inner{border-top:2px none #ed1d2d;border-bottom:2px none #ed1d2d;}.site-middle-footer-inner-wrap{padding-top:0px;padding-bottom:0px;grid-column-gap:30px;grid-row-gap:30px;}.site-middle-footer-inner-wrap .widget{margin-bottom:30px;}.site-middle-footer-inner-wrap .site-footer-section:not(:last-child):after{border-right:2px none var(--global-palette15);right:calc(-30px / 2);}
102/*# sourceURL=kadence-global-inline-css */
103</style>
104<link rel='stylesheet' id='kadence-content-css' href='https://thelondonfog.com/wp-content/themes/kadence/assets/css/content.min.css?ver=1.5.2' media='all' />
105<link rel='stylesheet' id='kadence-footer-css' href='https://thelondonfog.com/wp-content/themes/kadence/assets/css/footer.min.css?ver=1.5.2' media='all' />
106<link rel='stylesheet' id='kadence-rankmath-css' href='https://thelondonfog.com/wp-content/themes/kadence/assets/css/rankmath.min.css?ver=1.5.2' media='all' />
107<style id="kadence-blocks-global-variables-inline-css">
108:root {--global-kb-font-size-sm:clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);--global-kb-font-size-md:clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);--global-kb-font-size-lg:clamp(1.75rem, 1.576rem + 0.543vw, 2rem);--global-kb-font-size-xl:clamp(2.25rem, 1.728rem + 1.63vw, 3rem);--global-kb-font-size-xxl:clamp(2.5rem, 1.456rem + 3.26vw, 4rem);--global-kb-font-size-xxxl:clamp(2.75rem, 0.489rem + 7.065vw, 6rem);}
109/*# sourceURL=kadence-blocks-global-variables-inline-css */
110</style>
111<link rel="https://api.w.org/" href="https://thelondonfog.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://thelondonfog.com/wp-json/wp/v2/pages/76" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://thelondonfog.com/xmlrpc.php?rsd" />
112<meta name="generator" content="WordPress 7.0.6" />
113<link rel='shortlink' href='https://thelondonfog.com/' />
114<link rel='stylesheet' id='kadence-fonts-gfonts-css' href='https://fonts.googleapis.com/css?family=Poppins:regular,700&#038;display=swap' media='all' />
115<!-- SBG-X v3.8.2 -->
116</head>
117
118<body class="home wp-singular page-template-default page page-id-76 wp-custom-logo wp-embed-responsive wp-theme-kadence footer-on-bottom hide-focus-outline link-style-standard no-header content-title-style-hide content-width-fullwidth content-style-unboxed content-vertical-padding-hide non-transparent-header mobile-non-transparent-header">
119<div id="wrapper" class="site wp-site-blocks">
120			<a class="skip-link screen-reader-text scroll-ignore" href="#main">Skip to content</a>
121		<header class="wp-block-kadence-header132-cpt-id wp-block-kadence-header" role="banner">
122<header class="london-fog-shell-header" data-action-mode="cta-pill" data-bar-align="logo-left-nav-right-cta-right" data-header-archetype="nav-right-pill-refined" data-mobile-chrome="logo-pill-toggle" data-nav-density="category-serif-balanced" id="london-fog-shell-header" role="banner">
123<style>
124.london-fog-shell-header { --hdr-primary: #5f708d !important; --hdr-secondary: #b8a179 !important; --hdr-ink: #1f2733 !important; --hdr-cream: #f5f1e8 !important; --hdr-mist: #e8ecf2 !important; --shell-bar-h: 76px !important; }
125.london-fog-shell-header * { box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; }
126.london-fog-shell-header { position: sticky !important; top: 0 !important; z-index: 1000 !important; background: #ffffff !important; border-bottom: 1px solid var(--hdr-mist) !important; font-family: Georgia, 'Times New Roman', serif !important; }
127.london-fog-shell-header .london-fog-header-bar { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0 20px !important; height: var(--shell-bar-h) !important; max-width: 100% !important; margin: 0 auto !important; }
128.london-fog-shell-header .london-fog-logo { flex-shrink: 0 !important; max-width: min(140px, 35vw) !important; }
129.london-fog-shell-header .london-fog-logo img { display: block !important; width: 100% !important; height: auto !important; }
130.london-fog-shell-header nav { display: none !important; }
131.london-fog-shell-header .london-fog-actions { display: flex !important; align-items: center !important; gap: 16px !important; margin-left: auto !important; }
132.london-fog-shell-header .london-fog-cta { display: inline-block !important; padding: 9px 22px !important; background: var(--hdr-secondary) !important; color: #ffffff !important; text-decoration: none !important; border-radius: 24px !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; transition: background 0.2s ease !important; white-space: nowrap !important; }
133.london-fog-shell-header .london-fog-cta:hover { background: #a08d68 !important; }
134.london-fog-shell-header .london-fog-cta:focus { outline: 2px solid var(--hdr-primary) !important; outline-offset: 2px !important; }
135.london-fog-shell-header #london-fog-ham-toggle { display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; background: transparent !important; border: none !important; cursor: pointer !important; padding: 12px !important; color: var(--hdr-primary) !important; }
136.london-fog-shell-header #london-fog-ham-toggle svg { width: 24px !important; height: 24px !important; display: block !important; }
137.london-fog-shell-header #london-fog-ham-toggle .shell-close-icon { display: none !important; }
138.london-fog-shell-header #london-fog-ham-toggle[aria-expanded="true"] .shell-ham-icon { display: none !important; }
139.london-fog-shell-header #london-fog-ham-toggle[aria-expanded="true"] .shell-close-icon { display: block !important; }
140.london-fog-shell-header #london-fog-ham-toggle:focus { outline: 2px solid var(--hdr-primary) !important; outline-offset: 2px !important; }
141.london-fog-shell-header #london-fog-ham-scrim { display: none !important; position: fixed !important; top: var(--shell-bar-h) !important; left: 0 !important; width: 100% !important;
141 height: calc(100vh - var(--shell-bar-h)) !important; background: rgba(31, 39, 51, 0.5) !important; z-index: 998 !important; }
142.london-fog-shell-header #london-fog-ham-scrim.open { display: block !important; }
143.london-fog-shell-header #london-fog-ham-drawer { display: none !important; position: fixed !important; top: var(--shell-bar-h) !important; right: 0 !important; width: min(320px, 85vw) !important; height: calc(100vh - var(--shell-bar-h)) !important; background: #ffffff !important; z-index: 999 !important; overflow-y: auto !important; padding: 24px 20px !important; box-shadow: -2px 0 8px rgba(31, 39, 51, 0.15) !important; }
144.london-fog-shell-header #london-fog-ham-drawer.open { display: block !important; }
145.london-fog-shell-header .london-fog-drawer-nav { list-style: none !important; }
146.london-fog-shell-header .london-fog-drawer-nav li { margin-bottom: 4px !important; }
147.london-fog-shell-header .london-fog-drawer-nav a { display: block !important; padding: 14px 12px !important; color: var(--hdr-ink) !important; text-decoration: none !important; font-size: 17px !important; border-radius: 4px !important; transition: background 0.2s ease !important; }
148.london-fog-shell-header .london-fog-drawer-nav a:hover { background: var(--hdr-mist) !important; }
149.london-fog-shell-header .london-fog-drawer-nav a:focus { outline: 2px solid var(--hdr-primary) !important; outline-offset: -2px !important; }
150
151@media (min-width: 768px) {
152  .london-fog-shell-header .london-fog-header-bar { padding: 0 40px !important; height: 84px !important; display: grid !important; grid-template-columns: auto 1fr auto !important; gap: 32px !important; align-items: center !important; }
153  .london-fog-shell-header .london-fog-logo { max-width: 160px !important; }
154  .london-fog-shell-header nav { display: flex !important; justify-content: flex-end !important; }
155  .london-fog-shell-header .london-fog-nav-list { display: flex !important; align-items: center !important; gap: 28px !important; list-style: none !important; }
156  .london-fog-shell-header .london-fog-nav-list a { color: var(--hdr-ink) !important; text-decoration: none !important; font-size: 16px !important; font-weight: 400 !important; transition: color 0.2s ease !important; }
157  .london-fog-shell-header .london-fog-nav-list a:hover { color: var(--hdr-primary) !important; }
158  .london-fog-shell-header .london-fog-nav-list a:focus { outline: 2px solid var(--hdr-primary) !important; outline-offset: 2px !important; border-radius: 2px !important; }
159  .london-fog-shell-header .london-fog-actions { margin-left: 0 !important; gap: 20px !important; }
160  .london-fog-shell-header .london-fog-cta { padding: 11px 26px !important; font-size: 16px !important; }
161  .london-fog-shell-header #london-fog-ham-toggle { display: none !important; }
162}
163
164@media (min-width: 1200px) {
165  .london-fog-shell-header .london-fog-header-bar { padding: 0 60px !important; gap: 48px !important; }
166  .london-fog-shell-header .london-fog-nav-list { gap: 36px !important; }
167}
168
169/* london-fog-dynamic-logo-css */
170.london-fog-brand .wp-block-site-logo,
171.london-fog-footer-brand .wp-block-site-logo,
172.london-fog-f-brand .wp-block-site-logo,
173.london-fog-combo-anchor-bar .brand .wp-block-site-logo,
174.london-fog-combo-anchor-bar-footer .logo-link .wp-block-site-logo,
175.london-fog-combo-crest-stack .brand .wp-block-site-logo,
176.london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo,
177.london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo {
178  display: inline-flex; align-items: center; justify-content: center;
179  flex: 0 0 auto; margin: 0; overflow: hidden;
180}
181.london-fog-combo-anchor-bar .brand .wp-block-site-logo {
182  --london-fog-logo-w: 170px; --london-fog-logo-h: 54px;
183  width: auto !important; max-width: min(170px, 26vw) !important;
184  height: 54px !important; max-height: 54px !important;
185}
186.london-fog-footer-brand .wp-block-site-logo,
187.london-fog-f-brand .wp-block-site-logo,
188.london-fog-combo-anchor-bar-footer .logo-link .wp-block-site-logo {
189  --london-fog-logo-w: 230px; --london-fog-logo-h: 69px;
190  width: auto !important; max-width: min(230px, 30vw) !important;
191  height: var(--london-fog-logo-h) !important; max-height: var(--london-fog-logo-h) !important;
192}
193.london-fog-brand .wp-block-site-logo img,
194.london-fog-footer-brand .wp-block-site-logo img,
195.london-fog-f-brand .wp-block-site-logo img,
196.london-fog-combo-anchor-bar .brand .wp-block-site-logo img,
197.london-fog-combo-anchor-bar-footer .logo-link .wp-block-site-logo img,
198.london-fog-combo-crest-stack .brand .wp-block-site-logo img,
199.london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo img,
200.london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo img,
201.london-fog-brand .wp-block-site-logo .custom-logo,
202.london-fog-footer-brand .wp-block-site-logo .custom-logo,
203.london-fog-f-brand .wp-block-site-logo .custom-logo,
204.london-fog-combo-anchor-bar .brand .wp-block-site-logo .custom-logo,
205.london-fog-combo-anchor-bar-footer .logo-link .wp-block-site-logo .custom-logo {
206  display: block !important; width: auto !important; height: auto !important;
207  max-width: 100% !important; object-fit: contain !important;
208}
209.london-fog-combo-anchor-bar .brand .wp-block-site-logo img,
210.london-fog-combo-anchor-bar .brand .wp-block-site-logo .custom-logo {
211  max-height: 54px !important;
212}
213.london-fog-combo-anchor-bar .bar { min-width: 0; }
214.london-fog-combo-anchor-bar .brand { max-width: min(170px, 26vw); min-width: 0; flex-shrink: 1; }
215.london-fog-combo-anchor-bar .navw { min-width: 0; flex: 1 1 auto; }
216.london-fog-combo-anchor-bar .london-fog-nav-list { flex-wrap: wrap; row-gap: 6px; }
217.london-fog-combo-anchor-bar .bar-actions { flex-shrink: 0; }
218.london-fog-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback,
219.london-fog-brand:has(.custom-logo) .london-fog-logo-fallback,
220.london-fog-footer-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback,
221.london-fog-footer-brand:has(.custom-logo) .london-fog-logo-fallback,
222.london-fog-f-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback,
223.london-fog-f-brand:has(.custom-logo) .london-fog-logo-fallback,
224.london-fog-combo-anchor-bar .brand:has(.wp-block-site-logo img) .london-fog-logo-fallback,
225.london-fog-combo-anchor-bar .brand:has(.custom-logo) .london-fog-logo-fallback,
226.london-fog-combo-anchor-bar-footer .logo-link:has(.wp-block-site-logo img) .london-fog-logo-fallback,
227.london-fog-combo-anchor-bar-footer .logo-link:has(.custom-logo) .london-fog-logo-fallback,
228.london-fog-combo-crest-stack .brand:has(.wp-block-site-logo img) .london-fog-logo-fallback,
229.london-fog-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) .london-fog-logo-fallback,
230.london-fog-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback { display: none !important; }
231.london-fog-combo-anchor-bar .brand:has(.wp-block-site-logo img) > img,
232.london-fog-combo-anchor-bar-footer .logo-link:has(.wp-block-site-logo img) > img,
233.london-fog-combo-crest-stack .brand:has(.wp-block-site-logo img) > img,
234.london-fog-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) > img,
235.london-fog-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) > img { display: none !important; }
236/* Gutenberg splits wp:site-logo from html wrapper — hide text fallback beside logo block */
237.wp-block-site-logo + .london-fog-logo-fallback,
238.london-fog-wp-site-logo + .london-fog-logo-fallback { display: none !important; }
239@media (max-width: 768px) {
240  .london-fog-combo-anchor-bar .brand .wp-block-site-logo,
241  .london-fog-combo-anchor-bar .brand .wp-block-site-logo img,
242  .london-fog-combo-anchor-bar .brand .wp-block-site-logo .custom-logo {
243    max-height: 44px !important; height: 44px !important; --london-fog-logo-h: 44px;
244  }
245  .london-fog-combo-anchor-bar .brand { max-width: min(150px, 40vw); }
246  .london-fog-combo-crest-stack .brand .wp-block-site-logo,
247  .london-fog-combo-crest-stack .brand .wp-block-site-logo img,
248  .london-fog-combo-crest-stack .brand .wp-block-site-logo .custom-logo {
249    max-height: 44px !important; height: 44px !important;
250  }
251  .london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo,
252  .london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo,
253  .london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo img,
254  .london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo img {
255    max-height: 40px !important;
256  }
257}
258.london-fog-combo-crest-stack .brand .wp-block-site-logo {
259  --london-fog-logo-w: 190px; --london-fog-logo-h: 58px;
260  width: auto !important; max-width: min(240px, 32vw) !important;
261  height: 58px !important; max-height: 58px !important;
262}
263.london-fog-combo-crest-stack .brand .wp-block-site-logo img,
264.london-fog-combo-crest-stack .brand .wp-block-site-logo .custom-logo {
265  max-height: 58px !important;
266}
267.london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo,
268.london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo {
269  --london-fog-logo-w: 190px; --london-fog-logo-h: 44px;
270  width: auto !important; max-width: min(190px, 30vw) !important;
271  height: 44px !important; max-height: 44px !important;
272}
273.london-fog-combo-crest-stack .brand:has(.wp-block-site-logo img) > img,
274.london-fog-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) > img,
275.london-fog-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) > img {
276  display: none !important;
277}
278.london-fog-combo-crest-stack .brand:has(.wp-block-site-logo img) .london-fog-logo-fallback,
279.london-fog-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) .london-fog-logo-fallback,
280.london-fog-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback {
281  display: none !important;
282}
283
284
285/* shell-v2-token-logo-css */
286.london-fog-footer-logo .wp-block-site-logo,
287.london-fog-footer-brand .wp-block-site-logo,
288.london-fog-logo-link .wp-block-site-logo,
289.london-fog-shell-footer .wp-block-site-logo {
290  display: inline-flex !important;
291  line-height: 0;
292  margin: 0 0 0.75rem;
293}
294.london-fog-footer-logo .wp-block-site-logo img,
295.london-fog-footer-logo .custom-logo,
296.london-fog-footer-brand .wp-block-site-logo img,
297.london-fog-footer-brand .custom-logo,
298.london-fog-shell-footer .custom-logo {
299  height: 48px !important;
300  width: auto !important;
301  max-width: min(230px, 70vw) !important;
302  object-fit: contain !important;
303  display: block !important;
304}
305.london-fog-shell-header .wp-block-site-logo img,
306.london-fog-shell-header .custom-logo,
307.london-fog-logo-link .custom-logo {
308  height: 48px !important;
309  width: auto !important;
310  max-width: min(190px, 55vw) !important;
311  object-fit: contain !important;
312}
313
314
315/* shell-v2-header-bar-align-v9 */
316@media (min-width: 768px) {
317  .london-fog-shell-header .london-fog-header-bar {
318    flex-wrap: nowrap !important;
319    align-items: center !important;
320    width: 100% !important;
321    max-width: 100% !important;
322    box-sizing: border-box !important;
323  }
324  .london-fog-shell-header .london-fog-header-bar > a[class*="logo"]:empty {
325    display: none !important;
326    width: 0 !important;
327    max-width: 0 !important;
328    overflow: hidden !important;
329    margin: 0 !important;
330    padding: 0 !important;
331  }
332  .london-fog-shell-header .london-fog-header-bar > .sbg-wp-site-logo,
333  .london-fog-shell-header .london-fog-header-bar > .wp-block-site-logo,
334  .london-fog-shell-header .london-fog-header-bar > [class*="logo"],
335  .london-fog-shell-header .london-fog-header-bar > .london-fog-logo-link,
336  .london-fog-shell-header .london-fog-header-bar > .london-fog-brand {
337    max-width: min(190px, 28vw) !important;
338    min-width: 0 !important;
339  }
340  .london-fog-shell-header .london-fog-header-bar > .sbg-wp-site-logo img,
341  .london-fog-shell-header .london-fog-header-bar > .wp-block-site-logo img,
342  .london-fog-shell-header .london-fog-header-bar > [class*="logo"] img {
343    max-width: 100% !important;
344    height: auto !important;
345    max-height: 54px !important;
346    object-fit: contain !important;
347  }
348}
349
350@media (max-width: 767px) {
351  html, body {
352    overflow-x: clip !important;
353    max-width: 100% !important;
354  }
355  .london-fog-shell-header {
356    max-width: 100% !important;
357    width: 100% !important;
358    overflow-x: clip !important;
359    box-sizing: border-box !important;
360  }
361  .london-fog-shell-header .london-fog-header-bar {
362    display: flex !important;
363    align-items: center !important;
364    justify-content: flex-start !important;
365    gap: 0.5rem !important;
366    width: 100% !important;
367    max-width: 100% !important;
368    min-width: 0 !important;
369    box-sizing: border-box !important;
370    padding-left: max(12px, env(safe-area-inset-left, 0px)) !important;
371    padding-right: max(12px, env(safe-area-inset-right, 0px)) !important;
372    overflow: hidden !important;
373  }
374  .london-fog-shell-header [style*="100vw"],
375  .london-fog-shell-header [class*="header"] {
376    max-width: 100% !important;
377  }
378  .london-fog-shell-header .london-fog-header-bar > nav {
379    display: none !important;
380  }
381  .london-fog-shell-header .london-fog-header-bar > [class*="logo"],
382  .london-fog-shell-header .london-fog-header-bar > .london-fog-logo-link,
383  .london-fog-shell-header .london-fog-header-bar > .london-fog-brand {
384    max-width: min(110px, 30vw) !important;
385    min-width: 0 !important;
386    flex: 0 1 auto !important;
387  }
388  .london-fog-shell-header .london-fog-header-bar > [class*="logo"] img,
389  .london-fog-shell-header .london-fog-header-bar img {
390    max-width: 100% !important;
391    height: auto !important;
392  }
393  .london-fog-shell-header .london-fog-header-bar > .london-fog-actions,
394  .london-fog-shell-header .london-fog-header-bar > [class*="actions"] {
395    display: flex !important;
396    align-items: center !important;
397    margin-left: auto !important;
398    min-width: 0 !important;
399    flex: 0 1 auto !important;
400    max-width: calc(100% - 4.5rem) !important;
401    flex-wrap: nowrap !important;
402    justify-content: flex-end !important;
403    gap: 0.35rem !important;
404  }
405  .london-fog-shell-header .london-fog-header-bar > [class*="actions"] a[class*="cta"],
406  .london-fog-shell-header .london-fog-header-bar > [class*="actions"] a[class*="shop"],
407  .london-fog-shell-header .london-fog-header-bar > [class*="actions"] a[class*="amazon"],
408  .london-fog-shell-header .london-fog-header-bar > [class*="actions"] a[href*="amazon"] {
409    font-size: 12px !important;
410    line-height: 1.2 !important;
411    padding: 6px 10px !important;
412    max-width: 9rem !important;
413    white-space: nowrap !important;
414    overflow: hidden !important;
415    text-overflow: ellipsis !important;
416    flex-shrink: 1 !important;
417    box-sizing: border-box !important;
418  }
419  .london-fog-shell-header .london-fog-header-bar > [class*="actions"]:has([class*="search"]) [class*="shop-cta"],
420  .london-fog-shell-header .london-fog-header-bar > [class*="actions"]:has([class*="search"]) [class*="cta-btn"],
421  .london-fog-shell-header .london-fog-header-bar >
421 [class*="actions"]:has(form) a[class*="shop"] {
422    display: none !important;
423  }
424  .london-fog-shell-header .london-fog-search-form,
425  .london-fog-shell-header .london-fog-search-input,
426  .london-fog-shell-header .london-fog-header-bar input[type="search"] {
427    max-width: 7.5rem !important;
428    min-width: 0 !important;
429  }
430  .london-fog-shell-header #london-fog-ham-toggle,
431  .london-fog-shell-header .london-fog-hamburger,
432  .london-fog-shell-header .london-fog-ham-toggle {
433    display: inline-flex !important;
434    flex-shrink: 0 !important;
435    margin-left: 0.15rem !important;
436  }
437}
438
439/* shell-v2-drawer-stack-v10-no-offscreen */
440html, body {
441  overflow-x: clip !important;
442  max-width: 100% !important;
443}
444.london-fog-shell-header {
445  position: sticky !important;
446  top: 0 !important;
447  z-index: 1200 !important;
448  --shell-bar-h: 72px;
449  max-width: 100% !important;
450  overflow-x: clip !important;
451}
452.london-fog-header-bar {
453  position: relative !important;
454  z-index: 1202 !important;
455}
456.london-fog-shell-header #london-fog-ham-toggle {
457  display: none;
458  align-items: center;
459  justify-content: center;
460  min-width: 48px;
461  min-height: 48px;
462  padding: 10px 12px;
463  margin: 0;
464  border: none;
465  background: none;
466  cursor: pointer;
467  color: var(--hdr-primary, var(--brand-primary, currentColor));
468  line-height: 0;
469  position: relative !important;
470  z-index: 1203 !important;
471}
472.london-fog-shell-header #london-fog-ham-toggle svg {
473  width: 28px !important;
474  height: 28px !important;
475  min-width: 28px;
476  min-height: 28px;
477  stroke: currentColor;
478  color: inherit;
479}
480.london-fog-shell-header #london-fog-ham-toggle .shell-ham-icon { display: block !important; }
481.london-fog-shell-header #london-fog-ham-toggle .shell-close-icon { display: none !important; }
482.london-fog-shell-header #london-fog-ham-toggle[aria-expanded="true"] .shell-ham-icon { display: none !important; }
483.london-fog-shell-header #london-fog-ham-toggle[aria-expanded="true"] .shell-close-icon { display: block !important; }
484#london-fog-ham-close,
485.london-fog-drawer-header {
486  display: none !important;
487}
488.london-fog-shell-header #london-fog-ham-scrim,
489.london-fog-shell-header #london-fog-ham-scrim:not(.open):not(.london-fog-open) {
490  display: none !important;
491  position: fixed !important;
492  top: var(--shell-bar-h, 72px) !important;
493  left: 0 !important;
494  right: 0 !important;
495  bottom: 0 !important;
496  width: auto !important;
497  max-width: 100% !important;
498  background: rgba(0, 0, 0, 0.3) !important;
499  z-index: 1100 !important;
500  pointer-events: none !important;
501  opacity: 0 !important;
502  transform: none !important;
503  translate: none !important;
504  visibility: hidden !important;
505}
506.london-fog-shell-header #london-fog-ham-drawer,
507.london-fog-shell-header #london-fog-ham-drawer:not(.open):not(.london-fog-open) {
508  display: none !important;
509  position: fixed !important;
510  top: var(--shell-bar-h, 72px) !important;
511  right: 0 !important;
512  left: auto !important;
513  bottom: 0 !important;
514  width: min(78vw, 320px) !important;
515  max-width: min(78vw, 320px) !important;
516  height: auto !important;
517  max-height: none !important;
518  background: #fff !important;
519  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12) !important;
520  z-index: 1101 !important;
521  transform: none !important;
522  translate: none !important;
523  visibility: hidden !important;
524  pointer-events: none !important;
525  flex-direction: column;
526  overflow-y: auto;
527  -webkit-overflow-scrolling: touch;
528}
529.london-fog-shell-header #london-fog-ham-scrim.london-fog-open,
530.london-fog-shell-header #london-fog-ham-scrim.open,
531.london-fog-shell-header #london-fog-ham-drawer.london-fog-open,
532.london-fog-shell-header #london-fog-ham-drawer.open {
533  display: flex !important;
534  visibility: visible !important;
535  transform: none !important;
536  translate: none !important;
537}
538.london-fog-shell-header #london-fog-ham-scrim.london-fog-open,
539.london-fog-shell-header #london-fog-ham-scrim.open {
540  pointer-events: auto !important;
541  opacity: 1 !important;
542}
543.london-fog-shell-header #london-fog-ham-drawer.london-fog-open,
544.london-fog-shell-header #london-fog-ham-drawer.open {
545  pointer-events: auto !important;
546}
547@media (max-width: 767px) {
548  .london-fog-shell-header #london-fog-ham-toggle {
549    display: inline-flex !important;
550    color: var(--hdr-primary, var(--brand-primary, currentColor)) !important;
551    z-index: 1203 !important;
552  }
553  .london-fog-shell-header #london-fog-ham-toggle svg,
554  .london-fog-shell-header #london-fog-ham-toggle svg[width],
555  .london-fog-shell-header #london-fog-ham-toggle svg[height] {
556    width: 28px !important;
557    height: 28px !important;
558    min-width: 28px !important;
559    min-height: 28px !important;
560    max-width: none !important;
561    max-height: none !important;
562    stroke: currentColor !important;
563  }
564  .london-fog-shell-header #london-fog-ham-toggle[aria-expanded="false"] [class*="ham-x"] {
565    display: none !important;
566  }
567  .london-fog-shell-header #london-fog-ham-toggle[aria-expanded="true"] [class*="ham-lines"] {
568    display: none !important;
569  }
570  .london-fog-shell-header #london-fog-ham-toggle[aria-expanded="true"] [class*="ham-x"] {
571    display: inline !important;
572  }
573}
574@media (min-width: 768px) {
575  .london-fog-shell-header #london-fog-ham-toggle,
576  .london-fog-shell-header #london-fog-ham-scrim,
577  .london-fog-shell-header #london-fog-ham-drawer {
578    display: none !important;
579    visibility: hidden !important;
580  }
581}
582
583/* sbg-dynamic-logo-css */
584.sbg-brand .wp-block-site-logo,
585.sbg-footer-brand .wp-block-site-logo,
586.sbg-f-brand .wp-block-site-logo,
587.sbg-combo-anchor-bar .brand .wp-block-site-logo,
588.sbg-combo-anchor-bar-footer .logo-link .wp-block-site-logo,
589.sbg-combo-crest-stack .brand .wp-block-site-logo,
590.sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo,
591.sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo {
592  display: inline-flex; align-items: center; justify-content: center;
593  flex: 0 0 auto; margin: 0; overflow: hidden;
594}
595.sbg-combo-anchor-bar .brand .wp-block-site-logo {
596  --sbg-logo-w: 170px; --sbg-logo-h: 54px;
597  width: auto !important; max-width: min(170px, 26vw) !important;
598  height: 54px !important; max-height: 54px !important;
599}
600.sbg-footer-brand .wp-block-site-logo,
601.sbg-f-brand .wp-block-site-logo,
602.sbg-combo-anchor-bar-footer .logo-link .wp-block-site-logo {
603  --sbg-logo-w: 230px; --sbg-logo-h: 69px;
604  width: auto !important; max-width: min(230px, 30vw) !important;
605  height: var(--sbg-logo-h) !important; max-height: var(--sbg-logo-h) !important;
606}
607.sbg-brand .wp-block-site-logo img,
608.sbg-footer-brand .wp-block-site-logo img,
609.sbg-f-brand .wp-block-site-logo img,
610.sbg-combo-anchor-bar .brand .wp-block-site-logo img,
611.sbg-combo-anchor-bar-footer .logo-link .wp-block-site-logo img,
612.sbg-combo-crest-stack .brand .wp-block-site-logo img,
613.sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo img,
614.sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo img,
615.sbg-brand .wp-block-site-logo .custom-logo,
616.sbg-footer-brand .wp-block-site-logo .custom-logo,
617.sbg-f-brand .wp-block-site-logo .custom-logo,
618.sbg-combo-anchor-bar .brand .wp-block-site-logo .custom-logo,
619.sbg-combo-anchor-bar-footer .logo-link .wp-block-site-logo .custom-logo {
620  display: block !important; width: auto !important; height: auto !important;
621  max-width: 100% !important; object-fit: contain !important;
622}
623.sbg-combo-anchor-bar .brand .wp-block-site-logo img,
624.sbg-combo-anchor-bar .brand .wp-block-site-logo .custom-logo {
625  max-height: 54px !important;
626}
627.sbg-combo-anchor-bar .bar { min-width: 0; }
628.sbg-combo-anchor-bar .brand { max-width: min(170px, 26vw); min-width: 0; flex-shrink: 1; }
629.sbg-combo-anchor-bar .navw { min-width: 0; flex: 1 1 auto; }
630.sbg-combo-anchor-bar .sbg-nav-list { flex-wrap: wrap; row-gap: 6px; }
631.sbg-combo-anchor-bar .bar-actions { flex-shrink: 0; }
632.sbg-brand:has(.wp-block-site-logo img) .sbg-logo-fallback,
633.sbg-brand:has(.custom-logo) .sbg-logo-fallback,
634.sbg-footer-brand:has(.wp-block-site-logo img) .sbg-logo-fallback,
635.sbg-footer-brand:has(.custom-logo) .sbg-logo-fallback,
636.sbg-f-brand:has(.wp-block-site-logo img) .sbg-logo-fallback,
637.sbg-f-brand:has(.custom-logo) .sbg-logo-fallback,
638.sbg-combo-anchor-bar .brand:has(.wp-block-site-logo img) .sbg-logo-fallback,
639.sbg-combo-anchor-bar .brand:has(.custom-logo) .sbg-logo-fallback,
640.sbg-combo-anchor-bar-footer .logo-link:has(.wp-block-site-logo img) .sbg-logo-fallback,
641.sbg-combo-anchor-bar-footer .logo-link:has(.custom-logo) .sbg-logo-fallback,
642.sbg-combo-crest-stack .brand:has(.wp-block-site-logo img) .sbg-logo-fallback,
643.sbg-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) .sbg-logo-fallback,
644.sbg-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) .sbg-logo-fallback { display: none !important; }
645.sbg-combo-anchor-bar .brand:has(.wp-block-site-logo img) > img,
646.sbg-combo-anchor-bar-footer .logo-link:has(.wp-block-site-logo img) > img,
647.sbg-combo-crest-stack .brand:has(.wp-block-site-logo img) > img,
648.sbg-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) > img,
649.sbg-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) > img { display: none !important; }
650/* Gutenberg splits wp:site-logo from html wrapper — hide text fallback beside logo block */
651.wp-block-site-logo + .sbg-logo-fallback,
652.sbg-wp-site-logo + .sbg-logo-fallback { display: none !important; }
653@media (max-width: 768px) {
654  .sbg-combo-anchor-bar .brand .wp-block-site-logo,
655  .sbg-combo-anchor-bar .brand .wp-block-site-logo img,
656  .sbg-combo-anchor-bar .brand .wp-block-site-logo .custom-logo {
657    max-height: 44px !important; height: 44px !important; --sbg-logo-h: 44px;
658  }
659  .sbg-combo-anchor-bar .brand { max-width: min(150px, 40vw); }
660  .sbg-combo-crest-stack .brand .wp-block-site-logo,
661  .sbg-combo-crest-stack .brand .wp-block-site-logo img,
662  .sbg-combo-crest-stack .brand .wp-block-site-logo .custom-logo {
663    max-height: 44px !important; height: 44px !important;
664  }
665  .sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo,
666  .sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo,
667  .sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo img,
668  .sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo img {
669    max-height: 40px !important;
670  }
671}
672.sbg-combo-crest-stack .brand .wp-block-site-logo {
673  --sbg-logo-w: 190px; --sbg-logo-h: 58px;
674  width: auto !important; max-width: min(240px, 32vw) !important;
675  height: 58px !important; max-height: 58px !important;
676}
677.sbg-combo-crest-stack .brand .wp-block-site-logo img,
678.sbg-combo-crest-stack .brand .wp-block-site-logo .custom-logo {
679  max-height: 58px !important;
680}
681.sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo,
682.sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo {
683  --sbg-logo-w: 190px; --sbg-logo-h: 44px;
684  width: auto !important; max-width: min(190px, 30vw) !important;
685  height: 44px !important; max-height: 44px !important;
686}
687.sbg-combo-crest-stack .brand:has(.wp-block-site-logo img) > img,
688.sbg-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) > img,
689.sbg-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) > img {
690  display: none !important;
691}
692.sbg-combo-crest-stack .brand:has(.wp-block-site-logo img) .sbg-logo-fallback,
693.sbg-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) .sbg-logo-fallback,
694.sbg-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) .sbg-logo-fallback {
695  display: none !important;
696}
697
698</style>
699<div class="london-fog-header-bar">
700<div class="london-fog-logo">
701
702<div style="margin-top:0;margin-bottom:0" class="sbg-wp-site-logo wp-block-site-logo"><a href="https://thelondonfog.com/" class="custom-logo-link" rel="home" aria-current="page"><img width="120" height="51" src="https://thelondonfog.com/wp-content/uploads/2026/07/London-F
702og-logo.png" class="custom-logo" alt="London Fog logo" decoding="async" srcset="https://thelondonfog.com/wp-content/uploads/2026/07/London-Fog-logo.png 350w, https://thelondonfog.com/wp-content/uploads/2026/07/London-Fog-logo-300x129.png 300w" sizes="(max-width: 120px) 100vw, 120px" /></a></div>
703
704</div>
705<nav aria-label="Primary">
706<ul class="london-fog-nav-list">
707<li><a href="https://thelondonfog.com/">Home</a></li>
708<li><a href="https://thelondonfog.com/category/tea-lattes/">Tea Lattes</a></li>
709<li><a href="https://thelondonfog.com/category/recipes/">Recipes &amp; How-To</a></li>
710<li><a href="https://thelondonfog.com/category/ingredients/">Ingredients &amp; Syrups</a></li>
711<li><a href="https://thelondonfog.com/category/variations/">Specialty Variations</a></li>
712<li><a href="https://thelondonfog.com/category/nutrition/">Nutrition &amp; Dietary</a></li>
713</ul>
714</nav>
715<div class="london-fog-actions">
716<a class="london-fog-cta" href="https://www.amazon.com/s?k=London+Fog&amp;tag=thelondonfog00-20" rel="nofollow sponsored">Shop Now</a>
717<button aria-expanded="false" aria-label="Open menu" class="london-fog-ham-toggle" id="london-fog-ham-toggle" type="button"><svg aria-hidden="true" class="shell-ham-icon" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"></path></svg><svg aria-hidden="true" class="shell-close-icon" fill="none" stroke="currentColor" stroke-width="2" viewbox="0 0 24 24"><path d="M18 6L6 18M6 6l12 12"></path></svg></button>
718</div>
719</div>
720
721
722
723<div id="london-fog-ham-scrim"></div><div id="london-fog-ham-drawer">
724<ul class="london-fog-drawer-nav">
725<li><a href="https://thelondonfog.com/">Home</a></li>
726<li><a href="https://thelondonfog.com/category/tea-lattes/">Tea Lattes</a></li>
727<li><a href="https://thelondonfog.com/category/recipes/">Recipes &amp; How-To</a></li>
728<li><a href="https://thelondonfog.com/category/ingredients/">Ingredients &amp; Syrups</a></li>
729<li><a href="https://thelondonfog.com/category/variations/">Specialty Variations</a></li>
730<li><a href="https://thelondonfog.com/category/nutrition/">Nutrition &amp; Dietary</a></li>
731</ul>
732</div>
732<script>(function() {
733  function bind() {
734    var t = document.getElementById("london-fog-ham-toggle");
735    var d = document.getElementById("london-fog-ham-drawer");
736    var s = document.getElementById("london-fog-ham-scrim");
737    var c = document.getElementById("");
738    if (!t || !d) return;
739    var hdr = t.closest("header") || d.closest("header");
740    function syncBarH() {
741      if (!hdr) return;
742      var h = Math.ceil(hdr.getBoundingClientRect().height) || 72;
743      hdr.style.setProperty("--shell-bar-h", h + "px");
744    }
745    function isOpen() {
746      return d.classList.contains("open") || d.classList.contains("london-fog-open");
747    }
748    function closeMenu(e) {
749      if (e) e.preventDefault();
750      d.classList.remove("london-fog-open", "open");
751      if (s) s.classList.remove("london-fog-open", "open");
752      t.setAttribute("aria-expanded", "false");
753      t.setAttribute("aria-label", "Open menu");
754      document.body.style.overflow = "";
755    }
756    function openMenu(e) {
757      if (e) e.preventDefault();
758      syncBarH();
759      d.classList.add("london-fog-open", "open");
760      if (s) s.classList.add("london-fog-open", "open");
761      t.setAttribute("aria-expanded", "true");
762      t.setAttribute("aria-label", "Close menu");
763      document.body.style.overflow = "hidden";
764    }
765    function toggleMenu(e) {
766      if (isOpen()) closeMenu(e);
767      else openMenu(e);
768    }
769    syncBarH();
770    window.addEventListener("resize", syncBarH);
771    t.addEventListener("click", toggleMenu);
772    t.addEventListener("touchend", function(e) { e.preventDefault(); toggleMenu(e); }, {passive: false});
773    if (s) s.addEventListener("click", closeMenu);
774    if (c) {
775      c.addEventListener("click", closeMenu);
776      c.addEventListener("touchend", function(e) { e.preventDefault(); closeMenu(e); }, {passive: false});
777    }
778  }
779  if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", bind);
780  else bind();
781})();</script>
781</header>
782</header>
783	<main id="inner-wrap" class="wrap kt-clear" role="main">
784		<div id="primary" class="content-area">
785	<div class="content-container site-container">
786		<div id="main" class="site-main">
787						<div class="content-wrap">
788				<article id="post-76" class="entry content-bg single-entry post-76 page type-page status-publish has-post-thumbnail hentry">
789	<div class="entry-content-wrap">
790		
791<div class="entry-content single-content">
792	
793<style>
794.homepage-wrapper { font-family: Georgia, 'Times New Roman', serif !important; color: #2a2a2a !important; line-height: 1.7 !important; background-color: #fafaf7 !important; }
795.homepage-wrapper * { box-sizing: border-box !important; }
796.homepage-wrapper :root, .homepage-wrapper { --brand-primary: #5f708d !important; --brand-secondary: #b8a179 !important; --brand-ink: #1f2733; --brand-cream: #f5f1e8; --brand-mist: #e8ecf2; }
797
798/* Body links only — exclude anything button-ish */
799.homepage-wrapper a:not([class*="btn"]):not([class*="cta"]) { color: #4a5d7e !important; text-decoration: none !important; border-bottom: 1px solid rgba(74,93,126,0.3) !important; transition: border-color 0.3s ease !important; }
800.homepage-wrapper a:not([class*="btn"]):not([class*="cta"]):hover { border-color: #4a5d7e !important; }
801
802/* Solid primary buttons */
803.homepage-wrapper a.btn-primary, .homepage-wrapper a[class*="btn-primary"], .homepage-wrapper a.hero-btn, .homepage-wrapper a.product-card__btn, .homepage-wrapper a[class*="shop-btn"], .homepage-wrapper a.cta-btn-primary { background-color: #4a5d7e !important; color: #ffffff !important; text-decoration: none !important; border: 1px solid #4a5d7e !important; padding: 14px 32px !important; display: inline-block !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; font-size: 12px !important; font-family: 'Helvetica Neue', Arial, sans-serif !important; transition: all 0.3s ease !important; }
804.homepage-wrapper a.btn-primary:hover, .homepage-wrapper a[class*="btn-primary"]:hover, .homepage-wrapper a.hero-btn:hover, .homepage-wrapper a.product-card__btn:hover, .homepage-wrapper a[class*="shop-btn"]:hover, .homepage-wrapper a.cta-btn-primary:hover, .homepage-wrapper a.btn-primary:focus, .homepage-wrapper a.hero-btn:focus, .homepage-wrapper a.product-card__btn:focus { background-color: #3a4c6b !important; color: #ffffff !important; border-color: #3a4c6b !important; }
805
806/* Outline / secondary buttons */
807.homepage-wrapper a.btn-secondary, .homepage-wrapper a.btn-outline, .homepage-wrapper a.hero-cta-secondary { background-color: transparent !important; color: #4a5d7e !important; border: 1px solid #4a5d7e !important; padding: 13px 30px !important; display: inline-block !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; font-size: 12px !important; text-decoration: none !important; font-family: 'Helvetica Neue', Arial, sans-serif !important; transition: all 0.3s ease !important; }
808.homepage-wrapper a.btn-secondary:hover, .homepage-wrapper a.btn-outline:hover, .homepage-wrapper a.hero-cta-secondary:hover { background-color: #4a5d7e !important; color: #ffffff !important; }
809
810/* Section defaults */
811.homepage-wrapper h1, .homepage-wrapper h2, .homepage-wrapper h3, .homepage-wrapper h4 { font-family: 'Playfair Display', Georgia, serif !important; color: #1f2733 !important; font-weight: 400 !important; letter-spacing: 0.01em !important; }
812.homepage-wrapper p { color: #4a4a4a !important; }
813.homepage-wrapper .eyebrow { font-family: 'Helvetica Neue', Arial, sans-serif !important; font-size: 11px !important; letter-spacing: 0.3em !important; text-transform: uppercase !important; color: #b8a179 !important; margin-bottom: 24px !important; }
814
815/* HERO */
816.homepage-wrapper__hero { background-color: #f5f1e8 !important; padding: 100px 40px !important; }
817.homepage-wrapper__hero-inner { max-width: 1200px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 80px !important; align-items: center !important; }
818.homepage-wrapper__hero-copy { padding: 20px 0 !important; }
819.homepage-wrapper__hero h1 { font-size: 46px !important; line-height: 1.15 !important; margin: 0 0 24px 0 !important; font-weight: 400 !important; }
820.homepage-wrapper__hero p.homepage-wrapper__hero-tagline { font-size: 17px !important; line-height: 1.7 !important; color: #4a4a4a !important; margin: 0 0 40px 0 !important; max-width: 460px !important; 
821    text-align: center !important;
822}
823.homepage-wrapper__hero-media { border-radius: 4px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(31,39,51,0.12) !important; }
824.homepage-wrapper__hero-media img { width: 100% !important; height: 560px !important; object-fit: cover !important; display: block !important; }
825.homepage-wrapper__hero-ctas { display: flex !important; gap: 16px !important; flex-wrap: wrap !important; }
826
827/* PRODUCTS GRID */
828.homepage-wrapper__products { padding: 120px 40px !important; background-color: #fafaf7 !important; }
829.homepage-wrapper__section-head { max-width: 900px !important; margin: 0 auto 80px auto !important; text-align: center !important; }
830.homepage-wrapper__section-head h2 { font-size: 38px !important; margin: 0 0 20px 0 !important; }
831.homepage-wrapper__section-head p { font-size: 17px !important; color: #666 !important; max-width: 600px !important; margin: 0 auto !important; }
832.homepage-wrapper__product-grid { max-width: 1240px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 60px !important; }
833.homepage-wrapper__product-card { background-color: #ffffff !important; padding: 32px !important; text-align: center !important; border: 1px solid #ececec !important; transition: box-shadow 0.4s ease, transform 0.4s ease !important; }
834.homepage-wrapper__product-card:hover { box-shadow: 0 12px 40px rgba(31,39,51,0.08) !important; transform: translateY(-4px) !important; }
835.homepage-wrapper__product-card-media { margin-bottom: 28px !important; background-color: #f5f1e8 !important; padding: 24px !important; }
836.homepage-wrapper__product-card-media img { width: 100% !important; height: 240px !important; object-fit: contain !important; display: block !important; mix-blend-mode: multiply !important; }
837.homepage-wrapper__product-card h3 { font-size: 20px !important; margin: 0 0 12px 0 !important; line-height: 1.35 !important; min-height: 54px !important; }
838.homepage-wrapper__product-card-desc { font-size: 14px !important; color: #666 !important; line-height: 1.65 !important; margin: 0 0 24px 0 !important; min-height: 66px !important; }
839.homepage-wrapper__product-card-price { font-family: 'Helvetica Neue', Arial, sans-serif !important; font-size: 13px !important; letter-spacing: 0.2em !important; color: #b8a179 !important; margin-bottom: 20px !important; text-transform: uppercase !important; }
840
841/* CRAFTSMANSHIP */
842.homepage-wrapper__craft { padding: 120px 40px !important; background-color: #f5f1e8 !important; }
843.homepage-wrapper__craft-inner { max-width: 1200px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 80px !important; align-items: center !important; }
844.homepage-wrapper__craft-media img { width: 100% !important; height: 520px !important; object-fit: cover !important; display: block !important; }
845.homepage-wrapper__craft h2 { font-size: 36px !important; margin: 0 0 24px 0 !important; line-height: 1.25 !important; }
846.homepage-wrapper__craft p { font-size: 16px !important; line-height: 1.85 !important; margin: 0 0 20px 0 !important; }
847
848/* HERITAGE */
849.homepage-wrapper__heritage { padding: 120px 40px !important; background-color: #ffffff !important; }
850.homepage-wrapper__heritage-inner { max-width: 900px !important; margin: 0 auto !important; }
851.homepage-wrapper__timeline { margin-top: 60px !important; }
852.homepage-wrapper__timeline-item { display: grid !important; grid-template-columns: 160px 1fr !important; gap: 40px !important; padding: 32px 0 !important; border-bottom: 1px solid #ececec !important;
852 align-items: baseline !important; }
853.homepage-wrapper__timeline-year { font-family: 'Playfair Display', Georgia, serif !important; font-size: 30px !important; color: #b8a179 !important; font-style: italic !important; }
854.homepage-wrapper__timeline-body h3 { font-size: 22px !important; margin: 0 0 10px 0 !important; }
855.homepage-wrapper__timeline-body p { font-size: 15px !important; line-height: 1.75 !important; margin: 0 !important; }
856
857/* PRESS */
858.homepage-wrapper__press { padding: 100px 40px !important; background-color: #1f2733 !important; text-align: center !important; }
859.homepage-wrapper__press .eyebrow { color: #b8a179 !important; }
860.homepage-wrapper__press h2 { color: #ffffff !important; font-size: 32px !important; margin: 0 0 60px 0 !important; }
861.homepage-wrapper__press-grid { max-width: 1100px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 60px !important; }
862.homepage-wrapper__press-item { color: #e8ecf2 !important; }
863.homepage-wrapper__press-name { font-family: 'Playfair Display', Georgia, serif !important; font-style: italic !important; font-size: 22px !important; color: #ffffff !important; margin-bottom: 12px !important; }
864.homepage-wrapper__press-quote { font-size: 13px !important; line-height: 1.65 !important; color: #b8bdc7 !important; }
865
866/* TESTIMONIALS */
867.homepage-wrapper__testimonials { padding: 120px 40px !important; background-color: #fafaf7 !important; }
868.homepage-wrapper__testimonial-grid { max-width: 1100px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 80px !important; }
869.homepage-wrapper__testimonial { text-align: center !important; padding: 20px !important; }
870.homepage-wrapper__testimonial blockquote { font-family: 'Playfair Display', Georgia, serif !important; font-size: 24px !important; line-height: 1.55 !important; font-style: italic !important; color: #1f2733 !important; margin: 0 0 28px 0 !important; padding: 0 !important; border: none !important; }
871.homepage-wrapper__testimonial-attr { font-family: 'Helvetica Neue', Arial, sans-serif !important; font-size: 11px !important; letter-spacing: 0.25em !important; text-transform: uppercase !important; color: #b8a179 !important; }
872
873/* FAQ */
874.homepage-wrapper__faq { padding: 120px 40px !important; background-color: #ffffff !important; }
875.homepage-wrapper__faq-inner { max-width: 820px !important; margin: 0 auto !important; }
876.homepage-wrapper__faq-item { border-bottom: 1px solid #ececec !important; padding: 32px 0 !important; }
877.homepage-wrapper__faq-item h3 { font-size: 21px !important; margin: 0 0 16px 0 !important; line-height: 1.4 !important; }
878.homepage-wrapper__faq-item p { font-size: 16px !important; line-height: 1.8 !important; margin: 0 !important; color: #4a4a4a !important; }
879
880/* RELATED POSTS */
881.homepage-wrapper__related-posts { padding: 120px 40px !important; background-color: #f5f1e8 !important; }
882.homepage-wrapper__posts-grid { max-width: 1200px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 50px !important; }
883.homepage-wrapper__post-card { background-color: #ffffff !important; overflow: hidden !important; }
884.homepage-wrapper__post-card img { width: 100% !important; height: 240px !important; object-fit: cover !important; display: block !important; }
885.homepage-wrapper__post-card-body { padding: 32px 28px !important; }
886.homepage-wrapper__post-card-body h3 { font-size: 20px !important; margin: 0 0 14px 0 !important; line-height: 1.35 !important; }
887.homepage-wrapper__post-card-body p { font-size: 14px !important; line-height: 1.7 !important; color: #666 !important; margin: 0 0 20px 0 !important; }
888.homepage-wrapper__post-card-body a:not([class*="btn"]) { font-family: 'Helvetica Neue', Arial, sans-serif !important; font-size: 11px !important; letter-spacing: 0.25em !important; text-transform: uppercase !important; border-bottom: 1px solid #b8a179 !important; padding-bottom: 4px !important; color: #4a5d7e !important; }
889
890/* NEWSLETTER */
891.homepage-wrapper__newsletter { padding: 100px 40px !important; background-color: #ffffff !important; text-align: center !important; }
892.homepage-wrapper__newsletter-inner { max-width: 560px !important; margin: 0 auto !important; }
893.homepage-wrapper__newsletter h2 { font-size: 30px !important; margin: 0 0 20px 0 !important; }
894.homepage-wrapper__newsletter p { font-size: 16px !important; margin: 0 0 36px 0 !important; }
895.homepage-wrapper__newsletter-form { display: flex !important; gap: 12px !important; justify-content: center !important; flex-wrap: wrap !important; }
896.homepage-wrapper__newsletter-form input { flex: 1 !important; min-width: 240px !important; padding: 14px 18px !important; border: 1px solid #d4d4d4 !important; background-color: #fafaf7 !important; font-family: Georgia, serif !important; font-size: 15px !important; color: #1f2733 !important; }
897
898/* FINAL CTA */
899.homepage-wrapper__final-cta { padding: 140px 40px !important; background-color: #1f2733 !important; text-align: center !important; }
900.homepage-wrapper__final-cta .eyebrow { color: #b8a179 !important; }
901.homepage-wrapper__final-cta h2 { color: #ffffff !important; font-size: 42px !important; margin: 0 0 24px 0 !important; font-style: italic !important; }
902.homepage-wrapper__final-cta p { color: #b8bdc7 !important; font-size: 17px !important; margin: 0 auto 40px auto !important; max-width: 560px !important; line-height: 1.75 !important; }
903.homepage-wrapper__final-cta a.btn-primary { background-color: #b8a179 !important; border-color: #b8a179 !important; color: #1f2733 !important; padding: 16px 40px !important; }
904.homepage-wrapper__final-cta a.btn-primary:hover { background-color: #ffffff !important; border-color: #ffffff !important; color: #1f2733 !important; }
905
906/* RESPONSIVE */
907@media (max-width: 900px) {
908  .homepage-wrapper__hero { padding: 60px 24px !important; }
909  .homepage-wrapper__hero-inner, .homepage-wrapper__craft-inner { grid-template-columns: 1fr !important; gap: 40px !important; }
910  .homepage-wrapper__hero h1 { font-size: 34px !important; }
911  .homepage-wrapper__hero-media img { height: 380px !important; }
912  .homepage-wrapper__products, .homepage-wrapper__craft, .homepage-wrapper__heritage, .homepage-wrapper__testimonials, .homepage-wrapper__faq, .homepage-wrapper__related-posts, .homepage-wrapper__newsletter, .homepage-wrapper__final-cta, .homepage-wrapper__press { padding: 70px 24px !important; }
913  .homepage-wrapper__product-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
914  .homepage-wrapper__press-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 40px !important; }
915  .homepage-wrapper__testimonial-grid, .homepage-wrapper__posts-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
916  .homepage-wrapper__timeline-item { grid-template-columns: 1fr !important; gap: 8px !important; }
917  .homepage-wrapper__section-head h2 { font-size: 30px !important; }
918  .homepage-wrapper__final-cta h2 { font-size: 30px !important; }
919  .homepage-wrapper__craft-media img { height: 340px !important; }
920}
921/* sbg:centered-intros-v2 */
922.entry-content .homepage-wrapper p.homepage-wrapper__section-intro,
923.entry-content .homepage-wrapper p.homepage-wrapper__hero-tagline,
924.homepage-wrapper .homepage-wrapper__section-intro,
925.homepage-wrapper .homepage-wrapper__hero-tagline,
926.homepage-wrapper .homepage-wrapper__section-header p,
927.homepage-wrapper .homepage-wrapper__feature > p,
928.homepage-wrapper .homepage-wrapper__feature-inner > p {
929    text-align: center !important;
930}
931@media (max-width: 768px) {
932    .homepage-wrapper {
933        width: 100vw !important;
934        max-width: 100vw !important;
935        position: relative !important;
936        left: 50% !important;
937        right: 50% !important;
938        margin-left: -50vw !important;
939        margin-right: -50vw !important;
940        overflow-x: clip !important;
941    }
942}
943
944/* SBG homepage image display contract — BEGIN */
945.homepage-wrapper .hero-image img,
946.homepage-wrapper .hero-img-inject,
947.homepage-wrapper .hero__image img {
948  max-width: 500px !important;
949  width: 100% !important;
950  height: auto !important;
951  max-height: none !important;
952  object-fit: contain !important;
953  object-position: center !important;
954}
955.homepage-wrapper .product-image-wrap,
956.homepage-wrapper .product-image {
957  height: auto !important;
958  max-height: none !important;
959  aspect-ratio: 1 / 1 !important;
960  overflow: hidden !important;
961  display: flex !important;
962  align-items: center !important;
963  justify-content: center !important;
964}
965.homepage-wrapper .product-image-wrap img,
966.homepage-wrapper .product-image img,
967.homepage-wrapper .products-grid .product-card img {
968  width: 100% !important;
969  height: auto !important;
970  max-height: 280px !important;
971  object-fit: contain !important;
972  object-position: center !important;
973}
974/* BEM product grid — equal wells (covers __product-image wrap AND __product-img on <img>) */
975.homepage-wrapper__product-image,
976.homepage-wrapper .homepage-wrapper__product-image {
977  padding: 0 !important;
978  aspect-ratio: 1 / 1 !important;
979  overflow: hidden !important;
980  display: block !important;
981  background: var(--bg-light, var(--bg-cream, #f5f5f5)) !important;
982}
983.homepage-wrapper__product-image img,
984.homepage-wrapper .homepage-wrapper__product-image img,
985.homepage-wrapper__products-grid .homepage-wrapper__product-card img,
986.homepage-wrapper__product-grid .homepage-wrapper__product-card img,
987.homepage-wrapper__product-img,
988.homepage-wrapper .homepage-wrapper__product-img,
989.homepage-wrapper__product-card > img {
990  width: 100% !important;
991  max-width: none !important;
992  height: auto !important;
993  max-height: none !important;
994  aspect-ratio: 1 / 1 !important;
995  object-fit: cover !important;
996  object-position: center !important;
997  display: block !important;
998}
999.homepage-wrapper__product-image img,
1000.homepage-wrapper .homepage-wrapper__product-image img {
1001  height: 100% !important;
1002  aspect-ratio: auto !important;
1003}
1004.homepage-wrapper__product-card {
1005  display: flex !important;
1006  flex-direction: column !important;
1007}
1008.homepage-wrapper__product-body,
1009.homepage-wrapper__product-info {
1010  display: flex !important;
1011  flex-direction: column !important;
1012  flex: 1 !important;
1013}
1014.homepage-wrapper__product-link {
1015  margin-top: auto !important;
1016}
1017/* BEM related/explore cards — equal image wells (beats theme height:auto on .entry-content img) */
1018.homepage-wrapper__related-img,
1019.homepage-wrapper .homepage-wrapper__related-img,
1020.homepage-wrapper__related-grid .homepage-wrapper__related-card > img,
1021.homepage-wrapper__related-card > img {
1022  width: 100% !important;
1023  height: auto !important;
1024  max-height: none !important;
1025  aspect-ratio: 4 / 3 !important;
1026  object-fit: cover !important;
1027  object-position: center !important;
1028  display: block !important;
1029  background: var(--bg-light, var(--bg-cream, #f5f5f5)) !important;
1030}
1031.homepage-wrapper .collection-image,
1032.homepage-wrapper .article-image,
1033.homepage-wrapper .behind-image {
1034  height: auto !important;
1035  max-height: 480px !important;
1036  aspect-ratio: 4 / 3 !important;
1037  overflow: hidden !important;
1038}
1039.homepage-wrapper .collection-image img,
1040.homepage-wrapper .article-image img,
1041.homepage-wrapper .behind-image img {
1042  width: 100% !important;
1043  height: auto !important;
1044  max-height: 480px !important;
1045  object-fit: contain !important;
1046  object-position: center !important;
1047}
1048@media (max-width: 640px) {
1049  .homepage-wrapper .hero-image img,
1050  .homepage-wrapper .hero-img-inject {
1051    max-width: 100% !important;
1052  }
1053  .homepage-wrapper .product-image-wrap img,
1054  .homepage-wrapper .product-image img {
1055    max-height: 240px !important;
1056  }
1057}
1058/* SBG homepage image display contract — END */
1059
1060/* SBG hero left-align — BEGIN */
1061.homepage-wrapper__hero,
1062.homepage-wrapper__hero[data-sbg-center] {
1063  text-align: left !important;
1064}
1065.homepage-wrapper__hero-copy,
1066.homepage-wrapper__hero-grid,
1067.homepage-wrapper__hero-inner,
1068.homepage-wrapper__hero-h1,
1069.homepage-wrapper__hero-intro,
1070.homepage-wrapper__hero-eyebrow,
1071.homepage-wrapper__hero-tagline,
1072.homepage-wrapper__hero p,
1073.homepage-wrapper__hero h1 {
1074  text-align: left !important;
1075}
1076.homepage-wrapper__hero-ctas {
1077  display: flex !important;
1078  flex-wrap: wrap !important;
1079  gap: 12px !important;
1080  justify-content: flex-start !important;
1081  text-align: left !important;
1082}
1083/* SBG hero left-align — END */
1084
1085/* SBG primary-cta contrast — BEGIN */
1086/* Beat .homepage-wrapper a { color: brand !important } / a:not([class*="btn"])
1087   so solid CTAs stay readable. Specificity must include the `a` element.
1088   Also force a solid fill — white text alone breaks outline/ghost shop-btn
1089   (transparent bg + white label = invisible; Churu fleet failure). */
1090.homepage-wrapper a.homepage-wrapper__btn-primary,
1091.homepage-wrapper a[class*="__btn-primary"],
1092.homepage-wrapper a.btn-primary,
1093.homepage-wrapper a[class*="btn-primary"],
1094.homepage-wrapper a.btn-hero,
1095.homepage-wrapper a.hero-btn,
1096.homepage-wrapper a[class*="hero-btn"],
1097.homepage-wrapper a[class*="btn-hero"],
1098.homepage-wrapper a.homepage-wrapper__shop-btn,
1099.homepage-wrapper a[class*="__shop-btn"],
1100.homepage-wrapper a.shop-btn,
1101.homepage-wrapper a[class*="shop-btn"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]),
1102.homepage-wrapper a.product-card__btn,
1103.homepage-wrapper a[class*="product-card__btn"],
1104.homepage-wrapper a.product-card__cta,
1105.homepage-wrapper a[class*="product-card__cta"],
1106.homepage-wrapper a.homepage-wrapper__btn:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]),
1107.homepage-wrapper a.homepage-wrapper__cta:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]),
1108.homepage-wrapper a[class*="__cta-btn"],
1109.homepage-wrapper a[class*="cta-btn"],
1110.homepage-wrapper a[class*="hero-cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]),
1111.homepage-wrapper a[class*="__cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]),
1112.homepage-wrapper a[class*="-cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):not([class*="rp-card"]),
1113.homepage-wrapper button.homepage-wrapper__btn-primary,
1114.homepage-wrapper button.btn-primary,
1115.homepage-wrapper button.homepage-wrapper__shop-btn,
1116.homepage-wrapper button[class*="btn"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]) {
1117  color: #ffffff !important;
1118  -webkit-text-fill-color: #ffffff !important;
1119  background-color: var(--brand-primary, var(--ink, #111111)) !important;
1120}
1121.homepage-wrapper a.homepage-wrapper__btn-primary:hover,
1122.homepage-wrapper a.homepage-wrapper__btn-primary:focus,
1123.homepage-wrapper a.homepage-wrapper__btn-primary:active,
1124.homepage-wrapper a[class*="__btn-primary"]:hover,
1125.homepage-wrapper a[class*="__btn-primary"]:focus,
1126.homepage-wrapper a[class*="__btn-primary"]:active,
1127.homepage-wrapper a.btn-primary:hover,
1128.homepage-wrapper a.btn-primary:focus,
1129.homepage-wrapper a.btn-primary:active,
1130.homepage-wrapper a[class*="btn-primary"]:hover,
1131.homepage-wrapper a[class*="btn-primary"]:focus,
1132.homepage-wrapper a[class*="btn-primary"]:active,
1133.homepage-wrapper a.btn-hero:hover,
1134.homepage-wrapper a.btn-hero:focus,
1135.homepage-wrapper a.btn-hero:active,
1136.homepage-wrapper a.hero-btn:hover,
1137.homepage-wrapper a.hero-btn:focus,
1138.homepage-wrapper a.hero-btn:active,
1139.homepage-wrapper a[class*="hero-btn"]:hover,
1140.homepage-wrapper a[class*="hero-btn"]:focus,
1141.homepage-wrapper a[class*="hero-btn"]:active,
1142.homepage-wrapper a.homepage-wrapper__shop-btn:hover,
1143.homepage-wrapper a.homepage-wrapper__shop-btn:focus,
1144.homepage-wrapper a.homepage-wrapper__shop-btn:active,
1145.homepage-wrapper a[class*="__shop-btn"]:hover,
1146.homepage-wrapper a[class*="__shop-btn"]:focus,
1147.homepage-wrapper a[class*="__shop-btn"]:active,
1148.homepage-wrapper a.shop-btn:hover,
1149.homepage-wrapper a.shop-btn:focus,
1150.homepage-wrapper a.shop-btn:active,
1151.homepage-wrapper a[class*="shop-btn"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):hover,
1152.homepage-wrapper a[class*="shop-btn"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):focus,
1153.homepage-wrapper a[class*="shop-btn"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):active,
1154.homepage-wrapper a.product-card__btn:hover,
1155.homepage-wrapper a.product-card
1155__btn:focus,
1156.homepage-wrapper a.product-card__btn:active,
1157.homepage-wrapper a[class*="product-card__btn"]:hover,
1158.homepage-wrapper a[class*="product-card__btn"]:focus,
1159.homepage-wrapper a[class*="product-card__btn"]:active,
1160.homepage-wrapper a.product-card__cta:hover,
1161.homepage-wrapper a.product-card__cta:focus,
1162.homepage-wrapper a.product-card__cta:active,
1163.homepage-wrapper a[class*="product-card__cta"]:hover,
1164.homepage-wrapper a[class*="product-card__cta"]:focus,
1165.homepage-wrapper a[class*="product-card__cta"]:active,
1166.homepage-wrapper a.homepage-wrapper__btn:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):hover,
1167.homepage-wrapper a.homepage-wrapper__btn:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):focus,
1168.homepage-wrapper a.homepage-wrapper__btn:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):active,
1169.homepage-wrapper a.homepage-wrapper__cta:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):hover,
1170.homepage-wrapper a.homepage-wrapper__cta:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):focus,
1171.homepage-wrapper a.homepage-wrapper__cta:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):active,
1172.homepage-wrapper a[class*="__cta-btn"]:hover,
1173.homepage-wrapper a[class*="__cta-btn"]:focus,
1174.homepage-wrapper a[class*="__cta-btn"]:active,
1175.homepage-wrapper a[class*="cta-btn"]:hover,
1176.homepage-wrapper a[class*="cta-btn"]:focus,
1177.homepage-wrapper a[class*="cta-btn"]:active,
1178.homepage-wrapper a[class*="hero-cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):hover,
1179.homepage-wrapper a[class*="hero-cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):focus,
1180.homepage-wrapper a[class*="hero-cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):active,
1181.homepage-wrapper a[class*="__cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):hover,
1182.homepage-wrapper a[class*="__cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):focus,
1183.homepage-wrapper a[class*="__cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):active,
1184.homepage-wrapper a[class*="-cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):not([class*="rp-card"]):hover,
1185.homepage-wrapper a[class*="-cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):not([class*="rp-card"]):focus,
1186.homepage-wrapper a[class*="-cta"]:not([class*="outline"]):not([class*="secondary"]):not([class*="ghost"]):not([class*="rp-card"]):active {
1187  color: #ffffff !important;
1188  -webkit-text-fill-color: #ffffff !important;
1189  background-color: var(--brand-primary, var(--ink, #111111)) !important;
1190}
1191/* SBG primary-cta contrast — END */
1192</style>
1193
1194<div class="homepage-wrapper">
1195
1196  <!-- HERO -->
1197  <section class="homepage-wrapper__hero">
1198    <div class="homepage-wrapper__hero-inner">
1199      <div class="homepage-wrapper__hero-copy">
1200        <div class="eyebrow">The London Fog · Est. Craft Tea</div>
1201        <h1>The London Fog, thoughtfully perfected.</h1>
1202        <p class="homepage-wrapper__hero-tagline" data-sbg-center style="text-align:center !important;max-width:640px;margin-left:auto !important;margin-right:auto !important">A quiet ritual of bergamot Earl Grey, steamed milk and vanilla. We craft the syrups, concentrates and loose-leaf teas that make an authentic London Fog latte at home — the way the cafés never quite manage.</p>
1203        <div class="homepage-wrapper__hero-ctas">
1204          <a class="btn-primary hero-btn" href="https://www.amazon.com/s?k=london+fog+tea+latte&#038;tag=thelondonfog00-20" rel="nofollow sponsored noopener" target="_blank" style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important" data-sbg-btn>Shop the Collection</a>
1205          <a class="btn-secondary hero-cta-secondary" href="/recipes/">Explore Recipes</a>
1206        </div>
1207      </div>
1208      <div class="homepage-wrapper__hero-media">
1209        <img decoding="async" src="https://thelondonfog.com/wp-content/uploads/2026/07/LONDON-FOG.webp" alt="London Fog Earl Grey tea latte with steamed milk and vanilla" />
1210      </div>
1211    </div>
1212  </section>
1213
1214  <!-- PRODUCTS GRID -->
1215  <section class="homepage-wrapper__products" id="products">
1216    <div class="homepage-wrapper__section-head">
1217      <div class="eyebrow">The Collection</div>
1218      <h2>Six essentials for the perfect London Fog</h2>
1219      <p>Every bottle, tin and concentrate is built for one purpose — an Earl Grey tea latte with genuine bergamot lift, honeyed vanilla and silken texture.</p>
1220    </div>
1221    <div class="homepage-wrapper__product-grid">
1222
1223      <div class="homepage-wrapper__product-card">
1224        <div class="homepage-wrapper__product-card-media">
1225          <img decoding="async" src="https://m.media-amazon.com/images/I/415ouXOv0eL._SL1500_.jpg" alt="London Fog Tea Latte Concentrate" />
1226        </div>
1227        <div class="homepage-wrapper__product-card-price">Signature Bottle</div>
1228        <h3>London Fog Tea Latte Concentrate</h3>
1229        <p class="homepage-wrapper__product-card-desc">Cold-brewed Earl Grey with real bergamot and Madagascar vanilla — a two-minute latte, unstirred perfection.</p>
1230        <a class="btn-primary product-card__btn" href="https://www.amazon.com/s?k=London+Fog+Tea+Latte+Concentrate&#038;tag=thelondonfog00-20" rel="nofollow sponsored noopener" target="_blank" style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important" data-sbg-btn>Shop Now</a>
1231      </div>
1232
1233      <div class="homepage-wrapper__product-card">
1234        <div class="homepage-wrapper__product-card-media">
1235          <img decoding="async" src="https://thelondonfog.com/wp-content/uploads/2026/07/London-F
1235og-Vanilla-Syrup.webp" alt="London Fog Vanilla Syrup" />
1236        </div>
1237        <div class="homepage-wrapper__product-card-price">House Syrup</div>
1238        <h3>London Fog Vanilla Syrup</h3>
1239        <p class="homepage-wrapper__product-card-desc">Slow-cooked bourbon vanilla syrup, calibrated for Earl Grey. A single pump lifts any cup into café territory.</p>
1240        <a class="btn-primary product-card__btn" href="https://www.amazon.com/s?k=London+Fog+Vanilla+Syrup&#038;tag=thelondonfog00-20" rel="nofollow sponsored noopener" target="_blank" style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important" data-sbg-btn>Shop Now</a>
1241      </div>
1242
1243      <div class="homepage-wrapper__product-card">
1244        <div class="homepage-wrapper__product-card-media">
1245          <img decoding="async" src="https://m.media-amazon.com/images/I/31WuQMlcGvL._SL1500_.jpg" alt="London Fog Earl Grey Loose Leaf Tea" />
1246        </div>
1247        <div class="homepage-wrapper__product-card-price">Loose Leaf</div>
1248        <h3>London Fog Earl Grey Tea</h3>
1249        <p class="homepage-wrapper__product-card-desc">Whole-leaf Ceylon black tea layered with cold-pressed bergamot oil and cornflower petals. The soul of the drink.</p>
1250        <a class="btn-primary product-card__btn" href="https://www.amazon.com/s?k=London+Fog+Earl+Grey+Tea&#038;tag=thelondonfog00-20" rel="nofollow sponsored noopener" target="_blank" style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important" data-sbg-btn>Shop Now</a>
1251      </div>
1252
1253      <div class="homepage-wrapper__product-card">
1254        <div class="homepage-wrapper__product-card-media">
1255          <img decoding="async" src="https://m.media-amazon.com/images/I/41Km13OwKLL._SL1500_.jpg" alt="Lavender London Fog Latte" />
1256        </div>
1257        <div class="homepage-wrapper__product-card-price">Botanical Edition</div>
1258        <h3>Lavender London Fog Latte</h3>
1259        <p class="homepage-wrapper__product-card-desc">Provençal lavender folded into our Earl Grey base — floral, calming, quietly extraordinary. Best steamed with oat milk.</p>
1260        <a class="btn-primary product-card__btn" href="https://www.amazon.com/s?k=Lavender+London+Fog+Latte&#038;tag=thelondonfog00-20" rel="nofollow sponsored noopener" target="_blank" style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important" data-sbg-btn>Shop Now</a>
1261      </div>
1262
1263      <div class="homepage-wrapper__product-card">
1264        <div class="homepage-wrapper__product-card-media">
1265          <img decoding="async" src="https://m.media-amazon.com/images/I/41RnwmTDOuL._SL1500_.jpg" alt="Iced London Fog Latte" />
1266        </div>
1267        <div class="homepage-wrapper__product-card-price">Summer Ritual</div>
1268        <h3>Iced London Fog Latte</h3>
1269        <p class="homepage-wrapper__product-card-desc">Ready-to-pour iced Earl Grey latte with vanilla cream. Chill, shake, serve over ice — no kettle required.</p>
1270        <a class="btn-primary product-card__btn" href="https://www.amazon.com/s?k=Iced+London+Fog+Latte&#038;tag=thelondonfog00-20" rel="nofollow sponsored noopener" target="_blank" style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important" data-sbg-btn>Shop Now</a>
1271      </div>
1272
1273      <div class="homepage-wrapper__product-card">
1274        <div class="homepage-wrapper__product-card-media">
1275          <img decoding="async" src="https://m.media-amazon.com/images/I/412ocHoWK5L._SL1500_.jpg" alt="Classic London Fog Tea Latte" />
1276        </div>
1277        <div class="homepage-wrapper__product-card-price">The Original</div>
1278        <h3>Classic London Fog Tea Latte</h3>
1279        <p class="homepage-wrapper__product-card-desc">Our founding recipe — Earl Grey, steamed whole milk, vanilla. Pantry-ready in single-serve pouches.</p>
1280        <a class="btn-primary product-card__btn" href="https://www.amazon.com/dp/B0CNJ5BYF6?tag=thelondonfog00-20" rel="nofollow sponsored noopener" target="_blank" style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important" data-sbg-btn>Shop Now</a>
1281      </div>
1282
1283    </div>
1284  </section>
1285
1286  <!-- CRAFTSMANSHIP -->
1287  <section class="homepage-wrapper__craft">
1288    <div class="homepage-wrapper__craft-inner">
1289      <div class="homepage-wrapper__craft-media">
1290        <img decoding="async" src="https://m.media-amazon.com/images/I/51T+lHKVa4L._SL1500_.jpg" alt="Earl Grey tea leaves with bergamot" />
1291      </div>
1292      <div class="homepage-wrapper__craft-body">
1293        <div class="eyebrow">Craftsmanship</div>
1294        <h2>The bergamot is where we refuse to compromise.</h2>
1295        <p>A London Fog only tastes right when the bergamot is right. We source cold-pressed Calabrian bergamot oil from a single family cooperative on the Ionian coast — the same fruit that gives authentic Earl Grey its citrus perfume and long, quiet finish.</p>
1296        <p>Our black-tea base is Ceylon high-grown, hand-selected for the roundness that stands up to steamed milk. Vanilla is Madagascar Bourbon, extracted slowly at low heat so nothing sharpens. Every bottle we ship has been tasted, not just tested.</p>
1297        <p>The result is a latte that reads as gentle and complete — the way a proper cup should feel on a grey afternoon.</p>
1298      </div>
1299    </div>
1300  </section>
1301
1302  <!-- HERITAGE -->
1303  <section class="homepage-wrapper__heritage">
1304    <div class="homepage-wrapper__heritage-inner">
1305      <div class="homepage-wrapper__section-head" style="margin-bottom: 20px !important;">
1306        <div class="eyebrow">Heritage</div>
1307        <h2>A quiet obsession, a decade in the making</h2>
1308        <p>
1308Milestones from a small tea room in the Pacific Northwest to America&#8217;s dedicated London Fog house.</p>
1309      </div>
1310      <div class="homepage-wrapper__timeline">
1311        <div class="homepage-wrapper__timeline-item">
1312          <div class="homepage-wrapper__timeline-year">Year One</div>
1313          <div class="homepage-wrapper__timeline-body">
1314            <h3>A single kettle, one recipe</h3>
1315            <p>The London Fog begins as a two-table tea bar with one drink on the board — Earl Grey, steamed milk, vanilla. Word travels quickly.</p>
1316          </div>
1317        </div>
1318        <div class="homepage-wrapper__timeline-item">
1319          <div class="homepage-wrapper__timeline-year">Year Three</div>
1320          <div class="homepage-wrapper__timeline-body">
1321            <h3>The signature vanilla syrup</h3>
1322            <p>After eleven trial batches we finalise our house vanilla syrup and begin bottling for the counter. It becomes our first shipped product.</p>
1323          </div>
1324        </div>
1325        <div class="homepage-wrapper__timeline-item">
1326          <div class="homepage-wrapper__timeline-year">Year Five</div>
1327          <div class="homepage-wrapper__timeline-body">
1328            <h3>Calabrian bergamot partnership</h3>
1329            <p>A direct-trade agreement with a family cooperative in southern Italy secures our bergamot supply. Our Earl Grey blend is rebuilt from scratch.</p>
1330          </div>
1331        </div>
1332        <div class="homepage-wrapper__timeline-item">
1333          <div class="homepage-wrapper__timeline-year">Year Seven</div>
1334          <div class="homepage-wrapper__timeline-body">
1335            <h3>The concentrate arrives</h3>
1336            <p>A cold-brewed London Fog concentrate launches for home use — the same café cup, ready in two minutes on the stovetop.</p>
1337          </div>
1338        </div>
1339        <div class="homepage-wrapper__timeline-item">
1340          <div class="homepage-wrapper__timeline-year">Today</div>
1341          <div class="homepage-wrapper__timeline-body">
1342            <h3>The complete collection</h3>
1343            <p>Six essentials, three variations, and an ever-growing library of recipes. Still one obsession — the perfect London Fog.</p>
1344          </div>
1345        </div>
1346      </div>
1347    </div>
1348  </section>
1349
1350  <!-- PRESS -->
1351  <section class="homepage-wrapper__press">
1352    <div class="eyebrow">Press &amp; Recognition</div>
1353    <h2>Written about, quietly</h2>
1354    <div class="homepage-wrapper__press-grid">
1355      <div class="homepage-wrapper__press-item">
1356        <div class="homepage-wrapper__press-name">Bon Appétit</div>
1357        <div class="homepage-wrapper__press-quote">&#8220;The London Fog syrup has quietly become a staple in the test kitchen.&#8221;</div>
1358      </div>
1359      <div class="homepage-wrapper__press-item">
1360        <div class="homepage-wrapper__press-name">Food &amp; Wine</div>
1361        <div class="homepage-wrapper__press-quote">&#8220;Finally, a bottled Earl Grey latte that tastes like an actual tea room.&#8221;</div>
1362      </div>
1363      <div class="homepage-wrapper__press-item">
1364        <div class="homepage-wrapper__press-name">The Kitchn</div>
1365        <div class="homepage-wrapper__press-quote">&#8220;Our reigning best-in-class for at-home tea lattes, three years running.&#8221;</div>
1366      </div>
1367      <div class="homepage-wrapper__press-item">
1368        <div class="homepage-wrapper__press-name">Sunset Magazine</div>
1369        <div class="homepage-wrapper__press-quote">&#8220;A small brand with unusually serious sourcing standards.&#8221;</div>
1370      </div>
1371    </div>
1372  </section>
1373
1374  <!-- TESTIMONIALS -->
1375  <section class="homepage-wrapper__testimonials">
1376    <div class="homepage-wrapper__section-head">
1377      <div class="eyebrow">From the Cup</div>
1378      <h2>What our regulars say</h2>
1379    </div>
1380    <div class="homepage-wrapper__testimonial-grid">
1381      <div class="homepage-wrapper__testimonial">
1382        <blockquote>&#8220;I&#8217;ve stopped ordering London Fogs out. Nothing at the café touches what I can make at my own kitchen counter with a bottle of the concentrate and a milk frother.&#8221;</blockquote>
1383        <div class="homepage-wrapper__testimonial-attr">Margaret H. · Portland, OR</div>
1384      </div>
1385      <div class="homepage-wrapper__testimonial">
1386        <blockquote>&#8220;The bergamot is what does it. It smells like a real tea shop when the kettle goes on — floral, a little bitter, exactly right. My mornings are quieter for it.&#8221;</blockquote>
1387        <div class="homepage-wrapper__testimonial-attr">Daniel K. · Brooklyn, NY</div>
1388      </div>
1389    </div>
1390  </section>
1391
1392  <!-- FAQ -->
1393  <section class="homepage-wrapper__faq">
1394    <div class="homepage-wrapper__faq-inner">
1395      <div class="homepage-wrapper__section-head" style="margin-bottom: 40px !important;">
1396        <div class="eyebrow">Frequently Asked</div>
1397        <h2>Questions, thoughtfully answered</h2>
1398      </div>
1399      <div class="homepage-wrapper__faq-item">
1400        <h3>What exactly is a London Fog?</h3>
1401        <p>A London Fog is an Earl Grey tea latte — strong-brewed Earl Grey tea combined with steamed milk and vanilla syrup. Our version stays true to the original Vancouver café recipe, using cold-pressed bergamot Earl Grey and slow-cooked Madagascar Bourbon vanilla.</p>
1402      </div>
1403      <div class="homepage-wrapper__faq-item">
1404        <h3>How much caffeine is in a London Fog?</h3>
1405        <p>A standard 12 oz London Fog made with our Earl Grey blend contains roughly 40–55 mg of caffeine — about a third of a typical drip coffee. It&#8217;s a gentler morning ritual, or a lovely afternoon pause. A decaf version is available for evenings.</p>
1406      </div>
1407      <div class="homepage-wrapper__faq-item">
1408        <h3>Can I make it with oat milk or other non-dairy?</h3>
1409        <p>Yes — beautifully. Oat milk is our own preferred pairing; it foams cleanly and complements the bergamot without competing with it. Almond, soy and macadamia all work. Our concentrate is fully vegan, and our syrup contains 
1409no animal ingredients.</p>
1410      </div>
1411      <div class="homepage-wrapper__faq-item">
1412        <h3>What&#8217;s the difference between your London Fog and the Starbucks or Tim Hortons version?</h3>
1413        <p>Both cafés serve a version of the London Fog, but they typically use flavoured syrups over standard tea bags. Ours starts from whole-leaf Earl Grey with real bergamot oil and a cooked vanilla syrup rather than flavour concentrate. The result is more tea-forward and less sweet.</p>
1414      </div>
1415      <div class="homepage-wrapper__faq-item">
1416        <h3>How long does the concentrate keep?</h3>
1417        <p>Sealed, the London Fog Tea Latte Concentrate keeps for twelve months in the pantry. Once opened, refrigerate and use within fourteen days. The syrup keeps for six months refrigerated after opening.</p>
1418      </div>
1419    </div>
1420  </section>
1421
1422  <!-- RELATED POSTS -->
1423  <section class="homepage-wrapper__related-posts posts-section related-posts-section">
1424    <div class="homepage-wrapper__section-head">
1425      <div class="eyebrow">From Our Journal</div>
1426      <h2>Read, then brew</h2>
1427      <p>Recipes, methods and small notes from the tea bench.</p>
1428    </div>
1429    <div class="homepage-wrapper__posts-grid">
1430      <div class="homepage-wrapper__post-card">
1431        <img decoding="async" src="https://m.media-amazon.com/images/I/418w2VS+-qL._SL1500_.jpg" alt="How to Make London Fog Tea Latte" />
1432        <div class="homepage-wrapper__post-card-body">
1433          <h3>How to Make a London Fog at Home</h3>
1434          <p>The classic method, step by step — from steeping the Earl Grey to frothing the milk to hitting the right vanilla balance.</p>
1435          <a href="/how-to-make-london-fog/">Read the Guide</a>
1436        </div>
1437      </div>
1438      <div class="homepage-wrapper__post-card">
1439        <img decoding="async" src="https://m.media-amazon.com/images/I/31ll3OM5fRL._SL1500_.jpg" alt="Iced London Fog Recipe" />
1440        <div class="homepage-wrapper__post-card-body">
1441          <h3>The Iced London Fog Recipe</h3>
1442          <p>Our warm-weather ritual — cold-brewed Earl Grey, vanilla, cold milk over ice. Ready in five minutes, no kettle needed.</p>
1443          <a href="/iced-london-fog-recipe/">Read the Recipe</a>
1444        </div>
1445      </div>
1446      <div class="homepage-wrapper__post-card">
1447        <img decoding="async" src="https://m.media-amazon.com/images/I/31PUSdggolL._SL1500_.jpg" alt="Lavender London Fog Recipe" />
1448        <div class="homepage-wrapper__post-card-body">
1449          <h3>A Lavender London Fog for Slow Afternoons</h3>
1450          <p>Culinary lavender, our Earl Grey base, honeyed oat milk. The variation that regular customers ask about most.</p>
1451          <a href="/lavender-london-fog-recipe/">Read the Recipe</a>
1452        </div>
1453      </div>
1454    </div>
1455  </section>
1456
1457  <!-- NEWSLETTER -->
1458  <section class="homepage-wrapper__newsletter">
1459    <div class="homepage-wrapper__newsletter-inner">
1460      <div class="eyebrow">The Letter</div>
1461      <h2>Small notes from the tea bench</h2>
1462      <p>Occasional recipes, seasonal releases and a standing 10% welcome. No noise, ever.</p>
1463      <form class="homepage-wrapper__newsletter-form" onsubmit="return false;">
1464        <input type="email" placeholder="Your email address" aria-label="Email address" />
1465        <a class="btn-primary" href="#" onclick="return false;" data-sbg-btn style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important">Subscribe</a>
1466      </form>
1467    </div>
1468  </section>
1469
1470  <!-- FINAL CTA -->
1471  <section class="homepage-wrapper__final-cta">
1472    <div class="eyebrow">The London Fog</div>
1473    <h2>The kettle is on.</h2>
1474    <p>Bring the tea room home. Shop the concentrates, syrups and loose-leaf teas that make an authentic London Fog latte — the quiet way.</p>
1475    <a class="btn-primary" href="https://www.amazon.com/s?k=london+fog+tea+latte&#038;tag=thelondonfog00-20" rel="nofollow sponsored noopener" target="_blank" style="display:inline-block !important;text-decoration:none !important;background-color:var(--brand-primary,#1A1A1A) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;padding:18px 44px !important;border-radius:2px !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0.1em !important;text-transform:uppercase !important;border:2px solid var(--brand-primary,#1A1A1A) !important" data-sbg-btn>Shop the Full Collection</a>
1476  </section>
1477
1478</div>
1479</div><!-- .entry-content -->
1480	</div>
1481</article><!-- #post-76 -->
1482
1483			</div>
1484					</div><!-- #main -->
1485			</div>
1486</div><!-- #primary -->
1487	</main><!-- #inner-wrap -->
1488	<footer id="colophon" class="site-footer" role="contentinfo">
1489	<div class="site-footer-wrap">
1490		<div class="site-middle-footer-wrap site-footer-row-container site-footer-focus-item site-footer-row-layout-fullwidth site-footer-row-tablet-layout-default site-footer-row-mobile-layout-default" data-section="
1490kadence_customizer_footer_middle">
1491	<div class="site-footer-row-container-inner">
1492				<div class="site-container">
1493			<div class="site-middle-footer-inner-wrap site-footer-row site-footer-row-columns-1 site-footer-row-column-layout-left-half site-footer-row-tablet-column-layout-default site-footer-row-mobile-column-layout-row ft-ro-dir-row ft-ro-collapse-normal ft-ro-t-dir-default ft-ro-m-dir-default ft-ro-lstyle-plain">
1494									<div class="site-footer-middle-section-1 site-footer-section footer-section-inner-items-1">
1495						<div class="footer-widget-area widget-area site-footer-focus-item footer-widget1 content-align-default content-tablet-align-default content-mobile-align-default content-valign-default content-tablet-valign-default content-mobile-valign-default" data-section="sidebar-widgets-footer1">
1496	<div class="footer-widget-area-inner site-info-inner">
1497		<section id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><footer class="london-fog-shell-footer" data-brand-col="logo-blurb" data-contact-col="stacked-facts" data-engage="none" data-footer-feel="tea-craft-refined" data-links-col="two-stacks-tea-discover" data-mobile-pattern="stack-left" role="contentinfo">
1498<style>
1499.london-fog-shell-footer { background: #f5f1e8 !important; color: #1f2733 !important; padding: 1.5rem 1.25rem !important; font-family: Georgia, 'Times New Roman', serif !important; font-size: 16px !important; line-height: 1.6 !important; width: 100% !important; box-sizing: border-box !important; }
1500.london-fog-shell-footer * { box-sizing: border-box !important; }
1501.london-fog-shell-footer a { color: #5f708d !important; text-decoration: none !important; transition: color 0.2s ease !important; }
1502.london-fog-shell-footer a:hover { color: #b8a179 !important; }
1503.london-fog-shell-footer ul, .london-fog-shell-footer ol { list-style: none !important; list-style-type: none !important; padding: 0 !important; margin: 0 !important; }
1504.london-fog-shell-footer h2, .london-fog-shell-footer h3 { margin: 0 0 0.75rem 0 !important; padding: 0 !important; font-weight: 600 !important; color: #1f2733 !important; }
1505
1506.london-fog-footer-grid { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 2.5rem !important; width: 100% !important; margin: 0 !important; padding: 0 !important; align-items: start !important; justify-items: start !important; text-align: left !important; }
1507
1508.london-fog-brand-column { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 0.875rem !important; }
1509.london-fog-brand-column .london-fog-logo-wrap { width: 140px !important; max-width: 100% !important; }
1510.london-fog-brand-column .london-fog-logo-wrap img { width: 100% !important; height: auto !important; display: block !important; }
1511.london-fog-brand-column p { margin: 0 !important; font-size: 15px !important; line-height: 1.65 !important; color: #1f2733 !important; text-align: left !important; }
1512
1513.london-fog-links-region { display: flex !important; gap: 2.5rem !important; flex-wrap: wrap !important; align-items: start !important; justify-content: flex-start !important; }
1514.london-fog-link-stack { display: flex !important; flex-direction: column !important; align-items: flex-start !important; min-width: 140px !important; }
1515.london-fog-link-stack h3 { font-size: 14px !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin-bottom: 0.875rem !important; color: #5f708d !important; }
1516.london-fog-link-stack ul { display: flex !important; flex-direction: column !important; gap: 0.5rem !important; }
1517.london-fog-link-stack li { margin: 0 !important; padding: 0 !important; }
1518.london-fog-link-stack a { font-size: 15px !important; color: #1f2733 !important; display: block !important; }
1519.london-fog-link-stack a:hover { color: #5f708d !important; }
1520
1521.london-fog-contact-column { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 0.625rem !important; }
1522.london-fog-contact-column h3 { font-size: 14px !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; color: #5f708d !important; }
1523.london-fog-contact-column p, .london-fog-contact-column a { margin: 0 !important; font-size: 15px !important; line-height: 1.5 !important; color: #1f2733 !important; text-align: left !important; }
1524.london-fog-contact-column a:hover { color: #5f708d !important; }
1525
1526.london-fog-footer-copyright { margin-top: 0.5rem !important; padding-top: 0.5rem !important; border-top: 1px solid #d4cbb8 !important; text-align: center !important; font-size: 14px !important; color: #1f2733 !important; }
1527
1528@media (max-width: 767px) {
1529  .london-fog-shell-footer { padding: 1.5rem 1rem !important; }
1530  .london-fog-footer-grid { grid-template-columns: 1fr !important; gap: 1.75rem !important; }
1531  .london-fog-links-region { flex-direction: column !important; gap: 1.5rem !important; }
1532  .london-fog-link-stack { width: 100% !important; }
1533  .london-fog-link-stack a, .london-fog-contact-column p, .london-fog-contact-column a { font-size: 16px !important; min-height: 44px !important; display: flex !important; align-items: center !important; }
1534}
1535
1536/* london-fog-dynamic-logo-css */
1537.london-fog-brand .wp-block-site-logo,
1538.london-fog-footer-brand .wp-block-site-logo,
1539.london-fog-f-brand .wp-block-site-logo,
1540.london-fog-combo-anchor-bar .brand .wp-block-site-logo,
1541.london-fog-combo-anchor-bar-footer .logo-link .wp-block-site-logo,
1542.london-fog-combo-crest-stack .brand .wp-block-site-logo,
1543.london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo,
1544.london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo {
1545  display: inline-flex; align-items: center; justify-content: center;
1546  flex: 0 0 auto; margin: 0; overflow: hidden;
1547}
1548.london-fog-combo-anchor-bar .brand .wp-block-site-logo {
1549  --london-fog-logo-w: 170px; --london-fog-logo-h: 54px;
1550  width: auto !important; max-width: min(170px, 26vw) !important;
1551  height: 54px !important; max-height: 54px !important;
1552}
1553.london-fog-footer-brand .wp-block-site-logo,
1554.london-fog-f-brand .wp-block-site-logo,
1555.london-fog-combo-anchor-bar-footer .logo-link .wp-block-site-logo {
1556  --london-fog-logo-w: 230px; --london-fog-logo-h: 69px;
1557  width: auto !important; max-width: min(230px, 30vw) !important;
1558  height: var(--london-fog-logo-h) !important; max-height: var(--london-fog-logo-h) !important;
1559}
1560.london-fog-brand .wp-block-site-logo img,
1561.london-fog-footer-brand .wp-block-site-logo img,
1562.london-fog-f-brand .wp-block-site-logo img,
1563.london-fog-combo-anchor-bar .brand .wp-block-site-logo img,
1564.london-fog-combo-anchor-bar-footer .logo-link .wp-block-site-logo img,
1565.london-fog-combo-crest-stack .brand .wp-block-site-logo img,
1566.london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo img,
1567.london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo img,
1568.london-fog-brand .wp-block-site-logo .custom-logo,
1569.london-fog-footer-brand .wp-block-site-logo .custom-logo,
1570.london-fog-f-brand .wp-block-site-logo .custom-logo,
1571.london-fog-combo-anchor-bar .brand .wp-block-site-logo .custom-logo,
1572.london-fog-combo-anchor-bar-footer .logo-link .wp-block-site-logo .custom-logo {
1573  display: block !important; width: auto !important; height: auto !important;
1574  max-width: 100% !important; object-fit: contain !important;
1575}
1576.london-fog-combo-anchor-bar .brand .wp-block-site-logo img,
1577.london-fog-combo-anchor-bar .brand .wp-block-site-logo .custom-logo {
1578  max-height: 54px !important;
1579}
1580.london-fog-combo-anchor-bar .bar { min-width: 0; }
1581.london-fog-combo-anchor-bar .brand { max-width: min(170px, 26vw); min-width: 0; flex-shrink: 1; }
1582.london-fog-combo-anchor-bar .navw { min-width: 0; flex: 1 1 auto; }
1583.london-fog-combo-anchor-bar .london-fog-nav-list { flex-wrap: wrap; row-gap: 6px; }
1584.london-fog-combo-anchor-bar .bar-actions { flex-shrink: 0; }
1585.london-fog-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback,
1586.london-fog-brand:has(.custom-logo) .london-fog-logo-fallback,
1587.london-fog-footer-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback,
1588.london-fog-footer-brand:has(.custom-logo) .london-fog-logo-fallback,
1589.london-fog-f-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback,
1590.london-fog-f-brand:has(.custom-logo) .london-fog-logo-fallback,
1591.london-fog-combo-anchor-bar .brand:has(.wp-block-site-logo img) .london-fog-logo-fallback,
1592.london-fog-combo-anchor-bar .brand:has(.custom-logo) .london-fog-logo-fallback,
1593.london-fog-combo-anchor-bar-footer .logo-link:has(.wp-block-site-logo img) .london-fog-logo-fallback,
1594.london-fog-combo-anchor-bar-footer .logo-link:has(.custom-logo) .london-fog-logo-fallback,
1595.london-fog-combo-crest-stack .brand:has(.wp-block-site-logo img) .london-fog-logo-fallback,
1596.london-fog-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) .london-fog-logo-fallback,
1597.london-fog-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback { display: none !important; }
1598.london-fog-combo-anchor-bar .brand:has(.wp-block-site-logo img) > img,
1599.london-fog-combo-anchor-bar-footer .logo-link:has(.wp-block-site-logo img) > img,
1600.london-fog-combo-crest-stack .brand:has(.wp-block-site-logo img) > img,
1601.london-fog-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) > img,
1602.london-fog-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) > img { display: none !important; }
1603/* Gutenberg splits wp:site-logo from html wrapper — hide text fallback beside logo block */
1604.wp-block-site-logo + .london-fog-logo-fallback,
1605.london-fog-wp-site-logo + .london-fog-logo-fallback { display: none !important; }
1606@media (max-width: 768px) {
1607  .london-fog-combo-anchor-bar .brand .wp-block-site-logo,
1608  .london-fog-combo-anchor-bar .brand .wp-block-site-logo img,
1609  .london-fog-combo-anchor-bar .brand .wp-block-site-logo .custom-logo {
1610    max-height: 44px !important; height: 44px !important; --london-fog-logo-h: 44px;
1611  }
1612  .london-fog-combo-anchor-bar .brand { max-width: min(150px, 40vw); }
1613  .london-fog-combo-crest-stack .brand .wp-block-site-logo,
1614  .london-fog-combo-crest-stack .brand .wp-block-site-logo img,
1615  .london-fog-combo-crest-stack .brand .wp-block-site-logo .custom-logo {
1616    max-height: 44px !important; height: 44px !important;
1617  }
1618  .london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo,
1619  .london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo,
1620  .london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo img,
1621  .london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo img {
1622    max-height: 40px !important;
1623  }
1624}
1625.london-fog-combo-crest-stack .brand .wp-block-site-logo {
1626  --london-fog-logo-w: 190px; --london-fog-logo-h: 58px;
1627  width: auto !important; max-width: min(240px, 32vw) !important;
1628  height: 58px !important; max-height: 58px !important;
1629}
1630.london-fog-combo-crest-stack .brand .wp-block-site-logo img,
1631.london-fog-combo-crest-stack .brand .wp-block-site-logo .custom-logo {
1632  max-height: 58px !important;
1633}
1634.london-fog-combo-crest-stack-footer .logo-link .wp-block-site-logo,
1635.london-fog-combo-crest-stack-footer .col-brand .wp-block-site-logo {
1636  --london-fog-logo-w: 190px; --london-fog-logo-h: 44px;
1637  width: auto !important; max-width: min(190px, 30vw) !important;
1638  height: 44px !important; max-height: 44px !important;
1639}
1640.london-fog-combo-crest-stack .brand:has(.wp-block-site-logo img) > img,
1641.london-fog-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) > img,
1642.london-fog-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) > img {
1643  display: none !important;
1644}
1645.london-fog-combo-crest-stack .brand:has(.wp-block-site-logo img) .london-fog-logo-fallback,
1646.london-fog-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) .london-fog-logo-fallback,
1647.london-fog-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) .london-fog-logo-fallback {
1648  display: none !important;
1649}
1650
1651
1652/* shell-v2-token-logo-css */
1653.london-fog-footer-logo .wp-block-site-logo,
1654.london-fog-footer-brand .wp-block-site-logo,
1655.london-fog-logo-link .wp-block-site-logo,
1656.london-fog-shell-footer .wp-block-site-logo {
1657  display: inline-flex !important;
1658  line-height: 0;
1659  margin: 0 0 0.75rem;
1660}
1661.london-fog-footer-logo .wp-block-site-logo img,
1662.london-fog-footer-logo .custom-logo,
1663.london-fog-footer-brand .wp-block-site-logo img,
1664.london-fog-footer-brand .custom-logo,
1665.london-fog-shell-footer .custom-logo {
1666  height: 48px !important;
1667  width: auto !important;
1668  max-width: min(230px, 70vw) !important;
1669  object-fit: contain !important;
1670  display: block !important;
1671}
1672.london-fog-shell-header .wp-block-site-logo img,
1673.london-fog-shell-header .custom-logo,
1674.london-fog-logo-link .custom-logo {
1675  height: 48px !important;
1676  width: auto !important;
1677  max-width: min(190px, 55vw) !important;
1678  object-fit: contain !important;
1679}
1680
1681
1682/* shell-v2-footer-full-bleed-v1 */
1683.london-fog-shell-footer {
1684  width: 100vw !important;
1685  max-width: 100vw !important;
1686  position: relative !important;
1687  left: 50% !important;
1688  margin-left: -50vw !important;
1689  margin-right: -50vw !important;
1690  box-sizing: border-box !important;
1691}
1692/* CONTENT STARTS LEFT — kill centered max-width card on the column row */
1693.london-fog-shell-footer .london-fog-footer-grid,
1694.london-fog-shell-footer .london-fog-footer-inner,
1695.london-fog-shell-footer [class*="footer-grid"],
1696.london-fog-shell-footer [class*="footer-inner"] {
1697  width: 100% !important;
1698  max-width: none !important;
1699  margin-left: 0 !important;
1700  margin-right: 0 !important;
1701  padding-left: clamp(1rem, 4vw, 2.5rem) !important;
1702  padding-right: clamp(1rem, 4vw, 2.5rem) !important;
1703  box-sizing: border-box !important;
1704}
1705.site-footer:has(.london-fog-shell-footer),
1706.site-footer:has(.london-fog-shell-footer) .site-middle-footer-wrap,
1707.site-footer:has(.london-fog-shell-footer) .site-top-footer-wrap,
1708.site-footer:has(.london-fog-shell-footer) .site-bottom-footer-wrap,
1709.site-footer:has(.london-fog-shell-footer) .site-middle-footer-inner-wrap,
1710.site-footer:has(.london-fog-shell-footer) .site-top-footer-inner-wrap,
1711.site-footer:has(.london-fog-shell-footer) .site-bottom-footer-inner-wrap,
1712.site-footer:has(.london-fog-shell-footer) .footer-widget-area,
1713.site-footer:has(.london-fog-shell-footer) .footer-widget-area-inner,
1714.site-footer:has(.london-fog-shell-footer) .textwidget,
1715.site-footer:has(.london-fog-shell-footer) .widget_custom_html,
1716.site-footer:has(.london-fog-shell-footer) .widget_block,
1717.site-footer:has(.london-fog-shell-footer) .wp-block-group {
1718  max-width: none !important;
1719  width: 100% !important;
1720  padding-left: 0 !important;
1721  padding-right: 0 !important;
1722  margin-left: 0 !important;
1723  margin-right: 0 !important;
1724}
1725
1726/* shell-v2-footer-chassis-v9 */
1727.london-fog-shell-footer,
1728.london-fog-shell-footer * {
1729  text-align: left !important;
1730}
1731.london-fog-shell-footer [class*="footer-copyright"],
1732.london-fog-shell-footer [class*="footer-copyright"] * {
1733  text-align: center !important;
1734}
1735/* Equal outer vertical pad (fleet SSOT).
1736   Use the full padding SHORTHAND with !important so it beats Claude's
1737   `padding: 3rem … 0 !important` (longhands alone can lose to a later
1738   shorthand in some theme/media stacks). Horizontal stays modest. */
1739.london-fog-shell-footer {
1740  padding: 1.5rem clamp(1rem, 4vw, 1.5rem) !important;
1741  box-sizing: border-box !important;
1742}
1743/* © band: hairline then tight gap to text; bottom breathing = root pad
1744   (do not zero-out visual space under © — match root bottom). */
1745.london-fog-shell-footer [class*="footer-copyright"] {
1746  margin: 0.5rem 0 0 0 !important;
1747  padding: 0.5rem 0 0 0 !important;
1748  box-sizing: border-box !important;
1749}
1750/* Kill Kadence widget chrome that eats shell padding */
1751.site-footer:has(.london-fog-shell-footer) .textwidget,
1752.site-footer:has(.london-fog-shell-footer) .custom-html-widget,
1753.site-footer:has(.london-fog-shell-footer) .footer-widget-area-inner {
1754  padding-bottom: 0 !important;
1755  margin-bottom: 0 !important;
1756}
1757.london-fog-shell-footer [class*="footer-grid"] {
1758  margin-bottom: 0 !important;
1759}
1760.london-fog-shell-footer [class*="link-stack"]:last-child,
1761.london-fog-shell-footer [class*="links-stack"]:last-child,
1762.london-fog-shell-footer [class*="links-col"]:last-child {
1763  margin-bottom: 0 !important;
1764}
1765.london-fog-shell-footer [class*="links-region"] ul
1765,
1766.london-fog-shell-footer [class*="links-region"] ol {
1767  margin-bottom: 0 !important;
1768}
1769.london-fog-shell-footer [class*="footer-grid"] {
1770  display: grid !important;
1771  grid-template-columns: 1fr 1fr 1fr 1fr !important;
1772  gap: 2.5rem !important;
1773  width: 100% !important;
1774  max-width: none !important;
1775  margin: 0 !important;
1776  align-items: start !important;
1777  justify-items: start !important;
1778  box-sizing: border-box !important;
1779  padding-left: clamp(1rem, 4vw, 2.5rem) !important;
1780  padding-right: clamp(1rem, 4vw, 2.5rem) !important;
1781}
1782.london-fog-shell-footer [class*="brand-column"],
1783.london-fog-shell-footer [class*="brand-col"]:not([class*="copyright"]),
1784.london-fog-shell-footer [class*="footer-brand"] {
1785  display: flex !important;
1786  flex-direction: column !important;
1787  align-items: flex-start !important;
1788  justify-content: flex-start !important;
1789}
1790
1791/* Stacks join the footer-grid as equal columns (display:contents). */
1792@media (min-width: 768px) {
1793  .london-fog-shell-footer [class*="links-region"],
1794  .london-fog-shell-footer [class*="footer-links"]:not([class*="links-col"]):not([class*="link-stack"]):not([class*="links-stack"]) {
1795    display: contents !important;
1796  }
1797}
1798@media (max-width: 767px) {
1799  .london-fog-shell-footer [class*="links-region"],
1800  .london-fog-shell-footer [class*="footer-links"]:not([class*="links-col"]):not([class*="link-stack"]):not([class*="links-stack"]) {
1801    display: flex !important;
1802    flex-direction: column !important;
1803    flex-wrap: nowrap !important;
1804    align-items: flex-start !important;
1805    gap: 2rem !important;
1806  }
1807}
1808
1809.london-fog-shell-footer [class*="link-stack"],
1810.london-fog-shell-footer [class*="links-stack"],
1811.london-fog-shell-footer [class*="links-col"],
1812.london-fog-shell-footer [class*="link-section"],
1813.london-fog-shell-footer [class*="footer-link-section"] {
1814  flex: 1 1 0 !important;
1815  min-width: 0 !important;
1816  display: flex !important;
1817  flex-direction: column !important;
1818  align-items: flex-start !important;
1819  justify-content: flex-start !important;
1820}
1821/* Each stack's links = VERTICAL column (Downey) — kill pipe/chip rows */
1822.london-fog-shell-footer [class*="link-row"],
1823.london-fog-shell-footer [class*="links-list"],
1824.london-fog-shell-footer [class*="footer-link-row"],
1825.london-fog-shell-footer [class*="links-region"] ul,
1826.london-fog-shell-footer [class*="links-region"] ol,
1827.london-fog-shell-footer [class*="links-col"] ul,
1828.london-fog-shell-footer [class*="links-col"] ol,
1829.london-fog-shell-footer [class*="link-stack"] ul,
1830.london-fog-shell-footer [class*="links-stack"] ul {
1831  display: flex !important;
1832  flex-direction: column !important;
1833  flex-wrap: nowrap !important;
1834  align-items: flex-start !important;
1835  justify-content: flex-start !important;
1836  gap: 0.35rem !important;
1837  list-style: none !important;
1838  width: 100% !important;
1839}
1840.london-fog-shell-footer [class*="link-pipe"],
1841.london-fog-shell-footer [class*="footer-link-pipe"],
1842.london-fog-shell-footer [class*="pipe-sep"] {
1843  display: none !important;
1844}
1845.london-fog-shell-footer [class*="links-region"] li,
1846.london-fog-shell-footer [class*="links-col"] li,
1847.london-fog-shell-footer [class*="link-stack"] li,
1848.london-fog-shell-footer [class*="links-stack"] li {
1849  display: block !important;
1850  width: 100% !important;
1851}
1852.london-fog-shell-footer [class*="contact-column"],
1853.london-fog-shell-footer [class*="contact-col"],
1854.london-fog-shell-footer [class*="footer-contact"] {
1855  display: flex !important;
1856  flex-direction: column !important;
1857  align-items: flex-start !important;
1858  justify-content: flex-start !important;
1859  grid-column: auto !important;
1860  grid-row: auto !important;
1861  background: transparent !important;
1862  background-color: transparent !important;
1863  box-shadow: none !important;
1864  border: none !important;
1865  border-radius: 0 !important;
1866}
1867@media (max-width: 767px) {
1868  .london-fog-shell-footer [class*="footer-grid"] {
1869    display: flex !important;
1870    flex-direction: column !important;
1871    gap: 2rem !important;
1872  }
1873  .london-fog-shell-footer [class*="links-region"],
1874  .london-fog-shell-footer [class*="footer-links"]:not([class*="links-col"]) {
1875    flex-direction: column !important;
1876  }
1877}
1878
1879/* sbg-dynamic-logo-css */
1880.sbg-brand .wp-block-site-logo,
1881.sbg-footer-brand .wp-block-site-logo,
1882.sbg-f-brand .wp-block-site-logo,
1883.sbg-combo-anchor-bar .brand .wp-block-site-logo,
1884.sbg-combo-anchor-bar-footer .logo-link .wp-block-site-logo,
1885.sbg-combo-crest-stack .brand .wp-block-site-logo,
1886.sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo,
1887.sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo {
1888  display: inline-flex; align-items: center; justify-content: center;
1889  flex: 0 0 auto; margin: 0; overflow: hidden;
1890}
1891.sbg-combo-anchor-bar .brand .wp-block-site-logo {
1892  --sbg-logo-w: 170px; --sbg-logo-h: 54px;
1893  width: auto !important; max-width: min(170px, 26vw) !important;
1894  height: 54px !important; max-height: 54px !important;
1895}
1896.sbg-footer-brand .wp-block-site-logo,
1897.sbg-f-brand .wp-block-site-logo,
1898.sbg-combo-anchor-bar-footer .logo-link .wp-block-site-logo {
1899  --sbg-logo-w: 230px; --sbg-logo-h: 69px;
1900  width: auto !important; max-width: min(230px, 30vw) !important;
1901  height: var(--sbg-logo-h) !important; max-height: var(--sbg-logo-h) !important;
1902}
1903.sbg-brand .wp-block-site-logo img,
1904.sbg-footer-brand .wp-block-site-logo img,
1905.sbg-f-brand .wp-block-site-logo img,
1906.sbg-combo-anchor-bar .brand .wp-block-site-logo img,
1907.sbg-combo-anchor-bar-footer .logo-link .wp-block-site-logo img,
1908.sbg-combo-crest-stack .brand .wp-block-site-logo img,
1909.sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo img,
1910.sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo img,
1911.sbg-brand .wp-block-site-logo .custom-logo,
1912.sbg-footer-brand .wp-block-site-logo .custom-logo,
1913.sbg-f-brand .wp-block-site-logo .custom-logo,
1914.sbg-combo-anchor-bar .brand .wp-block-site-logo .custom-logo,
1915.sbg-combo-anchor-bar-footer .logo-link .wp-block-site-logo .custom-logo {
1916  display: block !important; width: auto !important; height: auto !important;
1917  max-width: 100% !important; object-fit: contain !important;
1918}
1919.sbg-combo-anchor-bar .brand .wp-block-site-logo img,
1920.sbg-combo-anchor-bar .brand .wp-block-site-logo .custom-logo {
1921  max-height: 54px !important;
1922}
1923.sbg-combo-anchor-bar .bar { min-width: 0; }
1924.sbg-combo-anchor-bar .brand { max-width: min(170px, 26vw); min-width: 0; flex-shrink: 1; }
1925.sbg-combo-anchor-bar .navw { min-width: 0; flex: 1 1 auto; }
1926.sbg-combo-anchor-bar .sbg-nav-list { flex-wrap: wrap; row-gap: 6px; }
1927.sbg-combo-anchor-bar .bar-actions { flex-shrink: 0; }
1928.sbg-brand:has(.wp-block-site-logo img) .sbg-logo-fallback,
1929.sbg-brand:has(.custom-logo) .sbg-logo-fallback,
1930.sbg-footer-brand:has(.wp-block-site-logo img) .sbg-logo-fallback,
1931.sbg-footer-brand:has(.custom-logo) .sbg-logo-fallback,
1932.sbg-f-brand:has(.wp-block-site-logo img) .sbg-logo-fallback,
1933.sbg-f-brand:has(.custom-logo) .sbg-logo-fallback,
1934.sbg-combo-anchor-bar .brand:has(.wp-block-site-logo img) .sbg-logo-fallback,
1935.sbg-combo-anchor-bar .brand:has(.custom-logo) .sbg-logo-fallback,
1936.sbg-combo-anchor-bar-footer .logo-link:has(.wp-block-site-logo img) .sbg-logo-fallback,
1937.sbg-combo-anchor-bar-footer .logo-link:has(.custom-logo) .sbg-logo-fallback,
1938.sbg-combo-crest-stack .brand:has(.wp-block-site-logo img) .sbg-logo-fallback,
1939.sbg-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) .sbg-logo-fallback,
1940.sbg-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) .sbg-logo-fallback { display: none !important; }
1941.sbg-combo-anchor-bar .brand:has(.wp-block-site-logo img) > img,
1942.sbg-combo-anchor-bar-footer .logo-link:has(.wp-block-site-logo img) > img,
1943.sbg-combo-crest-stack .brand:has(.wp-block-site-logo img) > img,
1944.sbg-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) > img,
1945.sbg-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) > img { display: none !important; }
1946/* Gutenberg splits wp:site-logo from html wrapper — hide text fallback beside logo block */
1947.wp-block-site-logo + .sbg-logo-fallback,
1948.sbg-wp-site-logo + .sbg-logo-fallback { display: none !important; }
1949@media (max-width: 768px) {
1950  .sbg-combo-anchor-bar .brand .wp-block-site-logo,
1951  .sbg-combo-anchor-bar .brand .wp-block-site-logo img,
1952  .sbg-combo-anchor-bar .brand .wp-block-site-logo .custom-logo {
1953    max-height: 44px !important; height: 44px !important; --sbg-logo-h: 44px;
1954  }
1955  .sbg-combo-anchor-bar .brand { max-width: min(150px, 40vw); }
1956  .sbg-combo-crest-stack .brand .wp-block-site-logo,
1957  .sbg-combo-crest-stack .brand .wp-block-site-logo img,
1958  .sbg-combo-crest-stack .brand .wp-block-site-logo .custom-logo {
1959    max-height: 44px !important; height: 44px !important;
1960  }
1961  .sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo,
1962  .sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo,
1963  .sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo img,
1964  .sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo img {
1965    max-height: 40px !important;
1966  }
1967}
1968.sbg-combo-crest-stack .brand .wp-block-site-logo {
1969  --sbg-logo-w: 190px; --sbg-logo-h: 58px;
1970  width: auto !important; max-width: min(240px, 32vw) !important;
1971  height: 58px !important; max-height: 58px !important;
1972}
1973.sbg-combo-crest-stack .brand .wp-block-site-logo img,
1974.sbg-combo-crest-stack .brand .wp-block-site-logo .custom-logo {
1975  max-height: 58px !important;
1976}
1977.sbg-combo-crest-stack-footer .logo-link .wp-block-site-logo,
1978.sbg-combo-crest-stack-footer .col-brand .wp-block-site-logo {
1979  --sbg-logo-w: 190px; --sbg-logo-h: 44px;
1980  width: auto !important; max-width: min(190px, 30vw) !important;
1981  height: 44px !important; max-height: 44px !important;
1982}
1983.sbg-combo-crest-stack .brand:has(.wp-block-site-logo img) > img,
1984.sbg-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) > img,
1985.sbg-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) > img {
1986  display: none !important;
1987}
1988.sbg-combo-crest-stack .brand:has(.wp-block-site-logo img) .sbg-logo-fallback,
1989.sbg-combo-crest-stack-footer .logo-link:has(.wp-block-site-logo img) .sbg-logo-fallback,
1990.sbg-combo-crest-stack-footer .col-brand:has(.wp-block-site-logo img) .sbg-logo-fallback {
1991  display: none !important;
1992}
1993
1994</style>
1995<div class="london-fog-footer-grid">
1996<div class="london-fog-brand-column">
1997<div class="london-fog-logo-wrap"><img src="https://thelondonfog.com/wp-content/uploads/2026/07/London-F
1997og-logo.png" alt="London Fog" class="sbg-footer-static-logo" style="width:auto;max-width:min(230px,30vw);height:auto;max-height:69px;object-fit:contain;display:block;margin-bottom:14px">
1998</div>
1999<p>London Fog Official Store brings the art of premium Earl Grey tea lattes to your home. We celebrate the timeless elegance of this beloved beverage through carefully curated ingredients, expert recipes, and specialty variations.</p>
2000</div>
2001<nav aria-label="Footer" class="london-fog-links-region">
2002<div class="london-fog-link-stack">
2003<h3>Discover</h3>
2004<ul>
2005<li><a href="https://thelondonfog.com/category/tea-lattes/">Tea Lattes</a></li>
2006<li><a href="https://thelondonfog.com/category/recipes/">Recipes &amp; How-To</a></li>
2007<li><a href="https://thelondonfog.com/category/ingredients/">Ingredients &amp; Syrups</a></li>
2008<li><a href="https://thelondonfog.com/category/variations/">Specialty Variations</a></li>
2009<li><a href="https://thelondonfog.com/category/nutrition/">Nutrition &amp; Dietary</a></li>
2010</ul>
2011</div>
2012<div class="london-fog-link-stack">
2013<h3>Company</h3>
2014<ul>
2015<li><a href="/about">About</a></li>
2016<li><a href="https://thelondonfog.com/contact-us">Contact</a></li>
2017<li><a href="https://thelondonfog.com/privacy-policy">Privacy Policy</a></li>
2018<li><a href="https://thelondonfog.com/terms-and-conditions">Terms of Service</a></li>
2019<li><a href="https://thelondonfog.com/disclaimer">Disclaimer</a></li>
2020</ul>
2021</div>
2022</nav>
2023<div class="london-fog-contact-column">
2024<h3>Contact</h3>
2025<p><a href="mailto:[email protected]">[email protected]</a></p>
2026<p>255 Westheimer Road<br/>Houston, TX 77006<br/>United States</p>
2027</div>
2028</div>
2029<div class="london-fog-footer-copyright">
2030  © 2026 London Fog. All rights reserved.
2031</div>
2032</footer></div></section>	</div>
2033</div><!-- .footer-widget1 -->
2034					</div>
2035								</div>
2036		</div>
2037	</div>
2038</div>
2039	</div>
2040</footer><!-- #colophon -->
2041
2042</div><!-- #wrapper -->
2043
2044			
2044<script>document.documentElement.style.setProperty('--scrollbar-offset', window.innerWidth - document.documentElement.clientWidth + 'px' );</script>
2044
2045			
2045<script type="speculationrules">
2046{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/kadence/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
2047</script>
vendor: 1 bytes, line 2047
2047
2048<script id="kadence-blocks-header-js-extra">
2049var kadenceHeaderConfig = {"screenReader":{"expand":"Child menu","expandOf":"Child menu of","collapse":"Child menu","collapseOf":"Child menu of"},"breakPoints":{"desktop":1024,"tablet":768},"scrollOffset":"0"};
2050//# sourceURL=kadence-blocks-header-js-extra
2051</script>
vendor: 1 bytes, line 2051
2051
2052<script id="kadence-blocks-header-js" src="https://thelondonfog.com/wp-content/plugins/kadence-blocks/includes/assets/js/kb-header-block.min.js?ver=3.7.11.1"></script>
vendor: 1 bytes, line 2052
2052
2053<script id="wp-hooks-js" src="https://thelondonfog.com/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
vendor: 1 bytes, line 2053
2053
2054<script id="wp-i18n-js" src="https://thelondonfog.com/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
vendor: 1 bytes, line 2054
2054
2055<script id="wp-i18n-js-after">
2056wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
2057//# sourceURL=wp-i18n-js-after
2058</script>
vendor: 1 bytes, line 2058
2058
2059<script id="swv-js" src="https://thelondonfog.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.6"></script>
vendor: 1 bytes, line 2059
2059
2060<script id="contact-form-7-js-before">
2061var wpcf7 = {
2062    "api": {
2063        "root": "https:\/\/thelondonfog.com\/wp-json\/",
2064        "namespace": "contact-form-7\/v1"
2065    },
2066    "cached": 1
2067};
2068//# sourceURL=contact-form-7-js-before
2069</script>
vendor: 1 bytes, line 2069
2069
2070<script id="contact-form-7-js" src="https://thelondonfog.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.6"></script>
vendor: 1 bytes, line 2070
2070
2071<script id="kadence-navigation-js-extra">
2072var kadenceConfig = {"screenReader":{"expand":"Child menu","expandOf":"Child menu of","collapse":"Child menu","collapseOf":"Child menu of"},"breakPoints":{"desktop":"1024","tablet":768},"scrollOffset":"0"};
2073//# sourceURL=kadence-navigation-js-extra
2074</script>
vendor: 1 bytes, line 2074
2074
2075<script id="kadence-navigation-js" src="https://thelondonfog.com/wp-content/themes/kadence/assets/js/navigation.min.js?ver=1.5.2" async></script>
vendor: 1 bytes, line 2075
2075
2076<script id="sbg-x-push-js-extra">
2077var SBGXPush = {"host":"thelondonfog.com","apiBase":"https://api.fiazsumra.com","vapidUrl":"https://api.fiazsumra.com/api/x/push/vapid-public-key","promptConfigUrl":"https://api.fiazsumra.com/api/x/push/prompt-config","promptConfig":{"enabled":true,"style":"card","position":"header","title":"Shop updates \u2014 London Fog","body":"Get notified when we add new products, sales, and offers from London Fog.","cta_enable":"Enable notifications","cta_dismiss":"Not now","primary_color":"#0058be","cta_text_color":"#ffffff","logo_url":"https://thelondonfog.com/wp-content/uploads/2026/07/London-Fog-logo-300x129.png","site_display_name":"London Fog","defaults_from_pipeline":true,"bootstrapped":true,"brand_name":"London Fog","copy_variant":0},"siteDisplayName":"London Fog","subscribeUrl":"https://api.fiazsumra.com/api/x/push/subscribe","unsubscribeUrl":"https://api.fiazsumra.com/api/x/push/unsubscribe","errorReportUrl":"https://api.fiazsumra.com/api/x/push/client-error","swUrl":"https://thelondonfog.com/wp-content/plugins/sbg-x/sw.php","swWideScope":"1","promptDelayMs":"5000","scrollPct":"25","version":"3.8.2","testingAlwaysShow":""};
2078//# sourceURL=sbg-x-push-js-extra
2079</script>
vendor: 1 bytes, line 2079
2079
2080<script id="sbg-x-push-js" src="https://thelondonfog.com/wp-content/plugins/sbg-x/assets/push-prompt.js?ver=3.8.2.1785042066"></script>
vendor: 1 bytes, line 2080
2080
2081<script id="wp-emoji-settings" type="application/json">
2082{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://thelondonfog.com/wp-includes/js/wp-emoji-release.min.js?ver=7.0.6"}}
2083</script>
vendor: 1 bytes, line 2083
2083
2084<script type="module">
2085/*! This file is auto-generated */
2086var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
2087//# sourceURL=https://thelondonfog.com/wp-includes/js/wp-emoji-loader.min.js
2088</script>
2088
2089</body>
2090</html>
2091
2092
2093<!-- Page uncached by LiteSpeed Cache 7.9.1 on 2026-09-29 20:50:47 -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.