.cc-journal{background:#f3f7f7;color:#061d2b}
.cc-journal-hero{min-height:580px;display:flex;align-items:end;background:linear-gradient(115deg,rgba(3,26,39,.98),rgba(1,70,92,.74)),url('../../themes/nuspm-v2/assets/hero-seafarers.jpg') center 40%/cover;color:#fff}
.cc-journal-hero .shell{padding-bottom:105px}
.cc-kicker{color:#62dcc0;font-size:11px;font-weight:900;letter-spacing:.17em}
.cc-journal-hero h1{margin:15px 0 28px;font:400 clamp(58px,8vw,108px)/.9 Georgia,serif;letter-spacing:-.05em}
.cc-journal-hero h1 em{color:#ffcf36}
.cc-journal-hero .shell>p:last-child{max-width:680px;color:#d6e5e8;font-size:18px}
.cc-journal-body{padding:85px 0 120px}
.cc-journal-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:50px}
.cc-journal-intro h2{margin:0;font:400 clamp(38px,5vw,64px)/1 Georgia,serif}
.cc-journal-intro>p{color:#526c76;line-height:1.8}
.cc-journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cc-journal-card{overflow:hidden;background:#fff;border:1px solid #d8e4e6;border-radius:24px;box-shadow:0 18px 55px rgba(4,35,49,.07);transition:.35s}
.cc-journal-card:hover{transform:translateY(-6px);box-shadow:0 28px 75px rgba(4,35,49,.13)}
.cc-journal-media{display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#063348,#087da8);color:#fff;font:700 32px Georgia,serif;letter-spacing:.18em}
.cc-journal-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.cc-journal-card:hover img{transform:scale(1.035)}
.cc-journal-copy{padding:28px 30px 32px}
.cc-journal-meta{display:flex;justify-content:space-between;color:#526c76;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.cc-journal-meta span{color:#087da8}
.cc-journal-copy h2{font:400 clamp(27px,3vw,38px)/1.08 Georgia,serif}
.cc-journal-copy>p:not(.cc-journal-meta){color:#526c76;line-height:1.65}
.cc-journal-read{display:flex;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid #cbdadd;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.cc-journal-pages{margin-top:50px;text-align:center}
@media(max-width:800px){.cc-journal-intro,.cc-journal-grid{grid-template-columns:1fr}
.cc-journal-intro{gap:24px}
.cc-journal-hero{min-height:500px}
}
@media(max-width:520px){.cc-journal-hero{min-height:460px}
.cc-journal-hero h1{font-size:54px}
.cc-journal-body{padding-top:55px}
.cc-journal-card{border-radius:18px}
.cc-journal-copy{padding:23px}
}

/* V0.8 editorial discovery experience */
.blog .page-site-header,.single-post .page-site-header{top:34px}
.cc-journal-hero{min-height:690px;padding-top:138px}
.cc-journal-search{max-width:720px;margin-top:34px}
.cc-journal-search label{display:block;margin-bottom:9px;color:#b8ced5;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.cc-journal-search>div{display:grid;grid-template-columns:1fr auto;padding:6px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:rgba(4,27,39,.55);backdrop-filter:blur(18px)}
.cc-journal-search input{min-width:0;border:0;background:transparent;padding:14px 16px;color:#fff;font-size:15px;outline:0}
.cc-journal-search input::placeholder{color:#9db4bc}
.cc-journal-search button{border:0;border-radius:12px;padding:0 20px;background:#ffcf36;color:#061d2b;font-weight:850;cursor:pointer}
.cc-top-picks{padding:78px 0 86px;background:#071f2d;color:#fff}
.cc-picks-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:34px}
.cc-picks-head h2{max-width:680px;margin:0;font:400 clamp(36px,5vw,62px)/1 Georgia,serif}
.cc-picks-head>p{max-width:520px;margin:0;color:#b9cdd3;line-height:1.7}
.cc-picks-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cc-pick{position:relative;min-width:0;overflow:hidden;border-radius:22px;background:#0b3142;box-shadow:0 20px 48px rgba(0,0,0,.18)}
.cc-pick-image{display:block;aspect-ratio:16/10;overflow:hidden}
.cc-pick-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.cc-pick:hover img{transform:scale(1.04)}
.cc-pick-copy{display:grid;min-height:195px;padding:23px}
.cc-pick-copy small{color:#62dcc0;font-size:9px;font-weight:900;letter-spacing:.16em}
.cc-pick-copy strong{margin-top:12px;font:400 25px/1.12 Georgia,serif}
.cc-pick-copy em{align-self:end;margin-top:22px;color:#ffcf36;font-size:10px;font-style:normal;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:1280px){.blog .brand-identity,.blog .brand-divider,.single-post .brand-identity,.single-post .brand-divider{display:none!important}}
@media(max-width:800px){
  .cc-journal-hero{min-height:650px;padding-top:118px}
  .cc-journal-hero .shell{padding-bottom:62px}
  .cc-picks-head{grid-template-columns:1fr;gap:16px}
  .cc-picks-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-15px;padding:0 15px 16px;scrollbar-width:none}
  .cc-picks-rail::-webkit-scrollbar{display:none}
  .cc-pick{flex:0 0 min(84vw,350px);scroll-snap-align:center}
  .cc-journal-body{padding-top:65px}
  .cc-journal-grid{gap:18px}
}
@media(max-width:520px){
  .cc-journal-hero{min-height:620px;padding-top:110px}
  .cc-journal-hero h1{font-size:clamp(48px,14vw,58px);line-height:.9}
  .cc-journal-hero .shell>p:last-of-type{font-size:15px;line-height:1.65}
  .cc-journal-search{margin-top:26px}
  .cc-journal-search>div{grid-template-columns:1fr;border-radius:16px}
  .cc-journal-search input{padding:12px 13px}
  .cc-journal-search button{min-height:44px}
  .cc-top-picks{padding:58px 0}
  .cc-picks-head h2{font-size:39px}
  .cc-picks-head>p{font-size:14px}
  .cc-pick{border-radius:18px}
  .cc-pick-copy{min-height:170px}
  .cc-journal-intro h2{font-size:39px}
  .cc-journal-card{border-radius:20px;box-shadow:0 12px 34px rgba(4,35,49,.08)}
  .cc-journal-copy{padding:19px 19px 22px}
  .cc-journal-copy h2{margin:12px 0;font-size:29px}
  .cc-journal-meta{margin:0}
  .cc-journal-copy>p:not(.cc-journal-meta){display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}
  .cc-journal-read{margin-top:17px}
}