:root{--brand-navy: #152033;--brand-red: #d93030;--brand-text-grey: #64748b;--brand-border: #e2e8f0}.reading-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background-color:transparent;z-index:1000}.reading-progress-bar{height:100%;width:0%;background:var(--brand-red);transition:width .1s ease-out}.brand-kicker{color:var(--brand-red);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem}.brand-heading{color:var(--brand-navy)!important;font-weight:800!important;letter-spacing:-.02em}.brand-body-text,.brand-body-text p{color:var(--brand-text-grey);line-height:1.8;font-size:1.6rem}.article-template__hero-container{max-width:750px!important;margin:2rem auto 4rem!important;padding:0 2rem}.article-template__hero-container .media{max-height:400px!important;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.article-template__hero-container img{object-fit:cover!important;width:100%;height:100%}.article-template__hero-small{height:200px!important}.article-template__hero-medium{height:320px!important}.article-template__hero-large{height:400px!important}@media screen and (max-width:749px){.article-template__hero-container{max-width:100%!important;margin:1.5rem auto 2.5rem!important}.article-template__hero-container .media{max-height:250px!important}.article-template__hero-small{height:160px!important}.article-template__hero-medium{height:220px!important}.article-template__hero-large{height:250px!important}}.brand-btn-primary{background-color:var(--brand-navy)!important;color:#fff!important;border-radius:50px!important;padding:1.4rem 3.2rem!important;font-weight:600!important;font-size:1.4rem;border:none;cursor:pointer;display:inline-flex;align-items:center;transition:opacity .3s ease;text-decoration:none}.brand-btn-primary:hover{opacity:.9}.brand-btn-secondary{background-color:transparent!important;color:var(--brand-navy)!important;border:1px solid var(--brand-border)!important;border-radius:50px!important;padding:1.2rem 2.8rem!important;font-weight:600!important;font-size:1.4rem;text-decoration:none;display:inline-flex;align-items:center;transition:border-color .3s ease}.brand-btn-secondary:hover{border-color:var(--brand-navy)!important}.article-template>*:first-child:not(.article-template__hero-container){margin-top:3rem}.article-template__header{text-align:center;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;margin-top:3rem}.article-template__title{font-size:clamp(2.8rem,4vw,4.2rem);margin:0 auto 1.5rem;max-width:750px;line-height:1.25}.article-template__meta-clean{display:flex;align-items:center;justify-content:center;gap:1.5rem;font-size:1.3rem;color:var(--brand-text-grey);font-weight:500}.article-template__meta-clean .author-name{color:var(--brand-navy);font-weight:700}.article-template__meta-clean .divider{opacity:.3}.article-template__content{margin-top:3rem;margin-bottom:3rem}.article-template__content h2,.article-template__content h3{color:var(--brand-navy);font-weight:700;margin-top:4rem}.article-template__social-sharing{margin-top:3rem;border-top:1px solid var(--brand-border);padding-top:3rem}.article-template__back{margin-top:5rem;margin-bottom:3.2rem}.article-template__comment-wrapper{margin-top:6rem;padding:5rem 0;background-color:#fcfcfc;border-top:1px solid var(--brand-border)}.article-template__comments{margin-bottom:4rem}.brand-card{background:#fff;border:1px solid var(--brand-border);border-radius:12px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 2px 4px #00000005}.comment-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--brand-border);padding-top:1.5rem}.comment-author{font-weight:700;color:var(--brand-navy);font-size:1.4rem}.comment-date{font-size:1.2rem;color:var(--brand-text-grey)}.article-template__comment-fields{margin-bottom:3rem}@media screen and (min-width:750px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:3rem}}.brand-field .field__input,.brand-field .text-area{border-radius:8px!important;border:1px solid var(--brand-border)!important;box-shadow:none!important;background:#fff;color:var(--brand-navy)}.brand-field .field__input:focus,.brand-field .text-area:focus{border-color:var(--brand-navy)!important;box-shadow:0 0 0 1px var(--brand-navy)!important;outline:none}.brand-field .field__label{color:var(--brand-text-grey)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-blog-post.css.map */