diff --git a/assets/built/screen.css b/assets/built/screen.css index 34d2db33..7d4cde20 100644 --- a/assets/built/screen.css +++ b/assets/built/screen.css @@ -1,2 +1,2 @@ -*,:after,:before{box-sizing:border-box}html{overflow-x:hidden;overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{min-height:100vh;color:#454545;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;background:#fff;scroll-behavior:smooth;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}blockquote,body,dd,dl,figcaption,figure,hr,li,ol,p,pre,table,ul,video{margin:0;padding:0}ol[class],ul[class]{padding:0;list-style:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}hr{position:relative;display:block;width:100%;height:1px;border:0;border-top:1px solid;opacity:.2}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}mark{background-color:#fdffb6}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}a:not([class]){color:#26a8ed;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a[class]{color:inherit;text-decoration:none;transition:.4s ease}a[class]:hover{transition:.2s ease}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.1em;font-weight:700}h1{font-size:4.6rem;letter-spacing:-.5px}@media (max-width:500px){h1{font-size:2.7rem}}h2{font-size:3.4rem}@media (max-width:500px){h2{font-size:2rem}}h3{font-size:3.2rem}@media (max-width:500px){h3{font-size:1.8rem}}h4{font-size:2.6rem}h5{font-size:2.4rem}h6{font-size:2.2rem}@media (prefers-reduced-motion:reduce){*{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.gh-head{padding:3vw 4vw;font-size:1.6rem;line-height:1.3em;background:inherit}.gh-head a{color:inherit;text-decoration:none}.gh-head .gh-container{display:grid;grid-gap:40px;grid-template-columns:1fr auto 1fr;grid-auto-flow:row dense}.gh-head-brand{grid-column-start:2;display:flex;align-items:center;max-width:200px;text-align:center;word-break:break-all}.gh-head-logo{display:block;padding:10px 0;font-weight:600;font-size:2.2rem;line-height:1.2em}.gh-head-logo img{max-height:40px}.gh-head-menu{display:flex;align-items:center}.gh-head-menu .nav{display:inline-flex;flex-wrap:wrap;align-items:center;list-style:none}.gh-head-menu .nav li{margin:0 1.5vw 0 0;padding:0}.gh-head-menu .nav a{display:inline-block;padding:5px 0}.gh-head-menu .nav-current a{box-shadow:inset 0 -1px 0 0 currentcolor}.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{display:inline-block;margin:0 0 0 1.5vw;padding:5px 0}.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)}.gh-head-brandnavactions .gh-head-brand{grid-column-start:1}.gh-head-brandnav .gh-container{grid-gap:0;grid-template-columns:auto -webkit-max-content -webkit-max-content;grid-template-columns:auto max-content max-content}.gh-head-brandnav .gh-head-brand{grid-column-start:1}.gh-head-brandnav .gh-head-menu{margin-left:40px}.gh-head-brandnav .gh-head-menu .nav li{margin:0 0 0 1.5vw;padding:0}@media (max-width:900px){.gh-burger{display:inline-block}#gh-head{transition:all .4s ease-out;overflow:hidden}#gh-head .gh-container{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}#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:900;overflow-y:scroll}.gh-head-open #gh-head .gh-container{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}}.gh-canvas{display:grid;grid-template-columns:[full-start] minmax(calc((100% - 1200px)/2),1fr) [wide-start] auto [main-start] 720px [main-end] auto [wide-end] minmax(calc((100% - 1200px)/2),1fr) [full-end]}@media (max-width:1296px){.gh-canvas{grid-template-columns:[full-start] 4vw [wide-start] auto [main-start] 720px [main-end] auto [wide-end] 4vw [full-end]}}@media (max-width:778px){.gh-canvas{grid-template-columns:[full-start] 4vw [wide-start] auto [main-start] auto [main-end] auto [wide-end] 4vw [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}.gh-content>*+*{margin-top:4vw}@media (min-width:600px){.gh-content>*+*{margin-top:3vw}}@media (min-width:1100px){.gh-content>*+*{margin-top:4.2rem}}.gh-content>[id]+*{margin-top:1.5rem}.gh-content [id]{margin:1.5em 0 0}.gh-content [id]+.kg-card,.gh-content blockquote+.kg-card{margin-top:1.5rem}.gh-canvas blockquote,.gh-canvas dl,.gh-canvas ol,.gh-canvas p,.gh-canvas ul{font-family:Georgia,Times,serif;font-weight:400;font-size:2rem;line-height:1.6em}.gh-content dl,.gh-content ol,.gh-content ul{padding-left:1.9em}.gh-content hr{margin-top:5vw}.gh-content hr+*{margin-top:5vw!important}.gh-content blockquote{position:relative;font-style:italic}.gh-content blockquote:before{content:"";position:absolute;left:-1.5em;top:0;bottom:0;width:.3rem;background:#3eb0ef}@media (max-width:650px){.gh-canvas blockquote,.gh-canvas dl,.gh-canvas ol,.gh-canvas p,.gh-canvas ul{font-size:1.8rem}.gh-content blockquote:before{left:-4vw}}.kg-card+:not(.kg-card):not([id]),:not(.kg-card):not([id])+.kg-card{margin-top:6vw}@media (min-width:600px){.kg-card+:not(.kg-card):not([id]),:not(.kg-card):not([id])+.kg-card{margin-top:6vw}}@media (min-width:1100px){.kg-card+:not(.kg-card):not([id]),:not(.kg-card):not([id])+.kg-card{margin-top:6rem}}.kg-card 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}.kg-card figcaption strong{color:rgba(0,0,0,.8)}.gh-canvas :not(pre) code{vertical-align:middle;padding:.15em .4em;border:1px solid #e1eaef;font-weight:400!important;font-size:.9em;line-height:1em;color:#dc0050;background:#f0f6f9;border-radius:.25em}.gh-canvas>pre{overflow:scroll;padding:16px 20px;background:hsla(0,0%,100%,.6);border-radius:5px;box-shadow:0 2px 6px -2px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.4)}.kg-embed-card{display:flex;flex-direction:column;align-items:center;width:100%}.kg-gallery-card+.kg-gallery-card{margin-top:.75em}.kg-gallery-container{position:relative}.kg-gallery-row{display:flex;flex-direction:row;justify-content:center}.kg-gallery-image img{display:block;margin:0;width:100%;height:100%}.kg-gallery-row:not(:first-of-type){margin:.75em 0 0}.kg-gallery-image:not(:first-of-type){margin:0 0 0 .75em}.kg-bookmark-card,.kg-bookmark-publisher{position:relative}.kg-bookmark-container{display:flex;flex-wrap:wrap;flex-direction:row-reverse;color:currentColor;background:hsla(0,0%,100%,.6);font-family:inherit;text-decoration:none;border-radius:5px;box-shadow:0 2px 6px -2px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.4);overflow:hidden}.kg-bookmark-content{flex-basis:0;flex-grow:999;padding:20px;order:1}.kg-bookmark-title{font-weight:600;font-size:1.5rem}.kg-bookmark-description{max-height:45px;margin:.6em 0 0;font-size:1.4rem;line-height:1.55em;opacity:.8}.kg-bookmark-description,.kg-bookmark-metadata{margin-top:.9em}.kg-bookmark-metadata{display:flex;align-items:center;font-weight:500;font-size:1.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kg-bookmark-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.kg-bookmark-icon{display:inline-block;width:16px;height:16px;vertical-align:text-bottom;margin-right:.5em}.kg-bookmark-thumbnail{display:flex;flex-basis:24rem;flex-grow:1}.kg-bookmark-thumbnail img{max-width:100%;height:auto;vertical-align:bottom;-o-object-fit:cover;object-fit:cover}.kg-bookmark-author{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kg-bookmark-publisher:before{content:"•";margin:0 .5em}.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}.gh-content table{border-collapse:collapse;width:100%}.gh-content th{padding:.5em .8em;text-align:left;font-size:.75em;text-transform:uppercase}.gh-content td{padding:.4em .7em}.gh-content tbody tr:nth-child(odd){background-color:rgba(0,0,0,.1);padding:1px}.gh-content tbody tr:nth-child(2n+2) td:last-child{box-shadow:inset 1px 0 rgba(0,0,0,.1),inset -1px 0 rgba(0,0,0,.1)}.gh-content tbody tr:nth-child(2n+2) td{box-shadow:inset 1px 0 rgba(0,0,0,.1)}.gh-content tbody tr:last-child{border-bottom:1px solid rgba(0,0,0,.1)}.kg-card iframe[src*="spotify.com"]{width:100%;height:25vw;min-height:200px;max-height:400px}form[data-members-form] .button-loader,form[data-members-form] .message-error,form[data-members-form] .message-success{display:none}.message-error svg,.message-success svg{position:relative;top:-1px;margin-right:5px;height:15px;width:15px}.message-success svg{fill:#fff}.message-error svg{fill:#3eb0ef}form[data-members-form].error .message-error,form[data-members-form].success .message-success{position:fixed;top:20px;left:6vw;right:6vw;z-index:9999;max-width:calc(1400px - 12vw);margin:0 auto;padding:10px 0;color:#fff;font-size:1.4rem;line-height:1.5em;font-weight:500;text-align:center;background:#131313;border-radius:.5rem}form[data-members-form].success .message-success{background:var(--color-success)}form[data-members-form].error .message-error{color:#3eb0ef;background:#fff;box-shadow:0 0 0 1px #3eb0ef}form[data-members-form] .button{position:relative}form[data-members-form].loading .button-content{visibility:hidden}form[data-members-form].loading .button-loader{display:inline-block;position:absolute;left:50%;margin-left:-19px;transform:scale(.7)}.button-loader svg path,.button-loader svg rect{fill:#fff}form[data-members-form].error .message-error,form[data-members-form].success .message-success{display:block}form{margin:0 0 2rem}fieldset{margin:0;padding:0;border:0}label{color:#3eb0ef;display:block;font-size:.9em;font-weight:700;margin:0 0 (2rem * .5)}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#f5f5f5;border-radius:.5rem;border:1px solid #ddd;color:inherit;display:block;outline:0;padding:0 .6em;text-decoration:none;width:100%}input[type=email]:invalid,input[type=password]:invalid,input[type=search]:invalid,input[type=tel]:invalid,input[type=text]:invalid,input[type=url]:invalid,select:invalid,textarea:invalid{box-shadow:none}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#3eb0ef;box-shadow:0 0 0 1px #3eb0ef}select{height:4rem;padding-right:4rem;text-overflow:ellipsis}select option{color:#3eb0ef;background:#f5f5f5}select:focus::-ms-value{background-color:transparent}select::-ms-expand{display:none}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select{height:4rem}textarea{padding:.3em .6em;resize:vertical}input[type=checkbox],input[type=radio]{display:block;margin-right:-2em;opacity:0;width:1em;z-index:-1}input[type=checkbox]+label,input[type=radio]+label{display:flex;align-items:center;color:#131313;cursor:pointer;font-size:1em;font-weight:400;padding-left:calc(2.4rem + .75em);padding-right:2rem;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input[type=checkbox]+label:before,input[type=radio]+label:before{background:#f5f5f5;border-radius:.5rem;border:1px solid #ddd;content:"";display:inline-block;height:2.4rem;line-height:2.24rem;text-align:center;width:2.4rem;margin-right:1rem}input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before{background:#3eb0ef;border-color:#3eb0ef;color:#f5f5f5;content:"✓"}input[type=checkbox]:focus+label:before,input[type=radio]:focus+label:before{border-color:#3eb0ef;box-shadow:0 0 0 1px #3eb0ef}input[type=checkbox]+label:before{border-radius:.5rem}input[type=radio]+label:before{border-radius:100%}.button{display:inline-block;height:4rem;padding:0 2rem;border:0;border-radius:.5rem;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.4rem;font-weight:400;line-height:4rem;text-align:center;text-decoration:none;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:.4s ease}.button.fit{width:100%}.button.small{height:3.6rem;line-height:3.6rem;padding:0 1.5rem;font-size:1.2rem}.button.large{height:4.56rem;line-height:4.56rem;padding:0 3rem;font-size:1.6rem}.button.disabled,.button:disabled{pointer-events:none;opacity:.4}.button{color:#3eb0ef!important;background-color:transparent;box-shadow:inset 0 0 0 2px #3eb0ef}.button:hover{text-decoration:none;color:#118dd0!important;box-shadow:inset 0 0 0 2px #139de7;transition:.2s ease}.button.primary{color:#fff!important;background-color:#3eb0ef;box-shadow:none}.button.primary:hover{background-color:#139de7}.gh-viewport,html{display:flex;flex-direction:column;min-height:100vh;background:#fff}.gh-main{flex:1 0 auto;display:flex;flex-direction:column}.gh-page{padding:0 4vw}.gh-container{width:100%;max-width:1200px;margin:0 auto}.gh-head-actions a{display:inline-flex;align-items:center;margin:0;padding:10px}.gh-head-actions a svg{height:1.8rem;fill:currentcolor}.gh-head-actions a:first-child svg{margin-left:20px}.gh-head-actions a:last-child svg{height:2rem}.post-card{margin:0 0 4vw}.post-card-link{display:flex;justify-content:space-between}.post-card-image{margin-left:4vw;width:300px;height:200px;-o-object-fit:cover;object-fit:cover}.gh-header{padding:0 0 4vw}.gh-title{margin-top:4vw}.gh-image{grid-column:full-start/full-end;width:100%}.gh-post-footer{margin:2rem 0}.gh-error{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;padding-bottom:2vmin}.gh-error-content{flex:1 0 auto;text-align:center}.gh-error-code{margin:0;font-size:14vmin}.gh-error-description{font-size:4vmin;font-weight:300;opacity:.6}.gh-error-link{display:block;margin-top:4vmin;font-size:1.6rem}.gh-foot{display:flex;align-items:center;justify-content:center;padding:4vw}.gh-foot .gh-container{width:auto}.gh-foot a{color:inherit} +*,:after,:before{box-sizing:border-box}html{overflow-x:hidden;overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{min-height:100vh;color:#454545;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;background:#fff;scroll-behavior:smooth;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}blockquote,body,dd,dl,figcaption,figure,hr,li,ol,p,pre,table,ul,video{margin:0;padding:0}ol[class],ul[class]{padding:0;list-style:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}hr{position:relative;display:block;width:100%;height:1px;border:0;border-top:1px solid;opacity:.2}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}mark{background-color:#fdffb6}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}a:not([class]){color:#26a8ed;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a[class]{color:inherit;text-decoration:none;transition:.4s ease}a[class]:hover{transition:.2s ease}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.15em;font-weight:700}h1{font-size:4.6rem;letter-spacing:-.5px}@media (max-width:500px){h1{font-size:2.7rem}}h2{font-size:3.6rem}@media (max-width:500px){h2{font-size:2.2rem}}h3{font-size:3.2rem}@media (max-width:500px){h3{font-size:1.8rem}}h4{font-size:2.6rem}h5{font-size:2.4rem}h6{font-size:2.2rem}@media (prefers-reduced-motion:reduce){*{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.gh-head{padding:3vw 4vw;font-size:1.6rem;line-height:1.3em;background:inherit}.gh-head a{color:inherit;text-decoration:none}.gh-head .gh-container{display:grid;grid-gap:40px;grid-template-columns:1fr auto 1fr;grid-auto-flow:row dense}.gh-head-brand{grid-column-start:2;display:flex;align-items:center;max-width:200px;text-align:center;word-break:break-all}.gh-head-logo{display:block;padding:10px 0;font-weight:600;font-size:2.2rem;line-height:1.2em}.gh-head-logo img{max-height:40px}.gh-head-menu{display:flex;align-items:center}.gh-head-menu .nav{display:inline-flex;flex-wrap:wrap;align-items:center;list-style:none}.gh-head-menu .nav li{margin:0 1.5vw 0 0;padding:0}.gh-head-menu .nav a{display:inline-block;padding:5px 0}.gh-head-menu .nav-current a{box-shadow:inset 0 -1px 0 0 currentcolor}.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{display:inline-block;margin:0 0 0 1.5vw;padding:5px 0}.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)}.gh-head-brandnavactions .gh-head-brand{grid-column-start:1}.gh-head-brandnav .gh-container{grid-gap:0;grid-template-columns:auto -webkit-max-content -webkit-max-content;grid-template-columns:auto max-content max-content}.gh-head-brandnav .gh-head-brand{grid-column-start:1}.gh-head-brandnav .gh-head-menu{margin-left:40px}.gh-head-brandnav .gh-head-menu .nav li{margin:0 0 0 1.5vw;padding:0}@media (max-width:900px){.gh-burger{display:inline-block}#gh-head{transition:all .4s ease-out;overflow:hidden}#gh-head .gh-container{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}#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:900;overflow-y:scroll}.gh-head-open #gh-head .gh-container{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}}.gh-canvas{display:grid;grid-template-columns:[full-start] minmax(calc((100% - 1200px)/2),1fr) [wide-start] auto [main-start] 720px [main-end] auto [wide-end] minmax(calc((100% - 1200px)/2),1fr) [full-end]}@media (max-width:1296px){.gh-canvas{grid-template-columns:[full-start] 4vw [wide-start] auto [main-start] 720px [main-end] auto [wide-end] 4vw [full-end]}}@media (max-width:778px){.gh-canvas{grid-template-columns:[full-start] 4vw [wide-start] auto [main-start] auto [main-end] auto [wide-end] 4vw [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}.gh-content>*+*{margin-top:4vw}@media (min-width:600px){.gh-content>*+*{margin-top:3vw}}@media (min-width:1100px){.gh-content>*+*{margin-top:4.2rem}}.gh-content>[id]+*{margin-top:1.5rem}.gh-content [id]{margin:1.5em 0 0}.gh-content [id]+.kg-card,.gh-content blockquote+.kg-card{margin-top:1.5rem}.gh-canvas blockquote,.gh-canvas dl,.gh-canvas ol,.gh-canvas p,.gh-canvas ul{font-family:Georgia,Times,serif;font-weight:400;font-size:2rem;line-height:1.6em}.gh-content dl,.gh-content ol,.gh-content ul{padding-left:1.9em}.gh-content hr{margin-top:5vw}.gh-content hr+*{margin-top:5vw!important}.gh-content blockquote{position:relative;font-style:italic}.gh-content blockquote:before{content:"";position:absolute;left:-1.5em;top:0;bottom:0;width:.3rem;background:#3eb0ef}@media (max-width:650px){.gh-canvas blockquote,.gh-canvas dl,.gh-canvas ol,.gh-canvas p,.gh-canvas ul{font-size:1.8rem}.gh-content blockquote:before{left:-4vw}}.kg-card+:not(.kg-card):not([id]),:not(.kg-card):not([id])+.kg-card{margin-top:6vw}@media (min-width:600px){.kg-card+:not(.kg-card):not([id]),:not(.kg-card):not([id])+.kg-card{margin-top:6vw}}@media (min-width:1100px){.kg-card+:not(.kg-card):not([id]),:not(.kg-card):not([id])+.kg-card{margin-top:6rem}}.kg-card 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}.kg-card figcaption strong{color:rgba(0,0,0,.8)}.gh-canvas :not(pre) code{vertical-align:middle;padding:.15em .4em;border:1px solid #e1eaef;font-weight:400!important;font-size:.9em;line-height:1em;color:#dc0050;background:#f0f6f9;border-radius:.25em}.gh-canvas>pre{overflow:scroll;padding:16px 20px;background:hsla(0,0%,100%,.6);border-radius:5px;box-shadow:0 2px 6px -2px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.4)}.kg-embed-card{display:flex;flex-direction:column;align-items:center;width:100%}.kg-gallery-card+.kg-gallery-card{margin-top:.75em}.kg-gallery-container{position:relative}.kg-gallery-row{display:flex;flex-direction:row;justify-content:center}.kg-gallery-image img{display:block;margin:0;width:100%;height:100%}.kg-gallery-row:not(:first-of-type){margin:.75em 0 0}.kg-gallery-image:not(:first-of-type){margin:0 0 0 .75em}.kg-bookmark-card,.kg-bookmark-publisher{position:relative}.kg-bookmark-container{display:flex;flex-wrap:wrap;flex-direction:row-reverse;color:currentColor;background:hsla(0,0%,100%,.6);font-family:inherit;text-decoration:none;border-radius:5px;box-shadow:0 2px 6px -2px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.4);overflow:hidden}.kg-bookmark-content{flex-basis:0;flex-grow:999;padding:20px;order:1}.kg-bookmark-title{font-weight:600;font-size:1.5rem}.kg-bookmark-description{max-height:45px;margin:.6em 0 0;font-size:1.4rem;line-height:1.55em;opacity:.8}.kg-bookmark-description,.kg-bookmark-metadata{margin-top:.9em}.kg-bookmark-metadata{display:flex;align-items:center;font-weight:500;font-size:1.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kg-bookmark-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.kg-bookmark-icon{display:inline-block;width:16px;height:16px;vertical-align:text-bottom;margin-right:.5em}.kg-bookmark-thumbnail{display:flex;flex-basis:24rem;flex-grow:1}.kg-bookmark-thumbnail img{max-width:100%;height:auto;vertical-align:bottom;-o-object-fit:cover;object-fit:cover}.kg-bookmark-author{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kg-bookmark-publisher:before{content:"•";margin:0 .5em}.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}.gh-content table{border-collapse:collapse;width:100%}.gh-content th{padding:.5em .8em;text-align:left;font-size:.75em;text-transform:uppercase}.gh-content td{padding:.4em .7em}.gh-content tbody tr:nth-child(odd){background-color:rgba(0,0,0,.1);padding:1px}.gh-content tbody tr:nth-child(2n+2) td:last-child{box-shadow:inset 1px 0 rgba(0,0,0,.1),inset -1px 0 rgba(0,0,0,.1)}.gh-content tbody tr:nth-child(2n+2) td{box-shadow:inset 1px 0 rgba(0,0,0,.1)}.gh-content tbody tr:last-child{border-bottom:1px solid rgba(0,0,0,.1)}.kg-card iframe[src*="spotify.com"]{width:100%;height:25vw;min-height:200px;max-height:400px}form[data-members-form] .button-loader,form[data-members-form] .message-error,form[data-members-form] .message-success{display:none}.message-error svg,.message-success svg{position:relative;top:-1px;margin-right:5px;height:15px;width:15px}.message-success svg{fill:#fff}.message-error svg{fill:#3eb0ef}form[data-members-form].error .message-error,form[data-members-form].success .message-success{position:fixed;top:20px;left:6vw;right:6vw;z-index:9999;max-width:calc(1400px - 12vw);margin:0 auto;padding:10px 0;color:#fff;font-size:1.4rem;line-height:1.5em;font-weight:500;text-align:center;background:#131313;border-radius:.5rem}form[data-members-form].success .message-success{background:var(--color-success)}form[data-members-form].error .message-error{color:#3eb0ef;background:#fff;box-shadow:0 0 0 1px #3eb0ef}form[data-members-form] .button{position:relative}form[data-members-form].loading .button-content{visibility:hidden}form[data-members-form].loading .button-loader{display:inline-block;position:absolute;left:50%;margin-left:-19px;transform:scale(.7)}.button-loader svg path,.button-loader svg rect{fill:#fff}form[data-members-form].error .message-error,form[data-members-form].success .message-success{display:block}form{margin:0 0 2rem}fieldset{margin:0;padding:0;border:0}label{color:#3eb0ef;display:block;font-size:.9em;font-weight:700;margin:0 0 (2rem * .5)}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#f5f5f5;border-radius:.5rem;border:1px solid #ddd;color:inherit;display:block;outline:0;padding:0 .6em;text-decoration:none;width:100%}input[type=email]:invalid,input[type=password]:invalid,input[type=search]:invalid,input[type=tel]:invalid,input[type=text]:invalid,input[type=url]:invalid,select:invalid,textarea:invalid{box-shadow:none}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#3eb0ef;box-shadow:0 0 0 1px #3eb0ef}select{height:4rem;padding-right:4rem;text-overflow:ellipsis}select option{color:#3eb0ef;background:#f5f5f5}select:focus::-ms-value{background-color:transparent}select::-ms-expand{display:none}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select{height:4rem}textarea{padding:.3em .6em;resize:vertical}input[type=checkbox],input[type=radio]{display:block;margin-right:-2em;opacity:0;width:1em;z-index:-1}input[type=checkbox]+label,input[type=radio]+label{display:flex;align-items:center;color:#131313;cursor:pointer;font-size:1em;font-weight:400;padding-left:calc(2.4rem + .75em);padding-right:2rem;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input[type=checkbox]+label:before,input[type=radio]+label:before{background:#f5f5f5;border-radius:.5rem;border:1px solid #ddd;content:"";display:inline-block;height:2.4rem;line-height:2.24rem;text-align:center;width:2.4rem;margin-right:1rem}input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before{background:#3eb0ef;border-color:#3eb0ef;color:#f5f5f5;content:"✓"}input[type=checkbox]:focus+label:before,input[type=radio]:focus+label:before{border-color:#3eb0ef;box-shadow:0 0 0 1px #3eb0ef}input[type=checkbox]+label:before{border-radius:.5rem}input[type=radio]+label:before{border-radius:100%}.button{display:inline-block;height:4rem;padding:0 2rem;border:0;border-radius:.5rem;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.4rem;font-weight:400;line-height:4rem;text-align:center;text-decoration:none;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:.4s ease}.button.fit{width:100%}.button.small{height:3.6rem;line-height:3.6rem;padding:0 1.5rem;font-size:1.2rem}.button.large{height:4.56rem;line-height:4.56rem;padding:0 3rem;font-size:1.6rem}.button.disabled,.button:disabled{pointer-events:none;opacity:.4}.button{color:#3eb0ef!important;background-color:transparent;box-shadow:inset 0 0 0 2px #3eb0ef}.button:hover{text-decoration:none;color:#118dd0!important;box-shadow:inset 0 0 0 2px #139de7;transition:.2s ease}.button.primary{color:#fff!important;background-color:#3eb0ef;box-shadow:none}.button.primary:hover{background-color:#139de7}.gh-viewport,html{display:flex;flex-direction:column;min-height:100vh;background:#fff}.gh-main{flex:1 0 auto;display:flex;flex-direction:column}.gh-page{padding:0 4vw}.gh-container{width:100%;max-width:1200px;margin:0 auto}.gh-head-actions a{display:inline-flex;align-items:center;margin:0;padding:10px}.gh-head-actions a svg{height:1.8rem;fill:currentcolor}.gh-head-actions a:first-child svg{margin-left:20px}.gh-head-actions a:last-child svg{height:2rem}.post-card{margin:0 auto 6vw}.post-card-link{display:flex;flex-direction:column}.post-card-image{width:100%;max-height:700px;-o-object-fit:cover;object-fit:cover;margin-bottom:2vw}.post-card-meta{display:block;margin:0 0 1rem;font-size:1.3rem;text-transform:uppercase;opacity:.6}.post-card-content{max-width:720px;margin:0 auto;text-align:center}.post-card-content p{margin:1rem 0;padding:0 4vw}.post-card-content>strong{display:inline-block;padding:1px 0;font-weight:500;box-shadow:inset 0 -1px 0 0 currentColor;opacity:.6}.gh-header{padding:0 0 4vw}.gh-title{margin-top:4vw}.gh-image{grid-column:full-start/full-end;width:100%}.gh-post-footer{margin:2rem 0}.gh-error{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;padding-bottom:2vmin}.gh-error-content{flex:1 0 auto;text-align:center}.gh-error-code{margin:0;font-size:14vmin}.gh-error-description{font-size:4vmin;font-weight:300;opacity:.6}.gh-error-link{display:block;margin-top:4vmin;font-size:1.6rem}.gh-foot{display:flex;align-items:center;justify-content:center;padding:4vw}.gh-foot .gh-container{width:auto}.gh-foot a{color:inherit} /*# 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 643809f4..9c669ede 100644 --- a/assets/built/screen.css.map +++ b/assets/built/screen.css.map @@ -1 +1 @@ -{"version":3,"sources":["components/global.css","components/header.css","components/content.css","components/members.css","components/forms.css","components/buttons.css","screen.css"],"names":[],"mappings":"AAGA,iBAGI,qBACJ,CAEA,KACI,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAChB,yCACJ,CAEA,KACI,gBAAiB,CAGjB,aAAuC,CACvC,wHAAwI,CACxI,gBAAiB,CACjB,iBAAkB,CAClB,eAAgB,CAChB,iBAAkB,CAClB,eAAgB,CAChB,sBAAuB,CACvB,iBAAkB,CAClB,kCAAmC,CACnC,iCACJ,CAEA,sEAfI,QAAS,CACT,SA6BJ,CAEA,oBAEI,SAAU,CACV,eACJ,CAEA,IACI,aAAc,CACd,cACJ,CAEA,6BAII,YACJ,CAEA,GACI,iBAAkB,CAClB,aAAc,CACd,UAAW,CACX,UAAW,CACX,QAAS,CACT,oBAAkC,CAClC,UACJ,CAEA,iBACI,gBAAiB,CACjB,kBACJ,CAHA,YACI,gBAAiB,CACjB,kBACJ,CAEA,KACI,wBACJ,CAEA,MACI,aACJ,CAEA,QAEI,iBAAkB,CAClB,aAAc,CACd,aAAc,CACd,uBACJ,CACA,IACI,SACJ,CACA,IACI,aACJ,CAEA,eACI,aAAyC,CACzC,gCAA8B,CAA9B,6BACJ,CAEA,SACI,aAAc,CACd,oBAAqB,CACrB,mBACJ,CAEA,eACI,mBACJ,CAEA,kBAMI,QAAS,CACT,iBAAkB,CAClB,eACJ,CAEA,GACI,gBAAiB,CACjB,oBACJ,CACA,yBACI,GACI,gBACJ,CACJ,CAEA,GACI,gBACJ,CACA,yBACI,GACI,cACJ,CACJ,CAEA,GACI,gBACJ,CACA,yBACI,GACI,gBACJ,CACJ,CAEA,GACI,gBACJ,CAEA,GACI,gBACJ,CAEA,GACI,gBACJ,CAGA,uCACI,EACI,0CAAqC,CAArC,kCAAqC,CACrC,6CAAuC,CAAvC,qCAAuC,CACvC,mCAAsC,CACtC,8BACJ,CACJ,CChLA,SACI,eAAgB,CAChB,gBAAiB,CACjB,iBAAkB,CAClB,kBACJ,CAEA,WACI,aAAc,CACd,oBACJ,CAEA,uBACI,YAAa,CACb,aAAc,CACd,kCAAmC,CACnC,wBACJ,CAMA,eACI,mBAAoB,CACpB,YAAa,CACb,kBAAmB,CACnB,eAAgB,CAChB,iBAAkB,CAClB,oBACJ,CAEA,cACI,aAAc,CACd,cAAe,CACf,eAAgB,CAChB,gBAAiB,CACjB,iBACJ,CAEA,kBACI,eACJ,CAMA,cACI,YAAa,CACb,kBACJ,CAEA,mBACI,mBAAoB,CACpB,cAAe,CACf,kBAAmB,CACnB,eACJ,CAEA,sBACI,kBAAmB,CACnB,SACJ,CAEA,qBACI,oBAAqB,CACrB,aACJ,CAEA,6BACI,wCACJ,CAMA,iBACI,YAAa,CAGb,eAAgB,CAChB,gBACJ,CAEA,uCANI,wBAAyB,CACzB,kBAUJ,CALA,sBACI,mBAAoB,CACpB,cAGJ,CAEA,wBACI,oBAAqB,CACrB,kBAAmB,CACnB,aACJ,CAMA,WACI,iBAAkB,CAClB,YAAa,CACb,cACJ,CAEA,eACI,iBAAkB,CAClB,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,UAAW,CACX,WACJ,CAEA,iBACI,UAAW,CACX,WACJ,CAEA,sBAWI,oFAEJ,CAEA,qEAdI,iBAAkB,CAClB,aAAc,CACd,KAAM,CACN,MAAO,CACP,QAAS,CACT,WAAY,CACZ,UAAW,CACX,UAAW,CACX,UAAW,CACX,uBAAwB,CAExB,2BAiBJ,CAdA,+CAYI,sFAEJ,CAEA,wBACI,0BACJ,CACA,uBACI,yBACJ,CAEA,iEACI,0BACJ,CACA,gEACI,yBACJ,CAEA,oCACI,OAAQ,CACR,0BAA2B,CAC3B,oFACJ,CAEA,sCACI,UAAW,CACX,wCACJ,CAEA,qCACI,UAAW,CACX,yCACJ,CAQA,wCACI,mBACJ,CAEA,gCACI,UAAW,CACX,kEAAmD,CAAnD,kDACJ,CACA,iCACK,mBACL,CACA,gCACI,gBACJ,CACA,wCACI,kBAAmB,CACnB,SACJ,CASA,yBACI,WACI,oBACJ,CACA,SACI,2BAA6B,CAC7B,eACJ,CACA,uBACI,WAAY,CACZ,yBACJ,CACA,wBACI,iBAAkB,CAClB,UAAW,CACX,sBAAuB,CACvB,cAAe,CACf,YAAa,CACb,kBAAmB,CACnB,6BAA8B,CAC9B,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBACJ,CACA,uBACI,iBAAkB,CAClB,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,iBAAkB,CAClB,eAAkB,CAClB,eAAgB,CAChB,gBAAiB,CACjB,iBACJ,CACA,+BACI,YACJ,CACA,8BACI,aACJ,CACA,4BACI,YAAa,CACb,qBAAsB,CACtB,kBACJ,CACA,0BACI,cAAe,CACf,sBAAuB,CACvB,eACJ,CACA,4BACI,aACJ,CAEA,iDAEI,YACJ,CAEA,cACI,eAAgB,CAChB,YACJ,CACA,uBACI,cAAe,CACf,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CACP,WAAY,CACZ,iBACJ,CACA,qCACI,gCACJ,CACA,6EAEI,YACJ,CACJ,CACA,yBACI,uBACI,eACJ,CACJ,CC1SA,WACI,YAAa,CACb,qLAaJ,CAEA,0BACI,WACI,qHAaJ,CACJ,CAEA,yBACI,WACI,oHAaJ,CACJ,CAEA,aACI,+BACJ,CAEA,eACI,+BACJ,CAEA,eACI,+BACJ,CAMA,gBACI,cACJ,CAEA,yBACI,gBACI,cACJ,CACJ,CACA,0BACI,gBACI,iBACJ,CACJ,CAEA,mBACI,iBACJ,CAEA,iBACI,gBACJ,CAEA,0DAEI,iBACJ,CAEA,6EAKI,+BAA8B,CAC9B,eAAgB,CAChB,cAAe,CACf,iBACJ,CAEA,6CAGI,kBACJ,CAEA,eACI,cACJ,CAEA,iBACI,wBACJ,CAEA,uBACI,iBAAkB,CAClB,iBACJ,CAEA,8BACI,UAAW,CACX,iBAAkB,CAClB,WAAY,CACZ,KAAM,CACN,QAAS,CACT,WAAa,CACb,kBACJ,CAEA,yBACI,6EAKI,gBACJ,CAEA,8BACI,SACJ,CACJ,CAUA,oEACI,cACJ,CAEA,yBAKI,oEACI,cACJ,CACJ,CACA,0BAKI,oEACI,eACJ,CACJ,CAEA,oBACI,uBAAwB,CACxB,iBAAkB,CAClB,oBAAsB,CACtB,eAAgB,CAChB,gBAAiB,CACjB,iBACJ,CAEA,2BACI,oBACJ,CAEA,0BACI,qBAAsB,CACtB,kBAA4B,CAC5B,wBAAyB,CACzB,yBAA2B,CAC3B,cAAgB,CAChB,eAAgB,CAChB,aAAc,CACd,kBAAmB,CACnB,mBACJ,CAEA,eACI,eAAgB,CAChB,iBAAkB,CAClB,6BAAiC,CACjC,iBAAkB,CAClB,+DACJ,CAEA,eACI,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,UACJ,CAMA,kCACI,gBACJ,CAEA,sBACI,iBACJ,CAEA,gBACI,YAAa,CACb,kBAAmB,CACnB,sBACJ,CAEA,sBACI,aAAc,CACd,QAAS,CACT,UAAW,CACX,WACJ,CAEA,oCACI,gBACJ,CAEA,sCACI,kBACJ,CAMA,yCAEI,iBACJ,CAEA,uBACI,YAAa,CACb,cAAe,CACf,0BAA2B,CAC3B,kBAAmB,CACnB,6BAAiC,CACjC,mBAAoB,CACpB,oBAAqB,CACrB,iBAAkB,CAClB,+DAAyE,CACzE,eACJ,CAEA,qBACI,YAAa,CACb,aAAc,CACd,YAAa,CACb,OACJ,CAEA,mBACI,eAAgB,CAChB,gBACJ,CAEA,yBAEI,eAAgB,CAChB,eAAmB,CACnB,gBAAiB,CACjB,kBAAmB,CAEnB,UAGJ,CAEA,+CAEI,eACJ,CAEA,sBACI,YAAa,CACb,kBAAmB,CACnB,eAAgB,CAChB,gBAAiB,CACjB,kBAAmB,CACnB,eAAgB,CAChB,sBACJ,CAEA,yBACI,mBAAoB,CACpB,2BAA4B,CAC5B,oBAAqB,CACrB,eACJ,CAEA,kBACI,oBAAqB,CACrB,UAAW,CACX,WAAY,CACZ,0BAA2B,CAC3B,iBACJ,CAEA,uBACI,YAAa,CACb,gBAAiB,CACjB,WACJ,CAEA,2BACI,cAAe,CACf,WAAY,CACZ,qBAAsB,CACtB,mBAAiB,CAAjB,gBACJ,CAEA,oBACI,kBAAmB,CACnB,sBAAuB,CACvB,eACJ,CAEA,8BACI,WAAY,CACZ,aACJ,CAMA,kCACI,YAAa,CACb,6BACJ,CAEA,sCACI,+BACJ,CACA,sCACI,gBACJ,CAEA,6CACI,+BACJ,CAMA,kBACI,wBAAyB,CACzB,UACJ,CAEA,eACI,iBAAoB,CACpB,eAAgB,CAChB,eAAgB,CAChB,wBACJ,CAEA,eACI,iBACJ,CAEA,oCACI,+BAAiC,CACjC,WACJ,CAEA,mDACI,iEAGJ,CAEA,wCACI,qCACJ,CAEA,gCACI,sCACJ,CAMA,oCACI,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,gBACJ,CCxaA,uHAGI,YACJ,CAEA,wCAEI,iBAAkB,CAClB,QAAS,CACT,gBAAiB,CACjB,WAAY,CACZ,UACJ,CACA,qBACI,SACJ,CACA,mBACI,YACJ,CAEA,8FAEI,cAAe,CACf,QAAS,CACT,QAAS,CACT,SAAU,CACV,YAAa,CACb,6BAA8B,CAC9B,aAAc,CACd,cAAe,CACf,UAAW,CACX,gBAAiB,CACjB,iBAAkB,CAClB,eAAgB,CAChB,iBAAkB,CAClB,kBAA6B,CAC7B,mBACJ,CACA,iDACI,+BACJ,CACA,6CACI,aAA2B,CAC3B,eAAgB,CAChB,4BACJ,CAEA,gCACI,iBACJ,CAKA,gDACI,iBACJ,CAGA,+CACI,oBAAqB,CACrB,iBAAkB,CAClB,QAAS,CACT,iBAAkB,CAClB,mBACJ,CAEA,gDAEE,SACF,CAQA,8FACI,aACJ,CCjFA,KACI,eACJ,CAEA,SACI,QAAS,CACT,SAAU,CACV,QACJ,CAEA,MACI,aAA2B,CAC3B,aAAc,CACd,cAAgB,CAChB,eAA6B,CAC7B,sBACJ,CAEA,2HAQI,kBAA2B,CAC3B,mBAA4B,CAE5B,qBAAqC,CACrC,aAAc,CACd,aAAc,CACd,SAAU,CACV,cAAgB,CAChB,oBAAqB,CACrB,UACJ,CAEA,2LAQI,eACJ,CAEA,2KAQI,oBAAkC,CAClC,4BACJ,CAEA,OACI,WAAqB,CACrB,kBAA4B,CAC5B,sBACJ,CAEA,cACI,aAA2B,CAC3B,kBACJ,CAEA,wBACI,4BACJ,CAEA,mBACI,YACJ,CAEA,kHAOI,WACJ,CAEA,SACI,iBAAoB,CACpB,eACJ,CAEA,uCAEI,aAAc,CACd,iBAAkB,CAClB,SAAU,CACV,SAAU,CACV,UACJ,CAEA,mDAEI,YAAa,CACb,kBAAmB,CACnB,aAAwB,CACxB,cAAe,CACf,aAAc,CACd,eAA+B,CAC/B,iCAAkD,CAClD,kBAAmB,CACnB,iBAAkB,CAClB,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBACJ,CAEA,iEAEI,kBAA2B,CAC3B,mBAA4B,CAC5B,qBAAqC,CACrC,UAAW,CACX,oBAAqB,CACrB,aAAiC,CACjC,mBAAuC,CACvC,iBAAkB,CAClB,YAAgC,CAChC,iBACJ,CAEA,iFAEI,kBAAgC,CAChC,oBAAkC,CAClC,aAAsB,CACtB,WACJ,CAEA,6EAEI,oBAAkC,CAClC,4BACJ,CAGA,kCACI,mBACJ,CAEA,+BACI,kBACJ,CCzJA,QACI,oBAAqB,CACrB,WAAqB,CACrB,cAAe,CACf,QAAS,CACT,mBAA4B,CAC5B,cAAe,CACf,mIAAmC,CACnC,gBAAiB,CACjB,eAA+B,CAC/B,gBAA0B,CAC1B,iBAAkB,CAClB,oBAAqB,CACrB,kBAAmB,CACnB,uBAAgB,CAAhB,oBAAgB,CAAhB,eAAgB,CAChB,mBACJ,CAEA,YACI,UACJ,CAEA,cACI,aAAiC,CACjC,kBAAsC,CACtC,gBAAiB,CACjB,gBACJ,CAEA,cACI,cAAkC,CAClC,mBAAuC,CACvC,cAAe,CACf,gBACJ,CAEA,kCAEI,mBAAoB,CACpB,UACJ,CAEA,QACI,uBAAsC,CACtC,4BAA6B,CAC7B,kCACJ,CAEA,cACI,oBAAqB,CACrB,uBAAqD,CACrD,kCAA+D,CAC/D,mBACJ,CAEA,gBACI,oBAAsB,CACtB,wBAAsC,CACtC,eACJ,CAEA,sBACI,wBACJ,CCvCA,kBAEI,YAAa,CACb,qBAAsB,CACtB,gBAAiB,CACjB,eACJ,CAEA,SACI,aAAc,CACd,YAAa,CACb,qBACJ,CAIA,SACI,aACJ,CAEA,cACI,UAAW,CACX,gBAAiB,CACjB,aACJ,CAEA,mBACI,mBAAoB,CACpB,kBAAmB,CACnB,QAAS,CACT,YACJ,CAEA,uBACI,aAAc,CACd,iBACJ,CAEA,mCACI,gBACJ,CAEA,kCACI,WACJ,CAKA,WACI,cACJ,CAEA,gBACI,YAAa,CACb,6BACJ,CAEA,iBACI,eAAgB,CAChB,WAAY,CACZ,YAAa,CACb,mBAAiB,CAAjB,gBACJ,CAMA,WACI,eACJ,CAEA,UACI,cACJ,CAEA,UACI,+BAAkC,CAClC,UACJ,CAEA,gBACI,aACJ,CAKA,UACI,aAAc,CACd,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,oBACJ,CAEA,kBACI,aAAc,CACd,iBACJ,CAEA,eACI,QAAS,CACT,gBACJ,CAEA,sBACI,eAAgB,CAChB,eAAgB,CAChB,UACJ,CAEA,eACI,aAAc,CACd,gBAAiB,CACjB,gBACJ,CAKA,SACI,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,WACJ,CAEA,uBACI,UACJ,CAEA,WACI,aACJ","file":"screen.css","sourcesContent":["/* Reset\n/* ---------------------------------------------------------- */\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml {\n overflow-x: hidden;\n overflow-y: scroll;\n font-size: 62.5%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n min-height: 100vh;\n margin: 0;\n padding: 0;\n color: color(var(--color-base) l(+20%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n background: #fff;\n scroll-behavior: smooth;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\np,\nul,\nol,\nli,\ndl,\ndd,\nhr,\npre,\ntable,\nvideo,\nfigure,\nfigcaption,\nblockquote {\n margin: 0;\n padding: 0;\n}\n\nul[class],\nol[class] {\n padding: 0;\n list-style: none;\n}\n\nimg {\n display: block;\n max-width: 100%;\n}\n\ninput,\nbutton,\nselect,\ntextarea {\n font: inherit;\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n height: 1px;\n border: 0;\n border-top: 1px solid currentcolor;\n opacity: 0.2;\n}\n\n::selection {\n text-shadow: none;\n background: #cbeafb;\n}\n\nmark {\n background-color: #fdffb6;\n}\n\nsmall {\n font-size: 80%;\n}\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}\n\na:not([class]) {\n color: color(var(--color-primary) l(-5%));\n text-decoration-skip-ink: auto;\n}\n\na[class] {\n color: inherit;\n text-decoration: none;\n transition: 0.4s ease;\n}\n\na[class]:hover {\n transition: 0.2s ease;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n line-height: 1.1em;\n font-weight: 700;\n}\n\nh1 {\n font-size: 4.6rem;\n letter-spacing: -0.5px;\n}\n@media (max-width: 500px) {\n h1 {\n font-size: 2.7rem;\n }\n}\n\nh2 {\n font-size: 3.4rem;\n}\n@media (max-width: 500px) {\n h2 {\n font-size: 2rem;\n }\n}\n\nh3 {\n font-size: 3.2rem;\n}\n@media (max-width: 500px) {\n h3 {\n font-size: 1.8rem;\n }\n}\n\nh4 {\n font-size: 2.6rem;\n}\n\nh5 {\n font-size: 2.4rem;\n}\n\nh6 {\n font-size: 2.2rem;\n}\n\n/* Remove all animations and transitions for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n}\n","/* Global Header\n/* ---------------------------------------------------------- */\n\n.gh-head {\n padding: 3vw 4vw;\n font-size: 1.6rem;\n line-height: 1.3em;\n background: inherit;\n}\n\n.gh-head a {\n color: inherit;\n text-decoration: none;\n}\n\n.gh-head .gh-container {\n display: grid;\n grid-gap: 40px;\n grid-template-columns: 1fr auto 1fr;\n grid-auto-flow: row dense;\n}\n\n\n/* Brand\n/* ---------------------------------------------------------- */\n\n.gh-head-brand {\n grid-column-start: 2;\n display: flex;\n align-items: center;\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: 600;\n font-size: 2.2rem;\n line-height: 1.2em;\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}\n\n.gh-head-menu .nav {\n display: inline-flex;\n flex-wrap: wrap;\n align-items: center;\n list-style: none;\n}\n\n.gh-head-menu .nav li {\n margin: 0 1.5vw 0 0;\n padding: 0;\n}\n\n.gh-head-menu .nav a {\n display: inline-block;\n padding: 5px 0;\n}\n\n.gh-head-menu .nav-current a {\n box-shadow: 0 -1px 0 0 currentcolor inset;\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 {\n display: inline-block;\n margin: 0 0 0 1.5vw;\n padding: 5px 0;\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\n\n/* Layout Variants\n/* ---------------------------------------------------------- */\n\n.gh-head-brandnavactions .gh-head-brand {\n grid-column-start: 1;\n}\n\n.gh-head-brandnav .gh-container {\n grid-gap: 0;\n grid-template-columns: auto max-content max-content;\n}\n.gh-head-brandnav .gh-head-brand {\n grid-column-start: 1;\n}\n.gh-head-brandnav .gh-head-menu {\n margin-left: 40px;\n}\n.gh-head-brandnav .gh-head-menu .nav li {\n margin: 0 0 0 1.5vw;\n padding: 0;\n}\n\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-container {\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 #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: 900;\n overflow-y: scroll;\n }\n .gh-head-open #gh-head .gh-container {\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@media (max-width: 600px) {\n #gh-head .gh-head-menu {\n font-size: 6vmin;\n }\n}\n","\n\n/* Content grid\n/* ---------------------------------------------------------- */\n.gh-canvas {\n display: grid;\n grid-template-columns:\n [full-start]\n minmax(calc(calc(100% - 1200px) / 2), 1fr)\n [wide-start]\n auto\n [main-start]\n 720px\n [main-end]\n auto\n [wide-end]\n minmax(calc(calc(100% - 1200px) / 2), 1fr)\n [full-end]\n ;\n}\n\n@media (max-width: 1296px) {\n .gh-canvas {\n grid-template-columns:\n [full-start]\n 4vw\n [wide-start]\n auto\n [main-start]\n 720px\n [main-end]\n auto\n [wide-end]\n 4vw\n [full-end]\n ;\n }\n}\n\n@media (max-width: 778px) {\n .gh-canvas {\n grid-template-columns:\n [full-start]\n 4vw\n [wide-start]\n auto\n [main-start]\n auto\n [main-end]\n auto\n [wide-end]\n 4vw\n [full-end]\n ;\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\n/* Content & Typography\n/* ---------------------------------------------------------- */\n\n.gh-content > * + * {\n margin-top: 4vw;\n}\n\n@media (min-width: 600px) {\n .gh-content > * + * {\n margin-top: 3vw;\n }\n}\n@media (min-width: 1100px) {\n .gh-content > * + * {\n margin-top: 4.2rem;\n }\n}\n\n.gh-content > [id] + * {\n margin-top: 1.5rem;\n}\n\n.gh-content [id] {\n margin: 1.5em 0 0;\n}\n\n.gh-content [id] + .kg-card,\n.gh-content blockquote + .kg-card {\n margin-top: 1.5rem;\n}\n\n.gh-canvas blockquote,\n.gh-canvas ol,\n.gh-canvas ul,\n.gh-canvas dl,\n.gh-canvas 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 ul,\n.gh-content ol,\n.gh-content dl {\n padding-left: 1.9em;\n}\n\n.gh-content hr {\n margin-top: 5vw;\n}\n\n.gh-content hr + * {\n margin-top: 5vw !important;\n}\n\n.gh-content blockquote {\n position: relative;\n font-style: italic;\n}\n\n.gh-content blockquote::before {\n content: \"\";\n position: absolute;\n left: -1.5em;\n top: 0;\n bottom: 0;\n width: 0.3rem;\n background: var(--color-primary);\n}\n\n@media (max-width: 650px) {\n .gh-canvas blockquote,\n .gh-canvas ol,\n .gh-canvas ul,\n .gh-canvas dl,\n .gh-canvas p {\n font-size: 1.8rem;\n }\n\n .gh-content blockquote::before {\n left: -4vw;\n }\n}\n\n\n/* Cards\n/* ---------------------------------------------------------- */\n\n:not(.kg-card):not([id]) + .kg-card {\n margin-top: 6vw;\n}\n\n.kg-card + :not(.kg-card):not([id]) {\n margin-top: 6vw;\n}\n\n@media (min-width: 600px) {\n :not(.kg-card):not([id]) + .kg-card {\n margin-top: 6vw;\n }\n\n .kg-card + :not(.kg-card):not([id]) {\n margin-top: 6vw;\n }\n}\n@media (min-width: 1100px) {\n :not(.kg-card):not([id]) + .kg-card {\n margin-top: 6rem;\n }\n\n .kg-card + :not(.kg-card):not([id]) {\n margin-top: 6rem;\n }\n}\n\n.kg-card figcaption {\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}\n\n.kg-card figcaption strong {\n color: rgba(0,0,0,0.8);\n}\n\n.gh-canvas :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: #dc0050;\n background: #f0f6f9;\n border-radius: 0.25em;\n}\n\n.gh-canvas > pre {\n overflow: scroll;\n padding: 16px 20px;\n background: rgba(255,255,255,0.6);\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.kg-embed-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n}\n\n\n/* Galleries\n/* ---------------------------------------------------------- */\n\n.kg-gallery-card + .kg-gallery-card {\n margin-top: 0.75em;\n}\n\n.kg-gallery-container {\n position: relative;\n}\n\n.kg-gallery-row {\n display: flex;\n flex-direction: row;\n justify-content: center;\n}\n\n.kg-gallery-image img {\n display: block;\n margin: 0;\n width: 100%;\n height: 100%;\n}\n\n.kg-gallery-row:not(:first-of-type) {\n margin: 0.75em 0 0 0;\n}\n\n.kg-gallery-image:not(:first-of-type) {\n margin: 0 0 0 0.75em;\n}\n\n\n/* Bookmark Cards\n/* ---------------------------------------------------------- */\n\n.kg-bookmark-card,\n.kg-bookmark-publisher {\n position: relative;\n}\n\n.kg-bookmark-container {\n display: flex;\n flex-wrap: wrap;\n flex-direction: row-reverse;\n color: currentColor;\n background: rgba(255,255,255,0.6);\n font-family: inherit;\n text-decoration: none;\n border-radius: 5px;\n box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.4);\n overflow: hidden;\n}\n\n.kg-bookmark-content {\n flex-basis: 0;\n flex-grow: 999;\n padding: 20px;\n order: 1;\n}\n\n.kg-bookmark-title {\n font-weight: 600;\n font-size: 1.5rem;\n}\n\n.kg-bookmark-description {\n display: -webkit-box;\n max-height: 45px;\n margin: 0.6em 0 0 0;\n font-size: 1.4rem;\n line-height: 1.55em;\n overflow: hidden;\n opacity: 0.8;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n\n.kg-bookmark-metadata,\n.kg-bookmark-description {\n margin-top: 0.9em;\n}\n\n.kg-bookmark-metadata {\n display: flex;\n align-items: center;\n font-weight: 500;\n font-size: 1.3rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.kg-bookmark-description {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n}\n\n.kg-bookmark-icon {\n display: inline-block;\n width: 16px;\n height: 16px;\n vertical-align: text-bottom;\n margin-right: .5em;\n}\n\n.kg-bookmark-thumbnail {\n display: flex;\n flex-basis: 24rem;\n flex-grow: 1;\n}\n\n.kg-bookmark-thumbnail img {\n max-width: 100%;\n height: auto;\n vertical-align: bottom;\n object-fit: cover;\n}\n\n.kg-bookmark-author {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.kg-bookmark-publisher::before {\n content: \"•\";\n margin: 0 .5em;\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\n/* Tables\n/* ---------------------------------------------------------- */\n\n.gh-content table {\n border-collapse: collapse;\n width: 100%;\n}\n\n.gh-content th {\n padding: 0.5em 0.8em;\n text-align: left;\n font-size: .75em;\n text-transform: uppercase;\n}\n\n.gh-content td {\n padding: 0.4em 0.7em;\n}\n\n.gh-content tbody tr:nth-child(2n + 1) {\n background-color: rgba(0,0,0,0.1);\n padding: 1px;\n}\n\n.gh-content tbody tr:nth-child(2n + 2) td:last-child {\n box-shadow:\n inset 1px 0 rgba(0,0,0,0.1),\n inset -1px 0 rgba(0,0,0,0.1);\n}\n\n.gh-content tbody tr:nth-child(2n + 2) td {\n box-shadow: inset 1px 0 rgba(0,0,0,0.1);\n}\n\n.gh-content tbody tr:last-child {\n border-bottom: 1px solid rgba(0,0,0,.1);\n}\n\n\n/* Third Party\n/* ---------------------------------------------------------- */\n\n.kg-card iframe[src*=\"spotify.com\"] {\n width: 100%;\n height: 25vw;\n min-height: 200px;\n max-height: 400px;\n}\n","/* Members Forms\n/* ---------------------------------------------------------- */\n\nform[data-members-form] .button-loader,\nform[data-members-form] .message-success,\nform[data-members-form] .message-error {\n display: none;\n}\n\n.message-success svg,\n.message-error svg {\n position: relative;\n top: -1px;\n margin-right: 5px;\n height: 15px;\n width: 15px;\n}\n.message-success svg {\n fill: #fff;\n}\n.message-error svg {\n fill: var(--color-primary);\n}\n\nform[data-members-form].success .message-success,\nform[data-members-form].error .message-error {\n position: fixed;\n top: 20px;\n left: 6vw;\n right: 6vw;\n z-index: 9999;\n max-width: calc(1400px - 12vw);\n margin: 0 auto;\n padding: 10px 0;\n color: #fff;\n font-size: 1.4rem;\n line-height: 1.5em;\n font-weight: 500;\n text-align: center;\n background: var(--color-base);\n border-radius: var(--radius);\n}\nform[data-members-form].success .message-success {\n background: var(--color-success);\n}\nform[data-members-form].error .message-error {\n color: var(--color-primary);\n background: #fff;\n box-shadow: var(--color-primary) 0 0 0 1px;\n}\n\nform[data-members-form] .button {\n position: relative;\n}\n\n/*-- Loading --*/\n\n/* Hide button text */\nform[data-members-form].loading .button-content {\n visibility: hidden;\n}\n\n/* Show loading spinner */\nform[data-members-form].loading .button-loader {\n display: inline-block;\n position: absolute;\n left: 50%;\n margin-left: -19px;\n transform: scale(0.7);\n}\n\n.button-loader svg path,\n.button-loader svg rect{\n fill: #fff;\n}\n\n/*-- Show success message on success --*/\nform[data-members-form].success .message-success {\n display: block;\n}\n\n/*-- Show error message on error --*/\nform[data-members-form].error .message-error {\n display: block;\n}\n","/* Forms\n/* ---------------------------------------------------------- */\n\nform {\n margin: 0 0 var(--margin) 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlabel {\n color: var(--color-primary);\n display: block;\n font-size: 0.9em;\n font-weight: var(--font-bold);\n margin: 0 0 (var(--margin) * 0.5) 0;\n}\n\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"],\ninput[type=\"tel\"],\ninput[type=\"search\"],\ninput[type=\"url\"],\nselect,\ntextarea {\n background: var(--color-bg);\n border-radius: var(--radius);\n border: none;\n border: solid 1px var(--color-border);\n color: inherit;\n display: block;\n outline: 0;\n padding: 0 0.6em;\n text-decoration: none;\n width: 100%;\n}\n\ninput[type=\"text\"]:invalid,\ninput[type=\"password\"]:invalid,\ninput[type=\"email\"]:invalid,\ninput[type=\"tel\"]:invalid,\ninput[type=\"search\"]:invalid,\ninput[type=\"url\"]:invalid,\nselect:invalid,\ntextarea:invalid {\n box-shadow: none;\n}\n\ninput[type=\"text\"]:focus,\ninput[type=\"password\"]:focus,\ninput[type=\"email\"]:focus,\ninput[type=\"tel\"]:focus,\ninput[type=\"search\"]:focus,\ninput[type=\"url\"]:focus,\nselect:focus,\ntextarea:focus {\n border-color: var(--color-primary);\n box-shadow: 0 0 0 1px var(--color-primary);\n}\n\nselect {\n height: var(--height);\n padding-right: var(--height);\n text-overflow: ellipsis;\n}\n\nselect option {\n color: var(--color-primary);\n background: var(--color-bg);\n}\n\nselect:focus::-ms-value {\n background-color: transparent;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"],\ninput[type=\"tel\"],\ninput[type=\"search\"],\ninput[type=\"url\"],\nselect {\n height: var(--height);\n}\n\ntextarea {\n padding: 0.3em 0.6em;\n resize: vertical;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n display: block;\n margin-right: -2em;\n opacity: 0;\n width: 1em;\n z-index: -1;\n}\n\ninput[type=\"checkbox\"] + label,\ninput[type=\"radio\"] + label {\n display: flex;\n align-items: center;\n color: var(--color-base);\n cursor: pointer;\n font-size: 1em;\n font-weight: var(--font-normal);\n padding-left: calc((var(--height) * 0.6) + 0.75em);\n padding-right: 2rem;\n position: relative;\n user-select: none;\n}\n\ninput[type=\"checkbox\"] + label:before,\ninput[type=\"radio\"] + label:before {\n background: var(--color-bg);\n border-radius: var(--radius);\n border: solid 1px var(--color-border);\n content: '';\n display: inline-block;\n height: calc(var(--height) * 0.6);\n line-height: calc(var(--height) * 0.56);\n text-align: center;\n width: calc(var(--height) * 0.6);\n margin-right: 1rem;\n}\n\ninput[type=\"checkbox\"]:checked + label:before,\ninput[type=\"radio\"]:checked + label:before {\n background: var(--color-primary);\n border-color: var(--color-primary);\n color: var(--color-bg);\n content: '✓';\n}\n\ninput[type=\"checkbox\"]:focus + label:before,\ninput[type=\"radio\"]:focus + label:before {\n border-color: var(--color-primary);\n box-shadow: 0 0 0 1px var(--color-primary);\n}\n\n\ninput[type=\"checkbox\"] + label:before {\n border-radius: var(--radius);\n}\n\ninput[type=\"radio\"] + label:before {\n border-radius: 100%;\n}\n","/* Buttons\n/* ---------------------------------------------------------- */\n\n.button {\n display: inline-block;\n height: var(--height);\n padding: 0 2rem;\n border: 0;\n border-radius: var(--radius);\n cursor: pointer;\n font-family: var(--font-sans-serif);\n font-size: 1.4rem;\n font-weight: var(--font-normal);\n line-height: var(--height);\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n appearance: none;\n transition: 0.4s ease;\n}\n\n.button.fit {\n width: 100%;\n}\n\n.button.small {\n height: calc(var(--height) * 0.9);\n line-height: calc(var(--height) * 0.9);\n padding: 0 1.5rem;\n font-size: 1.2rem;\n}\n\n.button.large {\n height: calc(var(--height) * 1.14);\n line-height: calc(var(--height) * 1.14);\n padding: 0 3rem;\n font-size: 1.6rem;\n}\n\n.button.disabled,\n.button:disabled {\n pointer-events: none;\n opacity: 0.4;\n}\n\n.button {\n color: var(--color-primary) !important;\n background-color: transparent;\n box-shadow: inset 0 0 0 2px var(--color-primary);\n}\n\n.button:hover {\n text-decoration: none;\n color: color(var(--color-primary) l(-15%)) !important;\n box-shadow: inset 0 0 0 2px color(var(--color-primary) l(-10%));\n transition: 0.2s ease;\n}\n\n.button.primary {\n color: #fff !important;\n background-color: var(--color-primary);\n box-shadow: none;\n}\n\n.button.primary:hover {\n background-color: color(var(--color-primary) l(-10%));\n}\n","/*\n\nThis is a development CSS file which is compiled to a minified\nproduction stylesheet in assets/built/screen.css using: gulp dev\n\n*/\n\n/* Lib - Local component imports\n/* ---------------------------------------------------------- */\n\n/* Base */\n@import \"vars.css\";\n@import \"components/global.css\";\n\n/* Ghost components */\n@import \"components/header.css\";\n@import \"components/content.css\";\n@import \"components/members.css\";\n\n/* Global components */\n@import \"components/forms.css\";\n@import \"components/buttons.css\";\n\n\n/* Main - Your styles here! Edit below\n/* ---------------------------------------------------------- */\n\nhtml,\n.gh-viewport {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n background: #fff;\n}\n\n.gh-main {\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n}\n\n/* Global */\n\n.gh-page {\n padding: 0 4vw;\n}\n\n.gh-container {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.gh-head-actions a {\n display: inline-flex;\n align-items: center;\n margin: 0;\n padding: 10px;\n}\n\n.gh-head-actions a svg {\n height: 1.8rem;\n fill: currentcolor;\n}\n\n.gh-head-actions a:first-child svg {\n margin-left: 20px;\n}\n\n.gh-head-actions a:last-child svg {\n height: 2rem;\n}\n\n/* Index\n/* ---------------------------------------------------------- */\n\n.post-card {\n margin: 0 0 4vw;\n}\n\n.post-card-link {\n display: flex;\n justify-content: space-between;\n}\n\n.post-card-image {\n margin-left: 4vw;\n width: 300px;\n height: 200px;\n object-fit: cover;\n}\n\n\n/* Post\n/* ---------------------------------------------------------- */\n\n.gh-header {\n padding: 0 0 4vw 0;\n}\n\n.gh-title {\n margin-top: 4vw;\n}\n\n.gh-image {\n grid-column: full-start / full-end;\n width: 100%;\n}\n\n.gh-post-footer {\n margin: 2rem 0;\n}\n\n/* Errors\n/* ---------------------------------------------------------- */\n\n.gh-error {\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding-bottom: 2vmin;\n}\n\n.gh-error-content {\n flex: 1 0 auto;\n text-align: center;\n}\n\n.gh-error-code {\n margin: 0;\n font-size: 14vmin;\n}\n\n.gh-error-description {\n font-size: 4vmin;\n font-weight: 300;\n opacity: 0.6;\n}\n\n.gh-error-link {\n display: block;\n margin-top: 4vmin;\n font-size: 1.6rem;\n}\n\n\n/* Footer\n/* ---------------------------------------------------------- */\n.gh-foot {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 4vw;\n}\n\n.gh-foot .gh-container {\n width: auto;\n}\n\n.gh-foot a {\n color: inherit;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["components/global.css","components/header.css","components/content.css","components/members.css","components/forms.css","components/buttons.css","screen.css"],"names":[],"mappings":"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","file":"screen.css","sourcesContent":["/* Reset\n/* ---------------------------------------------------------- */\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml {\n overflow-x: hidden;\n overflow-y: scroll;\n font-size: 62.5%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n min-height: 100vh;\n margin: 0;\n padding: 0;\n color: color(var(--color-base) l(+20%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n background: #fff;\n scroll-behavior: smooth;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\np,\nul,\nol,\nli,\ndl,\ndd,\nhr,\npre,\ntable,\nvideo,\nfigure,\nfigcaption,\nblockquote {\n margin: 0;\n padding: 0;\n}\n\nul[class],\nol[class] {\n padding: 0;\n list-style: none;\n}\n\nimg {\n display: block;\n max-width: 100%;\n}\n\ninput,\nbutton,\nselect,\ntextarea {\n font: inherit;\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n height: 1px;\n border: 0;\n border-top: 1px solid currentcolor;\n opacity: 0.2;\n}\n\n::selection {\n text-shadow: none;\n background: #cbeafb;\n}\n\nmark {\n background-color: #fdffb6;\n}\n\nsmall {\n font-size: 80%;\n}\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}\n\na:not([class]) {\n color: color(var(--color-primary) l(-5%));\n text-decoration-skip-ink: auto;\n}\n\na[class] {\n color: inherit;\n text-decoration: none;\n transition: 0.4s ease;\n}\n\na[class]:hover {\n transition: 0.2s ease;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n line-height: 1.15em;\n font-weight: 700;\n}\n\nh1 {\n font-size: 4.6rem;\n letter-spacing: -0.5px;\n}\n@media (max-width: 500px) {\n h1 {\n font-size: 2.7rem;\n }\n}\n\nh2 {\n font-size: 3.6rem;\n}\n@media (max-width: 500px) {\n h2 {\n font-size: 2.2rem;\n }\n}\n\nh3 {\n font-size: 3.2rem;\n}\n@media (max-width: 500px) {\n h3 {\n font-size: 1.8rem;\n }\n}\n\nh4 {\n font-size: 2.6rem;\n}\n\nh5 {\n font-size: 2.4rem;\n}\n\nh6 {\n font-size: 2.2rem;\n}\n\n/* Remove all animations and transitions for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n}\n","/* Global Header\n/* ---------------------------------------------------------- */\n\n.gh-head {\n padding: 3vw 4vw;\n font-size: 1.6rem;\n line-height: 1.3em;\n background: inherit;\n}\n\n.gh-head a {\n color: inherit;\n text-decoration: none;\n}\n\n.gh-head .gh-container {\n display: grid;\n grid-gap: 40px;\n grid-template-columns: 1fr auto 1fr;\n grid-auto-flow: row dense;\n}\n\n\n/* Brand\n/* ---------------------------------------------------------- */\n\n.gh-head-brand {\n grid-column-start: 2;\n display: flex;\n align-items: center;\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: 600;\n font-size: 2.2rem;\n line-height: 1.2em;\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}\n\n.gh-head-menu .nav {\n display: inline-flex;\n flex-wrap: wrap;\n align-items: center;\n list-style: none;\n}\n\n.gh-head-menu .nav li {\n margin: 0 1.5vw 0 0;\n padding: 0;\n}\n\n.gh-head-menu .nav a {\n display: inline-block;\n padding: 5px 0;\n}\n\n.gh-head-menu .nav-current a {\n box-shadow: 0 -1px 0 0 currentcolor inset;\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 {\n display: inline-block;\n margin: 0 0 0 1.5vw;\n padding: 5px 0;\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\n\n/* Layout Variants\n/* ---------------------------------------------------------- */\n\n.gh-head-brandnavactions .gh-head-brand {\n grid-column-start: 1;\n}\n\n.gh-head-brandnav .gh-container {\n grid-gap: 0;\n grid-template-columns: auto max-content max-content;\n}\n.gh-head-brandnav .gh-head-brand {\n grid-column-start: 1;\n}\n.gh-head-brandnav .gh-head-menu {\n margin-left: 40px;\n}\n.gh-head-brandnav .gh-head-menu .nav li {\n margin: 0 0 0 1.5vw;\n padding: 0;\n}\n\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-container {\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 #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: 900;\n overflow-y: scroll;\n }\n .gh-head-open #gh-head .gh-container {\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@media (max-width: 600px) {\n #gh-head .gh-head-menu {\n font-size: 6vmin;\n }\n}\n","\n\n/* Content grid\n/* ---------------------------------------------------------- */\n.gh-canvas {\n display: grid;\n grid-template-columns:\n [full-start]\n minmax(calc(calc(100% - 1200px) / 2), 1fr)\n [wide-start]\n auto\n [main-start]\n 720px\n [main-end]\n auto\n [wide-end]\n minmax(calc(calc(100% - 1200px) / 2), 1fr)\n [full-end]\n ;\n}\n\n@media (max-width: 1296px) {\n .gh-canvas {\n grid-template-columns:\n [full-start]\n 4vw\n [wide-start]\n auto\n [main-start]\n 720px\n [main-end]\n auto\n [wide-end]\n 4vw\n [full-end]\n ;\n }\n}\n\n@media (max-width: 778px) {\n .gh-canvas {\n grid-template-columns:\n [full-start]\n 4vw\n [wide-start]\n auto\n [main-start]\n auto\n [main-end]\n auto\n [wide-end]\n 4vw\n [full-end]\n ;\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\n/* Content & Typography\n/* ---------------------------------------------------------- */\n\n.gh-content > * + * {\n margin-top: 4vw;\n}\n\n@media (min-width: 600px) {\n .gh-content > * + * {\n margin-top: 3vw;\n }\n}\n@media (min-width: 1100px) {\n .gh-content > * + * {\n margin-top: 4.2rem;\n }\n}\n\n.gh-content > [id] + * {\n margin-top: 1.5rem;\n}\n\n.gh-content [id] {\n margin: 1.5em 0 0;\n}\n\n.gh-content [id] + .kg-card,\n.gh-content blockquote + .kg-card {\n margin-top: 1.5rem;\n}\n\n.gh-canvas blockquote,\n.gh-canvas ol,\n.gh-canvas ul,\n.gh-canvas dl,\n.gh-canvas 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 ul,\n.gh-content ol,\n.gh-content dl {\n padding-left: 1.9em;\n}\n\n.gh-content hr {\n margin-top: 5vw;\n}\n\n.gh-content hr + * {\n margin-top: 5vw !important;\n}\n\n.gh-content blockquote {\n position: relative;\n font-style: italic;\n}\n\n.gh-content blockquote::before {\n content: \"\";\n position: absolute;\n left: -1.5em;\n top: 0;\n bottom: 0;\n width: 0.3rem;\n background: var(--color-primary);\n}\n\n@media (max-width: 650px) {\n .gh-canvas blockquote,\n .gh-canvas ol,\n .gh-canvas ul,\n .gh-canvas dl,\n .gh-canvas p {\n font-size: 1.8rem;\n }\n\n .gh-content blockquote::before {\n left: -4vw;\n }\n}\n\n\n/* Cards\n/* ---------------------------------------------------------- */\n\n:not(.kg-card):not([id]) + .kg-card {\n margin-top: 6vw;\n}\n\n.kg-card + :not(.kg-card):not([id]) {\n margin-top: 6vw;\n}\n\n@media (min-width: 600px) {\n :not(.kg-card):not([id]) + .kg-card {\n margin-top: 6vw;\n }\n\n .kg-card + :not(.kg-card):not([id]) {\n margin-top: 6vw;\n }\n}\n@media (min-width: 1100px) {\n :not(.kg-card):not([id]) + .kg-card {\n margin-top: 6rem;\n }\n\n .kg-card + :not(.kg-card):not([id]) {\n margin-top: 6rem;\n }\n}\n\n.kg-card figcaption {\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}\n\n.kg-card figcaption strong {\n color: rgba(0,0,0,0.8);\n}\n\n.gh-canvas :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: #dc0050;\n background: #f0f6f9;\n border-radius: 0.25em;\n}\n\n.gh-canvas > pre {\n overflow: scroll;\n padding: 16px 20px;\n background: rgba(255,255,255,0.6);\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.kg-embed-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n}\n\n\n/* Galleries\n/* ---------------------------------------------------------- */\n\n.kg-gallery-card + .kg-gallery-card {\n margin-top: 0.75em;\n}\n\n.kg-gallery-container {\n position: relative;\n}\n\n.kg-gallery-row {\n display: flex;\n flex-direction: row;\n justify-content: center;\n}\n\n.kg-gallery-image img {\n display: block;\n margin: 0;\n width: 100%;\n height: 100%;\n}\n\n.kg-gallery-row:not(:first-of-type) {\n margin: 0.75em 0 0 0;\n}\n\n.kg-gallery-image:not(:first-of-type) {\n margin: 0 0 0 0.75em;\n}\n\n\n/* Bookmark Cards\n/* ---------------------------------------------------------- */\n\n.kg-bookmark-card,\n.kg-bookmark-publisher {\n position: relative;\n}\n\n.kg-bookmark-container {\n display: flex;\n flex-wrap: wrap;\n flex-direction: row-reverse;\n color: currentColor;\n background: rgba(255,255,255,0.6);\n font-family: inherit;\n text-decoration: none;\n border-radius: 5px;\n box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.4);\n overflow: hidden;\n}\n\n.kg-bookmark-content {\n flex-basis: 0;\n flex-grow: 999;\n padding: 20px;\n order: 1;\n}\n\n.kg-bookmark-title {\n font-weight: 600;\n font-size: 1.5rem;\n}\n\n.kg-bookmark-description {\n display: -webkit-box;\n max-height: 45px;\n margin: 0.6em 0 0 0;\n font-size: 1.4rem;\n line-height: 1.55em;\n overflow: hidden;\n opacity: 0.8;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n\n.kg-bookmark-metadata,\n.kg-bookmark-description {\n margin-top: 0.9em;\n}\n\n.kg-bookmark-metadata {\n display: flex;\n align-items: center;\n font-weight: 500;\n font-size: 1.3rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.kg-bookmark-description {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n}\n\n.kg-bookmark-icon {\n display: inline-block;\n width: 16px;\n height: 16px;\n vertical-align: text-bottom;\n margin-right: .5em;\n}\n\n.kg-bookmark-thumbnail {\n display: flex;\n flex-basis: 24rem;\n flex-grow: 1;\n}\n\n.kg-bookmark-thumbnail img {\n max-width: 100%;\n height: auto;\n vertical-align: bottom;\n object-fit: cover;\n}\n\n.kg-bookmark-author {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.kg-bookmark-publisher::before {\n content: \"•\";\n margin: 0 .5em;\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\n/* Tables\n/* ---------------------------------------------------------- */\n\n.gh-content table {\n border-collapse: collapse;\n width: 100%;\n}\n\n.gh-content th {\n padding: 0.5em 0.8em;\n text-align: left;\n font-size: .75em;\n text-transform: uppercase;\n}\n\n.gh-content td {\n padding: 0.4em 0.7em;\n}\n\n.gh-content tbody tr:nth-child(2n + 1) {\n background-color: rgba(0,0,0,0.1);\n padding: 1px;\n}\n\n.gh-content tbody tr:nth-child(2n + 2) td:last-child {\n box-shadow:\n inset 1px 0 rgba(0,0,0,0.1),\n inset -1px 0 rgba(0,0,0,0.1);\n}\n\n.gh-content tbody tr:nth-child(2n + 2) td {\n box-shadow: inset 1px 0 rgba(0,0,0,0.1);\n}\n\n.gh-content tbody tr:last-child {\n border-bottom: 1px solid rgba(0,0,0,.1);\n}\n\n\n/* Third Party\n/* ---------------------------------------------------------- */\n\n.kg-card iframe[src*=\"spotify.com\"] {\n width: 100%;\n height: 25vw;\n min-height: 200px;\n max-height: 400px;\n}\n","/* Members Forms\n/* ---------------------------------------------------------- */\n\nform[data-members-form] .button-loader,\nform[data-members-form] .message-success,\nform[data-members-form] .message-error {\n display: none;\n}\n\n.message-success svg,\n.message-error svg {\n position: relative;\n top: -1px;\n margin-right: 5px;\n height: 15px;\n width: 15px;\n}\n.message-success svg {\n fill: #fff;\n}\n.message-error svg {\n fill: var(--color-primary);\n}\n\nform[data-members-form].success .message-success,\nform[data-members-form].error .message-error {\n position: fixed;\n top: 20px;\n left: 6vw;\n right: 6vw;\n z-index: 9999;\n max-width: calc(1400px - 12vw);\n margin: 0 auto;\n padding: 10px 0;\n color: #fff;\n font-size: 1.4rem;\n line-height: 1.5em;\n font-weight: 500;\n text-align: center;\n background: var(--color-base);\n border-radius: var(--radius);\n}\nform[data-members-form].success .message-success {\n background: var(--color-success);\n}\nform[data-members-form].error .message-error {\n color: var(--color-primary);\n background: #fff;\n box-shadow: var(--color-primary) 0 0 0 1px;\n}\n\nform[data-members-form] .button {\n position: relative;\n}\n\n/*-- Loading --*/\n\n/* Hide button text */\nform[data-members-form].loading .button-content {\n visibility: hidden;\n}\n\n/* Show loading spinner */\nform[data-members-form].loading .button-loader {\n display: inline-block;\n position: absolute;\n left: 50%;\n margin-left: -19px;\n transform: scale(0.7);\n}\n\n.button-loader svg path,\n.button-loader svg rect{\n fill: #fff;\n}\n\n/*-- Show success message on success --*/\nform[data-members-form].success .message-success {\n display: block;\n}\n\n/*-- Show error message on error --*/\nform[data-members-form].error .message-error {\n display: block;\n}\n","/* Forms\n/* ---------------------------------------------------------- */\n\nform {\n margin: 0 0 var(--margin) 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlabel {\n color: var(--color-primary);\n display: block;\n font-size: 0.9em;\n font-weight: var(--font-bold);\n margin: 0 0 (var(--margin) * 0.5) 0;\n}\n\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"],\ninput[type=\"tel\"],\ninput[type=\"search\"],\ninput[type=\"url\"],\nselect,\ntextarea {\n background: var(--color-bg);\n border-radius: var(--radius);\n border: none;\n border: solid 1px var(--color-border);\n color: inherit;\n display: block;\n outline: 0;\n padding: 0 0.6em;\n text-decoration: none;\n width: 100%;\n}\n\ninput[type=\"text\"]:invalid,\ninput[type=\"password\"]:invalid,\ninput[type=\"email\"]:invalid,\ninput[type=\"tel\"]:invalid,\ninput[type=\"search\"]:invalid,\ninput[type=\"url\"]:invalid,\nselect:invalid,\ntextarea:invalid {\n box-shadow: none;\n}\n\ninput[type=\"text\"]:focus,\ninput[type=\"password\"]:focus,\ninput[type=\"email\"]:focus,\ninput[type=\"tel\"]:focus,\ninput[type=\"search\"]:focus,\ninput[type=\"url\"]:focus,\nselect:focus,\ntextarea:focus {\n border-color: var(--color-primary);\n box-shadow: 0 0 0 1px var(--color-primary);\n}\n\nselect {\n height: var(--height);\n padding-right: var(--height);\n text-overflow: ellipsis;\n}\n\nselect option {\n color: var(--color-primary);\n background: var(--color-bg);\n}\n\nselect:focus::-ms-value {\n background-color: transparent;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"],\ninput[type=\"tel\"],\ninput[type=\"search\"],\ninput[type=\"url\"],\nselect {\n height: var(--height);\n}\n\ntextarea {\n padding: 0.3em 0.6em;\n resize: vertical;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n display: block;\n margin-right: -2em;\n opacity: 0;\n width: 1em;\n z-index: -1;\n}\n\ninput[type=\"checkbox\"] + label,\ninput[type=\"radio\"] + label {\n display: flex;\n align-items: center;\n color: var(--color-base);\n cursor: pointer;\n font-size: 1em;\n font-weight: var(--font-normal);\n padding-left: calc((var(--height) * 0.6) + 0.75em);\n padding-right: 2rem;\n position: relative;\n user-select: none;\n}\n\ninput[type=\"checkbox\"] + label:before,\ninput[type=\"radio\"] + label:before {\n background: var(--color-bg);\n border-radius: var(--radius);\n border: solid 1px var(--color-border);\n content: '';\n display: inline-block;\n height: calc(var(--height) * 0.6);\n line-height: calc(var(--height) * 0.56);\n text-align: center;\n width: calc(var(--height) * 0.6);\n margin-right: 1rem;\n}\n\ninput[type=\"checkbox\"]:checked + label:before,\ninput[type=\"radio\"]:checked + label:before {\n background: var(--color-primary);\n border-color: var(--color-primary);\n color: var(--color-bg);\n content: '✓';\n}\n\ninput[type=\"checkbox\"]:focus + label:before,\ninput[type=\"radio\"]:focus + label:before {\n border-color: var(--color-primary);\n box-shadow: 0 0 0 1px var(--color-primary);\n}\n\n\ninput[type=\"checkbox\"] + label:before {\n border-radius: var(--radius);\n}\n\ninput[type=\"radio\"] + label:before {\n border-radius: 100%;\n}\n","/* Buttons\n/* ---------------------------------------------------------- */\n\n.button {\n display: inline-block;\n height: var(--height);\n padding: 0 2rem;\n border: 0;\n border-radius: var(--radius);\n cursor: pointer;\n font-family: var(--font-sans-serif);\n font-size: 1.4rem;\n font-weight: var(--font-normal);\n line-height: var(--height);\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n appearance: none;\n transition: 0.4s ease;\n}\n\n.button.fit {\n width: 100%;\n}\n\n.button.small {\n height: calc(var(--height) * 0.9);\n line-height: calc(var(--height) * 0.9);\n padding: 0 1.5rem;\n font-size: 1.2rem;\n}\n\n.button.large {\n height: calc(var(--height) * 1.14);\n line-height: calc(var(--height) * 1.14);\n padding: 0 3rem;\n font-size: 1.6rem;\n}\n\n.button.disabled,\n.button:disabled {\n pointer-events: none;\n opacity: 0.4;\n}\n\n.button {\n color: var(--color-primary) !important;\n background-color: transparent;\n box-shadow: inset 0 0 0 2px var(--color-primary);\n}\n\n.button:hover {\n text-decoration: none;\n color: color(var(--color-primary) l(-15%)) !important;\n box-shadow: inset 0 0 0 2px color(var(--color-primary) l(-10%));\n transition: 0.2s ease;\n}\n\n.button.primary {\n color: #fff !important;\n background-color: var(--color-primary);\n box-shadow: none;\n}\n\n.button.primary:hover {\n background-color: color(var(--color-primary) l(-10%));\n}\n","/*\n\nThis is a development CSS file which is compiled to a minified\nproduction stylesheet in assets/built/screen.css using: gulp dev\n\n*/\n\n/* Lib - Local component imports\n/* ---------------------------------------------------------- */\n\n/* Base */\n@import \"vars.css\";\n@import \"components/global.css\";\n\n/* Ghost components */\n@import \"components/header.css\";\n@import \"components/content.css\";\n@import \"components/members.css\";\n\n/* Global components */\n@import \"components/forms.css\";\n@import \"components/buttons.css\";\n\n\n/* Main - Your styles here! Edit below\n/* ---------------------------------------------------------- */\n\nhtml,\n.gh-viewport {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n background: #fff;\n}\n\n.gh-main {\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n}\n\n/* Global */\n\n.gh-page {\n padding: 0 4vw;\n}\n\n.gh-container {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.gh-head-actions a {\n display: inline-flex;\n align-items: center;\n margin: 0;\n padding: 10px;\n}\n\n.gh-head-actions a svg {\n height: 1.8rem;\n fill: currentcolor;\n}\n\n.gh-head-actions a:first-child svg {\n margin-left: 20px;\n}\n\n.gh-head-actions a:last-child svg {\n height: 2rem;\n}\n\n/* Index\n/* ---------------------------------------------------------- */\n\n.post-card {\n margin: 0 auto 6vw;\n}\n\n.post-card-link {\n display: flex;\n flex-direction: column;\n}\n\n.post-card-image {\n width: 100%;\n max-height: 700px;\n object-fit: cover;\n margin-bottom: 2vw;\n}\n\n.post-card-meta {\n display: block;\n margin: 0 0 1rem;\n font-size: 1.3rem;\n text-transform: uppercase;\n opacity: 0.6;\n}\n\n.post-card-content {\n max-width: 720px;\n margin: 0 auto;\n text-align: center;\n}\n\n.post-card-content p {\n margin: 1rem 0;\n padding: 0 4vw;\n}\n\n.post-card-content > strong {\n display: inline-block;\n padding: 1px 0;\n font-weight: 500;\n box-shadow: 0 -1px 0 0 inset currentColor;\n opacity: 0.6;\n}\n\n\n/* Post\n/* ---------------------------------------------------------- */\n\n.gh-header {\n padding: 0 0 4vw 0;\n}\n\n.gh-title {\n margin-top: 4vw;\n}\n\n.gh-image {\n grid-column: full-start / full-end;\n width: 100%;\n}\n\n.gh-post-footer {\n margin: 2rem 0;\n}\n\n/* Errors\n/* ---------------------------------------------------------- */\n\n.gh-error {\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding-bottom: 2vmin;\n}\n\n.gh-error-content {\n flex: 1 0 auto;\n text-align: center;\n}\n\n.gh-error-code {\n margin: 0;\n font-size: 14vmin;\n}\n\n.gh-error-description {\n font-size: 4vmin;\n font-weight: 300;\n opacity: 0.6;\n}\n\n.gh-error-link {\n display: block;\n margin-top: 4vmin;\n font-size: 1.6rem;\n}\n\n\n/* Footer\n/* ---------------------------------------------------------- */\n.gh-foot {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 4vw;\n}\n\n.gh-foot .gh-container {\n width: auto;\n}\n\n.gh-foot a {\n color: inherit;\n}\n"]} \ No newline at end of file diff --git a/assets/css/components/global.css b/assets/css/components/global.css index 2e561add..4a3b8f7b 100644 --- a/assets/css/components/global.css +++ b/assets/css/components/global.css @@ -125,7 +125,7 @@ h4, h5, h6 { margin: 0; - line-height: 1.1em; + line-height: 1.15em; font-weight: 700; } @@ -140,11 +140,11 @@ h1 { } h2 { - font-size: 3.4rem; + font-size: 3.6rem; } @media (max-width: 500px) { h2 { - font-size: 2rem; + font-size: 2.2rem; } } diff --git a/assets/css/screen.css b/assets/css/screen.css index 986f10b1..9cec49d4 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -75,19 +75,46 @@ html, /* ---------------------------------------------------------- */ .post-card { - margin: 0 0 4vw; + margin: 0 auto 6vw; } .post-card-link { display: flex; - justify-content: space-between; + flex-direction: column; } .post-card-image { - margin-left: 4vw; - width: 300px; - height: 200px; + width: 100%; + max-height: 700px; object-fit: cover; + margin-bottom: 2vw; +} + +.post-card-meta { + display: block; + margin: 0 0 1rem; + font-size: 1.3rem; + text-transform: uppercase; + opacity: 0.6; +} + +.post-card-content { + max-width: 720px; + margin: 0 auto; + text-align: center; +} + +.post-card-content p { + margin: 1rem 0; + padding: 0 4vw; +} + +.post-card-content > strong { + display: inline-block; + padding: 1px 0; + font-weight: 500; + box-shadow: 0 -1px 0 0 inset currentColor; + opacity: 0.6; } diff --git a/partials/post-card.hbs b/partials/post-card.hbs index 529b1b33..e9d5f15e 100644 --- a/partials/post-card.hbs +++ b/partials/post-card.hbs @@ -4,10 +4,6 @@ Re-usable card for linking to posts
-
-

{{title}}

-

{{excerpt}}

-
{{#if feature_image}} {{title}} {{/if}} +
+ {{reading_time}} +

{{title}}

+

{{excerpt}}

+ Read more +
\ No newline at end of file