/*
Theme Name: JET 2026
Description: Prototipo del nuovo sito JET. Home, servizi e nuove pagine si gestiscono dal pannello Editor JET; gli articoli arrivano dagli Articoli di WordPress.
Version: 0.5.0
Requires PHP: 7.4
Text Domain: jet-2026
*/

/* Single article: photo hero, then a comfortable reading column. */
.hero--article h1{max-width:900px;font-size:clamp(48px,5.2vw,84px);line-height:1;letter-spacing:-.05em}
.hero--article .hero__content{align-items:end}
.article{max-width:760px;margin:0 auto;padding:72px var(--page-margin) 120px;color:#090a0a}
.article__meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 56px;padding-bottom:20px;border-bottom:1px solid #e1e4e5;color:#676d70;font-size:13px;font-weight:550;letter-spacing:.04em;text-transform:uppercase}
.article__meta a{color:var(--red)}
.article__body{font-size:19px;line-height:31px;letter-spacing:-.012em}
.article__body>*+*{margin-top:24px}
.article__body h2,.article__body h3{margin-top:56px;font-weight:500;letter-spacing:-.03em}
.article__body h2{font-size:34px;line-height:40px}
.article__body h3{font-size:26px;line-height:32px}
.article__body h2+*,.article__body h3+*{margin-top:16px}
.article__body p{margin:0}
.article__body strong{font-weight:600}
.article__body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article__body a:hover{color:var(--red)}
.article__body ul,.article__body ol{padding-left:1.2em}
.article__body li+li{margin-top:8px}
.article__body img{display:block;width:auto;max-width:100%;height:auto}
.article__body figure,.article__body .wp-caption{width:auto!important;max-width:100%;margin:48px 0}
.article__body figcaption,.article__body .wp-caption-text{margin-top:12px;color:#676d70;font-size:14px;line-height:20px}
.article__body blockquote{margin:48px 0;padding-left:24px;border-left:2px solid var(--red);font-size:24px;line-height:33px;letter-spacing:-.02em}
.article__back{margin-top:72px;padding-top:24px;border-top:1px solid #e1e4e5;font-size:15px;font-weight:550}
.article__back a::before{content:"← "}

/* News: dark intro, then the article cards in a grid. */
.news-hero{position:relative;padding-bottom:72px;background:var(--surface-dark-primary);color:#fff}
.news-hero__content{padding:96px var(--page-margin) 0}
.news-hero h1{margin-top:24px;font-size:clamp(72px,9vw,140px);line-height:1;letter-spacing:-.062em}
.news-hero__lead{max-width:460px;margin-top:28px;color:#8d969b;font-size:18px;line-height:26px}
.news-hero .eyebrow-mark{color:#858b8e}
.news{padding:80px var(--page-margin) 140px;background:#fff}
.news__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 20px}
.news__grid .article-work-card{width:auto;min-width:0}
.news__pagination{margin-top:80px}
.news__pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px}
.news__pagination .page-numbers{display:inline-flex;min-width:48px;min-height:48px;padding:0 16px;align-items:center;justify-content:center;border:1px solid #e1e4e5;border-radius:100px;font-size:15px}
.news__pagination .page-numbers.current,.news__pagination a.page-numbers:hover{border-color:#090a0a;background:#090a0a;color:#fff}
.news__pagination .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:1023px){.news__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
  .hero--article h1{font-size:40px}
  .article{padding-top:48px}
  .article__body{font-size:17px;line-height:28px}
  .article__body h2{font-size:28px;line-height:34px}
  .news-hero__content{padding-top:56px}
  .news-hero h1{font-size:64px}
  .news__grid{grid-template-columns:1fr;gap:48px}
}
main{background:#fff}

/* Two-word service names (Change Management, …) stack on two lines at a smaller size. */
.hero h1:has(.headline__line:nth-child(2)){font-size:clamp(72px,7.6vw,124px)}
@media(max-width:800px){.hero h1:has(.headline__line:nth-child(2)){font-size:56px}}

/* Service pages: the explorer and the clients section sit on the body colour, which the script
   fades from white to black (same effect as the home). */
.has-proof-transition body{background:#fff}
.has-proof-transition .advisory-explorer,.has-proof-transition .proof{background:transparent}
.has-proof-transition .advisory-explorer .sector-explorer__tab{border-color:rgba(127,133,136,.3)}
.has-proof-transition main{background:transparent}