/* Editorial pages share the navy, graphite and gold TMConcept identity. */
.journalExperience { --journal-copy:#bdc9d3; color:#fff; }
.journalExperience [hidden] { display:none!important; }
.journalExperience p { color:var(--journal-copy); }
.journalExperience .eyebrow { font-size:.875rem; color:var(--gold); }
.journalExperience :is(a,button,select):focus-visible { outline:3px solid var(--gold); outline-offset:5px; }
.journalExperience :is(h1,h2,h3) { text-wrap:balance; }
.journalExperience :is(section,article)[id] { scroll-margin-top:110px; }
.journalExperience .journalHeading { display:flex; justify-content:space-between; align-items:end; gap:36px; margin-bottom:34px; }
.journalExperience .journalHeading h2 { font-size:clamp(2rem,3.8vw,3.4rem); margin:0; line-height:1.1; }
.journalExperience .journalHeading > p { max-width:420px; margin:0; }
.journalExperience .journalMore { flex-shrink:0; color:var(--gold); font-weight:700; font-size:1rem; padding:12px 0; text-underline-offset:5px; }
.journalExperience .journalMore:hover { text-decoration:underline; }
.aboutJournal { margin-top:80px; padding:60px 0 0; border-top:1px solid #ffffff25; }
.journalExperience .journalGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.journalExperience .journalCard { display:flex; flex-direction:column; min-width:0; padding:0; border:1px solid #ffffff20; border-radius:20px; overflow:hidden; background:#17212b; transition:border-color .2s ease; }
.journalExperience .journalCard:hover { border-color:#f4c54270; }
.journalExperience .journalCardImage { display:block; aspect-ratio:16/10; overflow:hidden; background:#101b27; }
.journalExperience .journalCardImage img { display:block; width:100%; height:100%; object-fit:cover; }
.journalExperience .journalCardImage img[data-fit="contain"] { object-fit:contain; padding:12px; background:#111c29; }
.journalExperience .journalCardCopy { display:flex; flex-direction:column; flex:1; padding:26px 24px; }
.journalExperience .journalMeta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; color:#aebdc9; font-size:.875rem; line-height:1.5; margin-bottom:15px; }
.journalExperience .journalCategory { color:var(--gold); }
.journalExperience .journalCard h3 { font-size:clamp(1.3rem,1.7vw,1.65rem); line-height:1.25; letter-spacing:-.025em; margin:0 0 15px; }
.journalExperience .journalCardCopy > p { font-size:1rem; line-height:1.65; margin:0 0 24px; }
.journalExperience .journalRead { align-self:flex-start; margin-top:auto; color:var(--gold); font-size:1rem; font-weight:700; padding:9px 0 3px; text-underline-offset:5px; }
.journalExperience .journalRead:hover { text-decoration:underline; }
.journalPage .journalHero { padding:64px 0 48px; background:linear-gradient(120deg,#0c1520,#172735); }
.journalHeroGrid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:60px; align-items:center; }
.journalExperience .journalHero h1 { font-size:clamp(2.6rem,5vw,4.8rem); max-width:760px; margin:0 0 24px; line-height:1.03; }
.journalExperience .journalHero p:not(.eyebrow) { margin:0; max-width:580px; font-size:1.125rem; }
.journalHeroGrid > img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; object-position:82% center; border-radius:20px; }
.journalExperience .journalCatalog { padding:44px 0 90px; }
.journalExperience .journalFilters { display:flex; flex-wrap:wrap; gap:10px; padding-bottom:26px; border-bottom:1px solid #ffffff20; }
.journalExperience .journalFilters button { cursor:pointer; font:inherit; font-size:.9375rem; min-height:44px; padding:10px 16px; border:1px solid #ffffff30; border-radius:999px; background:#17212b; color:#dae2e8; }
.journalExperience .journalFilters button:hover { border-color:#f4c54290; }
.journalExperience .journalFilters button[aria-pressed="true"] { background:#f4c542; border-color:#f4c542; color:#101820; font-weight:700; }
.journalExperience .journalCount { margin:22px 0 26px; font-size:.875rem; }
.journalExperience .journalEmpty { border-block:1px solid #ffffff20; padding:32px 0; }
.journalExperience .journalEmpty button { padding:10px 16px; font:inherit; border:1px solid #ffffff30; border-radius:10px; background:#17212b; color:#fff; cursor:pointer; }
.journalExperience .journalBreadcrumb { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 34px; color:#adbecb; font-size:.875rem; }
.journalExperience .journalBreadcrumb a:hover { color:var(--gold); text-decoration:underline; }
.journalExperience .journalArticle { padding:44px 0 84px; }
.journalExperience .journalArticleTop { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:52px; align-items:center; padding-bottom:46px; border-bottom:1px solid #ffffff25; }
.journalExperience .journalArticleTop h1 { font-size:clamp(2.5rem,4.5vw,4.35rem); line-height:1.07; margin:0 0 25px; letter-spacing:-.04em; }
.journalExperience .journalArticleTop .journalIntro { font-size:1.125rem; line-height:1.75; margin:0; }
.journalExperience .journalArticleVisual { margin:0; }
.journalExperience .journalArticleVisual img { width:100%; display:block; aspect-ratio:4/3; object-fit:cover; border-radius:20px; }
.journalExperience .journalArticleVisual img[data-fit="contain"] { object-fit:contain; padding:20px; background:#142332; }
.journalExperience .journalReading { max-width:760px; margin:0 auto; padding-top:46px; }
.journalExperience .journalReading section { padding:0; margin:0 0 34px; }
.journalExperience .journalReading h2 { font-size:clamp(1.6rem,2.7vw,2.2rem); line-height:1.18; letter-spacing:-.025em; margin:0 0 18px; }
.journalExperience .journalReading p { font-size:1.0625rem; line-height:1.85; margin:0 0 18px; }
.journalExperience .journalTakeaway { padding:25px 28px; margin:40px 0; border-left:3px solid var(--gold); background:#172532; border-radius:0 16px 16px 0; }
.journalExperience .journalTakeaway h2 { font-size:1.2rem; }
.journalExperience .journalTakeaway p { margin:0; }
.journalExperience .journalShare { display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding-top:28px; margin-top:32px; border-top:1px solid #ffffff25; }
.journalExperience .journalShare a { min-height:44px; display:inline-flex; align-items:center; gap:9px; border:1px solid #ffffff35; padding:10px 16px; border-radius:10px; font-size:.9375rem; }
.journalExperience .journalShare a:hover { border-color:var(--gold); }
.journalExperience .journalShare .journalBack { border:0; padding-left:0; margin-right:auto; color:var(--gold); }
.journalExperience .journalByline { margin:20px 0!important; font-size:.875rem!important; color:#a9bbc9!important; }
.journalExperience .policyTop { grid-template-columns:minmax(0,820px); }
.journalExperience .policyPage .journalReading a { color:var(--gold); text-decoration:underline; text-underline-offset:4px; }
.journalExperience .policyPage .journalReading section { padding-bottom:8px; border-bottom:1px solid #ffffff18; }
.journalFooterLink { font-size:.875rem; color:#d7c484; }
.journalFooterLink:hover { text-decoration:underline; text-underline-offset:4px; }
@media(max-width:1100px) {
  .journalPage .links { display:none; position:absolute; top:78px; left:0; right:0; background:#08111d; padding:24px; flex-direction:column; align-items:flex-start; }
  .journalPage .links.open { display:flex; }
  .journalPage .menu { display:block; min-width:44px; min-height:44px; }
  .journalPage .order { display:none; }
}
@media(max-width:960px) {
  .journalExperience .journalGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .journalHeroGrid { gap:30px; }
  .journalExperience .journalArticleTop { grid-template-columns:1fr; gap:30px; }
  .journalExperience .journalArticleVisual { max-width:720px; width:100%; }
  .journalExperience .journalArticleVisual img { max-height:400px; }
}
@media(max-width:650px) {
  .aboutJournal { margin-top:52px; padding-top:40px; }
  .journalExperience .journalHeading { display:block; }
  .journalExperience .journalMore { display:inline-block; margin-top:15px; }
  .journalExperience .journalGrid { grid-template-columns:1fr; gap:22px; }
  .journalHeroGrid { grid-template-columns:1fr; }
  .journalHeroGrid > img { max-height:200px; aspect-ratio:16/7; }
  .journalPage .journalHero { padding-top:44px; }
  .journalExperience .journalHero h1 { font-size:clamp(2.35rem,10vw,3.3rem); }
  .journalExperience .journalCardCopy { padding:24px 21px; }
  .journalExperience .journalCatalog { padding-top:30px; padding-bottom:64px; }
  .journalExperience .journalArticle { padding:30px 0 64px; }
  .journalExperience .journalArticleTop h1 { font-size:clamp(2rem,8.5vw,3rem); }
  .journalExperience .journalReading { padding-top:32px; }
  .journalExperience .journalTakeaway { padding:22px; }
  .journalExperience .journalShare { align-items:stretch; }
  .journalExperience .journalShare .journalBack { width:100%; }
}
@media(prefers-reduced-motion:reduce) { .journalExperience .journalCard { transition:none; } }