.blog-section{padding:8rem 0;position:relative;overflow:hidden}.blog-nen{position:relative}.blog-nen:before{content:"";position:absolute;left:500px;height:700px;width:1700px;translate:-250px 0px;background-repeat:no-repeat;background-position:top center;background-size:contain;pointer-events:none;z-index:0;opacity:.5;background-image:url(https://693bbe7a1a982bbbd01a26ee.imgix.net/line_4.png)}.blog-nen:after{content:"";position:absolute;bottom:0;height:300px;width:333px;translate:0 200px;background-repeat:no-repeat;background-position:bottom center;background-size:contain;pointer-events:none;z-index:20;opacity:.5;background-image:url(https://693bbe7a1a982bbbd01a26ee.imgix.net/cotcohanoi_1_1.png)}.container{max-width:1200px;margin:auto;padding:0 24px;position:relative;z-index:2}.blob{position:absolute;border-radius:50%;filter:blur(80px)}.blob-pink{top:80px;left:40px;width:260px;height:260px;background:#ffb6c126}.blob-green{bottom:80px;right:40px;width:320px;height:320px;background:#2ecc7126}.blog-header{text-align:center;margin-bottom:5rem}@media (max-width:768px){.blog-header{margin-top:250px}}.blog-header h2{font-size:3rem;color:var(--vn-golden);font-family:"Noto Serif",serif}.blog-header p{max-width:700px;margin:auto;color:#ffffffb3}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media (max-width:720px){.blog-grid{display:flex;flex-direction:column}}.blog-card{display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;text-decoration:none;border:1px solid rgba(218,165,32,.2);transition:transform .4s ease,box-shadow .4s ease}.blog-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00000026}.blog-image{position:relative;height:220px;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.blog-card:hover img{transform:scale(1.1)}.blog-tag{position:absolute;top:16px;left:16px;padding:6px 14px;border-radius:999px;font-size:12px;color:#fff}.blog-tag.amber{background:linear-gradient(to right,#f59e0b,#ea580c)}.blog-content{padding:24px;flex:1;display:flex;flex-direction:column}.blog-content h3{font-size:1.25rem;color:var(--vn-red-wood);margin-bottom:12px;transition:color .3s;font-family:"Noto Serif",serif;font-weight:400}.blog-card:hover h3{color:var(--vn-golden)}.blog-content p{font-size:14px;color:color-mix(in oklab,var(--vn-red-wood) 70%,transparent);flex:1}.blog-meta{display:flex;justify-content:space-between;font-size:12px;color:color-mix(in oklab,var(--vn-red-wood) 70%,transparent);border-top:1px solid rgba(218,165,32,.2);padding-top:12px;margin-top:16px}.blog-info{display:flex;align-items:center;gap:15px}.blog-info span{display:flex;align-items:center;gap:5px}.read-more{margin-top:16px;color:var(--vn-bronze);font-size:14px;transition:letter-spacing .3s}.blog-icon{width:12px;height:12px}.blog-card:hover .read-more{letter-spacing:0px}.blog-footer{margin-top:4rem;text-align:center}.btn-outline{padding:1rem 2.5rem;border:none;border-radius:999px;cursor:pointer;background:linear-gradient(to right,var(--vn-red-wood),var(--vn-bronze));color:#fff;font-size:1rem;font-weight:500;box-shadow:0 15px 30px #00000026;transition:transform .25s ease,box-shadow .25s ease}.btn-outline:hover{transform:scale(1.05);box-shadow:0 20px 40px #8b3a1e33}.btn-outline:active{transform:scale(.95)}.newsletter{background-color:var(--background-from)}.newsletter-card{position:relative;max-width:720px;padding:40px;border-radius:24px;margin:auto;color:#fff;text-align:center;overflow:hidden}.newsletter-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;background:var(--background-from)}.newsletter-bg svg{width:100%;height:100%}.newsletter-bg circle{fill:#fff;opacity:.2}.newsletter-bg circle:last-child{opacity:.1}.newsletter-content{position:relative;z-index:2;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.newsletter-icon{display:block;margin:0 auto 24px;color:#e9c46a}.newsletter-icon circle{fill:none;stroke:currentColor;stroke-width:2}.newsletter-icon circle:nth-child(n+4){fill:currentColor;opacity:.3;stroke:none}.newsletter h3{font-size:var(--text-4xl);font-family:"Noto Serif",serif;font-weight:500;margin-bottom:1rem}.newsletter p{font-family:"Noto Serif",serif;font-size:1.125rem;opacity:.9;margin-bottom:2rem}.newsletter-form{display:flex;flex-wrap:wrap;flex-direction:row!important;align-items:center!important;gap:16px;max-width:600px;margin:0 auto;justify-content:center}.newsletter-form input{flex:1;padding:16px 24px;font-family:"Noto Serif",serif;background:#ffffff1a;border:2px solid rgba(233,196,106,.5);color:#fff;outline:none;transition:border-color .3s}.newsletter-form input::placeholder{color:#fff9}.newsletter-form input:focus{border-color:#e9c46a}.newsletter-form button{position:relative;padding:16px 32px;background:#e9c46a;color:#1a2e4a;border:none;cursor:pointer;overflow:hidden;transition:background .3s}.newsletter-form button:hover{background:#d4b15f}.btn-text{position:relative;z-index:2;font-family:"Noto Serif",serif}.btn-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%);transition:transform .7s}.newsletter-form button:hover .btn-shine{transform:translate(100%)}@media (max-width: 640px){.newsletter-form{flex-direction:column}}.newsletter:before{content:"";position:absolute;height:200px;right:0;translate:-60px 230px;width:300px;background-repeat:no-repeat;background-position:bottom right;background-size:contain;pointer-events:none;z-index:0;opacity:.5;background-image:url(https://693bbe7a1a982bbbd01a26ee.imgix.net/hoasen.png)}.newsletter-bg-bambo{position:absolute;width:400px;height:400px;translate:0px 45px;transform:scaleX(-1);overflow:hidden}.newsletter-bg-bambo:before{content:"";position:absolute;height:400px;translate:60px 100px;width:400px;transform:scaleX(-1);background-repeat:no-repeat;background-position:top;background-size:contain;pointer-events:none;z-index:0;opacity:.5;background-image:url(https://693bbe7a1a982bbbd01a26ee.imgix.net/caytre.png)}.blog-card{opacity:0;transform:translate(40px);transition:opacity .7s ease,transform .7s ease;will-change:transform,opacity}.blog-card:nth-of-type(2n){transform:translate(-40px)}.blog-card.is-visible{opacity:1;transform:translate(0)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/blog.css.map */