.articles-container{background-color:var(--cotton);min-height:100vh;padding:13rem 2rem 6rem}.page-header{max-width:1000px;margin:0 auto 4rem}.header-content{flex-direction:column;gap:1.5rem;display:flex}.back-link{text-transform:uppercase;letter-spacing:.1em;color:var(--noir-black);opacity:.6;font-family:Arial,sans-serif;font-size:.9rem;font-weight:700;transition:opacity .2s}.back-link:hover{opacity:1}.page-title{color:var(--noir-black);font-family:Apple Garamond,Garamond,serif;font-size:clamp(4rem,8vw,8rem);font-weight:400;line-height:.9}.page-intro{opacity:.7;max-width:600px;font-family:Arial,sans-serif;font-size:1.25rem;line-height:1.6}.search-section{max-width:1000px;margin:0 auto 4rem}.search-box{background-color:#0000;border:1px solid #1b171726;border-radius:50px;align-items:center;gap:1rem;padding:1.25rem 2rem;transition:all .3s;display:flex}.search-box:focus-within{border-color:var(--cherry-red);background-color:#edebdd80;box-shadow:0 10px 30px #8101000d}.search-icon{opacity:.5;font-size:1.2rem}.search-input{width:100%;color:var(--noir-black);background:0 0;border:none;outline:none;font-family:Arial,sans-serif;font-size:1.1rem}.search-input::placeholder{color:var(--noir-black);opacity:.4}.articles-list-section{max-width:1000px;margin:0 auto}.articles-grid{flex-direction:column;gap:2.5rem;display:flex}.article-card{opacity:0;background-color:#0000;border-bottom:1px solid #1b17171a;flex-direction:column;gap:1rem;padding-bottom:2.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;display:flex;transform:translateY(14px)}.article-card.is-revealed{opacity:1;transform:translateY(0)}.article-card:hover{transform:translate(5px)}.article-meta{text-transform:uppercase;letter-spacing:.1em;opacity:.5;gap:1.5rem;font-family:Arial,sans-serif;font-size:.85rem;display:flex}.article-card-title{color:var(--noir-black);font-family:Apple Garamond,Garamond,serif;font-size:clamp(2rem,3vw,2.8rem);font-weight:400;line-height:1.2}.article-card-title a{color:inherit;transition:color .2s}.article-card-title a:hover{color:var(--cherry-red)}.article-card-description{opacity:.8;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:800px;font-family:Arial,sans-serif;font-size:1.1rem;line-height:1.6;display:-webkit-box;position:relative;overflow:hidden}.article-card-footer{margin-top:.5rem}.read-more-link{text-transform:uppercase;letter-spacing:.05em;color:var(--cherry-red);font-family:Arial,sans-serif;font-size:.9rem;font-weight:700;transition:opacity .2s}.read-more-link:hover{opacity:.7}.highlight{color:var(--cherry-red);background-color:#8101001a;border-radius:2px;padding:0 2px;font-weight:700}.no-results{text-align:center;opacity:.6;padding:4rem;font-family:Apple Garamond,Garamond,serif;font-size:1.5rem}.secret-card-container{justify-content:center;align-items:center;padding:2rem 0;display:flex}.secret-card{text-align:center;background:linear-gradient(135deg,#fff0f0 0%,#ffe4e4 100%);border:1px solid #81010026;border-radius:32px;flex-direction:column;align-items:center;gap:2rem;max-width:600px;padding:4rem 3rem;animation:2s ease-in-out infinite heartBeat;display:flex;box-shadow:0 20px 40px #8101000d}.secret-heart{font-size:2.5rem}.secret-card h2{color:var(--cherry-red);font-family:Apple Garamond,Garamond,serif;font-size:2rem;font-weight:400}.secret-content{color:#4a3b3b;font-family:Arial,sans-serif;font-size:1.1rem;line-height:1.6}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@media (max-width:768px){.articles-container{padding:10.5rem 1.5rem 4rem}.page-title{font-size:4rem}.page-intro{font-size:1.1rem}.article-card{padding-bottom:2rem}}.articles-loader-container{justify-content:center;align-items:center;width:100%;min-height:300px;display:flex}.articles-loader{gap:.5rem;display:flex}.articles-loader .dot{background-color:var(--cherry-red);border-radius:50%;width:10px;height:10px;animation:1.4s infinite both bounceDot}.articles-loader .dot:first-child{animation-delay:0s}.articles-loader .dot:nth-child(2){animation-delay:.2s}.articles-loader .dot:nth-child(3){animation-delay:.4s}@keyframes bounceDot{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}