.journal-article-page{background:#fbf7f0}
.article-hero-new{display:grid;grid-template-columns:minmax(420px,.82fr) minmax(0,1.25fr);min-height:680px;border-bottom:1px solid var(--line);background:#fbf7f0}
.article-hero-copy{padding:clamp(52px,7vw,110px) clamp(24px,5vw,80px);display:flex;flex-direction:column;justify-content:center}
.article-hero-copy h1{font-size:clamp(3.1rem,5.6vw,6.2rem);max-width:850px}
.article-hero-picture{min-height:680px;overflow:hidden;background:#e9dccb}
.article-hero-picture img{width:100%;height:100%;object-fit:cover}
.article-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.article-intro-grid{max-width:var(--max);margin:auto;padding:clamp(54px,7vw,100px) clamp(18px,4vw,54px);display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(28px,5vw,76px);align-items:center}
.article-reading{max-width:900px;margin:0 auto;padding-left:clamp(18px,4vw,54px);padding-right:clamp(18px,4vw,54px)}
.article-reading p,.article-reading li{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.06rem,1.35vw,1.22rem);line-height:1.85;color:#40372f}
.article-reading strong{color:#17120e}
.article-reading h2{font-size:clamp(2.3rem,4.2vw,4.4rem);margin:72px 0 24px}
.article-reading h3{font-family:var(--display);font-weight:500;font-size:clamp(1.65rem,2.6vw,2.6rem);margin:42px 0 12px;letter-spacing:-.035em}
.article-dropcap>p:first-child::first-letter{float:left;font-family:var(--display);font-size:6.7rem;line-height:.72;color:var(--gold);padding:15px 12px 0 0}
.article-feature-figure{margin:0;border-radius:38px;overflow:hidden;background:#eee;box-shadow:var(--shadow)}
.article-feature-figure img{width:100%;aspect-ratio:7/5;object-fit:cover}
.article-feature-figure figcaption{padding:14px 18px;font-size:.82rem;color:var(--muted);background:#fffaf2}
.article-section-head{margin-bottom:34px}.article-section-head.centered{text-align:center;max-width:900px;margin-left:auto;margin-right:auto}
.article-section-head.centered .eyebrow{justify-content:center}
.article-section-head h2{font-size:clamp(2.4rem,4.8vw,4.8rem)}
.article-reasons{background:#f3eadc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.reason-card{background:rgba(255,250,242,.78);border:1px solid var(--line);border-radius:30px;padding:30px;min-height:250px}
.reason-card h3{font-family:var(--display);font-weight:500;margin:16px 0 10px}
.reason-card p{color:var(--muted);margin:0}
.reason-icon{display:inline-grid;place-items:center;width:54px;height:54px;border:1px solid rgba(182,121,43,.45);border-radius:50%;font-size:1.6rem;color:var(--gold)}
.article-longform{padding-top:clamp(42px,5vw,70px);padding-bottom:clamp(42px,5vw,70px)}
.article-quote{margin:58px 0;padding:36px clamp(24px,5vw,52px);background:#2d2017;color:#fff7ec;border-radius:32px;font-family:var(--display);font-size:clamp(2rem,4vw,4.2rem);line-height:1.05;text-align:center;box-shadow:var(--shadow)}
.city-showcase{background:#fffaf2;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.city-article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.city-article-card{background:#fff;border-radius:30px;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 44px rgba(36,25,15,.08);transition:transform .25s ease,box-shadow .25s ease}
.city-article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.city-article-card img{width:100%;aspect-ratio:1/1;object-fit:cover}
.city-article-card>div{padding:20px}
.city-article-card h3{font-family:var(--display);font-weight:500;margin-bottom:10px}
.city-article-card p:not(.eyebrow){color:var(--muted);font-size:.92rem;min-height:68px}
.city-article-card span{font-weight:900;font-size:.86rem}
.routes-explainer{background:#f0e5d6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.route-explainer-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:34px;overflow:hidden;background:#fffaf2}
.route-explainer-grid>div{padding:28px;border-right:1px solid var(--line)}
.route-explainer-grid>div:last-child{border-right:0}
.route-explainer-grid span{display:block;font-size:.78rem;letter-spacing:.18em;color:var(--gold);font-weight:900}
.route-explainer-grid h3{font-family:var(--display);font-weight:500;margin:18px 0 10px}
.route-explainer-grid p{color:var(--muted);font-size:.93rem}
.route-explainer-grid a{font-weight:900;font-size:.86rem}
.article-number-list{padding-left:1.4em}.article-number-list li{margin:12px 0}
.article-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:44px 0;background:#efe1cf;border:1px solid var(--line);border-radius:28px;padding:26px}
.article-inline-cta h3{margin:0}.article-inline-cta .btn{flex:none}
.article-commerce-split{background:#fffaf2;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.article-commerce-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,6vw,82px);align-items:center}
.article-commerce-grid figure{margin:0;border-radius:38px;overflow:hidden;box-shadow:var(--shadow)}
.article-commerce-grid figure img{width:100%;aspect-ratio:7/5;object-fit:cover}
.article-commerce-copy h2{font-size:clamp(2.6rem,4.8vw,5rem)}
.article-commerce-copy p:not(.eyebrow){font-family:Georgia,'Times New Roman',serif;font-size:1.12rem;line-height:1.75;color:var(--muted)}
.article-bonus-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden;border-radius:40px;background:#d8a65b;box-shadow:var(--shadow)}
.article-bonus-inner img{width:100%;height:100%;min-height:420px;object-fit:cover}
.article-bonus-inner>div{padding:clamp(28px,5vw,70px)}
.article-bonus-inner h2{font-size:clamp(2.4rem,4.4vw,4.7rem)}
.article-bonus-inner p:not(.eyebrow){max-width:620px;font-size:1.05rem}
.article-faq details{border-top:1px solid var(--line);padding:18px 0}.article-faq details:last-child{border-bottom:1px solid var(--line)}
.article-faq summary{cursor:pointer;font-weight:900;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;gap:18px}
.article-faq summary::after{content:'+';font-size:1.3rem}.article-faq details[open] summary::after{content:'–'}
.article-faq details p{font-size:1rem;margin-bottom:0}
.article-final-cta{margin-top:60px;background:#1d1712;color:#fff;padding:clamp(70px,10vw,150px) 0;text-align:center}
.article-final-cta .lead{color:#dacbbd;margin:20px auto 0}.article-final-cta .btn-row{justify-content:center}.article-final-cta h2{font-size:clamp(3rem,6vw,6.2rem)}

@media(max-width:1100px){
  .article-hero-new{grid-template-columns:1fr;min-height:0}.article-hero-picture{min-height:520px;order:-1}.article-hero-copy{padding-top:46px;padding-bottom:54px}
  .city-article-grid,.route-explainer-grid{grid-template-columns:repeat(2,1fr)}.route-explainer-grid>div:nth-child(2){border-right:0}.route-explainer-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .article-commerce-grid{grid-template-columns:1fr}.article-bonus-inner{grid-template-columns:1fr}
}
@media(max-width:760px){
  .article-hero-picture{min-height:0;aspect-ratio:4/5}.article-hero-copy h1{font-size:clamp(2.75rem,13vw,4.2rem)}.article-meta{font-size:.7rem;gap:8px 16px}
  .article-intro-grid{grid-template-columns:1fr;padding-top:38px}.article-feature-figure{border-radius:24px}
  .article-reading h2{margin-top:52px}.article-dropcap>p:first-child::first-letter{font-size:5.4rem}
  .reason-grid,.city-article-grid,.route-explainer-grid{grid-template-columns:1fr}.reason-card{min-height:0}.city-article-card p:not(.eyebrow){min-height:0}
  .route-explainer-grid>div{border-right:0;border-bottom:1px solid var(--line)}.route-explainer-grid>div:last-child{border-bottom:0}.route-explainer-grid>div:nth-child(2){border-bottom:1px solid var(--line)}
  .article-inline-cta{display:block}.article-inline-cta .btn{margin-top:20px;width:100%}
  .article-bonus-inner{border-radius:28px}.article-bonus-inner img{min-height:260px}.article-final-cta{padding-bottom:120px}
}
