.article-head{max-width:1100px}.article-head h1{font-size:clamp(40px,5vw,72px);max-width:1000px}.prose{font-size:19px;line-height:1.85}.prose>p{margin:0 0 30px}.related{margin-top:60px;border-top:1px solid var(--line);padding-top:35px}.related h2{font-size:32px}.blog-library{padding-top:0}.blog-library>.topic{padding:55px 0}.blog-library>.topic>h2{max-width:850px;font-size:clamp(30px,3vw,44px)}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.editorial-grid h2{font-size:30px}.editorial-grid p{color:var(--body)}.pro-lockup{padding-top:0;padding-bottom:20px}.pro-lockup img{display:block;width:100%;max-width:850px;height:auto;margin:auto}.door h3 a:hover,.related a:hover{color:var(--gold)}@media(max-width:700px){.editorial-grid{grid-template-columns:1fr;gap:35px}.prose{font-size:18px}.related h2{font-size:28px}}
.footer-brand{display:block;position:relative;width:232px;height:100px;overflow:hidden;font-size:inherit;line-height:normal}.footer-brand img{position:absolute;width:290px;height:auto;max-width:none;left:-30px;top:-65px;mix-blend-mode:multiply}footer{padding-top:40px;padding-bottom:32px;border-top:1px solid var(--line)}footer>p{font-size:16px;margin:12px 0 26px;color:var(--body)}footer .footer-links{border-top:1px solid #ccd0c3;padding-top:22px;margin-bottom:24px;gap:14px 28px}footer small{font-size:13px}@media(max-width:620px){.footer-brand{width:192px;height:83px}.footer-brand img{width:240px;left:-25px;top:-54px}footer{padding-top:30px}footer .footer-links{gap:14px 24px}}

/* v0.5: comfortable word spacing and considered line endings across the site. */
h1,h2,h3{letter-spacing:-.035em;word-spacing:.035em;line-height:1.16;text-wrap:balance}
h1 em,h2 em{letter-spacing:-.025em;word-spacing:.025em}
.lead,.door p,.band p,.topic>p,.editorial-grid p,.reading p{ text-wrap:pretty }
.page-head .lead{max-width:52ch}
.page-head,.wrap,.cover{min-width:0}
.doors,.editorial-grid{min-width:0}
.door,.editorial-grid>article{min-width:0}
.breadcrumb{margin-bottom:24px}
.page-head>.brand-lockup--intro{margin-bottom:24px}
.page-head:not(.article-head){padding-top:50px}
.article-head h1{font-size:clamp(2.25rem,4.5vw,4rem);max-width:24ch}
.article-head .lead{max-width:55ch}
.article-head .status{margin-bottom:0}
.topic>h2{margin-bottom:24px}
.blog-library>.topic{padding:40px 0}
.door h3{font-size:clamp(1.5rem,2.25vw,2rem);line-height:1.25}
.image-note{font-size:.75rem;color:var(--body);line-height:1.5;margin:10px 0 0}
.editorial-image{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:18px; margin-bottom:24px}
.article-image{margin:30px 0 0;max-width:100%;}
.article-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:24px}
.editorial-grid .editorial-image{margin-bottom:20px}
.vital-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:6%;align-items:center}
.vital-hero h1{font-size:clamp(2.7rem,4.4vw,4.5rem);max-width:17ch}
.vital-hero .lead{max-width:43ch}
.vital-image{margin:0;min-width:0}
.vital-image img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:60px 24px 24px 24px}
.home-door--vital{--door-color:var(--color-vital-text)}
.home-door--pro{--door-color:var(--color-pro)}
.home-door--vital .eyebrow,.home-door--pro .eyebrow{color:var(--door-color)}
.home-door--vital .text-link,.home-door--pro .text-link{border-color:var(--door-color)}
@media(max-width:850px){
 .vital-hero{grid-template-columns:1fr;gap:28px}
 .vital-hero h1{max-width:20ch}
 .vital-image{max-width:680px}
 .vital-image img{aspect-ratio:3/2}
 .page-head .lead{max-width:52ch}
}
@media(max-width:640px){
 .page-head:not(.article-head){padding-top:32px}
 .page-head h1:not(.brand-lockup){font-size:clamp(2.1rem,8.2vw,3.15rem)}
 .article-head{padding-top:32px;padding-bottom:32px}
 .article-head h1{font-size:clamp(2rem,7.4vw,3rem)}
 .cover h1{font-size:clamp(2.5rem,9.5vw,3.5rem)}
 .door h2{font-size:clamp(1.7rem,6vw,2.35rem)}
 .reading h2,.band h2{font-size:clamp(1.8rem,6.8vw,2.5rem)}
 .lead{font-size:1.0625rem;line-height:1.65}
 .article-image{margin-top:24px}
 .article-image img{border-radius:18px}
 .editorial-image{margin-bottom:20px}
 .breadcrumb{font-size:.8125rem;margin-bottom:18px}
 .topics{gap:8px}
 .topics a{font-size:.875rem;padding:8px 13px}
 .footer-links a{padding:4px 0}
}
.cover-image{min-height:0;background:none;margin:0;border-radius:0}
.cover-image img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:34% center;border-radius:90px 24px 24px 24px}
.vital-image img{object-position:34% center}
.vital-hero .button{margin-top:26px}
main>section[id],.topic[id]{scroll-margin-top:130px}
.blog-library .topic{scroll-margin-top:130px}
.blog-library .topic>h2{font-size:clamp(27px,3vw,38px);max-width:35ch}
.blog-library .door{border-top:0;padding-top:4px}
.blog-library .topic+.topic{margin-top:44px}
.editorial-grid h2{font-size:clamp(25px,2.8vw,36px)}
.reading.prose{max-width:950px}
.reading.prose>p{max-width:64ch}
.article-head{max-width:1200px}
.article-image{max-width:900px}
.article-image img{aspect-ratio:3/2}
@media(max-width:850px){.cover-image img{aspect-ratio:3/2}.vital-hero .button{margin-top:20px}}
@media(max-width:640px){
 .cover-image{min-height:0;margin-top:12px}
 .cover-image img{border-radius:38px 18px 18px 18px}
 .blog-library .topic+.topic{margin-top:24px}
 .blog-library .topic>h2{font-size:27px;max-width:27ch}
 main>section[id],.topic[id],.blog-library .topic{scroll-margin-top:200px}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.podcast-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:6%;align-items:center;min-height:calc(100svh - 108px);padding-bottom:64px}
.podcast-hero .brand-lockup__mark{width:min(340px,35vw)}
.podcast-hero .brand-lockup__label{font-size:clamp(20px,2.5vw,34px)}
.podcast-hero .lead{max-width:46ch}
.podcast-listen{background:#eaf0f3;border-radius:24px;padding:32px}
.podcast-listen h2{font-size:32px;max-width:15ch;line-height:1.2;margin:14px 0 18px}
.podcast-listen p:not(.eyebrow){font-size:16px;color:var(--body);line-height:1.55}
.platform-links{display:grid;gap:12px;margin-top:24px}
.platform-link{display:flex;align-items:center;gap:16px;background:var(--paper);border:1px solid #c8d3da;border-radius:12px;min-height:76px;padding:14px 18px;font-size:17px;font-weight:500}
.platform-link>span:nth-child(3){margin-left:auto}
.platform-logo{width:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.platform-logo img{width:32px;height:32px;object-fit:contain}
.platform-link--ivoox .platform-logo{width:64px}
.platform-link--ivoox .platform-logo img{width:64px;height:auto}
.platform-link:hover{border-color:#416d92;background:#fff}
.podcast-history{background:#eeeae0;border-top:1px solid var(--line)}
.podcast-history-inner{max-width:1080px;padding-top:64px;padding-bottom:72px}
.podcast-history h2{font-size:clamp(32px,3.8vw,46px);max-width:24ch;margin-bottom:28px}
.podcast-history p{max-width:62ch;color:var(--body)}
.podcast-history p+p{margin-top:22px}
@media(max-width:950px){.podcast-hero{grid-template-columns:1fr;min-height:0;gap:32px}.podcast-hero .brand-lockup__mark{width:min(390px,49vw)}.podcast-listen{max-width:650px}.podcast-listen h2{max-width:none}}
@media(max-width:640px){.podcast-hero{padding-bottom:44px}.podcast-listen{padding:24px}.podcast-listen h2{font-size:28px}.podcast-history-inner{padding-top:48px;padding-bottom:56px}.platform-link{font-size:16px;gap:12px;padding:14px}.podcast-hero .brand-lockup__label{font-size:clamp(18px,5vw,25px)}}
@media(min-width:951px){
 .cover,.page-head.vital-hero,.page-head.pro-hero{min-height:calc(100svh - 108px);padding-top:32px;padding-bottom:44px}
 .cover-image img,.vital-image img{aspect-ratio:1/1;max-height:500px}
 .cover h1{font-size:clamp(48px,5.8vw,78px)}
 .vital-hero .brand-lockup--intro,.pro-hero .brand-lockup--intro{margin-bottom:18px}
 .vital-hero .brand-lockup__mark,.pro-hero .brand-lockup__mark{width:190px}
 .vital-hero .breadcrumb,.pro-hero .breadcrumb{margin-bottom:20px}
 .vital-hero h1{font-size:clamp(42px,4vw,58px)}
 .vital-hero .lead,.pro-hero .lead{margin:22px 0 0}
 .vital-hero .button{margin-top:22px}
 .page-head.pro-hero h1{font-size:clamp(36px,3.1vw,48px)}
}