Merge branch 'master' into refactor-templatesrefactor-templates

9 files changed, 64 insertions, 25 deletions

diff --git a/assets/js/progressBar.js b/assets/js/progressBar.js
new file mode 100644
index 0000000..984c2d9
--- /dev/null
+++ b/assets/js/progressBar.js
@@ -0,0 +1,43 @@
+window.addEventListener("scroll", updateProgress);
+    
+progressBar = document.getElementById("progressBar");
+
+scrollProgress = document.getElementById("progressIndicator");
+
+if (document.getElementById("subscriptionSection")){
+    articleSubscription = document.getElementById("subscriptionSection").offsetHeight;
+}
+else{
+    articleSubscription = 0;
+}
+
+if(document.getElementById("articleNext")){
+    articleNext = document.getElementById("articleNext").offsetHeight;
+}
+else{
+    articleNext = 0;
+}
+
+bottomOffset = articleSubscription + articleNext;
+
+
+function updateProgress(){
+    let percentScrolled = (window.pageYOffset / (document.body.scrollHeight - (bottomOffset * 3.5))) * 100;
+
+    let transformation = "translateY(" + percentScrolled + "%)";
+    scrollProgress.style.webkitTransform = (transformation);
+    console.log(percentScrolled);
+
+    if (percentScrolled > 100){
+        progressBar.style.animationName = "progress-fade-out";
+        setTimeout(function(){
+            progressBar.style.opacity = "0";
+        }, 900);
+    }
+    else{
+        progressBar.style.animationName = "progress-fade-in";
+        setTimeout(function(){
+            progressBar.style.opacity = "1";
+        }, 900);
+    }
+}
\ No newline at end of file
diff --git a/assets/scss/progress.scss b/assets/scss/progress.scss
index 4433cc4..5255195 100644
--- a/assets/scss/progress.scss
+++ b/assets/scss/progress.scss
@@ -6,6 +6,7 @@
     z-index: 100;
     position: sticky;
     top: 30%;
+    animation-duration: 1s;
   
     /*DESKTOP MEDIUM*/
     @media screen and (max-width: $desktop_medium){
@@ -13,6 +14,16 @@
     }
 }
 
+@keyframes progress-fade-in {
+    from {opacity: 1;}
+    to {opacity: 0;}
+}
+
+@keyframes progress-fade-out {
+    from {opacity: 0;}
+    to {opacity: 1;}
+}
+
 .aside-align{
     position: fixed;
     display: flex;
diff --git a/layouts/partials/article/article_hero.html b/layouts/partials/article/article_hero.html
index ae85203..08aefc7 100644
--- a/layouts/partials/article/article_hero.html
+++ b/layouts/partials/article/article_hero.html
@@ -1,4 +1,4 @@
-<section class="section narrow">
+<section id="articleHero" class="section narrow">
     <div class="article-hero">
         <header class="article-header">
             <h1 class="article-hero-heading">{{ .Page.Params.Title }}</h1>
diff --git a/layouts/partials/article/article_next.html b/layouts/partials/article/article_next.html
index 9c0852d..5b5a895 100644
--- a/layouts/partials/article/article_next.html
+++ b/layouts/partials/article/article_next.html
@@ -27,7 +27,7 @@ of the whole section and append them to our $next slice. */}}
     {{ $articles := partialCached "func/GetArticles" . "articles"}}
     {{ $next = $next | append (first $diff $articles) }}
 {{ end }}
-<section class="section nartrow">
+<section id="articleNext" class="section nartrow">
     <h3 class="footer-next-heading">More articles from {{ .Site.Title }}</h3>
     <div class="footer-spacer"></div>
     <div class="next-articles-grid" numberOfArticles={numberOfArticles}>
diff --git a/layouts/partials/article/article_progress.html b/layouts/partials/article/article_progress.html
index 05da9ef..fcaf894 100644
--- a/layouts/partials/article/article_progress.html
+++ b/layouts/partials/article/article_progress.html
@@ -11,4 +11,4 @@
             <div id="progressIndicator" class="progress-line"></div>
         </div>
     </div>
-</aside>
+</aside>
\ No newline at end of file
diff --git a/layouts/partials/subscription/subscription.html b/layouts/partials/subscription/subscription.html
index 12fc408..d5a4267 100644
--- a/layouts/partials/subscription/subscription.html
+++ b/layouts/partials/subscription/subscription.html
@@ -1,6 +1,6 @@
 {{ $email := . }}
 {{ $action := printf "https://formspree.io/%s.tld" $email }}
-<section class="section narrow">
+<section id="subscriptionSection" class="section narrow">
     <div class="subscription-container">
         <div class="subscription-content">
             <h3 class="subscription-heading">
diff --git a/layouts/posts/single.html b/layouts/posts/single.html
index 97fef47..f2987b7 100644
--- a/layouts/posts/single.html
+++ b/layouts/posts/single.html
@@ -1,29 +1,12 @@
 {{ define "main" }}
 
 <section class="section narrow">
-    {{ $authors := slice }}
-    {{ with .Params.authors  }}
-        {{ range $name := . }}
-            {{ with site.GetPage (printf "/%s/%s" "authors" ($name | urlize)) }}
-            {{ $firstname := "" }}
-            {{ $name := "" }}
-            {{ $avatar := false }}
-            {{ with .Params.Title }}
-                {{ $name = . }}
-                {{ $firstname = index (split . " ") 0 }}
-            {{ end }}
-            {{ with .Params.avatar }}
-                {{ $avatar = . }}
-            {{ end }}
-            {{ $authors = $authors | append (dict "URL" .RelPermalink "name" $name "firstname" $firstname "avatar" $avatar) }}
-            {{ end }}
-        {{ end }}
-    {{ end }}
+
     {{ partial "article/article_hero.html" . }}
 
     {{ partial "article/article_progress" . }}
 
-    <article class="post-content">
+    <article  id="articleContent" class="post-content">
         {{ .Content | markdownify }}
     </article>
 
@@ -31,4 +14,6 @@
     {{ partial "article/article_next.html" . }}
 </section>
 
+{{ $script := resources.Get "js/progressBar.js" }}
+ <script src="{{ $script.RelPermalink }}"></script>
 {{ end }}
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content b/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content
index f9cb8e6..da153f3 100644
--- a/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content
+++ b/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content
@@ -1 +1 @@
-body{--serif: "Merriweather", Georgia, Serif;--sanserif: "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif;--monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace;--color-mode-transition: background 0.25s var(--ease-in-out-quad), color 0.25s var(--ease-in-out-quad);--primary: #000;--secondary: #73737D;--grey: #73737D;--background-color: #fafafa;--accent: #6166DC;--hover: rgba(0, 0, 0, 0.07);--gradient: linear-gradient(180deg, rgba(217, 219, 224, 0) 0%, #D9DBE0 100%);--articleText: #08080B;--track: rgba(8, 8, 11, 0.3);--progress: #000;--card: #fff;--error: #EE565B;--success: #46B17B;--errorBackground: rgba(238, 86, 91, 0.1);--horizontalRule: rgba(8, 8, 11, 0.15);--inputBackground: rgba(0, 0, 0, 0.05);--tooltip: lightgrey;--dark-grey: #73737D;--dark-primary: #fff;--dark-secondary: #fff;--dark-accent: #E9DAAC;--dark-background: #111216;--dark-hover: rgba(255, 255, 255, 0.07);--dark-gradient: linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%);--dark-articleText: #fff;--dark-track: rgba(255, 255, 255, 0.3);--dark-progress: #fff;--dark-card: #1D2128;--dark-error: #EE565B;--dark-success: #46B17B;--dark-errorBackground: rgba(238, 86, 91, 0.1);--dark-horizontalRule: rgba(255, 255, 255, 0.15);--dark-inputBackground: rgba(255, 255, 255, 0.07);--token: #fff;--languageJavascript: #e8696b;--javascript: #e8696b;--background: #292c34;--comment: #5e6a76;--string: #a8e2a8;--var: #b3bac5;--number: #e4854d;--constant: #b3bac5;--plain: #fff;--doctype: #e8696b;--tag: #e8696b;--keyword: #d49fd4;--boolean: #ff5874;--function: #5F8DC3;--parameter: #F9965D;--className: #ffcf74;--attrName: #bf87ba;--attrValue: #a8e2a8;--interpolation: #fff;--punctuation: #5FA8AA;--property: #80cbc4;--propertyAccess: #fff;--namespace: #b2ccd6;--highlight: rgba(255,255,255,0.07);--highlightBorder: #e1bde2;--dom: #5F8DC3;--operator: #5FA8AA}a{transition:var(--color-mode-transition);color:var(--accent)}a:visited{color:var(--accent);opacity:.85}a:hover,a:focus{text-decoration:underline}.bio-container{display:flex;align-items:center;position:relative;left:-10px}.bio-link{display:flex;align-items:center}.bio-link:hover{text-decoration:none}.bio-avatar{display:block;position:relative;height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;margin:10px 26px 10px 10px}.bio-avatar::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.bio-avatar[data-a11y=true]:focus::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border:2px solid var(--accent)}.bio-avatar-inner{height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;overflow:hidden}.bio-text{margin-bottom:0;max-width:430px;font-size:14px;line-height:1.45;color:var(--grey)}.author-avatar{width:100%}blockquote{transition:var(--color-mode-transition);margin:15px auto 50px;color:var(--articleText);font-family:var(--serif);font-style:italic}blockquote>p{font-family:var(--serif);max-width:880px!important;padding-right:100px;padding-bottom:0;width:100%;margin:0 auto;font-size:36px;line-height:1.32;font-weight:700}@media screen and (max-width:735px){blockquote{margin:10px auto 35px;font-size:26px;padding:0 180px}}@media screen and (max-width:540px){blockquote{font-size:36px;padding:0 20px 0 40px}}h1,h2,h3,h4,h5,h6{margin:0 auto;font-weight:700;color:var(--primary);font-family:var(--serif);width:100%;max-width:680px}h1,h1 *,h2,h2 *{margin:25px auto 18px}h3,h3 *{margin:20px auto 10px}h1{font-size:52px;line-height:1.15}h2{font-size:32px;line-height:1.333}h3{font-size:24px;line-height:1.45}h4{font-size:18px;line-height:1.45}h5{font-size:18px;line-height:1.45}h6{font-size:16px;line-height:1.45}@media screen and (max-width:1070px){h1{font-size:38px;line-height:1.2}h2{font-size:21px}}@media screen and (max-width:737px){h1,h2{margin:30px auto 18px}h2{font-size:24px;line-height:1.45}h3{font-size:22px}}@media screen and (max-width:540px){h1{font-size:32px;line-height:1.3}h2{font-size:22px}h3{font-size:20px}h4{font-size:16px}h5{font-size:16px}h6{font-size:14px}}hr{position:relative;width:100%;max-width:680px;margin:50px auto;border:0;height:14.36px;background-repeat:repeat-x;box-sizing:border-box;background-position:50%}@media screen and (max-width:1070px){hr{max-width:507px}}@media screen and (max-width:735px){hr{max-width:486px;width:calc(100vw - 40px);margin:0 auto 50px}}@media screen and (max-width:340px){hr{padding:0 20px}}.image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#ccc;color:#898989;font-size:32px;font-weight:600}.image-zoom{display:block;margin:0 auto;width:100%}@media screen and (max-width:540px){.image-placeholder{font-size:28px}}.layout-styled{position:relative;background:var(--background-color);transition:var(--color-mode-transition);min-height:100vh}ul{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;transition:var(--color-mode-transition);margin:0 auto;font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ul{max-width:507px}}@media screen and (max-width:735px){ul{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ul{padding-left:20px}}li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ul li{padding-left:30px}ul li p{padding:0}}@media screen and (max-width:540px){ul li{padding-left:30px}}ul li>*{display:inline}ul li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);content:"";position:absolute;left:-30px;top:8px;height:8px;width:8px;background:var(--articleText)}@media screen and (max-width:735px){ul li::before{left:0}}ol{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;margin:0 auto;transition:var(--color-mode-transition);font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ol{max-width:507px}}@media screen and (max-width:735px){ol{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ol{padding-left:20px}}ol li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ol li{padding-left:30px;padding:0}ol li p{padding-left:30px}}@media screen and (max-width:540px){ol li{padding-left:30px}}ol li>*{display:inline}ol li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);counter-increment:list;content:counter(list) ".";font-weight:600;position:absolute;left:-3rem;top:-.3rem;font-size:2rem}@media screen and (max-width:735px){ol li::before{left:0}}#logo-desktop .change-fill{fill:var(--primary)}#logo-mobile path{fill:var(--primary)}@media screen and (max-width:735px){.Logo__Desktop{display:none}.Logo__Mobile{display:block}}.footer-container{position:relative;display:flex;align-items:center;justify-content:space-between;padding-bottom:80px;color:var(--grey)}@media screen and (max-width:735px){.footer-container{flex-direction:column;padding-bottom:100px}}@media screen and (max-width:540px){.footer-container{padding-bottom:50px}}.footer-hr{position:relative;margin:140px auto 50px;border-bottom:1px solid var(--horizontalRule)}@media screen and (max-width:735px){.footer-hr{margin:60px auto}.footer-text{margin-bottom:80px}}@media screen and (max-width:540px){.footer-hr{display:none}.footer-text{margin:120px auto 100px}}.footer-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);transition:var(--color-mode-transition)}.back-arrow-ico-container{transition:.2s transform var(--ease-out-quad);opacity:0;padding-right:30px;animation:fadein .3s linear forwards}@keyframes fadein{to{opacity:1}}@media screen and (max-width:1280px){.back-arrow-ico-container{display:none}}.nav-container{position:relative;z-index:100;padding-top:100px;display:flex;justify-content:space-between}@media screen and (max-height:800px){.nav-container{padding-top:50px}}@media screen and (max-width:1280px){.nav-container{padding-top:50px}}.logo-link{position:relative;display:flex;align-items:center}.logo-link[class*=data-ally]:focus::after{content:"";position:absolute;left:-10%;top:-30%;width:120%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}.logo-link[class*=back-arrow-ico-container]{transform:translateX(-3px)}.logo-link:hover{text-decoration:none}@media screen and (max-width:1280px){.logo-link{left:0}}.nav-controls{position:relative;display:flex;align-items:center}@media screen and (max-width:540px){.nav-controls{right:-5px}}.tool-tip{opacity:0;transform:translateY(6px);position:absolute;padding:4px 13px;border-radius:5px;font-size:14px;top:-35px;color:var(--primary);background-color:var(--tooltip);animation-duration:2s}@keyframes pan-toolbar{0%{opacity:0;transform:translateY(6px)}30%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(6px)}}.icon-wrapper{opacity:.5;position:relative;border-radius:5px;width:40px;height:25px;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;margin-left:30px}.icon-wrapper:hover{opacity:1}.icon-wrapper[class*=data-ally]:focus::after{content:"";position:absolute;left:0;top:-30%;width:100%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:735px){.icon-wrapper{display:inline-flex;transform:scale(0.708);margin-left:10px}.icon-wrapper:hover{opacity:.5}}.moon-or-sun{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);transform:1;transition:all .45s ease;overflow:hidden}.moon-or-sun::before{content:"";position:absolute;right:-9px;top:-9px;height:24px;width:24px;border:2px solid var(--primary);border-radius:50%;transform:translate("0, 0");opacity:1;transition:transform .45s ease}.moon-or-sun::after{content:"";width:8px;height:8px;border-radius:50%;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%;box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);transform:scale(0);transition:all .35s ease}@media screen and (max-width:735px){.moon-or-sun::after{transform:scale(0)}}.moon-mask{position:absolute;right:-1px;top:-8px;height:24px;width:24px;border-radius:50%;border:0;background:var(--background-color);transform:translate("0, 0");opacity:1;transition:transform .45s ease,var(--color-mode-transition)}.header-hidden{position:absolute;display:inline-block;opacity:0;width:0;height:0;visibility:hidden;overflow:hidden}.page-button{font-weight:600;font-size:18px;text-decoration:none;color:var(--primary)}.page-button:hover,.page-button:focus{opacity:1;text-decoration:underline}.page-number-button{font-weight:400;font-size:18px;text-decoration:none;color:var(--primary)}.page-number-button:hover,.page-number-button:focus{text-decoration:underline}.spacer{opacity:.3}.spacer::before{content:"..."}.mobiler-reference{font-weight:400;color:var(--primary)}.mobile-reference em{font-style:normal;color:var(--primary)}.frame{position:relative;z-index:1;display:inline-flex;justify-content:space-between;align-items:center}@media screen and (max-width:735px){.frame{left:-15px}}p{line-height:1.756;font-size:18px;color:var(--articleText);font-family:var(--sanserif);transition:var(--color-mode-transition);margin:0 auto 35px;width:100%;max-width:680px}p b{font-weight:800}@media screen and (max-width:1070px){p{max-width:507px}}@media screen and (max-width:735px){p{max-width:486px;margin:0 auto 25px}}@media screen and (max-width:540px){p{padding:0 20px}}.aside-container{display:flex;margin:0 auto;max-width:1140px;z-index:100;position:sticky;top:30%}@media screen and (max-width:1280px){.aside-container{display:none}}.aside-align{position:fixed;display:flex;transform:translateY(0px);top:0;align-items:center;height:100vh;z-index:3;opacity:1;visibility:visible;transition:opacity .4s linear,visibility .4s linear}.overlap-container{user-select:none;pointer-events:none;opacity:0;transition:opacity .25s}.progress-container{position:relative;outline:none;user-select:none}.track-line{position:relative;display:flex;flex-direction:column;height:calc(88vh - 40px);max-height:425px;width:1px;background-color:var(--track);opacity:.6;overflow:hidden}.progress-line{position:absolute;height:100%;top:-100%;width:1px;background-color:var(--progress);left:0}.social-icon-outer{width:20%;min-width:220px}@media screen and (max-width:735px){.authors-sio{width:60%}}.social-icon-container{display:flex;flex-direction:row;justify-content:space-between;min-width:100%;position:relative;margin-left:3.2rem;text-decoration:none;max-width:16px}.social-icon-container a{margin-right:25px}.social-icon-container:hover>svg{fill:var --primary}.social-icon-container:hover>*{transition:fill .25s var(--ease-in-out-quad)}.social-icon-container:first-of-type{margin-left:0}.social-icon-container:last-child{margin-right:0}@media screen and (max-width:735px){.social-icon-container{margin:0 2.2rem}}.social-icon-image path{fill:var(--grey)}.hidden{width:0;height:0;visibility:hidden;opacity:0;overflow:hidden;display:inline-block}.subscription-container{position:relative;display:flex;flex-direction:column;padding:64px 0 55px;margin:10px auto 100px;background:var(--card);box-shadow:0 4px 50px rgba(0,0,0,.05);z-index:1}@media screen and (max-width:735px){.subscription-container{padding:50px 0 0;text-align:center}}@media screen and (max-width:540px){.subscription-container{margin:-20px auto 80px}}.subscription-content{margin:0 auto;width:100%;max-width:640px}@media screen and (max-width:735px){.subscription-content h3{padding:0 50px}}@media screen and (max-width:376px){.subscription-content h3{padding:0 24px}}.subscription-heading{font-family:var(--serif);margin-bottom:20px}@media screen and (max-width:735px){.subscription-heading{margin-bottom:15px}}.subscription-text{margin:0 auto 30px;color:var(--grey);line-height:1.75}@media screen and (max-width:735px){.subscription-text{padding:0 26px;margin:0 auto 25px}}.subscription-form{position:relative}.subscription-form::after{color:var(--accent);content:">";position:absolute;left:21px;top:10px}@media screen and (max-width:735px){.subscription-form:after{left:34px;top:11px}}.subscription-input{position:relative;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary);background-color:var(--inputBackground)}.subscription-input.submitted-input:invalid{position:relative;background:var(--theme-ui-colors-errorBackground,rgba(238,86,91,0.1))!important;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--theme-ui-colors-primary,#000);outline:none!important}.subscription-input.submitted-input:invalid~.subscription-error-message{opacity:1}.subscription-input.submitted-input:invalid~.submit-button{color:var(--error);border:1px solid var(--error)}.submitted-form:after{color:var(--error)}.subscription-error-message{position:absolute;left:35px;bottom:-20px;color:var(--theme-ui-colors-error,#EE565B);font-size:12px;opacity:0}.subscription-input::placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track)}.subscription-input::-ms-input-placeholder{color:var(--track)}@media screen and (max-width:735px){.subscription-input{width:calc(100% - 36px);margin:0 18px;padding:14px 14px 14px 30px;margin-bottom:30px}}.submit-button{border:1px solid var(--accent);color:var(--accent);position:absolute;left:306px;top:3px;display:flex;align-items:center;justify-content:center;width:161px;height:38px;font-weight:600;border-radius:35px;letter-spacing:.42px;transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad)}.submit-button:disabled{cursor:not-allowed}.submit-button svg *{fill:var(--background-color)}.submit-error{position:absolute;left:35px;bottom:-20px;color:var(--error);font-size:12px}.submit-error a{color:var --error;text-decoration:underline}@media screen and (max-width:735px){.submit-error{left:50px;top:50px}}table{position:relative;line-height:1.65;color:var(--grey);font-family:var(--sanserif);transition:var(--color-mode-transition);background:var(--card);margin:45px auto 85px;width:100%;max-width:1004px;border:1px solid var(--horizontalRule);border-radius:5px;overflow:hidden;border-collapse:separate}@media screen and (max-width:1070px){table{margin:25px auto 65px}}@media screen and (max-width:735px){table{max-width:486px}}@media screen and (max-width:540px){table{margin:15px auto 55px}}td{border-top:1px solid var(--horizontalRule);padding:15px 30px;font-size:16px;background:var(--card)}@media screen and (max-width:1070px){td{padding:14px 20px}}@media screen and (max-width:735px){td{font-size:14px}}thead{text-align:left;border-collapse:collapse;position:relative;line-height:1.756;font-weight:600;color:var(--primary);font-family:var(--serif);transition:var(--color-mode-transition)}.section{width:100%;max-width:1220px;margin:0 auto;padding:0 4rem}@media screen and (max-width:1070px){.section{max-width:850px}}@media screen and (max-width:540px){.section{max-width:100%;padding:2rem}}.section p{}@media screen and (max-width:735px){.section p{padding:0 4rem;max-width:567px}}.narrow p{}@media screen and (max-width:735px){.narrow p{padding:0 2rem;max-width:527px}}.subheading-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:100px}@media screen and (max-width:1070px){.subheading-container{margin-bottom:80px}}@media screen and (max-width:735px){.subheading-container{margin-bottom:60px}}@media screen and (max-width:540px){.subheading-container{display:none}}.grid-controls-container{display:flex;align-items:center}@media screen and (max-width:735px){.grid-controls-container{display:none!important}}.heading-container{margin:100px 0}@media screen and (max-width:1070px){.heading-container{width:80%}}@media screen and (max-width:735px){.heading-container{width:100%}}.hero-heading{font-style:normal;font-weight:600;font-size:52px;font-family:var(--sanserif);line-height:1.15;color:var(--primary);margin:0}@media screen and (max-width:1070px){.hero-heading{font-size:38px}}@media screen and (max-width:540px){.hero-heading{font-size:32px}}.grid-button{position:relative;display:flex;align-items:center;justify-content:center;height:36px;width:36px;border-radius:50%;background:transparent;transition:background .25s}.grid-button:not(:last-child){margin-right:30px}.grid-button:hover{background:var(--hover)}.grid-button[data-a11y=true]:focus::after{content:"";position:absolute;left:-10%;top:-10%;width:120%;height:120%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:50%}.grid-button svg{transition:opacity .2s}.grid-button svg path{fill:var(--primary)}.limit-to-two-lines,.articles-title,.article-excerpt{text-overflow:ellipsis;overflow-wrap:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;overflow:hidden}@media screen and (max-width:540px){.limit-to-two-lines,.articles-title,.article-excerpt{-webkit-line-clamp:3}}.show-details p{display:-webkit-box}.show-details h2{margin-bottom:10px}.articles-list-container{transition:opacity .25s}.author-alc{background-image:linear-gradient(var(--card),transparent);padding-top:90px}.author-alc .post-row-alt{justify-content:center}.author-alc .post-row-alt .article-link{max-width:40%!important;margin:15px}.list-title{position:relative;display:grid;grid-template-columns:'457px 1fr';grid-template-rows:2;column-gap:30px}.list-title:not(:last-child){margin-bottom:75px}@media screen and (max-width:1280px){.list-title{grid-template-columns:1fr 1fr}}@media screen and (max-width:735px){.list-title{grid-template-columns:1fr}.list-title:not(:last-child){margin-bottom:0}}.list-title-alt{grid-template-columns:'457px 1fr'}.list-item-row{display:grid;grid-template-rows:1fr;grid-template-columns:1fr 488px;grid-column-gap:96px;grid-template-rows:1;align-items:center;position:relative;margin-bottom:50px}@media screen and (max-width:1070px){.list-item-row{grid-column-gap:24px;grid-template-columns:1fr 380px}}@media screen and (max-width:735px){.list-item-row{grid-template-columns:1fr}}@media(max-width:540px){.list-item-row{background:var(--card)}}@media screen and (max-width:540px){.list-item-row{box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-item-tile{position:relative}@media screen and (max-width:735px){.list-item-tile{margin-bottom:60px}}@media(max-width:540px){.list-item-tile{background:var(--card)}}@media screen and (max-width:540px){.list-item-tile{margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-row{display:grid;grid-template-rows:"1fr 1fr"}.list-row-alt{grid-template-rows:"1fr"}.image-container{display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;height:280px;box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);margin-bottom:30px;transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad)}.image-container>div{height:100%}@media screen and (max-width:735px){.image-container{height:200px;margin-bottom:35px}}@media screen and (max-width:540px){.image-container{overflow:hidden;margin-bottom:0;box-shadow:none;border-top-right-radius:5px;border-top-left-radius:5px}}.article-image{flex-shrink:0;max-width:100%;min-height:100%}.article-title{font-size:21px;font-family:var(--serif);margin-bottom:35px;transition:color .3s ease-in-out}@media screen and (max-width:1070px){.article-title{margin-bottom:15px}}@media screen and (max-width:735px){.article-title{font-size:24px}}@media screen and (max-width:540px){.article-title{font-size:22px;padding:30px 20px 0;margin-bottom:10px;-webkit-line-clamp:3}}.article-excerpt{font-size:16px;margin-left:0;margin-right:0;margin-bottom:10px;color:var(--grey);display:none}@media screen and (max-width:1070px){.article-excerpt{display:-webkit-box}}@media screem and (max-width:540px){.article-excerpt{margin-bottom:15px;max-width:100%;padding:0 20px;margin-bottom:20px;-webkit-line-clamp:3}}.article-metadata{font-weight:600;font-size:16px;color:var(--grey);opacity:.33}@media screen and (max-width:540px){.article-metadata{max-width:100%;padding:0 20px 30px}}.post-row{display:flex;justify-content:space-between;width:100%;margin-bottom:100px}@media screen and (max-width:735px){.post-row{flex-wrap:wrap;justify-content:center}}.post-row-alt{display:flex;justify-content:space-between;width:100%;margin-bottom:100px;flex-wrap:wrap}.post-row-alt .article-link{margin-top:75px;max-width:48.3%}@media screen and (max-width:735px){.post-row-alt .article-link{max-width:100%}}.article-link{max-width:39.5%;position:relative;display:block;width:100%;height:100%;top:0;left:0;border-radius:5px;z-index:1;transition:transform .33s var(--ease-out-quart);-webkit-tap-highlight-color:rgba(255,255,255,0)}.article-link:hover{text-decoration:none}.article-link:hover .image-container,.article-link:focus .image-container{transform:translateY(-1px);box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3)}.article-link:hover h2,.article-link:focus h2{color:var(--accent)}.article-link[data-a11y=true]:focus::after{content:"";position:absolute;left:-1.5%;top:-2%;width:103%;height:104%;border:3px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:1280px){.article-link{max-width:48.5%}}@media screen and (max-width:735px){.article-link{min-width:80%!important;display:block;margin-bottom:60px}.article-link p{padding:0}}@media screen and (max-width:540px){.article-link{min-width:100%!important;margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,.2)}.article-link:hover .image-container{transform:none;box-shadow:initial}.article-link:active{transform:scale(0.97) translateY(3px)}.article-link p{padding:30px 20px 0}}#article-link-bigger{max-width:58.5%!important}@media screen and (max-width:1280px){#article-link-bigger{max-width:48.5%!important}}.articles-list-container-alt .post-row{flex-wrap:wrap!important;margin-bottom:0}.articles-list-container-alt .post-row .article-link{display:flex!important;min-width:100%!important;flex-direction:row;flex-wrap:none}.articles-list-container-alt .post-row .article-link .article-data-outer{display:flex!important;min-width:100%!important;flex-direction:row;flex-wrap:none;justify-content:space-between}.articles-list-container-alt .post-row .article-link .article-data-outer .image-container{max-width:46%}.articles-list-container-alt .post-row .article-link .article-data-outer .article-data{max-width:46%}.articles-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);transition:var(--color-mode-transition)}.articles-paginator{margin-top:95px}.code-toolbar{max-width:750px;margin:0 auto 35px;overflow:auto;font-size:12px}.code-toolbar pre{padding-top:2.5em!important;padding-bottom:2.5em!important;padding-left:5em!important;padding-right:5em!important;border-radius:5px!important;background-color:#292c34!important}.code-toolbar pre code{color:#fff}.code-toolbar .toolbar-item{position:absolute;top:1em;right:1em}@media screen and (max-width:540px){.article-hero::before{content:"";width:100%;height:20px;background:var(--primary);position:absolute;left:0;top:0;transition:var(--color-mode-transition)}.article-hero::after{content:"";width:100%;height:10px;background:var(--background-color);position:absolute;left:0;top:10px;border-top-left-radius:25px;border-top-right-radius:25px;transition:var(--color-mode-transition)}}.article-meta{display:flex}@media screen and (max-width:540px){.article-meta{margin-left:0}}.article-header{position:relative;z-index:10;margin:100px auto 120px;padding-left:68px;max-width:749px}@media screen and (max-width:1070px){.article-header{padding-left:53px;max-width:calc(507px + 53px);margin:100px auto 70px}}@media screen and (max-width:735px){.article-header{padding-left:0;margin:100px auto 70px;max-width:480px}}@media screen and (max-width:540px){.article-header{margin:170px auto 180px;padding:0 40px}}@media screen and (max-height:700px){.article-header{margin:100px auto}}.article-hero-heading{font-size:48px;font-family:var(--serif);margin-bottom:25px;font-weight:700;line-height:1.32}@media screen and (max-width:735px){.article-hero-heading{margin-bottom:20px;font-size:36px}}@media screen and (max-width:540px){.article-hero-heading{font-size:32px}}.article-hero-subtitle{max-width:700px;margin-left:auto;margin-right:auto;position:relative;display:flex;font-size:18px;color:var(--grey)}@media screen and (max-width:540px){.article-hero-subtitle{font-size:14px;flex-direction:column}.article-hero-subtitle.has-coauthors::before{content:'';position:absolute;left:-20px;right:-20px;top:-10px;bottom:-10px;border:1px solid var(--horizontalRule);opacity:.5;border-radius:5px}.article-hero-subtitle strong{display:block;font-weight:500;margin-bottom:5px}}.article-hero-image{position:absolute;z-index:1;width:100%;max-width:944px;overflow:hidden;margin:0 auto;box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22)}.article-hero-image img{width:100%}@media screen and (max-width:1280px){.article-hero-image{position:relative}}@media screen and (max-width:735px){.article-hero-image{max-width:100%}}@media screen and (max-width:phablet){.article-hero-image{margin:0 auto;width:calc(100vw - 40px);height:220px}.article-hero-image>div{height:220px}}.article-author-link{display:flex;align-items:center;color:inherit}.article-author-link:hover{text-decoration:none}.article-author-link:visited{color:inherit}.article-author-link strong{transition:var(--color-mode-transition)}.article-author-link:hover strong{color:var(--primary)}.article-author-avatar{height:25px;width:25px;border-radius:50%;margin-right:14px;background:var(--grey);overflow:hidden}.article-author-avatar img{width:100%}.article-author-avatar .gatsby-image-wrapper>div{padding-bottom:100%!important}@media screen and (max-width:540px){.article-author-avatar{display:none}}.hide-on-mobile{}@media screen and (max-width:540px){.hide-on-mobile{display:none}}.article-coauthors-container{margin-right:10px;position:relative;display:flex;align-items:center;font-size:18px;color:var(--grey);cursor:pointer}.article-coauthors-container::before{content:"";position:absolute;left:0;right:0;top:-16px;bottom:-16px;background:var(--card);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;z-index:0;transition:opacity .3s;cursor:pointer;opacity:0}.article-coauthors-container:hover::before{opacity:1}@media screen and (max-width:540px){.article-coauthors-container{font-size:14px;align-items:center}.article-coauthors-container::before{box-shadow:none;bottom:-30px;background:transparent}.article-coauthors-container strong{display:block;font-weight:semi-bold;margin-bottom:5px}}.article-coauthors-collapsed{display:flex}.article-coauthors-list{position:relative;height:25px;margin-right:15px;margin-left:15px}@media screen and (max-width:540px){.article-coauthors-list{display:none}}.article-coauthors-avatar{position:absolute;height:25px;width:25px;border-radius:50%;z-index:1;background:var(--grey);box-shadow:0 0 0 2px var(--background-color);transition:box-shadow .25s ease;overflow:hidden;pointer-events:none}.article-coauthors-avatar img{width:100%}@media screen and (max-width:540px){.article-coauthors-avatar{display:none}}.article-coauthors-name-container{position:relative;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;cursor:pointer}@media screen and (max-width:1070px){.article-coauthors-name-container{max-width:120px}}@media screen and (max-width:540px){.article-coauthors-name-container{max-width:200px}}.article-coauthors-icon-container{display:flex;align-items:center;position:relative;cursor:pointer;margin-left:10px;margin-right:10px}@media screen and (max-width:540px){.article-coauthors-icon-container{position:absolute;right:0;bottom:0;top:10px;height:100%}}.article-coauthors-list-open{position:absolute;z-index:2;left:-21px;right:-21px;top:-19px;padding:21px;background:var(--card);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;cursor:pointer;list-style-type:none;transform:translateY(-2px)}.article-coauthors-list-open li::before{display:none}.article-icon-open-container{position:absolute;cursor:pointer;top:25px;right:10px}.article-coauthors-list-item-open a{width:100%}.article-coauthors-list-item-open:not(:last-child){margin-bottom:10px}.article-coauthor-avatar-open{height:25px;width:25px;border-radius:50%;margin-right:15px;background:var(--grey);overflow:hidden;pointer-events:none}.article-coauthor-avatar-open img{width:100%}.article-coauthor-avatar-open .gatsby-image-wrapper>div{padding-bottom:100%!important;overflow:hidden}.article-author-name-open{position:relative;cursor:pointer;color:var(--secondary);font-weight:600}.post-content{padding:160px 0 35px}.footer-next-heading{display:block;font-size:1.6rem;position:relative;opacity:.25;margin-left:0;margin-right:0;margin-bottom:100px;min-width:100%;font-weight:400;color:var(--primary)}@media screen and (max-width:735px){.footer-next-heading{margin-bottom:60px}}.footer-next-heading::after{content:'';position:absolute;background:var(--grey);width:62%;max-width:100%;height:1px;right:0;top:50%}@media screen and (max-width:735px){.footer-next-heading::after{width:41.7%}}@media screen and (max-width:540px){.footer-next-heading::after{width:27.8%}}@media screen and (max-width:376px){.footer-next-heading::after{width:90px}}.footer-spacer{margin-bottom:65px}.author-hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:35px auto 110px}.author-hero-image{position:relative;z-index:1;height:164px;width:164px;margin-bottom:35px;border-radius:50%;overflow:hidden;border:2px solid var(background-color);box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);border:2px solid var(--card)}.author-hero-image img{width:100%}@media screen and (max-width:735px){.author-hero-image{width:146px;height:146px}}@media screen and (max-width:540px){.author-hero-image{width:136px;height:136px;margin-bottom:25px}}.author-heading{font-size:38px;font-family:var(--sanserif);color:var(--primary);margin-bottom:15px;font-weight:600;text-align:center}.author-subheading{margin:0 auto;max-width:450px;color:var(--grey);font-size:18px;font-family:var(--sanserif);line-height:1.4;text-align:center}@media screen and (max-width:540px){.author-subheading{font-size:14px}}.author-social{display:flex;align-items:center;justify-content:center;margin-top:35px;width:100%}@media screen and (max-width:540px){.author-social{font-size:14px}}.authors-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);transition:var(--color-mode-transition)}.pagination{z-index:100;margin:0;margin-top:95px;padding:0;display:flex;justify-content:flex-start}.pagination:hover{cursor:pointer}.pagination a:hover{color:var(--primary)}.pagination .page-item{display:block;width:auto;height:auto;padding:0}.pagination .page-item .page-link{display:block;color:var(--grey);min-width:6rem}.pagination .page-item .page-next,.pagination .page-item .page-prev{color:var(--primary)}.pagination .page-item::before{display:none}.pagination .active .page-link{color:var(--primary)}:root{--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1)}@font-face{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-weight:400;font-style:normal}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0;font-size:inherit}:root{-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;cursor:default;font-size:.625rem;line-height:1.4}body{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:1.6rem;margin:0;font-weight:400;height:100%}button,a{text-decoration:none;cursor:pointer}a:focus{outline:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}input,textarea,select,button{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.underline{text-decoration:underline}button,input,select,textarea{color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}code,kbd,pre,samp{font-family:monospace}fieldset,button{appearance:none;border:none;outline:none;background:transparent}table{border-collapse:separate;border-spacing:0}audio:not([controls]){display:none}details{display:block}input:focus,input:active{outline:none}input[type=number]{width:auto}img.Image__Zoom~div{background:transparent!important}.Image__Small{width:100%;max-width:680px;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__Small img{width:100%}.Image__medium{width:100%;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__medium img{width:100%}.Image__large{width:100%;margin-bottom:35px}.Image__large img{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.author-alc-section{padding-left:0;padding-right:0}.icon-image path{fill:var(--primary)}img{animation-name:image-load-in;animation-duration:.8s}@keyframes image-load-in{0%{filter:blur(8px);opacity:0}100%{filter:blur(0);opacity:1}}
\ No newline at end of file
+body{--serif: "Merriweather", Georgia, Serif;--sanserif: "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif;--monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace;--color-mode-transition: background 0.25s var(--ease-in-out-quad), color 0.25s var(--ease-in-out-quad);--primary: #000;--secondary: #73737D;--grey: #73737D;--background-color: #fafafa;--accent: #6166DC;--hover: rgba(0, 0, 0, 0.07);--gradient: linear-gradient(180deg, rgba(217, 219, 224, 0) 0%, #D9DBE0 100%);--articleText: #08080B;--track: rgba(8, 8, 11, 0.3);--progress: #000;--card: #fff;--error: #EE565B;--success: #46B17B;--errorBackground: rgba(238, 86, 91, 0.1);--horizontalRule: rgba(8, 8, 11, 0.15);--inputBackground: rgba(0, 0, 0, 0.05);--tooltip: lightgrey;--dark-grey: #73737D;--dark-primary: #fff;--dark-secondary: #fff;--dark-accent: #E9DAAC;--dark-background: #111216;--dark-hover: rgba(255, 255, 255, 0.07);--dark-gradient: linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%);--dark-articleText: #fff;--dark-track: rgba(255, 255, 255, 0.3);--dark-progress: #fff;--dark-card: #1D2128;--dark-error: #EE565B;--dark-success: #46B17B;--dark-errorBackground: rgba(238, 86, 91, 0.1);--dark-horizontalRule: rgba(255, 255, 255, 0.15);--dark-inputBackground: rgba(255, 255, 255, 0.07);--token: #fff;--languageJavascript: #e8696b;--javascript: #e8696b;--background: #292c34;--comment: #5e6a76;--string: #a8e2a8;--var: #b3bac5;--number: #e4854d;--constant: #b3bac5;--plain: #fff;--doctype: #e8696b;--tag: #e8696b;--keyword: #d49fd4;--boolean: #ff5874;--function: #5F8DC3;--parameter: #F9965D;--className: #ffcf74;--attrName: #bf87ba;--attrValue: #a8e2a8;--interpolation: #fff;--punctuation: #5FA8AA;--property: #80cbc4;--propertyAccess: #fff;--namespace: #b2ccd6;--highlight: rgba(255,255,255,0.07);--highlightBorder: #e1bde2;--dom: #5F8DC3;--operator: #5FA8AA}a{transition:var(--color-mode-transition);color:var(--accent)}a:visited{color:var(--accent);opacity:.85}a:hover,a:focus{text-decoration:underline}.bio-container{display:flex;align-items:center;position:relative;left:-10px}.bio-link{display:flex;align-items:center}.bio-link:hover{text-decoration:none}.bio-avatar{display:block;position:relative;height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;margin:10px 26px 10px 10px}.bio-avatar::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.bio-avatar[data-a11y=true]:focus::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border:2px solid var(--accent)}.bio-avatar-inner{height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;overflow:hidden}.bio-text{margin-bottom:0;max-width:430px;font-size:14px;line-height:1.45;color:var(--grey)}.author-avatar{width:100%}blockquote{transition:var(--color-mode-transition);margin:15px auto 50px;color:var(--articleText);font-family:var(--serif);font-style:italic}blockquote>p{font-family:var(--serif);max-width:880px!important;padding-right:100px;padding-bottom:0;width:100%;margin:0 auto;font-size:36px;line-height:1.32;font-weight:700}@media screen and (max-width:735px){blockquote{margin:10px auto 35px;font-size:26px;padding:0 180px}}@media screen and (max-width:540px){blockquote{font-size:36px;padding:0 20px 0 40px}}h1,h2,h3,h4,h5,h6{margin:0 auto;font-weight:700;color:var(--primary);font-family:var(--serif);width:100%;max-width:680px}h1,h1 *,h2,h2 *{margin:25px auto 18px}h3,h3 *{margin:20px auto 10px}h1{font-size:52px;line-height:1.15}h2{font-size:32px;line-height:1.333}h3{font-size:24px;line-height:1.45}h4{font-size:18px;line-height:1.45}h5{font-size:18px;line-height:1.45}h6{font-size:16px;line-height:1.45}@media screen and (max-width:1070px){h1{font-size:38px;line-height:1.2}h2{font-size:21px}}@media screen and (max-width:737px){h1,h2{margin:30px auto 18px}h2{font-size:24px;line-height:1.45}h3{font-size:22px}}@media screen and (max-width:540px){h1{font-size:32px;line-height:1.3}h2{font-size:22px}h3{font-size:20px}h4{font-size:16px}h5{font-size:16px}h6{font-size:14px}}hr{position:relative;width:100%;max-width:680px;margin:50px auto;border:0;height:14.36px;background-repeat:repeat-x;box-sizing:border-box;background-position:50%}@media screen and (max-width:1070px){hr{max-width:507px}}@media screen and (max-width:735px){hr{max-width:486px;width:calc(100vw - 40px);margin:0 auto 50px}}@media screen and (max-width:340px){hr{padding:0 20px}}.image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#ccc;color:#898989;font-size:32px;font-weight:600}.image-zoom{display:block;margin:0 auto;width:100%}@media screen and (max-width:540px){.image-placeholder{font-size:28px}}.layout-styled{position:relative;background:var(--background-color);transition:var(--color-mode-transition);min-height:100vh}ul{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;transition:var(--color-mode-transition);margin:0 auto;font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ul{max-width:507px}}@media screen and (max-width:735px){ul{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ul{padding-left:20px}}li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ul li{padding-left:30px}ul li p{padding:0}}@media screen and (max-width:540px){ul li{padding-left:30px}}ul li>*{display:inline}ul li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);content:"";position:absolute;left:-30px;top:8px;height:8px;width:8px;background:var(--articleText)}@media screen and (max-width:735px){ul li::before{left:0}}ol{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;margin:0 auto;transition:var(--color-mode-transition);font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ol{max-width:507px}}@media screen and (max-width:735px){ol{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ol{padding-left:20px}}ol li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ol li{padding-left:30px;padding:0}ol li p{padding-left:30px}}@media screen and (max-width:540px){ol li{padding-left:30px}}ol li>*{display:inline}ol li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);counter-increment:list;content:counter(list) ".";font-weight:600;position:absolute;left:-3rem;top:-.3rem;font-size:2rem}@media screen and (max-width:735px){ol li::before{left:0}}#logo-desktop .change-fill{fill:var(--primary)}#logo-mobile path{fill:var(--primary)}@media screen and (max-width:735px){.Logo__Desktop{display:none}.Logo__Mobile{display:block}}.footer-container{position:relative;display:flex;align-items:center;justify-content:space-between;padding-bottom:80px;color:var(--grey)}@media screen and (max-width:735px){.footer-container{flex-direction:column;padding-bottom:100px}}@media screen and (max-width:540px){.footer-container{padding-bottom:50px}}.footer-hr{position:relative;margin:140px auto 50px;border-bottom:1px solid var(--horizontalRule)}@media screen and (max-width:735px){.footer-hr{margin:60px auto}.footer-text{margin-bottom:80px}}@media screen and (max-width:540px){.footer-hr{display:none}.footer-text{margin:120px auto 100px}}.footer-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);transition:var(--color-mode-transition)}.back-arrow-ico-container{transition:.2s transform var(--ease-out-quad);opacity:0;padding-right:30px;animation:fadein .3s linear forwards}@keyframes fadein{to{opacity:1}}@media screen and (max-width:1280px){.back-arrow-ico-container{display:none}}.nav-container{position:relative;z-index:100;padding-top:100px;display:flex;justify-content:space-between}@media screen and (max-height:800px){.nav-container{padding-top:50px}}@media screen and (max-width:1280px){.nav-container{padding-top:50px}}.logo-link{position:relative;display:flex;align-items:center}.logo-link[class*=data-ally]:focus::after{content:"";position:absolute;left:-10%;top:-30%;width:120%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}.logo-link[class*=back-arrow-ico-container]{transform:translateX(-3px)}.logo-link:hover{text-decoration:none}@media screen and (max-width:1280px){.logo-link{left:0}}.nav-controls{position:relative;display:flex;align-items:center}@media screen and (max-width:540px){.nav-controls{right:-5px}}.tool-tip{opacity:0;transform:translateY(6px);position:absolute;padding:4px 13px;border-radius:5px;font-size:14px;top:-35px;color:var(--primary);background-color:var(--tooltip);animation-duration:2s}@keyframes pan-toolbar{0%{opacity:0;transform:translateY(6px)}30%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(6px)}}.icon-wrapper{opacity:.5;position:relative;border-radius:5px;width:40px;height:25px;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;margin-left:30px}.icon-wrapper:hover{opacity:1}.icon-wrapper[class*=data-ally]:focus::after{content:"";position:absolute;left:0;top:-30%;width:100%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:735px){.icon-wrapper{display:inline-flex;transform:scale(0.708);margin-left:10px}.icon-wrapper:hover{opacity:.5}}.moon-or-sun{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);transform:1;transition:all .45s ease;overflow:hidden}.moon-or-sun::before{content:"";position:absolute;right:-9px;top:-9px;height:24px;width:24px;border:2px solid var(--primary);border-radius:50%;transform:translate("0, 0");opacity:1;transition:transform .45s ease}.moon-or-sun::after{content:"";width:8px;height:8px;border-radius:50%;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%;box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);transform:scale(0);transition:all .35s ease}@media screen and (max-width:735px){.moon-or-sun::after{transform:scale(0)}}.moon-mask{position:absolute;right:-1px;top:-8px;height:24px;width:24px;border-radius:50%;border:0;background:var(--background-color);transform:translate("0, 0");opacity:1;transition:transform .45s ease,var(--color-mode-transition)}.header-hidden{position:absolute;display:inline-block;opacity:0;width:0;height:0;visibility:hidden;overflow:hidden}.page-button{font-weight:600;font-size:18px;text-decoration:none;color:var(--primary)}.page-button:hover,.page-button:focus{opacity:1;text-decoration:underline}.page-number-button{font-weight:400;font-size:18px;text-decoration:none;color:var(--primary)}.page-number-button:hover,.page-number-button:focus{text-decoration:underline}.spacer{opacity:.3}.spacer::before{content:"..."}.mobiler-reference{font-weight:400;color:var(--primary)}.mobile-reference em{font-style:normal;color:var(--primary)}.frame{position:relative;z-index:1;display:inline-flex;justify-content:space-between;align-items:center}@media screen and (max-width:735px){.frame{left:-15px}}p{line-height:1.756;font-size:18px;color:var(--articleText);font-family:var(--sanserif);transition:var(--color-mode-transition);margin:0 auto 35px;width:100%;max-width:680px}p b{font-weight:800}@media screen and (max-width:1070px){p{max-width:507px}}@media screen and (max-width:735px){p{max-width:486px;margin:0 auto 25px}}@media screen and (max-width:540px){p{padding:0 20px}}.aside-container{display:flex;margin:0 auto;max-width:1140px;z-index:100;position:sticky;top:30%;animation-duration:1s}@media screen and (max-width:1280px){.aside-container{display:none}}@keyframes progress-fade-in{from{opacity:1}to{opacity:0}}@keyframes progress-fade-out{from{opacity:0}to{opacity:1}}.aside-align{position:fixed;display:flex;transform:translateY(0px);top:0;align-items:center;height:100vh;z-index:3;opacity:1;visibility:visible;transition:opacity .4s linear,visibility .4s linear}.overlap-container{user-select:none;pointer-events:none;opacity:0;transition:opacity .25s}.progress-container{position:relative;outline:none;user-select:none}.track-line{position:relative;display:flex;flex-direction:column;height:calc(88vh - 40px);max-height:425px;width:1px;background-color:var(--track);opacity:.6;overflow:hidden}.progress-line{position:absolute;height:100%;top:-100%;width:1px;background-color:var(--progress);left:0}.social-icon-outer{width:20%;min-width:220px}@media screen and (max-width:735px){.authors-sio{width:60%}}.social-icon-container{display:flex;flex-direction:row;justify-content:space-between;min-width:100%;position:relative;margin-left:3.2rem;text-decoration:none;max-width:16px}.social-icon-container a{margin-right:25px}.social-icon-container:hover>svg{fill:var --primary}.social-icon-container:hover>*{transition:fill .25s var(--ease-in-out-quad)}.social-icon-container:first-of-type{margin-left:0}.social-icon-container:last-child{margin-right:0}@media screen and (max-width:735px){.social-icon-container{margin:0 2.2rem}}.social-icon-image path{fill:var(--grey)}.hidden{width:0;height:0;visibility:hidden;opacity:0;overflow:hidden;display:inline-block}.subscription-container{position:relative;display:flex;flex-direction:column;padding:64px 0 55px;margin:10px auto 100px;background:var(--card);box-shadow:0 4px 50px rgba(0,0,0,.05);z-index:1}@media screen and (max-width:735px){.subscription-container{padding:50px 0 0;text-align:center}}@media screen and (max-width:540px){.subscription-container{margin:-20px auto 80px}}.subscription-content{margin:0 auto;width:100%;max-width:640px}@media screen and (max-width:735px){.subscription-content h3{padding:0 50px}}@media screen and (max-width:376px){.subscription-content h3{padding:0 24px}}.subscription-heading{font-family:var(--serif);margin-bottom:20px}@media screen and (max-width:735px){.subscription-heading{margin-bottom:15px}}.subscription-text{margin:0 auto 30px;color:var(--grey);line-height:1.75}@media screen and (max-width:735px){.subscription-text{padding:0 26px;margin:0 auto 25px}}.subscription-form{position:relative}.subscription-form::after{color:var(--accent);content:">";position:absolute;left:21px;top:10px}@media screen and (max-width:735px){.subscription-form:after{left:34px;top:11px}}.subscription-input{position:relative;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary);background-color:var(--inputBackground)}.subscription-input.submitted-input:invalid{position:relative;background:var(--theme-ui-colors-errorBackground,rgba(238,86,91,0.1))!important;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--theme-ui-colors-primary,#000);outline:none!important}.subscription-input.submitted-input:invalid~.subscription-error-message{opacity:1}.subscription-input.submitted-input:invalid~.submit-button{color:var(--error);border:1px solid var(--error)}.submitted-form:after{color:var(--error)}.subscription-error-message{position:absolute;left:35px;bottom:-20px;color:var(--theme-ui-colors-error,#EE565B);font-size:12px;opacity:0}.subscription-input::placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track)}.subscription-input::-ms-input-placeholder{color:var(--track)}@media screen and (max-width:735px){.subscription-input{width:calc(100% - 36px);margin:0 18px;padding:14px 14px 14px 30px;margin-bottom:30px}}.submit-button{border:1px solid var(--accent);color:var(--accent);position:absolute;left:306px;top:3px;display:flex;align-items:center;justify-content:center;width:161px;height:38px;font-weight:600;border-radius:35px;letter-spacing:.42px;transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad)}.submit-button:disabled{cursor:not-allowed}.submit-button svg *{fill:var(--background-color)}.submit-error{position:absolute;left:35px;bottom:-20px;color:var(--error);font-size:12px}.submit-error a{color:var --error;text-decoration:underline}@media screen and (max-width:735px){.submit-error{left:50px;top:50px}}table{position:relative;line-height:1.65;color:var(--grey);font-family:var(--sanserif);transition:var(--color-mode-transition);background:var(--card);margin:45px auto 85px;width:100%;max-width:1004px;border:1px solid var(--horizontalRule);border-radius:5px;overflow:hidden;border-collapse:separate}@media screen and (max-width:1070px){table{margin:25px auto 65px}}@media screen and (max-width:735px){table{max-width:486px}}@media screen and (max-width:540px){table{margin:15px auto 55px}}td{border-top:1px solid var(--horizontalRule);padding:15px 30px;font-size:16px;background:var(--card)}@media screen and (max-width:1070px){td{padding:14px 20px}}@media screen and (max-width:735px){td{font-size:14px}}thead{text-align:left;border-collapse:collapse;position:relative;line-height:1.756;font-weight:600;color:var(--primary);font-family:var(--serif);transition:var(--color-mode-transition)}.section{width:100%;max-width:1220px;margin:0 auto;padding:0 4rem}@media screen and (max-width:1070px){.section{max-width:850px}}@media screen and (max-width:540px){.section{max-width:100%;padding:2rem}}.section p{}@media screen and (max-width:735px){.section p{padding:0 4rem;max-width:567px}}.narrow p{}@media screen and (max-width:735px){.narrow p{padding:0 2rem;max-width:527px}}.subheading-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:100px}@media screen and (max-width:1070px){.subheading-container{margin-bottom:80px}}@media screen and (max-width:735px){.subheading-container{margin-bottom:60px}}@media screen and (max-width:540px){.subheading-container{display:none}}.grid-controls-container{display:flex;align-items:center}@media screen and (max-width:735px){.grid-controls-container{display:none!important}}.heading-container{margin:100px 0}@media screen and (max-width:1070px){.heading-container{width:80%}}@media screen and (max-width:735px){.heading-container{width:100%}}.hero-heading{font-style:normal;font-weight:600;font-size:52px;font-family:var(--sanserif);line-height:1.15;color:var(--primary);margin:0}@media screen and (max-width:1070px){.hero-heading{font-size:38px}}@media screen and (max-width:540px){.hero-heading{font-size:32px}}.grid-button{position:relative;display:flex;align-items:center;justify-content:center;height:36px;width:36px;border-radius:50%;background:transparent;transition:background .25s}.grid-button:not(:last-child){margin-right:30px}.grid-button:hover{background:var(--hover)}.grid-button[data-a11y=true]:focus::after{content:"";position:absolute;left:-10%;top:-10%;width:120%;height:120%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:50%}.grid-button svg{transition:opacity .2s}.grid-button svg path{fill:var(--primary)}.limit-to-two-lines,.articles-title,.article-excerpt{text-overflow:ellipsis;overflow-wrap:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;overflow:hidden}@media screen and (max-width:540px){.limit-to-two-lines,.articles-title,.article-excerpt{-webkit-line-clamp:3}}.show-details p{display:-webkit-box}.show-details h2{margin-bottom:10px}.articles-list-container{transition:opacity .25s}.author-alc{background-image:linear-gradient(var(--card),transparent);padding-top:90px}.author-alc .post-row-alt{justify-content:center}.author-alc .post-row-alt .article-link{max-width:40%!important;margin:15px}.list-title{position:relative;display:grid;grid-template-columns:'457px 1fr';grid-template-rows:2;column-gap:30px}.list-title:not(:last-child){margin-bottom:75px}@media screen and (max-width:1280px){.list-title{grid-template-columns:1fr 1fr}}@media screen and (max-width:735px){.list-title{grid-template-columns:1fr}.list-title:not(:last-child){margin-bottom:0}}.list-title-alt{grid-template-columns:'457px 1fr'}.list-item-row{display:grid;grid-template-rows:1fr;grid-template-columns:1fr 488px;grid-column-gap:96px;grid-template-rows:1;align-items:center;position:relative;margin-bottom:50px}@media screen and (max-width:1070px){.list-item-row{grid-column-gap:24px;grid-template-columns:1fr 380px}}@media screen and (max-width:735px){.list-item-row{grid-template-columns:1fr}}@media(max-width:540px){.list-item-row{background:var(--card)}}@media screen and (max-width:540px){.list-item-row{box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-item-tile{position:relative}@media screen and (max-width:735px){.list-item-tile{margin-bottom:60px}}@media(max-width:540px){.list-item-tile{background:var(--card)}}@media screen and (max-width:540px){.list-item-tile{margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-row{display:grid;grid-template-rows:"1fr 1fr"}.list-row-alt{grid-template-rows:"1fr"}.image-container{display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;height:280px;box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);margin-bottom:30px;transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad)}.image-container>div{height:100%}@media screen and (max-width:735px){.image-container{height:200px;margin-bottom:35px}}@media screen and (max-width:540px){.image-container{overflow:hidden;margin-bottom:0;box-shadow:none;border-top-right-radius:5px;border-top-left-radius:5px}}.article-image{flex-shrink:0;max-width:100%;min-height:100%}.article-title{font-size:21px;font-family:var(--serif);margin-bottom:35px;transition:color .3s ease-in-out}@media screen and (max-width:1070px){.article-title{margin-bottom:15px}}@media screen and (max-width:735px){.article-title{font-size:24px}}@media screen and (max-width:540px){.article-title{font-size:22px;padding:30px 20px 0;margin-bottom:10px;-webkit-line-clamp:3}}.article-excerpt{font-size:16px;margin-left:0;margin-right:0;margin-bottom:10px;color:var(--grey);display:none}@media screen and (max-width:1070px){.article-excerpt{display:-webkit-box}}@media screem and (max-width:540px){.article-excerpt{margin-bottom:15px;max-width:100%;padding:0 20px;margin-bottom:20px;-webkit-line-clamp:3}}.article-metadata{font-weight:600;font-size:16px;color:var(--grey);opacity:.33}@media screen and (max-width:540px){.article-metadata{max-width:100%;padding:0 20px 30px}}.post-row{display:flex;justify-content:space-between;width:100%;margin-bottom:100px}@media screen and (max-width:735px){.post-row{flex-wrap:wrap;justify-content:center}}.post-row-alt{display:flex;justify-content:space-between;width:100%;margin-bottom:100px;flex-wrap:wrap}.post-row-alt .article-link{margin-top:75px;max-width:48.3%}@media screen and (max-width:735px){.post-row-alt .article-link{max-width:100%}}.article-link{max-width:39.5%;position:relative;display:block;width:100%;height:100%;top:0;left:0;border-radius:5px;z-index:1;transition:transform .33s var(--ease-out-quart);-webkit-tap-highlight-color:rgba(255,255,255,0)}.article-link:hover{text-decoration:none}.article-link:hover .image-container,.article-link:focus .image-container{transform:translateY(-1px);box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3)}.article-link:hover h2,.article-link:focus h2{color:var(--accent)}.article-link[data-a11y=true]:focus::after{content:"";position:absolute;left:-1.5%;top:-2%;width:103%;height:104%;border:3px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:1280px){.article-link{max-width:48.5%}}@media screen and (max-width:735px){.article-link{min-width:80%!important;display:block;margin-bottom:60px}.article-link p{padding:0}}@media screen and (max-width:540px){.article-link{min-width:100%!important;margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,.2)}.article-link:hover .image-container{transform:none;box-shadow:initial}.article-link:active{transform:scale(0.97) translateY(3px)}.article-link p{padding:30px 20px 0}}#article-link-bigger{max-width:58.5%!important}@media screen and (max-width:1280px){#article-link-bigger{max-width:48.5%!important}}.articles-list-container-alt .post-row{flex-wrap:wrap!important;margin-bottom:0}.articles-list-container-alt .post-row .article-link{display:flex!important;min-width:100%!important;flex-direction:row;flex-wrap:none}.articles-list-container-alt .post-row .article-link .article-data-outer{display:flex!important;min-width:100%!important;flex-direction:row;flex-wrap:none;justify-content:space-between}.articles-list-container-alt .post-row .article-link .article-data-outer .image-container{max-width:46%}.articles-list-container-alt .post-row .article-link .article-data-outer .article-data{max-width:46%}.articles-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);transition:var(--color-mode-transition)}.articles-paginator{margin-top:95px}.code-toolbar{max-width:750px;margin:0 auto 35px;overflow:auto;font-size:12px}.code-toolbar pre{padding-top:2.5em!important;padding-bottom:2.5em!important;padding-left:5em!important;padding-right:5em!important;border-radius:5px!important;background-color:#292c34!important}.code-toolbar pre code{color:#fff}.code-toolbar .toolbar-item{position:absolute;top:1em;right:1em}@media screen and (max-width:540px){.article-hero::before{content:"";width:100%;height:20px;background:var(--primary);position:absolute;left:0;top:0;transition:var(--color-mode-transition)}.article-hero::after{content:"";width:100%;height:10px;background:var(--background-color);position:absolute;left:0;top:10px;border-top-left-radius:25px;border-top-right-radius:25px;transition:var(--color-mode-transition)}}.article-meta{display:flex}@media screen and (max-width:540px){.article-meta{margin-left:0}}.article-header{position:relative;z-index:10;margin:100px auto 120px;padding-left:68px;max-width:749px}@media screen and (max-width:1070px){.article-header{padding-left:53px;max-width:calc(507px + 53px);margin:100px auto 70px}}@media screen and (max-width:735px){.article-header{padding-left:0;margin:100px auto 70px;max-width:480px}}@media screen and (max-width:540px){.article-header{margin:170px auto 180px;padding:0 40px}}@media screen and (max-height:700px){.article-header{margin:100px auto}}.article-hero-heading{font-size:48px;font-family:var(--serif);margin-bottom:25px;font-weight:700;line-height:1.32}@media screen and (max-width:735px){.article-hero-heading{margin-bottom:20px;font-size:36px}}@media screen and (max-width:540px){.article-hero-heading{font-size:32px}}.article-hero-subtitle{max-width:700px;margin-left:auto;margin-right:auto;position:relative;display:flex;font-size:18px;color:var(--grey)}@media screen and (max-width:540px){.article-hero-subtitle{font-size:14px;flex-direction:column}.article-hero-subtitle.has-coauthors::before{content:'';position:absolute;left:-20px;right:-20px;top:-10px;bottom:-10px;border:1px solid var(--horizontalRule);opacity:.5;border-radius:5px}.article-hero-subtitle strong{display:block;font-weight:500;margin-bottom:5px}}.article-hero-image{position:absolute;z-index:1;width:100%;max-width:944px;overflow:hidden;margin:0 auto;box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22)}.article-hero-image img{width:100%}@media screen and (max-width:1280px){.article-hero-image{position:relative}}@media screen and (max-width:735px){.article-hero-image{max-width:100%}}@media screen and (max-width:phablet){.article-hero-image{margin:0 auto;width:calc(100vw - 40px);height:220px}.article-hero-image>div{height:220px}}.article-author-link{display:flex;align-items:center;color:inherit}.article-author-link:hover{text-decoration:none}.article-author-link:visited{color:inherit}.article-author-link strong{transition:var(--color-mode-transition)}.article-author-link:hover strong{color:var(--primary)}.article-author-avatar{height:25px;width:25px;border-radius:50%;margin-right:14px;background:var(--grey);overflow:hidden}.article-author-avatar img{width:100%}.article-author-avatar .gatsby-image-wrapper>div{padding-bottom:100%!important}@media screen and (max-width:540px){.article-author-avatar{display:none}}.hide-on-mobile{}@media screen and (max-width:540px){.hide-on-mobile{display:none}}.article-coauthors-container{margin-right:10px;position:relative;display:flex;align-items:center;font-size:18px;color:var(--grey);cursor:pointer}.article-coauthors-container::before{content:"";position:absolute;left:0;right:0;top:-16px;bottom:-16px;background:var(--card);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;z-index:0;transition:opacity .3s;cursor:pointer;opacity:0}.article-coauthors-container:hover::before{opacity:1}@media screen and (max-width:540px){.article-coauthors-container{font-size:14px;align-items:center}.article-coauthors-container::before{box-shadow:none;bottom:-30px;background:transparent}.article-coauthors-container strong{display:block;font-weight:semi-bold;margin-bottom:5px}}.article-coauthors-collapsed{display:flex}.article-coauthors-list{position:relative;height:25px;margin-right:15px;margin-left:15px}@media screen and (max-width:540px){.article-coauthors-list{display:none}}.article-coauthors-avatar{position:absolute;height:25px;width:25px;border-radius:50%;z-index:1;background:var(--grey);box-shadow:0 0 0 2px var(--background-color);transition:box-shadow .25s ease;overflow:hidden;pointer-events:none}.article-coauthors-avatar img{width:100%}@media screen and (max-width:540px){.article-coauthors-avatar{display:none}}.article-coauthors-name-container{position:relative;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;cursor:pointer}@media screen and (max-width:1070px){.article-coauthors-name-container{max-width:120px}}@media screen and (max-width:540px){.article-coauthors-name-container{max-width:200px}}.article-coauthors-icon-container{display:flex;align-items:center;position:relative;cursor:pointer;margin-left:10px;margin-right:10px}@media screen and (max-width:540px){.article-coauthors-icon-container{position:absolute;right:0;bottom:0;top:10px;height:100%}}.article-coauthors-list-open{position:absolute;z-index:2;left:-21px;right:-21px;top:-19px;padding:21px;background:var(--card);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;cursor:pointer;list-style-type:none;transform:translateY(-2px)}.article-coauthors-list-open li::before{display:none}.article-icon-open-container{position:absolute;cursor:pointer;top:25px;right:10px}.article-coauthors-list-item-open a{width:100%}.article-coauthors-list-item-open:not(:last-child){margin-bottom:10px}.article-coauthor-avatar-open{height:25px;width:25px;border-radius:50%;margin-right:15px;background:var(--grey);overflow:hidden;pointer-events:none}.article-coauthor-avatar-open img{width:100%}.article-coauthor-avatar-open .gatsby-image-wrapper>div{padding-bottom:100%!important;overflow:hidden}.article-author-name-open{position:relative;cursor:pointer;color:var(--secondary);font-weight:600}.post-content{padding:160px 0 35px}.footer-next-heading{display:block;font-size:1.6rem;position:relative;opacity:.25;margin-left:0;margin-right:0;margin-bottom:100px;min-width:100%;font-weight:400;color:var(--primary)}@media screen and (max-width:735px){.footer-next-heading{margin-bottom:60px}}.footer-next-heading::after{content:'';position:absolute;background:var(--grey);width:62%;max-width:100%;height:1px;right:0;top:50%}@media screen and (max-width:735px){.footer-next-heading::after{width:41.7%}}@media screen and (max-width:540px){.footer-next-heading::after{width:27.8%}}@media screen and (max-width:376px){.footer-next-heading::after{width:90px}}.footer-spacer{margin-bottom:65px}.author-hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:35px auto 110px}.author-hero-image{position:relative;z-index:1;height:164px;width:164px;margin-bottom:35px;border-radius:50%;overflow:hidden;border:2px solid var(background-color);box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);border:2px solid var(--card)}.author-hero-image img{width:100%}@media screen and (max-width:735px){.author-hero-image{width:146px;height:146px}}@media screen and (max-width:540px){.author-hero-image{width:136px;height:136px;margin-bottom:25px}}.author-heading{font-size:38px;font-family:var(--sanserif);color:var(--primary);margin-bottom:15px;font-weight:600;text-align:center}.author-subheading{margin:0 auto;max-width:450px;color:var(--grey);font-size:18px;font-family:var(--sanserif);line-height:1.4;text-align:center}@media screen and (max-width:540px){.author-subheading{font-size:14px}}.author-social{display:flex;align-items:center;justify-content:center;margin-top:35px;width:100%}@media screen and (max-width:540px){.author-social{font-size:14px}}.authors-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);transition:var(--color-mode-transition)}.pagination{z-index:100;margin:0;margin-top:95px;padding:0;display:flex;justify-content:flex-start}.pagination:hover{cursor:pointer}.pagination a:hover{color:var(--primary)}.pagination .page-item{display:block;width:auto;height:auto;padding:0}.pagination .page-item .page-link{display:block;color:var(--grey);min-width:6rem}.pagination .page-item .page-next,.pagination .page-item .page-prev{color:var(--primary)}.pagination .page-item::before{display:none}.pagination .active .page-link{color:var(--primary)}:root{--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1)}@font-face{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-weight:400;font-style:normal}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0;font-size:inherit}:root{-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;cursor:default;font-size:.625rem;line-height:1.4}body{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:1.6rem;margin:0;font-weight:400;height:100%}button,a{text-decoration:none;cursor:pointer}a:focus{outline:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}input,textarea,select,button{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.underline{text-decoration:underline}button,input,select,textarea{color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}code,kbd,pre,samp{font-family:monospace}fieldset,button{appearance:none;border:none;outline:none;background:transparent}table{border-collapse:separate;border-spacing:0}audio:not([controls]){display:none}details{display:block}input:focus,input:active{outline:none}input[type=number]{width:auto}img.Image__Zoom~div{background:transparent!important}.Image__Small{width:100%;max-width:680px;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__Small img{width:100%}.Image__medium{width:100%;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__medium img{width:100%}.Image__large{width:100%;margin-bottom:35px}.Image__large img{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.author-alc-section{padding-left:0;padding-right:0}.icon-image path{fill:var(--primary)}img{animation-name:image-load-in;animation-duration:.8s}@keyframes image-load-in{0%{filter:blur(8px);opacity:0}100%{filter:blur(0);opacity:1}}
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json b/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json
index ecb8ebf..3448764 100644
--- a/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json
+++ b/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json
@@ -1 +1 @@
-{"Target":"scss/global.min.54246f4e38d733ea9da0dde0c6bd83e9088e9b978ab98fc78ee5a030ba8815d2.css","MediaType":"text/css","Data":{"Integrity":"sha256-VCRvTjjXM+qdoN3gxr2D6QiOm5eKuY/HjuWgMLqIFdI="}}
\ No newline at end of file
+{"Target":"scss/global.min.eb93212f1cc1c66af692c37edef4f83c00868265195648dc3db01327307e119b.css","MediaType":"text/css","Data":{"Integrity":"sha256-65MhLxzBxmr2ksN+3vT4PACGgmUZVkjcPbATJzB+EZs="}}
\ No newline at end of file