.article-page{margin:0 auto;max-width:1280px}.article-page .article-progress{height:5px;left:0;position:fixed;top:70px}.article-page .article-hero,.article-page .article-progress{background-color:#fc5139;background-color:var(--color-orange)}.article-page .article-hero{align-items:center;display:flex;flex-direction:column;padding:0 1.25em;position:relative;text-align:center}.article-page .article-hero .article-tag,.article-page .article-hero h1,.article-page .article-hero h4{color:#fff}.article-page .article-hero .header-container{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.article-page .article-hero .header-container h1{font-size:2.625rem;font-weight:900;line-height:1.143;margin:2em auto .25em;max-width:30ch}.article-page .article-hero .article-tags{margin-top:2em}.article-page .article-hero .article-tags .article-tag{font-size:.875rem;font-weight:700;margin:0 .45em 0 0}.article-page .article-hero .read-time{color:#fff;font-weight:700;margin-top:3em}.article-page .article-hero h4.author-name{color:#ffb7dc;font-size:1rem;font-weight:700;margin:.75em 0 1.25em}.article-page .article-hero .publish-date{color:#ffb7dc;display:none;font-size:1rem;font-weight:700;position:absolute;right:-1em;top:50%;transform:rotate(-90deg);transform-origin:center top}.article-page .article-content{padding:0 20px}.article-page .article-content .feature-embed{margin:20px auto 30px}.article-page .article-content .feature-embed.embed-vimeo,.article-page .article-content .feature-embed.embed-youtube{max-width:960px;min-width:320px}.article-page .article-content .feature-embed.embed-vimeo .feature-embed-inner,.article-page .article-content .feature-embed.embed-youtube .feature-embed-inner{display:block;height:auto;padding-bottom:56.25%;position:relative;width:100%}.article-page .article-content .feature-embed.embed-vimeo .feature-embed-inner iframe,.article-page .article-content .feature-embed.embed-youtube .feature-embed-inner iframe{height:100%;left:0;position:absolute;top:0;width:100%}.article-page .article-content h2:empty,.article-page .article-content h3:empty,.article-page .article-content p:empty{height:.75em}.article-page .article-content p:first-of-type:empty{height:0}.article-page .article-content .subheading{font-size:1.5rem;font-weight:900;line-height:1.33;margin:2em 0}.article-page .article-content .rich-text h4:first-of-type{margin-top:.5em}.article-page .article-content a{color:#000;color:var(--color-black);font-family:Lora,Serif;text-decoration:underline;text-decoration-color:var(--color-link-blue)}.article-page .article-content a:hover{color:#1862e6;color:var(--color-link-blue);text-decoration:underline;text-decoration-color:var(--color-link-blue)}.article-page .article-content h2 a,.article-page .article-content h3 a,.article-page .article-content h4 a{font-family:Epilogue,Serif}.article-page .article-content img+h2,.article-page .article-content img+h3,.article-page .article-content img+h4{margin-top:22px}.article-page .article-content img+h4{margin-bottom:0}.article-page .article-content .content-section-container .content-section{margin-bottom:4em}.article-page .article-content .content-section-container .content-section img{height:auto;max-width:100%}.article-page .article-content span.section-number{color:#fc5139;color:var(--color-orange);font-size:5.625rem;font-weight:900}.article-page .article-content h2.section-heading{color:#303030;color:var(--color-article-text);font-size:1.5rem;font-weight:800;line-height:1.42;margin:.25em 0 .65em}.article-page .article-content .author-container .author-image{margin-bottom:3em;text-align:center}.article-page .article-content .author-container .author-image img{border-radius:50%;height:120px;width:120px}.article-page .article-content .author-container .author-bio{margin-bottom:6em}.article-page .article-content .author-container .author-bio h3{color:var(--color-black);font-size:1.8rem;font-weight:900;margin:1em 0 .5em}.article-page .article-content .author-container .author-bio a{color:var(--color-link-blue);font-family:Lora;font-size:1.25rem;text-decoration:none}.article-page .article-content .author-container .author-bio a.author-social{text-decoration:none}.article-page .article-content .author-container .author-bio a.author-social .author-social-logo{height:40px;margin:22px 10px 0 0;width:40px}.article-page .article-content .author-container .author-bio a.author-social:hover{text-decoration:underline}@media (min-width:768px){.article-page .article-hero{min-height:400px}.article-page .article-hero .article-tags{margin-top:3rem}.article-page .article-hero h1{font-size:4rem;margin:1em 0 .25em;max-width:16ch}.article-page .article-hero .read-time{margin-top:1em}.article-page .article-hero h4.author-name{margin:3em 0 1.75em}.article-page .article-content{display:grid;grid-template-columns:minmax(85px,1fr) 6fr minmax(85px,1fr);margin:3em auto 2em;max-width:720px}.article-page .article-content h4{color:var(--color-black);font-size:1.25em;font-weight:900;line-height:1.5;margin:2.5em 0 0}.article-page .article-content h4~p{margin-top:.5em}.article-page .article-content .subheading{font-size:1.85rem;grid-column:2/span 2;margin:2em 0;padding-right:2em}.article-page .article-content .feature-embed{grid-column:1/span 3}.article-page .article-content .feature-embed.embed-vimeo,.article-page .article-content .feature-embed.embed-youtube{min-width:620px}.article-page .article-content .main-content{grid-column:2/span 1;grid-row:1/1;margin:1em 0 2em}.article-page .article-content .content-section-container{grid-column:1/span 3}.article-page .article-content .content-section-container .content-section{display:grid;grid-column:2/span 2;grid-template-columns:1fr 6fr 1fr;margin-bottom:6em}.article-page .article-content .content-section-container .section-image{grid-column:1/span 3;margin-top:2em}.article-page .article-content .author-container{display:grid;grid-column:1/span 3;grid-template-columns:1fr 6fr 1fr}.article-page .article-content .author-container .author-image{grid-column:1/span 1}.article-page .article-content .author-container .author-image .rounded-photo{border-radius:50%;height:4.5em;width:4.5em}.article-page .article-content .author-container .author-bio{grid-column:2/span 1;margin-bottom:5em}.article-page .article-content .author-container .author-bio h3{font-size:1.8rem;margin:.3em 0 .5em}.article-page .article-content .author-container .author-bio a{font-size:1.25rem}.article-page .article-content span.section-number{font-size:5.625rem}.article-page .article-content h2{font-size:1.875rem;font-weight:900;margin:2.5em 0 .5em}.article-page .article-content h2~p{margin-top:.75em}.article-page .article-content h3{font-size:2rem;font-weight:900;margin:.3em 0 .75em}.article-page span.hot-tip{display:block;position:relative}.article-page span.hot-tip:after{color:var(--color-orange);content:"Hot Tip";font-family:Epilogue;font-size:1rem;font-weight:900;position:absolute;right:-5.25em;top:.45em}}@media (min-width:1024px){.article-page .article-hero{padding:0 2em}.article-page .article-hero .header-container{min-height:200px}.article-page .article-hero .publish-date{display:block}.article-page .article-hero .article-tags{margin-top:2em}.article-page .article-hero .article-tags .article-tag{font-size:1rem}.article-page .article-hero h4.author-name{margin:3em 0 0}.article-page .article-content{display:grid;grid-template-columns:1fr 1fr 6fr 1fr 1fr;max-width:none;padding:0}.article-page .article-content .social-container{grid-column:1/1;grid-row:1/1;padding:.5em 0 0 2em}.article-page .article-content .subheading{font-size:1.875rem;grid-column:3/span 1;margin:2em 0;padding-right:2em}.article-page .article-content .feature-embed{grid-column:2/span 2;margin-bottom:50px}.article-page .article-content .feature-embed.embed-vimeo,.article-page .article-content .feature-embed.embed-youtube{min-width:800px}.article-page .article-content .main-content{grid-column:3/span 1;grid-row:1/1}.article-page .article-content .main-content h2{font-size:1.875rem;margin:2em 0 .25em}.article-page .article-content .main-content h2~p{margin-top:.25em}.article-page .article-content .content-section-container{grid-column:2/span 3}.article-page .article-content .content-section-container .content-section{display:grid;grid-column:2/span 2;grid-template-columns:1fr 6fr 1fr;margin-bottom:6em}.article-page .article-content .content-section-container .section-image{grid-column:1/span 3;margin-top:2em}.article-page .article-content .author-container{grid-column:3/span 2}.article-page .article-content .author-container .author-image{grid-column:1/span 1}.article-page .article-content .author-container .author-bio{grid-column:2/span 1;margin-bottom:5em}.article-page .article-content .author-container .author-bio h3{font-size:1.8rem;margin:.3em 0 .5em}.article-page .article-content .author-container .author-bio a{font-size:1.25rem}.article-page .article-content span.section-number{font-size:5.625rem}.article-page .article-content h2.section-heading{font-size:2rem;margin:.3em 0 .75em}.article-page span.hot-tip:after{right:-6.5em}}@media (min-width:1280px){.article-page .article-hero{min-height:570px;padding:0 5em}.article-page .article-hero .article-tags{margin-top:6.25em}.article-page .article-hero .header-container{height:300px}.article-page .article-hero .header-container h1{font-size:4.375rem;margin:.8em auto .5em;max-width:30ch}.article-page .article-hero .header-container h1.short_title{max-width:15ch}.article-page .article-hero span.read-time{margin-top:3.5em}.article-page .article-hero h4.author-name{margin-top:1em}.article-page .article-content{display:grid;grid-template-columns:2fr 1fr 6fr 1fr 2fr}.article-page .article-content .social-container{padding:1em 0 0}.article-page .article-content .subheading{font-size:1.85rem;grid-column:3/span 1;margin:2em 0;padding-right:2em}.article-page .article-content .feature-embed.embed-vimeo,.article-page .article-content .feature-embed.embed-youtube{min-width:854px}.article-page .article-content .main-content{margin:1em 0 2em}.article-page .article-content .content-section-container .section-image{grid-column:1/span 3;margin-top:2em}.article-page .article-content .author-container{grid-template-columns:minmax(6.625em,1fr) 6fr minmax(6.625em,1fr)}.article-page .article-content .author-container .author-image .rounded-photo{height:5em;width:5em}.article-page .article-content .author-container .author-bio{margin-bottom:5em}.article-page .article-content .author-container .author-bio h3{font-size:1.8rem;margin:.3em 0 .5em}.article-page .article-content .author-container .author-bio a{font-size:1.25rem}.article-page span.hot-tip:after{right:-6.75em}}.article-extra-container{padding:0 20px}.article-page.pink .article-hero,.article-page.pink .article-progress{background-color:#ff1848;background-color:var(--color-pink)}.article-page.pink .article-content span.section-number{color:#ff1848;color:var(--color-pink)}@media (min-width:768px){.article-page.pink span.hot-tip:after{color:var(--color-pink);color:#ff1848}}
