From 6def389b332b1b205f5242ecf688d834529db4a9 Mon Sep 17 00:00:00 2001 From: Sodbileg Gansukh Date: Wed, 12 Jul 2023 20:59:51 +0800 Subject: [PATCH] Footer details --- assets/built/screen.css | 2 +- assets/built/screen.css.map | 2 +- assets/css/screen.css | 26 +++++++++++++++++++------- 3 files changed, 21 insertions(+), 9 deletions(-) diff --git a/assets/built/screen.css b/assets/built/screen.css index dc1ab0c..e63a1c0 100644 --- a/assets/built/screen.css +++ b/assets/built/screen.css @@ -1,2 +1,2 @@ -:root{--color-white:#fff;--color-lighter-gray:#f6f6f6;--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;--font-mono:Menlo,Courier,monospace;--container-gap:clamp(24px,1.7032rem + 1.9355vw,48px);--grid-gap:40px}:root.has-light-text{--color-lighter-gray:rgba(0,0,0,.1);--color-darker-gray:#fff;--color-secondary-text:hsla(0,0%,100%,.64);--color-border:hsla(0,0%,100%,.2)}*,: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:inherit;line-height:1;padding:.75em 1.15em}.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 svg{opacity:.8}.gh-icon-button svg{height:20px;width:20px}.gh-viewport{display:flex;flex-direction:column;min-height:100vh;position:relative}.gh-content{flex-grow:1}.gh-outer{padding:0 max(4vmin,20px)}.gh-inner{margin:0 auto;max-width:1280px;width:100%}.has-sans-title [data-title]{font-family:var(--font-sans)}.has-serif-title [data-title]{font-family:var(--font-serif)}.has-slab-title [data-title]{font-family:var(--font-slab)}.has-sans-body [data-body]{font-family:var(--font-sans)}.has-serif-body [data-body]{font-family:Georgia}.gh-navigation{color:var(--color-darker-gray);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:700;letter-spacing:-.015em;position:relative;white-space:nowrap}.gh-navigation-logo img{max-height:40px}.gh-navigation-members a[data-portal=signin],.gh-navigation-menu{font-size:1.6rem;font-weight:500}.gh-navigation-menu{align-items:center;display:flex;gap:24px}.gh-navigation .nav{align-items:center;display:inline-flex;gap:24px;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:-6px;margin-right:-6px}.gh-navigation-brand .gh-search{margin-right:2px}@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);color:#fff}.gh-navigation.has-accent-color .gh-button{background-color:#fff;color:#15171a}.is-left-logo .gh-navigation-inner{grid-template-columns:auto 1fr auto}@media (min-width:992px){.is-left-logo .gh-navigation-menu{margin-left:16px;margin-right:64px}}.is-middle-logo .gh-navigation-inner{grid-template-columns:1fr auto 1fr}.is-middle-logo .gh-navigation-brand{grid-column-start:2}.is-middle-logo .gh-navigation-actions{gap:28px}@media (min-width:992px){.is-middle-logo .gh-navigation-menu{margin-right:64px}}.is-stacked.gh-navigation{height:auto;position:relative}.is-stacked .gh-navigation-inner{grid-template-columns:1fr auto 1fr}.is-stacked .gh-navigation-brand{display:flex;grid-column-start:2;grid-row-start:1;min-height:80px}@media (min-width:992px){.is-stacked .gh-navigation-inner{padding:0}.is-stacked .gh-navigation-brand{align-items:center;display:flex;height:80px}.is-stacked .gh-navigation-menu{grid-column:1/4;grid-row-start:2;height:56px;justify-content:center;margin:0 48px}.is-stacked .gh-navigation-menu:after,.is-stacked .gh-navigation-menu:before{background-color:var(--color-border);content:"";height:1px;left:0;position:absolute;top:80px;width:100%}.is-stacked .gh-navigation-menu:after{top:136px}.is-stacked .gh-navigation-actions{grid-column:1/4;grid-row-start:1;justify-content:space-between}}.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}}@media (max-width:767px){#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:16px}.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:2rem;letter-spacing:-.017em}.gh-card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.5rem;line-height:1.45;margin-top:8px;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:500;gap:4px;letter-spacing:-.0025em}.gh-card-meta:not(:empty){margin-top:8px}.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:20px}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-tag{display:block;margin-bottom:8px}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-title{font-size:clamp(2rem,2.73vw + .91rem,4.4rem);letter-spacing:-.022em;line-height:1.05}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-excerpt{font-size:1.7rem;margin-top:10px}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-meta:not(:empty){margin-top:10px}.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:3fr 1fr}.gh-header.is-highlight .gh-card:first-child{grid-row:span 3}.gh-header.is-highlight .gh-card:first-child .gh-card-link{gap:20px}.gh-header.is-highlight .gh-card:first-child .gh-card-image{aspect-ratio:16/10}.gh-header.is-highlight .gh-card:first-child .gh-card-tag{display:block;margin-bottom:8px}.gh-header.is-highlight .gh-card:first-child .gh-card-title{font-size:clamp(2rem,3.64vw + .55rem,5.2rem);letter-spacing:-.022em;line-height:1.05}.gh-header.is-highlight .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-card:first-child: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:not(:first-child)+.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-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);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;height:64px;letter-spacing:-.014em;max-width:640px;position:relative;width:100%}.gh-header.is-classic .gh-header-input{background-color:transparent;border:0;font-size:inherit;height:100%;letter-spacing:inherit;padding-inline:24px;width:100%}.gh-header.is-classic button.gh-header-input{-webkit-padding-start:32px;color:var(--color-secondary-text);padding-inline-start:32px;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:20px;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:80px}.gh-featured-feed .gh-card-title{font-size:1.8rem;letter-spacing:-.011em}.gh-featured-feed .gh-card-excerpt{display:none}.gh-featured-feed .gh-card-meta:not(:empty){flex-direction:column;gap:0;margin-top:6px}.gh-featured-feed .gh-card-date:before{display:none}.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{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:20px;padding-bottom:12px;text-transform:uppercase}.gh-container .gh-feed{gap:var(--grid-gap)}.gh-container.is-list .gh-feed{display:flex;flex-direction:column}.gh-container.is-list .gh-card-link{align-items:flex-start;flex-direction:row;gap:24px}.gh-container.is-list .gh-card-image{flex-shrink:0;width:240px}.gh-container.is-list .gh-card-wrapper{max-width:600px}.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%}.gh-container.is-grid .gh-feed{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.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{height:80px;margin-bottom:24px;width:80px}.gh-about-title{font-size:2.4rem;letter-spacing:-.019em}.gh-about-description{font-size:1.4rem;line-height:1.4;margin-top:12px}.gh-about .gh-button{margin-top:24px}.gh-footer{color:var(--color-darker-gray);margin-top:80px}.gh-footer a:not(.gh-button){color:inherit}.gh-footer.has-accent-color{background-color:var(--ghost-accent-color);color:#fff}.gh-footer.has-accent-color .gh-button{background-color:#fff;color:#15171a}.gh-footer-bar{border-block:1px solid var(--color-border);display:grid;grid-template-columns:1fr auto 1fr;padding-block:40px}.gh-footer-menu .nav{display:flex;gap:24px;list-style-type:none}.gh-footer-copyright{text-align:right}.gh-footer-signup{align-items:center;display:flex;flex-direction:column;padding-block:100px} +:root{--color-white:#fff;--color-lighter-gray:#f6f6f6;--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;--font-mono:Menlo,Courier,monospace;--container-gap:clamp(24px,1.7032rem + 1.9355vw,48px);--grid-gap:40px}:root.has-light-text{--color-lighter-gray:rgba(0,0,0,.1);--color-darker-gray:#fff;--color-secondary-text:hsla(0,0%,100%,.64);--color-border:hsla(0,0%,100%,.2)}*,: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:inherit;line-height:1;padding:.75em 1.15em}.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 svg{opacity:.8}.gh-icon-button svg{height:20px;width:20px}.gh-viewport{display:flex;flex-direction:column;min-height:100vh;position:relative}.gh-content{flex-grow:1}.gh-outer{padding:0 max(4vmin,20px)}.gh-inner{margin:0 auto;max-width:1280px;width:100%}.has-sans-title [data-title]{font-family:var(--font-sans)}.has-serif-title [data-title]{font-family:var(--font-serif)}.has-slab-title [data-title]{font-family:var(--font-slab)}.has-sans-body [data-body]{font-family:var(--font-sans)}.has-serif-body [data-body]{font-family:Georgia}.gh-navigation{color:var(--color-darker-gray);font-size:1.5rem;font-weight:500;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:700;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:24px;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:-6px;margin-right:-6px}.gh-navigation-brand .gh-search{margin-right:2px}@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);color:#fff}.gh-navigation.has-accent-color .gh-button{background-color:#fff;color:#15171a}.is-left-logo .gh-navigation-inner{grid-template-columns:auto 1fr auto}@media (min-width:992px){.is-left-logo .gh-navigation-menu{margin-left:16px;margin-right:64px}}.is-middle-logo .gh-navigation-inner{grid-template-columns:1fr auto 1fr}.is-middle-logo .gh-navigation-brand{grid-column-start:2}.is-middle-logo .gh-navigation-actions{gap:28px}@media (min-width:992px){.is-middle-logo .gh-navigation-menu{margin-right:64px}}.is-stacked.gh-navigation{height:auto;position:relative}.is-stacked .gh-navigation-inner{grid-template-columns:1fr auto 1fr}.is-stacked .gh-navigation-brand{display:flex;grid-column-start:2;grid-row-start:1;min-height:80px}@media (min-width:992px){.is-stacked .gh-navigation-inner{padding:0}.is-stacked .gh-navigation-brand{align-items:center;display:flex;height:80px}.is-stacked .gh-navigation-menu{grid-column:1/4;grid-row-start:2;height:56px;justify-content:center;margin:0 48px}.is-stacked .gh-navigation-menu:after,.is-stacked .gh-navigation-menu:before{background-color:var(--color-border);content:"";height:1px;left:0;position:absolute;top:80px;width:100%}.is-stacked .gh-navigation-menu:after{top:136px}.is-stacked .gh-navigation-actions{grid-column:1/4;grid-row-start:1;justify-content:space-between}}.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}}@media (max-width:767px){#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:16px}.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:2rem;letter-spacing:-.017em}.gh-card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.5rem;line-height:1.45;margin-top:8px;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:500;gap:4px;letter-spacing:-.0025em}.gh-card-meta:not(:empty){margin-top:8px}.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:20px}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-tag{display:block;margin-bottom:8px}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-title{font-size:clamp(2rem,2.73vw + .91rem,4.4rem);letter-spacing:-.022em;line-height:1.05}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-excerpt{font-size:1.7rem;margin-top:10px}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-meta:not(:empty){margin-top:10px}.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:3fr 1fr}.gh-header.is-highlight .gh-card:first-child{grid-row:span 3}.gh-header.is-highlight .gh-card:first-child .gh-card-link{gap:20px}.gh-header.is-highlight .gh-card:first-child .gh-card-image{aspect-ratio:16/10}.gh-header.is-highlight .gh-card:first-child .gh-card-tag{display:block;margin-bottom:8px}.gh-header.is-highlight .gh-card:first-child .gh-card-title{font-size:clamp(2rem,3.64vw + .55rem,5.2rem);letter-spacing:-.022em;line-height:1.05}.gh-header.is-highlight .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-card:first-child: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:not(:first-child)+.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-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);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;height:64px;letter-spacing:-.014em;max-width:640px;position:relative;width:100%}.gh-header.is-classic .gh-header-input{background-color:transparent;border:0;font-size:inherit;height:100%;letter-spacing:inherit;padding-inline:24px;width:100%}.gh-header.is-classic button.gh-header-input{-webkit-padding-start:32px;color:var(--color-secondary-text);padding-inline-start:32px;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:20px;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:80px}.gh-featured-feed .gh-card-title{font-size:1.8rem;letter-spacing:-.011em}.gh-featured-feed .gh-card-excerpt{display:none}.gh-featured-feed .gh-card-meta:not(:empty){flex-direction:column;gap:0;margin-top:6px}.gh-featured-feed .gh-card-date:before{display:none}.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{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:20px;padding-bottom:12px;text-transform:uppercase}.gh-container .gh-feed{gap:var(--grid-gap)}.gh-container.is-list .gh-feed{display:flex;flex-direction:column}.gh-container.is-list .gh-card-link{align-items:flex-start;flex-direction:row;gap:24px}.gh-container.is-list .gh-card-image{flex-shrink:0;width:240px}.gh-container.is-list .gh-card-wrapper{max-width:600px}.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%}.gh-container.is-grid .gh-feed{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.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{height:80px;margin-bottom:24px;width:80px}.gh-about-title{font-size:2.4rem;letter-spacing:-.019em}.gh-about-description{font-size:1.4rem;line-height:1.4;margin-top:12px}.gh-about .gh-button{margin-top:24px}.gh-footer{color:var(--color-darker-gray);font-size:1.5rem;margin-top:80px}.gh-footer a:not(.gh-button){color:inherit}.gh-footer.has-accent-color{background-color:var(--ghost-accent-color);color:#fff}.gh-footer.has-accent-color .gh-button{background-color:#fff;color:#15171a}.gh-footer-bar{align-items:center;border-block:1px solid var(--color-border);display:grid;grid-template-columns:1fr auto 1fr;padding-block:32px}.gh-footer-bar a{font-weight:600}.gh-footer-logo{font-size:2.6rem;font-weight:700;letter-spacing:-.015em;position:relative;white-space:nowrap}.gh-footer-menu .nav{display:flex;gap:24px;list-style-type:none;margin:0;padding:0}.gh-footer-copyright{text-align:right}.gh-footer-signup{align-items:center;display:flex;flex-direction:column;padding-block:100px} /*# 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 46b9f05..9dec843 100644 --- a/assets/built/screen.css.map +++ b/assets/built/screen.css.map @@ -1 +1 @@ -{"version":3,"sources":["screen.css"],"names":[],"mappings":"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","file":"screen.css","sourcesContent":["/* 1. Variables */\n\n:root {\n --color-white: #fff;\n --color-lighter-gray: #f6f6f6;\n --color-light-gray: #e6e6e6;\n --color-mid-gray: #ccc;\n --color-dark-gray: #444;\n --color-darker-gray: #15171a;\n --color-black: #000;\n --color-primary-text: var(--color-darker-gray);\n --color-secondary-text: rgba(0, 0, 0, 0.4);\n --color-border: rgba(0, 0, 0, 0.08);\n --font-sans: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n --font-serif: EB Garamond, Georgia, Times, serif;\n --font-slab: Roboto Slab;\n --font-mono: Menlo, Courier, monospace;\n --container-gap: clamp(24px, 1.7032rem + 1.9355vw, 48px);\n --grid-gap: 40px;\n}\n\n:root.has-light-text {\n --color-lighter-gray: rgba(0, 0, 0, 0.1);\n --color-darker-gray: #fff;\n --color-secondary-text: rgba(255, 255, 255, 0.64);\n --color-border: rgba(255, 255, 255, 0.2);\n}\n\n/* 2. Resets */\n\n*, *::before, *::after {\n box-sizing: border-box;\n}\n\n* {\n margin: 0;\n}\n\nhtml {\n font-size: 62.5%;\n}\n\nbody {\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\nimg, picture, video, canvas, svg {\n display: block;\n height: auto;\n max-width: 100%;\n}\n\niframe {\n display: block;\n}\n\ninput, button, textarea, select {\n font: inherit;\n}\n\np, h1, h2, h3, h4, h5, h6 {\n overflow-wrap: break-word;\n}\n\nh1, h2, h3, h4, h5, h6 {\n line-height: 1.2;\n}\n\n/* 3. Globals */\n\nbody {\n font-family: var(--font-sans);\n font-size: 1.6rem;\n background-color: var(--background-color);\n color: var(--color-primary-text);\n}\n\na {\n color: var(--color-darker-gray);\n text-decoration: none;\n}\n\na:hover {\n opacity: 0.8;\n}\n\n.gh-button {\n display: inline-flex;\n gap: 0.4em;\n align-items: center;\n justify-content: center;\n padding: 0.75em 1.15em;\n font-size: 1.6rem;\n font-weight: 600;\n line-height: 1;\n color: var(--color-white);\n letter-spacing: inherit;\n cursor: pointer;\n background-color: var(--ghost-accent-color);\n border: 0;\n border-radius: 100px;\n}\n\n.gh-button:hover {\n opacity: 0.95;\n}\n\n.gh-icon-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n color: var(--color-darker-gray);\n cursor: pointer;\n background-color: transparent;\n border: 0;\n outline: none;\n}\n\n.gh-icon-button:hover svg {\n opacity: 0.8;\n}\n\n.gh-icon-button svg {\n width: 20px;\n height: 20px;\n}\n\n/* 4. Layout */\n\n.gh-viewport {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n\n.gh-content {\n flex-grow: 1;\n}\n\n.gh-outer {\n padding: 0 max(4vmin, 20px);\n}\n\n.gh-inner {\n margin: 0 auto;\n max-width: 1280px;\n width: 100%;\n}\n\n/* Typography */\n\n.has-sans-title [data-title] {\n font-family: var(--font-sans);\n}\n\n.has-serif-title [data-title] {\n font-family: var(--font-serif);\n}\n\n.has-slab-title [data-title] {\n font-family: var(--font-slab);\n}\n\n.has-sans-body [data-body] {\n font-family: var(--font-sans);\n}\n\n.has-serif-body [data-body] {\n font-family: Georgia;\n}\n\n/* 5. Navigation */\n\n.gh-navigation {\n height: 100px;\n color: var(--color-darker-gray);\n}\n\n.gh-navigation :is(.gh-navigation-logo, a:not(.gh-button), .gh-icon-button) {\n color: inherit;\n}\n\n.gh-navigation-inner {\n display: grid;\n grid-auto-flow: row dense;\n column-gap: 24px;\n align-items: center;\n height: 100%;\n}\n\n.gh-navigation-brand {\n line-height: 1;\n}\n\n.gh-navigation-logo {\n position: relative;\n font-size: 2.6rem;\n font-weight: 700;\n letter-spacing: -0.015em;\n white-space: nowrap;\n}\n\n.gh-navigation-logo img {\n max-height: 40px;\n}\n\n.gh-navigation-menu,\n.gh-navigation-members a[data-portal=\"signin\"] {\n font-size: 1.6rem;\n font-weight: 500;\n}\n\n.gh-navigation-menu {\n display: flex;\n gap: 24px;\n align-items: center;\n}\n\n.gh-navigation .nav {\n display: inline-flex;\n gap: 24px;\n align-items: center;\n padding: 0;\n margin: 0;\n white-space: nowrap;\n list-style: none;\n}\n\n.gh-navigation .gh-more-toggle {\n position: relative;\n margin: 0 -6px;\n font-size: inherit;\n text-transform: inherit;\n}\n\n.gh-navigation .gh-more-toggle svg {\n width: 24px;\n height: 24px;\n}\n\n.gh-navigation-actions {\n display: flex;\n gap: 24px;\n align-items: center;\n justify-content: flex-end;\n}\n\n.gh-navigation-members {\n display: flex;\n gap: 20px;\n align-items: center;\n white-space: nowrap;\n}\n\n.gh-navigation-members .gh-button {\n font-size: inherit;\n font-weight: 600;\n}\n\n.gh-search {\n margin-right: -6px;\n margin-left: -6px;\n}\n\n.gh-navigation-brand .gh-search {\n margin-right: 2px;\n}\n\n@media (max-width: 767px) {\n .gh-navigation-members {\n flex-direction: column-reverse;\n gap: 16px;\n width: 100%;\n }\n\n .gh-navigation-actions .gh-search {\n display: none;\n }\n}\n\n@media (min-width: 768px) {\n .gh-navigation-brand .gh-search {\n display: none;\n }\n\n .gh-navigation:not(.is-dropdown-loaded) .gh-navigation-menu .nav > li {\n opacity: 0;\n }\n}\n\n/* 5.1. Accent color */\n\n.gh-navigation.has-accent-color {\n background-color: var(--ghost-accent-color);\n color: #fff;\n}\n\n.gh-navigation.has-accent-color .gh-button {\n background-color: #fff;\n color: #15171a;\n}\n\n/* 5.1. Navigation variants */\n\n/*\n======================================================================\nLOGO Home About Collection Author Portal Login Subscribe\n======================================================================\n*/\n\n.is-left-logo .gh-navigation-inner {\n grid-template-columns: auto 1fr auto;\n}\n\n@media (min-width: 992px) {\n .is-left-logo .gh-navigation-menu {\n margin-right: 64px;\n margin-left: 16px;\n }\n}\n\n/*\n======================================================================\nHome About Collection LOGO Login Subscribe\n======================================================================\n*/\n\n.is-middle-logo .gh-navigation-inner {\n grid-template-columns: 1fr auto 1fr;\n}\n\n.is-middle-logo .gh-navigation-brand {\n grid-column-start: 2;\n}\n\n.is-middle-logo .gh-navigation-actions {\n gap: 28px;\n}\n\n@media (min-width: 992px) {\n .is-middle-logo .gh-navigation-menu {\n margin-right: 64px;\n }\n}\n\n/*\n======================================================================\nSearch LOGO Login Subscribe\n Home About Collection Author Portal\n======================================================================\n*/\n\n.is-stacked.gh-navigation {\n position: relative;\n height: auto;\n}\n\n.is-stacked .gh-navigation-inner {\n grid-template-columns: 1fr auto 1fr;\n}\n\n.is-stacked .gh-navigation-brand {\n display: flex;\n grid-row-start: 1;\n grid-column-start: 2;\n min-height: 80px;\n}\n\n@media (min-width: 992px) {\n .is-stacked .gh-navigation-inner {\n padding: 0;\n }\n\n .is-stacked .gh-navigation-brand {\n display: flex;\n align-items: center;\n height: 80px;\n }\n\n .is-stacked .gh-navigation-menu {\n grid-row-start: 2;\n grid-column: 1 / 4;\n justify-content: center;\n height: 56px;\n margin: 0 48px;\n }\n\n .is-stacked .gh-navigation-menu::before,\n .is-stacked .gh-navigation-menu::after {\n position: absolute;\n top: 80px;\n left: 0;\n width: 100%;\n height: 1px;\n content: \"\";\n background-color: var(--color-border);\n }\n\n .is-stacked .gh-navigation-menu::after {\n top: 136px;\n }\n\n .is-stacked .gh-navigation-actions {\n grid-row-start: 1;\n grid-column: 1 / 4;\n justify-content: space-between;\n }\n}\n\n/* 5.2. Dropdown menu */\n\n.gh-dropdown {\n position: absolute;\n top: 100%;\n right: -16px;\n z-index: 90;\n width: 200px;\n padding: 12px 0;\n margin-top: 24px;\n text-align: left;\n visibility: hidden;\n background-color: #fff;\n border-radius: 5px;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 7px 20px -5px rgba(0, 0, 0, 0.15);\n opacity: 0;\n transition: opacity 0.3s, transform 0.2s;\n transform: translate3d(0, 6px, 0);\n}\n\n.is-middle-logo .gh-dropdown {\n right: auto;\n left: -24px;\n}\n\n.is-dropdown-mega .gh-dropdown {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-auto-flow: column;\n column-gap: 40px;\n width: auto;\n padding: 20px 32px;\n}\n\n.is-dropdown-open .gh-dropdown {\n visibility: visible;\n opacity: 1;\n transform: translateY(0);\n}\n\n.gh-dropdown li a {\n display: block;\n padding: 6px 20px;\n color: #15171a !important;\n}\n\n.is-dropdown-mega .gh-dropdown li a {\n padding: 8px 0;\n}\n\n/* 5.3. Burger icon */\n\n.gh-burger {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n display: none;\n margin-right: -7px;\n}\n\n.gh-burger svg {\n width: 24px;\n height: 24px;\n}\n\n.gh-burger svg:last-child {\n display: none;\n}\n\n.is-open .gh-burger svg:first-child {\n display: none;\n}\n\n.is-open .gh-burger svg:last-child {\n display: block;\n}\n\n@media (max-width: 767px) {\n .gh-burger {\n display: flex;\n }\n}\n\n/* 5.4. Mobile menu */\n\n@media (max-width: 767px) {\n #gh-navigation {\n height: 64px;\n }\n\n #gh-navigation .gh-navigation-inner {\n grid-template-rows: auto 1fr auto;\n grid-template-columns: 1fr;\n gap: 48px;\n }\n\n #gh-navigation .gh-navigation-brand {\n display: grid;\n grid-template-columns: 1fr auto auto;\n grid-column-start: 1;\n align-items: center;\n height: 64px;\n }\n\n #gh-navigation .gh-navigation-logo {\n font-size: 2.2rem;\n }\n\n #gh-navigation .gh-navigation-menu,\n #gh-navigation .gh-navigation-actions {\n position: fixed;\n justify-content: center;\n visibility: hidden;\n opacity: 0;\n }\n\n #gh-navigation .gh-navigation-menu {\n transition: none;\n transform: translateY(0);\n }\n\n #gh-navigation .nav {\n gap: 20px;\n align-items: center;\n line-height: 1.4;\n }\n\n #gh-navigation .nav a {\n font-size: 2.6rem;\n font-weight: 600;\n text-transform: none;\n }\n\n #gh-navigation .nav li {\n opacity: 0;\n transform: translateY(-4px);\n }\n\n #gh-navigation .gh-navigation-actions {\n text-align: center;\n }\n\n #gh-navigation :is(.gh-button, a[data-portal=\"signin\"]) {\n opacity: 0;\n transform: translateY(8px);\n }\n\n #gh-navigation .gh-button {\n width: 100%;\n font-size: 1.8rem;\n text-transform: none;\n }\n\n #gh-navigation a[data-portal=\"signin\"] {\n font-size: 2rem;\n }\n\n #gh-main {\n transition: opacity 0.4s;\n }\n\n .is-open#gh-navigation {\n position: fixed;\n inset: 0;\n z-index: 3999999;\n height: 100%;\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n }\n\n .is-open#gh-navigation .gh-navigation-menu,\n .is-open#gh-navigation .gh-navigation-actions {\n position: static;\n visibility: visible;\n opacity: 1;\n }\n\n .is-open#gh-navigation .nav {\n display: flex;\n flex-direction: column;\n }\n\n .is-open#gh-navigation .nav li {\n opacity: 1;\n transition: transform 0.2s, opacity 0.2s;\n transform: translateY(0);\n }\n\n .is-open#gh-navigation .gh-navigation-actions {\n position: sticky;\n right: 0;\n bottom: 0;\n left: 0;\n display: inline-flex;\n flex-direction: column;\n gap: 12px;\n align-items: center;\n padding: var(--container-gap) 0 calc(var(--container-gap) + 8px);\n background-color: var(--color-white);\n }\n\n .is-open#gh-navigation :is(.gh-button, a[data-portal=\"signin\"]) {\n opacity: 1;\n transition: transform 0.4s, opacity 0.4s;\n transition-delay: 0.2s;\n transform: translateY(0);\n }\n\n .is-open#gh-navigation a[data-portal=\"signin\"] {\n transition-delay: 0.4s;\n }\n\n .is-open#gh-main {\n opacity: 0;\n }\n}\n\n/* Card */\n\n.gh-card {\n position: relative;\n}\n\n.gh-card-link {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.gh-card-link:hover {\n opacity: 1;\n}\n\n.gh-card-image {\n position: relative;\n flex-shrink: 0;\n aspect-ratio: 16 / 9;\n}\n\n.gh-card-image img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.gh-card-wrapper {\n flex-grow: 1;\n}\n\n.gh-card-tag {\n display: none;\n margin-bottom: 4px;\n font-size: 1.2rem;\n font-weight: 500;\n letter-spacing: 0.01em;\n text-transform: uppercase;\n}\n\n.gh-card-title {\n font-size: 2rem;\n letter-spacing: -0.017em;\n}\n\n.gh-card-excerpt {\n display: -webkit-box;\n overflow-y: hidden;\n margin-top: 8px;\n max-width: 720px;\n font-size: 1.5rem;\n line-height: 1.45;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n\n.gh-card-meta {\n display: flex;\n gap: 4px;\n flex-wrap: wrap;\n font-size: 1.3rem;\n font-weight: 500;\n letter-spacing: -0.0025em;\n color: var(--color-secondary-text);\n}\n\n.gh-card-meta:not(:empty) {\n margin-top: 8px;\n}\n\n.gh-card-author + .gh-card-date::before {\n content: \"—\";\n margin-right: 4px;\n}\n\n/* 6. Header */\n\n.gh-header {\n position: relative;\n margin-top: 40px;\n}\n\n.gh-header-image {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.gh-header-inner {\n position: relative;\n}\n\n/* 6.1. Magazine layout */\n\n.gh-header.is-magazine .gh-header-inner {\n display: grid;\n grid-template-columns: repeat(16, 1fr);\n gap: var(--grid-gap);\n}\n\n.gh-header.is-magazine .gh-header-inner > div {\n display: flex;\n flex-direction: column;\n gap: var(--grid-gap);\n grid-row: 1;\n}\n\n.gh-header.is-magazine .gh-header-left {\n grid-column: 1 / span 4;\n}\n\n.gh-header.is-magazine .gh-header-inner > .gh-card {\n position: relative;\n grid-column: 5 / span 8;\n}\n\n.gh-header.is-magazine .gh-header-right {\n grid-column: 13 / -1;\n}\n\n.gh-header.is-magazine .gh-header-inner > .gh-card .gh-card-link {\n gap: 20px;\n}\n\n.gh-header.is-magazine .gh-header-inner > .gh-card .gh-card-tag {\n display: block;\n margin-bottom: 8px;\n}\n\n.gh-header.is-magazine .gh-header-inner > .gh-card .gh-card-title {\n font-size: clamp(2rem, 2.73vw + 0.91rem, 4.4rem);\n line-height: 1.05;\n letter-spacing: -0.022em;\n}\n\n.gh-header.is-magazine .gh-header-inner > .gh-card .gh-card-excerpt {\n margin-top: 10px;\n font-size: 1.7rem;\n}\n\n.gh-header.is-magazine .gh-header-inner > .gh-card .gh-card-meta:not(:empty) {\n margin-top: 10px;\n}\n\n.gh-header.is-magazine :is(.gh-header-left, .gh-header-right) .gh-card:last-child .gh-card-image {\n display: none;\n}\n\n.gh-header.is-magazine .gh-header-inner > div .gh-card-excerpt {\n display: none;\n}\n\n.gh-header.is-magazine .gh-header-inner > .gh-card::before,\n.gh-header.is-magazine .gh-header-inner > .gh-card::after {\n position: absolute;\n top: 0;\n left: calc(var(--grid-gap) / -2);\n content: \"\";\n width: 1px;\n height: 100%;\n background-color: var(--color-border);\n}\n\n.gh-header.is-magazine .gh-header-inner > .gh-card::after {\n right: calc(var(--grid-gap) / -2);\n left: auto;\n}\n\n.gh-header.is-magazine .gh-header-inner > div .gh-card + .gh-card::before {\n position: absolute;\n top: calc(var(--grid-gap) / -2);\n left: 0;\n content: \"\";\n width: 100%;\n height: 1px;\n background-color: var(--color-border);\n}\n\n/* 6.2. Highlight layout */\n\n.gh-header.is-highlight .gh-header-inner {\n display: grid;\n grid-template-columns: 3fr 1fr;\n gap: var(--grid-gap);\n}\n\n.gh-header.is-highlight .gh-card:first-child {\n grid-row: span 3;\n}\n\n.gh-header.is-highlight .gh-card:first-child .gh-card-link {\n gap: 20px;\n}\n\n.gh-header.is-highlight .gh-card:first-child .gh-card-image {\n aspect-ratio: 16 / 10;\n}\n\n.gh-header.is-highlight .gh-card:first-child .gh-card-tag {\n display: block;\n margin-bottom: 8px;\n}\n\n.gh-header.is-highlight .gh-card:first-child .gh-card-title {\n font-size: clamp(2rem, 3.64vw + 0.55rem, 5.2rem);\n line-height: 1.05;\n letter-spacing: -0.022em;\n}\n\n.gh-header.is-highlight .gh-card:first-child .gh-card-meta:not(:empty) {\n margin-top: 14px;\n}\n\n.gh-header.is-highlight .gh-card:not(:first-child) .gh-card-excerpt {\n display: none;\n}\n\n.gh-header.is-highlight .gh-card:first-child::after {\n position: absolute;\n top: 0;\n right: calc(var(--grid-gap) / -2);\n content: \"\";\n width: 1px;\n height: 100%;\n background-color: var(--color-border);\n}\n\n.gh-header.is-highlight .gh-card:not(:first-child) + .gh-card::before {\n position: absolute;\n top: calc(var(--grid-gap) / -2);\n left: 0;\n content: \"\";\n width: 100%;\n height: 1px;\n background-color: var(--color-border);\n}\n\n/* 6.3. Classic layout */\n\n.gh-header.is-classic {\n display: flex;\n min-height: calc(100vh - 100px - 240px);\n}\n\n.gh-header.is-classic .gh-header-inner {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 48px;\n margin: auto;\n max-width: 960px;\n text-align: center;\n}\n\n.gh-header.is-classic.has-image .gh-header-inner {\n color: #fff;\n}\n\n.gh-header.is-classic .gh-header-title {\n font-size: clamp(3.2rem, 3.18vw + 1.93rem, 6rem);\n line-height: 1.1;\n letter-spacing: -0.022em;\n}\n\n.gh-header.is-classic .gh-header-form {\n display: flex;\n align-items: center;\n position: relative;\n max-width: 640px;\n width: 100%;\n height: 64px;\n font-size: 1.8rem;\n letter-spacing: -0.014em;\n border-radius: 40px;\n background-color: var(--color-lighter-gray);\n}\n\n.gh-header.is-classic .gh-header-input {\n padding-inline: 24px;\n width: 100%;\n height: 100%;\n font-size: inherit;\n letter-spacing: inherit;\n border: 0;\n background-color: transparent;\n}\n\n.gh-header.is-classic button.gh-header-input {\n padding-inline-start: 32px;\n text-align: left;\n color: var(--color-secondary-text);\n}\n\n.gh-header.is-classic .gh-button {\n position: absolute;\n right: 6px;\n padding-inline: 40px;\n height: 52px;\n font-size: inherit;\n font-weight: 600;\n}\n\n.gh-header.is-classic svg {\n position: relative;\n left: 20px;\n width: 24px;\n height: 24px;\n color: var(--color-secondary-text);\n}\n\n/* 7. Featured posts */\n\n.gh-featured {\n margin-top: 64px;\n}\n\n.gh-featured-title {\n margin-bottom: 20px;\n padding-bottom: 12px;\n font-size: 1.2rem;\n font-weight: 500;\n letter-spacing: 0.01em;\n text-transform: uppercase;\n border-bottom: 1px solid var(--color-border);\n}\n\n.gh-featured-feed {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--grid-gap);\n}\n\n.gh-featured-feed .gh-card-link {\n display: flex;\n flex-direction: row-reverse;\n align-items: flex-start;\n}\n\n.gh-featured-feed .gh-card-image {\n width: 80px;\n aspect-ratio: 1;\n}\n\n.gh-featured-feed .gh-card-title {\n font-size: 1.8rem;\n letter-spacing: -0.011em;\n}\n\n.gh-featured-feed .gh-card-excerpt {\n display: none;\n}\n\n.gh-featured-feed .gh-card-meta:not(:empty) {\n flex-direction: column;\n gap: 0;\n margin-top: 6px;\n}\n\n.gh-featured-feed .gh-card-date::before {\n display: none;\n}\n\n.gh-featured-feed .gh-card + .gh-card::before {\n position: absolute;\n top: 0;\n left: calc(var(--grid-gap) / -2);\n content: \"\";\n width: 1px;\n height: 100%;\n background-color: var(--color-border);\n}\n\n/* 8. Container */\n\n.gh-container {\n margin-top: 64px;\n}\n\n.gh-container-inner {\n display: grid;\n grid-template-columns: repeat(16, 1fr);\n column-gap: var(--grid-gap);\n}\n\n/* 8.1. With sidebar */\n\n.gh-container.has-sidebar .gh-main {\n grid-column: 1 / span 12;\n position: relative;\n}\n\n.gh-container.has-sidebar .gh-sidebar {\n grid-column: 13 / -1;\n}\n\n.gh-container.has-sidebar .gh-main::after {\n position: absolute;\n top: 0;\n right: calc(var(--grid-gap) / -2);\n content: \"\";\n width: 1px;\n height: 100%;\n background-color: var(--color-border);\n}\n\n/* 8.2. Without sidebar */\n\n.gh-container:not(.has-sidebar) .gh-main {\n grid-column: 3 / span 12;\n}\n\n/* 9. Post list */\n\n.gh-container-title {\n grid-column: 1 / -1;\n margin-bottom: 20px;\n padding-bottom: 12px;\n font-size: 1.2rem;\n font-weight: 500;\n letter-spacing: 0.01em;\n text-transform: uppercase;\n border-bottom: 1px solid var(--color-border);\n}\n\n.gh-container .gh-feed {\n gap: var(--grid-gap);\n}\n\n/* 9.1. List style */\n\n.gh-container.is-list .gh-feed {\n display: flex;\n flex-direction: column;\n}\n\n.gh-container.is-list .gh-card-link {\n flex-direction: row;\n align-items: flex-start;\n gap: 24px;\n}\n\n.gh-container.is-list .gh-card-image {\n flex-shrink: 0;\n width: 240px;\n}\n\n.gh-container.is-list .gh-card-wrapper {\n max-width: 600px;\n}\n\n.gh-container.is-list .gh-card + .gh-card::before {\n position: absolute;\n top: calc(var(--grid-gap) / -2);\n left: 0;\n content: \"\";\n width: 100%;\n height: 1px;\n background-color: var(--color-border);\n}\n\n/* 9.2. Grid style */\n\n.gh-container.is-grid .gh-feed {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n overflow: hidden;\n}\n\n.gh-container.is-grid .gh-card::before {\n position: absolute;\n top: calc(var(--grid-gap) / -2);\n right: calc(var(--grid-gap) / -2);\n left: calc(var(--grid-gap) / -2);\n content: \"\";\n height: 1px;\n background-color: var(--color-border);\n}\n\n.gh-container.is-grid .gh-card::after {\n position: absolute;\n top: 0;\n left: calc(var(--grid-gap) / -2);\n content: \"\";\n width: 1px;\n height: 100%;\n background-color: var(--color-border);\n}\n\n/* 9.3. No image */\n\n.gh-container.is-list.no-image .gh-card-image {\n display: none;\n}\n\n/* 10. Sidebar */\n\n.gh-about {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 48px 24px;\n text-align: center;\n background-color: var(--color-lighter-gray);\n}\n\n.gh-about-icon {\n margin-bottom: 24px;\n width: 80px;\n height: 80px;\n}\n\n.gh-about-title {\n font-size: 2.4rem;\n letter-spacing: -0.019em;\n}\n\n.gh-about-description {\n margin-top: 12px;\n font-size: 1.4rem;\n line-height: 1.4;\n}\n\n.gh-about .gh-button {\n margin-top: 24px;\n}\n\n/* 11. Footer */\n\n.gh-footer {\n margin-top: 80px;\n color: var(--color-darker-gray);\n}\n\n.gh-footer a:not(.gh-button) {\n color: inherit;\n}\n\n/* 11.1 Accent color */\n\n.gh-footer.has-accent-color {\n background-color: var(--ghost-accent-color);\n color: #fff;\n}\n\n.gh-footer.has-accent-color .gh-button {\n background-color: #fff;\n color: #15171a;\n}\n\n/* 11.2. Footer bar */\n\n.gh-footer-bar {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n padding-block: 40px;\n border-block: 1px solid var(--color-border);\n}\n\n.gh-footer-menu .nav {\n display: flex;\n gap: 24px;\n list-style-type: none;\n}\n\n.gh-footer-copyright {\n text-align: right;\n}\n\n/* 11.3. Footer signup */\n\n.gh-footer-signup {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-block: 100px;\n}"]} \ No newline at end of file +{"version":3,"sources":["screen.css"],"names":[],"mappings":"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","file":"screen.css","sourcesContent":["/* 1. Variables */\n\n:root {\n --color-white: #fff;\n --color-lighter-gray: #f6f6f6;\n --color-light-gray: #e6e6e6;\n --color-mid-gray: #ccc;\n --color-dark-gray: #444;\n --color-darker-gray: #15171a;\n --color-black: #000;\n --color-primary-text: var(--color-darker-gray);\n --color-secondary-text: rgba(0, 0, 0, 0.4);\n --color-border: rgba(0, 0, 0, 0.08);\n --font-sans: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n --font-serif: EB Garamond, Georgia, Times, serif;\n --font-slab: Roboto Slab;\n --font-mono: Menlo, Courier, monospace;\n --container-gap: clamp(24px, 1.7032rem + 1.9355vw, 48px);\n --grid-gap: 40px;\n}\n\n:root.has-light-text {\n --color-lighter-gray: rgba(0, 0, 0, 0.1);\n --color-darker-gray: #fff;\n --color-secondary-text: rgba(255, 255, 255, 0.64);\n --color-border: rgba(255, 255, 255, 0.2);\n}\n\n/* 2. Resets */\n\n*, *::before, *::after {\n box-sizing: border-box;\n}\n\n* {\n margin: 0;\n}\n\nhtml {\n font-size: 62.5%;\n}\n\nbody {\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\nimg, picture, video, canvas, svg {\n display: block;\n height: auto;\n max-width: 100%;\n}\n\niframe {\n display: block;\n}\n\ninput, button, textarea, select {\n font: inherit;\n}\n\np, h1, h2, h3, h4, h5, h6 {\n overflow-wrap: break-word;\n}\n\nh1, h2, h3, h4, h5, h6 {\n line-height: 1.2;\n}\n\n/* 3. Globals */\n\nbody {\n font-family: var(--font-sans);\n font-size: 1.6rem;\n background-color: var(--background-color);\n color: var(--color-primary-text);\n}\n\na {\n color: var(--color-darker-gray);\n text-decoration: none;\n}\n\na:hover {\n opacity: 0.8;\n}\n\n.gh-button {\n display: inline-flex;\n gap: 0.4em;\n align-items: center;\n justify-content: center;\n padding: 0.75em 1.15em;\n font-size: 1.6rem;\n font-weight: 600;\n line-height: 1;\n color: var(--color-white);\n letter-spacing: inherit;\n cursor: pointer;\n background-color: var(--ghost-accent-color);\n border: 0;\n border-radius: 100px;\n}\n\n.gh-button:hover {\n opacity: 0.95;\n}\n\n.gh-icon-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n color: var(--color-darker-gray);\n cursor: pointer;\n background-color: transparent;\n border: 0;\n outline: none;\n}\n\n.gh-icon-button:hover svg {\n opacity: 0.8;\n}\n\n.gh-icon-button svg {\n width: 20px;\n height: 20px;\n}\n\n/* 4. Layout */\n\n.gh-viewport {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n\n.gh-content {\n flex-grow: 1;\n}\n\n.gh-outer {\n padding: 0 max(4vmin, 20px);\n}\n\n.gh-inner {\n margin: 0 auto;\n max-width: 1280px;\n width: 100%;\n}\n\n/* Typography */\n\n.has-sans-title [data-title] {\n font-family: var(--font-sans);\n}\n\n.has-serif-title [data-title] {\n font-family: var(--font-serif);\n}\n\n.has-slab-title [data-title] {\n font-family: var(--font-slab);\n}\n\n.has-sans-body [data-body] {\n font-family: var(--font-sans);\n}\n\n.has-serif-body [data-body] {\n font-family: Georgia;\n}\n\n/* 5. Navigation */\n\n.gh-navigation {\n height: 100px;\n font-size: 1.5rem;\n font-weight: 500;\n color: var(--color-darker-gray);\n}\n\n.gh-navigation :is(.gh-navigation-logo, a:not(.gh-button), .gh-icon-button) {\n color: inherit;\n}\n\n.gh-navigation-inner {\n display: grid;\n grid-auto-flow: row dense;\n column-gap: 24px;\n align-items: center;\n height: 100%;\n}\n\n.gh-navigation-brand {\n line-height: 1;\n}\n\n.gh-navigation-logo {\n position: relative;\n font-size: 2.6rem;\n font-weight: 700;\n letter-spacing: -0.015em;\n white-space: nowrap;\n}\n\n.gh-navigation-logo img {\n max-height: 40px;\n}\n\n.gh-navigation-menu {\n display: flex;\n gap: 24px;\n align-items: center;\n}\n\n.gh-navigation .nav {\n display: inline-flex;\n gap: 24px;\n align-items: center;\n padding: 0;\n margin: 0;\n white-space: nowrap;\n list-style: none;\n}\n\n.gh-navigation .gh-more-toggle {\n position: relative;\n margin: 0 -6px;\n font-size: inherit;\n text-transform: inherit;\n}\n\n.gh-navigation .gh-more-toggle svg {\n width: 24px;\n height: 24px;\n}\n\n.gh-navigation-actions {\n display: flex;\n gap: 24px;\n align-items: center;\n justify-content: flex-end;\n}\n\n.gh-navigation-members {\n display: flex;\n gap: 20px;\n align-items: center;\n white-space: nowrap;\n}\n\n.gh-navigation-members .gh-button {\n font-size: inherit;\n font-weight: 600;\n}\n\n.gh-search {\n margin-right: -6px;\n margin-left: -6px;\n}\n\n.gh-navigation-brand .gh-search {\n margin-right: 2px;\n}\n\n@media (max-width: 767px) {\n .gh-navigation-members {\n flex-direction: column-reverse;\n gap: 16px;\n width: 100%;\n }\n\n .gh-navigation-actions .gh-search {\n display: none;\n }\n}\n\n@media (min-width: 768px) {\n .gh-navigation-brand .gh-search {\n display: none;\n }\n\n .gh-navigation:not(.is-dropdown-loaded) .gh-navigation-menu .nav > li {\n opacity: 0;\n }\n}\n\n/* 5.1. Accent color */\n\n.gh-navigation.has-accent-color {\n background-color: var(--ghost-accent-color);\n color: #fff;\n}\n\n.gh-navigation.has-accent-color .gh-button {\n background-color: #fff;\n color: #15171a;\n}\n\n/* 5.1. Navigation variants */\n\n/*\n======================================================================\nLOGO Home About Collection Author Portal Login Subscribe\n======================================================================\n*/\n\n.is-left-logo .gh-navigation-inner {\n grid-template-columns: auto 1fr auto;\n}\n\n@media (min-width: 992px) {\n .is-left-logo .gh-navigation-menu {\n margin-right: 64px;\n margin-left: 16px;\n }\n}\n\n/*\n======================================================================\nHome About Collection LOGO Login Subscribe\n======================================================================\n*/\n\n.is-middle-logo .gh-navigation-inner {\n grid-template-columns: 1fr auto 1fr;\n}\n\n.is-middle-logo .gh-navigation-brand {\n grid-column-start: 2;\n}\n\n.is-middle-logo .gh-navigation-actions {\n gap: 28px;\n}\n\n@media (min-width: 992px) {\n .is-middle-logo .gh-navigation-menu {\n margin-right: 64px;\n }\n}\n\n/*\n======================================================================\nSearch LOGO Login Subscribe\n Home About Collection Author Portal\n======================================================================\n*/\n\n.is-stacked.gh-navigation {\n position: relative;\n height: auto;\n}\n\n.is-stacked .gh-navigation-inner {\n grid-template-columns: 1fr auto 1fr;\n}\n\n.is-stacked .gh-navigation-brand {\n display: flex;\n grid-row-start: 1;\n grid-column-start: 2;\n min-height: 80px;\n}\n\n@media (min-width: 992px) {\n .is-stacked .gh-navigation-inner {\n padding: 0;\n }\n\n .is-stacked .gh-navigation-brand {\n display: flex;\n align-items: center;\n height: 80px;\n }\n\n .is-stacked .gh-navigation-menu {\n grid-row-start: 2;\n grid-column: 1 / 4;\n justify-content: center;\n height: 56px;\n margin: 0 48px;\n }\n\n .is-stacked .gh-navigation-menu::before,\n .is-stacked .gh-navigation-menu::after {\n position: absolute;\n top: 80px;\n left: 0;\n width: 100%;\n height: 1px;\n content: \"\";\n background-color: var(--color-border);\n }\n\n .is-stacked .gh-navigation-menu::after {\n top: 136px;\n }\n\n .is-stacked .gh-navigation-actions {\n grid-row-start: 1;\n grid-column: 1 / 4;\n justify-content: space-between;\n }\n}\n\n/* 5.2. Dropdown menu */\n\n.gh-dropdown {\n position: absolute;\n top: 100%;\n right: -16px;\n z-index: 90;\n width: 200px;\n padding: 12px 0;\n margin-top: 24px;\n text-align: left;\n visibility: hidden;\n background-color: #fff;\n border-radius: 5px;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 7px 20px -5px rgba(0, 0, 0, 0.15);\n opacity: 0;\n transition: opacity 0.3s, transform 0.2s;\n transform: translate3d(0, 6px, 0);\n}\n\n.is-middle-logo .gh-dropdown {\n right: auto;\n left: -24px;\n}\n\n.is-dropdown-mega .gh-dropdown {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-auto-flow: column;\n column-gap: 40px;\n width: auto;\n padding: 20px 32px;\n}\n\n.is-dropdown-open .gh-dropdown {\n visibility: visible;\n opacity: 1;\n transform: translateY(0);\n}\n\n.gh-dropdown li a {\n display: block;\n padding: 6px 20px;\n color: #15171a !important;\n}\n\n.is-dropdown-mega .gh-dropdown li a {\n padding: 8px 0;\n}\n\n/* 5.3. Burger icon */\n\n.gh-burger {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n display: none;\n margin-right: -7px;\n}\n\n.gh-burger svg {\n width: 24px;\n height: 24px;\n}\n\n.gh-burger svg:last-child {\n display: none;\n}\n\n.is-open .gh-burger svg:first-child {\n display: none;\n}\n\n.is-open .gh-burger svg:last-child {\n display: block;\n}\n\n@media (max-width: 767px) {\n .gh-burger {\n display: flex;\n }\n}\n\n/* 5.4. Mobile menu */\n\n@media (max-width: 767px) {\n #gh-navigation {\n height: 64px;\n }\n\n #gh-navigation .gh-navigation-inner {\n grid-template-rows: auto 1fr auto;\n grid-template-columns: 1fr;\n gap: 48px;\n }\n\n #gh-navigation .gh-navigation-brand {\n display: grid;\n grid-template-columns: 1fr auto auto;\n grid-column-start: 1;\n align-items: center;\n height: 64px;\n }\n\n #gh-navigation .gh-navigation-logo {\n font-size: 2.2rem;\n }\n\n #gh-navigation .gh-navigation-menu,\n #gh-navigation .gh-navigation-actions {\n position: fixed;\n justify-content: center;\n visibility: hidden;\n opacity: 0;\n }\n\n #gh-navigation .gh-navigation-menu {\n transition: none;\n transform: translateY(0);\n }\n\n #gh-navigation .nav {\n gap: 20px;\n align-items: center;\n line-height: 1.4;\n }\n\n #gh-navigation .nav a {\n font-size: 2.6rem;\n font-weight: 600;\n text-transform: none;\n }\n\n #gh-navigation .nav li {\n opacity: 0;\n transform: translateY(-4px);\n }\n\n #gh-navigation .gh-navigation-actions {\n text-align: center;\n }\n\n #gh-navigation :is(.gh-button, a[data-portal=\"signin\"]) {\n opacity: 0;\n transform: translateY(8px);\n }\n\n #gh-navigation .gh-button {\n width: 100%;\n font-size: 1.8rem;\n text-transform: none;\n }\n\n #gh-navigation a[data-portal=\"signin\"] {\n font-size: 2rem;\n }\n\n #gh-main {\n transition: opacity 0.4s;\n }\n\n .is-open#gh-navigation {\n position: fixed;\n inset: 0;\n z-index: 3999999;\n height: 100%;\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n }\n\n .is-open#gh-navigation .gh-navigation-menu,\n .is-open#gh-navigation .gh-navigation-actions {\n position: static;\n visibility: visible;\n opacity: 1;\n }\n\n .is-open#gh-navigation .nav {\n display: flex;\n flex-direction: column;\n }\n\n .is-open#gh-navigation .nav li {\n opacity: 1;\n transition: transform 0.2s, opacity 0.2s;\n transform: translateY(0);\n }\n\n .is-open#gh-navigation .gh-navigation-actions {\n position: sticky;\n right: 0;\n bottom: 0;\n left: 0;\n display: inline-flex;\n flex-direction: column;\n gap: 12px;\n align-items: center;\n padding: var(--container-gap) 0 calc(var(--container-gap) + 8px);\n background-color: var(--color-white);\n }\n\n .is-open#gh-navigation :is(.gh-button, a[data-portal=\"signin\"]) {\n opacity: 1;\n transition: transform 0.4s, opacity 0.4s;\n transition-delay: 0.2s;\n transform: translateY(0);\n }\n\n .is-open#gh-navigation a[data-portal=\"signin\"] {\n transition-delay: 0.4s;\n }\n\n .is-open#gh-main {\n opacity: 0;\n }\n}\n\n/* Card */\n\n.gh-card {\n position: relative;\n}\n\n.gh-card-link {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.gh-card-link:hover {\n opacity: 1;\n}\n\n.gh-card-image {\n position: relative;\n flex-shrink: 0;\n aspect-ratio: 16 / 9;\n}\n\n.gh-card-image img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.gh-card-wrapper {\n flex-grow: 1;\n}\n\n.gh-card-tag {\n display: none;\n margin-bottom: 4px;\n font-size: 1.2rem;\n font-weight: 500;\n letter-spacing: 0.01em;\n text-transform: uppercase;\n}\n\n.gh-card-title {\n font-size: 2rem;\n letter-spacing: -0.017em;\n}\n\n.gh-card-excerpt {\n display: -webkit-box;\n overflow-y: hidden;\n margin-top: 8px;\n max-width: 720px;\n font-size: 1.5rem;\n line-height: 1.45;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n\n.gh-card-meta {\n display: flex;\n gap: 4px;\n flex-wrap: wrap;\n font-size: 1.3rem;\n font-weight: 500;\n letter-spacing: -0.0025em;\n color: var(--color-secondary-text);\n}\n\n.gh-card-meta:not(:empty) {\n margin-top: 8px;\n}\n\n.gh-card-author + .gh-card-date::before {\n content: \"—\";\n margin-right: 4px;\n}\n\n/* 6. Header */\n\n.gh-header {\n position: relative;\n margin-top: 40px;\n}\n\n.gh-header-image {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.gh-header-inner {\n position: relative;\n}\n\n/* 6.1. Magazine layout */\n\n.gh-header.is-magazine .gh-header-inner {\n display: grid;\n grid-template-columns: repeat(16, 1fr);\n gap: var(--grid-gap);\n}\n\n.gh-header.is-magazine .gh-header-inner > div {\n display: flex;\n flex-direction: column;\n gap: var(--grid-gap);\n grid-row: 1;\n}\n\n.gh-header.is-magazine .gh-header-left {\n grid-column: 1 / span 4;\n}\n\n.gh-header.is-magazine .gh-header-inner > .gh-card {\n position: relative;\n grid-column: 5 / span 8;\n}\n\n.gh-header.is-magazine .gh-header-right {\n grid-column: 13 / -1;\n}\n\n.gh-header.is-magazine .gh-header-inner > .gh-card .gh-card-link {\n gap: 20px;\n}\n\n.gh-header.is-magazine .gh-header-inner > .gh-card .gh-card-tag {\n display: block;\n margin-bottom: 8px;\n}\n\n.gh-header.is-magazine .gh-header-inner > .gh-card .gh-card-title {\n font-size: clamp(2rem, 2.73vw + 0.91rem, 4.4rem);\n line-height: 1.05;\n letter-spacing: -0.022em;\n}\n\n.gh-header.is-magazine .gh-header-inner > .gh-card .gh-card-excerpt {\n margin-top: 10px;\n font-size: 1.7rem;\n}\n\n.gh-header.is-magazine .gh-header-inner > .gh-card .gh-card-meta:not(:empty) {\n margin-top: 10px;\n}\n\n.gh-header.is-magazine :is(.gh-header-left, .gh-header-right) .gh-card:last-child .gh-card-image {\n display: none;\n}\n\n.gh-header.is-magazine .gh-header-inner > div .gh-card-excerpt {\n display: none;\n}\n\n.gh-header.is-magazine .gh-header-inner > .gh-card::before,\n.gh-header.is-magazine .gh-header-inner > .gh-card::after {\n position: absolute;\n top: 0;\n left: calc(var(--grid-gap) / -2);\n content: \"\";\n width: 1px;\n height: 100%;\n background-color: var(--color-border);\n}\n\n.gh-header.is-magazine .gh-header-inner > .gh-card::after {\n right: calc(var(--grid-gap) / -2);\n left: auto;\n}\n\n.gh-header.is-magazine .gh-header-inner > div .gh-card + .gh-card::before {\n position: absolute;\n top: calc(var(--grid-gap) / -2);\n left: 0;\n content: \"\";\n width: 100%;\n height: 1px;\n background-color: var(--color-border);\n}\n\n/* 6.2. Highlight layout */\n\n.gh-header.is-highlight .gh-header-inner {\n display: grid;\n grid-template-columns: 3fr 1fr;\n gap: var(--grid-gap);\n}\n\n.gh-header.is-highlight .gh-card:first-child {\n grid-row: span 3;\n}\n\n.gh-header.is-highlight .gh-card:first-child .gh-card-link {\n gap: 20px;\n}\n\n.gh-header.is-highlight .gh-card:first-child .gh-card-image {\n aspect-ratio: 16 / 10;\n}\n\n.gh-header.is-highlight .gh-card:first-child .gh-card-tag {\n display: block;\n margin-bottom: 8px;\n}\n\n.gh-header.is-highlight .gh-card:first-child .gh-card-title {\n font-size: clamp(2rem, 3.64vw + 0.55rem, 5.2rem);\n line-height: 1.05;\n letter-spacing: -0.022em;\n}\n\n.gh-header.is-highlight .gh-card:first-child .gh-card-meta:not(:empty) {\n margin-top: 14px;\n}\n\n.gh-header.is-highlight .gh-card:not(:first-child) .gh-card-excerpt {\n display: none;\n}\n\n.gh-header.is-highlight .gh-card:first-child::after {\n position: absolute;\n top: 0;\n right: calc(var(--grid-gap) / -2);\n content: \"\";\n width: 1px;\n height: 100%;\n background-color: var(--color-border);\n}\n\n.gh-header.is-highlight .gh-card:not(:first-child) + .gh-card::before {\n position: absolute;\n top: calc(var(--grid-gap) / -2);\n left: 0;\n content: \"\";\n width: 100%;\n height: 1px;\n background-color: var(--color-border);\n}\n\n/* 6.3. Classic layout */\n\n.gh-header.is-classic {\n display: flex;\n min-height: calc(100vh - 100px - 240px);\n}\n\n.gh-header.is-classic .gh-header-inner {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 48px;\n margin: auto;\n max-width: 960px;\n text-align: center;\n}\n\n.gh-header.is-classic.has-image .gh-header-inner {\n color: #fff;\n}\n\n.gh-header.is-classic .gh-header-title {\n font-size: clamp(3.2rem, 3.18vw + 1.93rem, 6rem);\n line-height: 1.1;\n letter-spacing: -0.022em;\n}\n\n.gh-header.is-classic .gh-header-form {\n display: flex;\n align-items: center;\n position: relative;\n max-width: 640px;\n width: 100%;\n height: 64px;\n font-size: 1.8rem;\n letter-spacing: -0.014em;\n border-radius: 40px;\n background-color: var(--color-lighter-gray);\n}\n\n.gh-header.is-classic .gh-header-input {\n padding-inline: 24px;\n width: 100%;\n height: 100%;\n font-size: inherit;\n letter-spacing: inherit;\n border: 0;\n background-color: transparent;\n}\n\n.gh-header.is-classic button.gh-header-input {\n padding-inline-start: 32px;\n text-align: left;\n color: var(--color-secondary-text);\n}\n\n.gh-header.is-classic .gh-button {\n position: absolute;\n right: 6px;\n padding-inline: 40px;\n height: 52px;\n font-size: inherit;\n font-weight: 600;\n}\n\n.gh-header.is-classic svg {\n position: relative;\n left: 20px;\n width: 24px;\n height: 24px;\n color: var(--color-secondary-text);\n}\n\n/* 7. Featured posts */\n\n.gh-featured {\n margin-top: 64px;\n}\n\n.gh-featured-title {\n margin-bottom: 20px;\n padding-bottom: 12px;\n font-size: 1.2rem;\n font-weight: 500;\n letter-spacing: 0.01em;\n text-transform: uppercase;\n border-bottom: 1px solid var(--color-border);\n}\n\n.gh-featured-feed {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--grid-gap);\n}\n\n.gh-featured-feed .gh-card-link {\n display: flex;\n flex-direction: row-reverse;\n align-items: flex-start;\n}\n\n.gh-featured-feed .gh-card-image {\n width: 80px;\n aspect-ratio: 1;\n}\n\n.gh-featured-feed .gh-card-title {\n font-size: 1.8rem;\n letter-spacing: -0.011em;\n}\n\n.gh-featured-feed .gh-card-excerpt {\n display: none;\n}\n\n.gh-featured-feed .gh-card-meta:not(:empty) {\n flex-direction: column;\n gap: 0;\n margin-top: 6px;\n}\n\n.gh-featured-feed .gh-card-date::before {\n display: none;\n}\n\n.gh-featured-feed .gh-card + .gh-card::before {\n position: absolute;\n top: 0;\n left: calc(var(--grid-gap) / -2);\n content: \"\";\n width: 1px;\n height: 100%;\n background-color: var(--color-border);\n}\n\n/* 8. Container */\n\n.gh-container {\n margin-top: 64px;\n}\n\n.gh-container-inner {\n display: grid;\n grid-template-columns: repeat(16, 1fr);\n column-gap: var(--grid-gap);\n}\n\n/* 8.1. With sidebar */\n\n.gh-container.has-sidebar .gh-main {\n grid-column: 1 / span 12;\n position: relative;\n}\n\n.gh-container.has-sidebar .gh-sidebar {\n grid-column: 13 / -1;\n}\n\n.gh-container.has-sidebar .gh-main::after {\n position: absolute;\n top: 0;\n right: calc(var(--grid-gap) / -2);\n content: \"\";\n width: 1px;\n height: 100%;\n background-color: var(--color-border);\n}\n\n/* 8.2. Without sidebar */\n\n.gh-container:not(.has-sidebar) .gh-main {\n grid-column: 3 / span 12;\n}\n\n/* 9. Post list */\n\n.gh-container-title {\n grid-column: 1 / -1;\n margin-bottom: 20px;\n padding-bottom: 12px;\n font-size: 1.2rem;\n font-weight: 500;\n letter-spacing: 0.01em;\n text-transform: uppercase;\n border-bottom: 1px solid var(--color-border);\n}\n\n.gh-container .gh-feed {\n gap: var(--grid-gap);\n}\n\n/* 9.1. List style */\n\n.gh-container.is-list .gh-feed {\n display: flex;\n flex-direction: column;\n}\n\n.gh-container.is-list .gh-card-link {\n flex-direction: row;\n align-items: flex-start;\n gap: 24px;\n}\n\n.gh-container.is-list .gh-card-image {\n flex-shrink: 0;\n width: 240px;\n}\n\n.gh-container.is-list .gh-card-wrapper {\n max-width: 600px;\n}\n\n.gh-container.is-list .gh-card + .gh-card::before {\n position: absolute;\n top: calc(var(--grid-gap) / -2);\n left: 0;\n content: \"\";\n width: 100%;\n height: 1px;\n background-color: var(--color-border);\n}\n\n/* 9.2. Grid style */\n\n.gh-container.is-grid .gh-feed {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n overflow: hidden;\n}\n\n.gh-container.is-grid .gh-card::before {\n position: absolute;\n top: calc(var(--grid-gap) / -2);\n right: calc(var(--grid-gap) / -2);\n left: calc(var(--grid-gap) / -2);\n content: \"\";\n height: 1px;\n background-color: var(--color-border);\n}\n\n.gh-container.is-grid .gh-card::after {\n position: absolute;\n top: 0;\n left: calc(var(--grid-gap) / -2);\n content: \"\";\n width: 1px;\n height: 100%;\n background-color: var(--color-border);\n}\n\n/* 9.3. No image */\n\n.gh-container.is-list.no-image .gh-card-image {\n display: none;\n}\n\n/* 10. Sidebar */\n\n.gh-about {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 48px 24px;\n text-align: center;\n background-color: var(--color-lighter-gray);\n}\n\n.gh-about-icon {\n margin-bottom: 24px;\n width: 80px;\n height: 80px;\n}\n\n.gh-about-title {\n font-size: 2.4rem;\n letter-spacing: -0.019em;\n}\n\n.gh-about-description {\n margin-top: 12px;\n font-size: 1.4rem;\n line-height: 1.4;\n}\n\n.gh-about .gh-button {\n margin-top: 24px;\n}\n\n/* 11. Footer */\n\n.gh-footer {\n margin-top: 80px;\n font-size: 1.5rem;\n color: var(--color-darker-gray);\n}\n\n.gh-footer a:not(.gh-button) {\n color: inherit;\n}\n\n/* 11.1 Accent color */\n\n.gh-footer.has-accent-color {\n background-color: var(--ghost-accent-color);\n color: #fff;\n}\n\n.gh-footer.has-accent-color .gh-button {\n background-color: #fff;\n color: #15171a;\n}\n\n/* 11.2. Footer bar */\n\n.gh-footer-bar {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n padding-block: 32px;\n border-block: 1px solid var(--color-border);\n}\n\n.gh-footer-bar a {\n font-weight: 600;\n}\n\n.gh-footer-logo {\n position: relative;\n font-size: 2.6rem;\n font-weight: 700;\n letter-spacing: -0.015em;\n white-space: nowrap;\n}\n\n.gh-footer-menu .nav {\n display: flex;\n gap: 24px;\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.gh-footer-copyright {\n text-align: right;\n}\n\n/* 11.3. Footer signup */\n\n.gh-footer-signup {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-block: 100px;\n}"]} \ No newline at end of file diff --git a/assets/css/screen.css b/assets/css/screen.css index c3e3aba..c209003 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -179,6 +179,8 @@ a:hover { .gh-navigation { height: 100px; + font-size: 1.5rem; + font-weight: 500; color: var(--color-darker-gray); } @@ -210,12 +212,6 @@ a:hover { max-height: 40px; } -.gh-navigation-menu, -.gh-navigation-members a[data-portal="signin"] { - font-size: 1.6rem; - font-weight: 500; -} - .gh-navigation-menu { display: flex; gap: 24px; @@ -1166,6 +1162,7 @@ Search LOGO Login Subscribe .gh-footer { margin-top: 80px; + font-size: 1.5rem; color: var(--color-darker-gray); } @@ -1190,13 +1187,28 @@ Search LOGO Login Subscribe .gh-footer-bar { display: grid; grid-template-columns: 1fr auto 1fr; - padding-block: 40px; + align-items: center; + padding-block: 32px; border-block: 1px solid var(--color-border); } +.gh-footer-bar a { + font-weight: 600; +} + +.gh-footer-logo { + position: relative; + font-size: 2.6rem; + font-weight: 700; + letter-spacing: -0.015em; + white-space: nowrap; +} + .gh-footer-menu .nav { display: flex; gap: 24px; + margin: 0; + padding: 0; list-style-type: none; }