.journal-hero{position:relative;width:100%;height:80vh;overflow:hidden;background:#0000004d}.journal-hero-img{width:100%;height:100%;object-fit:cover;opacity:.7}.journal-hero-label{position:absolute;bottom:15%;right:6%;display:flex;align-items:center;gap:1.5rem;color:var(--clr-cream)}.journal-hero-label h1{font-family:var(--ff-display);font-size:clamp(1.4rem,5vw,3.2rem);text-transform:uppercase;margin:0}.journal-hero-bar{width:6px;height:clamp(3rem,8vw,3rem);background:var(--clr-red)}.journal-intro{background:#0f0f0f;padding-block:12rem;display:flex;justify-content:flex-end}.journal-intro-title{font-family:var(--ff-display);font-size:clamp(2.2rem,5vw,4.7rem);color:var(--clr-cream);text-align:right;line-height:1.1;text-transform:uppercase;max-width:880px;margin-right:10%}.journal-articles{margin:0rem 3rem;background:#fff;padding-block:10rem}@media(max-width:768px){.journal-articles{margin:0rem}}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6rem 2.5rem}.article-card{display:flex;flex-direction:column}.article-img-box{width:100%;aspect-ratio:1/1;margin-bottom:2.5rem;overflow:hidden}.article-img-box img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.article-card:hover .article-img-box img{transform:scale(1.05)}.article-title{font-family:var(--ff-display);font-size:1.5rem;color:var(--clr-dark);margin-bottom:1.5rem;line-height:1.2}.article-desc{font-family:var(--ff-body);font-size:1.1rem;line-height:1.3;color:#0f0f0f;margin-bottom:2.5rem}.article-link{display:inline-block;padding:1rem 2.5rem;border:1px solid rgba(15,15,15,.2);font-family:var(--ff-display);font-size:.9rem;color:var(--clr-dark);text-decoration:none;transition:all .3s ease;width:fit-content}.article-link:hover{background:var(--clr-dark);color:var(--clr-cream);border-color:var(--clr-dark)}.article-detail-header{padding-block:9rem 0rem;padding-inline:10%}.article-detail-title{font-family:var(--ff-display);font-size:clamp(2.5rem,6vw,2.7rem);color:var(--clr-dark);line-height:1.1;text-transform:uppercase;max-width:500px}.article-detail-intro-grid{padding-block:3.2rem 10rem;display:grid;grid-template-columns:1fr auto 1fr;gap:6rem;padding-inline:10%}.article-detail-page{background:var(--clr-cream)}.article-detail-text-col{font-size:1.25rem;display:flex;flex-direction:column;gap:4rem;max-width:830px}.article-detail-text-col p{font-family:var(--ff-body);font-size:1.15rem;line-height:1.5;color:var(--clr-dark)}.article-vertical-divider{width:1px;background:var(--clr-red);height:100%}.article-detail-quote-section{padding:4rem 2rem;display:flex;justify-content:center;text-align:center;padding-inline:15%}.article-detail-quote{font-family:var(--ff-body);font-size:1.2rem;line-height:1.5;color:#0f0f0fd9}.article-detail-image-section{width:100%;padding-inline:3%}.article-detail-image-section img{width:100%;height:auto;max-height:80vh;object-fit:cover}.article-detail-staggered{padding-block:12rem;padding-inline:10%;display:flex;flex-direction:column;gap:8rem;position:relative;color:var(--clr-dark)}.staggered-top{align-self:flex-start;max-width:830px}.staggered-bottom{align-self:flex-end;max-width:800px;text-align:right}.staggered-red-line{height:1px;background:var(--clr-red);width:50%;position:absolute;top:50%;left:0}@media(max-width:1400px){.journal-intro-title{margin-right:5%}.articles-grid{grid-template-columns:repeat(2,1fr)}.article-detail-intro-grid{gap:3rem;grid-template-columns:1fr;padding-inline:5%}.article-vertical-divider{display:none}.article-detail-text-col{max-width:100%}.article-detail-header{padding-inline:5%}}@media(max-width:1024px){.articles-grid{grid-template-columns:repeat(2,1fr);gap:3rem}.journal-intro-title{margin-right:3%;padding-inline:2rem}.article-detail-header,.article-detail-staggered{padding-inline:4%}}@media(max-width:900px){.journal-hero{height:60vh}.journal-hero-label{right:5%;bottom:10%}.journal-intro{padding-block:6rem}.journal-intro-title{margin-right:0;padding-inline:1.5rem;text-align:left;font-size:2.2rem}.articles-grid{grid-template-columns:1fr;gap:4rem}.journal-articles{padding-block:6rem}.article-detail-header{padding-top:5rem}.article-detail-title{font-size:2.2rem;max-width:100%}.article-detail-intro-grid{padding-block:4rem}.article-detail-quote-section{padding-inline:5%}.article-detail-staggered{padding-block:6rem;padding-inline:5%;gap:4rem}.staggered-top,.staggered-bottom{max-width:100%;text-align:left;align-self:flex-start}.staggered-red-line{width:100%;top:auto;bottom:0;display:none}}@media(max-width:460px){.journal-intro-title{font-size:1.75rem}.article-title{font-size:1.25rem}.article-detail-title{font-size:1.6rem}.article-detail-text-col p{font-size:1rem}.article-detail-quote{font-size:1.1rem}}
