@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/montserrat-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/montserrat-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(fonts/montserrat-latin-ext-700-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(fonts/montserrat-latin-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/merriweather-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/merriweather-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/merriweather-latin-ext-400-italic.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/merriweather-latin-400-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(fonts/merriweather-latin-ext-700-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(fonts/merriweather-latin-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url(fonts/merriweather-latin-ext-700-italic.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url(fonts/merriweather-latin-700-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* Ming Wong — layout values follow the Twenty Sixteen WordPress theme (GPL v2 or later).
   Fonts: Montserrat and Merriweather, SIL Open Font License 1.1 (see fonts/). */
:root { --text: #1a1a1a; --muted: #686868; --line: #d1d1d1; --sans: Montserrat, "Helvetica Neue", sans-serif; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #1a1a1a; color: var(--text); font-family: Merriweather, Georgia, serif; font-size: 1rem; line-height: 1.75; }
a { color: var(--muted); text-decoration: none; }
a:hover, a:focus { color: var(--text); }
p { margin: 0 0 1.75em; }
ul { margin: 0 0 1.75em 1.25em; padding: 0; }
li > ul { margin-bottom: 0; }
img { height: auto; max-width: 100%; vertical-align: middle; }
b, strong { font-weight: 700; }

.site { background: #fff; }
.site-inner { margin: 0 auto; max-width: 1320px; }
.site-header { padding: 2.625em 7.6923%; }
.site-header-main { align-items: center; display: flex; flex-wrap: wrap; }
.site-title { font-family: var(--sans); font-size: 1.1875rem; font-weight: 700; line-height: 1.3125; margin: 0.875em auto 0.875em 0; }
.site-title a { color: var(--text); }

.menu-toggle { display: none; }
.js .menu-toggle { background: transparent; border: 1px solid var(--line); border-radius: 2px; color: var(--text); cursor: pointer; display: block; font-family: var(--sans); font-size: 0.8125rem; line-height: 1; padding: 0.769em; }
.js .menu-toggle.toggled-on { background: var(--text); border-color: var(--text); color: #fff; }
.main-navigation { flex-basis: 100%; font-family: var(--sans); }
.js .main-navigation { display: none; }
.js .main-navigation.toggled-on { display: block; margin: 0.875em 0 0; }
.main-navigation ul { list-style: none; margin: 0; }
.main-navigation li { border-top: 1px solid var(--line); }
.main-navigation > ul { border-bottom: 1px solid var(--line); }
.main-navigation a { color: var(--text); display: block; line-height: 1.3125; padding: 0.84375em 0; }
.main-navigation .sub-menu a { padding-left: 0.875em; }

.entry-header, .entry-content, .sidebar { margin-left: 7.6923%; margin-right: 7.6923%; }
.content-area { margin-bottom: 3.5em; }
.entry-title { font-family: var(--sans); font-size: 1.75rem; font-weight: 700; line-height: 1.25; margin: 0 0 1em; }
.entry-content::after, .site-content::after { clear: both; content: ""; display: table; }
.entry-content a { box-shadow: 0 1px 0 0 currentColor; }
.entry-content a:hover, .entry-content a:focus { box-shadow: none; }
.entry-content a img { display: block; }
.alignleft { float: left; margin: 0.375em 1.75em 1.75em 0; }
.alignright { float: right; margin: 0.375em 0 1.75em 1.75em; }
.aligncenter { clear: both; display: block; margin: 0 auto 1.75em; }
figure { margin: 0 0 1.75em; }
.wp-caption { max-width: 100%; }
.wp-caption-text, figcaption { color: var(--muted); font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; }
.gallery img { display: block; margin: 0 0 1.75em; width: 100%; }
.entry-content iframe { aspect-ratio: 16 / 9; border: 0; display: block; height: auto; max-width: 100%; width: 100%; }

.project-list { list-style: none; margin: 0; }
.project-list li { border-top: 1px solid var(--line); padding: 0.4375em 0; }
.project-list li:last-child { border-bottom: 1px solid var(--line); }
.entry-content .project-list a { box-shadow: none; color: var(--text); }
.entry-content .project-list a:hover { color: var(--muted); }

.sidebar { margin-bottom: 3.5em; }
.widget { border-top: 4px solid var(--text); font-size: 0.8125rem; line-height: 1.6153846154; padding-top: 1.75em; }
.widget ul { list-style: none; margin: 0; }
.widget li { margin-bottom: 0.4em; }
.widget a[aria-current] { color: var(--text); }

.site-footer { color: var(--muted); font-family: var(--sans); font-size: 0.8125rem; padding: 0 7.6923% 1.75em; }

@media screen and (min-width: 44.375em) {
  body::before, body::after { background: inherit; content: ""; display: block; height: 21px; left: 0; position: fixed; width: 100%; z-index: 99; }
  body::before { top: 0; }
  body::after { bottom: 0; }
  .site { margin: 21px; }
  .site-header { padding: 3.9375em 7.6923%; }
  .site-title { font-size: 1.4375rem; line-height: 1.2173913043; }
  .entry-title { font-size: 2.25rem; line-height: 1.225; margin-bottom: 1.05em; }
  .entry-header, .entry-content, .sidebar { margin-right: 23.0769%; }
  .content-area { margin-bottom: 5.25em; }
}
@media screen and (min-width: 56.875em) {
  .js .menu-toggle { display: none; }
  .main-navigation, .js .main-navigation { display: block; flex-basis: auto; font-size: 0.8125rem; line-height: 1.6153846154; margin: 0 -0.875em; }
  .main-navigation > ul { border: 0; display: flex; }
  .main-navigation li { border: 0; }
  .main-navigation a { padding: 0.65625em 0.875em; white-space: nowrap; }
  .main-navigation .sub-menu { display: none; }
  .site-header { padding-left: 4.5455%; padding-right: 4.5455%; }
  .site-content { padding: 0 4.5455%; }
  .content-area { float: left; margin-right: -100%; width: 70%; }
  .entry-header, .entry-content { margin-left: 0; margin-right: 0; }
  .sidebar { float: left; margin: 0 0 3.5em 75%; width: 25%; }
  .site-footer { clear: both; padding: 0 4.5455% 3.5em; }
}
@media screen and (min-width: 61.5625em) {
  .site-header { padding-bottom: 5.25em; padding-top: 5.25em; }
  .entry-title { font-size: 2.5rem; }
  .content-area { margin-bottom: 7em; }
}