.modern-article{max-width:100%}.modern-article__hero-two-column{display:grid;grid-template-columns:1fr 1fr;min-height:400px;border-radius:.6rem;overflow:hidden;position:relative}@media screen and (min-width: 750px){.modern-article__hero-two-column{min-height:500px}}@media screen and (min-width: 990px){.modern-article__hero-two-column{min-height:600px}}.modern-article__hero-text-column{display:flex;align-items:center;justify-content:center;padding:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.modern-article__hero-text-column:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eeae6,#764ba2e6);z-index:1}.modern-article__hero-text-content{position:relative;z-index:2;color:#fff;text-align:left;max-width:100%}.modern-article__hero-text-content *{color:inherit}.modern-article__hero-text-content h1,.modern-article__hero-text-content h2,.modern-article__hero-text-content h3,.modern-article__hero-text-content h4,.modern-article__hero-text-content h5,.modern-article__hero-text-content h6{color:#fff!important}.modern-article__category{display:inline-block;background:#fff3;color:#fff;padding:.5rem 1rem;border-radius:.8rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.modern-article__title--two-column{margin:0 0 1.5rem;color:#fff!important}.modern-article__subtitle{margin-bottom:2rem;color:#ffffffe6}.modern-article__hero-meta{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.modern-article__author-info,.modern-article__date-info,.modern-article__read-time-info{display:flex;align-items:center;gap:.6rem;color:#fffc}.modern-article__author-name{color:#fff}.modern-article__hero-share{margin-top:1.5rem}.modern-article__share-label{color:#fffc;margin-bottom:.8rem}.modern-article__hero-share .share-button{display:inline-block}.modern-article__hero-share .share-button__button{background:transparent;border:none;color:#fff;padding:0;text-decoration:underline;text-underline-offset:.3rem;transition:opacity .2s ease}.modern-article__hero-share .share-button__button:hover{opacity:.8}.modern-article__hero-share .share-button__button .svg-wrapper{color:#fff;margin-right:.4rem}.modern-article__hero-share .share-button__fallback{background:#fff;border:1px solid rgba(var(--color-foreground),.1);border-radius:.5rem;padding:1.2rem;color:rgb(var(--color-foreground));box-shadow:0 .2rem .8rem rgba(var(--color-foreground),.1)}.modern-article__hero-share .share-button__copy{background:rgb(var(--color-foreground));border:none;color:#fff;border-radius:.3rem;padding:.6rem 1rem;transition:opacity .2s ease}.modern-article__hero-share .share-button__copy:hover{opacity:.9}.modern-article__hero-image-column{position:relative;overflow:hidden}.modern-article__hero-image-wrapper{width:100%;height:100%;position:relative}.modern-article__hero-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.modern-article__hero-two-column:hover .modern-article__hero-image-wrapper img{transform:scale(1.05)}.modern-article__hero-text-column.theme-warm{background:linear-gradient(135deg,#ff9a9e,#fecfef 50% 100%)}.modern-article__hero-text-column.theme-cool{background:linear-gradient(135deg,#667eea,#764ba2)}.modern-article__hero-text-column.theme-nature{background:linear-gradient(135deg,#56ab2f,#a8e6cf)}.modern-article__hero-text-column.theme-sunset{background:linear-gradient(135deg,#ff6b6b,#feca57,#ff9ff3)}.modern-article__hero-text-column.theme-ocean{background:linear-gradient(135deg,#4facfe,#00f2fe)}.modern-article__hero-text-column.theme-earth{background:linear-gradient(135deg,#8b4513,#d2691e)}@media screen and (max-width: 749px){.modern-article__hero-two-column{grid-template-columns:1fr;grid-template-rows:auto 1fr}.modern-article__hero-text-column{padding:2rem;min-height:250px}.modern-article__hero-meta{gap:.8rem}}.modern-article__breadcrumb{margin-bottom:2rem;padding:1rem 0}.breadcrumb-list{display:flex;list-style:none;margin:0;padding:0;color:rgba(var(--color-foreground),.6);flex-wrap:wrap;gap:.4rem}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item:not(:last-child):after{content:"\203a";margin:0 .6rem;color:rgba(var(--color-foreground),.4)}.breadcrumb-item a{color:rgba(var(--color-foreground),.6);text-decoration:none;transition:color .2s ease}.breadcrumb-item a:hover{color:rgb(var(--color-foreground))}.breadcrumb-item[aria-current=page]{color:rgba(var(--color-foreground),.9)}.modern-article__hero{margin-bottom:3rem;position:relative}@media screen and (min-width: 750px){.modern-article__hero{margin-bottom:4rem}}.modern-article__hero-image{width:100%;overflow:hidden;border-radius:.6rem;position:relative}.modern-article__hero-small{height:240px}.modern-article__hero-medium{height:350px}.modern-article__hero-large{height:450px}@media screen and (min-width: 750px){.modern-article__hero-small{height:300px}.modern-article__hero-medium{height:400px}.modern-article__hero-large{height:500px}}@media screen and (min-width: 990px){.modern-article__hero-small{height:350px}.modern-article__hero-medium{height:450px}.modern-article__hero-large{height:550px}}.modern-article__hero-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.modern-article__hero-image:hover .modern-article__hero-img{transform:scale(1.02)}.hero-radius-none{border-radius:0!important}.hero-radius-sm{border-radius:.4rem!important}.hero-radius-md{border-radius:.6rem!important}.hero-radius-lg{border-radius:.8rem!important}.hero-radius-full{border-radius:1rem;overflow:hidden}.modern-article__hero-image.has-overlay{position:relative}.modern-article__hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:2rem;align-items:center;justify-content:center}.modern-article__overlay-inner{max-width:100%;position:relative;z-index:2}.modern-article__title--overlay{margin:0 0 1rem;text-shadow:0 2px 20px rgba(0,0,0,.4)}.modern-article__overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.overlay-theme-light .modern-article__overlay-backdrop.backdrop-dark{background:linear-gradient(to bottom,#0009,#0000004d)}.overlay-theme-light .modern-article__overlay-backdrop.backdrop-light{background:linear-gradient(to bottom,#fff6,#fff3)}.overlay-theme-dark .modern-article__overlay-backdrop.backdrop-dark{background:linear-gradient(to bottom,#000000a6,#00000059)}.overlay-theme-dark .modern-article__overlay-backdrop.backdrop-light{background:linear-gradient(to bottom,#ffffff80,#ffffff40)}.modern-article__overlay-backdrop.backdrop-dir-top{transform:rotate(180deg)}.modern-article__overlay-backdrop.backdrop-dir-bottom{transform:none}.modern-article__overlay-backdrop.backdrop-dir-full{background:#00000073}.modern-article__overlay-backdrop.backdrop-strength-subtle{opacity:.7}.modern-article__overlay-backdrop.backdrop-strength-medium{opacity:.85}.modern-article__overlay-backdrop.backdrop-strength-strong{opacity:1}.modern-article__overlay-inner{display:flex;flex-direction:column;gap:1rem}.overlay-max-narrow{max-width:35ch}.overlay-max-normal{max-width:50ch}.overlay-max-wide{max-width:65ch}.overlay-max-full{max-width:none;width:100%}.overlay-pad-small{padding:1.5rem}.overlay-pad-medium{padding:2rem}.overlay-pad-large{padding:2.5rem}.modern-article__overlay-excerpt{color:rgba(var(--color-foreground),.95)}.overlay-theme-dark .modern-article__overlay-excerpt{color:#000}.overlay-theme-light .modern-article__overlay-excerpt{color:#fff}.modern-article__overlay-meta{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2rem}.overlay-theme-dark .modern-article__overlay-meta{color:#000000d9}.overlay-theme-light .modern-article__overlay-meta{color:#fffffff2}.overlay-pos-top-left{align-items:flex-start;justify-content:flex-start}.overlay-pos-top-center{align-items:flex-start;justify-content:center;text-align:center}.overlay-pos-top-right{align-items:flex-start;justify-content:flex-end;text-align:right}.overlay-pos-center{align-items:center;justify-content:center;text-align:center}.overlay-pos-bottom-left{align-items:flex-end;justify-content:flex-start}.overlay-pos-bottom-center{align-items:flex-end;justify-content:center;text-align:center}.overlay-pos-bottom-right{align-items:flex-end;justify-content:flex-end;text-align:right}.overlay-theme-light .modern-article__title--overlay{color:#fff}.overlay-theme-dark .modern-article__title--overlay{color:#000;text-shadow:0 2px 20px rgba(255,255,255,.4)}.modern-article__header{text-align:center;margin-bottom:3rem}@media screen and (min-width: 750px){.modern-article__header{margin-bottom:4rem}}.modern-article__meta{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem;color:rgba(var(--color-foreground),.65)}.modern-article__date,.modern-article__author,.modern-article__read-time{position:relative}.modern-article__date:after,.modern-article__author:after{content:"\2022";position:absolute;right:-1rem;top:50%;transform:translateY(-50%);color:rgba(var(--color-foreground),.4)}.modern-article__date:last-child:after,.modern-article__author:last-child:after{display:none}.modern-article__title{margin:0 0 2rem;color:rgb(var(--color-foreground))}.modern-article__excerpt{color:rgba(var(--color-foreground),.75);margin:0}.modern-article__content{margin-bottom:3rem}@media screen and (min-width: 750px){.modern-article__content{margin-bottom:4rem}}.modern-article__container{display:block}@media screen and (min-width: 990px){.modern-article__container--with-sidebar.modern-article__container--sidebar-right{display:grid;grid-template-columns:1fr 280px;gap:3rem;align-items:start}.modern-article__container--with-sidebar.modern-article__container--sidebar-left{display:grid;grid-template-columns:280px 1fr;gap:3rem;align-items:start}}.modern-article__main{min-width:0}.modern-article__sidebar{display:flex;flex-direction:column;gap:2.5rem}@media screen and (max-width: 989px){.modern-article__sidebar{margin-top:3rem}}.sidebar-widget{background:rgba(var(--color-foreground),.02);border-radius:.6rem;padding:2rem;border:1px solid rgba(var(--color-foreground),.08);transition:transform .2s ease,box-shadow .2s ease}.sidebar-widget:hover{transform:translateY(-.2rem);box-shadow:0 .8rem 2rem rgba(var(--color-foreground),.08)}.sidebar-widget__title{margin:0 0 1.5rem;color:rgb(var(--color-foreground));padding-bottom:1rem;border-bottom:1px solid rgba(var(--color-foreground),.12)}.sidebar-recent-posts{list-style:none;margin:0;padding:0}.sidebar-recent-posts__item{margin-bottom:1.5rem}.sidebar-recent-posts__item:last-child{margin-bottom:0}.sidebar-recent-post{display:flex;gap:1rem;align-items:flex-start}.sidebar-recent-post__image{flex-shrink:0;width:55px;height:55px;border-radius:.4rem;overflow:hidden;transition:transform .2s ease}.sidebar-recent-post:hover .sidebar-recent-post__image{transform:scale(1.05)}.sidebar-recent-post__image img{width:100%;height:100%;object-fit:cover}.sidebar-recent-post__title{margin:0 0 .4rem}.sidebar-recent-post__title a{color:rgb(var(--color-foreground));text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.sidebar-recent-post__title a:hover{color:rgba(var(--color-foreground),.7)}.sidebar-recent-post__date{display:block;color:rgba(var(--color-foreground),.6)}.sidebar-tags{display:flex;flex-wrap:wrap;gap:.8rem}.sidebar-tags__tag{display:inline-block;background:rgba(var(--color-foreground),.08);color:rgba(var(--color-foreground),.8);padding:.6rem 1rem;border-radius:1rem;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.sidebar-tags__tag:hover{background:rgba(var(--color-foreground),.12);color:rgb(var(--color-foreground));transform:translateY(-.1rem)}.rte--article{margin:0}.rte--article h2{margin:2.5rem 0 1.2rem}@media screen and (min-width: 750px){.rte--article h2{margin:3rem 0 1.5rem}}.rte--article h3{margin:2rem 0 .8rem}@media screen and (min-width: 750px){.rte--article h3{margin:2.5rem 0 1rem}}.rte--article h4{margin:1.5rem 0 .6rem}@media screen and (min-width: 750px){.rte--article h4{margin:2rem 0 .8rem}}.rte--article p{margin:0 0 1.5rem}.rte--article p:last-child{margin-bottom:0}.rte--article ul,.rte--article ol{margin:0 0 1.5rem 1.5rem;padding:0}.rte--article li{margin-bottom:.4rem}.rte--article blockquote{margin:2rem 0;padding:1.5rem 2rem;border-left:3px solid rgba(var(--color-foreground),.25);background:rgba(var(--color-foreground),.03);border-radius:0 .4rem .4rem 0;position:relative}@media screen and (min-width: 750px){.rte--article blockquote{margin:2.5rem 0;padding:2rem 2.5rem}}.rte--article blockquote:before{content:'"';position:absolute;top:.5rem;left:.5rem;font-size:2.5rem;color:rgba(var(--color-foreground),.2);font-family:serif}.rte--article img{max-width:100%;height:auto;border-radius:.4rem;margin:1.5rem 0;box-shadow:0 .3rem 1rem rgba(var(--color-foreground),.1);transition:transform .2s ease}.rte--article img:hover{transform:scale(1.02)}.rte--article a{text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.1rem;transition:all .2s ease}.rte--article a:hover{text-decoration-thickness:.2rem}.rte--article code{background:rgba(var(--color-foreground),.08);padding:.2rem .4rem;border-radius:.2rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.rte--article pre{background:rgba(var(--color-foreground),.05);padding:1.5rem;border-radius:.4rem;overflow-x:auto;margin:1.5rem 0;border:1px solid rgba(var(--color-foreground),.1)}.rte--article pre code{background:none;padding:0}.rte--article table{width:100%;border-collapse:collapse;margin:2rem 0;border-radius:.4rem;overflow:hidden;box-shadow:0 .2rem .8rem rgba(var(--color-foreground),.1)}.rte--article th,.rte--article td{padding:1rem 1.2rem;text-align:left;border-bottom:1px solid rgba(var(--color-foreground),.1)}.rte--article th{background:rgba(var(--color-foreground),.05);font-weight:600}.rte--article td{font-size:1.4rem}.modern-article__social{margin-bottom:3rem}@media screen and (min-width: 750px){.modern-article__social{margin-bottom:4rem}}.social-sharing{text-align:center;padding:2.5rem;background:rgba(var(--color-foreground),.02);border-radius:.8rem;border:1px solid rgba(var(--color-foreground),.08);max-width:45rem;margin:0 auto}.social-sharing__title{margin:0 0 2rem;color:rgb(var(--color-foreground))}.social-sharing__buttons{display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap}.social-sharing__button{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.social-sharing__button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;opacity:0;transition:opacity .2s ease}.social-sharing__button:hover:before{opacity:1}.social-sharing__button:hover{transform:translateY(-.2rem) scale(1.05);box-shadow:0 .6rem 1.5rem #0003}.social-sharing__button--facebook{background:#1877f2;color:#fff}.social-sharing__button--twitter{background:#1da1f2;color:#fff}.social-sharing__button--pinterest{background:#e60023;color:#fff}.social-sharing__button--copy{background:rgb(var(--color-foreground));color:rgb(var(--color-background));width:auto;padding:0 1.5rem;border-radius:1.5rem}.modern-article__tags{margin-bottom:3rem}.article-tags__title{margin:0 0 1.5rem;color:rgb(var(--color-foreground))}.article-tags__list{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none;margin:0;padding:0}.article-tags__link{display:inline-block;padding:.8rem 1.4rem;background:rgba(var(--color-foreground),.06);color:rgba(var(--color-foreground),.8);text-decoration:none;border-radius:1.2rem;transition:all .2s ease;border:1px solid transparent}.article-tags__link:hover{background:rgba(var(--color-foreground),.12);color:rgb(var(--color-foreground));transform:translateY(-.1rem);box-shadow:0 .3rem 1rem rgba(var(--color-foreground),.15)}.modern-article__author-bio{margin-bottom:3rem}.author-bio{padding:2.5rem;background:rgba(var(--color-foreground),.02);border-radius:.8rem;border:1px solid rgba(var(--color-foreground),.08);max-width:55rem;margin:0 auto}.author-bio__title{margin:0 0 1.5rem;color:rgb(var(--color-foreground))}.author-bio__content{color:rgba(var(--color-foreground),.75)}.modern-article__navigation{margin-bottom:4rem}.article-navigation{display:grid;gap:1.5rem;grid-template-columns:1fr}@media screen and (min-width: 750px){.article-navigation{grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}}.article-navigation__link{display:flex;flex-direction:column;gap:.6rem;padding:2rem;background:rgba(var(--color-foreground),.02);border:1px solid rgba(var(--color-foreground),.08);border-radius:.6rem;text-decoration:none;color:rgb(var(--color-foreground));transition:all .3s ease;position:relative;overflow:hidden}.article-navigation__link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(var(--color-foreground),.03);opacity:0;transition:opacity .2s ease}.article-navigation__link:hover:before{opacity:1}.article-navigation__link:hover{transform:translateY(-.2rem);box-shadow:0 .6rem 2rem rgba(var(--color-foreground),.1)}.article-navigation__link--back{flex-direction:row;align-items:center;justify-content:center;gap:1rem}.article-navigation__link--next{text-align:right}.article-navigation__label{color:rgba(var(--color-foreground),.6)}.article-navigation__title{color:rgb(var(--color-foreground))}.article-navigation__icon{display:flex;align-items:center;transition:transform .2s ease}.article-navigation__link:hover .article-navigation__icon{transform:translate(-.2rem)}.article-navigation__link--next:hover .article-navigation__icon{transform:translate(.2rem)}.modern-article__comments{background:rgba(var(--color-foreground),.02);padding:3rem 0;margin-top:3rem;border-top:1px solid rgba(var(--color-foreground),.08)}.comments-title{margin:0 0 3rem;color:rgb(var(--color-foreground))}.comments-list{margin-bottom:3rem}.comment{padding:2rem;background:rgb(var(--color-background));border-radius:.6rem;margin-bottom:1.5rem;border:1px solid rgba(var(--color-foreground),.08);box-shadow:0 .2rem .8rem rgba(var(--color-foreground),.05)}.comment__content{margin-bottom:1.5rem;color:rgb(var(--color-foreground))}.comment__meta{display:flex;gap:1.5rem;flex-wrap:wrap;color:rgba(var(--color-foreground),.6)}.comment__author{color:rgba(var(--color-foreground),.8)}.comment-form{background:rgb(var(--color-background));padding:2.5rem;border-radius:.8rem;border:1px solid rgba(var(--color-foreground),.08);box-shadow:0 .3rem 1.2rem rgba(var(--color-foreground),.05);max-width:60rem;margin:0 auto}.comment-form__title{margin:0 0 2rem;color:rgb(var(--color-foreground))}.comment-form__fields{display:grid;gap:1.5rem}@media screen and (min-width: 750px){.comment-form__fields{grid-template-columns:1fr 1fr}.comment-form__fields .field--textarea{grid-column:1 / -1}}.field{display:flex;flex-direction:column}.field__label{margin-bottom:.8rem;color:rgb(var(--color-foreground))}.field__input{padding:1.2rem 1.5rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.4rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background));transition:all .2s ease;font-family:inherit}.field__input:focus{outline:none;border-color:rgba(var(--color-foreground),.5);box-shadow:0 0 0 .3rem rgba(var(--color-foreground),.1)}.field__input::placeholder{color:rgba(var(--color-foreground),.5)}textarea.field__input{resize:vertical;min-height:120px;line-height:1.6}.button{padding:1.2rem 2.5rem;border:none;border-radius:.4rem;cursor:pointer;transition:all .3s ease;font-family:inherit;position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;opacity:0;transition:opacity .2s ease}.button:hover:before{opacity:1}.button--primary{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.button--primary:hover{background:rgba(var(--color-foreground),.85);transform:translateY(-.1rem);box-shadow:0 .4rem 1.5rem rgba(var(--color-foreground),.3)}.form__message{padding:1.5rem 2rem;border-radius:.4rem;margin-bottom:2rem}.form__message--error{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.2)}.form__message--success{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.2)}@media screen and (max-width: 749px){.modern-article__meta{gap:1rem}.modern-article__meta .modern-article__date:after,.modern-article__meta .modern-article__author:after{display:none}.article-navigation{grid-template-columns:1fr}.article-navigation__link--next{text-align:left}.social-sharing__buttons{gap:1rem}.social-sharing__button{width:40px;height:40px}.comment-form,.author-bio{padding:2rem}}@media print{.modern-article__social,.modern-article__navigation,.modern-article__comments,.modern-article__sidebar{display:none}}@media (prefers-reduced-motion: reduce){.modern-article *,.modern-article *:before,.modern-article *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.modern-article a:focus,.modern-article button:focus,.modern-article input:focus,.modern-article textarea:focus{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}@media (prefers-contrast: high){.modern-article__meta{color:rgba(var(--color-foreground),.8)}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-blog-post-modern.css.map */