.blog-hero{position:relative;overflow:hidden;background:var(--color-surface-container-low);padding:calc(var(--header-height, 80px) + var(--sp-12)) var(--sp-16) var(--sp-24);text-align:center}.blog-hero__inner{max-width:var(--container-xl);margin:0 auto;position:relative;z-index:1}.blog-hero__eyebrow{display:inline-block;padding:6px 20px;border-radius:var(--radius-full);background:var(--color-secondary-container);color:var(--color-on-secondary-fixed-variant, #2e4e31);font-family:var(--font-heading);font-size:var(--fs-xs);font-weight:var(--fw-semi);letter-spacing:.05em;margin-bottom:var(--sp-6)}.blog-hero__title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,3rem);font-weight:var(--fw-bold);color:var(--color-primary);margin-bottom:var(--sp-6);letter-spacing:-.02em}.blog-hero__sub{font-size:var(--fs-lg);color:var(--color-on-surface-variant);max-width:640px;margin:0 auto;line-height:var(--lh-loose)}.blog-hero__watermark{position:absolute;bottom:-60px;right:-60px;width:300px;height:300px;color:var(--color-primary);opacity:.05;pointer-events:none;transform:rotate(15deg)}.blog-hero__watermark svg{width:100%;height:100%}@media(max-width:768px){.blog-hero{padding:var(--sp-10) var(--sp-4) var(--sp-20)}.blog-hero__watermark{width:180px;height:180px;bottom:-30px;right:-30px}}.blog-featured-wrap{padding:0 var(--sp-16);margin-top:-48px;margin-bottom:var(--sp-20)}.blog-featured-container{max-width:var(--container-xl);margin:0 auto}.blog-featured{display:flex;background:var(--color-white);border-radius:1rem;overflow:hidden;box-shadow:0 20px 60px -12px #0044461a;transition:box-shadow .5s ease,transform .5s ease}.blog-featured:hover{box-shadow:0 30px 80px -12px #00444624;transform:translateY(-2px)}.blog-featured__media{flex:0 0 58.33%;overflow:hidden;height:600px;background:var(--color-surface-container)}.blog-featured__media a{display:block;width:100%;height:100%}.blog-featured__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.blog-featured:hover .blog-featured__media img{transform:scale(1.05)}.blog-featured__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);opacity:.2}.blog-featured__placeholder svg{width:80px;height:80px}.blog-featured__body{flex:1;padding:var(--sp-12);display:flex;flex-direction:column;justify-content:center}.blog-featured__meta{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6)}.blog-featured__label{font-family:var(--font-heading);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary)}.blog-featured__divider{display:block;width:32px;height:1px;background:var(--color-outline-variant);flex-shrink:0}.blog-featured__time{font-size:var(--fs-xs);letter-spacing:.05em;color:var(--color-on-surface-variant)}.blog-featured__title{font-family:var(--font-heading);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:var(--fw-bold);color:var(--color-on-surface);line-height:1.25;margin-bottom:var(--sp-6)}.blog-featured__excerpt{font-size:var(--fs-md);color:var(--color-on-surface-variant);line-height:var(--lh-loose);margin-bottom:var(--sp-8)}.blog-featured__link{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-heading);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--color-primary);transition:gap var(--transition-fast)}.blog-featured__link:hover{gap:var(--sp-3)}.blog-featured__link svg{width:18px;height:18px}@media(max-width:1024px){.blog-featured-wrap{padding:0 var(--sp-4);margin-top:-32px}.blog-featured{flex-direction:column}.blog-featured__media{flex:none;height:400px}.blog-featured__body{padding:var(--sp-8)}}@media(max-width:640px){.blog-featured-wrap{margin-bottom:var(--sp-12)}.blog-featured__media{height:280px}.blog-featured__body{padding:var(--sp-6)}}.blog-filters{padding:0 var(--sp-16);margin-bottom:var(--sp-12)}.blog-filters__inner{max-width:var(--container-xl);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-4)}.blog-filter-btn{display:inline-block;padding:12px 32px;border-radius:var(--radius-full);background:var(--color-white);border:1px solid var(--color-outline-variant);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--color-on-surface-variant);white-space:nowrap;transition:all var(--transition-fast);cursor:pointer}.blog-filter-btn:hover{background:var(--color-surface-container-low)}.blog-filter-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);box-shadow:0 4px 12px #00444640}.blog-filter-btn--active:hover{background:var(--color-primary)}@media(max-width:768px){.blog-filters{padding:0 var(--sp-4)}}.blog-grid-section{padding:0 var(--sp-16);margin-bottom:var(--sp-20)}.blog-grid-container{max-width:var(--container-xl);margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.blog-grid{grid-template-columns:1fr}}.blog-empty{text-align:center;padding:var(--sp-16);color:var(--color-on-surface-variant);font-size:var(--fs-md)}@media(max-width:768px){.blog-grid-section{padding:0 var(--sp-4)}}.blog-card{background:var(--color-white);border-radius:1rem;padding:var(--sp-4);box-shadow:0 20px 40px -10px #0044460a;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -12px #00444614}.blog-card__media{display:block;aspect-ratio:4 / 3;border-radius:.75rem;overflow:hidden;margin-bottom:var(--sp-6);background:var(--color-surface-container)}.blog-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-card__media img{transform:scale(1.04)}.blog-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);opacity:.2}.blog-card__placeholder svg{width:40px;height:40px}.blog-card__body{padding:0 var(--sp-2) var(--sp-4);display:flex;flex-direction:column;flex:1}.blog-card__category{font-family:var(--font-heading);font-size:var(--fs-xs);font-weight:var(--fw-semi);color:var(--color-primary);letter-spacing:.05em;margin-bottom:var(--sp-2);text-transform:capitalize}.blog-card__title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-semi);color:var(--color-on-surface);line-height:1.35;margin-bottom:var(--sp-3)}.blog-card__title a:hover{color:var(--color-primary)}.blog-card__excerpt{font-size:var(--fs-sm);color:var(--color-on-surface-variant);line-height:var(--lh-normal);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:var(--sp-4)}.blog-card__meta{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--color-on-surface-variant);margin-bottom:var(--sp-4)}.blog-card__date:after{content:"\b7";margin-left:var(--sp-3)}.blog-card__read-more{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--color-primary);margin-top:auto;transition:gap .2s ease}.blog-card__read-more svg{width:14px;height:14px;flex-shrink:0}.blog-card__read-more:hover{gap:.625rem}.blog-newsletter{padding:0 var(--sp-16);margin-bottom:var(--sp-20)}.blog-newsletter__inner{max-width:var(--container-xl);margin:0 auto;position:relative;background:var(--color-primary-container, #1a5c5e);border-radius:1rem;overflow:hidden;padding:var(--sp-12);display:flex;flex-direction:column;align-items:center;text-align:center}.blog-newsletter__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.12) 0%,transparent 70%);pointer-events:none}.blog-newsletter__content{position:relative;z-index:1;max-width:640px;width:100%}.blog-newsletter__icon{width:48px;height:48px;margin:0 auto var(--sp-6);color:var(--color-white)}.blog-newsletter__icon svg{width:100%;height:100%}.blog-newsletter__heading{font-family:var(--font-heading);font-size:clamp(1.75rem,3vw,2rem);font-weight:var(--fw-bold);color:var(--color-white);margin-bottom:var(--sp-6)}.blog-newsletter__sub{font-size:var(--fs-lg);color:#ffffffe6;margin-bottom:var(--sp-10);line-height:var(--lh-loose)}.blog-newsletter__form{display:flex;gap:var(--sp-4);width:100%}.blog-newsletter__input{flex:1;padding:var(--sp-4) var(--sp-8);border-radius:var(--radius-full);background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:var(--color-white);font-size:var(--fs-md);outline:none;transition:border-color var(--transition-fast),background var(--transition-fast)}.blog-newsletter__input::placeholder{color:#ffffff8c}.blog-newsletter__input:focus{border-color:#fff9;background:#ffffff2e}.blog-newsletter__btn{flex-shrink:0;padding:var(--sp-4) var(--sp-10);border-radius:var(--radius-full);background:var(--color-white);color:var(--color-primary);font-family:var(--font-heading);font-size:var(--fs-md);font-weight:var(--fw-bold);transition:background var(--transition-fast);cursor:pointer}.blog-newsletter__btn:hover{background:var(--color-primary-fixed)}.blog-newsletter__legal{margin-top:var(--sp-6);font-size:var(--fs-sm);color:#ffffff8c;font-style:italic}.blog-newsletter__success{font-size:var(--fs-md);font-weight:var(--fw-semi);color:var(--color-tertiary-fixed);padding:var(--sp-4) 0}.blog-newsletter__error{font-size:var(--fs-sm);color:#ffb3b3;margin-bottom:var(--sp-3)}@media(max-width:768px){.blog-newsletter{padding:0 var(--sp-4)}.blog-newsletter__inner{padding:var(--sp-8) var(--sp-6)}.blog-newsletter__form{flex-direction:column}.blog-newsletter__btn{width:100%}.blog-newsletter__sub{font-size:var(--fs-md)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/blog.css.map */