:root{--yellow-color: #FAD02C;--dark-blue-color: #19304B}.blog-container{max-width:1200px;margin:0 auto;padding:clamp(7rem,12vw,11rem) clamp(1.5rem,4vw,4rem) clamp(3rem,6vw,6rem)}.blog-empty{color:#ffffff80;font-size:1.125rem;text-align:center;padding:4rem 0}.blog-hero,.blog-section,.blog-search-section,.blog-carousel-section{opacity:0}.blog-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,2.5rem);text-decoration:none;margin-bottom:clamp(3rem,5vw,4rem);transition:opacity .2s ease}.blog-hero:hover{opacity:.9}.blog-hero-image{overflow:hidden;aspect-ratio:16 / 10}.blog-hero-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1)}.blog-hero:hover .blog-hero-image img{transform:scale(1.03)}.blog-hero-content{display:flex;flex-direction:column;justify-content:center;gap:clamp(.5rem,1vw,.75rem)}.blog-hero-date{color:var(--yellow-color);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.blog-hero-title{color:#fff;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:800;line-height:1.2;text-transform:uppercase;margin:0}.blog-hero-excerpt{color:#fff9;font-size:clamp(.875rem,1.1vw,1rem);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.blog-read-more{color:var(--yellow-color);font-size:.9375rem;font-weight:700;margin-top:auto}.blog-section{margin-bottom:clamp(3rem,5vw,4rem)}.blog-section-header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid rgba(250,208,44,.2);padding-bottom:clamp(.5rem,1vw,.75rem);margin-bottom:clamp(1.25rem,2vw,1.75rem)}.blog-section-title{color:var(--yellow-color);font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin:0}.blog-latest-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.5rem)}.blog-latest-main{display:flex;flex-direction:column;text-decoration:none;background:#ffffff0a;border:2px solid rgba(250,208,44,.12);overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.blog-latest-main:hover{transform:translateY(-3px);border-color:var(--yellow-color);box-shadow:0 8px 24px #fad02c1a}.blog-latest-main-image{aspect-ratio:16 / 10;overflow:hidden}.blog-latest-main-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1)}.blog-latest-main:hover .blog-latest-main-image img{transform:scale(1.05)}.blog-latest-main-content{padding:clamp(.75rem,1.5vw,1.25rem);display:flex;flex-direction:column;gap:.5rem;flex:1}.blog-latest-main-title{color:#fff;font-size:clamp(.9rem,1.3vw,1.1rem);font-weight:700;line-height:1.3;text-transform:uppercase;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-latest-main-excerpt{color:#ffffff80;font-size:clamp(.8rem,1vw,.875rem);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-latest-side{display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1rem)}.blog-latest-side-card{display:grid;grid-template-columns:clamp(80px,10vw,110px) 1fr;gap:clamp(.75rem,1.5vw,1rem);text-decoration:none;padding:clamp(.5rem,1vw,.75rem);background:#ffffff0a;border:1px solid rgba(250,208,44,.08);transition:border-color .25s ease,background-color .25s ease}.blog-latest-side-card:hover{border-color:#fad02c4d;background:#ffffff0f}.blog-latest-side-image{aspect-ratio:1;overflow:hidden}.blog-latest-side-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-latest-side-content{display:flex;align-items:center}.blog-latest-side-title{color:#fff;font-size:clamp(.8rem,1vw,.9rem);font-weight:700;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.blog-hero,.blog-latest-grid{grid-template-columns:1fr}}.blog-search-section{margin-bottom:clamp(2.5rem,5vw,4rem);display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}.blog-search-bar{display:flex;align-items:center;gap:.75rem;border:2px solid rgba(250,208,44,.3);padding:clamp(.6rem,1vw,.8rem) clamp(1rem,2vw,1.5rem);background:#ffffff0a;transition:border-color .25s ease}.blog-search-bar:focus-within{border-color:var(--yellow-color)}.blog-search-icon{color:var(--yellow-color);font-size:1.25rem;flex-shrink:0}.blog-search-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:clamp(.9rem,1.2vw,1rem);font-family:inherit}.blog-search-input::placeholder{color:#fff6}.blog-search-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-search-tag-btn{background-color:#fad02c1a;color:var(--yellow-color);border:1px solid rgba(250,208,44,.25);padding:.3rem .8rem;font-size:.75rem;font-weight:700;font-family:inherit;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.blog-search-tag-btn:hover{background-color:#fad02c33;border-color:var(--yellow-color)}.blog-search-tag-btn.active{background-color:var(--yellow-color);color:var(--dark-blue-color);border-color:var(--yellow-color)}.blog-tags{display:flex;flex-wrap:wrap;gap:.4rem}.blog-tag{background-color:#fad02c26;color:var(--yellow-color);font-size:.6875rem;font-weight:700;padding:.2rem .6rem;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(250,208,44,.3);white-space:nowrap}.blog-carousel-section{margin-bottom:clamp(2.5rem,5vw,4rem)}.blog-carousel-header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid rgba(250,208,44,.2);padding-bottom:clamp(.5rem,1vw,.75rem);margin-bottom:clamp(1.25rem,2vw,1.75rem)}.blog-carousel-tag-title{color:var(--yellow-color);font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin:0}.blog-carousel-view-all{background:none;border:none;color:var(--yellow-color);font-size:clamp(.85rem,1.1vw,1rem);font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap;transition:opacity .2s}.blog-carousel-view-all:hover{opacity:.75}.blog-carousel-wrapper{position:relative;display:flex;align-items:center;gap:0}.blog-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:#19304be6;border:2px solid rgba(250,208,44,.3);color:var(--yellow-color);width:clamp(32px,4vw,44px);height:clamp(32px,4vw,44px);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:clamp(1rem,1.5vw,1.25rem);transition:background-color .2s ease,border-color .2s ease}.blog-carousel-arrow:hover{background:#fad02c26;border-color:var(--yellow-color)}.blog-carousel-arrow-left{left:clamp(-16px,-2vw,-22px)}.blog-carousel-arrow-right{right:clamp(-16px,-2vw,-22px)}.blog-carousel-track{display:flex;gap:clamp(.75rem,1.5vw,1rem);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.5rem 0;width:100%}.blog-carousel-track::-webkit-scrollbar{display:none}.blog-carousel-card{flex:0 0 clamp(200px,23vw,260px);scroll-snap-align:start;display:flex;flex-direction:column;background:#ffffff0a;border:2px solid rgba(250,208,44,.12);text-decoration:none;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.blog-carousel-card:hover{transform:translateY(-3px);border-color:var(--yellow-color);box-shadow:0 8px 24px #fad02c1a}.blog-carousel-card:focus-visible{outline:3px solid var(--yellow-color);outline-offset:4px}.blog-carousel-card-image{aspect-ratio:4 / 3;overflow:hidden}.blog-carousel-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1)}.blog-carousel-card:hover .blog-carousel-card-image img{transform:scale(1.05)}.blog-carousel-card-placeholder{width:100%;height:100%;background:#b48cc880}.blog-carousel-card-body{padding:clamp(.75rem,1.5vw,1.25rem);display:flex;flex-direction:column;gap:.5rem;flex:1;background:#dcd7e11f}.blog-carousel-card-title{color:#fff;font-size:clamp(.8rem,1.1vw,.95rem);font-weight:700;line-height:1.3;margin:0;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-carousel-card-read{color:#ffffff80;font-size:.8rem;font-weight:600;margin-top:auto;text-align:right}.blog-tag-expanded{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.blog-tag-expanded-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(250,208,44,.2);padding-bottom:clamp(.5rem,1vw,.75rem);margin-bottom:clamp(1.5rem,2.5vw,2rem)}.blog-tag-expanded-title{color:var(--yellow-color);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin:0}.blog-tag-expanded-close{background:none;border:1px solid rgba(250,208,44,.3);color:var(--yellow-color);font-size:.875rem;font-weight:700;font-family:inherit;padding:.4rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:background-color .2s ease}.blog-tag-expanded-close:hover{background:#fad02c1a}.blog-tag-expanded-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(1rem,2vw,1.5rem)}.blog-tag-expanded-grid .blog-carousel-card{flex:unset}@media(max-width:600px){.blog-carousel-arrow{display:none}.blog-carousel-card{flex:0 0 75vw}}.blog-post-container{max-width:780px;margin:0 auto;padding:clamp(6rem,10vw,10rem) clamp(1.5rem,4vw,3rem) clamp(3rem,6vw,6rem)}.blog-post-header{margin-bottom:clamp(2rem,3vw,3rem)}.blog-post-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--yellow-color);text-decoration:none;font-size:.9375rem;font-weight:600;margin-bottom:1.5rem;transition:opacity .2s}.blog-post-back:hover{opacity:.8}.blog-post-back:focus-visible{outline:3px solid var(--yellow-color);outline-offset:4px}.blog-post-date{display:block;color:var(--yellow-color);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.blog-post-title{color:#fff;font-size:clamp(1.75rem,4vw,3rem);font-weight:800;line-height:1.15;margin:0 0 1rem}.blog-post-excerpt{color:#fff9;font-size:clamp(1rem,1.3vw,1.1875rem);line-height:1.6;margin:0}.blog-post-cover{margin-bottom:clamp(2rem,3vw,3rem);overflow:hidden}.blog-post-cover img{width:100%;height:auto;display:block}.blog-post-content{color:#ffffffd9;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.8}.blog-post-content h2{color:#fff;font-size:clamp(1.375rem,2vw,1.75rem);font-weight:700;margin:2.5rem 0 1rem}.blog-post-content h3{color:#fff;font-size:clamp(1.125rem,1.5vw,1.375rem);font-weight:700;margin:2rem 0 .75rem}.blog-post-content p{margin:0 0 1.25rem}.blog-post-content a{color:var(--yellow-color);text-decoration:underline;text-underline-offset:3px;transition:opacity .2s}.blog-post-content a:hover{opacity:.8}.blog-post-content ul,.blog-post-content ol{margin:0 0 1.25rem;padding-left:1.5rem}.blog-post-content li{margin-bottom:.5rem}.blog-post-content blockquote{border-left:3px solid var(--yellow-color);margin:1.5rem 0;padding:1rem 1.5rem;color:#ffffffb3;font-style:italic}.blog-post-content img{max-width:100%;height:auto;margin:1.5rem 0;display:block}.blog-post-content code{background:#ffffff14;padding:.15em .4em;font-size:.875em;color:var(--yellow-color)}.blog-post-content strong{color:#fff;font-weight:700}@media(prefers-reduced-motion:reduce){.blog-card,.blog-card-image img{transition:none}}