diff --git a/assets/built/casper.js b/assets/built/casper.js index 35c754b..d51be29 100644 --- a/assets/built/casper.js +++ b/assets/built/casper.js @@ -1,2 +1,2 @@ -!function(o){"use strict";o.fn.fitVids=function(e){var t,i,n={customSelector:null,ignore:null};return document.getElementById("fit-vids-style")||(t=document.head||document.getElementsByTagName("head")[0],(i=document.createElement("div")).innerHTML='

x

',t.appendChild(i.childNodes[1])),e&&o.extend(n,e),this.each(function(){var e=['iframe[src*="player.vimeo.com"]','iframe[src*="youtube.com"]','iframe[src*="youtube-nocookie.com"]','iframe[src*="kickstarter.com"][src*="video.html"]',"object","embed"];n.customSelector&&e.push(n.customSelector);var r=".fitvidsignore";n.ignore&&(r=r+", "+n.ignore);e=o(this).find(e.join(","));(e=(e=e.not("object object")).not(r)).each(function(){var e,t,i=o(this);0
').parent(".fluid-width-video-wrapper").css("padding-top",100*e+"%"),i.removeAttr("height").removeAttr("width"))})})},o.fn.fitVids._count=0}(window.jQuery||window.Zepto),function(t,i){var r,n,o,d,s,a,c,l=i.querySelector("link[rel=next]");function h(){if(404===this.status)return t.removeEventListener("scroll",p),void t.removeEventListener("resize",f);this.response.querySelectorAll("article.post-card").forEach(function(e){r.appendChild(i.importNode(e,!0))});var e=this.response.querySelector("link[rel=next]");e?l.href=e.href:(t.removeEventListener("scroll",p),t.removeEventListener("resize",f)),c=i.documentElement.scrollHeight,d=o=!1}function e(){var e;d||(s+a<=c-n?o=!1:(d=!0,(e=new t.XMLHttpRequest).responseType="document",e.addEventListener("load",h),e.open("GET",l.href),e.send(null)))}function u(){o||t.requestAnimationFrame(e),o=!0}function p(){s=t.scrollY,u()}function f(){a=t.innerHeight,c=i.documentElement.scrollHeight,u()}!l||(r=i.querySelector(".post-feed"))&&(d=o=!(n=300),s=t.scrollY,a=t.innerHeight,c=i.documentElement.scrollHeight,t.addEventListener("scroll",p,{passive:!0}),t.addEventListener("resize",f),u())}(window,document); +!function(e,t){"function"==typeof define&&define.amd?define("ev-emitter/ev-emitter",t):"object"==typeof module&&module.exports?module.exports=t():e.EvEmitter=t()}("undefined"!=typeof window?window:this,function(){function e(){}var t=e.prototype;return t.on=function(e,t){if(e&&t){var i=this._events=this._events||{},e=i[e]=i[e]||[];return-1==e.indexOf(t)&&e.push(t),this}},t.once=function(e,t){if(e&&t){this.on(e,t);var i=this._onceEvents=this._onceEvents||{};return(i[e]=i[e]||{})[t]=!0,this}},t.off=function(e,t){e=this._events&&this._events[e];if(e&&e.length){t=e.indexOf(t);return-1!=t&&e.splice(t,1),this}},t.emitEvent=function(e,t){var i=this._events&&this._events[e];if(i&&i.length){i=i.slice(0),t=t||[];for(var n=this._onceEvents&&this._onceEvents[e],o=0;ox

',t.appendChild(i.childNodes[1])),e&&r.extend(o,e),this.each(function(){var e=['iframe[src*="player.vimeo.com"]','iframe[src*="youtube.com"]','iframe[src*="youtube-nocookie.com"]','iframe[src*="kickstarter.com"][src*="video.html"]',"object","embed"];o.customSelector&&e.push(o.customSelector);var n=".fitvidsignore";o.ignore&&(n=n+", "+o.ignore);e=r(this).find(e.join(","));(e=(e=e.not("object object")).not(n)).each(function(){var e,t,i=r(this);0
').parent(".fluid-width-video-wrapper").css("padding-top",100*e+"%"),i.removeAttr("height").removeAttr("width"))})})},r.fn.fitVids._count=0}(window.jQuery||window.Zepto),function(){var n=window.matchMedia("(max-width: 767px)");const e=document.querySelector(".gh-head"),o=e.querySelector(".gh-head-menu"),r=o.querySelector(".nav");if(r){document.querySelector(".gh-head-logo");var s,t=r.innerHTML;if(n.matches){const d=r.querySelectorAll("li");d.forEach(function(e,t){e.style.transitionDelay=.03*(t+1)+"s"})}function i(){if(!n.matches){const e=[];for(;r.offsetWidth+64>o.offsetWidth;){if(!r.lastElementChild)return;e.unshift(r.lastElementChild),r.lastElementChild.remove()}if(e.length){const t=document.createElement("button");t.setAttribute("class","nav-more-toggle"),t.setAttribute("aria-label","More"),t.innerHTML='';const i=document.createElement("div");i.setAttribute("class","gh-dropdown"),10<=e.length?(document.body.classList.add("is-dropdown-mega"),i.style.gridTemplateRows="repeat("+Math.ceil(e.length/2)+", 1fr)"):document.body.classList.remove("is-dropdown-mega"),e.forEach(function(e){i.appendChild(e)}),t.appendChild(i),r.appendChild(t),document.body.classList.add("is-dropdown-loaded"),t.addEventListener("click",function(){document.body.classList.toggle("is-dropdown-open")}),s=function(e){!t.contains(e.target)&&document.body.classList.contains("is-dropdown-open")&&document.body.classList.remove("is-dropdown-open")},window.addEventListener("click",s)}else document.body.classList.add("is-dropdown-loaded")}}imagesLoaded(e,function(){i()}),window.addEventListener("resize",function(){setTimeout(function(){window.removeEventListener("click",s),r.innerHTML=t,i()},1)})}}(),function(t,i){var n,o,r,s,d,a,h,c;function l(){if(404===this.status)return t.removeEventListener("scroll",m),void t.removeEventListener("resize",p);this.response.querySelectorAll("article.post-card").forEach(function(e){o.appendChild(i.importNode(e,!0))});var e=this.response.querySelector("link[rel=next]");e?n.href=e.href:(t.removeEventListener("scroll",m),t.removeEventListener("resize",p)),c=i.documentElement.scrollHeight,d=s=!1}function e(){var e;d||(a+h<=c-r?s=!1:(d=!0,(e=new t.XMLHttpRequest).responseType="document",e.addEventListener("load",l),e.open("GET",n.href),e.send(null)))}function u(){s||t.requestAnimationFrame(e),s=!0}function m(){a=t.scrollY,u()}function p(){h=t.innerHeight,c=i.documentElement.scrollHeight,u()}i.documentElement.classList.contains("no-infinite-scroll")||(!(n=i.querySelector("link[rel=next]"))||(o=i.querySelector(".post-feed"))&&(d=s=!(r=300),a=t.scrollY,h=t.innerHeight,c=i.documentElement.scrollHeight,t.addEventListener("scroll",m,{passive:!0}),t.addEventListener("resize",p),u()))}(window,document); //# sourceMappingURL=casper.js.map \ No newline at end of file diff --git a/assets/built/casper.js.map b/assets/built/casper.js.map index 24ac7fe..7854bd1 100644 --- a/assets/built/casper.js.map +++ b/assets/built/casper.js.map @@ -1 +1 @@ -{"version":3,"sources":["jquery.fitvids.js","infinite-scroll.js"],"names":["$","fn","fitVids","options","head","div","settings","customSelector","ignore","document","getElementById","getElementsByTagName","createElement","innerHTML","appendChild","childNodes","extend","this","each","selectors","push","ignoreList","$allVideos","find","join","not","aspectRatio","videoName","$this","parents","length","tagName","toLowerCase","parent","css","isNaN","attr","parseInt","height","width","_count","wrap","removeAttr","window","jQuery","Zepto","feedElement","buffer","ticking","loading","lastScrollY","lastWindowHeight","lastDocumentHeight","nextElement","querySelector","onPageLoad","status","removeEventListener","onScroll","onResize","response","querySelectorAll","forEach","item","importNode","resNextElement","href","documentElement","scrollHeight","onUpdate","xhr","XMLHttpRequest","responseType","addEventListener","open","send","requestTick","requestAnimationFrame","scrollY","innerHeight","passive"],"mappings":"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","file":"casper.js","sourcesContent":["/*jshint browser:true */\n/*!\n* FitVids 1.3\n*\n*\n* Copyright 2017, Chris Coyier + Dave Rupert + Ghost Foundation\n* This is an unofficial release, ported by John O'Nolan\n* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/\n* Released under the MIT license\n*\n*/\n\n;(function( $ ){\n\n 'use strict';\n\n $.fn.fitVids = function( options ) {\n var settings = {\n customSelector: null,\n ignore: null\n };\n\n if(!document.getElementById('fit-vids-style')) {\n // appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js\n var head = document.head || document.getElementsByTagName('head')[0];\n var css = '.fluid-width-video-container{flex-grow: 1;width:100%;}.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';\n var div = document.createElement(\"div\");\n div.innerHTML = '

x

';\n head.appendChild(div.childNodes[1]);\n }\n\n if ( options ) {\n $.extend( settings, options );\n }\n\n return this.each(function(){\n var selectors = [\n 'iframe[src*=\"player.vimeo.com\"]',\n 'iframe[src*=\"youtube.com\"]',\n 'iframe[src*=\"youtube-nocookie.com\"]',\n 'iframe[src*=\"kickstarter.com\"][src*=\"video.html\"]',\n 'object',\n 'embed'\n ];\n\n if (settings.customSelector) {\n selectors.push(settings.customSelector);\n }\n\n var ignoreList = '.fitvidsignore';\n\n if(settings.ignore) {\n ignoreList = ignoreList + ', ' + settings.ignore;\n }\n\n var $allVideos = $(this).find(selectors.join(','));\n $allVideos = $allVideos.not('object object'); // SwfObj conflict patch\n $allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video.\n\n $allVideos.each(function(){\n var $this = $(this);\n if($this.parents(ignoreList).length > 0) {\n return; // Disable FitVids on this video.\n }\n if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }\n if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width'))))\n {\n $this.attr('height', 9);\n $this.attr('width', 16);\n }\n var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),\n width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),\n aspectRatio = height / width;\n if(!$this.attr('name')){\n var videoName = 'fitvid' + $.fn.fitVids._count;\n $this.attr('name', videoName);\n $.fn.fitVids._count++;\n }\n $this.wrap('
').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%');\n $this.removeAttr('height').removeAttr('width');\n });\n });\n };\n\n // Internal counter for unique video names.\n $.fn.fitVids._count = 0;\n\n// Works with either jQuery or Zepto\n})( window.jQuery || window.Zepto );\n","/* eslint-env browser */\n\n/**\n * Infinite Scroll\n * Used on all pages where there is a list of posts (homepage, tag index, etc).\n *\n * When the page is scrolled to 300px from the bottom, the next page of posts\n * is fetched by following the the that is output\n * by {{ghost_head}}.\n *\n * The individual post items are extracted from the fetched pages by looking for\n * a wrapper element with the class \"post-card\". Any found elements are appended\n * to the element with the class \"post-feed\" in the currently viewed page.\n */\n\n(function (window, document) {\n // next link element\n var nextElement = document.querySelector('link[rel=next]');\n if (!nextElement) {\n return;\n }\n\n // post feed element\n var feedElement = document.querySelector('.post-feed');\n if (!feedElement) {\n return;\n }\n\n var buffer = 300;\n\n var ticking = false;\n var loading = false;\n\n var lastScrollY = window.scrollY;\n var lastWindowHeight = window.innerHeight;\n var lastDocumentHeight = document.documentElement.scrollHeight;\n\n function onPageLoad() {\n if (this.status === 404) {\n window.removeEventListener('scroll', onScroll);\n window.removeEventListener('resize', onResize);\n return;\n }\n\n // append contents\n var postElements = this.response.querySelectorAll('article.post-card');\n postElements.forEach(function (item) {\n // document.importNode is important, without it the item's owner\n // document will be different which can break resizing of\n // `object-fit: cover` images in Safari\n feedElement.appendChild(document.importNode(item, true));\n });\n\n // set next link\n var resNextElement = this.response.querySelector('link[rel=next]');\n if (resNextElement) {\n nextElement.href = resNextElement.href;\n } else {\n window.removeEventListener('scroll', onScroll);\n window.removeEventListener('resize', onResize);\n }\n\n // sync status\n lastDocumentHeight = document.documentElement.scrollHeight;\n ticking = false;\n loading = false;\n }\n\n function onUpdate() {\n // return if already loading\n if (loading) {\n return;\n }\n\n // return if not scroll to the bottom\n if (lastScrollY + lastWindowHeight <= lastDocumentHeight - buffer) {\n ticking = false;\n return;\n }\n\n loading = true;\n\n var xhr = new window.XMLHttpRequest();\n xhr.responseType = 'document';\n\n xhr.addEventListener('load', onPageLoad);\n\n xhr.open('GET', nextElement.href);\n xhr.send(null);\n }\n\n function requestTick() {\n ticking || window.requestAnimationFrame(onUpdate);\n ticking = true;\n }\n\n function onScroll() {\n lastScrollY = window.scrollY;\n requestTick();\n }\n\n function onResize() {\n lastWindowHeight = window.innerHeight;\n lastDocumentHeight = document.documentElement.scrollHeight;\n requestTick();\n }\n\n window.addEventListener('scroll', onScroll, {passive: true});\n window.addEventListener('resize', onResize);\n\n requestTick();\n})(window, document);\n"]} \ No newline at end of file +{"version":3,"sources":["imagesloaded.pkgd.min.js","jquery.fitvids.js","dropdown.js","infinite-scroll.js"],"names":["e","t","define","amd","module","exports","EvEmitter","window","this","prototype","on","i","_events","n","indexOf","push","once","_onceEvents","off","length","splice","emitEvent","slice","o","r","apply","allOff","require","imagesLoaded","s","document","querySelectorAll","elements","Array","isArray","d","call","options","getImages","h","jqDeferred","Deferred","setTimeout","check","bind","a","error","img","url","element","Image","jQuery","console","Object","create","images","forEach","addElementImages","nodeName","addImage","background","addElementBackgroundImages","nodeType","u","1","9","11","getComputedStyle","exec","backgroundImage","addBackground","progress","progressedCount","hasAnyBroken","complete","isLoaded","notify","debug","log","isComplete","getIsImageComplete","confirm","naturalWidth","proxyImage","addEventListener","src","handleEvent","type","onload","unbindEvents","onerror","removeEventListener","makeJQueryPlugin","fn","promise","$","fitVids","head","div","settings","customSelector","ignore","getElementById","getElementsByTagName","createElement","innerHTML","appendChild","childNodes","extend","each","selectors","ignoreList","$allVideos","find","join","not","aspectRatio","videoName","$this","parents","tagName","toLowerCase","parent","css","isNaN","attr","parseInt","height","width","_count","wrap","removeAttr","Zepto","mediaQuery","matchMedia","querySelector","menu","nav","windowClickListener","navHTML","matches","items","item","index","style","transitionDelay","makeDropdown","submenuItems","offsetWidth","lastElementChild","unshift","remove","toggle","setAttribute","wrapper","body","classList","add","gridTemplateRows","Math","ceil","child","contains","target","nextElement","feedElement","buffer","ticking","loading","lastScrollY","lastWindowHeight","lastDocumentHeight","onPageLoad","status","onScroll","onResize","response","importNode","resNextElement","href","documentElement","scrollHeight","onUpdate","xhr","XMLHttpRequest","responseType","open","send","requestTick","requestAnimationFrame","scrollY","innerHeight","passive"],"mappings":"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","file":"casper.js","sourcesContent":["/*!\n * imagesLoaded PACKAGED v4.1.4\n * JavaScript is all like \"You images are done yet or what?\"\n * MIT License\n */\n\n!function(e,t){\"function\"==typeof define&&define.amd?define(\"ev-emitter/ev-emitter\",t):\"object\"==typeof module&&module.exports?module.exports=t():e.EvEmitter=t()}(\"undefined\"!=typeof window?window:this,function(){function e(){}var t=e.prototype;return t.on=function(e,t){if(e&&t){var i=this._events=this._events||{},n=i[e]=i[e]||[];return n.indexOf(t)==-1&&n.push(t),this}},t.once=function(e,t){if(e&&t){this.on(e,t);var i=this._onceEvents=this._onceEvents||{},n=i[e]=i[e]||{};return n[t]=!0,this}},t.off=function(e,t){var i=this._events&&this._events[e];if(i&&i.length){var n=i.indexOf(t);return n!=-1&&i.splice(n,1),this}},t.emitEvent=function(e,t){var i=this._events&&this._events[e];if(i&&i.length){i=i.slice(0),t=t||[];for(var n=this._onceEvents&&this._onceEvents[e],o=0;o';\n head.appendChild(div.childNodes[1]);\n }\n\n if ( options ) {\n $.extend( settings, options );\n }\n\n return this.each(function(){\n var selectors = [\n 'iframe[src*=\"player.vimeo.com\"]',\n 'iframe[src*=\"youtube.com\"]',\n 'iframe[src*=\"youtube-nocookie.com\"]',\n 'iframe[src*=\"kickstarter.com\"][src*=\"video.html\"]',\n 'object',\n 'embed'\n ];\n\n if (settings.customSelector) {\n selectors.push(settings.customSelector);\n }\n\n var ignoreList = '.fitvidsignore';\n\n if(settings.ignore) {\n ignoreList = ignoreList + ', ' + settings.ignore;\n }\n\n var $allVideos = $(this).find(selectors.join(','));\n $allVideos = $allVideos.not('object object'); // SwfObj conflict patch\n $allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video.\n\n $allVideos.each(function(){\n var $this = $(this);\n if($this.parents(ignoreList).length > 0) {\n return; // Disable FitVids on this video.\n }\n if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }\n if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width'))))\n {\n $this.attr('height', 9);\n $this.attr('width', 16);\n }\n var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),\n width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),\n aspectRatio = height / width;\n if(!$this.attr('name')){\n var videoName = 'fitvid' + $.fn.fitVids._count;\n $this.attr('name', videoName);\n $.fn.fitVids._count++;\n }\n $this.wrap('
').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%');\n $this.removeAttr('height').removeAttr('width');\n });\n });\n };\n\n // Internal counter for unique video names.\n $.fn.fitVids._count = 0;\n\n// Works with either jQuery or Zepto\n})( window.jQuery || window.Zepto );\n","(function () {\n const mediaQuery = window.matchMedia('(max-width: 767px)');\n\n const head = document.querySelector('.gh-head');\n const menu = head.querySelector('.gh-head-menu');\n const nav = menu.querySelector('.nav');\n if (!nav) return;\n\n const logo = document.querySelector('.gh-head-logo');\n const navHTML = nav.innerHTML;\n\n if (mediaQuery.matches) {\n const items = nav.querySelectorAll('li');\n items.forEach(function (item, index) {\n item.style.transitionDelay = 0.03 * (index + 1) + 's';\n });\n }\n\n var windowClickListener;\n const makeDropdown = function () {\n if (mediaQuery.matches) return;\n const submenuItems = [];\n\n while ((nav.offsetWidth + 64) > menu.offsetWidth) {\n if (nav.lastElementChild) {\n submenuItems.unshift(nav.lastElementChild);\n nav.lastElementChild.remove();\n } else {\n return;\n }\n }\n\n if (!submenuItems.length) {\n document.body.classList.add('is-dropdown-loaded');\n return;\n }\n\n const toggle = document.createElement('button');\n toggle.setAttribute('class', 'nav-more-toggle');\n toggle.setAttribute('aria-label', 'More');\n toggle.innerHTML = '';\n\n const wrapper = document.createElement('div');\n wrapper.setAttribute('class', 'gh-dropdown');\n\n if (submenuItems.length >= 10) {\n document.body.classList.add('is-dropdown-mega');\n wrapper.style.gridTemplateRows = 'repeat(' + Math.ceil(submenuItems.length / 2) + ', 1fr)';\n } else {\n document.body.classList.remove('is-dropdown-mega');\n }\n\n submenuItems.forEach(function (child) {\n wrapper.appendChild(child);\n });\n\n toggle.appendChild(wrapper);\n nav.appendChild(toggle);\n\n document.body.classList.add('is-dropdown-loaded');\n\n toggle.addEventListener('click', function () {\n document.body.classList.toggle('is-dropdown-open');\n });\n\n windowClickListener = function (e) {\n if (!toggle.contains(e.target) && document.body.classList.contains('is-dropdown-open')) {\n document.body.classList.remove('is-dropdown-open');\n }\n };\n window.addEventListener('click', windowClickListener);\n }\n\n imagesLoaded(head, function () {\n makeDropdown();\n });\n\n window.addEventListener('resize', function () {\n setTimeout(function () {\n window.removeEventListener('click', windowClickListener);\n nav.innerHTML = navHTML;\n makeDropdown();\n }, 1);\n });\n})();\n","/* eslint-env browser */\n\n/**\n * Infinite Scroll\n * Used on all pages where there is a list of posts (homepage, tag index, etc).\n *\n * When the page is scrolled to 300px from the bottom, the next page of posts\n * is fetched by following the the that is output\n * by {{ghost_head}}.\n *\n * The individual post items are extracted from the fetched pages by looking for\n * a wrapper element with the class \"post-card\". Any found elements are appended\n * to the element with the class \"post-feed\" in the currently viewed page.\n */\n\n(function (window, document) {\n if (document.documentElement.classList.contains('no-infinite-scroll')) return;\n\n // next link element\n var nextElement = document.querySelector('link[rel=next]');\n if (!nextElement) {\n return;\n }\n\n // post feed element\n var feedElement = document.querySelector('.post-feed');\n if (!feedElement) {\n return;\n }\n\n var buffer = 300;\n\n var ticking = false;\n var loading = false;\n\n var lastScrollY = window.scrollY;\n var lastWindowHeight = window.innerHeight;\n var lastDocumentHeight = document.documentElement.scrollHeight;\n\n function onPageLoad() {\n if (this.status === 404) {\n window.removeEventListener('scroll', onScroll);\n window.removeEventListener('resize', onResize);\n return;\n }\n\n // append contents\n var postElements = this.response.querySelectorAll('article.post-card');\n postElements.forEach(function (item) {\n // document.importNode is important, without it the item's owner\n // document will be different which can break resizing of\n // `object-fit: cover` images in Safari\n feedElement.appendChild(document.importNode(item, true));\n });\n\n // set next link\n var resNextElement = this.response.querySelector('link[rel=next]');\n if (resNextElement) {\n nextElement.href = resNextElement.href;\n } else {\n window.removeEventListener('scroll', onScroll);\n window.removeEventListener('resize', onResize);\n }\n\n // sync status\n lastDocumentHeight = document.documentElement.scrollHeight;\n ticking = false;\n loading = false;\n }\n\n function onUpdate() {\n // return if already loading\n if (loading) {\n return;\n }\n\n // return if not scroll to the bottom\n if (lastScrollY + lastWindowHeight <= lastDocumentHeight - buffer) {\n ticking = false;\n return;\n }\n\n loading = true;\n\n var xhr = new window.XMLHttpRequest();\n xhr.responseType = 'document';\n\n xhr.addEventListener('load', onPageLoad);\n\n xhr.open('GET', nextElement.href);\n xhr.send(null);\n }\n\n function requestTick() {\n ticking || window.requestAnimationFrame(onUpdate);\n ticking = true;\n }\n\n function onScroll() {\n lastScrollY = window.scrollY;\n requestTick();\n }\n\n function onResize() {\n lastWindowHeight = window.innerHeight;\n lastDocumentHeight = document.documentElement.scrollHeight;\n requestTick();\n }\n\n window.addEventListener('scroll', onScroll, {passive: true});\n window.addEventListener('resize', onResize);\n\n requestTick();\n})(window, document);\n"]} \ No newline at end of file diff --git a/assets/built/global.css b/assets/built/global.css index 0531be8..a694493 100644 --- a/assets/built/global.css +++ b/assets/built/global.css @@ -1,2 +1,2 @@ -a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{display:block;max-width:100%;height:auto}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}kbd{padding:3px 5px;font-family:var(--font-mono);font-size:1.5rem;background:#f6f8fa;border:1px solid rgba(124,139,154,.25);border-radius:6px;box-shadow:inset 0 -1px 0 rgba(124,139,154,.25)}@media (max-width:600px){kbd{font-size:1.3rem}}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{color:#35373a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.6rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::-moz-selection{text-shadow:none;background:#daf2fd}::selection{text-shadow:none;background:#daf2fd}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #f0f0f0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}::not(.gh-content) blockquote,::not(.gh-content) dl,::not(.gh-content) ol,::not(.gh-content) p,::not(.gh-content) ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}ol,ul{max-width:100%}li{padding-left:.3em;line-height:1.6em}li+li{margin-top:.5em}dt{float:left;margin:0 20px 0 0;width:120px;color:#daf2fd;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:#daf2fd}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#15171a;text-decoration:none}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:600;text-rendering:optimizeLegibility;letter-spacing:-.01em}h1{margin:0 0 .5em;font-size:4.8rem;font-weight:700;letter-spacing:-.015em}@media (max-width:600px){h1{font-size:2.8rem}}h2{margin:1.5em 0 .5em;font-size:2.8rem;font-weight:700}@media (max-width:600px){h2{font-size:2.3rem}}h3{margin:1.5em 0 .5em;font-size:2.4rem;font-weight:600}@media (max-width:600px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:600px){h4{font-size:1.7rem}}h5{font-size:2rem}h5,h6{margin:1.5em 0 .5em}h6{font-size:1.8rem} +a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{display:block;height:auto;max-width:100%}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;font-family:sans-serif}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{font-size:2em;margin:.67em 0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}kbd{background:#f6f8fa;border:1px solid rgba(124,139,154,.25);border-radius:6px;box-shadow:inset 0 -1px 0 rgba(124,139,154,.25);font-family:var(--font-mono);font-size:1.5rem;padding:3px 5px}@media (max-width:600px){kbd{font-size:1.3rem}}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{border:none;overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:62.5%}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;background:#fff;color:var(--color-darkgrey);font-family:var(--font-sans);font-size:1.6rem;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.6em}::-moz-selection{background:#daf2fd;text-shadow:none}::selection{background:#daf2fd;text-shadow:none}hr{border:0;border-top:1px solid #f0f0f0;display:block;height:1px;margin:2.5em 0 3.5em;padding:0;position:relative;width:100%}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}::not(.gh-content) blockquote,::not(.gh-content) dl,::not(.gh-content) ol,::not(.gh-content) p,::not(.gh-content) ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}ol,ul{max-width:100%}li{line-height:1.6em;padding-left:.3em}li+li{margin-top:.5em}dt{color:#daf2fd;float:left;font-weight:500;margin:0 20px 0 0;text-align:right;width:120px}dd{margin:0 0 5px;text-align:left}blockquote{border-left:#daf2fd;margin:1.5em 0;padding:0 1.6em}blockquote small{display:inline-block;font-size:.9em;margin:.8em 0 .8em 1.5em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#15171a;text-decoration:none}h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;font-weight:600;letter-spacing:-.01em;line-height:1.15;margin-top:0}h1{font-size:4.8rem;font-weight:700;letter-spacing:-.015em;margin:0 0 .5em}@media (max-width:600px){h1{font-size:2.8rem}}h2{font-size:2.8rem;font-weight:700;margin:1.5em 0 .5em}@media (max-width:600px){h2{font-size:2.3rem}}h3{font-size:2.4rem;font-weight:600;margin:1.5em 0 .5em}@media (max-width:600px){h3{font-size:1.7rem}}h4{font-size:2rem;margin:1.5em 0 .5em}@media (max-width:600px){h4{font-size:1.7rem}}h5{font-size:2rem}h5,h6{margin:1.5em 0 .5em}h6{font-size:1.8rem} /*# sourceMappingURL=global.css.map */ \ No newline at end of file diff --git a/assets/built/global.css.map b/assets/built/global.css.map index a5d87d5..112cc1c 100644 --- a/assets/built/global.css.map +++ b/assets/built/global.css.map @@ -1 +1 @@ -{"version":3,"sources":["global.css"],"names":[],"mappings":"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","file":"global.css","sourcesContent":["/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\nimg {\n display: block;\n max-width: 100%;\n height: auto;\n}\nhtml {\n box-sizing: border-box;\n font-family: sans-serif;\n\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nb,\nstrong {\n font-weight: bold;\n}\ni,\nem,\ndfn {\n font-style: italic;\n}\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nmark {\n background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nkbd {\n padding: 3px 5px;\n font-family: var(--font-mono);\n font-size: 1.5rem;\n background: #f6f8fa;\n border: 1px solid rgba(124, 139, 154, 0.25);\n border-radius: 6px;\n box-shadow: inset 0 -1px 0 rgba(124, 139, 154, 0.25);\n}\n@media (max-width: 600px) {\n kbd {\n font-size: 1.3rem;\n }\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; /* 3 */\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n}\nbutton {\n overflow: visible;\n border: none;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\n/* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer; /* 3 */\n\n -webkit-appearance: button; /* 2 */\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\ninput {\n line-height: normal;\n}\ninput:focus {\n outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n box-sizing: content-box; /* 2 */\n\n -webkit-appearance: textfield; /* 1 */\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nlegend {\n padding: 0; /* 2 */\n border: 0; /* 1 */\n}\ntextarea {\n overflow: auto;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\ntd,\nth {\n padding: 0;\n}\n\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n color: #35373A;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.6rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n letter-spacing: 0;\n text-rendering: optimizeLegibility;\n background: #fff;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n text-shadow: none;\n background: #daf2fd;\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid #f0f0f0;\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\n::not(.gh-content) p,\n::not(.gh-content) ul,\n::not(.gh-content) ol,\n::not(.gh-content) dl,\n::not(.gh-content) blockquote {\n margin: 0 0 1.5em 0;\n}\n\nol,\nul {\n padding-left: 1.3em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nul,\nol {\n max-width: 100%;\n}\n\nli {\n padding-left: 0.3em;\n line-height: 1.6em;\n}\n\nli + li {\n margin-top: 0.5em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: #daf2fd;\n font-weight: 500;\n text-align: right;\n}\n\ndd {\n margin: 0 0 5px 0;\n text-align: left;\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: #daf2fd;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n font-weight: bold;\n}\nblockquote cite a {\n font-weight: normal;\n}\n\na {\n color: #15171A;\n text-decoration: none;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n line-height: 1.15;\n font-weight: 600;\n text-rendering: optimizeLegibility;\n letter-spacing: -0.01em;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 4.8rem;\n font-weight: 700;\n letter-spacing: -0.015em;\n}\n@media (max-width: 600px) {\n h1 {\n font-size: 2.8rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2.8rem;\n font-weight: 700;\n}\n@media (max-width: 600px) {\n h2 {\n font-size: 2.3rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2.4rem;\n font-weight: 600;\n}\n@media (max-width: 600px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n@media (max-width: 600px) {\n h4 {\n font-size: 1.7rem;\n }\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["global.css"],"names":[],"mappings":"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","file":"global.css","sourcesContent":["/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\nimg {\n display: block;\n max-width: 100%;\n height: auto;\n}\nhtml {\n box-sizing: border-box;\n font-family: sans-serif;\n\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nb,\nstrong {\n font-weight: bold;\n}\ni,\nem,\ndfn {\n font-style: italic;\n}\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nmark {\n background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nkbd {\n padding: 3px 5px;\n font-family: var(--font-mono);\n font-size: 1.5rem;\n background: #f6f8fa;\n border: 1px solid rgba(124, 139, 154, 0.25);\n border-radius: 6px;\n box-shadow: inset 0 -1px 0 rgba(124, 139, 154, 0.25);\n}\n@media (max-width: 600px) {\n kbd {\n font-size: 1.3rem;\n }\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; /* 3 */\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n}\nbutton {\n overflow: visible;\n border: none;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\n/* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer; /* 3 */\n\n -webkit-appearance: button; /* 2 */\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\ninput {\n line-height: normal;\n}\ninput:focus {\n outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n box-sizing: content-box; /* 2 */\n\n -webkit-appearance: textfield; /* 1 */\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nlegend {\n padding: 0; /* 2 */\n border: 0; /* 1 */\n}\ntextarea {\n overflow: auto;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\ntd,\nth {\n padding: 0;\n}\n\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n color: var(--color-darkgrey);\n font-family: var(--font-sans);\n font-size: 1.6rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n letter-spacing: 0;\n text-rendering: optimizeLegibility;\n background: #fff;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n text-shadow: none;\n background: #daf2fd;\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid #f0f0f0;\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\n::not(.gh-content) p,\n::not(.gh-content) ul,\n::not(.gh-content) ol,\n::not(.gh-content) dl,\n::not(.gh-content) blockquote {\n margin: 0 0 1.5em 0;\n}\n\nol,\nul {\n padding-left: 1.3em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nul,\nol {\n max-width: 100%;\n}\n\nli {\n padding-left: 0.3em;\n line-height: 1.6em;\n}\n\nli + li {\n margin-top: 0.5em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: #daf2fd;\n font-weight: 500;\n text-align: right;\n}\n\ndd {\n margin: 0 0 5px 0;\n text-align: left;\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: #daf2fd;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n font-weight: bold;\n}\nblockquote cite a {\n font-weight: normal;\n}\n\na {\n color: #15171A;\n text-decoration: none;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n line-height: 1.15;\n font-weight: 600;\n text-rendering: optimizeLegibility;\n letter-spacing: -0.01em;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 4.8rem;\n font-weight: 700;\n letter-spacing: -0.015em;\n}\n@media (max-width: 600px) {\n h1 {\n font-size: 2.8rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2.8rem;\n font-weight: 700;\n}\n@media (max-width: 600px) {\n h2 {\n font-size: 2.3rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2.4rem;\n font-weight: 600;\n}\n@media (max-width: 600px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n@media (max-width: 600px) {\n h4 {\n font-size: 1.7rem;\n }\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\n}\n"]} \ No newline at end of file diff --git a/assets/built/screen.css b/assets/built/screen.css index a0ae1d0..563dd0a 100644 --- a/assets/built/screen.css +++ b/assets/built/screen.css @@ -1,2 +1,2 @@ -a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{display:block;max-width:100%;height:auto}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}kbd{padding:3px 5px;font-family:var(--font-mono);font-size:1.5rem;background:#f6f8fa;border:1px solid rgba(124,139,154,.25);border-radius:6px;box-shadow:inset 0 -1px 0 rgba(124,139,154,.25)}@media (max-width:600px){kbd{font-size:1.3rem}}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{color:#35373a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.6rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::-moz-selection{text-shadow:none;background:#daf2fd}::selection{text-shadow:none;background:#daf2fd}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #f0f0f0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}::not(.gh-content) blockquote,::not(.gh-content) dl,::not(.gh-content) ol,::not(.gh-content) p,::not(.gh-content) ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}ol,ul{max-width:100%}li{padding-left:.3em;line-height:1.6em}li+li{margin-top:.5em}dt{float:left;margin:0 20px 0 0;width:120px;color:#daf2fd;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:#daf2fd}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#15171a;text-decoration:none}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:600;text-rendering:optimizeLegibility;letter-spacing:-.01em}h1{margin:0 0 .5em;font-size:4.8rem;font-weight:700;letter-spacing:-.015em}@media (max-width:600px){h1{font-size:2.8rem}}h2{margin:1.5em 0 .5em;font-size:2.8rem;font-weight:700}@media (max-width:600px){h2{font-size:2.3rem}}h3{margin:1.5em 0 .5em;font-size:2.4rem;font-weight:600}@media (max-width:600px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:600px){h4{font-size:1.7rem}}h5{font-size:2rem}h5,h6{margin:1.5em 0 .5em}h6{font-size:1.8rem}:root{--color-green:#a4d037;--color-yellow:#fecd35;--color-red:#f05230;--color-darkgrey:#15171a;--color-midgrey:#738a94;--color-lightgrey:#c5d2d9;--color-wash:#e5eff5;--color-darkmode:#151719;--font-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-serif:Georgia,Times,serif;--font-mono:Menlo,Courier,monospace}.viewport{display:flex;flex-direction:column;min-height:100vh}.site-content{flex-grow:1}.outer{position:relative;padding:0 4vmin}.inner{margin:0 auto;max-width:1200px;width:100%}.site-header{position:relative;color:#fff;background:var(--ghost-accent-color)}.site-header-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.site-header-content{position:relative;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6vw 3vw;min-height:200px;max-height:340px;text-align:center}.site-title{z-index:10;margin:0 0 .15em;padding:0}.site-logo{max-height:55px}.site-header-content p{z-index:10;max-width:600px;margin:0 auto;line-height:1.2em;opacity:.8}@media (max-width:600px){.site-header-content p{max-width:80vmin;font-size:1.8rem}}.site-home-header{position:relative;z-index:1000;overflow:hidden}.site-header-content{padding:18vmin 4vmin;font-size:2.5rem;font-weight:400;color:#fff;background:var(--ghost-accent-color)}.site-header-content.large{padding-top:28vmin;padding-bottom:28vmin}.gh-head{padding:1vmin 4vmin;font-size:1.6rem;line-height:1.3em;color:#fff;background:var(--ghost-accent-color)}.gh-head a{color:inherit;text-decoration:none}.gh-head-inner{display:grid;grid-gap:2.5vmin;grid-template-columns:auto auto 1fr;grid-auto-flow:row dense}.gh-head-brand{display:flex;align-items:center;height:40px;max-width:200px;text-align:center;word-break:break-all}.gh-head-logo{display:block;padding:10px 0;font-weight:700;font-size:2rem;line-height:1.2em;letter-spacing:-.02em}.gh-head-logo img{max-height:26px}.gh-head-menu{display:flex;align-items:center;font-weight:500}.gh-head-menu .nav{display:inline-flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0}.gh-head-menu .nav li{margin:0 2.5vmin 0 0;padding:0}.gh-head-menu .nav a{display:inline-block;padding:5px 0;opacity:.8}.gh-head-menu .nav a:hover{opacity:1}.gh-head-actions{display:flex;list-style:none;text-align:right}.gh-head-actions,.gh-head-actions-list{justify-content:flex-end;align-items:center}.gh-head-actions-list{display:inline-flex;flex-wrap:wrap}.gh-head-actions-list a:not([class]){display:inline-block;margin:0 0 0 1.5vmin;padding:5px 0}.gh-social{margin:0 1.5vmin 0 0}.gh-social a{opacity:.8}.gh-social a+a{margin-left:.8rem}.gh-social a:hover{opacity:1}.gh-social svg{height:22px;width:22px;fill:#fff}.gh-social-facebook svg{height:20px;width:20px}a.gh-head-button{display:block;padding:8px 15px;color:var(--button-text-color,var(--color-darkgrey));font-weight:500;letter-spacing:-.015em;font-size:1.5rem;line-height:1em;background:var(--button-bg-color,#fff);border-radius:30px}.gh-burger{position:relative;display:none;cursor:pointer}.gh-burger-box{position:relative;display:flex;align-items:center;justify-content:center;width:33px;height:33px}.gh-burger-inner{width:100%;height:100%}.gh-burger-box:before{transition:transform .3s cubic-bezier(.2,.6,.3,1),width .3s cubic-bezier(.2,.6,.3,1)}.gh-burger-box:before,.gh-burger-inner:after,.gh-burger-inner:before{position:absolute;display:block;top:0;left:0;bottom:0;margin:auto;content:"";width:100%;height:1px;background:currentcolor;will-change:transform,width}.gh-burger-inner:after,.gh-burger-inner:before{transition:transform .25s cubic-bezier(.2,.7,.3,1),width .25s cubic-bezier(.2,.7,.3,1)}.gh-burger-inner:before{transform:translatey(-6px)}.gh-burger-inner:after{transform:translatey(6px)}body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner:before{transform:translatey(-8px)}body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner:after{transform:translatey(8px)}.gh-head-open .gh-burger-box:before{width:0;transform:translatex(19px);transition:transform .2s cubic-bezier(.2,.7,.3,1),width .2s cubic-bezier(.2,.7,.3,1)}.gh-head-open .gh-burger-inner:before{width:26px;transform:translatex(6px) rotate(135deg)}.gh-head-open .gh-burger-inner:after{width:26px;transform:translatex(6px) rotate(-135deg)}@media (max-width:900px){.gh-burger{display:inline-block}#gh-head{transition:all .4s ease-out;overflow:hidden}#gh-head .gh-head-inner{height:100%;grid-template-columns:1fr}#gh-head .gh-head-brand{position:relative;z-index:10;grid-column-start:auto;max-width:none;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.home-template #gh-head.has-cover .gh-head-brand{justify-content:flex-end}#gh-head .gh-head-menu{align-self:center;display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 0 10vh;font-weight:300;font-size:3.6rem;line-height:1.1em}#gh-head .gh-head-menu .nav li{margin:5px 0}#gh-head .gh-head-menu .nav a{padding:8px 0}#gh-head .gh-head-menu .nav{display:flex;flex-direction:column;align-items:center}#gh-head .gh-head-actions{padding:20px 0;justify-content:center;text-align:left}#gh-head .gh-head-actions a{margin:0 10px}#gh-head .gh-head-actions,#gh-head .gh-head-menu{display:none}.gh-head-open{overflow:hidden;height:100vh}.gh-head-open #gh-head{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3999999;overflow-y:scroll}.gh-head-open #gh-head .gh-head-inner{grid-template-rows:auto 1fr auto}.gh-head-open #gh-head .gh-head-actions,.gh-head-open #gh-head .gh-head-menu{display:flex}}@media (max-width:600px){#gh-head .gh-head-menu{font-size:6vmin}}.home-template .gh-head.has-cover{position:absolute;top:0;right:0;left:0;z-index:2000;background:transparent}.home-template.gh-head-open .gh-head{background:var(--ghost-accent-color)}.home-template .gh-head.has-cover .gh-head-logo{display:none}.home-template .gh-head.has-cover .gh-head-menu{margin-left:-2.5vmin}.post-feed{position:relative;display:grid;grid-gap:4vmin;grid-template-columns:1fr 1fr 1fr;padding:4vmin 0}.post-feed.list{row-gap:6vmin;max-width:940px;margin:2vmin auto 0}@media (max-width:1000px){.post-feed{grid-template-columns:1fr 1fr}}@media (max-width:700px){.post-feed{grid-template-columns:1fr;grid-gap:40px}}.post-card{position:relative;flex:1 1 301px;display:flex;flex-direction:column;min-height:220px;background-size:cover;word-break:break-word}@media (max-width:700px){.post-card{min-height:auto}}.post-card-image-link{position:relative;display:block;overflow:hidden;border-radius:3px}.post-card-image{width:100%;height:200px;background:var(--color-lightgrey) no-repeat 50%;-o-object-fit:cover;object-fit:cover}.post-card-content-link{position:relative;display:block;color:var(--color-darkgrey)}.post-card-content-link:hover{text-decoration:none}.post-card-header{margin:20px 0 0}.post-feed .no-image .post-card-content-link{padding:0}.no-image .post-card-header{margin-top:0}.post-card-primary-tag{margin:0 0 .2em;color:var(--ghost-accent-color);font-size:1.2rem;font-weight:500;letter-spacing:.2px;text-transform:uppercase}.post-card-title{margin:0 0 .4em;font-size:2.4rem;transition:color .2s ease-in-out}.no-image .post-card-title{margin-top:0}.has-serif-title .post-card-title{font-family:var(--font-serif)}.post-card-content{flex-grow:1;display:flex;flex-direction:column}.post-card-excerpt{max-width:56em;color:#60757e;font-family:var(--font-serif)}.has-sans-body .post-card-excerpt{font-family:var(--font-sans-serif)}.post-card-excerpt p{margin-bottom:1em;display:-webkit-box;overflow-y:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.post-card-meta{display:flex;align-items:center;padding:0}.author-profile-image,.avatar-wrapper{display:block;width:100%;height:100%;background:#e4eaed;border-radius:100%;-o-object-fit:cover;object-fit:cover}.post-card-meta .avatar-wrapper,.post-card-meta .profile-image-wrapper{position:relative}.author-list{display:flex;flex-wrap:wrap;margin:0 0 0 4px;padding:0;list-style:none}.author-list-item{position:relative;flex-shrink:0;margin:0;padding:0}.static-avatar{display:block;overflow:hidden;margin:0 0 0 -6px;width:36px;height:36px;border-radius:100%;box-shadow:0 0 0 1px hsla(0,0%,100%,.2)}.post-card-byline-content{flex:1 1 50%;display:flex;flex-direction:column;margin:0 0 0 8px;color:#90a2aa;font-size:1.4rem;line-height:1.2em;font-weight:400}.post-card-byline-content span{margin:0}.post-card-byline-content a{color:#373c44;font-weight:600}.post-card-byline-date{font-size:1.3rem;line-height:1.5em}.post-card-byline-date .bull{display:inline-block;margin:0 2px;opacity:.6}.single-author-byline{display:flex;flex-direction:column;margin-left:5px;color:#5c7078;font-size:1.3rem;line-height:1.4em;font-weight:500}.single-author{display:flex;align-items:center}.single-author .static-avatar{margin-left:-2px}.single-author-name{display:inline-block}@media (min-width:701px){.post-feed.list .post-card-large{grid-column:1/span 3;display:grid;grid-gap:4vmin;grid-template-columns:3fr 5fr;min-height:auto;border-top:0}.post-feed.list .post-card-large.no-image{grid-template-columns:1fr}.post-feed.list .post-card-large:not(.no-image) .post-card-header{margin-top:0}.post-feed.list .post-card-large .post-card-content{justify-content:flex-start;margin-top:-6px}}@media (min-width:1001px){.post-card-large{grid-column:1/span 3;display:grid;grid-gap:4vmin;grid-template-columns:1fr 1fr 1fr;min-height:280px;border-top:0}.post-card-large:not(.no-image) .post-card-header{margin-top:0}.post-card-large .post-card-image-link{position:relative;grid-column:1/span 2;margin-bottom:0;min-height:380px}.post-feed.list .post-card-large .post-card-image-link{grid-column:1/span 1;height:-webkit-max-content;height:-moz-max-content;height:max-content;min-height:auto}.post-feed.list .post-card-large .post-card-image-link:after{content:"";display:block;padding-bottom:60%}.post-card-large .post-card-image{position:absolute;width:100%;height:100%}.post-card-large .post-card-content{justify-content:center}.post-card-large .post-card-title{margin-top:0;font-size:3.2rem}.post-feed.list .post-card-large .post-card-title{font-size:2.4rem}.post-card-large .post-card-excerpt p{font-size:1.7rem;line-height:1.55em;-webkit-line-clamp:8}}@media (max-width:500px){.post-card-title{font-size:1.9rem}.post-card-excerpt{font-size:1.6rem}}.article{padding:8vmin 0;word-break:break-word}.article-header{padding:0 0 6vmin}.article-tag{display:flex;justify-content:flex-start;align-items:center;margin:0 0 .5rem;color:var(--color-midgrey);font-size:1.3rem;line-height:1.4em;letter-spacing:.02em;font-weight:600;text-transform:uppercase}.article-tag a{color:var(--ghost-accent-color)}.article-title{color:#0a0b0c}.has-serif-title .article-title{font-family:var(--font-serif)}.article-excerpt{margin:0 0 1rem;font-size:2rem;line-height:1.4em;opacity:.6}.gh-canvas .article-image{grid-column:wide-start/wide-end;width:100%;margin:6vmin 0 0}.image-full .article-image{grid-column:full-start/full-end}.image-small .article-image{grid-column:main-start/main-end}.gh-canvas .article-image img{display:block;margin-left:auto;margin-right:auto;width:100%}@media (max-width:600px){.article-excerpt{font-size:1.8rem}}.gh-canvas{display:grid;grid-template-columns:[full-start] minmax(4vmin,auto) [wide-start] minmax(auto,240px) [main-start] min(720px,calc(100% - 8vw)) [main-end] minmax(auto,240px) [wide-end] minmax(4vmin,auto) [full-end]}.gh-canvas>*{grid-column:main-start/main-end}.kg-width-wide{grid-column:wide-start/wide-end}.kg-width-full{grid-column:full-start/full-end}.kg-width-full img{width:100%}.gh-content>*+*{margin-top:4vmin;margin-bottom:0}.gh-content>[id]{margin:0;color:var(--color-darkgrey)}.has-serif-title .gh-content>[id]{font-family:var(--font-serif)}.gh-content>[id]:not(:first-child){margin:2em 0 0}.gh-content>[id]+*{margin-top:1.5rem!important}.gh-content>blockquote,.gh-content>hr{position:relative;margin-top:6vmin}.gh-content>blockquote+*,.gh-content>hr+*{margin-top:6vmin!important}.gh-content a{color:var(--ghost-accent-color);text-decoration:underline;word-break:break-word}.gh-content>blockquote:not([class]),.gh-content>dl,.gh-content>ol,.gh-content>p,.gh-content>ul{font-family:var(--font-serif);font-weight:400;font-size:2.1rem;line-height:1.6em}.gh-content .kg-callout-card .kg-callout-text,.gh-content .kg-toggle-card .kg-toggle-content>ol,.gh-content .kg-toggle-card .kg-toggle-content>p,.gh-content .kg-toggle-card .kg-toggle-content>ul{font-family:var(--font-serif);font-weight:400;font-size:1.9rem;line-height:1.6em}.gh-content .kg-product-card .kg-product-card-description>ol,.gh-content .kg-product-card .kg-product-card-description>p,.gh-content .kg-product-card .kg-product-card-description>ul{font-size:1.7rem;line-height:1.6em}.gh-content .kg-callout-card .kg-callout-emoji{font-size:2.1rem;line-height:1.4em}.gh-content .kg-toggle-card .kg-toggle-heading-text{font-size:2rem}.has-sans-body .gh-content .kg-callout-card .kg-callout-text,.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content>ol,.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content>p,.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content>ul,.has-sans-body .gh-content>blockquote,.has-sans-body .gh-content>dl,.has-sans-body .gh-content>ol,.has-sans-body .gh-content>p,.has-sans-body .gh-content>ul{font-family:var(--font-sans)}.gh-content .kg-product-card .kg-product-card-description>ol,.gh-content .kg-product-card .kg-product-card-description>ul,.gh-content .kg-toggle-card .kg-toggle-content>ol,.gh-content .kg-toggle-card .kg-toggle-content>ul,.gh-content>dl,.gh-content>ol,.gh-content>ul{padding-left:1.9em}.gh-content>blockquote:not([class]){position:relative;font-style:italic;padding:0}.gh-content>blockquote:not([class]):before{content:"";position:absolute;left:-1.5em;top:0;bottom:0;width:.3rem;background:var(--ghost-accent-color)}.gh-content :not(pre)>code{vertical-align:middle;padding:.15em .4em;border:1px solid #e1eaef;font-weight:400!important;font-size:.9em;line-height:1em;color:#15171a;background:#f0f6f9;border-radius:.25em}.gh-content pre{overflow:auto;padding:16px 20px;color:var(--color-wash);font-size:1.4rem;line-height:1.5em;background:var(--color-darkgrey);border-radius:5px;box-shadow:0 2px 6px -2px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.4)}@media (max-width:650px){.gh-content .kg-callout-card .kg-callout-text,.gh-content .kg-toggle-card .kg-toggle-content>ol,.gh-content .kg-toggle-card .kg-toggle-content>p,.gh-content .kg-toggle-card .kg-toggle-content>ul,.gh-content>blockquote:not([class]),.gh-content>dl,.gh-content>ol,.gh-content>p,.gh-content>ul{font-size:1.7rem}.gh-content .kg-product-card .kg-product-card-description>ol,.gh-content .kg-product-card .kg-product-card-description>p,.gh-content .kg-product-card .kg-product-card-description>ul{font-size:1.5rem}.gh-content blockquote:not([class]):before{left:-4vmin}}.gh-content .kg-card+:not(.kg-card),.gh-content :not(.kg-card):not([id])+.kg-card{margin-top:6vmin;margin-bottom:0}.kg-embed-card{display:flex;flex-direction:column;align-items:center;width:100%}.kg-image-card img{margin:auto}.has-serif-title .kg-toggle-card .kg-toggle-heading-text{font-family:var(--font-serif)}.gh-content .kg-callout-card-accent a{text-decoration:underline}.kg-blockquote-alt{font-family:var(--font-serif);color:var(--color-midgrey)}.has-sans-body .kg-blockquote-alt{font-family:var(--font-sans)}.kg-card.kg-header-card.kg-style-dark{background:var(--color-darkgrey)}.kg-header-card.kg-style-light h2.kg-header-card-header{color:#0a0b0c}.has-serif-title .kg-header-card h2.kg-header-card-header{font-family:var(--font-serif)}figcaption{padding:1.5rem 1.5rem 0;text-align:center;color:rgba(0,0,0,.5);font-weight:600;font-size:1.3rem;line-height:1.4em}figcaption strong{color:rgba(0,0,0,.8)}figcaption a{color:var(--ghost-accent-color)}iframe.instagram-media{margin:6vmin auto 0!important}iframe.instagram-media+script+:not([id]){margin-top:6vmin}.kg-width-full.kg-card-hascaption{display:grid;grid-template-columns:inherit}.kg-width-wide.kg-card-hascaption img{grid-column:wide-start/wide-end}.kg-width-full.kg-card-hascaption img{grid-column:1/-1}.kg-width-full.kg-card-hascaption figcaption{grid-column:main-start/main-end}.article-comments{margin:6vmin 0 0}.footnotes-sep{margin-bottom:30px}.footnotes{font-size:1.5rem}.footnotes p{margin:0}.footnote-backref{font-size:1.2rem;font-weight:700;text-decoration:none!important;box-shadow:none!important}.post-full-content table{display:inline-block;overflow-x:auto;margin:.5em 0 2.5em;max-width:100%;width:auto;border-spacing:0;border-collapse:collapse;font-family:var(--font-sans-serif);font-size:1.6rem;white-space:nowrap;vertical-align:top;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,transparent 75%) 0,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,transparent 75%) 100%;background-attachment:scroll,scroll;background-size:10px 100%,10px 100%;background-repeat:no-repeat}.post-full-content table td:first-child{background-image:linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0));background-size:20px 100%;background-repeat:no-repeat}.post-full-content table td:last-child{background-image:linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0));background-position:100% 0;background-size:20px 100%;background-repeat:no-repeat}.post-full-content table th{color:var(--color-darkgrey);font-size:1.2rem;font-weight:700;letter-spacing:.2px;text-align:left;text-transform:uppercase;background-color:#f4f8fb}.post-full-content table td,.post-full-content table th{padding:6px 12px;border:1px solid #e2ecf3}.article-byline{display:flex;justify-content:space-between;margin:20px 0 0}.article-byline-content{flex-grow:1;display:flex;align-items:center}.article-byline-content .author-list{justify-content:flex-start;padding:0 12px 0 0}.article-byline-meta{color:#738a94;font-size:1.4rem;line-height:1.2em}.article-byline-meta h4{margin:0 0 3px;font-size:1.6rem}.article-byline-meta .bull{display:inline-block;margin:0 2px;opacity:.6}.author-avatar{display:block;overflow:hidden;margin:0 -4px;width:50px;height:50px;border:2px solid #fff;border-radius:100%;transition:all .5s cubic-bezier(.4,.01,.165,.99) .7s}.basic-info .avatar-wrapper{position:relative;margin:0;width:60px;height:60px;border:none;background:rgba(229,239,245,.1)}.basic-info .avatar-wrapper svg{margin:0;width:60px;height:60px;opacity:.15}.page-template .article-title{margin-bottom:0}.footer-cta{position:relative;margin-bottom:-40px;padding:9vmin 4vmin 10vmin;color:#fff;text-align:center;background:var(--color-darkgrey)}.footer-cta.cta-alt{padding:2vmin 4vmin 12vmin;background:transparent}.footer-cta h2{margin:0 0 30px;font-size:3.2rem}.footer-cta.cta-alt h2{color:var(--color-darkgrey)}@media (max-width:600px){.footer-cta h2{font-size:2.65rem}}.footer-cta-button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:100%;max-width:500px;padding:5px 5px 5px 15px;font-size:1.8rem;color:var(--color-midgrey);background:#fff;border-radius:8px}.footer-cta.cta-alt .footer-cta-button{border:1px solid var(--color-lightgrey)}.footer-cta-button span{display:inline-block;padding:10px 15px;color:#fff;font-weight:500;background:var(--ghost-accent-color);border-radius:5px}.read-more-wrap{width:100%;padding:4vmin;margin:40px auto -40px;border-bottom:1px solid hsla(0,0%,100%,.1);background:#0a0b0c}.read-more{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:4vmin}.read-more .post-card-title{color:#fff;opacity:.8}.read-more .post-card-excerpt{color:hsla(0,0%,100%,.6)}.read-more .post-card-byline-content a{color:#fff}@media (max-width:1000px){.read-more{grid-template-columns:1fr 1fr}.read-more article:nth-child(3){display:none}}@media (max-width:700px){.read-more{grid-template-columns:1fr}.read-more article:nth-child(2){display:none}}.author-template .posts{position:relative;height:100%;display:grid;grid-template-columns:200px 1fr 1fr;grid-gap:4vmin}.author-template .posts .post-feed{grid-column:2/4;grid-template-columns:1fr 1fr}.author-profile{padding:4vmin 0}.author-profile-content{height:auto;position:-webkit-sticky;position:sticky;top:4vmin;font-size:1.4rem;line-height:1.4em}.author-profile-pic{display:block;width:150px;height:150px;-o-object-fit:cover;object-fit:cover;margin:0 0 2rem;background:#e4eaed;border-radius:50%}.author-profile h1{margin:0 0 .3em;font-size:2rem}.author-profile p{margin:0 0 1.5em;color:#60757e}.author-profile-location{margin:0 0 1.5em;font-weight:700}.author-profile-social-link{display:block;padding:0 0 5px;font-size:1.3rem;color:#60757e;text-overflow:ellipsis;overflow:hidden;max-width:100%;white-space:nowrap}.author-profile-social-link:hover{color:var(--color-darkgrey)}@media (max-width:900px){.author-template .posts .post-feed{grid-template-columns:1fr}}@media (max-width:650px){.author-template .posts{grid-template-columns:1fr;grid-gap:0}.author-template .posts .post-feed{grid-column:1/auto}.author-profile{padding-right:0}.author-profile-content{display:flex;flex-direction:column;align-items:center;text-align:center}}.tag-template .post-card-large .post-card-image-link{grid-column:2/span 2;order:2}.tag-template .post-card-large .post-card-content{order:1}.error-content{padding:14vw 4vw 6vw}.error-message{padding-bottom:10vw;text-align:center}.error-code{margin:0;color:var(--ghost-accent-color);font-size:12vw;line-height:1em;letter-spacing:-5px}.error-description{margin:0;color:var(--color-midgrey);font-size:3.2rem;line-height:1.3em;font-weight:400}.error-link{display:inline-block;margin-top:5px}@media (min-width:940px){.error-content .post-card{margin-bottom:0;padding-bottom:0;border-bottom:none}}@media (max-width:800px){.error-content{padding-top:24vw}.error-code{font-size:11.2rem}.error-message{padding-bottom:16vw}.error-description{margin:5px 0 0;font-size:1.8rem}}@media (max-width:500px){.error-content{padding-top:28vw}.error-message{padding-bottom:14vw}}.site-footer{position:relative;margin:40px 0 0;padding:40px 4vmin 140px;color:#fff;background:#0a0b0c}.site-footer .inner{display:grid;grid-gap:40px;grid-template-columns:auto 1fr auto;color:hsla(0,0%,100%,.7);font-size:1.3rem}.site-footer .copyright a{color:#fff;letter-spacing:-.015em;font-weight:500}.site-footer a{color:hsla(0,0%,100%,.7)}.site-footer a:hover{color:#fff;text-decoration:none}.site-footer-nav ul{display:flex;justify-content:center;flex-wrap:wrap;margin:0 0 20px;padding:0;list-style:none}.site-footer-nav li{display:inline-flex;align-items:center;padding:0;margin:0;line-height:2em}.site-footer-nav a{position:relative;display:inline-flex;align-items:center;margin-left:10px}.site-footer-nav li:not(:first-child) a:before{content:"";display:block;width:2px;height:2px;margin:0 10px 0 0;background:#fff;border-radius:100%}@media (max-width:800px){.site-footer .inner{max-width:500px;grid-template-columns:1fr;grid-gap:0;text-align:center}.site-footer .copyright,.site-footer .copyright a{color:#fff;font-size:1.5rem}}html.dark-mode body{color:hsla(0,0%,100%,.75);background:var(--color-darkmode)}html.dark-mode img{opacity:.9}html.dark-mode kbd{background:#212427}html.dark-mode .post-card,html.dark-mode .post-card:hover{border-bottom-color:#282b2f}html.dark-mode .post-card-byline-content a{color:hsla(0,0%,100%,.75)}html.dark-mode .post-card-byline-content a:hover{color:#fff}html.dark-mode .post-card-image{background:var(--color-darkmode)}html.dark-mode .post-card-title{color:hsla(0,0%,100%,.85)}html.dark-mode .post-card-excerpt{color:#90a2aa}html.dark-mode .post-full-content{background:var(--color-darkmode)}html.dark-mode .article-title{color:hsla(0,0%,100%,.9)}html.dark-mode .article-excerpt{color:#90a2aa}html.dark-mode .post-full-image{background-color:#282b2f}html.dark-mode .article-byline{border-top-color:#383d43}html.dark-mode .article-byline-meta h4 a{color:hsla(0,0%,100%,.75)}html.dark-mode .article-byline-meta h4 a:hover{color:#fff}html.dark-mode .no-image .author-social-link a{color:hsla(0,0%,100%,.75)}html.dark-mode .gh-content>[id]{color:hsla(0,0%,100%,.9)}html.dark-mode .gh-content pre{background:#030303}html.dark-mode .gh-content :not(pre)>code{background:#23262b;border-color:#282b2f;color:var(--color-wash)}html.dark-mode .gh-content a:not(.kg-btn):not(.kg-nft-card-container):not(.kg-product-card-button):not(.kg-header-card-button),html.dark-mode .gh-content em,html.dark-mode .gh-content strong{color:#fff}html.dark-mode .gh-content code{color:#fff;background:#000}html.dark-mode hr{border-top-color:#282b2f}html.dark-mode .gh-content hr:after{background:#282b2f;box-shadow:var(--color-darkmode) 0 0 0 5px}html.dark-mode figcaption{color:hsla(0,0%,100%,.6)}html.dark-mode .gh-content table td:first-child{background-image:linear-gradient(90deg,var(--color-darkmode) 50%,rgba(21,23,25,0))}html.dark-mode .gh-content table td:last-child{background-image:linear-gradient(270deg,var(--color-darkmode) 50%,rgba(21,23,25,0))}html.dark-mode .gh-content table th{color:hsla(0,0%,100%,.85);background-color:#282b2f}html.dark-mode .gh-content table td,html.dark-mode .gh-content table th{border:1px solid #282b2f}html.dark-mode .gh-content input{color:#303a3e}html.dark-mode .site-archive-header .no-image{color:hsla(0,0%,100%,.9);background:var(--color-darkmode)}html.dark-mode .kg-header-card.kg-style-dark{background:#0a0b0c}html.dark-mode .kg-header-card.kg-style-light{background:#202328}html.dark-mode .kg-header-card h2.kg-header-card-header,html.dark-mode .kg-header-card h3.kg-header-card-subheader{color:#fff}@media (prefers-color-scheme:dark){html.auto-color body{color:hsla(0,0%,100%,.75);background:var(--color-darkmode)}html.auto-color img{opacity:.9}html.auto-color kbd{background:#212427}html.auto-color .post-card,html.auto-color .post-card:hover{border-bottom-color:#282b2f}html.auto-color .post-card-byline-content a{color:hsla(0,0%,100%,.75)}html.auto-color .post-card-byline-content a:hover{color:#fff}html.auto-color .post-card-image{background:var(--color-darkmode)}html.auto-color .post-card-title{color:hsla(0,0%,100%,.85)}html.auto-color .post-card-excerpt{color:#90a2aa}html.auto-color .post-full-content{background:var(--color-darkmode)}html.auto-color .article-title{color:hsla(0,0%,100%,.9)}html.auto-color .article-excerpt{color:#90a2aa}html.auto-color .post-full-image{background-color:#282b2f}html.auto-color .article-byline{border-top-color:#383d43}html.auto-color .article-byline-meta h4 a{color:hsla(0,0%,100%,.75)}html.auto-color .article-byline-meta h4 a:hover{color:#fff}html.auto-color .no-image .author-social-link a{color:hsla(0,0%,100%,.75)}html.auto-color .gh-content>[id]{color:hsla(0,0%,100%,.9)}html.auto-color .gh-content pre{background:#030303}html.auto-color .gh-content :not(pre)>code{background:#23262b;border-color:#282b2f;color:var(--color-wash)}html.auto-color .gh-content a:not(.kg-btn):not(.kg-nft-card-container):not(.kg-product-card-button):not(.kg-header-card-button),html.auto-color .gh-content em,html.auto-color .gh-content strong{color:#fff}html.auto-color .gh-content code{color:#fff;background:#000}html.auto-color hr{border-top-color:#282b2f}html.auto-color .gh-content hr:after{background:#282b2f;box-shadow:var(--color-darkmode) 0 0 0 5px}html.auto-color figcaption{color:hsla(0,0%,100%,.6)}html.auto-color .gh-content table td:first-child{background-image:linear-gradient(90deg,var(--color-darkmode) 50%,rgba(21,23,25,0))}html.auto-color .gh-content table td:last-child{background-image:linear-gradient(270deg,var(--color-darkmode) 50%,rgba(21,23,25,0))}html.auto-color .gh-content table th{color:hsla(0,0%,100%,.85);background-color:#282b2f}html.auto-color .gh-content table td,html.auto-color .gh-content table th{border:1px solid #282b2f}html.auto-color .gh-content input{color:#303a3e}html.auto-color .site-archive-header .no-image{color:hsla(0,0%,100%,.9);background:var(--color-darkmode)}html.auto-color .kg-header-card.kg-style-dark{background:#0a0b0c}html.auto-color .kg-header-card.kg-style-light{background:#202328}html.auto-color .kg-header-card h2.kg-header-card-header,html.auto-color .kg-header-card h3.kg-header-card-subheader{color:#fff}} +a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{display:block;height:auto;max-width:100%}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;font-family:sans-serif}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{font-size:2em;margin:.67em 0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}kbd{background:#f6f8fa;border:1px solid rgba(124,139,154,.25);border-radius:6px;box-shadow:inset 0 -1px 0 rgba(124,139,154,.25);font-family:var(--font-mono);font-size:1.5rem;padding:3px 5px}@media (max-width:600px){kbd{font-size:1.3rem}}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{border:none;overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:62.5%}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;background:#fff;color:var(--color-darkgrey);font-family:var(--font-sans);font-size:1.6rem;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.6em}::-moz-selection{background:#daf2fd;text-shadow:none}::selection{background:#daf2fd;text-shadow:none}hr{border:0;border-top:1px solid #f0f0f0;display:block;height:1px;margin:2.5em 0 3.5em;padding:0;position:relative;width:100%}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}::not(.gh-content) blockquote,::not(.gh-content) dl,::not(.gh-content) ol,::not(.gh-content) p,::not(.gh-content) ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}ol,ul{max-width:100%}li{line-height:1.6em;padding-left:.3em}li+li{margin-top:.5em}dt{color:#daf2fd;float:left;font-weight:500;margin:0 20px 0 0;text-align:right;width:120px}dd{margin:0 0 5px;text-align:left}blockquote{border-left:#daf2fd;margin:1.5em 0;padding:0 1.6em}blockquote small{display:inline-block;font-size:.9em;margin:.8em 0 .8em 1.5em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#15171a;text-decoration:none}h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;font-weight:600;letter-spacing:-.01em;line-height:1.15;margin-top:0}h1{font-size:4.8rem;font-weight:700;letter-spacing:-.015em;margin:0 0 .5em}@media (max-width:600px){h1{font-size:2.8rem}}h2{font-size:2.8rem;font-weight:700;margin:1.5em 0 .5em}@media (max-width:600px){h2{font-size:2.3rem}}h3{font-size:2.4rem;font-weight:600;margin:1.5em 0 .5em}@media (max-width:600px){h3{font-size:1.7rem}}h4{font-size:2rem;margin:1.5em 0 .5em}@media (max-width:600px){h4{font-size:1.7rem}}h5{font-size:2rem}h5,h6{margin:1.5em 0 .5em}h6{font-size:1.8rem}:root{--color-green:#a4d037;--color-yellow:#fecd35;--color-red:#f05230;--color-darkgrey:#15171a;--color-midgrey:#738a94;--color-lightgrey:#f1f1f1;--color-secondary-text:#979797;--color-border:#e1e1e1;--color-wash:#e5eff5;--color-darkmode:#151719;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-serif:Georgia,Times,serif;--font-mono:Menlo,Courier,monospace}.viewport{display:flex;flex-direction:column;min-height:100vh;position:relative}.site-content{flex-grow:1}.outer{padding:0 max(4vmin,20px);position:relative}.inner{margin:0 auto;max-width:1200px;width:100%}.site-header{background:var(--ghost-accent-color);color:#fff;position:relative}.site-header-cover{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.site-header-content{align-items:center;color:var(--color-darkgrey);display:flex;padding-bottom:19vmin;padding-top:calc(19vmin + 44px);position:relative;text-align:center;z-index:100}.has-cover .site-header-content{background-color:var(--ghost-accent-color);color:#fff;min-height:560px}.site-header-content.left-aligned{padding-bottom:0;text-align:left}.has-cover .site-header-content.left-aligned{align-items:flex-end;padding-bottom:max(4vmin,32px)}.site-header-content.no-content{padding-bottom:2vmin;padding-top:0}.site-header-inner{position:relative}.site-header-content.left-aligned .site-header-inner{align-items:flex-start}.site-logo{flex-shrink:0;margin:0 auto;max-height:120px}.site-header-content.left-aligned .site-logo{margin-left:0;margin-right:auto;max-height:96px}.site-title{font-size:5rem;font-weight:800;margin:0;padding:0;z-index:10}.has-serif-title .site-title{font-family:var(--font-serif)}.has-cover .site-title{font-size:6rem}.site-header-content.left-aligned .site-title{font-size:4.4rem}.has-cover .site-header-content.left-aligned .site-title{font-size:4.6rem}.site-description{display:inline-block;font-size:6rem;font-weight:700;line-height:1.1;max-width:960px;z-index:10}:is(.site-logo,.site-title)+.site-description{font-size:2.4rem;font-weight:400;line-height:1.4;margin-top:16px;max-width:640px}.site-logo+.site-description{margin-top:20px}.site-title+.site-description{color:var(--color-secondary-text)}.has-cover .site-description{color:#fff;letter-spacing:-.005em}.has-cover :is(.site-logo,.site-title)+.site-description{font-size:2.4rem}.has-cover .site-header-content.left-aligned :is(.site-logo,.site-title)+.site-description{font-size:2.2rem}@media (min-width:992px){.is-head-stacked.has-cover .site-header-content{padding-top:calc(19vmin + 120px)}}@media (max-width:991px){.site-header-content{padding-top:calc(19vmin + 32px)}}@media (max-width:767px){.has-cover .site-header-content{min-height:240px}.site-header-inner{gap:16px}.site-logo{max-width:60%}.site-title{font-size:3.4rem!important}.site-description{font-size:2.2rem!important}.site-logo+.site-description,.site-title+.site-description{margin-top:12px!important}}.gh-head{background-color:#fff;font-size:1.6rem;height:88px;line-height:1.3em;z-index:150}.has-cover:not(.home-template) .gh-head{background-color:var(--ghost-accent-color);color:#fff}:is(.home-template,.paged:not(.tag-template):not(.author-template)).has-cover .gh-head{background-color:transparent;color:#fff;left:0;position:absolute;right:0;top:0;z-index:2000}.gh-head a{text-decoration:none}.gh-head-inner{align-items:center;-moz-column-gap:40px;column-gap:40px;display:grid;grid-auto-flow:row dense;height:100%}.gh-head-inner,.is-head-left-logo .gh-head-inner{grid-template-columns:auto 1fr auto}.is-head-left-logo.home-template .gh-head:not(.is-header-hidden) .gh-head-logo{display:none}.is-head-left-logo.home-template .gh-head:not(.is-header-hidden) .gh-head-menu{margin-left:-40px}@media (min-width:992px){.is-head-left-logo .gh-head-menu{margin-left:16px;margin-right:64px}}.is-head-middle-logo .gh-head-inner{grid-template-columns:1fr auto 1fr}.is-head-middle-logo .gh-head-brand{grid-column-start:2}@media (min-width:992px){.is-head-middle-logo .gh-head-menu{margin-right:64px}}.is-head-stacked .gh-head{height:auto}.is-head-stacked .gh-head-inner{grid-template-columns:1fr auto 1fr}.is-head-stacked .gh-head-brand{grid-column-start:2;grid-row-start:1}@media (min-width:992px){.is-head-stacked .gh-head-inner{padding:0}.is-head-stacked .gh-head-brand{align-items:center;display:flex;height:80px;position:relative}.is-head-stacked .gh-head-menu{grid-column:1/4;grid-row-start:2;height:56px;justify-content:center;margin:0 48px}.is-head-stacked .gh-head-menu:after,.is-head-stacked .gh-head-menu:before{background-color:var(--color-lightgrey);content:"";height:1px;left:0;position:absolute;top:80px;width:100%}.is-head-stacked.has-cover .gh-head-menu:after,.is-head-stacked.has-cover .gh-head-menu:before{background-color:hsla(0,0%,100%,.2)}.is-head-stacked .gh-head-menu:after{top:136px}.is-head-stacked .gh-head-actions{grid-column:1/4;grid-row-start:1;justify-content:space-between}}.gh-head-brand{align-items:center;display:flex;height:40px;word-break:break-all}.gh-head-logo{color:inherit;display:block;font-size:2.6rem;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.gh-head-logo.no-image{margin-top:-5px}.has-cover .gh-head-logo{color:#fff}.gh-head-logo img{max-height:40px}.gh-head-menu{align-items:center;display:flex;font-weight:500;margin-top:1px}.gh-head-menu .nav{align-items:center;display:inline-flex;flex-wrap:wrap;gap:32px;list-style:none;margin:0;padding:0}.gh-head-menu .nav li{margin:0;padding:0}.gh-head-menu .nav a{color:inherit;display:inline-block;line-height:1.7}.gh-head-menu .nav a:hover{opacity:.9}.gh-head-menu .nav-more-toggle{background-color:transparent;font-size:inherit;height:30px;margin:0 -6px;padding:0;position:relative;text-transform:inherit;width:30px}.gh-head-menu .nav-more-toggle svg{height:24px;width:24px}@media (min-width:992px){body:not(.is-dropdown-loaded) .gh-head-menu .nav>li{opacity:0}}.gh-dropdown{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 7px 20px -5px rgba(0,0,0,.15);margin-top:24px;opacity:0;padding:12px 0;position:absolute;right:-16px;text-align:left;top:100%;transform:translate3d(0,6px,0);transition:opacity .3s,transform .2s;visibility:hidden;width:200px;z-index:90}.is-head-middle-logo .gh-dropdown{left:-24px;right:auto}.is-dropdown-mega .gh-dropdown{-moz-column-gap:40px;column-gap:40px;display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr;min-width:320px;padding:20px 32px}.is-dropdown-open .gh-dropdown{opacity:1;transform:translateY(0);visibility:visible}.gh-head-menu .gh-dropdown li a{color:#15171a;display:block;padding:6px 20px}.is-dropdown-mega .gh-dropdown li a{padding:8px 0}.gh-social{align-items:center;display:flex;gap:20px}.gh-social-link{color:inherit;line-height:0}.gh-social-link:hover{opacity:.9}.gh-social-link svg{height:18px;width:18px}.gh-head-actions{align-items:center;display:flex;gap:24px;justify-content:flex-end;list-style:none;text-align:right}.gh-head-members{align-items:center;display:flex;gap:20px}.gh-head-link{color:inherit;font-weight:500}.gh-head-button{align-items:center;background:var(--ghost-accent-color);border-radius:48px;color:#fff;display:inline-flex;font-size:1.6rem;font-weight:600;height:44px;justify-content:center;letter-spacing:-.005em;padding:8px 20px}.has-cover .gh-head-button{background:#fff;color:var(--color-darkgrey)}@media (max-width:767px){.gh-head-members{flex-direction:column-reverse;gap:16px;width:100%}}.gh-search{align-items:center;background-color:transparent;border:0;cursor:pointer;display:inline-flex;height:32px;justify-content:center;outline:none;padding:0;width:32px}.gh-search:hover{opacity:.9}.gh-head-brand .gh-search{margin-right:8px}.gh-head-actions .gh-search{margin-right:-4px}@media (max-width:767px){.gh-head-actions .gh-search{display:none}}@media (min-width:768px){.gh-head-brand .gh-search{display:none}}.gh-burger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;cursor:pointer;display:none;height:30px;margin-right:-3px;padding:0;position:relative;width:30px}.gh-burger:after,.gh-burger:before{background-color:var(--color-darkgrey);content:"";height:1px;left:3px;position:absolute;transition:all .2s cubic-bezier(.04,.04,.12,.96) .1008s;width:24px}.has-cover .gh-burger:after,.has-cover .gh-burger:before{background-color:#fff}.gh-burger:before{top:11px}.gh-burger:after{bottom:11px}.gh-head-open .gh-burger:before{top:15px;transform:rotate(45deg)}.gh-head-open .gh-burger:after{bottom:14px;transform:rotate(-45deg)}@media (max-width:767px){#gh-head{height:64px}#gh-head .gh-head-inner{gap:48px;grid-template-columns:1fr;grid-template-rows:auto 1fr auto}#gh-head .gh-head-brand{align-items:center;display:grid;grid-column-start:1;grid-template-columns:1fr auto auto;height:64px}#gh-head .gh-head-logo{font-size:2.2rem}#gh-head .gh-head-brand .gh-search{margin-left:-6px}#gh-head .gh-burger{display:block}#gh-head .gh-head-actions,#gh-head .gh-head-menu{justify-content:center;opacity:0;position:fixed;visibility:hidden}#gh-head .gh-head-menu{margin:0;transform:translateY(0);transition:none}#gh-head .nav{align-items:center;gap:16px;line-height:1.4}#gh-head .nav a{font-size:2.6rem;font-weight:600;text-transform:none}#gh-head .nav li{opacity:0;transform:translateY(-4px)}#gh-head :is(.gh-head-button,.gh-head-link){opacity:0;transform:translateY(8px)}#gh-head .gh-head-button{font-size:1.8rem;opacity:0;text-transform:none;transform:translateY(8px);width:100%}.gh-head-open #gh-head{-webkit-overflow-scrolling:touch;height:100%;inset:0;overflow-y:scroll;position:fixed;z-index:3999999}.gh-head-open.has-cover #gh-head,.gh-head-open.has-cover #gh-head .gh-head-actions{background-color:var(--ghost-accent-color)}.gh-head-open #gh-head .gh-head-actions,.gh-head-open #gh-head .gh-head-menu{opacity:1;position:static;visibility:visible}.gh-head-open #gh-head .nav{display:flex;flex-direction:column}.gh-head-open #gh-head .nav li{opacity:1;transform:translateY(0);transition:transform .2s,opacity .2s}.gh-head-open #gh-head .gh-head-actions{align-items:center;background-color:#fff;bottom:0;display:inline-flex;flex-direction:column;gap:12px;left:0;padding:max(4vmin,20px) 0 max(4vmin,28px);position:-webkit-sticky;position:sticky;right:0}.gh-head-open #gh-head :is(.gh-head-button,.gh-head-link){opacity:1;transform:translateY(0);transition:transform .4s,opacity .4s;transition-delay:.2s}.gh-head-open #gh-head .gh-head-link{transition-delay:.4s}}.post-feed{display:grid;gap:4.8vmin 4vmin;grid-template-columns:repeat(6,1fr);padding:max(4.8vmin,36px) 0 0;position:relative}:is(.tag-template,.author-template) .post-feed{margin-top:4vmin}@media (max-width:991px){.post-feed{grid-template-columns:1fr 1fr}}@media (max-width:767px){.post-feed{grid-gap:40px;grid-template-columns:1fr}}.post-card{background-size:cover;display:flex;flex-direction:column;grid-column:span 2;position:relative;word-break:break-word}.post-card-image-link{display:block;margin-bottom:32px;overflow:hidden;position:relative}.post-card-image-link:after{content:"";display:block;padding-bottom:55%}.post-card[class*=post-access-] .post-card-image-link:after{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(0,0,0,.5)}.post-card.keep-ratio[class*=post-access-] .post-card-image-link:after{inset:0;padding-bottom:0;position:absolute}.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image-link:after{padding-bottom:0}.post-card-image{background:var(--color-lightgrey) no-repeat center center;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image{position:static}.post-card-access{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:600;gap:4px;inset:0;justify-content:center;position:absolute;z-index:10}.post-card-content-link{color:var(--color-darkgrey);display:block;position:relative}.post-card-content-link:hover{text-decoration:none}.post-feed .no-image .post-card-content-link{padding:0}.no-image .post-card-header{margin-top:0}.post-card-tags{align-items:center;color:var(--color-secondary-text);display:flex;font-size:1.4rem;font-weight:600;gap:12px;letter-spacing:-.005em;line-height:1;margin:0 0 10px}.post-card-featured{align-items:center;color:var(--ghost-accent-color);display:flex;gap:3px;padding-left:18px;position:relative}.post-card-featured svg{left:0;position:absolute}.post-card-title{font-size:2.6rem;font-weight:800;line-height:1.2;margin:0}.post-card-content-link:hover .post-card-title{opacity:.9}.no-image .post-card-title{margin-top:0}.has-serif-title .post-card-title{font-family:var(--font-serif);letter-spacing:-.005em}.post-card-title svg{margin-left:-1px;margin-top:-3px}.post-card-content{display:flex;flex-direction:column;flex-grow:1}.post-card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.6rem;line-height:1.5;margin-top:12px;max-width:720px;overflow-y:hidden;word-break:break-word}.has-sans-body .post-card-excerpt{font-family:var(--font-sans)}.post-card:not(.post-card-large):not(.post-card-full):not(.dynamic):not(.no-image) .post-card-excerpt{-webkit-line-clamp:2}:is(.tag-template,.author-template) .post-card-excerpt{margin-top:6px}.post-card-meta{color:var(--color-secondary-text);font-size:1.3rem;margin-top:12px;padding:0}.post-card-meta,.post-card-meta>*{align-items:center;display:flex;gap:6px}.post-card-meta>*+:not(script):before{background-color:var(--color-secondary-text);border-radius:50%;content:"";height:2px;width:2px}.post-card-meta .sep{margin:0 4px}.author-profile-image{background:#fff;border-radius:100%;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.author-list{display:flex;flex-wrap:wrap;list-style:none;margin:0 0 0 4px;padding:0}.author-list-item{flex-shrink:0;margin:0;padding:0;position:relative}@media (min-width:1001px){.post-card-large{grid-gap:4vmin;border-top:0;display:grid;grid-column:span 6;grid-template-columns:repeat(3,1fr)}.post-card-large:not(.no-image) .post-card-header{margin-top:0}.post-card-large .post-card-image-link{grid-column:span 2;margin-bottom:0;position:relative}.post-card-large .post-card-content{grid-column:span 1}.post-card-large.no-image .post-card-content{grid-column:span 2}.post-card-large .post-card-image{height:100%;position:absolute;width:100%}.post-card-large .post-card-tags{margin-bottom:12px}.post-card-large .post-card-title{font-size:4.4rem;line-height:1.05;margin-top:0}.post-card-large .post-card-excerpt{margin-top:16px}.post-card-full{grid-column:span 6}.post-card-full .post-card-image-link{margin-bottom:40px}.post-card-full .post-card-tags{margin-bottom:14px}.post-card-full .post-card-title{font-size:6.4rem;line-height:.95}.post-card-full .post-card-excerpt{font-size:1.8rem;margin-top:20px}.post-card-large+.post-card-large:nth-child(2n){margin:32px 0}.post-card-large+.post-card-large:nth-child(2n) .post-card-content{order:-1}.post-card.dynamic{grid-column:span 3}.post-card.dynamic .post-card-title{font-size:3rem}}.pagination{align-items:center;display:none;grid-template-columns:1fr auto 1fr;margin-top:8vmin}html.no-infinite-scroll .pagination{display:grid}.pagination a{font-size:1.7rem;font-weight:600}.pagination .page-number{color:var(--color-secondary-text);grid-column-start:2}.pagination .older-posts{grid-column-start:3;text-align:right}@media (max-width:767px){.pagination .page-number{display:none}}.article{padding:max(8vmin,40px) 0 max(8vmin,64px);word-break:break-word}.page-template .article{padding-top:max(12vmin,64px)}.article-header{padding:0 0 max(6.4vmin,40px)}.page-template .article-header{padding-bottom:max(3.2vmin,28px)}.article-tag{font-size:1.6rem;margin-bottom:16px}.article-tag a{color:var(--color-secondary-text)}.article-title{color:var(--color-darkgrey);font-size:clamp(3.2rem,5vw,5.2rem);font-weight:800;line-height:1.05;margin-bottom:0}.has-serif-title .article-title{font-family:var(--font-serif)}.article-excerpt{color:var(--color-darkgrey);font-size:2rem;line-height:1.45;margin-top:20px;max-width:720px}.gh-canvas .article-image{grid-column:wide-start/wide-end;margin:max(6.4vmin,40px) 0 0;width:100%}.image-full .article-image{grid-column:full-start/full-end}.image-small .article-image{grid-column:main-start/main-end}.gh-canvas .article-image img{display:block;margin-left:auto;margin-right:auto;width:100%}@media (max-width:767px){.article-excerpt{font-size:1.7rem;margin-top:14px}}.gh-canvas{display:grid;grid-template-columns:[full-start] minmax(max(4vmin,20px),auto) [wide-start] minmax(auto,240px) [main-start] min(720px,calc(100% - max(8vmin, 40px))) [main-end] minmax(auto,240px) [wide-end] minmax(max(4vmin,20px),auto) [full-end]}.gh-canvas>*{grid-column:main-start/main-end}.kg-width-wide{grid-column:wide-start/wide-end}.kg-width-full{grid-column:full-start/full-end}.kg-width-full img{width:100%}.gh-content>*+*{margin-bottom:0;margin-top:max(3.2vmin,24px)}.gh-content>[id]{color:var(--color-darkgrey);margin:0}.has-serif-title .gh-content>[id]{font-family:var(--font-serif)}.gh-content>[id]:not(:first-child){margin:2em 0 0}.gh-content>[id]+*{margin-top:1.5rem!important}.gh-content>blockquote,.gh-content>hr{margin-top:max(4.8vmin,32px);position:relative}.gh-content>blockquote+*,.gh-content>hr+*{margin-top:max(4.8vmin,32px)!important}.gh-content a{color:var(--ghost-accent-color);text-decoration:underline;word-break:break-word}.gh-content>blockquote:not([class]),.gh-content>dl,.gh-content>ol,.gh-content>p,.gh-content>ul{font-family:var(--font-serif);font-size:2rem;font-weight:400;line-height:1.6em}.gh-content .kg-callout-card .kg-callout-text,.gh-content .kg-toggle-card .kg-toggle-content>ol,.gh-content .kg-toggle-card .kg-toggle-content>p,.gh-content .kg-toggle-card .kg-toggle-content>ul{font-family:var(--font-serif);font-size:1.9rem;font-weight:400;line-height:1.6em}.gh-content .kg-product-card .kg-product-card-description>ol,.gh-content .kg-product-card .kg-product-card-description>p,.gh-content .kg-product-card .kg-product-card-description>ul{font-size:1.7rem;line-height:1.6em}.gh-content .kg-callout-card .kg-callout-emoji{font-size:2.1rem;line-height:1.4em}.gh-content .kg-toggle-card .kg-toggle-heading-text{font-size:2rem}.has-sans-body .gh-content .kg-callout-card .kg-callout-text,.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content>ol,.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content>p,.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content>ul,.has-sans-body .gh-content>blockquote,.has-sans-body .gh-content>dl,.has-sans-body .gh-content>ol,.has-sans-body .gh-content>p,.has-sans-body .gh-content>ul{font-family:var(--font-sans)}.gh-content .kg-product-card .kg-product-card-description>ol,.gh-content .kg-product-card .kg-product-card-description>ul,.gh-content .kg-toggle-card .kg-toggle-content>ol,.gh-content .kg-toggle-card .kg-toggle-content>ul,.gh-content>dl,.gh-content>ol,.gh-content>ul{padding-left:1.9em}.gh-content>blockquote:not([class]){font-style:italic;padding:0;position:relative}.gh-content>blockquote:not([class]):before{background:var(--ghost-accent-color);bottom:0;content:"";left:-1.5em;position:absolute;top:0;width:.3rem}.gh-content :not(pre)>code{background:#f0f6f9;border:1px solid #e1eaef;border-radius:.25em;color:#15171a;font-size:.9em;font-weight:400!important;line-height:1em;padding:.15em .4em;vertical-align:middle}.gh-content pre{background:var(--color-darkgrey);border-radius:5px;box-shadow:0 2px 6px -2px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.4);color:var(--color-wash);font-size:1.4rem;line-height:1.5em;overflow:auto;padding:16px 20px}@media (max-width:650px){.gh-content .kg-callout-card .kg-callout-text,.gh-content .kg-toggle-card .kg-toggle-content>ol,.gh-content .kg-toggle-card .kg-toggle-content>p,.gh-content .kg-toggle-card .kg-toggle-content>ul,.gh-content>blockquote:not([class]),.gh-content>dl,.gh-content>ol,.gh-content>p,.gh-content>ul{font-size:1.8rem}.gh-content .kg-product-card .kg-product-card-description>ol,.gh-content .kg-product-card .kg-product-card-description>p,.gh-content .kg-product-card .kg-product-card-description>ul{font-size:1.6rem}.gh-content blockquote:not([class]):before{left:min(-4vmin,-20px)}}.gh-content .kg-card+:not(.kg-card),.gh-content :not(.kg-card):not([id])+.kg-card{margin-bottom:0;margin-top:6vmin}.kg-embed-card{align-items:center;display:flex;flex-direction:column;width:100%}.kg-image-card img{margin:auto}.has-serif-title .kg-toggle-card .kg-toggle-heading-text{font-family:var(--font-serif)}.gh-content .kg-callout-card-accent a{text-decoration:underline}.kg-blockquote-alt{color:var(--color-midgrey);font-family:var(--font-serif)}.has-sans-body .kg-blockquote-alt{font-family:var(--font-sans)}.kg-card.kg-header-card.kg-style-dark{background:var(--color-darkgrey)}.kg-header-card.kg-style-light h2.kg-header-card-header{color:#0a0b0c}.has-serif-title .kg-header-card h2.kg-header-card-header{font-family:var(--font-serif)}figcaption{color:rgba(0,0,0,.5);font-size:1.3rem;line-height:1.4em;padding:1.5rem 1.5rem 0;text-align:center}figcaption strong{color:rgba(0,0,0,.8)}figcaption a{text-decoration:underline}iframe.instagram-media{margin:6vmin auto 0!important}iframe.instagram-media+script+:not([id]){margin-top:6vmin}.kg-width-full.kg-card-hascaption{display:grid;grid-template-columns:inherit}.kg-width-wide.kg-card-hascaption img{grid-column:wide-start/wide-end}.kg-width-full.kg-card-hascaption img{grid-column:1/-1}.kg-width-full.kg-card-hascaption figcaption{grid-column:main-start/main-end}.article-comments{margin:6vmin 0 0}.footnotes-sep{margin-bottom:30px}.footnotes{font-size:1.5rem}.footnotes p{margin:0}.footnote-backref{box-shadow:none!important;font-size:1.2rem;font-weight:700;text-decoration:none!important}.gh-content table:not(.gist table){-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,transparent 75%) 0,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,transparent 75%) 100%;background-attachment:scroll,scroll;background-repeat:no-repeat;background-size:10px 100%,10px 100%;border-collapse:collapse;border-spacing:0;display:inline-block;font-family:var(--font-sans);font-size:1.6rem;max-width:100%;overflow-x:auto;vertical-align:top;white-space:nowrap;width:auto}.gh-content table:not(.gist table) td:first-child{background-image:linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:20px 100%}.gh-content table:not(.gist table) td:last-child{background-image:linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0));background-position:100% 0;background-repeat:no-repeat;background-size:20px 100%}.gh-content table:not(.gist table) th{background-color:#f4f8fb;color:var(--color-darkgrey);font-size:1.2rem;font-weight:700;letter-spacing:.2px;text-align:left;text-transform:uppercase}.gh-content table:not(.gist table) td,.gh-content table:not(.gist table) th{border:1px solid #e2ecf3;padding:6px 12px}.article-byline{display:flex;justify-content:space-between;margin:min(24px,5.6vmin) 0 0}.article-byline-content{align-items:center;display:flex;flex-grow:1}.article-byline-content .author-list{justify-content:flex-start;padding:0 14px 0 0}.article-byline-meta{color:var(--color-secondary-text);font-size:1.4rem;line-height:1.2em}.article-byline-meta .author-name{font-size:1.7rem;font-weight:700;letter-spacing:0;margin:0 0 6px}.article-byline-meta .bull{display:inline-block;margin:0 2px}.author-avatar{background-color:var(--color-border);border:2px solid #fff;border-radius:50%;display:block;height:min(56px,13.6vmin);margin:0 -4px;overflow:hidden;width:min(56px,13.6vmin)}.page-template .article-title{margin-bottom:0}@media (max-width:767px){.article-byline-content .author-list{padding-right:12px}.article-byline-meta .author-name{margin-bottom:4px}}.footer-cta{position:relative;text-align:center}.footer-cta-title{font-size:clamp(2.6rem,5vw,3.8rem);font-weight:800;margin:0 0 min(24px,6.4vmin)}.has-serif-title .footer-cta-title{font-family:var(--font-serif)}.footer-cta-button{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:8px;color:var(--color-secondary-text);display:inline-flex;font-size:1.7rem;justify-content:space-between;max-width:500px;padding:5px 5px 5px 15px;position:relative;transition:border-color .2s;width:100%}.footer-cta-button:hover{border-color:#c2c2c2}.footer-cta-button span{background:var(--ghost-accent-color);border-radius:6px;color:#fff;display:inline-block;font-size:1.6rem;font-weight:600;letter-spacing:-.005em;padding:9px 15px}.read-more-wrap{margin-top:2.4vmin}.footer-cta+.read-more-wrap{margin-top:max(12vmin,72px)}.read-more{grid-gap:4vmin;display:grid;grid-template-columns:repeat(6,1fr)}.read-more .post-card-tags{display:none}@media (max-width:1000px){.read-more{grid-template-columns:repeat(4,1fr)}.read-more .post-card:nth-child(3){display:none}}@media (max-width:700px){.read-more{grid-template-columns:repeat(2,1fr)}.read-more .post-card:nth-child(2){display:none}}.comments{align-items:center;display:flex;flex-direction:column;margin:60px 0 44px}.comments-head{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:32px;max-width:720px;width:100%}.comments h2{font-size:3.4rem;font-weight:800;max-width:720px;width:100%}.comments .comment-count{color:var(--color-midgrey);font-weight:600;white-space:nowrap}.comments #ghost-comments-root{max-width:720px;width:100%}.author-profile-pic{background:#fff;border-radius:50%;display:block;height:80px;margin:0 0 2rem;-o-object-fit:cover;object-fit:cover;width:80px}.author-profile-footer{margin-top:16px}.author-profile-location{font-weight:700}.author-profile-meta{display:flex;gap:10px}.author-profile-social-link{color:var(--color-secondary-text);font-size:1.3rem}.author-profile-social-link:hover{color:var(--color-darkgrey)}.author-profile-social-link svg{height:16px;width:16px}@media (min-width:1001px){.author-template .post-card-large .post-card-content:only-child{grid-column:span 2;max-width:640px}}.tag-template .post-card-large .post-card-image-link{grid-column:2/span 2;order:2}.tag-template .post-card-large .post-card-content{order:1}@media (min-width:1001px){.tag-template .post-card-large .post-card-content:only-child{grid-column:span 2;max-width:640px}}.error-content{padding:14vw 4vw 2vw}.error-message{padding-bottom:10vw;text-align:center}.error-code{font-size:12vw;letter-spacing:-5px;line-height:1em;margin:0}.error-description{color:var(--color-secondary-text);font-size:3.2rem;font-weight:400;letter-spacing:-.005em;line-height:1.3em;margin:0}.error-link{display:inline-block;margin-top:5px}@media (min-width:940px){.error-content .post-card{border-bottom:none;margin-bottom:0;padding-bottom:0}}@media (max-width:800px){.error-content{padding-top:24vw}.error-code{font-size:11.2rem}.error-message{padding-bottom:16vw}.error-description{font-size:1.8rem;margin:5px 0 0}}@media (max-width:500px){.error-content{padding-top:28vw}.error-message{padding-bottom:14vw}}.site-footer{background:#0a0b0c;color:#fff;margin:max(12vmin,64px) 0 0;padding-bottom:140px;padding-top:48px;position:relative}.site-footer .inner{grid-gap:40px;color:hsla(0,0%,100%,.7);display:grid;font-size:1.3rem;grid-template-columns:auto 1fr auto}.site-footer .copyright a{color:#fff;font-weight:500;letter-spacing:-.015em}.site-footer a{color:hsla(0,0%,100%,.7)}.site-footer a:hover{color:#fff;text-decoration:none}.site-footer-nav ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0 0 20px;padding:0}.site-footer-nav li{align-items:center;display:inline-flex;line-height:2em;margin:0;padding:0}.site-footer-nav a{align-items:center;display:inline-flex;margin-left:10px;position:relative}.site-footer-nav li:not(:first-child) a:before{background:#fff;border-radius:100%;content:"";display:block;height:2px;margin:0 10px 0 0;width:2px}@media (max-width:767px){.site-footer .inner{grid-gap:0;grid-template-columns:1fr;max-width:500px;text-align:center}.site-footer .copyright,.site-footer .copyright a{color:#fff;font-size:1.5rem}.site-footer .copyright{margin-bottom:16px}}html.dark-mode body{background:var(--color-darkmode);color:hsla(0,0%,100%,.75)}html.dark-mode img{opacity:.9}html.dark-mode kbd{background:#212427}html.dark-mode figcaption a{color:#fff}html.dark-mode .gh-head,html.dark-mode .has-cover:not(.home-template) .gh-head{background:var(--color-darkmode);color:#fff}html.dark-mode .gh-burger:after,html.dark-mode .gh-burger:before{background-color:#fff}html.dark-mode .site-header-content{color:#fff}html.dark-mode .post-card-image{background:var(--color-darkmode)}html.dark-mode :is(.post-card-tags,.post-card-meta,.article-tag a,.byline-meta-content,.pagination .page-number){color:#5f5f5f}html.dark-mode .post-card-featured,html.dark-mode .post-card-title{color:#fff}html.dark-mode .post-card-excerpt{color:var(--color-secondary-text)}html.dark-mode .article-title,html.dark-mode .author-profile-location,html.dark-mode .author-profile-social-link:hover,html.dark-mode .pagination a{color:#fff}html.dark-mode .article-excerpt{color:var(--color-secondary-text)}html.dark-mode .post-full-image{background-color:#282b2f}html.dark-mode .author-avatar{background-color:#282b2f;border-color:var(--color-darkmode)}html.dark-mode .author-profile-image{opacity:1}html.dark-mode .author-profile-image path{fill:var(--color-darkmode)}html.dark-mode .article-byline-meta .author-name a{color:#fff}html.dark-mode .no-image .author-social-link a{color:hsla(0,0%,100%,.75)}html.dark-mode .gh-content>[id]{color:hsla(0,0%,100%,.9)}html.dark-mode .gh-content pre{background:#030303}html.dark-mode .gh-content :not(pre)>code{background:#23262b;border-color:#282b2f;color:var(--color-wash)}:where(html.dark-mode) .gh-content a{color:#fff}html.dark-mode .gh-content em,html.dark-mode .gh-content strong{color:#fff}html.dark-mode .gh-content code{background:#000;color:#fff}html.dark-mode hr{border-top-color:#282b2f}html.dark-mode .gh-content hr:after{background:#282b2f;box-shadow:var(--color-darkmode) 0 0 0 5px}html.dark-mode figcaption{color:hsla(0,0%,100%,.6)}html.dark-mode .gh-content table:not(.gist table) td:first-child{background-image:linear-gradient(to right,var(--color-darkmode) 50%,rgba(21,23,25,0) 100%)}html.dark-mode .gh-content table:not(.gist table) td:last-child{background-image:linear-gradient(to left,var(--color-darkmode) 50%,rgba(21,23,25,0) 100%)}html.dark-mode .gh-content table:not(.gist table) th{background-color:#282b2f;color:hsla(0,0%,100%,.85)}html.dark-mode .gh-content table:not(.gist table) td,html.dark-mode .gh-content table:not(.gist table) th{border:1px solid #282b2f}html.dark-mode .gh-content :is(input,textarea){color:#303a3e}html.dark-mode .site-archive-header .no-image{background:var(--color-darkmode);color:hsla(0,0%,100%,.9)}html.dark-mode .kg-header-card.kg-style-dark{background:#0a0b0c}html.dark-mode .kg-header-card.kg-style-light{background:#202328}html.dark-mode .footer-cta-title,html.dark-mode .kg-header-card h2.kg-header-card-header,html.dark-mode .kg-header-card h3.kg-header-card-subheader{color:#fff}@media (max-width:767px){html.dark-mode .gh-head-open #gh-head,html.dark-mode .gh-head-open #gh-head .gh-head-actions{background:var(--color-darkmode)}}@media (prefers-color-scheme:dark){html.auto-color body{background:var(--color-darkmode);color:hsla(0,0%,100%,.75)}html.auto-color img{opacity:.9}html.auto-color kbd{background:#212427}html.auto-color figcaption a{color:#fff}html.auto-color .gh-head,html.auto-color .has-cover:not(.home-template) .gh-head{background:var(--color-darkmode);color:#fff}html.auto-color .gh-burger:after,html.auto-color .gh-burger:before{background-color:#fff}html.auto-color .site-header-content{color:#fff}html.auto-color .post-card-image{background:var(--color-darkmode)}html.auto-color :is(.post-card-tags,.post-card-meta,.article-tag a,.byline-meta-content,.pagination .page-number){color:#5f5f5f}html.auto-color .post-card-featured,html.auto-color .post-card-title{color:#fff}html.auto-color .post-card-excerpt{color:var(--color-secondary-text)}html.auto-color .article-title,html.auto-color .author-profile-location,html.auto-color .author-profile-social-link:hover,html.auto-color .pagination a{color:#fff}html.auto-color .article-excerpt{color:var(--color-secondary-text)}html.auto-color .post-full-image{background-color:#282b2f}html.auto-color .author-avatar{background-color:#282b2f;border-color:var(--color-darkmode)}html.auto-color .author-profile-image{opacity:1}html.auto-color .author-profile-image path{fill:var(--color-darkmode)}html.auto-color .article-byline-meta .author-name a{color:#fff}html.auto-color .no-image .author-social-link a{color:hsla(0,0%,100%,.75)}html.auto-color .gh-content>[id]{color:hsla(0,0%,100%,.9)}html.auto-color .gh-content pre{background:#030303}html.auto-color .gh-content :not(pre)>code{background:#23262b;border-color:#282b2f;color:var(--color-wash)}:where(html.auto-color) .gh-content a{color:#fff}html.auto-color .gh-content em,html.auto-color .gh-content strong{color:#fff}html.auto-color .gh-content code{background:#000;color:#fff}html.auto-color hr{border-top-color:#282b2f}html.auto-color .gh-content hr:after{background:#282b2f;box-shadow:var(--color-darkmode) 0 0 0 5px}html.auto-color figcaption{color:hsla(0,0%,100%,.6)}html.auto-color .gh-content table:not(.gist table) td:first-child{background-image:linear-gradient(to right,var(--color-darkmode) 50%,rgba(21,23,25,0) 100%)}html.auto-color .gh-content table:not(.gist table) td:last-child{background-image:linear-gradient(to left,var(--color-darkmode) 50%,rgba(21,23,25,0) 100%)}html.auto-color .gh-content table:not(.gist table) th{background-color:#282b2f;color:hsla(0,0%,100%,.85)}html.auto-color .gh-content table:not(.gist table) td,html.auto-color .gh-content table:not(.gist table) th{border:1px solid #282b2f}html.auto-color .gh-content :is(input,textarea){color:#303a3e}html.auto-color .site-archive-header .no-image{background:var(--color-darkmode);color:hsla(0,0%,100%,.9)}html.auto-color .kg-header-card.kg-style-dark{background:#0a0b0c}html.auto-color .kg-header-card.kg-style-light{background:#202328}html.auto-color .footer-cta-title,html.auto-color .kg-header-card h2.kg-header-card-header,html.auto-color .kg-header-card h3.kg-header-card-subheader{color:#fff}@media (max-width:767px){html.auto-color .gh-head-open #gh-head,html.auto-color .gh-head-open #gh-head .gh-head-actions{background:var(--color-darkmode)}}} /*# sourceMappingURL=screen.css.map */ \ No newline at end of file diff --git a/assets/built/screen.css.map b/assets/built/screen.css.map index e53000b..98b9e0e 100644 --- a/assets/built/screen.css.map +++ b/assets/built/screen.css.map @@ -1 +1 @@ -{"version":3,"sources":["global.css","screen.css"],"names":[],"mappings":"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","file":"screen.css","sourcesContent":["/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\nimg {\n display: block;\n max-width: 100%;\n height: auto;\n}\nhtml {\n box-sizing: border-box;\n font-family: sans-serif;\n\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nb,\nstrong {\n font-weight: bold;\n}\ni,\nem,\ndfn {\n font-style: italic;\n}\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nmark {\n background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nkbd {\n padding: 3px 5px;\n font-family: var(--font-mono);\n font-size: 1.5rem;\n background: #f6f8fa;\n border: 1px solid rgba(124, 139, 154, 0.25);\n border-radius: 6px;\n box-shadow: inset 0 -1px 0 rgba(124, 139, 154, 0.25);\n}\n@media (max-width: 600px) {\n kbd {\n font-size: 1.3rem;\n }\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; /* 3 */\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n}\nbutton {\n overflow: visible;\n border: none;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\n/* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer; /* 3 */\n\n -webkit-appearance: button; /* 2 */\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\ninput {\n line-height: normal;\n}\ninput:focus {\n outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n box-sizing: content-box; /* 2 */\n\n -webkit-appearance: textfield; /* 1 */\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nlegend {\n padding: 0; /* 2 */\n border: 0; /* 1 */\n}\ntextarea {\n overflow: auto;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\ntd,\nth {\n padding: 0;\n}\n\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n color: #35373A;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.6rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n letter-spacing: 0;\n text-rendering: optimizeLegibility;\n background: #fff;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n text-shadow: none;\n background: #daf2fd;\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid #f0f0f0;\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\n::not(.gh-content) p,\n::not(.gh-content) ul,\n::not(.gh-content) ol,\n::not(.gh-content) dl,\n::not(.gh-content) blockquote {\n margin: 0 0 1.5em 0;\n}\n\nol,\nul {\n padding-left: 1.3em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nul,\nol {\n max-width: 100%;\n}\n\nli {\n padding-left: 0.3em;\n line-height: 1.6em;\n}\n\nli + li {\n margin-top: 0.5em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: #daf2fd;\n font-weight: 500;\n text-align: right;\n}\n\ndd {\n margin: 0 0 5px 0;\n text-align: left;\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: #daf2fd;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n font-weight: bold;\n}\nblockquote cite a {\n font-weight: normal;\n}\n\na {\n color: #15171A;\n text-decoration: none;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n line-height: 1.15;\n font-weight: 600;\n text-rendering: optimizeLegibility;\n letter-spacing: -0.01em;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 4.8rem;\n font-weight: 700;\n letter-spacing: -0.015em;\n}\n@media (max-width: 600px) {\n h1 {\n font-size: 2.8rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2.8rem;\n font-weight: 700;\n}\n@media (max-width: 600px) {\n h2 {\n font-size: 2.3rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2.4rem;\n font-weight: 600;\n}\n@media (max-width: 600px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n@media (max-width: 600px) {\n h4 {\n font-size: 1.7rem;\n }\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\n}\n","/* Table of Contents\n/* ------------------------------------------------------------\n\nThis is a development CSS file which is built to a minified\nproduction stylesheet in assets/built/screen.css\n\n1. Global Styles\n2. Layout\n3. Special Templates\n4. Site Header\n 4.1 Home header\n 4.2 Archive header\n5. Site Navigation\n6. Post Feed\n7. Single Post\n 7.1. Post Byline\n 7.2. Members Subscribe Form\n 7.4. Related Posts\n 7.5. Koenig Styles\n8. Author Template\n9. Error Template\n11. Site Footer\n12. Dark Mode\n\n*/\n\n/* 1. Global - Set up the things\n/* ---------------------------------------------------------- */\n\n/* Import CSS reset and base styles */\n@import \"global.css\";\n\n:root {\n\n /* Colours */\n --color-green: #a4d037;\n --color-yellow: #fecd35;\n --color-red: #f05230;\n --color-darkgrey: #15171A;\n --color-midgrey: #738a94;\n --color-lightgrey: #c5d2d9;\n --color-wash: #e5eff5;\n --color-darkmode: #151719;\n\n /*\n An accent color is also set by Ghost itself in\n Ghost Admin > Settings > Brand\n\n --ghost-accent-color: {value};\n\n You can use this variable throughout your styles\n */\n\n /* Fonts */\n --font-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n --font-serif: Georgia, Times, serif;\n --font-mono: Menlo, Courier, monospace;\n\n}\n\n\n/* 2. Layout - Page building blocks\n/* ---------------------------------------------------------- */\n\n.viewport {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n\n.site-content {\n flex-grow: 1;\n}\n\n/* Full width page blocks */\n.outer {\n position: relative;\n padding: 0 4vmin;\n}\n\n/* Centered content container blocks */\n.inner {\n margin: 0 auto;\n max-width: 1200px;\n width: 100%;\n}\n\n\n/* 4. Site Header\n/* ---------------------------------------------------------- */\n\n.site-header {\n position: relative;\n color: #fff;\n background: var(--ghost-accent-color);\n}\n\n.site-header-cover {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.site-header-content {\n position: relative;\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 6vw 3vw;\n min-height: 200px;\n max-height: 340px;\n text-align: center;\n}\n\n.site-title {\n z-index: 10;\n margin: 0 0 0.15em;\n padding: 0;\n}\n\n.site-logo {\n max-height: 55px;\n}\n\n.site-header-content p {\n z-index: 10;\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.2em;\n opacity: 0.8;\n}\n\n@media (max-width: 600px) {\n .site-header-content p {\n max-width: 80vmin;\n font-size: 1.8rem;\n }\n}\n\n/* 4.1 Home header\n/* ---------------------------------------------------------- */\n\n.site-home-header {\n position: relative;\n z-index: 1000;\n overflow: hidden;\n}\n\n.site-header-content {\n padding: 18vmin 4vmin;\n font-size: 2.5rem;\n font-weight: 400;\n color: #fff;\n background: var(--ghost-accent-color);\n}\n\n.site-header-content.large {\n padding-top: 28vmin;\n padding-bottom: 28vmin;\n}\n\n\n/* 5. Site Navigation\n/* ---------------------------------------------------------- */\n\n.gh-head {\n padding: 1vmin 4vmin;\n font-size: 1.6rem;\n line-height: 1.3em;\n color: #fff;\n background: var(--ghost-accent-color);\n}\n\n.gh-head a {\n color: inherit;\n text-decoration: none;\n}\n\n.gh-head-inner {\n display: grid;\n grid-gap: 2.5vmin;\n grid-template-columns: auto auto 1fr;\n grid-auto-flow: row dense;\n}\n\n\n/* Brand\n/* ---------------------------------------------------------- */\n\n.gh-head-brand {\n display: flex;\n align-items: center;\n height: 40px;\n max-width: 200px;\n text-align: center;\n word-break: break-all;\n}\n\n.gh-head-logo {\n display: block;\n padding: 10px 0;\n font-weight: 700;\n font-size: 2rem;\n line-height: 1.2em;\n letter-spacing: -0.02em;\n}\n\n.gh-head-logo img {\n max-height: 26px;\n}\n\n\n/* Primary Navigation\n/* ---------------------------------------------------------- */\n\n.gh-head-menu {\n display: flex;\n align-items: center;\n font-weight: 500;\n}\n\n.gh-head-menu .nav {\n display: inline-flex;\n flex-wrap: wrap;\n align-items: center;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.gh-head-menu .nav li {\n margin: 0 2.5vmin 0 0;\n padding: 0;\n}\n\n.gh-head-menu .nav a {\n display: inline-block;\n padding: 5px 0;\n opacity: 0.8\n}\n\n.gh-head-menu .nav a:hover {\n opacity: 1;\n}\n\n\n/* Secondary Navigation\n/* ---------------------------------------------------------- */\n\n.gh-head-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n list-style: none;\n text-align: right;\n}\n\n.gh-head-actions-list {\n display: inline-flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n}\n\n.gh-head-actions-list a:not([class]) {\n display: inline-block;\n margin: 0 0 0 1.5vmin;\n padding: 5px 0;\n}\n\n.gh-social {\n margin: 0 1.5vmin 0 0;\n}\n\n.gh-social a {\n opacity: 0.8\n}\n\n.gh-social a + a {\n margin-left: 0.8rem;\n}\n\n.gh-social a:hover {\n opacity: 1;\n}\n\n.gh-social svg {\n height: 22px;\n width: 22px;\n fill: #fff;\n}\n\n.gh-social-facebook svg {\n height: 20px;\n width: 20px;\n}\n\na.gh-head-button {\n display: block;\n padding: 8px 15px;\n color: var(--button-text-color, var(--color-darkgrey));\n font-weight: 500;\n letter-spacing: -0.015em;\n font-size: 1.5rem;\n line-height: 1em;\n background: var(--button-bg-color, #fff);\n border-radius: 30px;\n}\n\n\n/* Mobile Menu Trigger\n/* ---------------------------------------------------------- */\n\n.gh-burger {\n position: relative;\n display: none;\n cursor: pointer;\n}\n\n.gh-burger-box {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 33px;\n height: 33px;\n}\n\n.gh-burger-inner {\n width: 100%;\n height: 100%;\n}\n\n.gh-burger-box::before {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n content: '';\n width: 100%;\n height: 1px;\n background: currentcolor;\n transition: transform 300ms cubic-bezier(.2,.6,.3,1), width 300ms cubic-bezier(.2,.6,.3,1);\n will-change: transform, width;\n}\n\n.gh-burger-inner::before,\n.gh-burger-inner::after {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n content: '';\n width: 100%;\n height: 1px;\n background: currentcolor;\n transition: transform 250ms cubic-bezier(.2,.7,.3,1), width 250ms cubic-bezier(.2,.7,.3,1);\n will-change: transform, width;\n}\n\n.gh-burger-inner::before {\n transform: translatey(-6px);\n}\n.gh-burger-inner::after {\n transform: translatey(6px);\n}\n\nbody:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::before {\n transform: translatey(-8px);\n}\nbody:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {\n transform: translatey(8px);\n}\n\n.gh-head-open .gh-burger-box::before {\n width: 0;\n transform: translatex(19px);\n transition: transform 200ms cubic-bezier(.2,.7,.3,1), width 200ms cubic-bezier(.2,.7,.3,1);\n}\n\n.gh-head-open .gh-burger-inner::before {\n width: 26px;\n transform: translatex(6px) rotate(135deg);\n}\n\n.gh-head-open .gh-burger-inner::after {\n width: 26px;\n transform: translatex(6px) rotate(-135deg);\n}\n\n\n/* Mobile Menu\n/* ---------------------------------------------------------- */\n/* IDs needed to ensure sufficient specificity */\n\n@media (max-width: 900px) {\n .gh-burger {\n display: inline-block;\n }\n #gh-head {\n transition: all 0.4s ease-out;\n overflow: hidden;\n }\n #gh-head .gh-head-inner {\n height: 100%;\n grid-template-columns: 1fr;\n }\n #gh-head .gh-head-brand {\n position: relative;\n z-index: 10;\n grid-column-start: auto;\n max-width: none;\n display: flex;\n align-items: center;\n justify-content: space-between;\n user-select: none;\n }\n .home-template #gh-head.has-cover .gh-head-brand {\n justify-content: flex-end;\n }\n #gh-head .gh-head-menu {\n align-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n margin: 0 0 10vh 0;\n font-weight: 300;\n font-size: 3.6rem;\n line-height: 1.1em;\n }\n #gh-head .gh-head-menu .nav li {\n margin: 5px 0;\n }\n #gh-head .gh-head-menu .nav a {\n padding: 8px 0;\n }\n #gh-head .gh-head-menu .nav {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n #gh-head .gh-head-actions {\n padding: 20px 0;\n justify-content: center;\n text-align: left;\n }\n #gh-head .gh-head-actions a {\n margin: 0 10px;\n }\n /* Hide collapsed content */\n #gh-head .gh-head-actions,\n #gh-head .gh-head-menu {\n display: none;\n }\n /* Open the menu */\n .gh-head-open {\n overflow: hidden;\n height: 100vh;\n }\n .gh-head-open #gh-head {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3999999;\n overflow-y: scroll;\n }\n .gh-head-open #gh-head .gh-head-inner {\n grid-template-rows: auto 1fr auto;\n }\n .gh-head-open #gh-head .gh-head-actions,\n .gh-head-open #gh-head .gh-head-menu {\n display: flex;\n }\n}\n\n@media (max-width: 600px) {\n #gh-head .gh-head-menu {\n font-size: 6vmin;\n }\n}\n\n.home-template .gh-head.has-cover {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 2000;\n}\n\n.home-template .gh-head.has-cover {\n background: transparent;\n}\n\n.home-template.gh-head-open .gh-head {\n background: var(--ghost-accent-color);\n}\n\n.home-template .gh-head.has-cover .gh-head-logo {\n display: none;\n}\n.home-template .gh-head.has-cover .gh-head-menu {\n margin-left: -2.5vmin;\n}\n\n\n/* 6. Post Feed\n/* ---------------------------------------------------------- */\n\n.post-feed {\n position: relative;\n display: grid;\n grid-gap: 4vmin;\n grid-template-columns: 1fr 1fr 1fr;\n padding: 4vmin 0;\n}\n\n.post-feed.list {\n row-gap: 6vmin;\n max-width: 940px;\n margin: 2vmin auto 0;\n}\n\n@media (max-width: 1000px) {\n .post-feed {\n grid-template-columns: 1fr 1fr;\n }\n}\n@media (max-width: 700px) {\n .post-feed {\n grid-template-columns: 1fr;\n grid-gap: 40px;\n }\n}\n\n.post-card {\n position: relative;\n flex: 1 1 301px;\n display: flex;\n flex-direction: column;\n min-height: 220px;\n background-size: cover;\n word-break: break-word;\n}\n\n@media (max-width: 700px) {\n .post-card {\n min-height: auto;\n }\n}\n\n.post-card-image-link {\n position: relative;\n display: block;\n overflow: hidden;\n border-radius: 3px;\n}\n\n.post-card-image {\n width: 100%;\n height: 200px;\n background: var(--color-lightgrey) no-repeat center center;\n\n object-fit: cover;\n}\n\n.post-card-content-link {\n position: relative;\n display: block;\n color: var(--color-darkgrey);\n}\n\n.post-card-content-link:hover {\n text-decoration: none;\n}\n\n.post-card-header {\n margin: 20px 0 0;\n}\n\n.post-feed .no-image .post-card-content-link {\n padding: 0;\n}\n\n.no-image .post-card-header {\n margin-top: 0;\n}\n\n.post-card-primary-tag {\n margin: 0 0 0.2em;\n color: var(--ghost-accent-color);\n font-size: 1.2rem;\n font-weight: 500;\n letter-spacing: 0.2px;\n text-transform: uppercase;\n}\n\n.post-card-title {\n margin: 0 0 0.4em;\n font-size: 2.4rem;\n transition: color 0.2s ease-in-out;\n}\n\n.no-image .post-card-title {\n margin-top: 0;\n}\n\n.has-serif-title .post-card-title {\n font-family: var(--font-serif);\n}\n\n.post-card-content {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n}\n\n.post-card-excerpt {\n max-width: 56em;\n color: color-mod(var(--color-midgrey) l(-8%));\n font-family: var(--font-serif);\n}\n\n.has-sans-body .post-card-excerpt {\n font-family: var(--font-sans-serif);\n}\n\n.post-card-excerpt p {\n margin-bottom: 1em;\n display: -webkit-box;\n overflow-y: hidden;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n word-break: break-word;\n}\n\n.post-card-meta {\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.author-profile-image,\n.avatar-wrapper {\n display: block;\n width: 100%;\n height: 100%;\n background: color-mod(var(--color-lightgrey) l(+10%));\n border-radius: 100%;\n\n object-fit: cover;\n}\n\n.post-card-meta .profile-image-wrapper,\n.post-card-meta .avatar-wrapper {\n position: relative;\n}\n\n.author-list {\n display: flex;\n flex-wrap: wrap;\n margin: 0 0 0 4px;\n padding: 0;\n list-style: none;\n}\n\n.author-list-item {\n position: relative;\n flex-shrink: 0;\n margin: 0;\n padding: 0;\n}\n\n.static-avatar {\n display: block;\n overflow: hidden;\n margin: 0 0 0 -6px;\n width: 36px;\n height: 36px;\n border-radius: 100%;\n box-shadow: 0 0 0 1px rgba(255,255,255,0.2);\n}\n\n.post-card-byline-content {\n flex: 1 1 50%;\n display: flex;\n flex-direction: column;\n margin: 0 0 0 8px;\n color: color-mod(var(--color-midgrey) l(+10%));\n font-size: 1.4rem;\n line-height: 1.2em;\n font-weight: 400;\n}\n\n.post-card-byline-content span {\n margin: 0;\n}\n\n.post-card-byline-content a {\n color: color-mod(var(--color-darkgrey) l(+15%));\n font-weight: 600;\n}\n\n.post-card-byline-date {\n font-size: 1.3rem;\n line-height: 1.5em;\n}\n\n.post-card-byline-date .bull {\n display: inline-block;\n margin: 0 2px;\n opacity: 0.6;\n}\n\n.single-author-byline {\n display: flex;\n flex-direction: column;\n margin-left: 5px;\n color: color-mod(var(--color-midgrey) l(-10%));\n font-size: 1.3rem;\n line-height: 1.4em;\n font-weight: 500;\n}\n\n.single-author {\n display: flex;\n align-items: center;\n}\n\n.single-author .static-avatar {\n margin-left: -2px;\n}\n\n.single-author-name {\n display: inline-block;\n}\n\n/* Special Styling for home page grid (below):\n\nThe first post in the list is styled to be bigger than the others and take over\nthe full width of the grid to give it more emphasis. Wrapped in a media query to\nmake sure this only happens on large viewports / desktop-ish devices.\n\n */\n\n@media (min-width: 701px) {\n .post-feed.list .post-card-large {\n grid-column: 1 / span 3;\n display: grid;\n grid-gap: 4vmin;\n grid-template-columns: 3fr 5fr;\n min-height: auto;\n border-top: 0;\n }\n\n .post-feed.list .post-card-large.no-image {\n grid-template-columns: 1fr;\n }\n\n .post-feed.list .post-card-large:not(.no-image) .post-card-header {\n margin-top: 0;\n }\n\n .post-feed.list .post-card-large .post-card-content {\n justify-content: flex-start;\n margin-top: -6px;\n }\n}\n\n@media (min-width: 1001px) {\n .post-card-large {\n grid-column: 1 / span 3;\n display: grid;\n grid-gap: 4vmin;\n grid-template-columns: 1fr 1fr 1fr;\n min-height: 280px;\n border-top: 0;\n }\n\n .post-card-large:not(.no-image) .post-card-header {\n margin-top: 0;\n }\n\n .post-card-large .post-card-image-link {\n position: relative;\n grid-column: 1 / span 2;\n margin-bottom: 0;\n min-height: 380px;\n }\n\n .post-feed.list .post-card-large .post-card-image-link {\n grid-column: 1 / span 1;\n height: max-content;\n min-height: auto;\n }\n\n .post-feed.list .post-card-large .post-card-image-link::after {\n content: \"\";\n display: block;\n padding-bottom: 60%;\n }\n\n .post-card-large .post-card-image {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n .post-card-large .post-card-content {\n justify-content: center;\n }\n\n .post-card-large .post-card-title {\n margin-top: 0;\n font-size: 3.2rem;\n }\n\n .post-feed.list .post-card-large .post-card-title {\n font-size: 2.4rem;\n }\n\n .post-card-large .post-card-excerpt p {\n font-size: 1.7rem;\n line-height: 1.55em;\n -webkit-line-clamp: 8;\n }\n}\n\n\n@media (max-width: 500px) {\n .post-card-title {\n font-size: 1.9rem;\n }\n\n .post-card-excerpt {\n font-size: 1.6rem;\n }\n}\n\n\n/* 7. Single Post\n/* ---------------------------------------------------------- */\n\n.article {\n padding: 8vmin 0;\n word-break: break-word;\n}\n\n.article-header {\n padding: 0 0 6vmin 0;\n}\n\n.article-tag {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n margin: 0 0 0.5rem;\n color: var(--color-midgrey);\n font-size: 1.3rem;\n line-height: 1.4em;\n letter-spacing: 0.02em;\n font-weight: 600;\n text-transform: uppercase;\n}\n\n.article-tag a {\n color: var(--ghost-accent-color);\n}\n\n.article-title {\n color: color-mod(var(--color-darkgrey) l(-5%));\n}\n\n.has-serif-title .article-title {\n font-family: var(--font-serif);\n}\n\n.article-excerpt {\n margin: 0 0 1rem;\n font-size: 2rem;\n line-height: 1.4em;\n opacity: 0.6;\n}\n\n.gh-canvas .article-image {\n grid-column: wide-start / wide-end;\n width: 100%;\n margin: 6vmin 0 0;\n}\n\n.image-full .article-image {\n grid-column: full-start / full-end;\n}\n\n.image-small .article-image {\n grid-column: main-start / main-end;\n}\n\n.gh-canvas .article-image img {\n display: block;\n margin-left: auto;\n margin-right: auto;\n width: 100%;\n}\n\n@media (max-width: 600px) {\n .article-excerpt {\n font-size: 1.8rem;\n }\n}\n\n/* -------- */\n\n/* Content grid\n/* ---------------------------------------------------------- */\n\n/* Canvas creates a multi-column, centered grid which the post\nis laid out on top of. Canvas just defines the grid, we don't\nuse it for applying any other styles. */\n\n.gh-canvas {\n display: grid;\n grid-template-columns:\n [full-start]\n minmax(4vmin, auto)\n [wide-start]\n minmax(auto, 240px)\n [main-start]\n min(720px, calc(100% - 8vw))\n [main-end]\n minmax(auto, 240px)\n [wide-end]\n minmax(4vmin, auto)\n [full-end]\n ;\n}\n\n.gh-canvas > * {\n grid-column: main-start / main-end;\n}\n\n.kg-width-wide {\n grid-column: wide-start / wide-end;\n}\n\n.kg-width-full {\n grid-column: full-start / full-end;\n}\n\n.kg-width-full img {\n width: 100%;\n}\n\n\n/* Content\n/* ---------------------------------------------------------- */\n\n/* Content refers to styling all page and post content that is\ncreated within the Ghost editor. The main content handles\nheadings, text, images and lists. We deal with cards lower down. */\n\n/* Default vertical spacing */\n.gh-content > * + * {\n margin-top: 4vmin;\n margin-bottom: 0;\n}\n\n/* [id] represents all headings h1-h6, reset all margins */\n.gh-content > [id] {\n margin: 0;\n color: var(--color-darkgrey);\n}\n\n.has-serif-title .gh-content > [id] {\n font-family: var(--font-serif);\n}\n\n/* Add back a top margin to all headings, unless a heading\nis the very first element in the post content */\n.gh-content > [id]:not(:first-child) {\n margin: 2em 0 0;\n}\n\n/* Add a small margin between a heading and anything after it */\n.gh-content > [id] + * {\n margin-top: 1.5rem !important;\n}\n\n/* A larger margin before/after HRs and blockquotes */\n.gh-content > hr,\n.gh-content > blockquote {\n position: relative;\n margin-top: 6vmin;\n}\n.gh-content > hr + *,\n.gh-content > blockquote + * {\n margin-top: 6vmin !important;\n}\n\n/* Now the content typography styles */\n.gh-content a {\n color: var(--ghost-accent-color);\n text-decoration: underline;\n word-break: break-word;\n}\n\n.gh-content > blockquote:not([class]),\n.gh-content > ol,\n.gh-content > ul,\n.gh-content > dl,\n.gh-content > p {\n font-family: var(--font-serif);\n font-weight: 400;\n font-size: 2.1rem;\n line-height: 1.6em;\n}\n\n.gh-content .kg-callout-card .kg-callout-text,\n.gh-content .kg-toggle-card .kg-toggle-content > ol,\n.gh-content .kg-toggle-card .kg-toggle-content > ul,\n.gh-content .kg-toggle-card .kg-toggle-content > p {\n font-family: var(--font-serif);\n font-weight: 400;\n font-size: 1.9rem;\n line-height: 1.6em;\n}\n\n.gh-content .kg-product-card .kg-product-card-description > p,\n.gh-content .kg-product-card .kg-product-card-description > ol,\n.gh-content .kg-product-card .kg-product-card-description > ul {\n font-size: 1.7rem;\n line-height: 1.6em;\n}\n\n.gh-content .kg-callout-card .kg-callout-emoji {\n font-size: 2.1rem;\n line-height: 1.4em;\n}\n\n.gh-content .kg-toggle-card .kg-toggle-heading-text {\n font-size: 2.0rem;\n}\n\n.has-sans-body .gh-content > blockquote,\n.has-sans-body .gh-content > ol,\n.has-sans-body .gh-content > ul,\n.has-sans-body .gh-content > dl,\n.has-sans-body .gh-content > p,\n.has-sans-body .gh-content .kg-callout-card .kg-callout-text,\n.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > ol,\n.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > ul,\n.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > p {\n font-family: var(--font-sans);\n}\n\n.gh-content > ul,\n.gh-content > ol,\n.gh-content > dl,\n.gh-content .kg-toggle-card .kg-toggle-content > ol,\n.gh-content .kg-toggle-card .kg-toggle-content > ul,\n.gh-content .kg-product-card .kg-product-card-description > ol,\n.gh-content .kg-product-card .kg-product-card-description > ul {\n padding-left: 1.9em;\n}\n\n.gh-content > blockquote:not([class]) {\n position: relative;\n font-style: italic;\n padding: 0;\n}\n\n.gh-content > blockquote:not([class])::before {\n content: \"\";\n position: absolute;\n left: -1.5em;\n top: 0;\n bottom: 0;\n width: 0.3rem;\n background: var(--ghost-accent-color);\n}\n\n.gh-content :not(pre) > code {\n vertical-align: middle;\n padding: 0.15em 0.4em 0.15em;\n border: #e1eaef 1px solid;\n font-weight: 400 !important;\n font-size: 0.9em;\n line-height: 1em;\n color: #15171A;\n background: #f0f6f9;\n border-radius: 0.25em;\n}\n\n.gh-content pre {\n overflow: auto;\n padding: 16px 20px;\n color: var(--color-wash);\n font-size: 1.4rem;\n line-height: 1.5em;\n background: var(--color-darkgrey);\n border-radius: 5px;\n box-shadow: 0 2px 6px -2px rgba(0,0,0,.1), 0 0 1px rgba(0,0,0,.4);\n}\n\n@media (max-width: 650px) {\n .gh-content > blockquote:not([class]),\n .gh-content > ol,\n .gh-content > ul,\n .gh-content > dl,\n .gh-content > p,\n .gh-content .kg-callout-card .kg-callout-text,\n .gh-content .kg-toggle-card .kg-toggle-content > ol,\n .gh-content .kg-toggle-card .kg-toggle-content > ul,\n .gh-content .kg-toggle-card .kg-toggle-content > p {\n font-size: 1.7rem;\n }\n\n .gh-content .kg-product-card .kg-product-card-description > p,\n .gh-content .kg-product-card .kg-product-card-description > ol,\n .gh-content .kg-product-card .kg-product-card-description > ul {\n font-size: 1.5rem;\n }\n\n .gh-content blockquote:not([class])::before {\n left: -4vmin;\n }\n}\n\n\n/* Cards\n/* ---------------------------------------------------------- */\n\n/* Cards are dynamic blocks of content which appear within Ghost\nposts, for example: embedded videos, tweets, galleries, or\nspecially styled bookmark links. We add extra styling here to\nmake sure they look good, and are given a bit of extra spacing. */\n\n/* Add extra margin before/after any cards,\nexcept for when immediately preceeded by a heading */\n.gh-content :not(.kg-card):not([id]) + .kg-card {\n margin-top: 6vmin;\n margin-bottom: 0;\n}\n.gh-content .kg-card + :not(.kg-card) {\n margin-top: 6vmin;\n margin-bottom: 0;\n}\n\n/* This keeps small embeds centered */\n.kg-embed-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n}\n\n/* This keeps small iamges centered */\n.kg-image-card img {\n margin: auto;\n}\n\n.has-serif-title .kg-toggle-card .kg-toggle-heading-text {\n font-family: var(--font-serif);\n}\n\n.gh-content .kg-callout-card-accent a {\n text-decoration: underline;\n}\n\n.kg-blockquote-alt {\n font-family: var(--font-serif);\n color: var(--color-midgrey);\n}\n\n.has-sans-body .kg-blockquote-alt {\n font-family: var(--font-sans);\n}\n\n.kg-card.kg-header-card.kg-style-dark {\n background: var(--color-darkgrey);\n}\n\n.kg-header-card.kg-style-light h2.kg-header-card-header {\n color: color-mod(var(--color-darkgrey) l(-5%));\n}\n\n.has-serif-title .kg-header-card h2.kg-header-card-header {\n font-family: var(--font-serif);\n}\n\n\n/* Captions */\nfigcaption {\n padding: 1.5rem 1.5rem 0;\n text-align: center;\n color: rgba(0,0,0,0.5);\n font-weight: 600;\n font-size: 1.3rem;\n line-height: 1.4em;\n}\nfigcaption strong {\n color: rgba(0,0,0,0.8);\n}\nfigcaption a {\n color: var(--ghost-accent-color);\n}\n\n\n/* Highly specific styles for traditional Instagram embeds */\niframe.instagram-media {\n margin-top: 6vmin !important;\n margin-left: auto !important;\n margin-right: auto !important;\n margin-bottom: 0 !important;\n}\n\niframe.instagram-media + script + :not([id]) {\n margin-top: 6vmin;\n}\n\n\n/* Card captions\n/* ---------------------------------------------------------- */\n\n.kg-width-full.kg-card-hascaption {\n display: grid;\n grid-template-columns: inherit;\n}\n\n.kg-width-wide.kg-card-hascaption img {\n grid-column: wide-start / wide-end;\n}\n.kg-width-full.kg-card-hascaption img {\n grid-column: 1 / -1;\n}\n\n.kg-width-full.kg-card-hascaption figcaption {\n grid-column: main-start / main-end;\n}\n\n.article-comments {\n margin: 6vmin 0 0 0;\n}\n\n/* -----old------ */\n\n.footnotes-sep {\n margin-bottom: 30px;\n}\n\n.footnotes {\n font-size: 1.5rem;\n}\n\n.footnotes p {\n margin: 0;\n}\n\n.footnote-backref {\n font-size: 1.2rem;\n font-weight: bold;\n text-decoration: none !important;\n box-shadow: none !important;\n}\n\n/* Tables */\n.post-full-content table {\n display: inline-block;\n overflow-x: auto;\n margin: 0.5em 0 2.5em;\n max-width: 100%;\n width: auto;\n border-spacing: 0;\n border-collapse: collapse;\n font-family: var(--font-sans-serif);\n font-size: 1.6rem;\n white-space: nowrap;\n vertical-align: top;\n}\n\n.post-full-content table {\n -webkit-overflow-scrolling: touch;\n background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;\n background-attachment: scroll, scroll;\n background-size: 10px 100%, 10px 100%;\n background-repeat: no-repeat;\n}\n\n.post-full-content table td:first-child {\n background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);\n background-size: 20px 100%;\n background-repeat: no-repeat;\n}\n\n.post-full-content table td:last-child {\n background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);\n background-position: 100% 0;\n background-size: 20px 100%;\n background-repeat: no-repeat;\n}\n\n.post-full-content table th {\n color: var(--color-darkgrey);\n font-size: 1.2rem;\n font-weight: 700;\n letter-spacing: 0.2px;\n text-align: left;\n text-transform: uppercase;\n background-color: color-mod(var(--color-wash) l(+4%));\n}\n\n.post-full-content table th,\n.post-full-content table td {\n padding: 6px 12px;\n border: color-mod(var(--color-wash) l(-1%) s(-5%)) 1px solid;\n}\n\n\n/* 7.1. Post Byline\n/* ---------------------------------------------------------- */\n\n.article-byline {\n display: flex;\n justify-content: space-between;\n margin: 20px 0 0;\n}\n\n.article-byline-content {\n flex-grow: 1;\n display: flex;\n align-items: center;\n}\n\n.article-byline-content .author-list {\n justify-content: flex-start;\n padding: 0 12px 0 0;\n}\n\n.article-byline-meta {\n color: color-mod(var(--color-midgrey));\n font-size: 1.4rem;\n line-height: 1.2em;\n}\n\n.article-byline-meta h4 {\n margin: 0 0 3px;\n font-size: 1.6rem;\n}\n\n.article-byline-meta .bull {\n display: inline-block;\n margin: 0 2px;\n opacity: 0.6;\n}\n\n.author-avatar {\n display: block;\n overflow: hidden;\n margin: 0 -4px;\n width: 50px;\n height: 50px;\n border: #fff 2px solid;\n border-radius: 100%;\n transition: all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 700ms;\n}\n\n.basic-info .avatar-wrapper {\n position: relative;\n margin: 0;\n width: 60px;\n height: 60px;\n border: none;\n background: rgba(229, 239, 245, 0.1);\n}\n\n.basic-info .avatar-wrapper svg {\n margin: 0;\n width: 60px;\n height: 60px;\n opacity: 0.15;\n}\n\n.page-template .article-title {\n margin-bottom: 0;\n}\n\n\n/* 7.3. Subscribe\n/* ---------------------------------------------------------- */\n\n.footer-cta {\n position: relative;\n margin-bottom: -40px;\n padding: 9vmin 4vmin 10vmin;\n color: #fff;\n text-align: center;\n background: var(--color-darkgrey);\n}\n\n.footer-cta.cta-alt {\n padding: 2vmin 4vmin 12vmin;\n background: transparent;\n}\n\n/* Increases the default h2 size by 15%, for small and large screens */\n.footer-cta h2 {\n margin: 0 0 30px;\n font-size: 3.2rem;\n}\n\n.footer-cta.cta-alt h2 {\n color: var(--color-darkgrey);\n}\n\n@media (max-width: 600px) {\n .footer-cta h2 {\n font-size: 2.65rem;\n }\n}\n\n.footer-cta-button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n max-width: 500px;\n padding: 5px 5px 5px 15px;\n font-size: 1.8rem;\n color: var(--color-midgrey);\n background: #fff;\n border-radius: 8px;\n}\n\n.footer-cta.cta-alt .footer-cta-button {\n border: 1px solid var(--color-lightgrey);\n}\n\n.footer-cta-button span {\n display: inline-block;\n padding: 10px 15px;\n color: #fff;\n font-weight: 500;\n background: var(--ghost-accent-color);\n border-radius: 5px;\n}\n\n\n/* 7.4. Read more\n/* ---------------------------------------------------------- */\n\n.read-more-wrap {\n width: 100%;\n padding: 4vmin;\n margin: 40px auto -40px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n background: color-mod(var(--color-darkgrey) l(-5%));\n}\n\n.read-more {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n grid-gap: 4vmin;\n}\n\n.read-more .post-card-title {\n color: #fff;\n opacity: 0.8;\n}\n\n.read-more .post-card-excerpt {\n color: rgba(255, 255, 255, 0.6);\n}\n\n.read-more .post-card-byline-content a {\n color: #fff;\n}\n\n\n@media (max-width: 1000px) {\n .read-more {\n grid-template-columns: 1fr 1fr;\n }\n .read-more article:nth-child(3) {\n display: none;\n }\n}\n\n@media (max-width: 700px) {\n .read-more {\n grid-template-columns: 1fr;\n }\n .read-more article:nth-child(2) {\n display: none;\n }\n}\n\n\n/* 8. Author Template\n/* ---------------------------------------------------------- */\n\n.author-template .posts {\n position: relative;\n height: 100%;\n display: grid;\n grid-template-columns: 200px 1fr 1fr;\n grid-gap: 4vmin;\n}\n\n.author-template .posts .post-feed {\n grid-column: 2 / 4;\n grid-template-columns: 1fr 1fr;\n}\n\n.author-profile {\n padding: 4vmin 0;\n}\n\n.author-profile-content {\n height: auto;\n position: sticky;\n top: 4vmin;\n font-size: 1.4rem;\n line-height: 1.4em;\n}\n\n.author-profile-pic {\n display: block;\n width: 150px;\n height: 150px;\n object-fit: cover;\n margin: 0 0 2rem;\n background: color-mod(var(--color-lightgrey) l(+10%));\n border-radius: 50%;\n}\n\n.author-profile h1 {\n margin: 0 0 0.3em;\n font-size: 2rem;\n}\n\n.author-profile p {\n margin: 0 0 1.5em;\n color: color-mod(var(--color-midgrey) l(-8%));\n}\n\n.author-profile-location {\n margin: 0 0 1.5em;\n font-weight: 700;\n}\n\n.author-profile-social-link {\n display: block;\n padding: 0 0 5px;\n font-size: 1.3rem;\n color: color-mod(var(--color-midgrey) l(-8%));\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n white-space: nowrap;\n}\n\n.author-profile-social-link:hover {\n color: var(--color-darkgrey);\n}\n\n@media (max-width: 900px) {\n .author-template .posts .post-feed {\n grid-template-columns: 1fr;\n }\n}\n\n@media (max-width: 650px) {\n .author-template .posts {\n grid-template-columns: 1fr;\n grid-gap: 0;\n }\n .author-template .posts .post-feed {\n grid-column: 1 / auto;\n }\n .author-profile {\n padding-right: 0;\n }\n .author-profile-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n}\n\n\n/* 8. Tag Template\n/* ---------------------------------------------------------- */\n\n.tag-template .post-card-large .post-card-image-link {\n grid-column: 2 / span 2;\n order: 2;\n}\n\n.tag-template .post-card-large .post-card-content {\n order: 1;\n}\n\n\n/* 9. Error Template\n/* ---------------------------------------------------------- */\n\n.error-content {\n padding: 14vw 4vw 6vw;\n}\n\n.error-message {\n padding-bottom: 10vw;\n text-align: center;\n}\n\n.error-code {\n margin: 0;\n color: var(--ghost-accent-color);\n font-size: 12vw;\n line-height: 1em;\n letter-spacing: -5px;\n}\n\n.error-description {\n margin: 0;\n color: var(--color-midgrey);\n font-size: 3.2rem;\n line-height: 1.3em;\n font-weight: 400;\n}\n\n.error-link {\n display: inline-block;\n margin-top: 5px;\n}\n\n@media (min-width: 940px) {\n .error-content .post-card {\n margin-bottom: 0;\n padding-bottom: 0;\n border-bottom: none;\n }\n}\n\n@media (max-width: 800px) {\n .error-content {\n padding-top: 24vw;\n }\n .error-code {\n font-size: 11.2rem;\n }\n .error-message {\n padding-bottom: 16vw;\n }\n .error-description {\n margin: 5px 0 0 0;\n font-size: 1.8rem;\n }\n}\n\n@media (max-width: 500px) {\n .error-content {\n padding-top: 28vw;\n }\n .error-message {\n padding-bottom: 14vw;\n }\n}\n\n\n/* 11. Site Footer\n/* ---------------------------------------------------------- */\n\n.site-footer {\n position: relative;\n margin: 40px 0 0 0;\n padding: 40px 4vmin 140px;\n color: #fff;\n background: color-mod(var(--color-darkgrey) l(-5%));\n}\n\n.site-footer .inner {\n display: grid;\n grid-gap: 40px;\n grid-template-columns: auto 1fr auto;\n color: rgba(255,255,255,0.7);\n font-size: 1.3rem;\n}\n\n.site-footer .copyright a {\n color: #fff;\n letter-spacing: -0.015em;\n font-weight: 500;\n}\n\n.site-footer a {\n color: rgba(255,255,255,0.7);\n}\n\n.site-footer a:hover {\n color: rgba(255,255,255,1);\n text-decoration: none;\n}\n\n.site-footer-nav ul {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n margin: 0 0 20px;\n padding: 0;\n list-style: none;\n}\n\n.site-footer-nav li {\n display: inline-flex;\n align-items: center;\n padding: 0;\n margin: 0;\n line-height: 2em;\n}\n\n.site-footer-nav a {\n position: relative;\n display: inline-flex;\n align-items: center;\n margin-left: 10px;\n}\n\n.site-footer-nav li:not(:first-child) a:before {\n content: \"\";\n display: block;\n width: 2px;\n height: 2px;\n margin: 0 10px 0 0;\n background: #fff;\n border-radius: 100%;\n}\n\n@media (max-width: 800px) {\n .site-footer .inner {\n max-width: 500px;\n grid-template-columns: 1fr;\n grid-gap: 0;\n text-align: center;\n }\n .site-footer .copyright,\n .site-footer .copyright a {\n color: #fff;\n font-size: 1.5rem;\n }\n}\n\n\n/* 12. Dark Mode\n/* ---------------------------------------------------------- */\n\n/* If you prefer a dark color scheme, you can enable dark mode\nby adding the following code to the Head section of \"Code Injection\"\nsettings inside: Ghost Admin > Settings > Advanced\n\n\n\nOr you can just edit default.hbs and add the .dark-mode class directly\nto the html tag on the very first line of the file.\n\n */\n\nhtml.dark-mode body {\n color: rgba(255, 255, 255, 0.75);\n background: var(--color-darkmode);\n}\n\nhtml.dark-mode img {\n opacity: 0.9;\n}\n\nhtml.dark-mode kbd {\n background: color-mod(var(--color-darkmode) l(+5%));\n}\n\nhtml.dark-mode .post-card,\nhtml.dark-mode .post-card:hover {\n border-bottom-color: color-mod(var(--color-darkmode) l(+8%));\n}\n\nhtml.dark-mode .post-card-byline-content a {\n color: rgba(255, 255, 255, 0.75);\n}\n\nhtml.dark-mode .post-card-byline-content a:hover {\n color: #fff;\n}\n\nhtml.dark-mode .post-card-image {\n background: var(--color-darkmode);\n}\n\nhtml.dark-mode .post-card-title {\n color: rgba(255, 255, 255, 0.85);\n}\n\nhtml.dark-mode .post-card-excerpt {\n color: color-mod(var(--color-midgrey) l(+10%));\n}\n\nhtml.dark-mode .post-full-content {\n background: var(--color-darkmode);\n}\n\nhtml.dark-mode .article-title {\n color: rgba(255, 255, 255, 0.9);\n}\n\nhtml.dark-mode .article-excerpt {\n color: color-mod(var(--color-midgrey) l(+10%));\n}\n\nhtml.dark-mode .post-full-image {\n background-color: color-mod(var(--color-darkmode) l(+8%));\n}\n\nhtml.dark-mode .article-byline {\n border-top-color: color-mod(var(--color-darkmode) l(+15%));\n}\n\nhtml.dark-mode .article-byline-meta h4 a {\n color: rgba(255, 255, 255, 0.75);\n}\n\nhtml.dark-mode .article-byline-meta h4 a:hover {\n color: #fff;\n}\n\nhtml.dark-mode .no-image .author-social-link a {\n color: rgba(255, 255, 255, 0.75);\n}\n\nhtml.dark-mode .gh-content > [id] {\n color: rgba(255, 255, 255, 0.9);\n}\n\nhtml.dark-mode .gh-content pre {\n background: color-mod(var(--color-darkgrey) l(-8%));\n}\n\nhtml.dark-mode .gh-content :not(pre) > code {\n background: color-mod(var(--color-darkgrey) l(+6%));\n border-color: color-mod(var(--color-darkmode) l(+8%));\n color: var(--color-wash);\n}\n\nhtml.dark-mode .gh-content a:not(.kg-btn):not(.kg-nft-card-container):not(.kg-product-card-button):not(.kg-header-card-button) {\n color: #fff;\n}\n\nhtml.dark-mode .gh-content strong {\n color: #fff;\n}\n\nhtml.dark-mode .gh-content em {\n color: #fff;\n}\n\nhtml.dark-mode .gh-content code {\n color: #fff;\n background: #000;\n}\n\nhtml.dark-mode hr {\n border-top-color: color-mod(var(--color-darkmode) l(+8%));\n}\n\nhtml.dark-mode .gh-content hr:after {\n background: color-mod(var(--color-darkmode) l(+8%));\n box-shadow: var(--color-darkmode) 0 0 0 5px;\n}\n\nhtml.dark-mode figcaption {\n color: rgba(255, 255, 255, 0.6);\n}\n\nhtml.dark-mode .gh-content table td:first-child {\n background-image: linear-gradient(to right, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);\n}\n\nhtml.dark-mode .gh-content table td:last-child {\n background-image: linear-gradient(to left, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);\n}\n\nhtml.dark-mode .gh-content table th {\n color: rgba(255, 255, 255, 0.85);\n background-color: color-mod(var(--color-darkmode) l(+8%));\n}\n\nhtml.dark-mode .gh-content table th,\nhtml.dark-mode .gh-content table td {\n border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;\n}\n\nhtml.dark-mode .gh-content input {\n color: color-mod(var(--color-midgrey) l(-30%));\n}\n\nhtml.dark-mode .site-archive-header .no-image {\n color: rgba(255, 255, 255, 0.9);\n background: var(--color-darkmode);\n}\n\nhtml.dark-mode .kg-header-card.kg-style-dark {\n background: color-mod(var(--color-darkgrey) l(-5%));\n}\n\nhtml.dark-mode .kg-header-card.kg-style-light {\n background: color-mod(var(--color-darkgrey) l(+5%));\n}\n\nhtml.dark-mode .kg-header-card h2.kg-header-card-header,\nhtml.dark-mode .kg-header-card h3.kg-header-card-subheader {\n color: #fff;\n}\n\n@media (prefers-color-scheme: dark) {\n html.auto-color body {\n color: rgba(255, 255, 255, 0.75);\n background: var(--color-darkmode);\n }\n\n html.auto-color img {\n opacity: 0.9;\n }\n\n html.auto-color kbd {\n background: color-mod(var(--color-darkmode) l(+5%));\n }\n\n html.auto-color .post-card,\n html.auto-color .post-card:hover {\n border-bottom-color: color-mod(var(--color-darkmode) l(+8%));\n }\n\n html.auto-color .post-card-byline-content a {\n color: rgba(255, 255, 255, 0.75);\n }\n\n html.auto-color .post-card-byline-content a:hover {\n color: #fff;\n }\n\n html.auto-color .post-card-image {\n background: var(--color-darkmode);\n }\n\n html.auto-color .post-card-title {\n color: rgba(255, 255, 255, 0.85);\n }\n\n html.auto-color .post-card-excerpt {\n color: color-mod(var(--color-midgrey) l(+10%));\n }\n\n html.auto-color .post-full-content {\n background: var(--color-darkmode);\n }\n\n html.auto-color .article-title {\n color: rgba(255, 255, 255, 0.9);\n }\n\n html.auto-color .article-excerpt {\n color: color-mod(var(--color-midgrey) l(+10%));\n }\n\n html.auto-color .post-full-image {\n background-color: color-mod(var(--color-darkmode) l(+8%));\n }\n\n html.auto-color .article-byline {\n border-top-color: color-mod(var(--color-darkmode) l(+15%));\n }\n\n html.auto-color .article-byline-meta h4 a {\n color: rgba(255, 255, 255, 0.75);\n }\n\n html.auto-color .article-byline-meta h4 a:hover {\n color: #fff;\n }\n\n html.auto-color .no-image .author-social-link a {\n color: rgba(255, 255, 255, 0.75);\n }\n\n html.auto-color .gh-content > [id] {\n color: rgba(255, 255, 255, 0.9);\n }\n\n html.auto-color .gh-content pre {\n background: color-mod(var(--color-darkgrey) l(-8%));\n }\n\n html.auto-color .gh-content :not(pre) > code {\n background: color-mod(var(--color-darkgrey) l(+6%));\n border-color: color-mod(var(--color-darkmode) l(+8%));\n color: var(--color-wash);\n }\n\n html.auto-color .gh-content a:not(.kg-btn):not(.kg-nft-card-container):not(.kg-product-card-button):not(.kg-header-card-button) {\n color: #fff;\n }\n\n html.auto-color .gh-content strong {\n color: #fff;\n }\n\n html.auto-color .gh-content em {\n color: #fff;\n }\n\n html.auto-color .gh-content code {\n color: #fff;\n background: #000;\n }\n\n html.auto-color hr {\n border-top-color: color-mod(var(--color-darkmode) l(+8%));\n }\n\n html.auto-color .gh-content hr:after {\n background: color-mod(var(--color-darkmode) l(+8%));\n box-shadow: var(--color-darkmode) 0 0 0 5px;\n }\n\n html.auto-color figcaption {\n color: rgba(255, 255, 255, 0.6);\n }\n\n html.auto-color .gh-content table td:first-child {\n background-image: linear-gradient(to right, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);\n }\n\n html.auto-color .gh-content table td:last-child {\n background-image: linear-gradient(to left, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);\n }\n\n html.auto-color .gh-content table th {\n color: rgba(255, 255, 255, 0.85);\n background-color: color-mod(var(--color-darkmode) l(+8%));\n }\n\n html.auto-color .gh-content table th,\n html.auto-color .gh-content table td {\n border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;\n }\n\n html.auto-color .gh-content input {\n color: color-mod(var(--color-midgrey) l(-30%));\n }\n\n html.auto-color .site-archive-header .no-image {\n color: rgba(255, 255, 255, 0.9);\n background: var(--color-darkmode);\n }\n\n html.auto-color .kg-header-card.kg-style-dark {\n background: color-mod(var(--color-darkgrey) l(-5%));\n }\n\n html.auto-color .kg-header-card.kg-style-light {\n background: color-mod(var(--color-darkgrey) l(+5%));\n }\n\n html.auto-color .kg-header-card h2.kg-header-card-header,\n html.auto-color .kg-header-card h3.kg-header-card-subheader {\n color: #fff;\n }\n}\n\n/*\n\nHey! You reached the end.\n\nHope you enjoyed this CSS file, if you have any suggestions\nfor improvements that might be useful for everyone who uses\nthis theme, you can find the open source repository for it\nhere: https://github.com/tryghost/casper\n\nOr, if you've just scrolled all the way to the bottom of the\nfile to add some of your own styles. Well, you've come to\nthe right place. Onward!\n\n */\n"]} \ No newline at end of file +{"version":3,"sources":["global.css","screen.css"],"names":[],"mappings":"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","file":"screen.css","sourcesContent":["/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\nimg {\n display: block;\n max-width: 100%;\n height: auto;\n}\nhtml {\n box-sizing: border-box;\n font-family: sans-serif;\n\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nb,\nstrong {\n font-weight: bold;\n}\ni,\nem,\ndfn {\n font-style: italic;\n}\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nmark {\n background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nkbd {\n padding: 3px 5px;\n font-family: var(--font-mono);\n font-size: 1.5rem;\n background: #f6f8fa;\n border: 1px solid rgba(124, 139, 154, 0.25);\n border-radius: 6px;\n box-shadow: inset 0 -1px 0 rgba(124, 139, 154, 0.25);\n}\n@media (max-width: 600px) {\n kbd {\n font-size: 1.3rem;\n }\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; /* 3 */\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n}\nbutton {\n overflow: visible;\n border: none;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\n/* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer; /* 3 */\n\n -webkit-appearance: button; /* 2 */\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\ninput {\n line-height: normal;\n}\ninput:focus {\n outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n box-sizing: content-box; /* 2 */\n\n -webkit-appearance: textfield; /* 1 */\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nlegend {\n padding: 0; /* 2 */\n border: 0; /* 1 */\n}\ntextarea {\n overflow: auto;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\ntd,\nth {\n padding: 0;\n}\n\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n color: var(--color-darkgrey);\n font-family: var(--font-sans);\n font-size: 1.6rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n letter-spacing: 0;\n text-rendering: optimizeLegibility;\n background: #fff;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n text-shadow: none;\n background: #daf2fd;\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid #f0f0f0;\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\n::not(.gh-content) p,\n::not(.gh-content) ul,\n::not(.gh-content) ol,\n::not(.gh-content) dl,\n::not(.gh-content) blockquote {\n margin: 0 0 1.5em 0;\n}\n\nol,\nul {\n padding-left: 1.3em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nul,\nol {\n max-width: 100%;\n}\n\nli {\n padding-left: 0.3em;\n line-height: 1.6em;\n}\n\nli + li {\n margin-top: 0.5em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: #daf2fd;\n font-weight: 500;\n text-align: right;\n}\n\ndd {\n margin: 0 0 5px 0;\n text-align: left;\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: #daf2fd;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n font-weight: bold;\n}\nblockquote cite a {\n font-weight: normal;\n}\n\na {\n color: #15171A;\n text-decoration: none;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n line-height: 1.15;\n font-weight: 600;\n text-rendering: optimizeLegibility;\n letter-spacing: -0.01em;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 4.8rem;\n font-weight: 700;\n letter-spacing: -0.015em;\n}\n@media (max-width: 600px) {\n h1 {\n font-size: 2.8rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2.8rem;\n font-weight: 700;\n}\n@media (max-width: 600px) {\n h2 {\n font-size: 2.3rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2.4rem;\n font-weight: 600;\n}\n@media (max-width: 600px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n@media (max-width: 600px) {\n h4 {\n font-size: 1.7rem;\n }\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\n}\n","/* Table of Contents\n/* ------------------------------------------------------------\n\nThis is a development CSS file which is built to a minified\nproduction stylesheet in assets/built/screen.css\n\n1. Global Styles\n2. Layout\n3. Site Header\n4. Site Navigation\n5. Post Feed\n6. Single Post\n 6.1. Post Byline\n 6.2. Subscribe\n 6.3. Read More\n 6.4. Comments\n7. Author Template\n8. Tag Template\n9. Error Template\n10. Site Footer\n11. Dark Mode\n\n*/\n\n/* 1. Global - Set up the things\n/* ---------------------------------------------------------- */\n\n/* Import CSS reset and base styles */\n@import \"global.css\";\n\n:root {\n\n /* Colours */\n --color-green: #a4d037;\n --color-yellow: #fecd35;\n --color-red: #f05230;\n --color-darkgrey: #15171A;\n --color-midgrey: #738a94;\n --color-lightgrey: #f1f1f1;\n --color-secondary-text: #979797;\n --color-border: #e1e1e1;\n --color-wash: #e5eff5;\n --color-darkmode: #151719;\n\n /*\n An accent color is also set by Ghost itself in\n Ghost Admin > Settings > Brand\n\n --ghost-accent-color: {value};\n\n You can use this variable throughout your styles\n */\n\n /* Fonts */\n --font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n --font-serif: Georgia, Times, serif;\n --font-mono: Menlo, Courier, monospace;\n\n}\n\n\n/* 2. Layout - Page building blocks\n/* ---------------------------------------------------------- */\n\n.viewport {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n\n.site-content {\n flex-grow: 1;\n}\n\n/* Full width page blocks */\n.outer {\n position: relative;\n padding: 0 max(4vmin, 20px);\n}\n\n/* Centered content container blocks */\n.inner {\n margin: 0 auto;\n max-width: 1200px;\n width: 100%;\n}\n\n\n/* 3. Site Header\n/* ---------------------------------------------------------- */\n\n.site-header {\n position: relative;\n color: #fff;\n background: var(--ghost-accent-color);\n}\n\n.site-header-cover {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.site-header-content {\n position: relative;\n z-index: 100;\n display: flex;\n align-items: center;\n padding-top: calc(19vmin + 44px);\n padding-bottom: 19vmin;\n text-align: center;\n color: var(--color-darkgrey);\n}\n\n.has-cover .site-header-content {\n min-height: 560px;\n background-color: var(--ghost-accent-color);\n color: #fff;\n}\n\n.site-header-content.left-aligned {\n padding-bottom: 0;\n text-align: left;\n}\n\n.has-cover .site-header-content.left-aligned {\n align-items: flex-end;\n padding-bottom: max(4vmin, 32px);\n}\n\n.site-header-content.no-content {\n padding-top: 0;\n padding-bottom: 2vmin;\n}\n\n.site-header-inner {\n position: relative;\n}\n\n.site-header-content.left-aligned .site-header-inner {\n align-items: flex-start;\n}\n\n.site-logo {\n flex-shrink: 0;\n margin: 0 auto;\n max-height: 120px;\n}\n\n.site-header-content.left-aligned .site-logo {\n margin-right: auto;\n margin-left: 0;\n max-height: 96px;\n}\n\n.site-title {\n z-index: 10;\n margin: 0;\n padding: 0;\n font-size: 5rem;\n font-weight: 800;\n}\n\n.has-serif-title .site-title {\n font-family: var(--font-serif);\n}\n\n.has-cover .site-title {\n font-size: 6rem;\n}\n\n.site-header-content.left-aligned .site-title {\n font-size: 4.4rem;\n}\n\n.has-cover .site-header-content.left-aligned .site-title {\n font-size: 4.6rem;\n}\n\n.site-description {\n display: inline-block;\n z-index: 10;\n max-width: 960px;\n font-size: 6rem;\n font-weight: 700;\n line-height: 1.1;\n}\n\n:is(.site-logo, .site-title) + .site-description {\n max-width: 640px;\n margin-top: 16px;\n font-size: 2.4rem;\n font-weight: 400;\n line-height: 1.4;\n}\n\n.site-logo + .site-description {\n margin-top: 20px;\n}\n\n.site-title + .site-description {\n color: var(--color-secondary-text);\n}\n\n.has-cover .site-description {\n letter-spacing: -0.005em;\n color: #fff;\n}\n\n.has-cover :is(.site-logo, .site-title) + .site-description {\n font-size: 2.4rem;\n}\n\n.has-cover .site-header-content.left-aligned :is(.site-logo, .site-title) + .site-description {\n font-size: 2.2rem;\n}\n\n@media (min-width: 992px) {\n .is-head-stacked.has-cover .site-header-content {\n padding-top: calc(19vmin + 120px);\n }\n}\n\n@media (max-width: 991px) {\n .site-header-content {\n padding-top: calc(19vmin + 32px);\n }\n}\n\n@media (max-width: 767px) {\n .has-cover .site-header-content {\n min-height: 240px;\n }\n .site-header-inner {\n gap: 16px;\n }\n .site-logo {\n max-width: 60%;\n }\n .site-title {\n font-size: 3.4rem !important;\n }\n .site-description {\n font-size: 2.2rem !important;\n }\n .site-logo + .site-description {\n margin-top: 12px !important;\n }\n .site-title + .site-description {\n margin-top: 12px !important;\n }\n}\n\n\n/* 4. Site Navigation\n/* ---------------------------------------------------------- */\n\n.gh-head {\n height: 88px;\n font-size: 1.6rem;\n line-height: 1.3em;\n background-color: #fff;\n z-index: 150;\n}\n\n.has-cover:not(.home-template) .gh-head {\n background-color: var(--ghost-accent-color);\n color: #fff;\n}\n\n:is(.home-template, .paged:not(.tag-template):not(.author-template)).has-cover .gh-head {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 2000;\n background-color: transparent;\n color: #fff;\n}\n\n.gh-head a {\n text-decoration: none;\n}\n\n.gh-head-inner {\n display: grid;\n column-gap: 40px;\n grid-template-columns: auto 1fr auto;\n grid-auto-flow: row dense;\n align-items: center;\n height: 100%;\n}\n\n/* Header styles\n/* ---------------------------------------------------------- */\n\n.is-head-left-logo .gh-head-inner {\n grid-template-columns: auto 1fr auto;\n}\n\n.is-head-left-logo.home-template .gh-head:not(.is-header-hidden) .gh-head-logo {\n display: none;\n}\n\n.is-head-left-logo.home-template .gh-head:not(.is-header-hidden) .gh-head-menu {\n margin-left: -40px;\n}\n\n@media (min-width: 992px) {\n .is-head-left-logo .gh-head-menu {\n margin-right: 64px;\n margin-left: 16px;\n }\n}\n\n.is-head-middle-logo .gh-head-inner {\n grid-template-columns: 1fr auto 1fr;\n}\n\n.is-head-middle-logo .gh-head-brand {\n grid-column-start: 2;\n}\n\n@media (min-width: 992px) {\n .is-head-middle-logo .gh-head-menu {\n margin-right: 64px;\n }\n}\n\n.is-head-stacked .gh-head {\n height: auto;\n}\n\n.is-head-stacked .gh-head-inner {\n grid-template-columns: 1fr auto 1fr;\n}\n\n.is-head-stacked .gh-head-brand {\n grid-row-start: 1;\n grid-column-start: 2;\n}\n\n@media (min-width: 992px) {\n .is-head-stacked .gh-head-inner {\n padding: 0;\n }\n\n .is-head-stacked .gh-head-brand {\n position: relative;\n display: flex;\n align-items: center;\n height: 80px;\n }\n\n .is-head-stacked .gh-head-menu {\n grid-row-start: 2;\n grid-column: 1 / 4;\n justify-content: center;\n height: 56px;\n margin: 0 48px;\n }\n\n .is-head-stacked .gh-head-menu::before,\n .is-head-stacked .gh-head-menu::after {\n position: absolute;\n top: 80px;\n left: 0;\n width: 100%;\n height: 1px;\n content: \"\";\n background-color: var(--color-lightgrey);\n }\n\n .is-head-stacked.has-cover .gh-head-menu::before,\n .is-head-stacked.has-cover .gh-head-menu::after {\n background-color: rgba(255, 255, 255, 0.2);\n }\n\n .is-head-stacked .gh-head-menu::after {\n top: 136px;\n }\n\n .is-head-stacked .gh-head-actions {\n grid-row-start: 1;\n grid-column: 1 / 4;\n justify-content: space-between;\n }\n}\n\n/* Brand\n/* ---------------------------------------------------------- */\n\n.gh-head-brand {\n display: flex;\n align-items: center;\n height: 40px;\n word-break: break-all;\n}\n\n.gh-head-logo {\n display: block;\n font-weight: 800;\n font-size: 2.6rem;\n letter-spacing: -0.02em;\n color: inherit;\n white-space: nowrap;\n}\n\n.gh-head-logo.no-image {\n margin-top: -5px;\n}\n\n.has-cover .gh-head-logo {\n color: #fff;\n}\n\n.gh-head-logo img {\n max-height: 40px;\n}\n\n\n/* Primary Navigation\n/* ---------------------------------------------------------- */\n\n.gh-head-menu {\n display: flex;\n align-items: center;\n margin-top: 1px;\n font-weight: 500;\n}\n\n.gh-head-menu .nav {\n display: inline-flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 32px;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.gh-head-menu .nav li {\n margin: 0;\n padding: 0;\n}\n\n.gh-head-menu .nav a {\n display: inline-block;\n line-height: 1.7;\n color: inherit;\n}\n\n.gh-head-menu .nav a:hover {\n opacity: 0.9;\n}\n\n.gh-head-menu .nav-more-toggle {\n position: relative;\n width: 30px;\n height: 30px;\n margin: 0 -6px;\n padding: 0;\n font-size: inherit;\n background-color: transparent;\n text-transform: inherit;\n}\n\n.gh-head-menu .nav-more-toggle svg {\n width: 24px;\n height: 24px;\n}\n\n@media (min-width: 992px) {\n body:not(.is-dropdown-loaded) .gh-head-menu .nav > li {\n opacity: 0;\n }\n}\n\n\n/* Dropdown\n/* ---------------------------------------------------------- */\n\n.gh-dropdown {\n position: absolute;\n top: 100%;\n right: -16px;\n z-index: 90;\n width: 200px;\n padding: 12px 0;\n margin-top: 24px;\n opacity: 0;\n visibility: hidden;\n text-align: left;\n background-color: #fff;\n border-radius: 5px;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 7px 20px -5px rgba(0, 0, 0, 0.15);\n transform: translate3d(0, 6px, 0);\n transition: opacity 0.3s, transform 0.2s;\n}\n\n.is-head-middle-logo .gh-dropdown {\n right: auto;\n left: -24px;\n}\n\n.is-dropdown-mega .gh-dropdown {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-auto-flow: column;\n column-gap: 40px;\n min-width: 320px;\n padding: 20px 32px;\n}\n\n.is-dropdown-open .gh-dropdown {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n}\n\n.gh-head-menu .gh-dropdown li a {\n display: block;\n padding: 6px 20px;\n color: #15171a;\n}\n\n.is-dropdown-mega .gh-dropdown li a {\n padding: 8px 0;\n}\n\n\n/* Secondary Navigation\n/* ---------------------------------------------------------- */\n\n.gh-social {\n display: flex;\n align-items: center;\n gap: 20px;\n}\n\n.gh-social-link {\n line-height: 0;\n color: inherit;\n}\n\n.gh-social-link:hover {\n opacity: 0.9;\n}\n\n.gh-social-link svg {\n width: 18px;\n height: 18px;\n}\n\n.gh-head-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 24px;\n list-style: none;\n text-align: right;\n}\n\n.gh-head-members {\n display: flex;\n gap: 20px;\n align-items: center;\n}\n\n.gh-head-link {\n font-weight: 500;\n color: inherit;\n}\n\n.gh-head-button {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 8px 20px;\n height: 44px;\n font-weight: 600;\n letter-spacing: -0.005em;\n font-size: 1.6rem;\n border-radius: 48px;\n color: #fff;\n background: var(--ghost-accent-color);\n}\n\n.has-cover .gh-head-button {\n color: var(--color-darkgrey);\n background: #fff;\n}\n\n@media (max-width: 767px) {\n .gh-head-members {\n flex-direction: column-reverse;\n gap: 16px;\n width: 100%;\n }\n}\n\n\n/* Search\n/* ---------------------------------------------------------- */\n\n.gh-search {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n cursor: pointer;\n background-color: transparent;\n border: 0;\n outline: none;\n}\n\n.gh-search:hover {\n opacity: 0.9;\n}\n\n.gh-head-brand .gh-search {\n margin-right: 8px;\n}\n\n.gh-head-actions .gh-search {\n margin-right: -4px;\n}\n\n@media (max-width: 767px) {\n .gh-head-actions .gh-search {\n display: none;\n }\n}\n\n@media (min-width: 768px) {\n .gh-head-brand .gh-search {\n display: none;\n }\n}\n\n\n/* Mobile Menu Trigger\n/* ---------------------------------------------------------- */\n\n.gh-burger {\n position: relative;\n display: none;\n width: 30px;\n height: 30px;\n padding: 0;\n margin-right: -3px;\n cursor: pointer;\n background-color: transparent;\n border: 0;\n appearance: none;\n}\n\n.gh-burger::before,\n.gh-burger::after {\n position: absolute;\n left: 3px;\n width: 24px;\n height: 1px;\n content: \"\";\n background-color: var(--color-darkgrey);\n transition: all 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;\n}\n\n.has-cover .gh-burger::before,\n.has-cover .gh-burger::after {\n background-color: #fff;\n}\n\n.gh-burger::before {\n top: 11px;\n}\n\n.gh-burger::after {\n bottom: 11px;\n}\n\n.gh-head-open .gh-burger::before {\n top: 15px;\n transform: rotate(45deg);\n}\n\n.gh-head-open .gh-burger::after {\n bottom: 14px;\n transform: rotate(-45deg);\n}\n\n\n/* Mobile Menu\n/* ---------------------------------------------------------- */\n/* IDs needed to ensure sufficient specificity */\n\n@media (max-width: 767px) {\n #gh-head {\n height: 64px;\n }\n\n #gh-head .gh-head-inner {\n grid-template-rows: auto 1fr auto;\n grid-template-columns: 1fr;\n gap: 48px;\n }\n\n #gh-head .gh-head-brand {\n display: grid;\n grid-template-columns: 1fr auto auto;\n grid-column-start: 1;\n align-items: center;\n height: 64px;\n }\n\n #gh-head .gh-head-logo {\n font-size: 2.2rem;\n }\n\n #gh-head .gh-head-brand .gh-search {\n margin-left: -6px;\n }\n\n #gh-head .gh-burger {\n display: block;\n }\n\n #gh-head .gh-head-menu,\n #gh-head .gh-head-actions {\n position: fixed;\n justify-content: center;\n visibility: hidden;\n opacity: 0;\n }\n\n #gh-head .gh-head-menu {\n margin: 0;\n transition: none;\n transform: translateY(0);\n }\n\n #gh-head .nav {\n gap: 16px;\n align-items: center;\n line-height: 1.4;\n }\n\n #gh-head .nav a {\n font-size: 2.6rem;\n font-weight: 600;\n text-transform: none;\n }\n\n #gh-head .nav li {\n opacity: 0;\n transform: translateY(-4px);\n }\n\n #gh-head :is(.gh-head-button, .gh-head-link) {\n opacity: 0;\n transform: translateY(8px);\n }\n\n #gh-head .gh-head-button {\n width: 100%;\n font-size: 1.8rem;\n text-transform: none;\n opacity: 0;\n transform: translateY(8px);\n }\n\n .gh-head-open #gh-head {\n position: fixed;\n inset: 0;\n z-index: 3999999;\n height: 100%;\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n }\n\n .gh-head-open.has-cover #gh-head,\n .gh-head-open.has-cover #gh-head .gh-head-actions {\n background-color: var(--ghost-accent-color);\n }\n\n .gh-head-open #gh-head .gh-head-menu,\n .gh-head-open #gh-head .gh-head-actions {\n position: static;\n visibility: visible;\n opacity: 1;\n }\n\n .gh-head-open #gh-head .nav {\n display: flex;\n flex-direction: column;\n }\n\n .gh-head-open #gh-head .nav li {\n opacity: 1;\n transition: transform 0.2s, opacity 0.2s;\n transform: translateY(0);\n }\n\n .gh-head-open #gh-head .gh-head-actions {\n position: sticky;\n right: 0;\n bottom: 0;\n left: 0;\n display: inline-flex;\n flex-direction: column;\n gap: 12px;\n align-items: center;\n padding: max(4vmin, 20px) 0 max(4vmin, 28px);\n background-color: #fff;\n }\n\n .gh-head-open #gh-head :is(.gh-head-button, .gh-head-link) {\n opacity: 1;\n transition: transform 0.4s, opacity 0.4s;\n transition-delay: 0.2s;\n transform: translateY(0);\n }\n\n .gh-head-open #gh-head .gh-head-link {\n transition-delay: 0.4s;\n }\n}\n\n\n/* 5. Post Feed\n/* ---------------------------------------------------------- */\n\n.post-feed {\n position: relative;\n display: grid;\n gap: 4.8vmin 4vmin;\n grid-template-columns: repeat(6, 1fr);\n padding: max(4.8vmin, 36px) 0 0;\n}\n\n:is(.tag-template, .author-template) .post-feed {\n margin-top: 4vmin;\n}\n\n@media (max-width: 991px) {\n .post-feed {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n@media (max-width: 767px) {\n .post-feed {\n grid-template-columns: 1fr;\n grid-gap: 40px;\n }\n}\n\n.post-card {\n position: relative;\n grid-column: span 2;\n display: flex;\n flex-direction: column;\n background-size: cover;\n word-break: break-word;\n}\n\n.post-card-image-link {\n position: relative;\n overflow: hidden;\n display: block;\n margin-bottom: 32px;\n}\n\n.post-card-image-link::after {\n content: \"\";\n display: block;\n padding-bottom: 55%;\n}\n\n.post-card[class*=\"post-access-\"] .post-card-image-link::after {\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(3px);\n}\n\n.post-card.keep-ratio[class*=\"post-access-\"] .post-card-image-link::after {\n position: absolute;\n inset: 0;\n padding-bottom: 0;\n}\n\n.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image-link::after {\n padding-bottom: 0;\n}\n\n.post-card-image {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n background: var(--color-lightgrey) no-repeat center center;\n object-fit: cover;\n}\n\n.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image {\n position: static;\n}\n\n.post-card-access {\n position: absolute;\n inset: 0;\n z-index: 10;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 4px;\n font-size: 1.5rem;\n font-weight: 600;\n color: #fff;\n}\n\n.post-card-content-link {\n position: relative;\n display: block;\n color: var(--color-darkgrey);\n}\n\n.post-card-content-link:hover {\n text-decoration: none;\n}\n\n.post-feed .no-image .post-card-content-link {\n padding: 0;\n}\n\n.no-image .post-card-header {\n margin-top: 0;\n}\n\n.post-card-tags {\n display: flex;\n align-items: center;\n gap: 12px;\n margin: 0 0 10px;\n color: var(--color-secondary-text);\n font-size: 1.4rem;\n font-weight: 600;\n letter-spacing: -0.005em;\n line-height: 1;\n}\n\n.post-card-featured {\n position: relative;\n display: flex;\n align-items: center;\n gap: 3px;\n padding-left: 18px;\n color: var(--ghost-accent-color);\n}\n\n.post-card-featured svg {\n position: absolute;\n left: 0;\n}\n\n.post-card-title {\n margin: 0;\n font-size: 2.6rem;\n font-weight: 800;\n line-height: 1.2;\n}\n\n.post-card-content-link:hover .post-card-title {\n opacity: 0.9;\n}\n\n.no-image .post-card-title {\n margin-top: 0;\n}\n\n.has-serif-title .post-card-title {\n font-family: var(--font-serif);\n letter-spacing: -0.005em;\n}\n\n.post-card-title svg {\n margin-top: -3px;\n margin-left: -1px;\n}\n\n.post-card-content {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n}\n\n.post-card-excerpt {\n display: -webkit-box;\n overflow-y: hidden;\n margin-top: 12px;\n max-width: 720px;\n font-size: 1.6rem;\n line-height: 1.5;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n word-break: break-word;\n}\n\n.has-sans-body .post-card-excerpt {\n font-family: var(--font-sans);\n}\n\n.post-card:not(.post-card-large):not(.post-card-full):not(.dynamic):not(.no-image) .post-card-excerpt {\n -webkit-line-clamp: 2;\n}\n\n:is(.tag-template, .author-template) .post-card-excerpt {\n margin-top: 6px;\n}\n\n.post-card-meta {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-top: 12px;\n padding: 0;\n font-size: 1.3rem;\n color: var(--color-secondary-text);\n}\n\n.post-card-meta > * {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.post-card-meta > * + *:not(script)::before {\n width: 2px;\n height: 2px;\n content: \"\";\n background-color: var(--color-secondary-text);\n border-radius: 50%;\n}\n\n.post-card-meta .sep {\n margin: 0 4px;\n}\n\n.author-profile-image {\n display: block;\n width: 100%;\n height: 100%;\n background: color-mod(var(--color-lightgrey) l(+10%));\n border-radius: 100%;\n\n object-fit: cover;\n}\n\n.author-list {\n display: flex;\n flex-wrap: wrap;\n margin: 0 0 0 4px;\n padding: 0;\n list-style: none;\n}\n\n.author-list-item {\n position: relative;\n flex-shrink: 0;\n margin: 0;\n padding: 0;\n}\n\n\n/* Special Styling for home page grid (below):\n\nThe first post in the list is styled to be bigger than the others and take over\nthe full width of the grid to give it more emphasis. Wrapped in a media query to\nmake sure this only happens on large viewports / desktop-ish devices.\n\n*/\n\n@media (min-width: 1001px) {\n .post-card-large {\n grid-column: span 6;\n display: grid;\n grid-gap: 4vmin;\n grid-template-columns: repeat(3, 1fr);\n border-top: 0;\n }\n\n .post-card-large:not(.no-image) .post-card-header {\n margin-top: 0;\n }\n\n .post-card-large .post-card-image-link {\n position: relative;\n grid-column: span 2;\n margin-bottom: 0;\n }\n\n .post-card-large .post-card-content {\n grid-column: span 1;\n }\n\n .post-card-large.no-image .post-card-content {\n grid-column: span 2;\n }\n\n .post-card-large .post-card-image {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n .post-card-large .post-card-tags {\n margin-bottom: 12px;\n }\n\n .post-card-large .post-card-title {\n margin-top: 0;\n font-size: 4.4rem;\n line-height: 1.05;\n }\n\n .post-card-large .post-card-excerpt {\n margin-top: 16px;\n }\n\n .post-card-full {\n grid-column: span 6;\n }\n\n .post-card-full .post-card-image-link {\n margin-bottom: 40px;\n }\n\n .post-card-full .post-card-tags {\n margin-bottom: 14px;\n }\n\n .post-card-full .post-card-title {\n font-size: 6.4rem;\n line-height: 0.95;\n }\n\n .post-card-full .post-card-excerpt {\n margin-top: 20px;\n font-size: 1.8rem;\n }\n\n .post-card-large + .post-card-large:nth-child(even) {\n margin: 32px 0;\n }\n\n .post-card-large + .post-card-large:nth-child(even) .post-card-content {\n order: -1;\n }\n\n .post-card.dynamic {\n grid-column: span 3;\n }\n\n .post-card.dynamic .post-card-title {\n font-size: 3rem;\n }\n}\n\n/* Pagination\n/* ---------------------------------------------------------- */\n\n.pagination {\n display: none;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n margin-top: 8vmin;\n}\n\nhtml.no-infinite-scroll .pagination {\n display: grid;\n}\n\n.pagination a {\n font-size: 1.7rem;\n font-weight: 600;\n}\n\n.pagination .page-number {\n grid-column-start: 2;\n color: var(--color-secondary-text);\n}\n\n.pagination .older-posts {\n grid-column-start: 3;\n text-align: right;\n}\n\n@media (max-width: 767px) {\n .pagination .page-number {\n display: none;\n }\n}\n\n\n/* 6. Single Post\n/* ---------------------------------------------------------- */\n\n.article {\n padding: max(8vmin, 40px) 0 max(8vmin, 64px);\n word-break: break-word;\n}\n\n.page-template .article {\n padding-top: max(12vmin, 64px);\n}\n\n.article-header {\n padding: 0 0 max(6.4vmin, 40px) 0;\n}\n\n.page-template .article-header {\n padding-bottom: max(3.2vmin, 28px);\n}\n\n.article-tag {\n margin-bottom: 16px;\n font-size: 1.6rem;\n}\n\n.article-tag a {\n color: var(--color-secondary-text);\n}\n\n.article-title {\n margin-bottom: 0;\n font-size: clamp(3.2rem, 5vw, 5.2rem);\n font-weight: 800;\n line-height: 1.05;\n color: var(--color-darkgrey);\n}\n\n.has-serif-title .article-title {\n font-family: var(--font-serif);\n}\n\n.article-excerpt {\n margin-top: 20px;\n max-width: 720px;\n font-size: 2rem;\n line-height: 1.45;\n color: var(--color-darkgrey);\n}\n\n.gh-canvas .article-image {\n grid-column: wide-start / wide-end;\n width: 100%;\n margin: max(6.4vmin, 40px) 0 0;\n}\n\n.image-full .article-image {\n grid-column: full-start / full-end;\n}\n\n.image-small .article-image {\n grid-column: main-start / main-end;\n}\n\n.gh-canvas .article-image img {\n display: block;\n margin-left: auto;\n margin-right: auto;\n width: 100%;\n}\n\n@media (max-width: 767px) {\n .article-excerpt {\n margin-top: 14px;\n font-size: 1.7rem;\n }\n}\n\n/* -------- */\n\n/* Content grid\n/* ---------------------------------------------------------- */\n\n/* Canvas creates a multi-column, centered grid which the post\nis laid out on top of. Canvas just defines the grid, we don't\nuse it for applying any other styles. */\n\n.gh-canvas {\n display: grid;\n grid-template-columns:\n [full-start]\n minmax(max(4vmin, 20px), auto)\n [wide-start]\n minmax(auto, 240px)\n [main-start]\n min(720px, calc(100% - max(8vmin, 40px)))\n [main-end]\n minmax(auto, 240px)\n [wide-end]\n minmax(max(4vmin, 20px), auto)\n [full-end]\n ;\n}\n\n.gh-canvas > * {\n grid-column: main-start / main-end;\n}\n\n.kg-width-wide {\n grid-column: wide-start / wide-end;\n}\n\n.kg-width-full {\n grid-column: full-start / full-end;\n}\n\n.kg-width-full img {\n width: 100%;\n}\n\n\n/* Content\n/* ---------------------------------------------------------- */\n\n/* Content refers to styling all page and post content that is\ncreated within the Ghost editor. The main content handles\nheadings, text, images and lists. We deal with cards lower down. */\n\n/* Default vertical spacing */\n.gh-content > * + * {\n margin-top: max(3.2vmin, 24px);\n margin-bottom: 0;\n}\n\n/* [id] represents all headings h1-h6, reset all margins */\n.gh-content > [id] {\n margin: 0;\n color: var(--color-darkgrey);\n}\n\n.has-serif-title .gh-content > [id] {\n font-family: var(--font-serif);\n}\n\n/* Add back a top margin to all headings, unless a heading\nis the very first element in the post content */\n.gh-content > [id]:not(:first-child) {\n margin: 2em 0 0;\n}\n\n/* Add a small margin between a heading and anything after it */\n.gh-content > [id] + * {\n margin-top: 1.5rem !important;\n}\n\n/* A larger margin before/after HRs and blockquotes */\n.gh-content > hr,\n.gh-content > blockquote {\n position: relative;\n margin-top: max(4.8vmin, 32px);\n}\n.gh-content > hr + *,\n.gh-content > blockquote + * {\n margin-top: max(4.8vmin, 32px) !important;\n}\n\n/* Now the content typography styles */\n.gh-content a {\n color: var(--ghost-accent-color);\n text-decoration: underline;\n word-break: break-word;\n}\n\n.gh-content > blockquote:not([class]),\n.gh-content > ol,\n.gh-content > ul,\n.gh-content > dl,\n.gh-content > p {\n font-family: var(--font-serif);\n font-weight: 400;\n font-size: 2rem;\n line-height: 1.6em;\n}\n\n.gh-content .kg-callout-card .kg-callout-text,\n.gh-content .kg-toggle-card .kg-toggle-content > ol,\n.gh-content .kg-toggle-card .kg-toggle-content > ul,\n.gh-content .kg-toggle-card .kg-toggle-content > p {\n font-family: var(--font-serif);\n font-weight: 400;\n font-size: 1.9rem;\n line-height: 1.6em;\n}\n\n.gh-content .kg-product-card .kg-product-card-description > p,\n.gh-content .kg-product-card .kg-product-card-description > ol,\n.gh-content .kg-product-card .kg-product-card-description > ul {\n font-size: 1.7rem;\n line-height: 1.6em;\n}\n\n.gh-content .kg-callout-card .kg-callout-emoji {\n font-size: 2.1rem;\n line-height: 1.4em;\n}\n\n.gh-content .kg-toggle-card .kg-toggle-heading-text {\n font-size: 2.0rem;\n}\n\n.has-sans-body .gh-content > blockquote,\n.has-sans-body .gh-content > ol,\n.has-sans-body .gh-content > ul,\n.has-sans-body .gh-content > dl,\n.has-sans-body .gh-content > p,\n.has-sans-body .gh-content .kg-callout-card .kg-callout-text,\n.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > ol,\n.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > ul,\n.has-sans-body .gh-content .kg-toggle-card .kg-toggle-content > p {\n font-family: var(--font-sans);\n}\n\n.gh-content > ul,\n.gh-content > ol,\n.gh-content > dl,\n.gh-content .kg-toggle-card .kg-toggle-content > ol,\n.gh-content .kg-toggle-card .kg-toggle-content > ul,\n.gh-content .kg-product-card .kg-product-card-description > ol,\n.gh-content .kg-product-card .kg-product-card-description > ul {\n padding-left: 1.9em;\n}\n\n.gh-content > blockquote:not([class]) {\n position: relative;\n font-style: italic;\n padding: 0;\n}\n\n.gh-content > blockquote:not([class])::before {\n content: \"\";\n position: absolute;\n left: -1.5em;\n top: 0;\n bottom: 0;\n width: 0.3rem;\n background: var(--ghost-accent-color);\n}\n\n.gh-content :not(pre) > code {\n vertical-align: middle;\n padding: 0.15em 0.4em 0.15em;\n border: #e1eaef 1px solid;\n font-weight: 400 !important;\n font-size: 0.9em;\n line-height: 1em;\n color: #15171A;\n background: #f0f6f9;\n border-radius: 0.25em;\n}\n\n.gh-content pre {\n overflow: auto;\n padding: 16px 20px;\n color: var(--color-wash);\n font-size: 1.4rem;\n line-height: 1.5em;\n background: var(--color-darkgrey);\n border-radius: 5px;\n box-shadow: 0 2px 6px -2px rgba(0,0,0,.1), 0 0 1px rgba(0,0,0,.4);\n}\n\n@media (max-width: 650px) {\n .gh-content > blockquote:not([class]),\n .gh-content > ol,\n .gh-content > ul,\n .gh-content > dl,\n .gh-content > p,\n .gh-content .kg-callout-card .kg-callout-text,\n .gh-content .kg-toggle-card .kg-toggle-content > ol,\n .gh-content .kg-toggle-card .kg-toggle-content > ul,\n .gh-content .kg-toggle-card .kg-toggle-content > p {\n font-size: 1.8rem;\n }\n\n .gh-content .kg-product-card .kg-product-card-description > p,\n .gh-content .kg-product-card .kg-product-card-description > ol,\n .gh-content .kg-product-card .kg-product-card-description > ul {\n font-size: 1.6rem;\n }\n\n .gh-content blockquote:not([class])::before {\n left: min(-4vmin, -20px);\n }\n}\n\n\n/* Cards\n/* ---------------------------------------------------------- */\n\n/* Cards are dynamic blocks of content which appear within Ghost\nposts, for example: embedded videos, tweets, galleries, or\nspecially styled bookmark links. We add extra styling here to\nmake sure they look good, and are given a bit of extra spacing. */\n\n/* Add extra margin before/after any cards,\nexcept for when immediately preceeded by a heading */\n.gh-content :not(.kg-card):not([id]) + .kg-card {\n margin-top: 6vmin;\n margin-bottom: 0;\n}\n.gh-content .kg-card + :not(.kg-card) {\n margin-top: 6vmin;\n margin-bottom: 0;\n}\n\n/* This keeps small embeds centered */\n.kg-embed-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n}\n\n/* This keeps small iamges centered */\n.kg-image-card img {\n margin: auto;\n}\n\n.has-serif-title .kg-toggle-card .kg-toggle-heading-text {\n font-family: var(--font-serif);\n}\n\n.gh-content .kg-callout-card-accent a {\n text-decoration: underline;\n}\n\n.kg-blockquote-alt {\n font-family: var(--font-serif);\n color: var(--color-midgrey);\n}\n\n.has-sans-body .kg-blockquote-alt {\n font-family: var(--font-sans);\n}\n\n.kg-card.kg-header-card.kg-style-dark {\n background: var(--color-darkgrey);\n}\n\n.kg-header-card.kg-style-light h2.kg-header-card-header {\n color: color-mod(var(--color-darkgrey) l(-5%));\n}\n\n.has-serif-title .kg-header-card h2.kg-header-card-header {\n font-family: var(--font-serif);\n}\n\n\n/* Captions */\nfigcaption {\n padding: 1.5rem 1.5rem 0;\n text-align: center;\n color: rgba(0,0,0,0.5);\n font-size: 1.3rem;\n line-height: 1.4em;\n}\nfigcaption strong {\n color: rgba(0,0,0,0.8);\n}\nfigcaption a {\n text-decoration: underline;\n}\n\n\n/* Highly specific styles for traditional Instagram embeds */\niframe.instagram-media {\n margin-top: 6vmin !important;\n margin-left: auto !important;\n margin-right: auto !important;\n margin-bottom: 0 !important;\n}\n\niframe.instagram-media + script + :not([id]) {\n margin-top: 6vmin;\n}\n\n\n/* Card captions\n/* ---------------------------------------------------------- */\n\n.kg-width-full.kg-card-hascaption {\n display: grid;\n grid-template-columns: inherit;\n}\n\n.kg-width-wide.kg-card-hascaption img {\n grid-column: wide-start / wide-end;\n}\n.kg-width-full.kg-card-hascaption img {\n grid-column: 1 / -1;\n}\n\n.kg-width-full.kg-card-hascaption figcaption {\n grid-column: main-start / main-end;\n}\n\n.article-comments {\n margin: 6vmin 0 0 0;\n}\n\n/* -----old------ */\n\n.footnotes-sep {\n margin-bottom: 30px;\n}\n\n.footnotes {\n font-size: 1.5rem;\n}\n\n.footnotes p {\n margin: 0;\n}\n\n.footnote-backref {\n font-size: 1.2rem;\n font-weight: bold;\n text-decoration: none !important;\n box-shadow: none !important;\n}\n\n/* Tables */\n.gh-content table:not(.gist table) {\n display: inline-block;\n overflow-x: auto;\n max-width: 100%;\n width: auto;\n border-spacing: 0;\n border-collapse: collapse;\n font-family: var(--font-sans);\n font-size: 1.6rem;\n white-space: nowrap;\n vertical-align: top;\n -webkit-overflow-scrolling: touch;\n background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;\n background-attachment: scroll, scroll;\n background-size: 10px 100%, 10px 100%;\n background-repeat: no-repeat;\n}\n\n.gh-content table:not(.gist table) td:first-child {\n background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);\n background-size: 20px 100%;\n background-repeat: no-repeat;\n}\n\n.gh-content table:not(.gist table) td:last-child {\n background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);\n background-position: 100% 0;\n background-size: 20px 100%;\n background-repeat: no-repeat;\n}\n\n.gh-content table:not(.gist table) th {\n color: var(--color-darkgrey);\n font-size: 1.2rem;\n font-weight: 700;\n letter-spacing: 0.2px;\n text-align: left;\n text-transform: uppercase;\n background-color: color-mod(var(--color-wash) l(+4%));\n}\n\n.gh-content table:not(.gist table) th,\n.gh-content table:not(.gist table) td {\n padding: 6px 12px;\n border: color-mod(var(--color-wash) l(-1%) s(-5%)) 1px solid;\n}\n\n\n/* 6.1. Post Byline\n/* ---------------------------------------------------------- */\n\n.article-byline {\n display: flex;\n justify-content: space-between;\n margin: min(24px, 5.6vmin) 0 0;\n}\n\n.article-byline-content {\n flex-grow: 1;\n display: flex;\n align-items: center;\n}\n\n.article-byline-content .author-list {\n justify-content: flex-start;\n padding: 0 14px 0 0;\n}\n\n.article-byline-meta {\n color: var(--color-secondary-text);\n font-size: 1.4rem;\n line-height: 1.2em;\n}\n\n.article-byline-meta .author-name {\n margin: 0 0 6px;\n font-size: 1.7rem;\n font-weight: 700;\n letter-spacing: 0;\n}\n\n.article-byline-meta .bull {\n display: inline-block;\n margin: 0 2px;\n}\n\n.author-avatar {\n display: block;\n overflow: hidden;\n margin: 0 -4px;\n width: min(56px, 13.6vmin);\n height: min(56px, 13.6vmin);\n border: #fff 2px solid;\n border-radius: 50%;\n background-color: var(--color-border);\n}\n\n.page-template .article-title {\n margin-bottom: 0;\n}\n\n@media (max-width: 767px) {\n .article-byline-content .author-list {\n padding-right: 12px;\n }\n .article-byline-meta .author-name {\n margin-bottom: 4px;\n }\n}\n\n\n/* 6.2. Subscribe\n/* ---------------------------------------------------------- */\n\n.footer-cta {\n position: relative;\n text-align: center;\n}\n\n.footer-cta-title {\n margin: 0 0 min(24px, 6.4vmin);\n font-size: clamp(2.6rem, 5vw, 3.8rem);\n font-weight: 800;\n}\n\n.has-serif-title .footer-cta-title {\n font-family: var(--font-serif);\n}\n\n.footer-cta-button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n max-width: 500px;\n padding: 5px 5px 5px 15px;\n font-size: 1.7rem;\n color: var(--color-secondary-text);\n background: #fff;\n border: 1px solid var(--color-border);\n border-radius: 8px;\n transition: border-color 0.2s;\n}\n\n.footer-cta-button:hover {\n border-color: color-mod(var(--color-border) l(-12%));\n}\n\n.footer-cta-button span {\n display: inline-block;\n padding: 9px 15px;\n color: #fff;\n font-size: 1.6rem;\n font-weight: 600;\n letter-spacing: -0.005em;\n background: var(--ghost-accent-color);\n border-radius: 6px;\n}\n\n\n/* 6.3. Read more\n/* ---------------------------------------------------------- */\n\n.read-more-wrap {\n margin-top: 2.4vmin;\n}\n\n.footer-cta + .read-more-wrap {\n margin-top: max(12vmin, 72px);\n}\n\n.read-more {\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n grid-gap: 4vmin;\n}\n\n.read-more .post-card-tags {\n display: none;\n}\n\n@media (max-width: 1000px) {\n .read-more {\n grid-template-columns: repeat(4, 1fr);\n }\n .read-more .post-card:nth-child(3) {\n display: none;\n }\n}\n\n@media (max-width: 700px) {\n .read-more {\n grid-template-columns: repeat(2, 1fr);\n }\n .read-more .post-card:nth-child(2) {\n display: none;\n }\n}\n\n/* 6.4. Comments\n/* ---------------------------------------------------------- */\n.comments {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 60px 0 44px;\n}\n\n\n.comments-head {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n margin-bottom: 32px;\n width: 100%;\n max-width: 720px;\n}\n\n.comments h2 {\n width: 100%;\n max-width: 720px;\n font-weight: 800;\n font-size: 3.4rem;\n}\n\n.comments .comment-count {\n color: var(--color-midgrey);\n font-weight: 600;\n white-space: nowrap;\n}\n\n.comments #ghost-comments-root {\n width: 100%;\n max-width: 720px;\n}\n\n\n/* 7. Author Template\n/* ---------------------------------------------------------- */\n\n.author-profile-pic {\n display: block;\n width: 80px;\n height: 80px;\n object-fit: cover;\n margin: 0 0 2rem;\n background: color-mod(var(--color-lightgrey) l(+10%));\n border-radius: 50%;\n}\n\n.author-profile-footer {\n margin-top: 16px;\n}\n\n.author-profile-location {\n font-weight: 700;\n}\n\n.author-profile-meta {\n display: flex;\n gap: 10px;\n}\n\n.author-profile-social-link {\n font-size: 1.3rem;\n color: var(--color-secondary-text);\n}\n\n.author-profile-social-link:hover {\n color: var(--color-darkgrey);\n}\n\n.author-profile-social-link svg {\n width: 16px;\n height: 16px;\n}\n\n@media (min-width: 1001px) {\n .author-template .post-card-large .post-card-content:only-child {\n grid-column: span 2;\n max-width: 640px;\n }\n}\n\n\n/* 8. Tag Template\n/* ---------------------------------------------------------- */\n\n.tag-template .post-card-large .post-card-image-link {\n grid-column: 2 / span 2;\n order: 2;\n}\n\n.tag-template .post-card-large .post-card-content {\n order: 1;\n}\n\n@media (min-width: 1001px) {\n .tag-template .post-card-large .post-card-content:only-child {\n grid-column: span 2;\n max-width: 640px;\n }\n}\n\n/* 9. Error Template\n/* ---------------------------------------------------------- */\n\n.error-content {\n padding: 14vw 4vw 2vw;\n}\n\n.error-message {\n padding-bottom: 10vw;\n text-align: center;\n}\n\n.error-code {\n margin: 0;\n font-size: 12vw;\n line-height: 1em;\n letter-spacing: -5px;\n}\n\n.error-description {\n margin: 0;\n color: var(--color-secondary-text);\n font-size: 3.2rem;\n line-height: 1.3em;\n letter-spacing: -0.005em;\n font-weight: 400;\n}\n\n.error-link {\n display: inline-block;\n margin-top: 5px;\n}\n\n@media (min-width: 940px) {\n .error-content .post-card {\n margin-bottom: 0;\n padding-bottom: 0;\n border-bottom: none;\n }\n}\n\n@media (max-width: 800px) {\n .error-content {\n padding-top: 24vw;\n }\n .error-code {\n font-size: 11.2rem;\n }\n .error-message {\n padding-bottom: 16vw;\n }\n .error-description {\n margin: 5px 0 0 0;\n font-size: 1.8rem;\n }\n}\n\n@media (max-width: 500px) {\n .error-content {\n padding-top: 28vw;\n }\n .error-message {\n padding-bottom: 14vw;\n }\n}\n\n\n/* 10. Site Footer\n/* ---------------------------------------------------------- */\n\n.site-footer {\n position: relative;\n margin: max(12vmin, 64px) 0 0 0;\n padding-top: 48px;\n padding-bottom: 140px;\n color: #fff;\n background: color-mod(var(--color-darkgrey) l(-5%));\n}\n\n.site-footer .inner {\n display: grid;\n grid-gap: 40px;\n grid-template-columns: auto 1fr auto;\n color: rgba(255,255,255,0.7);\n font-size: 1.3rem;\n}\n\n.site-footer .copyright a {\n color: #fff;\n letter-spacing: -0.015em;\n font-weight: 500;\n}\n\n.site-footer a {\n color: rgba(255,255,255,0.7);\n}\n\n.site-footer a:hover {\n color: rgba(255,255,255,1);\n text-decoration: none;\n}\n\n.site-footer-nav ul {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n margin: 0 0 20px;\n padding: 0;\n list-style: none;\n}\n\n.site-footer-nav li {\n display: inline-flex;\n align-items: center;\n padding: 0;\n margin: 0;\n line-height: 2em;\n}\n\n.site-footer-nav a {\n position: relative;\n display: inline-flex;\n align-items: center;\n margin-left: 10px;\n}\n\n.site-footer-nav li:not(:first-child) a:before {\n content: \"\";\n display: block;\n width: 2px;\n height: 2px;\n margin: 0 10px 0 0;\n background: #fff;\n border-radius: 100%;\n}\n\n@media (max-width: 767px) {\n .site-footer .inner {\n max-width: 500px;\n grid-template-columns: 1fr;\n grid-gap: 0;\n text-align: center;\n }\n .site-footer .copyright,\n .site-footer .copyright a {\n color: #fff;\n font-size: 1.5rem;\n }\n .site-footer .copyright {\n margin-bottom: 16px;\n }\n}\n\n\n/* 11. Dark Mode\n/* ---------------------------------------------------------- */\n\nhtml.dark-mode body {\n color: rgba(255, 255, 255, 0.75);\n background: var(--color-darkmode);\n}\n\nhtml.dark-mode img {\n opacity: 0.9;\n}\n\nhtml.dark-mode kbd {\n background: color-mod(var(--color-darkmode) l(+5%));\n}\n\nhtml.dark-mode figcaption a {\n color: #fff;\n}\n\nhtml.dark-mode .gh-head,\nhtml.dark-mode .has-cover:not(.home-template) .gh-head {\n background: var(--color-darkmode);\n color: #fff;\n}\n\nhtml.dark-mode .gh-burger::before,\nhtml.dark-mode .gh-burger::after {\n background-color: #fff;\n}\n\nhtml.dark-mode .site-header-content {\n color: #fff;\n}\n\nhtml.dark-mode .post-card-image {\n background: var(--color-darkmode);\n}\n\nhtml.dark-mode :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content, .pagination .page-number) {\n color: color-mod(var(--color-secondary-text) l(-22%));\n}\n\nhtml.dark-mode .post-card-featured {\n color: #fff;\n}\n\nhtml.dark-mode .post-card-title {\n color: #fff;\n}\n\nhtml.dark-mode .post-card-excerpt {\n color: var(--color-secondary-text);\n}\n\nhtml.dark-mode .pagination a {\n color: #fff;\n}\n\nhtml.dark-mode .author-profile-location {\n color: #fff;\n}\n\nhtml.dark-mode .author-profile-social-link:hover {\n color: #fff;\n}\n\nhtml.dark-mode .article-title {\n color: #fff;\n}\n\nhtml.dark-mode .article-excerpt {\n color: var(--color-secondary-text);\n}\n\nhtml.dark-mode .post-full-image {\n background-color: color-mod(var(--color-darkmode) l(+8%));\n}\n\nhtml.dark-mode .author-avatar {\n border-color: var(--color-darkmode);\n background-color: color-mod(var(--color-darkmode) l(+8%));\n}\n\nhtml.dark-mode .author-profile-image {\n opacity: 1;\n}\n\nhtml.dark-mode .author-profile-image path {\n fill: var(--color-darkmode);\n}\n\nhtml.dark-mode .article-byline-meta .author-name a {\n color: #fff;\n}\n\nhtml.dark-mode .no-image .author-social-link a {\n color: rgba(255, 255, 255, 0.75);\n}\n\nhtml.dark-mode .gh-content > [id] {\n color: rgba(255, 255, 255, 0.9);\n}\n\nhtml.dark-mode .gh-content pre {\n background: color-mod(var(--color-darkgrey) l(-8%));\n}\n\nhtml.dark-mode .gh-content :not(pre) > code {\n background: color-mod(var(--color-darkgrey) l(+6%));\n border-color: color-mod(var(--color-darkmode) l(+8%));\n color: var(--color-wash);\n}\n\n:where(html.dark-mode) .gh-content a {\n color: #fff;\n}\n\nhtml.dark-mode .gh-content strong {\n color: #fff;\n}\n\nhtml.dark-mode .gh-content em {\n color: #fff;\n}\n\nhtml.dark-mode .gh-content code {\n color: #fff;\n background: #000;\n}\n\nhtml.dark-mode hr {\n border-top-color: color-mod(var(--color-darkmode) l(+8%));\n}\n\nhtml.dark-mode .gh-content hr:after {\n background: color-mod(var(--color-darkmode) l(+8%));\n box-shadow: var(--color-darkmode) 0 0 0 5px;\n}\n\nhtml.dark-mode figcaption {\n color: rgba(255, 255, 255, 0.6);\n}\n\nhtml.dark-mode .gh-content table:not(.gist table) td:first-child {\n background-image: linear-gradient(to right, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);\n}\n\nhtml.dark-mode .gh-content table:not(.gist table) td:last-child {\n background-image: linear-gradient(to left, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);\n}\n\nhtml.dark-mode .gh-content table:not(.gist table) th {\n color: rgba(255, 255, 255, 0.85);\n background-color: color-mod(var(--color-darkmode) l(+8%));\n}\n\nhtml.dark-mode .gh-content table:not(.gist table) th,\nhtml.dark-mode .gh-content table:not(.gist table) td {\n border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;\n}\n\nhtml.dark-mode .gh-content :is(input, textarea) {\n color: color-mod(var(--color-midgrey) l(-30%));\n}\n\nhtml.dark-mode .site-archive-header .no-image {\n color: rgba(255, 255, 255, 0.9);\n background: var(--color-darkmode);\n}\n\nhtml.dark-mode .kg-header-card.kg-style-dark {\n background: color-mod(var(--color-darkgrey) l(-5%));\n}\n\nhtml.dark-mode .kg-header-card.kg-style-light {\n background: color-mod(var(--color-darkgrey) l(+5%));\n}\n\nhtml.dark-mode .kg-header-card h2.kg-header-card-header,\nhtml.dark-mode .kg-header-card h3.kg-header-card-subheader {\n color: #fff;\n}\n\nhtml.dark-mode .footer-cta-title {\n color: #fff;\n}\n\n@media (max-width: 767px) {\n html.dark-mode .gh-head-open #gh-head,\n html.dark-mode .gh-head-open #gh-head .gh-head-actions {\n background: var(--color-darkmode);\n }\n}\n\n@media (prefers-color-scheme: dark) {\n html.auto-color body {\n color: rgba(255, 255, 255, 0.75);\n background: var(--color-darkmode);\n }\n\n html.auto-color img {\n opacity: 0.9;\n }\n\n html.auto-color kbd {\n background: color-mod(var(--color-darkmode) l(+5%));\n }\n\n html.auto-color figcaption a {\n color: #fff;\n }\n\n html.auto-color .gh-head,\n html.auto-color .has-cover:not(.home-template) .gh-head {\n background: var(--color-darkmode);\n color: #fff;\n }\n\n html.auto-color .gh-burger::before,\n html.auto-color .gh-burger::after {\n background-color: #fff;\n }\n\n html.auto-color .site-header-content {\n color: #fff;\n }\n\n html.auto-color .post-card-image {\n background: var(--color-darkmode);\n }\n\n html.auto-color :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content, .pagination .page-number) {\n color: color-mod(var(--color-secondary-text) l(-22%));\n }\n\n html.auto-color .post-card-featured {\n color: #fff;\n }\n\n html.auto-color .post-card-title {\n color: #fff;\n }\n\n html.auto-color .post-card-excerpt {\n color: var(--color-secondary-text);\n }\n\n html.auto-color .pagination a {\n color: #fff;\n }\n\n html.auto-color .author-profile-location {\n color: #fff;\n }\n\n html.auto-color .author-profile-social-link:hover {\n color: #fff;\n }\n\n html.auto-color .article-title {\n color: #fff;\n }\n\n html.auto-color .article-excerpt {\n color: var(--color-secondary-text);\n }\n\n html.auto-color .post-full-image {\n background-color: color-mod(var(--color-darkmode) l(+8%));\n }\n\n html.auto-color .author-avatar {\n border-color: var(--color-darkmode);\n background-color: color-mod(var(--color-darkmode) l(+8%));\n }\n\n html.auto-color .author-profile-image {\n opacity: 1;\n }\n\n html.auto-color .author-profile-image path {\n fill: var(--color-darkmode);\n }\n\n html.auto-color .article-byline-meta .author-name a {\n color: #fff;\n }\n\n html.auto-color .no-image .author-social-link a {\n color: rgba(255, 255, 255, 0.75);\n }\n\n html.auto-color .gh-content > [id] {\n color: rgba(255, 255, 255, 0.9);\n }\n\n html.auto-color .gh-content pre {\n background: color-mod(var(--color-darkgrey) l(-8%));\n }\n\n html.auto-color .gh-content :not(pre) > code {\n background: color-mod(var(--color-darkgrey) l(+6%));\n border-color: color-mod(var(--color-darkmode) l(+8%));\n color: var(--color-wash);\n }\n\n :where(html.auto-color) .gh-content a {\n color: #fff;\n }\n\n html.auto-color .gh-content strong {\n color: #fff;\n }\n\n html.auto-color .gh-content em {\n color: #fff;\n }\n\n html.auto-color .gh-content code {\n color: #fff;\n background: #000;\n }\n\n html.auto-color hr {\n border-top-color: color-mod(var(--color-darkmode) l(+8%));\n }\n\n html.auto-color .gh-content hr:after {\n background: color-mod(var(--color-darkmode) l(+8%));\n box-shadow: var(--color-darkmode) 0 0 0 5px;\n }\n\n html.auto-color figcaption {\n color: rgba(255, 255, 255, 0.6);\n }\n\n html.auto-color .gh-content table:not(.gist table) td:first-child {\n background-image: linear-gradient(to right, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);\n }\n\n html.auto-color .gh-content table:not(.gist table) td:last-child {\n background-image: linear-gradient(to left, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);\n }\n\n html.auto-color .gh-content table:not(.gist table) th {\n color: rgba(255, 255, 255, 0.85);\n background-color: color-mod(var(--color-darkmode) l(+8%));\n }\n\n html.auto-color .gh-content table:not(.gist table) th,\n html.auto-color .gh-content table:not(.gist table) td {\n border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;\n }\n\n html.auto-color .gh-content :is(input, textarea) {\n color: color-mod(var(--color-midgrey) l(-30%));\n }\n\n html.auto-color .site-archive-header .no-image {\n color: rgba(255, 255, 255, 0.9);\n background: var(--color-darkmode);\n }\n\n html.auto-color .kg-header-card.kg-style-dark {\n background: color-mod(var(--color-darkgrey) l(-5%));\n }\n\n html.auto-color .kg-header-card.kg-style-light {\n background: color-mod(var(--color-darkgrey) l(+5%));\n }\n\n html.auto-color .kg-header-card h2.kg-header-card-header,\n html.auto-color .kg-header-card h3.kg-header-card-subheader {\n color: #fff;\n }\n\n html.auto-color .footer-cta-title {\n color: #fff;\n }\n\n @media (max-width: 767px) {\n html.auto-color .gh-head-open #gh-head,\n html.auto-color .gh-head-open #gh-head .gh-head-actions {\n background: var(--color-darkmode);\n }\n }\n}\n\n/*\n\nHey! You reached the end.\n\nHope you enjoyed this CSS file, if you have any suggestions\nfor improvements that might be useful for everyone who uses\nthis theme, you can find the open source repository for it\nhere: https://github.com/tryghost/casper\n\nOr, if you've just scrolled all the way to the bottom of the\nfile to add some of your own styles. Well, you've come to\nthe right place. Onward!\n\n */\n"]} \ No newline at end of file diff --git a/assets/css/global.css b/assets/css/global.css index 06b3323..0e289f3 100644 --- a/assets/css/global.css +++ b/assets/css/global.css @@ -275,8 +275,8 @@ html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { - color: #35373A; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; + color: var(--color-darkgrey); + font-family: var(--font-sans); font-size: 1.6rem; line-height: 1.6em; font-weight: 400; diff --git a/assets/css/screen.css b/assets/css/screen.css index 39e366a..4a8d085 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -6,21 +6,19 @@ production stylesheet in assets/built/screen.css 1. Global Styles 2. Layout -3. Special Templates -4. Site Header - 4.1 Home header - 4.2 Archive header -5. Site Navigation -6. Post Feed -7. Single Post - 7.1. Post Byline - 7.2. Members Subscribe Form - 7.4. Related Posts - 7.5. Koenig Styles -8. Author Template +3. Site Header +4. Site Navigation +5. Post Feed +6. Single Post + 6.1. Post Byline + 6.2. Subscribe + 6.3. Read More + 6.4. Comments +7. Author Template +8. Tag Template 9. Error Template -11. Site Footer -12. Dark Mode +10. Site Footer +11. Dark Mode */ @@ -38,7 +36,9 @@ production stylesheet in assets/built/screen.css --color-red: #f05230; --color-darkgrey: #15171A; --color-midgrey: #738a94; - --color-lightgrey: #c5d2d9; + --color-lightgrey: #f1f1f1; + --color-secondary-text: #979797; + --color-border: #e1e1e1; --color-wash: #e5eff5; --color-darkmode: #151719; @@ -52,7 +52,7 @@ production stylesheet in assets/built/screen.css */ /* Fonts */ - --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; + --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --font-serif: Georgia, Times, serif; --font-mono: Menlo, Courier, monospace; @@ -63,6 +63,7 @@ production stylesheet in assets/built/screen.css /* ---------------------------------------------------------- */ .viewport { + position: relative; display: flex; flex-direction: column; min-height: 100vh; @@ -75,7 +76,7 @@ production stylesheet in assets/built/screen.css /* Full width page blocks */ .outer { position: relative; - padding: 0 4vmin; + padding: 0 max(4vmin, 20px); } /* Centered content container blocks */ @@ -86,7 +87,7 @@ production stylesheet in assets/built/screen.css } -/* 4. Site Header +/* 3. Site Header /* ---------------------------------------------------------- */ .site-header { @@ -110,86 +111,287 @@ production stylesheet in assets/built/screen.css position: relative; z-index: 100; display: flex; - flex-direction: column; - justify-content: center; align-items: center; - padding: 6vw 3vw; - min-height: 200px; - max-height: 340px; + padding-top: calc(19vmin + 44px); + padding-bottom: 19vmin; text-align: center; + color: var(--color-darkgrey); +} + +.has-cover .site-header-content { + min-height: 560px; + background-color: var(--ghost-accent-color); + color: #fff; +} + +.site-header-content.left-aligned { + padding-bottom: 0; + text-align: left; +} + +.has-cover .site-header-content.left-aligned { + align-items: flex-end; + padding-bottom: max(4vmin, 32px); +} + +.site-header-content.no-content { + padding-top: 0; + padding-bottom: 2vmin; +} + +.site-header-inner { + position: relative; +} + +.site-header-content.left-aligned .site-header-inner { + align-items: flex-start; +} + +.site-logo { + flex-shrink: 0; + margin: 0 auto; + max-height: 120px; +} + +.site-header-content.left-aligned .site-logo { + margin-right: auto; + margin-left: 0; + max-height: 96px; } .site-title { z-index: 10; - margin: 0 0 0.15em; + margin: 0; padding: 0; + font-size: 5rem; + font-weight: 800; } -.site-logo { - max-height: 55px; +.has-serif-title .site-title { + font-family: var(--font-serif); } -.site-header-content p { +.has-cover .site-title { + font-size: 6rem; +} + +.site-header-content.left-aligned .site-title { + font-size: 4.4rem; +} + +.has-cover .site-header-content.left-aligned .site-title { + font-size: 4.6rem; +} + +.site-description { + display: inline-block; z-index: 10; - max-width: 600px; - margin: 0 auto; - line-height: 1.2em; - opacity: 0.8; + max-width: 960px; + font-size: 6rem; + font-weight: 700; + line-height: 1.1; } -@media (max-width: 600px) { - .site-header-content p { - max-width: 80vmin; - font-size: 1.8rem; +:is(.site-logo, .site-title) + .site-description { + max-width: 640px; + margin-top: 16px; + font-size: 2.4rem; + font-weight: 400; + line-height: 1.4; +} + +.site-logo + .site-description { + margin-top: 20px; +} + +.site-title + .site-description { + color: var(--color-secondary-text); +} + +.has-cover .site-description { + letter-spacing: -0.005em; + color: #fff; +} + +.has-cover :is(.site-logo, .site-title) + .site-description { + font-size: 2.4rem; +} + +.has-cover .site-header-content.left-aligned :is(.site-logo, .site-title) + .site-description { + font-size: 2.2rem; +} + +@media (min-width: 992px) { + .is-head-stacked.has-cover .site-header-content { + padding-top: calc(19vmin + 120px); } } -/* 4.1 Home header -/* ---------------------------------------------------------- */ - -.site-home-header { - position: relative; - z-index: 1000; - overflow: hidden; +@media (max-width: 991px) { + .site-header-content { + padding-top: calc(19vmin + 32px); + } } -.site-header-content { - padding: 18vmin 4vmin; - font-size: 2.5rem; - font-weight: 400; - color: #fff; - background: var(--ghost-accent-color); -} - -.site-header-content.large { - padding-top: 28vmin; - padding-bottom: 28vmin; +@media (max-width: 767px) { + .has-cover .site-header-content { + min-height: 240px; + } + .site-header-inner { + gap: 16px; + } + .site-logo { + max-width: 60%; + } + .site-title { + font-size: 3.4rem !important; + } + .site-description { + font-size: 2.2rem !important; + } + .site-logo + .site-description { + margin-top: 12px !important; + } + .site-title + .site-description { + margin-top: 12px !important; + } } -/* 5. Site Navigation +/* 4. Site Navigation /* ---------------------------------------------------------- */ .gh-head { - padding: 1vmin 4vmin; + height: 88px; font-size: 1.6rem; line-height: 1.3em; + background-color: #fff; + z-index: 150; +} + +.has-cover:not(.home-template) .gh-head { + background-color: var(--ghost-accent-color); + color: #fff; +} + +:is(.home-template, .paged:not(.tag-template):not(.author-template)).has-cover .gh-head { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 2000; + background-color: transparent; color: #fff; - background: var(--ghost-accent-color); } .gh-head a { - color: inherit; text-decoration: none; } .gh-head-inner { display: grid; - grid-gap: 2.5vmin; - grid-template-columns: auto auto 1fr; + column-gap: 40px; + grid-template-columns: auto 1fr auto; grid-auto-flow: row dense; + align-items: center; + height: 100%; } +/* Header styles +/* ---------------------------------------------------------- */ + +.is-head-left-logo .gh-head-inner { + grid-template-columns: auto 1fr auto; +} + +.is-head-left-logo.home-template .gh-head:not(.is-header-hidden) .gh-head-logo { + display: none; +} + +.is-head-left-logo.home-template .gh-head:not(.is-header-hidden) .gh-head-menu { + margin-left: -40px; +} + +@media (min-width: 992px) { + .is-head-left-logo .gh-head-menu { + margin-right: 64px; + margin-left: 16px; + } +} + +.is-head-middle-logo .gh-head-inner { + grid-template-columns: 1fr auto 1fr; +} + +.is-head-middle-logo .gh-head-brand { + grid-column-start: 2; +} + +@media (min-width: 992px) { + .is-head-middle-logo .gh-head-menu { + margin-right: 64px; + } +} + +.is-head-stacked .gh-head { + height: auto; +} + +.is-head-stacked .gh-head-inner { + grid-template-columns: 1fr auto 1fr; +} + +.is-head-stacked .gh-head-brand { + grid-row-start: 1; + grid-column-start: 2; +} + +@media (min-width: 992px) { + .is-head-stacked .gh-head-inner { + padding: 0; + } + + .is-head-stacked .gh-head-brand { + position: relative; + display: flex; + align-items: center; + height: 80px; + } + + .is-head-stacked .gh-head-menu { + grid-row-start: 2; + grid-column: 1 / 4; + justify-content: center; + height: 56px; + margin: 0 48px; + } + + .is-head-stacked .gh-head-menu::before, + .is-head-stacked .gh-head-menu::after { + position: absolute; + top: 80px; + left: 0; + width: 100%; + height: 1px; + content: ""; + background-color: var(--color-lightgrey); + } + + .is-head-stacked.has-cover .gh-head-menu::before, + .is-head-stacked.has-cover .gh-head-menu::after { + background-color: rgba(255, 255, 255, 0.2); + } + + .is-head-stacked .gh-head-menu::after { + top: 136px; + } + + .is-head-stacked .gh-head-actions { + grid-row-start: 1; + grid-column: 1 / 4; + justify-content: space-between; + } +} /* Brand /* ---------------------------------------------------------- */ @@ -198,22 +400,28 @@ production stylesheet in assets/built/screen.css display: flex; align-items: center; height: 40px; - max-width: 200px; - text-align: center; word-break: break-all; } .gh-head-logo { display: block; - padding: 10px 0; - font-weight: 700; - font-size: 2rem; - line-height: 1.2em; + font-weight: 800; + font-size: 2.6rem; letter-spacing: -0.02em; + color: inherit; + white-space: nowrap; +} + +.gh-head-logo.no-image { + margin-top: -5px; +} + +.has-cover .gh-head-logo { + color: #fff; } .gh-head-logo img { - max-height: 26px; + max-height: 40px; } @@ -223,95 +431,219 @@ production stylesheet in assets/built/screen.css .gh-head-menu { display: flex; align-items: center; + margin-top: 1px; font-weight: 500; } .gh-head-menu .nav { display: inline-flex; - flex-wrap: wrap; align-items: center; + flex-wrap: wrap; + gap: 32px; list-style: none; margin: 0; padding: 0; } .gh-head-menu .nav li { - margin: 0 2.5vmin 0 0; + margin: 0; padding: 0; } .gh-head-menu .nav a { display: inline-block; - padding: 5px 0; - opacity: 0.8 + line-height: 1.7; + color: inherit; } .gh-head-menu .nav a:hover { + opacity: 0.9; +} + +.gh-head-menu .nav-more-toggle { + position: relative; + width: 30px; + height: 30px; + margin: 0 -6px; + padding: 0; + font-size: inherit; + background-color: transparent; + text-transform: inherit; +} + +.gh-head-menu .nav-more-toggle svg { + width: 24px; + height: 24px; +} + +@media (min-width: 992px) { + body:not(.is-dropdown-loaded) .gh-head-menu .nav > li { + opacity: 0; + } +} + + +/* Dropdown +/* ---------------------------------------------------------- */ + +.gh-dropdown { + position: absolute; + top: 100%; + right: -16px; + z-index: 90; + width: 200px; + padding: 12px 0; + margin-top: 24px; + opacity: 0; + visibility: hidden; + text-align: left; + background-color: #fff; + border-radius: 5px; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 7px 20px -5px rgba(0, 0, 0, 0.15); + transform: translate3d(0, 6px, 0); + transition: opacity 0.3s, transform 0.2s; +} + +.is-head-middle-logo .gh-dropdown { + right: auto; + left: -24px; +} + +.is-dropdown-mega .gh-dropdown { + display: grid; + grid-template-columns: 1fr 1fr; + grid-auto-flow: column; + column-gap: 40px; + min-width: 320px; + padding: 20px 32px; +} + +.is-dropdown-open .gh-dropdown { opacity: 1; + visibility: visible; + transform: translateY(0); +} + +.gh-head-menu .gh-dropdown li a { + display: block; + padding: 6px 20px; + color: #15171a; +} + +.is-dropdown-mega .gh-dropdown li a { + padding: 8px 0; } /* Secondary Navigation /* ---------------------------------------------------------- */ +.gh-social { + display: flex; + align-items: center; + gap: 20px; +} + +.gh-social-link { + line-height: 0; + color: inherit; +} + +.gh-social-link:hover { + opacity: 0.9; +} + +.gh-social-link svg { + width: 18px; + height: 18px; +} + .gh-head-actions { display: flex; justify-content: flex-end; align-items: center; + gap: 24px; list-style: none; text-align: right; } -.gh-head-actions-list { - display: inline-flex; - flex-wrap: wrap; - justify-content: flex-end; +.gh-head-members { + display: flex; + gap: 20px; align-items: center; } -.gh-head-actions-list a:not([class]) { - display: inline-block; - margin: 0 0 0 1.5vmin; - padding: 5px 0; -} - -.gh-social { - margin: 0 1.5vmin 0 0; -} - -.gh-social a { - opacity: 0.8 -} - -.gh-social a + a { - margin-left: 0.8rem; -} - -.gh-social a:hover { - opacity: 1; -} - -.gh-social svg { - height: 22px; - width: 22px; - fill: #fff; -} - -.gh-social-facebook svg { - height: 20px; - width: 20px; -} - -a.gh-head-button { - display: block; - padding: 8px 15px; - color: var(--button-text-color, var(--color-darkgrey)); +.gh-head-link { font-weight: 500; - letter-spacing: -0.015em; - font-size: 1.5rem; - line-height: 1em; - background: var(--button-bg-color, #fff); - border-radius: 30px; + color: inherit; +} + +.gh-head-button { + display: inline-flex; + justify-content: center; + align-items: center; + padding: 8px 20px; + height: 44px; + font-weight: 600; + letter-spacing: -0.005em; + font-size: 1.6rem; + border-radius: 48px; + color: #fff; + background: var(--ghost-accent-color); +} + +.has-cover .gh-head-button { + color: var(--color-darkgrey); + background: #fff; +} + +@media (max-width: 767px) { + .gh-head-members { + flex-direction: column-reverse; + gap: 16px; + width: 100%; + } +} + + +/* Search +/* ---------------------------------------------------------- */ + +.gh-search { + display: inline-flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + padding: 0; + cursor: pointer; + background-color: transparent; + border: 0; + outline: none; +} + +.gh-search:hover { + opacity: 0.9; +} + +.gh-head-brand .gh-search { + margin-right: 8px; +} + +.gh-head-actions .gh-search { + margin-right: -4px; +} + +@media (max-width: 767px) { + .gh-head-actions .gh-search { + display: none; + } +} + +@media (min-width: 768px) { + .gh-head-brand .gh-search { + display: none; + } } @@ -321,82 +653,48 @@ a.gh-head-button { .gh-burger { position: relative; display: none; + width: 30px; + height: 30px; + padding: 0; + margin-right: -3px; cursor: pointer; + background-color: transparent; + border: 0; + appearance: none; } -.gh-burger-box { - position: relative; - display: flex; - align-items: center; - justify-content: center; - width: 33px; - height: 33px; -} - -.gh-burger-inner { - width: 100%; - height: 100%; -} - -.gh-burger-box::before { +.gh-burger::before, +.gh-burger::after { position: absolute; - display: block; - top: 0; - left: 0; - bottom: 0; - margin: auto; - content: ''; - width: 100%; + left: 3px; + width: 24px; height: 1px; - background: currentcolor; - transition: transform 300ms cubic-bezier(.2,.6,.3,1), width 300ms cubic-bezier(.2,.6,.3,1); - will-change: transform, width; + content: ""; + background-color: var(--color-darkgrey); + transition: all 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s; } -.gh-burger-inner::before, -.gh-burger-inner::after { - position: absolute; - display: block; - top: 0; - left: 0; - bottom: 0; - margin: auto; - content: ''; - width: 100%; - height: 1px; - background: currentcolor; - transition: transform 250ms cubic-bezier(.2,.7,.3,1), width 250ms cubic-bezier(.2,.7,.3,1); - will-change: transform, width; +.has-cover .gh-burger::before, +.has-cover .gh-burger::after { + background-color: #fff; } -.gh-burger-inner::before { - transform: translatey(-6px); -} -.gh-burger-inner::after { - transform: translatey(6px); +.gh-burger::before { + top: 11px; } -body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::before { - transform: translatey(-8px); -} -body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after { - transform: translatey(8px); +.gh-burger::after { + bottom: 11px; } -.gh-head-open .gh-burger-box::before { - width: 0; - transform: translatex(19px); - transition: transform 200ms cubic-bezier(.2,.7,.3,1), width 200ms cubic-bezier(.2,.7,.3,1); +.gh-head-open .gh-burger::before { + top: 15px; + transform: rotate(45deg); } -.gh-head-open .gh-burger-inner::before { - width: 26px; - transform: translatex(6px) rotate(135deg); -} - -.gh-head-open .gh-burger-inner::after { - width: 26px; - transform: translatex(6px) rotate(-135deg); +.gh-head-open .gh-burger::after { + bottom: 14px; + transform: rotate(-45deg); } @@ -404,142 +702,161 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after { /* ---------------------------------------------------------- */ /* IDs needed to ensure sufficient specificity */ -@media (max-width: 900px) { - .gh-burger { - display: inline-block; - } +@media (max-width: 767px) { #gh-head { - transition: all 0.4s ease-out; - overflow: hidden; + height: 64px; } + #gh-head .gh-head-inner { - height: 100%; + grid-template-rows: auto 1fr auto; grid-template-columns: 1fr; + gap: 48px; } + #gh-head .gh-head-brand { - position: relative; - z-index: 10; - grid-column-start: auto; - max-width: none; - display: flex; + display: grid; + grid-template-columns: 1fr auto auto; + grid-column-start: 1; align-items: center; - justify-content: space-between; - user-select: none; + height: 64px; } - .home-template #gh-head.has-cover .gh-head-brand { - justify-content: flex-end; + + #gh-head .gh-head-logo { + font-size: 2.2rem; } - #gh-head .gh-head-menu { - align-self: center; - display: flex; - flex-direction: column; - align-items: center; - text-align: center; - margin: 0 0 10vh 0; - font-weight: 300; - font-size: 3.6rem; - line-height: 1.1em; + + #gh-head .gh-head-brand .gh-search { + margin-left: -6px; } - #gh-head .gh-head-menu .nav li { - margin: 5px 0; - } - #gh-head .gh-head-menu .nav a { - padding: 8px 0; - } - #gh-head .gh-head-menu .nav { - display: flex; - flex-direction: column; - align-items: center; + + #gh-head .gh-burger { + display: block; } + + #gh-head .gh-head-menu, #gh-head .gh-head-actions { - padding: 20px 0; + position: fixed; justify-content: center; - text-align: left; + visibility: hidden; + opacity: 0; } - #gh-head .gh-head-actions a { - margin: 0 10px; - } - /* Hide collapsed content */ - #gh-head .gh-head-actions, + #gh-head .gh-head-menu { - display: none; + margin: 0; + transition: none; + transform: translateY(0); } - /* Open the menu */ - .gh-head-open { - overflow: hidden; - height: 100vh; + + #gh-head .nav { + gap: 16px; + align-items: center; + line-height: 1.4; } + + #gh-head .nav a { + font-size: 2.6rem; + font-weight: 600; + text-transform: none; + } + + #gh-head .nav li { + opacity: 0; + transform: translateY(-4px); + } + + #gh-head :is(.gh-head-button, .gh-head-link) { + opacity: 0; + transform: translateY(8px); + } + + #gh-head .gh-head-button { + width: 100%; + font-size: 1.8rem; + text-transform: none; + opacity: 0; + transform: translateY(8px); + } + .gh-head-open #gh-head { position: fixed; - top: 0; + inset: 0; + z-index: 3999999; + height: 100%; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; + } + + .gh-head-open.has-cover #gh-head, + .gh-head-open.has-cover #gh-head .gh-head-actions { + background-color: var(--ghost-accent-color); + } + + .gh-head-open #gh-head .gh-head-menu, + .gh-head-open #gh-head .gh-head-actions { + position: static; + visibility: visible; + opacity: 1; + } + + .gh-head-open #gh-head .nav { + display: flex; + flex-direction: column; + } + + .gh-head-open #gh-head .nav li { + opacity: 1; + transition: transform 0.2s, opacity 0.2s; + transform: translateY(0); + } + + .gh-head-open #gh-head .gh-head-actions { + position: sticky; right: 0; bottom: 0; left: 0; - z-index: 3999999; - overflow-y: scroll; + display: inline-flex; + flex-direction: column; + gap: 12px; + align-items: center; + padding: max(4vmin, 20px) 0 max(4vmin, 28px); + background-color: #fff; } - .gh-head-open #gh-head .gh-head-inner { - grid-template-rows: auto 1fr auto; + + .gh-head-open #gh-head :is(.gh-head-button, .gh-head-link) { + opacity: 1; + transition: transform 0.4s, opacity 0.4s; + transition-delay: 0.2s; + transform: translateY(0); } - .gh-head-open #gh-head .gh-head-actions, - .gh-head-open #gh-head .gh-head-menu { - display: flex; + + .gh-head-open #gh-head .gh-head-link { + transition-delay: 0.4s; } } -@media (max-width: 600px) { - #gh-head .gh-head-menu { - font-size: 6vmin; - } -} -.home-template .gh-head.has-cover { - position: absolute; - top: 0; - right: 0; - left: 0; - z-index: 2000; -} - -.home-template .gh-head.has-cover { - background: transparent; -} - -.home-template.gh-head-open .gh-head { - background: var(--ghost-accent-color); -} - -.home-template .gh-head.has-cover .gh-head-logo { - display: none; -} -.home-template .gh-head.has-cover .gh-head-menu { - margin-left: -2.5vmin; -} - - -/* 6. Post Feed +/* 5. Post Feed /* ---------------------------------------------------------- */ .post-feed { position: relative; display: grid; - grid-gap: 4vmin; - grid-template-columns: 1fr 1fr 1fr; - padding: 4vmin 0; + gap: 4.8vmin 4vmin; + grid-template-columns: repeat(6, 1fr); + padding: max(4.8vmin, 36px) 0 0; } -.post-feed.list { - row-gap: 6vmin; - max-width: 940px; - margin: 2vmin auto 0; +:is(.tag-template, .author-template) .post-feed { + margin-top: 4vmin; } -@media (max-width: 1000px) { +@media (max-width: 991px) { .post-feed { grid-template-columns: 1fr 1fr; } } -@media (max-width: 700px) { + +@media (max-width: 767px) { .post-feed { grid-template-columns: 1fr; grid-gap: 40px; @@ -548,35 +865,67 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after { .post-card { position: relative; - flex: 1 1 301px; + grid-column: span 2; display: flex; flex-direction: column; - min-height: 220px; background-size: cover; word-break: break-word; } -@media (max-width: 700px) { - .post-card { - min-height: auto; - } -} - .post-card-image-link { position: relative; - display: block; overflow: hidden; - border-radius: 3px; + display: block; + margin-bottom: 32px; +} + +.post-card-image-link::after { + content: ""; + display: block; + padding-bottom: 55%; +} + +.post-card[class*="post-access-"] .post-card-image-link::after { + background-color: rgba(0, 0, 0, 0.5); + backdrop-filter: blur(3px); +} + +.post-card.keep-ratio[class*="post-access-"] .post-card-image-link::after { + position: absolute; + inset: 0; + padding-bottom: 0; +} + +.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image-link::after { + padding-bottom: 0; } .post-card-image { + position: absolute; + inset: 0; width: 100%; - height: 200px; + height: 100%; background: var(--color-lightgrey) no-repeat center center; - object-fit: cover; } +.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image { + position: static; +} + +.post-card-access { + position: absolute; + inset: 0; + z-index: 10; + display: flex; + align-items: center; + justify-content: center; + gap: 4px; + font-size: 1.5rem; + font-weight: 600; + color: #fff; +} + .post-card-content-link { position: relative; display: block; @@ -587,10 +936,6 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after { text-decoration: none; } -.post-card-header { - margin: 20px 0 0; -} - .post-feed .no-image .post-card-content-link { padding: 0; } @@ -599,19 +944,41 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after { margin-top: 0; } -.post-card-primary-tag { - margin: 0 0 0.2em; +.post-card-tags { + display: flex; + align-items: center; + gap: 12px; + margin: 0 0 10px; + color: var(--color-secondary-text); + font-size: 1.4rem; + font-weight: 600; + letter-spacing: -0.005em; + line-height: 1; +} + +.post-card-featured { + position: relative; + display: flex; + align-items: center; + gap: 3px; + padding-left: 18px; color: var(--ghost-accent-color); - font-size: 1.2rem; - font-weight: 500; - letter-spacing: 0.2px; - text-transform: uppercase; +} + +.post-card-featured svg { + position: absolute; + left: 0; } .post-card-title { - margin: 0 0 0.4em; - font-size: 2.4rem; - transition: color 0.2s ease-in-out; + margin: 0; + font-size: 2.6rem; + font-weight: 800; + line-height: 1.2; +} + +.post-card-content-link:hover .post-card-title { + opacity: 0.9; } .no-image .post-card-title { @@ -620,6 +987,12 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after { .has-serif-title .post-card-title { font-family: var(--font-serif); + letter-spacing: -0.005em; +} + +.post-card-title svg { + margin-top: -3px; + margin-left: -1px; } .post-card-content { @@ -629,32 +1002,58 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after { } .post-card-excerpt { - max-width: 56em; - color: color-mod(var(--color-midgrey) l(-8%)); - font-family: var(--font-serif); -} - -.has-sans-body .post-card-excerpt { - font-family: var(--font-sans-serif); -} - -.post-card-excerpt p { - margin-bottom: 1em; display: -webkit-box; overflow-y: hidden; + margin-top: 12px; + max-width: 720px; + font-size: 1.6rem; + line-height: 1.5; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word; } +.has-sans-body .post-card-excerpt { + font-family: var(--font-sans); +} + +.post-card:not(.post-card-large):not(.post-card-full):not(.dynamic):not(.no-image) .post-card-excerpt { + -webkit-line-clamp: 2; +} + +:is(.tag-template, .author-template) .post-card-excerpt { + margin-top: 6px; +} + .post-card-meta { display: flex; align-items: center; + gap: 6px; + margin-top: 12px; padding: 0; + font-size: 1.3rem; + color: var(--color-secondary-text); } -.author-profile-image, -.avatar-wrapper { +.post-card-meta > * { + display: flex; + align-items: center; + gap: 6px; +} + +.post-card-meta > * + *:not(script)::before { + width: 2px; + height: 2px; + content: ""; + background-color: var(--color-secondary-text); + border-radius: 50%; +} + +.post-card-meta .sep { + margin: 0 4px; +} + +.author-profile-image { display: block; width: 100%; height: 100%; @@ -664,11 +1063,6 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after { object-fit: cover; } -.post-card-meta .profile-image-wrapper, -.post-card-meta .avatar-wrapper { - position: relative; -} - .author-list { display: flex; flex-wrap: wrap; @@ -684,69 +1078,6 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after { padding: 0; } -.static-avatar { - display: block; - overflow: hidden; - margin: 0 0 0 -6px; - width: 36px; - height: 36px; - border-radius: 100%; - box-shadow: 0 0 0 1px rgba(255,255,255,0.2); -} - -.post-card-byline-content { - flex: 1 1 50%; - display: flex; - flex-direction: column; - margin: 0 0 0 8px; - color: color-mod(var(--color-midgrey) l(+10%)); - font-size: 1.4rem; - line-height: 1.2em; - font-weight: 400; -} - -.post-card-byline-content span { - margin: 0; -} - -.post-card-byline-content a { - color: color-mod(var(--color-darkgrey) l(+15%)); - font-weight: 600; -} - -.post-card-byline-date { - font-size: 1.3rem; - line-height: 1.5em; -} - -.post-card-byline-date .bull { - display: inline-block; - margin: 0 2px; - opacity: 0.6; -} - -.single-author-byline { - display: flex; - flex-direction: column; - margin-left: 5px; - color: color-mod(var(--color-midgrey) l(-10%)); - font-size: 1.3rem; - line-height: 1.4em; - font-weight: 500; -} - -.single-author { - display: flex; - align-items: center; -} - -.single-author .static-avatar { - margin-left: -2px; -} - -.single-author-name { - display: inline-block; -} /* Special Styling for home page grid (below): @@ -754,39 +1085,14 @@ The first post in the list is styled to be bigger than the others and take over the full width of the grid to give it more emphasis. Wrapped in a media query to make sure this only happens on large viewports / desktop-ish devices. - */ - -@media (min-width: 701px) { - .post-feed.list .post-card-large { - grid-column: 1 / span 3; - display: grid; - grid-gap: 4vmin; - grid-template-columns: 3fr 5fr; - min-height: auto; - border-top: 0; - } - - .post-feed.list .post-card-large.no-image { - grid-template-columns: 1fr; - } - - .post-feed.list .post-card-large:not(.no-image) .post-card-header { - margin-top: 0; - } - - .post-feed.list .post-card-large .post-card-content { - justify-content: flex-start; - margin-top: -6px; - } -} +*/ @media (min-width: 1001px) { .post-card-large { - grid-column: 1 / span 3; + grid-column: span 6; display: grid; grid-gap: 4vmin; - grid-template-columns: 1fr 1fr 1fr; - min-height: 280px; + grid-template-columns: repeat(3, 1fr); border-top: 0; } @@ -796,21 +1102,16 @@ make sure this only happens on large viewports / desktop-ish devices. .post-card-large .post-card-image-link { position: relative; - grid-column: 1 / span 2; + grid-column: span 2; margin-bottom: 0; - min-height: 380px; } - .post-feed.list .post-card-large .post-card-image-link { - grid-column: 1 / span 1; - height: max-content; - min-height: auto; + .post-card-large .post-card-content { + grid-column: span 1; } - .post-feed.list .post-card-large .post-card-image-link::after { - content: ""; - display: block; - padding-bottom: 60%; + .post-card-large.no-image .post-card-content { + grid-column: span 2; } .post-card-large .post-card-image { @@ -819,69 +1120,130 @@ make sure this only happens on large viewports / desktop-ish devices. height: 100%; } - .post-card-large .post-card-content { - justify-content: center; + .post-card-large .post-card-tags { + margin-bottom: 12px; } .post-card-large .post-card-title { margin-top: 0; - font-size: 3.2rem; + font-size: 4.4rem; + line-height: 1.05; } - .post-feed.list .post-card-large .post-card-title { - font-size: 2.4rem; + .post-card-large .post-card-excerpt { + margin-top: 16px; } - .post-card-large .post-card-excerpt p { - font-size: 1.7rem; - line-height: 1.55em; - -webkit-line-clamp: 8; + .post-card-full { + grid-column: span 6; + } + + .post-card-full .post-card-image-link { + margin-bottom: 40px; + } + + .post-card-full .post-card-tags { + margin-bottom: 14px; + } + + .post-card-full .post-card-title { + font-size: 6.4rem; + line-height: 0.95; + } + + .post-card-full .post-card-excerpt { + margin-top: 20px; + font-size: 1.8rem; + } + + .post-card-large + .post-card-large:nth-child(even) { + margin: 32px 0; + } + + .post-card-large + .post-card-large:nth-child(even) .post-card-content { + order: -1; + } + + .post-card.dynamic { + grid-column: span 3; + } + + .post-card.dynamic .post-card-title { + font-size: 3rem; + } +} + +/* Pagination +/* ---------------------------------------------------------- */ + +.pagination { + display: none; + grid-template-columns: 1fr auto 1fr; + align-items: center; + margin-top: 8vmin; +} + +html.no-infinite-scroll .pagination { + display: grid; +} + +.pagination a { + font-size: 1.7rem; + font-weight: 600; +} + +.pagination .page-number { + grid-column-start: 2; + color: var(--color-secondary-text); +} + +.pagination .older-posts { + grid-column-start: 3; + text-align: right; +} + +@media (max-width: 767px) { + .pagination .page-number { + display: none; } } -@media (max-width: 500px) { - .post-card-title { - font-size: 1.9rem; - } - - .post-card-excerpt { - font-size: 1.6rem; - } -} - - -/* 7. Single Post +/* 6. Single Post /* ---------------------------------------------------------- */ .article { - padding: 8vmin 0; + padding: max(8vmin, 40px) 0 max(8vmin, 64px); word-break: break-word; } +.page-template .article { + padding-top: max(12vmin, 64px); +} + .article-header { - padding: 0 0 6vmin 0; + padding: 0 0 max(6.4vmin, 40px) 0; +} + +.page-template .article-header { + padding-bottom: max(3.2vmin, 28px); } .article-tag { - display: flex; - justify-content: flex-start; - align-items: center; - margin: 0 0 0.5rem; - color: var(--color-midgrey); - font-size: 1.3rem; - line-height: 1.4em; - letter-spacing: 0.02em; - font-weight: 600; - text-transform: uppercase; + margin-bottom: 16px; + font-size: 1.6rem; } .article-tag a { - color: var(--ghost-accent-color); + color: var(--color-secondary-text); } .article-title { - color: color-mod(var(--color-darkgrey) l(-5%)); + margin-bottom: 0; + font-size: clamp(3.2rem, 5vw, 5.2rem); + font-weight: 800; + line-height: 1.05; + color: var(--color-darkgrey); } .has-serif-title .article-title { @@ -889,16 +1251,17 @@ make sure this only happens on large viewports / desktop-ish devices. } .article-excerpt { - margin: 0 0 1rem; + margin-top: 20px; + max-width: 720px; font-size: 2rem; - line-height: 1.4em; - opacity: 0.6; + line-height: 1.45; + color: var(--color-darkgrey); } .gh-canvas .article-image { grid-column: wide-start / wide-end; width: 100%; - margin: 6vmin 0 0; + margin: max(6.4vmin, 40px) 0 0; } .image-full .article-image { @@ -916,9 +1279,10 @@ make sure this only happens on large viewports / desktop-ish devices. width: 100%; } -@media (max-width: 600px) { +@media (max-width: 767px) { .article-excerpt { - font-size: 1.8rem; + margin-top: 14px; + font-size: 1.7rem; } } @@ -935,15 +1299,15 @@ use it for applying any other styles. */ display: grid; grid-template-columns: [full-start] - minmax(4vmin, auto) + minmax(max(4vmin, 20px), auto) [wide-start] minmax(auto, 240px) [main-start] - min(720px, calc(100% - 8vw)) + min(720px, calc(100% - max(8vmin, 40px))) [main-end] minmax(auto, 240px) [wide-end] - minmax(4vmin, auto) + minmax(max(4vmin, 20px), auto) [full-end] ; } @@ -974,7 +1338,7 @@ headings, text, images and lists. We deal with cards lower down. */ /* Default vertical spacing */ .gh-content > * + * { - margin-top: 4vmin; + margin-top: max(3.2vmin, 24px); margin-bottom: 0; } @@ -1003,11 +1367,11 @@ is the very first element in the post content */ .gh-content > hr, .gh-content > blockquote { position: relative; - margin-top: 6vmin; + margin-top: max(4.8vmin, 32px); } .gh-content > hr + *, .gh-content > blockquote + * { - margin-top: 6vmin !important; + margin-top: max(4.8vmin, 32px) !important; } /* Now the content typography styles */ @@ -1024,7 +1388,7 @@ is the very first element in the post content */ .gh-content > p { font-family: var(--font-serif); font-weight: 400; - font-size: 2.1rem; + font-size: 2rem; line-height: 1.6em; } @@ -1125,17 +1489,17 @@ is the very first element in the post content */ .gh-content .kg-toggle-card .kg-toggle-content > ol, .gh-content .kg-toggle-card .kg-toggle-content > ul, .gh-content .kg-toggle-card .kg-toggle-content > p { - font-size: 1.7rem; + font-size: 1.8rem; } .gh-content .kg-product-card .kg-product-card-description > p, .gh-content .kg-product-card .kg-product-card-description > ol, .gh-content .kg-product-card .kg-product-card-description > ul { - font-size: 1.5rem; + font-size: 1.6rem; } .gh-content blockquote:not([class])::before { - left: -4vmin; + left: min(-4vmin, -20px); } } @@ -1207,7 +1571,6 @@ figcaption { padding: 1.5rem 1.5rem 0; text-align: center; color: rgba(0,0,0,0.5); - font-weight: 600; font-size: 1.3rem; line-height: 1.4em; } @@ -1215,7 +1578,7 @@ figcaption strong { color: rgba(0,0,0,0.8); } figcaption a { - color: var(--ghost-accent-color); + text-decoration: underline; } @@ -1277,21 +1640,17 @@ iframe.instagram-media + script + :not([id]) { } /* Tables */ -.post-full-content table { +.gh-content table:not(.gist table) { display: inline-block; overflow-x: auto; - margin: 0.5em 0 2.5em; max-width: 100%; width: auto; border-spacing: 0; border-collapse: collapse; - font-family: var(--font-sans-serif); + font-family: var(--font-sans); font-size: 1.6rem; white-space: nowrap; vertical-align: top; -} - -.post-full-content table { -webkit-overflow-scrolling: touch; background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center; background-attachment: scroll, scroll; @@ -1299,20 +1658,20 @@ iframe.instagram-media + script + :not([id]) { background-repeat: no-repeat; } -.post-full-content table td:first-child { +.gh-content table:not(.gist table) td:first-child { background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%); background-size: 20px 100%; background-repeat: no-repeat; } -.post-full-content table td:last-child { +.gh-content table:not(.gist table) td:last-child { background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%); background-position: 100% 0; background-size: 20px 100%; background-repeat: no-repeat; } -.post-full-content table th { +.gh-content table:not(.gist table) th { color: var(--color-darkgrey); font-size: 1.2rem; font-weight: 700; @@ -1322,20 +1681,20 @@ iframe.instagram-media + script + :not([id]) { background-color: color-mod(var(--color-wash) l(+4%)); } -.post-full-content table th, -.post-full-content table td { +.gh-content table:not(.gist table) th, +.gh-content table:not(.gist table) td { padding: 6px 12px; border: color-mod(var(--color-wash) l(-1%) s(-5%)) 1px solid; } -/* 7.1. Post Byline +/* 6.1. Post Byline /* ---------------------------------------------------------- */ .article-byline { display: flex; justify-content: space-between; - margin: 20px 0 0; + margin: min(24px, 5.6vmin) 0 0; } .article-byline-content { @@ -1346,89 +1705,68 @@ iframe.instagram-media + script + :not([id]) { .article-byline-content .author-list { justify-content: flex-start; - padding: 0 12px 0 0; + padding: 0 14px 0 0; } .article-byline-meta { - color: color-mod(var(--color-midgrey)); + color: var(--color-secondary-text); font-size: 1.4rem; line-height: 1.2em; } -.article-byline-meta h4 { - margin: 0 0 3px; - font-size: 1.6rem; +.article-byline-meta .author-name { + margin: 0 0 6px; + font-size: 1.7rem; + font-weight: 700; + letter-spacing: 0; } .article-byline-meta .bull { display: inline-block; margin: 0 2px; - opacity: 0.6; } .author-avatar { display: block; overflow: hidden; margin: 0 -4px; - width: 50px; - height: 50px; + width: min(56px, 13.6vmin); + height: min(56px, 13.6vmin); border: #fff 2px solid; - border-radius: 100%; - transition: all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 700ms; -} - -.basic-info .avatar-wrapper { - position: relative; - margin: 0; - width: 60px; - height: 60px; - border: none; - background: rgba(229, 239, 245, 0.1); -} - -.basic-info .avatar-wrapper svg { - margin: 0; - width: 60px; - height: 60px; - opacity: 0.15; + border-radius: 50%; + background-color: var(--color-border); } .page-template .article-title { margin-bottom: 0; } +@media (max-width: 767px) { + .article-byline-content .author-list { + padding-right: 12px; + } + .article-byline-meta .author-name { + margin-bottom: 4px; + } +} -/* 7.3. Subscribe + +/* 6.2. Subscribe /* ---------------------------------------------------------- */ .footer-cta { position: relative; - margin-bottom: -40px; - padding: 9vmin 4vmin 10vmin; - color: #fff; text-align: center; - background: var(--color-darkgrey); } -.footer-cta.cta-alt { - padding: 2vmin 4vmin 12vmin; - background: transparent; +.footer-cta-title { + margin: 0 0 min(24px, 6.4vmin); + font-size: clamp(2.6rem, 5vw, 3.8rem); + font-weight: 800; } -/* Increases the default h2 size by 15%, for small and large screens */ -.footer-cta h2 { - margin: 0 0 30px; - font-size: 3.2rem; -} - -.footer-cta.cta-alt h2 { - color: var(--color-darkgrey); -} - -@media (max-width: 600px) { - .footer-cta h2 { - font-size: 2.65rem; - } +.has-serif-title .footer-cta-title { + font-family: var(--font-serif); } .footer-cta-button { @@ -1439,166 +1777,151 @@ iframe.instagram-media + script + :not([id]) { width: 100%; max-width: 500px; padding: 5px 5px 5px 15px; - font-size: 1.8rem; - color: var(--color-midgrey); + font-size: 1.7rem; + color: var(--color-secondary-text); background: #fff; + border: 1px solid var(--color-border); border-radius: 8px; + transition: border-color 0.2s; } -.footer-cta.cta-alt .footer-cta-button { - border: 1px solid var(--color-lightgrey); +.footer-cta-button:hover { + border-color: color-mod(var(--color-border) l(-12%)); } .footer-cta-button span { display: inline-block; - padding: 10px 15px; + padding: 9px 15px; color: #fff; - font-weight: 500; + font-size: 1.6rem; + font-weight: 600; + letter-spacing: -0.005em; background: var(--ghost-accent-color); - border-radius: 5px; + border-radius: 6px; } -/* 7.4. Read more +/* 6.3. Read more /* ---------------------------------------------------------- */ .read-more-wrap { - width: 100%; - padding: 4vmin; - margin: 40px auto -40px; - border-bottom: 1px solid rgba(255, 255, 255, 0.1); - background: color-mod(var(--color-darkgrey) l(-5%)); + margin-top: 2.4vmin; +} + +.footer-cta + .read-more-wrap { + margin-top: max(12vmin, 72px); } .read-more { display: grid; - grid-template-columns: 1fr 1fr 1fr; + grid-template-columns: repeat(6, 1fr); grid-gap: 4vmin; } -.read-more .post-card-title { - color: #fff; - opacity: 0.8; +.read-more .post-card-tags { + display: none; } -.read-more .post-card-excerpt { - color: rgba(255, 255, 255, 0.6); -} - -.read-more .post-card-byline-content a { - color: #fff; -} - - @media (max-width: 1000px) { .read-more { - grid-template-columns: 1fr 1fr; + grid-template-columns: repeat(4, 1fr); } - .read-more article:nth-child(3) { + .read-more .post-card:nth-child(3) { display: none; } } @media (max-width: 700px) { .read-more { - grid-template-columns: 1fr; + grid-template-columns: repeat(2, 1fr); } - .read-more article:nth-child(2) { + .read-more .post-card:nth-child(2) { display: none; } } - -/* 8. Author Template +/* 6.4. Comments /* ---------------------------------------------------------- */ - -.author-template .posts { - position: relative; - height: 100%; - display: grid; - grid-template-columns: 200px 1fr 1fr; - grid-gap: 4vmin; +.comments { + display: flex; + flex-direction: column; + align-items: center; + margin: 60px 0 44px; } -.author-template .posts .post-feed { - grid-column: 2 / 4; - grid-template-columns: 1fr 1fr; + +.comments-head { + display: flex; + align-items: baseline; + justify-content: space-between; + margin-bottom: 32px; + width: 100%; + max-width: 720px; } -.author-profile { - padding: 4vmin 0; +.comments h2 { + width: 100%; + max-width: 720px; + font-weight: 800; + font-size: 3.4rem; } -.author-profile-content { - height: auto; - position: sticky; - top: 4vmin; - font-size: 1.4rem; - line-height: 1.4em; +.comments .comment-count { + color: var(--color-midgrey); + font-weight: 600; + white-space: nowrap; } +.comments #ghost-comments-root { + width: 100%; + max-width: 720px; +} + + +/* 7. Author Template +/* ---------------------------------------------------------- */ + .author-profile-pic { display: block; - width: 150px; - height: 150px; + width: 80px; + height: 80px; object-fit: cover; margin: 0 0 2rem; background: color-mod(var(--color-lightgrey) l(+10%)); border-radius: 50%; } -.author-profile h1 { - margin: 0 0 0.3em; - font-size: 2rem; -} - -.author-profile p { - margin: 0 0 1.5em; - color: color-mod(var(--color-midgrey) l(-8%)); +.author-profile-footer { + margin-top: 16px; } .author-profile-location { - margin: 0 0 1.5em; font-weight: 700; } +.author-profile-meta { + display: flex; + gap: 10px; +} + .author-profile-social-link { - display: block; - padding: 0 0 5px; font-size: 1.3rem; - color: color-mod(var(--color-midgrey) l(-8%)); - text-overflow: ellipsis; - overflow: hidden; - max-width: 100%; - white-space: nowrap; + color: var(--color-secondary-text); } .author-profile-social-link:hover { color: var(--color-darkgrey); } -@media (max-width: 900px) { - .author-template .posts .post-feed { - grid-template-columns: 1fr; - } +.author-profile-social-link svg { + width: 16px; + height: 16px; } -@media (max-width: 650px) { - .author-template .posts { - grid-template-columns: 1fr; - grid-gap: 0; - } - .author-template .posts .post-feed { - grid-column: 1 / auto; - } - .author-profile { - padding-right: 0; - } - .author-profile-content { - display: flex; - flex-direction: column; - align-items: center; - text-align: center; +@media (min-width: 1001px) { + .author-template .post-card-large .post-card-content:only-child { + grid-column: span 2; + max-width: 640px; } } @@ -1615,12 +1938,18 @@ iframe.instagram-media + script + :not([id]) { order: 1; } +@media (min-width: 1001px) { + .tag-template .post-card-large .post-card-content:only-child { + grid-column: span 2; + max-width: 640px; + } +} /* 9. Error Template /* ---------------------------------------------------------- */ .error-content { - padding: 14vw 4vw 6vw; + padding: 14vw 4vw 2vw; } .error-message { @@ -1630,7 +1959,6 @@ iframe.instagram-media + script + :not([id]) { .error-code { margin: 0; - color: var(--ghost-accent-color); font-size: 12vw; line-height: 1em; letter-spacing: -5px; @@ -1638,9 +1966,10 @@ iframe.instagram-media + script + :not([id]) { .error-description { margin: 0; - color: var(--color-midgrey); + color: var(--color-secondary-text); font-size: 3.2rem; line-height: 1.3em; + letter-spacing: -0.005em; font-weight: 400; } @@ -1683,13 +2012,14 @@ iframe.instagram-media + script + :not([id]) { } -/* 11. Site Footer +/* 10. Site Footer /* ---------------------------------------------------------- */ .site-footer { position: relative; - margin: 40px 0 0 0; - padding: 40px 4vmin 140px; + margin: max(12vmin, 64px) 0 0 0; + padding-top: 48px; + padding-bottom: 140px; color: #fff; background: color-mod(var(--color-darkgrey) l(-5%)); } @@ -1751,7 +2081,7 @@ iframe.instagram-media + script + :not([id]) { border-radius: 100%; } -@media (max-width: 800px) { +@media (max-width: 767px) { .site-footer .inner { max-width: 500px; grid-template-columns: 1fr; @@ -1763,23 +2093,15 @@ iframe.instagram-media + script + :not([id]) { color: #fff; font-size: 1.5rem; } + .site-footer .copyright { + margin-bottom: 16px; + } } -/* 12. Dark Mode +/* 11. Dark Mode /* ---------------------------------------------------------- */ -/* If you prefer a dark color scheme, you can enable dark mode -by adding the following code to the Head section of "Code Injection" -settings inside: Ghost Admin > Settings > Advanced - - - -Or you can just edit default.hbs and add the .dark-mode class directly -to the html tag on the very first line of the file. - - */ - html.dark-mode body { color: rgba(255, 255, 255, 0.75); background: var(--color-darkmode); @@ -1793,16 +2115,22 @@ html.dark-mode kbd { background: color-mod(var(--color-darkmode) l(+5%)); } -html.dark-mode .post-card, -html.dark-mode .post-card:hover { - border-bottom-color: color-mod(var(--color-darkmode) l(+8%)); +html.dark-mode figcaption a { + color: #fff; } -html.dark-mode .post-card-byline-content a { - color: rgba(255, 255, 255, 0.75); +html.dark-mode .gh-head, +html.dark-mode .has-cover:not(.home-template) .gh-head { + background: var(--color-darkmode); + color: #fff; } -html.dark-mode .post-card-byline-content a:hover { +html.dark-mode .gh-burger::before, +html.dark-mode .gh-burger::after { + background-color: #fff; +} + +html.dark-mode .site-header-content { color: #fff; } @@ -1810,39 +2138,60 @@ html.dark-mode .post-card-image { background: var(--color-darkmode); } +html.dark-mode :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content, .pagination .page-number) { + color: color-mod(var(--color-secondary-text) l(-22%)); +} + +html.dark-mode .post-card-featured { + color: #fff; +} + html.dark-mode .post-card-title { - color: rgba(255, 255, 255, 0.85); + color: #fff; } html.dark-mode .post-card-excerpt { - color: color-mod(var(--color-midgrey) l(+10%)); + color: var(--color-secondary-text); } -html.dark-mode .post-full-content { - background: var(--color-darkmode); +html.dark-mode .pagination a { + color: #fff; +} + +html.dark-mode .author-profile-location { + color: #fff; +} + +html.dark-mode .author-profile-social-link:hover { + color: #fff; } html.dark-mode .article-title { - color: rgba(255, 255, 255, 0.9); + color: #fff; } html.dark-mode .article-excerpt { - color: color-mod(var(--color-midgrey) l(+10%)); + color: var(--color-secondary-text); } html.dark-mode .post-full-image { background-color: color-mod(var(--color-darkmode) l(+8%)); } -html.dark-mode .article-byline { - border-top-color: color-mod(var(--color-darkmode) l(+15%)); +html.dark-mode .author-avatar { + border-color: var(--color-darkmode); + background-color: color-mod(var(--color-darkmode) l(+8%)); } -html.dark-mode .article-byline-meta h4 a { - color: rgba(255, 255, 255, 0.75); +html.dark-mode .author-profile-image { + opacity: 1; } -html.dark-mode .article-byline-meta h4 a:hover { +html.dark-mode .author-profile-image path { + fill: var(--color-darkmode); +} + +html.dark-mode .article-byline-meta .author-name a { color: #fff; } @@ -1864,7 +2213,7 @@ html.dark-mode .gh-content :not(pre) > code { color: var(--color-wash); } -html.dark-mode .gh-content a:not(.kg-btn):not(.kg-nft-card-container):not(.kg-product-card-button):not(.kg-header-card-button) { +:where(html.dark-mode) .gh-content a { color: #fff; } @@ -1894,25 +2243,25 @@ html.dark-mode figcaption { color: rgba(255, 255, 255, 0.6); } -html.dark-mode .gh-content table td:first-child { +html.dark-mode .gh-content table:not(.gist table) td:first-child { background-image: linear-gradient(to right, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%); } -html.dark-mode .gh-content table td:last-child { +html.dark-mode .gh-content table:not(.gist table) td:last-child { background-image: linear-gradient(to left, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%); } -html.dark-mode .gh-content table th { +html.dark-mode .gh-content table:not(.gist table) th { color: rgba(255, 255, 255, 0.85); background-color: color-mod(var(--color-darkmode) l(+8%)); } -html.dark-mode .gh-content table th, -html.dark-mode .gh-content table td { +html.dark-mode .gh-content table:not(.gist table) th, +html.dark-mode .gh-content table:not(.gist table) td { border: color-mod(var(--color-darkmode) l(+8%)) 1px solid; } -html.dark-mode .gh-content input { +html.dark-mode .gh-content :is(input, textarea) { color: color-mod(var(--color-midgrey) l(-30%)); } @@ -1934,6 +2283,17 @@ html.dark-mode .kg-header-card h3.kg-header-card-subheader { color: #fff; } +html.dark-mode .footer-cta-title { + color: #fff; +} + +@media (max-width: 767px) { + html.dark-mode .gh-head-open #gh-head, + html.dark-mode .gh-head-open #gh-head .gh-head-actions { + background: var(--color-darkmode); + } +} + @media (prefers-color-scheme: dark) { html.auto-color body { color: rgba(255, 255, 255, 0.75); @@ -1948,16 +2308,22 @@ html.dark-mode .kg-header-card h3.kg-header-card-subheader { background: color-mod(var(--color-darkmode) l(+5%)); } - html.auto-color .post-card, - html.auto-color .post-card:hover { - border-bottom-color: color-mod(var(--color-darkmode) l(+8%)); + html.auto-color figcaption a { + color: #fff; } - html.auto-color .post-card-byline-content a { - color: rgba(255, 255, 255, 0.75); + html.auto-color .gh-head, + html.auto-color .has-cover:not(.home-template) .gh-head { + background: var(--color-darkmode); + color: #fff; } - html.auto-color .post-card-byline-content a:hover { + html.auto-color .gh-burger::before, + html.auto-color .gh-burger::after { + background-color: #fff; + } + + html.auto-color .site-header-content { color: #fff; } @@ -1965,39 +2331,60 @@ html.dark-mode .kg-header-card h3.kg-header-card-subheader { background: var(--color-darkmode); } + html.auto-color :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content, .pagination .page-number) { + color: color-mod(var(--color-secondary-text) l(-22%)); + } + + html.auto-color .post-card-featured { + color: #fff; + } + html.auto-color .post-card-title { - color: rgba(255, 255, 255, 0.85); + color: #fff; } html.auto-color .post-card-excerpt { - color: color-mod(var(--color-midgrey) l(+10%)); + color: var(--color-secondary-text); } - html.auto-color .post-full-content { - background: var(--color-darkmode); + html.auto-color .pagination a { + color: #fff; + } + + html.auto-color .author-profile-location { + color: #fff; + } + + html.auto-color .author-profile-social-link:hover { + color: #fff; } html.auto-color .article-title { - color: rgba(255, 255, 255, 0.9); + color: #fff; } html.auto-color .article-excerpt { - color: color-mod(var(--color-midgrey) l(+10%)); + color: var(--color-secondary-text); } html.auto-color .post-full-image { background-color: color-mod(var(--color-darkmode) l(+8%)); } - html.auto-color .article-byline { - border-top-color: color-mod(var(--color-darkmode) l(+15%)); + html.auto-color .author-avatar { + border-color: var(--color-darkmode); + background-color: color-mod(var(--color-darkmode) l(+8%)); } - html.auto-color .article-byline-meta h4 a { - color: rgba(255, 255, 255, 0.75); + html.auto-color .author-profile-image { + opacity: 1; } - html.auto-color .article-byline-meta h4 a:hover { + html.auto-color .author-profile-image path { + fill: var(--color-darkmode); + } + + html.auto-color .article-byline-meta .author-name a { color: #fff; } @@ -2019,7 +2406,7 @@ html.dark-mode .kg-header-card h3.kg-header-card-subheader { color: var(--color-wash); } - html.auto-color .gh-content a:not(.kg-btn):not(.kg-nft-card-container):not(.kg-product-card-button):not(.kg-header-card-button) { + :where(html.auto-color) .gh-content a { color: #fff; } @@ -2049,25 +2436,25 @@ html.dark-mode .kg-header-card h3.kg-header-card-subheader { color: rgba(255, 255, 255, 0.6); } - html.auto-color .gh-content table td:first-child { + html.auto-color .gh-content table:not(.gist table) td:first-child { background-image: linear-gradient(to right, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%); } - html.auto-color .gh-content table td:last-child { + html.auto-color .gh-content table:not(.gist table) td:last-child { background-image: linear-gradient(to left, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%); } - html.auto-color .gh-content table th { + html.auto-color .gh-content table:not(.gist table) th { color: rgba(255, 255, 255, 0.85); background-color: color-mod(var(--color-darkmode) l(+8%)); } - html.auto-color .gh-content table th, - html.auto-color .gh-content table td { + html.auto-color .gh-content table:not(.gist table) th, + html.auto-color .gh-content table:not(.gist table) td { border: color-mod(var(--color-darkmode) l(+8%)) 1px solid; } - html.auto-color .gh-content input { + html.auto-color .gh-content :is(input, textarea) { color: color-mod(var(--color-midgrey) l(-30%)); } @@ -2088,6 +2475,17 @@ html.dark-mode .kg-header-card h3.kg-header-card-subheader { html.auto-color .kg-header-card h3.kg-header-card-subheader { color: #fff; } + + html.auto-color .footer-cta-title { + color: #fff; + } + + @media (max-width: 767px) { + html.auto-color .gh-head-open #gh-head, + html.auto-color .gh-head-open #gh-head .gh-head-actions { + background: var(--color-darkmode); + } + } } /* diff --git a/assets/js/dropdown.js b/assets/js/dropdown.js new file mode 100644 index 0000000..aedd8b0 --- /dev/null +++ b/assets/js/dropdown.js @@ -0,0 +1,85 @@ +(function () { + const mediaQuery = window.matchMedia('(max-width: 767px)'); + + const head = document.querySelector('.gh-head'); + const menu = head.querySelector('.gh-head-menu'); + const nav = menu.querySelector('.nav'); + if (!nav) return; + + const logo = document.querySelector('.gh-head-logo'); + const navHTML = nav.innerHTML; + + if (mediaQuery.matches) { + const items = nav.querySelectorAll('li'); + items.forEach(function (item, index) { + item.style.transitionDelay = 0.03 * (index + 1) + 's'; + }); + } + + var windowClickListener; + const makeDropdown = function () { + if (mediaQuery.matches) return; + const submenuItems = []; + + while ((nav.offsetWidth + 64) > menu.offsetWidth) { + if (nav.lastElementChild) { + submenuItems.unshift(nav.lastElementChild); + nav.lastElementChild.remove(); + } else { + return; + } + } + + if (!submenuItems.length) { + document.body.classList.add('is-dropdown-loaded'); + return; + } + + const toggle = document.createElement('button'); + toggle.setAttribute('class', 'nav-more-toggle'); + toggle.setAttribute('aria-label', 'More'); + toggle.innerHTML = ''; + + const wrapper = document.createElement('div'); + wrapper.setAttribute('class', 'gh-dropdown'); + + if (submenuItems.length >= 10) { + document.body.classList.add('is-dropdown-mega'); + wrapper.style.gridTemplateRows = 'repeat(' + Math.ceil(submenuItems.length / 2) + ', 1fr)'; + } else { + document.body.classList.remove('is-dropdown-mega'); + } + + submenuItems.forEach(function (child) { + wrapper.appendChild(child); + }); + + toggle.appendChild(wrapper); + nav.appendChild(toggle); + + document.body.classList.add('is-dropdown-loaded'); + + toggle.addEventListener('click', function () { + document.body.classList.toggle('is-dropdown-open'); + }); + + windowClickListener = function (e) { + if (!toggle.contains(e.target) && document.body.classList.contains('is-dropdown-open')) { + document.body.classList.remove('is-dropdown-open'); + } + }; + window.addEventListener('click', windowClickListener); + } + + imagesLoaded(head, function () { + makeDropdown(); + }); + + window.addEventListener('resize', function () { + setTimeout(function () { + window.removeEventListener('click', windowClickListener); + nav.innerHTML = navHTML; + makeDropdown(); + }, 1); + }); +})(); diff --git a/assets/js/infinite-scroll.js b/assets/js/infinite-scroll.js index 3e9bd7a..9bb9c85 100644 --- a/assets/js/infinite-scroll.js +++ b/assets/js/infinite-scroll.js @@ -14,6 +14,8 @@ */ (function (window, document) { + if (document.documentElement.classList.contains('no-infinite-scroll')) return; + // next link element var nextElement = document.querySelector('link[rel=next]'); if (!nextElement) { diff --git a/assets/js/lib/imagesloaded.pkgd.min.js b/assets/js/lib/imagesloaded.pkgd.min.js new file mode 100644 index 0000000..e443a77 --- /dev/null +++ b/assets/js/lib/imagesloaded.pkgd.min.js @@ -0,0 +1,7 @@ +/*! + * imagesLoaded PACKAGED v4.1.4 + * JavaScript is all like "You images are done yet or what?" + * MIT License + */ + +!function(e,t){"function"==typeof define&&define.amd?define("ev-emitter/ev-emitter",t):"object"==typeof module&&module.exports?module.exports=t():e.EvEmitter=t()}("undefined"!=typeof window?window:this,function(){function e(){}var t=e.prototype;return t.on=function(e,t){if(e&&t){var i=this._events=this._events||{},n=i[e]=i[e]||[];return n.indexOf(t)==-1&&n.push(t),this}},t.once=function(e,t){if(e&&t){this.on(e,t);var i=this._onceEvents=this._onceEvents||{},n=i[e]=i[e]||{};return n[t]=!0,this}},t.off=function(e,t){var i=this._events&&this._events[e];if(i&&i.length){var n=i.indexOf(t);return n!=-1&&i.splice(n,1),this}},t.emitEvent=function(e,t){var i=this._events&&this._events[e];if(i&&i.length){i=i.slice(0),t=t||[];for(var n=this._onceEvents&&this._onceEvents[e],o=0;o +
-
-
+
-
- {{#author}} - {{!-- Everything inside the #author tags pulls data from the author --}} + {{#author}} +
-
+ {{#if cover_image}} +
+ {{!-- This is a responsive image, it loads different sizes depending on device + https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433 --}} + {{title}} +
+ {{/if}} + +
+
{{#if profile_image}} - {{name}} - {{else}} - {{> "icons/avatar"}} + {{name}} {{/if}} -

{{name}}

-

- {{#if bio}} - {{bio}} - {{else}} - {{plural ../pagination.total empty=(t "No posts") singular=(t "1 post") plural=(t "% posts")}} - {{/if}} -

+
+

{{name}}

+
-
+ {{#if bio}} +
{{bio}}
+ {{/if}} + +
+
+ {{#if website}} + {{website}} + {{/if}} + {{#if twitter}} + {{> "icons/twitter"}} + {{/if}} + {{#if facebook}} + {{> "icons/facebook"}} + {{/if}} +
+
+
- {{/author}} -
+
+ {{/author}} -
- {{#foreach posts}} - {{!-- The tag below includes the markup for each post - partials/post-card.hbs --}} - {{> "post-card"}} - {{/foreach}} -
+ {{#foreach posts}} + {{!-- The tag below includes the markup for each post - partials/post-card.hbs --}} + {{> "post-card"}} + {{/foreach}}
- + + {{pagination}} + + + diff --git a/default.hbs b/default.hbs index e5e0523..ed0ade9 100644 --- a/default.hbs +++ b/default.hbs @@ -1,5 +1,5 @@ - + {{!-- Basic meta - advanced meta is output with {ghost_head} below --}} @@ -9,15 +9,6 @@ - - {{!-- Theme assets - use the {asset} helper to reference styles & scripts, this will take care of caching and cache-busting automatically --}} @@ -27,47 +18,54 @@ {{ghost_head}} - - +
-
- +
diff --git a/error-404.hbs b/error-404.hbs index f810346..69d1e13 100644 --- a/error-404.hbs +++ b/error-404.hbs @@ -24,7 +24,7 @@ Keep this template as lightweight as you can! {{!-- Given that people landing on this page didn't find what they were looking for, let's give them some alternative stuff to read. --}} -
{{!--/.post-card-content--}} + diff --git a/post.hbs b/post.hbs index b45d7fc..396b994 100644 --- a/post.hbs +++ b/post.hbs @@ -8,48 +8,59 @@ into the {body} tag of the default.hbs template --}} {{!-- Everything inside the #post block pulls data from the post --}}
-
+
-
+
- {{#if primary_tag}} -
- {{primary_tag.name}} -
+
+ {{#primary_tag}} + + {{name}} + + {{/primary_tag}} + {{#if featured}} + {{> "icons/fire"}} Featured {{/if}} +
-

{{title}}

+

{{title}}

- {{#if custom_excerpt}} + {{#if custom_excerpt}}

{{custom_excerpt}}

- {{/if}} + {{/if}} -
-
- -
-

{{authors}}

-
- - • {{reading_time minute=(t "1 min read") minutes=(t "% min read")}} -
-
-
+
+
+ + + +
+

{{authors}}

+
+ + {{#if reading_time}} + • {{reading_time}} + {{/if}} +
- {{#if feature_image}} +
+
+ + {{#match @custom.post_image_style "!=" "Hidden"}} + {{#if feature_image}}
{{!-- This is a responsive image, it loads different sizes depending on device https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433 --}} @@ -66,50 +77,54 @@ into the {body} tag of the default.hbs template --}}
{{feature_image_caption}}
{{/if}}
- {{/if}} -
+ {{/if}} + {{/match}} -
- {{content}} -
+
- {{!-- +
+ {{content}} +
+ + {{#if comments}}
- If you want to embed comments, this is a good place to paste your code! + {{comments}}
- --}} + {{/if}} -
+
{{!-- A signup call to action is displayed here, unless viewed as a logged-in member --}} -{{#match @custom.email_signup_for_logged_out_visitors "!=" "None"}} -{{#unless @member}}{{#if access}} -