ghost-theme-sd.ai/assets/built/screen.css
2023-07-30 18:48:03 +08:00

2 lines
32 KiB
CSS

:root{--color-white:#fff;--color-lighter-gray:rgba(0,0,0,.05);--color-light-gray:#e6e6e6;--color-mid-gray:#ccc;--color-dark-gray:#444;--color-darker-gray:#15171a;--color-black:#000;--color-primary-text:var(--color-darker-gray);--color-secondary-text:rgba(0,0,0,.4);--color-border:rgba(0,0,0,.08);--font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-serif:"EB Garamond",Georgia,Times,serif;--font-slab:"Roboto Slab",Georgia,Times,serif;--font-mono:Menlo,Courier,monospace;--container-width:1320px;--container-gap:clamp(24px,1.7032rem + 1.9355vw,48px);--grid-gap:48px}:is(.gh-navigation,.gh-footer).has-accent-color,:root.has-light-text{--color-lighter-gray:rgba(0,0,0,.15);--color-darker-gray:#fff;--color-secondary-text:hsla(0,0%,100%,.64);--color-border:hsla(0,0%,100%,.15)}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100 900;src:url(/assets/fonts/inter-roman.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:EB Garamond;font-style:normal;font-weight:400 800;src:url(/assets/fonts/eb-garamond-roman.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:EB Garamond;font-style:italic;font-weight:400 800;src:url(/assets/fonts/eb-garamond-italic.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Roboto Slab;font-style:normal;font-weight:100 900;src:url(/assets/fonts/roboto-slab-roman.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*,:after,:before{box-sizing:border-box}*{margin:0}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}iframe{display:block}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{line-height:1.2}body{background-color:var(--background-color);color:var(--color-primary-text);font-family:var(--font-sans);font-size:1.6rem}a{color:var(--color-darker-gray);text-decoration:none}a:hover{opacity:.8}.gh-button{align-items:center;background-color:var(--ghost-accent-color);border:0;border-radius:100px;color:var(--color-white);cursor:pointer;display:inline-flex;font-size:1.6rem;font-weight:600;gap:.4em;justify-content:center;letter-spacing:-.004em;line-height:1;padding:.8em 1.4em}.gh-button:hover{opacity:.95}.gh-icon-button{align-items:center;background-color:transparent;border:0;color:var(--color-darker-gray);cursor:pointer;display:inline-flex;height:32px;justify-content:center;outline:none;padding:0;width:32px}.gh-icon-button:hover :is(svg,span){opacity:.8}.gh-icon-button svg{height:20px;width:20px}.gh-viewport{display:flex;flex-direction:column;min-height:100vh;position:relative}.gh-outer{padding:0 max(4vmin,20px)}.gh-inner{margin:0 auto;max-width:var(--container-width);width:100%}.gh-main{flex-grow:1}.gh-canvas,.kg-width-full.kg-content-wide{--main:min(var(--content-width,680px),100% - var(--container-gap) * 2);--wide:minmax(0,calc((var(--container-width, 1200px) - var(--content-width, 680px))/2));--full:minmax(var(--container-gap),1fr);display:grid;grid-template-columns:[full-start] var(--full) [wide-start] var(--wide) [main-start] var(--main) [main-end] var(--wide) [wide-end] var(--full) [full-end]}.gh-canvas>*{grid-column:main}.kg-content-wide>div,.kg-width-wide{grid-column:wide}.kg-width-full{grid-column:full}.gh-navigation{color:var(--color-darker-gray);font-size:1.6rem;font-weight:550;height:100px}.gh-navigation :is(.gh-navigation-logo,a:not(.gh-button),.gh-icon-button){color:inherit}.gh-navigation-inner{align-items:center;-moz-column-gap:24px;column-gap:24px;display:grid;grid-auto-flow:row dense;height:100%}.gh-navigation-brand{line-height:1}.gh-navigation-logo{font-size:2.6rem;font-weight:750;letter-spacing:-.015em;position:relative;white-space:nowrap}.gh-navigation-logo img{max-height:40px}.gh-navigation-menu{align-items:center;display:flex;gap:24px}.gh-navigation .nav{align-items:center;display:inline-flex;gap:28px;list-style:none;margin:0;padding:0;white-space:nowrap}.gh-navigation .gh-more-toggle{font-size:inherit;margin:0 -6px;position:relative;text-transform:inherit}.gh-navigation .gh-more-toggle svg{height:24px;width:24px}.gh-navigation-actions{align-items:center;display:flex;gap:24px;justify-content:flex-end}.gh-navigation-members{align-items:center;display:flex;gap:20px;white-space:nowrap}.gh-navigation-members .gh-button{font-size:inherit;font-weight:600}.gh-search{margin-left:-2px;margin-right:-2px}.gh-search span{display:none}@media (max-width:767px){.gh-navigation-members{flex-direction:column-reverse;gap:16px;width:100%}.gh-navigation-actions .gh-search{display:none}}@media (min-width:768px){.gh-navigation-brand .gh-search{display:none}.gh-navigation:not(.is-dropdown-loaded) .gh-navigation-menu .nav>li{opacity:0}}.gh-navigation.has-accent-color{background-color:var(--ghost-accent-color)}.gh-navigation.has-accent-color .gh-button{background-color:#fff;color:#15171a}.gh-navigation.is-left-logo .gh-navigation-inner{grid-template-columns:auto 1fr auto}@media (min-width:992px){.gh-navigation.is-left-logo .gh-navigation-menu{margin-left:16px;margin-right:100px}}.gh-navigation.is-middle-logo .gh-navigation-inner{grid-template-columns:1fr auto 1fr}.gh-navigation.is-middle-logo .gh-navigation-brand{grid-column-start:2}.gh-navigation.is-middle-logo .gh-navigation-actions{gap:28px}@media (min-width:992px){.gh-navigation.is-middle-logo .gh-navigation-menu{margin-right:64px}}.gh-navigation.is-stacked{height:auto;position:relative}.gh-navigation.is-stacked .gh-navigation-inner{grid-template-columns:1fr auto 1fr}.gh-navigation.is-stacked .gh-navigation-brand{display:flex;grid-column-start:2;grid-row-start:1;min-height:80px}@media (min-width:992px){.gh-navigation.is-stacked .gh-navigation-inner{padding:0}.gh-navigation.is-stacked .gh-navigation-brand{align-items:center;display:flex;height:80px}.gh-navigation.is-stacked .gh-navigation-menu{grid-column:1/4;grid-row-start:2;height:56px;justify-content:center;margin:0 48px}.gh-navigation.is-stacked .gh-navigation-menu:after,.gh-navigation.is-stacked .gh-navigation-menu:before{background-color:var(--color-border);content:"";height:1px;left:0;position:absolute;top:80px;width:100%}.gh-navigation.is-stacked .gh-navigation-menu:after{top:136px}.gh-navigation.is-stacked .gh-navigation-actions{grid-column:1/4;grid-row-start:1;justify-content:space-between}.gh-navigation.is-stacked .gh-navigation-actions .gh-search{display:flex;gap:10px;width:auto}.gh-navigation.is-stacked .gh-navigation-actions .gh-search span{display:inline}}.gh-dropdown{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 7px 20px -5px rgba(0,0,0,.15);margin-top:24px;opacity:0;padding:12px 0;position:absolute;right:-16px;text-align:left;top:100%;transform:translate3d(0,6px,0);transition:opacity .3s,transform .2s;visibility:hidden;width:200px;z-index:90}.is-middle-logo .gh-dropdown{left:-24px;right:auto}.is-dropdown-mega .gh-dropdown{-moz-column-gap:40px;column-gap:40px;display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr;padding:20px 32px;width:auto}.is-dropdown-open .gh-dropdown{opacity:1;transform:translateY(0);visibility:visible}.gh-dropdown li a{color:#15171a!important;display:block;padding:6px 20px}.is-dropdown-mega .gh-dropdown li a{padding:8px 0}.gh-burger{align-items:center;display:flex;display:none;justify-content:center;margin-right:-7px;position:relative}.gh-burger svg{height:24px;width:24px}.gh-burger svg:last-child,.is-open .gh-burger svg:first-child{display:none}.is-open .gh-burger svg:last-child{display:block}@media (max-width:767px){.gh-burger{display:flex}#gh-navigation{height:64px}#gh-navigation .gh-navigation-inner{gap:48px;grid-template-columns:1fr;grid-template-rows:auto 1fr auto}#gh-navigation .gh-navigation-brand{align-items:center;display:grid;grid-column-start:1;grid-template-columns:1fr auto auto;height:64px}#gh-navigation .gh-navigation-logo{font-size:2.2rem}#gh-navigation .gh-navigation-actions,#gh-navigation .gh-navigation-menu{justify-content:center;opacity:0;position:fixed;visibility:hidden}#gh-navigation .gh-navigation-menu{transform:translateY(0);transition:none}#gh-navigation .nav{align-items:center;gap:20px;line-height:1.4}#gh-navigation .nav a{font-size:2.6rem;font-weight:600;text-transform:none}#gh-navigation .nav li{opacity:0;transform:translateY(-4px)}#gh-navigation .gh-navigation-actions{text-align:center}#gh-navigation :is(.gh-button,a[data-portal=signin]){opacity:0;transform:translateY(8px)}#gh-navigation .gh-button{font-size:1.8rem;text-transform:none;width:100%}#gh-navigation a[data-portal=signin]{font-size:2rem}#gh-main{transition:opacity .4s}.is-open#gh-navigation{-webkit-overflow-scrolling:touch;height:100%;inset:0;overflow-y:scroll;position:fixed;z-index:3999999}.is-open#gh-navigation .gh-navigation-actions,.is-open#gh-navigation .gh-navigation-menu{opacity:1;position:static;visibility:visible}.is-open#gh-navigation .nav{display:flex;flex-direction:column}.is-open#gh-navigation .nav li{opacity:1;transform:translateY(0);transition:transform .2s,opacity .2s}.is-open#gh-navigation .gh-navigation-actions{align-items:center;background-color:var(--color-white);bottom:0;display:inline-flex;flex-direction:column;gap:12px;left:0;padding:var(--container-gap) 0 calc(var(--container-gap) + 8px);position:sticky;right:0}.is-open#gh-navigation :is(.gh-button,a[data-portal=signin]){opacity:1;transform:translateY(0);transition:transform .4s,opacity .4s;transition-delay:.2s}.is-open#gh-navigation a[data-portal=signin]{transition-delay:.4s}.is-open#gh-main{opacity:0}}.gh-card{position:relative}.gh-card-link{display:flex;flex-direction:column;gap:20px}.gh-card-link:hover{opacity:1}.gh-card-image{aspect-ratio:16/9;flex-shrink:0;position:relative}.gh-card-image img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.gh-card-wrapper{flex-grow:1}.gh-card-tag{display:none;font-size:1.2rem;font-weight:500;letter-spacing:.01em;margin-bottom:4px;text-transform:uppercase}.gh-card-title{font-size:2.1rem;font-weight:800;letter-spacing:-.014em}.gh-card-link:hover .gh-card-title{opacity:.8}.gh-card-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.5rem;line-height:1.4;margin-top:10px;max-width:720px;overflow-y:hidden}.gh-card-meta{color:var(--color-secondary-text);display:flex;flex-wrap:wrap;font-size:1.3rem;font-weight:550;gap:4px;letter-spacing:-.004em;line-height:1.05}.gh-card-meta:not(:empty){margin-top:12px}.gh-card-author+.gh-card-date:before{content:"—";margin-right:4px}.gh-header{margin-top:40px;position:relative}.gh-header-image{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.gh-header-inner{position:relative}.gh-header.is-magazine .gh-header-inner{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(16,1fr)}.gh-header.is-magazine .gh-header-inner>div{display:flex;flex-direction:column;gap:var(--grid-gap);grid-row:1}.gh-header.is-magazine .gh-header-left{grid-column:1/span 4}.gh-header.is-magazine .gh-header-inner>.gh-card{grid-column:5/span 8;position:relative}.gh-header.is-magazine .gh-header-right{grid-column:13/-1}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-link{gap:28px}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-image{aspect-ratio:1.618033}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-tag{display:block;margin-bottom:12px}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-title{font-size:clamp(2rem,2.73vw + .91rem,4.4rem);font-weight:750;letter-spacing:-.022em;line-height:1}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-excerpt{font-size:1.8rem;margin-top:20px}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-meta:not(:empty){margin-top:14px}.gh-header.is-magazine :is(.gh-header-left,.gh-header-right) .gh-card:last-child .gh-card-image{display:none}.gh-header.is-magazine .gh-header-inner>div .gh-card-excerpt{display:none}.gh-header.is-magazine .gh-header-inner>.gh-card:after,.gh-header.is-magazine .gh-header-inner>.gh-card:before{background-color:var(--color-border);content:"";height:100%;left:calc(var(--grid-gap)/-2);position:absolute;top:0;width:1px}.gh-header.is-magazine .gh-header-inner>.gh-card:after{left:auto;right:calc(var(--grid-gap)/-2)}.gh-header.is-magazine .gh-header-inner>div .gh-card+.gh-card:before{background-color:var(--color-border);content:"";height:1px;left:0;position:absolute;top:calc(var(--grid-gap)/-2);width:100%}.gh-header.is-highlight .gh-header-inner{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(16,1fr)}.gh-header.is-highlight .gh-card:first-child{grid-column:span 8;grid-row:span 3}.gh-header.is-highlight .gh-card:first-child .gh-card-link{gap:28px}.gh-header.is-highlight .gh-card:first-child .gh-card-tag{display:block;margin-bottom:12px}.gh-header.is-highlight :is(.gh-header-inner,.gh-header-left)>.gh-card:first-child .gh-card-title{font-size:clamp(3.2rem,3.18vw + 1.93rem,6rem);font-weight:750;letter-spacing:-.03em;line-height:.95;max-width:840px}.gh-header.is-highlight :is(.gh-header-inner,.gh-header-left)>.gh-card:first-child .gh-card-excerpt{font-size:1.8rem;margin-top:20px}.gh-header.is-highlight :is(.gh-header-inner,.gh-header-left)>.gh-card:first-child .gh-card-meta:not(:empty){margin-top:14px}.gh-header.is-highlight .gh-card:not(:first-child) .gh-card-excerpt{display:none}.gh-header.is-highlight .gh-header-left{display:grid;gap:var(--grid-gap);grid-column:span 12;grid-template-columns:repeat(12,1fr);position:relative}.gh-header.is-highlight .gh-header-left .gh-card:not(:first-child){grid-column:9/-1}.gh-header.is-highlight .gh-header-left .gh-card:first-child .gh-card-title{font-size:clamp(2.4rem,2.73vw + 1.31rem,4.8rem);letter-spacing:-.022em;line-height:1}.gh-header.is-highlight .gh-header-left .gh-card:first-child .gh-card-image{aspect-ratio:16/10}.gh-header.is-highlight .gh-header-left .gh-card:nth-child(4) .gh-card-image{display:none}.gh-header.is-highlight .gh-header-right{grid-column:13/-1}.gh-header.is-highlight .gh-featured{margin-top:0;padding:0}.gh-header.is-highlight .gh-featured-feed{display:flex;flex-direction:column}.gh-header.is-highlight :is(.gh-card:first-child,.gh-header-left):after{background-color:var(--color-border);content:"";height:100%;position:absolute;right:calc(var(--grid-gap)/-2);top:0;width:1px}.gh-header.is-highlight .gh-card+.gh-card:before{background-color:var(--color-border);content:"";height:1px;left:0;position:absolute;top:calc(var(--grid-gap)/-2);width:100%}.gh-header.is-highlight .gh-featured .gh-card:after,.gh-header.is-highlight :is(.gh-header-inner,.gh-header-left)>.gh-card:nth-child(2):before{display:none}.gh-header.is-classic{display:flex;min-height:calc(100vh - 340px)}.gh-header.is-classic .gh-header-inner{align-items:center;display:flex;flex-direction:column;gap:48px;margin:auto;max-width:960px;text-align:center}.gh-header.is-classic.has-image .gh-header-inner{color:#fff}.gh-header.is-classic .gh-header-title{font-size:clamp(3.2rem,3.18vw + 1.93rem,6rem);font-weight:750;letter-spacing:-.022em;line-height:1.1}.gh-header.is-classic .gh-header-form{align-items:center;background-color:var(--color-lighter-gray);border-radius:40px;display:flex;font-size:1.8rem;font-weight:450;height:64px;letter-spacing:-.008em;max-width:640px;overflow:hidden;position:relative;transition:background-color .2s ease;width:100%}.gh-header.is-classic .gh-header-form:hover{background-color:rgba(0,0,0,.05)}.gh-header.is-classic .gh-header-input{background-color:transparent;border:0;font-size:inherit;height:100%;inset:0;letter-spacing:inherit;padding-inline:28px;position:absolute;width:100%}.gh-header.is-classic button.gh-header-input{-webkit-padding-start:56px;color:var(--color-secondary-text);cursor:pointer;padding-inline-start:56px;text-align:left}.gh-header.is-classic .gh-button{font-size:inherit;font-weight:600;height:52px;padding-inline:40px;position:absolute;right:6px}.gh-header.is-classic svg{color:var(--color-secondary-text);height:24px;left:22px;position:relative;width:24px}.gh-featured{margin-top:64px}.gh-featured-title{border-bottom:1px solid var(--color-border);font-size:1.2rem;font-weight:500;letter-spacing:.01em;margin-bottom:20px;padding-bottom:12px;text-transform:uppercase}.gh-featured-feed{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(4,1fr)}.gh-featured-feed .gh-card-link{align-items:flex-start;display:flex;flex-direction:row-reverse}.gh-featured-feed .gh-card-image{aspect-ratio:1;width:72px}.gh-featured-feed .gh-card-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.7rem;font-weight:725;letter-spacing:-.011em;overflow-y:hidden}.gh-featured-feed .gh-card-excerpt{display:none}.gh-featured-feed .gh-card-meta:not(:empty){margin-top:10px}.gh-featured-feed .gh-card+.gh-card:before{background-color:var(--color-border);content:"";height:100%;left:calc(var(--grid-gap)/-2);position:absolute;top:0;width:1px}.gh-container{flex-grow:1;margin-top:64px}.gh-container-inner{-moz-column-gap:var(--grid-gap);column-gap:var(--grid-gap);display:grid;grid-template-columns:repeat(16,1fr)}.gh-container.has-sidebar .gh-main{grid-column:1/span 12;position:relative}.gh-container.has-sidebar .gh-sidebar{grid-column:13/-1}.gh-container.has-sidebar .gh-main:after{background-color:var(--color-border);content:"";height:100%;position:absolute;right:calc(var(--grid-gap)/-2);top:0;width:1px}.gh-container:not(.has-sidebar) .gh-main{grid-column:3/span 12}.gh-container-title{border-bottom:1px solid var(--color-border);font-size:1.2rem;font-weight:500;grid-column:1/-1;letter-spacing:.01em;margin-bottom:calc(var(--grid-gap)/2);padding-bottom:12px;text-transform:uppercase}.gh-container .gh-feed{gap:var(--grid-gap)}.gh-container .gh-card-meta:not(:empty){margin-top:16px}.gh-container.is-list .gh-feed{display:flex;flex-direction:column}.gh-container.is-list .gh-card-link{align-items:center;flex-direction:row;gap:24px}.gh-container.is-list .gh-card-image{aspect-ratio:1.618033;flex-shrink:0;width:220px}.gh-container.is-list .gh-card-wrapper{max-width:600px}.gh-container.is-list .gh-card-excerpt{margin-top:6px}.gh-container.is-list .gh-card+.gh-card:before{background-color:var(--color-border);content:"";height:1px;left:0;position:absolute;top:calc(var(--grid-gap)/-2);width:100%}.home-template .gh-container.is-list .gh-card:first-child:before{display:none}.gh-container.is-grid .gh-feed{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;row-gap:calc(var(--grid-gap)*1.5)}.gh-container.is-grid .gh-card-excerpt{-webkit-line-clamp:4}.gh-container.is-grid .gh-card:before{height:1px;right:calc(var(--grid-gap)/-2);top:calc(var(--grid-gap)/-2)}.gh-container.is-grid .gh-card:after,.gh-container.is-grid .gh-card:before{background-color:var(--color-border);content:"";left:calc(var(--grid-gap)/-2);position:absolute}.gh-container.is-grid .gh-card:after{height:100%;top:0;width:1px}.gh-container.is-list.no-image .gh-card-image{display:none}.gh-about{align-items:center;background-color:var(--color-lighter-gray);display:flex;flex-direction:column;padding:48px 24px;text-align:center}.gh-about-icon{border-radius:50%;height:80px;margin-bottom:24px;width:80px}.gh-about-title{font-size:2.4rem;font-weight:800;letter-spacing:-.019em}.gh-about-description{font-size:1.5rem;line-height:1.4;margin-top:12px}.gh-about .gh-button{margin-top:24px}.gh-article{--container-width:1120px;word-break:break-word}.gh-article-header{margin:40px 0}.gh-article-tag{color:var(--ghost-accent-color);font-size:1.3rem;font-weight:500;letter-spacing:.01em;margin-bottom:12px;text-transform:uppercase}.gh-article-title{font-size:clamp(3.2rem,1.59vw + 2.56rem,4.6rem);font-weight:750;letter-spacing:-.022em;line-height:1.05}.gh-article-excerpt{font-size:2rem;letter-spacing:-.01em;line-height:1.35;margin-top:16px;max-width:720px}.gh-article-meta{align-items:center;display:flex;gap:8px;margin-left:6px;margin-top:20px}.gh-article-author-image{display:flex;margin-right:8px}.gh-article-author-image a{background-color:var(--color-light-gray);border:3px solid var(--background-color);border-radius:50%;height:56px;margin:0 -8px;overflow:hidden;position:relative;width:56px}.gh-article-author-image a:first-child{z-index:10}.gh-article-author-image a:nth-child(2){z-index:9}.gh-article-author-image a:nth-child(3){z-index:8}.gh-article-author-image :is(img,svg){inset:0;-o-object-fit:cover;object-fit:cover;position:absolute}.gh-article-meta-wrapper{display:flex;flex-direction:column;gap:4px}.gh-article-author-name{font-size:1.7rem;font-weight:650;letter-spacing:-.013em}.gh-article-meta-content{color:var(--color-secondary-text);font-size:1.4rem;font-weight:500;letter-spacing:-.006em;line-height:1.2}.gh-article-image{grid-column:wide;margin-top:40px}.gh-article-image img{width:100%}.page-template .gh-article-header{margin-block:72px 24px}.page-template .gh-article-excerpt{margin-bottom:12px}.page-template .gh-content:only-child>:first-child:not(.kg-width-full){margin-top:48px}.page-template .gh-content>:last-child:not(.kg-width-full){margin-bottom:64px}.page-template .gh-footer{margin-top:0}.gh-content{font-size:calc(var(--content-font-size, 1.7rem)*var(--font-multiplier, 1));letter-spacing:var(--content-letter-spacing,0)}.gh-content>*+*{margin-bottom:0;margin-top:calc(28px*var(--content-spacing-multiplier, 1))}.gh-content>[id]:not(:first-child){margin-top:calc(48px*var(--content-spacing-multiplier, 1))}.gh-content>[id]+*{margin-top:calc(16px*var(--content-spacing-multiplier, 1))}.gh-content>:is(hr,blockquote,iframe){margin-top:calc(48px*var(--content-spacing-multiplier, 1))!important;position:relative}.gh-content>:is(hr,blockquote,iframe)+*{margin-top:calc(48px*var(--content-spacing-multiplier, 1))!important}.gh-content h2{font-size:calc(1.6em*var(--font-multiplier, 1));letter-spacing:-.02em}.gh-content h3{font-size:calc(1.2em*var(--font-multiplier, 1));letter-spacing:-.017em}.gh-content a{color:var(--ghost-accent-color);text-decoration:underline}.gh-content .kg-callout-card .kg-callout-text,.gh-content .kg-toggle-card .kg-toggle-content>:is(ul,ol,p){font-size:.95em}.is-font-serif .gh-content .kg-callout-text,.is-font-serif .gh-content .kg-toggle-content>ol,.is-font-serif .gh-content .kg-toggle-content>p,.is-font-serif .gh-content .kg-toggle-content>ul,.is-font-serif .gh-content>blockquote,.is-font-serif .gh-content>dl,.is-font-serif .gh-content>ol,.is-font-serif .gh-content>p,.is-font-serif .gh-content>ul{font-family:var(--font-serif)}.gh-content :is(ul,ol){padding-left:28px}.gh-content :is(li+li,li :is(ul,ol)){margin-top:8px}.gh-content ol ol li{list-style-type:lower-alpha}.gh-content ol ol ol li{list-style-type:lower-roman}.gh-content hr{background-color:var(--color-border);border:0;height:1px;width:100%}.gh-content table:not(.gist table){-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,transparent 75%) 0,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,transparent 75%) 100%;background-attachment:scroll,scroll;background-repeat:no-repeat;background-size:10px 100%,10px 100%;border-collapse:collapse;border-spacing:0;display:inline-block;font-family:var(--font-sans);font-size:1.6rem;max-width:100%;overflow-x:auto;vertical-align:top;white-space:nowrap;width:auto}.gh-content table:not(.gist table) td:first-child{background-image:linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:20px 100%}.gh-content table:not(.gist table) td:last-child{background-image:linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0));background-position:100% 0;background-repeat:no-repeat;background-size:20px 100%}.gh-content table:not(.gist table) th{background-color:var(--color-white);color:var(--color-darkgrey);font-size:1.2rem;font-weight:700;letter-spacing:.2px;text-align:left;text-transform:uppercase}.gh-content table:not(.gist table) td,.gh-content table:not(.gist table) th{border:1px solid var(--color-light-gray);padding:6px 12px}.gh-content :not(.kg-card):not(table):not([id])+:is(.kg-card,table){margin-top:calc(48px*var(--content-spacing-multiplier, 1))}.gh-content :is(.kg-card,table)+:not(.kg-card):not(table):not([id]){margin-top:calc(48px*var(--content-spacing-multiplier, 1))}.gh-content .kg-card.kg-width-full+:not(.kg-card):not([id]),.gh-content :not(.kg-card):not([id])+.kg-card.kg-width-full{margin-top:calc(68px*var(--content-spacing-multiplier, 1))}.kg-image{margin-left:auto;margin-right:auto}.kg-embed-card{align-items:center;display:flex;flex-direction:column;width:100%}.kg-gallery-image,.kg-image[width][height]{cursor:pointer}.kg-gallery-image a:hover,.kg-image-card a:hover{opacity:1!important}.kg-card.kg-toggle-card .kg-toggle-heading-text{font-size:2rem;font-weight:700}.has-serif-title .kg-toggle-card .kg-toggle-heading-text{font-family:var(--font-serif)}.kg-callout-card.kg-card{border-radius:.25em}.kg-callout-card-accent a{text-decoration:underline}blockquote:not([class]){border-left:4px solid var(--ghost-accent-color);padding-left:2rem}blockquote.kg-blockquote-alt{color:var(--color-secondary-text);font-style:normal;font-weight:400}.kg-card.kg-button-card .kg-btn{font-size:1em}.has-serif-body .kg-header-card h3.kg-header-card-subheader,.has-serif-title .kg-card.kg-header-card h2.kg-header-card-header{font-family:var(--font-serif)}.kg-bookmark-card .kg-bookmark-container{border-radius:.25em!important}.kg-bookmark-card .kg-bookmark-content{padding:1.15em}.kg-bookmark-card .kg-bookmark-title{font-size:.9em}.kg-bookmark-card .kg-bookmark-description{font-size:.8em;margin-top:.3em;max-height:none}.kg-bookmark-card .kg-bookmark-metadata{font-size:.8em}.kg-bookmark-card .kg-bookmark-thumbnail img{border-radius:0 .2em .2em 0}.kg-product-card.kg-card .kg-product-card-image{margin-bottom:12px}.kg-product-card.kg-card a.kg-product-card-button{height:2.8em;margin-top:12px}.is-font-serif .kg-product-card.kg-card .kg-product-card-button,.is-font-serif .kg-product-card.kg-card .kg-product-card-description :is(p,ul,ol),.is-font-serif .kg-product-card.kg-card .kg-product-card-title{font-family:var(--font-serif)}.kg-file-card.kg-card .kg-file-card-container{padding:.6em}.kg-file-card.kg-card .kg-file-card-contents{margin:4px 8px 6px}.kg-file-card.kg-card .kg-file-card-metadata{font-size:.9em}.kg-file-card.kg-card .kg-file-card-filesize:before{margin-left:6px;margin-right:6px}figcaption{font-size:calc(1.4rem*var(--font-multiplier, 1));margin-top:12px;text-align:center}.kg-card.kg-width-full figcaption{padding:0 16px}figcaption a{color:var(--ghost-accent-color);text-decoration:underline}.gh-comments{margin-top:48px}.post-template .gh-container{background-color:var(--color-lighter-gray);padding-block:64px 80px}.post-template .gh-container-inner{display:block;max-width:950px}.post-template .gh-container.is-list .gh-card:first-child:before{display:none}.gh-archive{align-items:center;border-bottom:1px solid var(--color-border);display:grid;gap:var(--grid-gap);grid-template-columns:1fr 1fr;margin-block:80px 24px;padding-bottom:48px}.gh-archive.has-image{margin-top:24px}.gh-archive.has-image .gh-article-title{font-size:5.6rem}.gh-archive .gh-article-excerpt{margin-top:12px}.gh-archive .gh-article-image{grid-column:auto;margin-top:0}:is(.tag-template,.author-template) .gh-container{margin-top:0}.author-template .gh-archive{display:flex;flex-direction:row-reverse;gap:24px;justify-content:flex-end}.author-template .gh-article-image{border-radius:50%;height:160px;margin-top:0;width:160px}.author-template .gh-article-title{font-size:3.6rem}.gh-author-meta{color:var(--color-secondary-text);display:flex;font-size:1.5rem;font-weight:550;gap:10px;margin-top:14px}.gh-author-meta a{color:inherit}.gh-author-social{align-items:center;display:flex;gap:10px;padding-left:3px}.gh-author-social svg{height:20px;width:20px}.has-sans-title .is-title{font-family:var(--font-sans)}.has-serif-title .is-title{font-family:var(--font-serif)}.has-slab-title .is-title{font-family:var(--font-slab)}.has-sans-body .is-body{font-family:var(--font-sans)}.has-serif-body .is-body{font-family:Georgia}.has-serif-title :is(.gh-navigation-logo,.gh-footer-logo){font-size:2.8rem;font-weight:600}.has-serif-title .gh-header.is-classic .gh-header-title{font-weight:550;letter-spacing:-.015em}.has-serif-title .gh-card-title{font-size:2.3rem;font-weight:600;letter-spacing:-.006em;line-height:1.1}.has-serif-title .gh-featured-feed .gh-card-title{font-size:2.1rem}.has-serif-title .gh-about-title{font-size:2.6rem;font-weight:600;letter-spacing:-.009em}.has-serif-title .gh-footer-signup-header{font-weight:550;letter-spacing:-.019em}.has-serif-title .gh-article-title{font-weight:600;letter-spacing:-.019em}.has-serif-body{--content-font-size:1.8rem}.has-serif-body .gh-card-excerpt{font-size:1.7rem;letter-spacing:0;line-height:1.4}.has-serif-body .gh-header.is-highlight .gh-card:first-child .gh-card-excerpt,.has-serif-body .gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-excerpt{font-size:1.8rem}.has-serif-body .gh-about-description{font-size:1.6rem}.has-serif-body .gh-article-excerpt,.has-serif-body .gh-footer-signup-subhead{letter-spacing:0}.has-slab-title :is(.gh-button,.gh-header-form){border-radius:8px}.has-serif-title :is(.gh-button,.gh-header-form){border-radius:0}.has-light-text .gh-header.is-classic .gh-header-form:hover{background-color:rgba(0,0,0,.2)}.gh-cta{margin-top:calc(var(--grid-gap)/2)}.gh-cta-inner{align-items:center;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:24px;padding-top:80px}.gh-cta-title{font-size:4.4rem;font-weight:800;letter-spacing:-.026em;line-height:1.1;max-width:720px}.gh-cta-description{color:var(--color-secondary-text);font-size:2rem;font-weight:450;letter-spacing:-.017em;line-height:1.4;margin-top:8px}.gh-cta .gh-header-form{align-items:center;background-color:var(--color-lighter-gray);border-radius:40px;display:flex;font-size:1.8rem;font-weight:450;height:64px;letter-spacing:-.008em;max-width:520px;overflow:hidden;position:relative;transition:background-color .2s ease;width:100%}.gh-cta .gh-header-form:hover{background-color:rgba(0,0,0,.05)}.gh-cta .gh-header-input{background-color:transparent;border:0;font-size:inherit;height:100%;inset:0;letter-spacing:inherit;padding-inline:26px;position:absolute;width:100%}.gh-cta button.gh-header-input{-webkit-padding-start:56px;color:var(--color-secondary-text);cursor:pointer;padding-inline-start:56px;text-align:left}.gh-cta .gh-button{font-size:inherit;font-weight:600;height:52px;padding-inline:32px;position:absolute;right:6px}.gh-footer{color:var(--color-darker-gray);font-size:1.6rem;margin-top:120px}.gh-footer a:not(.gh-button){color:inherit}.gh-footer.has-accent-color{background-color:var(--ghost-accent-color)}.gh-footer.has-accent-color .gh-footer-bar{border-top:0}.gh-footer.has-accent-color .gh-button{background-color:#fff;color:#15171a}.post-template .gh-container+.gh-footer{margin-top:0}.post-template .gh-container+.gh-footer:not(.has-accent-color){background-color:var(--color-lighter-gray)}.gh-footer-bar{align-items:center;border-block:1px solid var(--color-border);display:grid;font-weight:550;grid-template-columns:1fr auto 1fr;padding-block:28px}.gh-footer-logo{font-size:2.6rem;font-weight:750;letter-spacing:-.015em;position:relative;white-space:nowrap}.gh-footer-menu .nav{display:flex;gap:28px;list-style-type:none;margin:0;padding:0}.gh-footer-copyright{text-align:right}.gh-footer-copyright a{text-decoration:underline}.gh-footer-signup{align-items:center;display:flex;flex-direction:column;padding-block:80px 120px}.gh-footer-signup-header{font-size:clamp(3.2rem,2.5vw + 2.2rem,5.4rem);font-weight:750;letter-spacing:-.03em}.gh-footer-signup-subhead{font-size:clamp(1.6rem,.68vw + 1.33rem,2.2rem);font-weight:450;letter-spacing:-.018em;margin-top:8px;opacity:.6}.gh-footer-signup .gh-button{font-size:1.9rem;letter-spacing:-.01em;margin-top:28px;padding:16px 32px}
/*# sourceMappingURL=screen.css.map */