.articles-hero{min-height:480px;display:flex;align-items:center;position:relative;isolation:isolate;padding:6rem 0;background:linear-gradient(90deg,rgb(0 0 0 / .94),rgb(0 0 0 / .5)),url(https://www.missmumbai.com/wp-content/themes/hibiscus/css/veloura-hero-desktop.webp) center 35%/cover no-repeat;border-bottom:1px solid rgb(216 178 83 / .25)}.articles-hero h1{max-width:780px;margin:.35rem 0 1.2rem;font:600 clamp(3.5rem, 7vw, 6.2rem)/0.9 "Cormorant Garamond",serif;color:#fff}.articles-hero h1 em{display:block;color:var(--gold);font-weight:500}.articles-hero>div>p:not(.section-kicker){max-width:680px;color:#d8d2c8;font-size:1.05rem}.article-title .title{font:600 2rem var(--heading-font)}.article-directory{background:#080808}.article-tools{display:grid;grid-template-columns:1fr minmax(310px,1.15fr);gap:1rem 3rem;align-items:end;margin-bottom:2.5rem;padding:2rem;background:linear-gradient(145deg,#171717,#0b0b0b);border:1px solid rgb(216 178 83 / .24)}.article-tools h2{margin:0;font:600 2.5rem/1 "Cormorant Garamond",serif}.article-search{position:relative}.article-search>i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--gold)}.article-search input{width:100%;height:54px;padding:0 3rem 0 2.8rem;background:#070707;border:1px solid #393225;color:#fff;outline:0}.article-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgb(216 178 83 / .12)}.article-search button{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);border:0;background:none;color:#aaa}.article-count{margin:0;color:#aaa}.article-count strong{color:var(--gold)}.article-filters{display:flex;flex-wrap:wrap;gap:.5rem}.article-filters button{padding:.4rem .78rem;border:1px solid #3b3426;background:#fff0;color:#c9c1b6;font-size:.78rem}.article-filters button:hover,.article-filters button.active{border-color:var(--gold);color:var(--gold);background:rgb(216 178 83 / .08)}.article-card{height:100%;display:flex;flex-direction:column;position:relative;background:linear-gradient(145deg,#151515,#0b0b0b);border:1px solid #29241b;color:#fff;text-decoration:none;overflow:hidden;transition:0.25s ease}.article-card:hover{color:#fff;transform:translateY(-5px);border-color:rgb(216 178 83 / .65);box-shadow:0 18px 45px rgb(0 0 0 / .42)}.article-card>img{filter:saturate(.74);transition:0.45s ease}.article-card:hover>img{transform:scale(1.04);filter:saturate(1)}.article-card>div{display:flex;flex-direction:column;flex:1;padding:1.45rem}.article-card h2{font:600 1.2rem/1.5 var(--heading-font)}.article-card p{color:#aaa;font-size:.9rem}.article-category{position:absolute;top:1rem;left:1rem;padding:.28rem .6rem;background:rgb(0 0 0 / .8);border:1px solid rgb(216 178 83 / .55);color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.article-read{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid #29241b;color:var(--gold);font-size:.82rem;font-weight:700}.article-read i{transition:0.2s}.article-card:hover .article-read i{transform:translate(3px,-3px)}.article-empty{text-align:center;padding:5rem 1rem}.article-empty>i{font-size:3rem;color:var(--gold)}.article-empty h2{margin-top:1rem;font-family:"Cormorant Garamond",serif}.btn-outline-gold{border:1px solid var(--gold);border-radius:0;color:var(--gold)}.btn-outline-gold:hover{background:var(--gold);color:#111}.article-detail-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(0 0 0 / .94),rgb(0 0 0 / .32)),linear-gradient(0deg,rgb(0 0 0 / .82),transparent 65%)}.article-detail-heading{padding-top:3rem;padding-bottom:2.5rem}.article-back{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2.4rem;color:var(--gold);text-decoration:none}.article-back:hover{color:#fff}.article-body{background:#090909}.article-aside{position:sticky;top:110px;padding:2rem;background:linear-gradient(145deg,#171717,#0b0b0b);border:1px solid rgb(216 178 83 / .28)}.article-aside h2{font:600 2.15rem/1 "Cormorant Garamond",serif}.article-aside p:not(.section-kicker){color:#aaa}.article-next{padding:3.5rem 0;background:#f3ede1;color:#1b1710}.article-next h2{margin:0;font:600 2.5rem/1 "Cormorant Garamond",serif}@media (max-width:991.98px){.article-tools{grid-template-columns:1fr}.article-aside{position:static}}@media (max-width:575.98px){.articles-hero{min-height:420px;padding:4.5rem 0}.articles-hero h1{font-size:3.1rem}.article-tools{padding:1.25rem}.article-next h2{font-size:2rem}}