/* JBN journal: generous photography, clear reading measures and a little curiosity. */
html.jbn-live .ideas-journal,html.jbn-live .ideas-article{min-width:0;overflow:clip}
html.jbn-live .ideas-masthead{padding-top:24px}
html.jbn-live .ideas-edition{display:flex;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}
html.jbn-live .ideas-masthead-type{display:grid;grid-template-columns:minmax(0,1fr) clamp(110px,14vw,190px);gap:clamp(30px,8vw,140px);align-items:center;margin:18px 0 28px}
html.jbn-live .ideas-masthead h1{font-size:clamp(110px,18vw,280px);letter-spacing:-.075em;line-height:.9;margin:0;padding:0;min-width:0}
html.jbn-live .ideas-masthead-star{display:grid;place-items:center;width:100%;aspect-ratio:1;min-width:44px;min-height:44px;border-radius:50%;margin:0;transition:background .3s,scale .3s}
html.jbn-live .ideas-masthead-star>span{display:block;font:400 clamp(100px,13vw,175px)/1 Arial;background:conic-gradient(from 25deg,#e28b6b,#d9b565,#8daa83,#76b4bc,#9a81be,#d38da6,#e28b6b);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;transform:rotate(var(--journal-turn,0deg));transform-origin:50% 52%;will-change:transform}
html.jbn-live .ideas-masthead-star:is(:hover,:focus-visible){background:#c2b4ca15;scale:1.04}
html.jbn-live .ideas-introduction{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:end;padding:24px 0;border-top:1px solid var(--line)}
html.jbn-live .ideas-introduction>p:first-child{font:500 clamp(26px,2.9vw,42px)/1.2 Bricolage,Arial,sans-serif;letter-spacing:-.04em}
html.jbn-live .ideas-introduction>p:last-child{font-size:14px;line-height:1.8;max-width:480px}
html.jbn-live .ideas-sections{display:flex;flex-wrap:wrap;gap:6px 34px;padding:9px 0;border-block:1px solid var(--line);margin-bottom:28px}
html.jbn-live .ideas-sections a{display:flex;gap:18px;align-items:center;font-size:11px;min-height:40px}
html.jbn-live .ideas-sections a:last-child{margin-left:auto}
html.jbn-live .idea-card{min-width:0}
html.jbn-live .idea-card>a{display:block}
html.jbn-live .idea-card figure{overflow:hidden;background:#dedfd8;aspect-ratio:1.55}
html.jbn-live .idea-card figure img{width:100%;height:100%;object-fit:cover;transform:translateY(var(--image-shift,0px)) scale(1.045);transition:scale .5s var(--ease)}
html.jbn-live .idea-card a:is(:hover,:focus-visible) img{scale:1.025}
html.jbn-live .idea-card a:active{translate:0 2px}
html.jbn-live .idea-card-copy{padding-top:21px}
html.jbn-live .idea-card h2{font-size:clamp(30px,3vw,46px);line-height:1.1;letter-spacing:-.045em;margin-top:14px;text-wrap:balance}
html.jbn-live .idea-card-copy>p{font-size:14px;line-height:1.8;max-width:510px;margin-top:16px}
html.jbn-live .idea-read{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;padding-top:16px;margin-top:24px;border-top:1px solid var(--line)}
html.jbn-live .idea-read:after{content:'';position:absolute;top:-1px;left:0;height:1px;width:0;background:linear-gradient(90deg,#cf8d70,#d2b36e,#87a9a7,#ad85b0);transition:width .4s var(--ease)}
html.jbn-live a:is(:hover,:focus-visible) .idea-read:after{width:100%}
html.jbn-live .idea-lead>a{position:relative;display:block;min-height:clamp(550px,52vw,760px);isolation:isolate;color:#fff}
html.jbn-live .idea-lead figure{position:absolute;inset:0;aspect-ratio:auto;z-index:-2}
html.jbn-live .idea-lead>a:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101515e8,transparent 85%);z-index:-1;pointer-events:none}
html.jbn-live .idea-lead .idea-card-copy{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,1fr);gap:15px 7%;padding:clamp(28px,4.5vw,65px);color:inherit}
html.jbn-live .idea-lead .eyebrow{grid-column:1/-1;color:#fff}
html.jbn-live .idea-lead h2{grid-column:1;grid-row:2/4;font-size:clamp(46px,5.3vw,82px);line-height:1.02;margin-top:3px;letter-spacing:-.055em}
html.jbn-live .idea-lead .idea-card-copy>p{grid-column:2;font-size:15px;line-height:1.75;margin-top:7px;align-self:end}
html.jbn-live .idea-lead .idea-read{grid-column:2;border-top-color:#ffffff60;margin-top:0;padding-top:15px}
html.jbn-live .ideas-all-writing{padding-block:80px 95px}
html.jbn-live .ideas-section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:18px 9%;align-items:end;padding-top:23px;border-top:1px solid var(--line);margin-bottom:45px}
html.jbn-live .ideas-section-heading>.eyebrow{grid-column:1/-1}
html.jbn-live .ideas-section-heading h2{font-size:clamp(38px,4.5vw,66px);line-height:1.06}
html.jbn-live .ideas-section-heading p{font-size:14px;line-height:1.8;max-width:350px}
html.jbn-live .ideas-secondary{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-bottom:65px}
html.jbn-live .ideas-secondary .idea-card:nth-child(2){padding-top:70px}
html.jbn-live .ideas-secondary .idea-card:nth-child(2) figure{aspect-ratio:1.4}
html.jbn-live .ideas-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-top:35px;border-top:1px solid var(--line)}
html.jbn-live .ideas-shelf .idea-card h2{font-size:clamp(27px,2.6vw,36px);line-height:1.12}
html.jbn-live .ideas-shelf .idea-card-copy>p{font-size:13px}
html.jbn-live .ideas-shelf .idea-card figure{aspect-ratio:1.4}
html.jbn-live .ideas-from-work{position:relative;display:grid;grid-template-columns:1fr 2fr;gap:8%;padding-block:40px 85px;border-top:1px solid var(--line)}
html.jbn-live .ideas-from-work:before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,#d38d72,#c9ad6c,#8bb2ae,#a18bb6,#c88aa1);opacity:.65}
html.jbn-live .ideas-from-work header h2{font-size:clamp(30px,3vw,47px);line-height:1.12;margin-top:20px}
html.jbn-live .ideas-from-work header>p{font-size:13px;line-height:1.8;max-width:280px;margin-top:20px}
html.jbn-live .ideas-work-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
html.jbn-live .ideas-work-links>a{display:flex;flex-direction:column;min-width:0}
html.jbn-live .ideas-work-links .eyebrow{font-size:8px;line-height:1.8;letter-spacing:.7px}
html.jbn-live .ideas-work-links h3{font-size:clamp(23px,2vw,30px);line-height:1.16;margin:18px 0 16px;text-wrap:balance}
html.jbn-live .ideas-work-links p{font-size:12px;line-height:1.8;margin-bottom:25px}
html.jbn-live .ideas-work-links .idea-read{margin-top:auto;font-size:10px}
/* Article furniture supports the prose rather than competing with it. */
html.jbn-live .idea-article-heading{max-width:1100px;margin-inline:auto;padding:42px 36px 43px}
html.jbn-live .idea-article-heading h1{font-size:clamp(48px,6.3vw,96px);line-height:1.04;letter-spacing:-.055em;max-width:1000px;margin:23px 0 26px;text-wrap:balance}
html.jbn-live .idea-dek{font-size:clamp(20px,2vw,27px);line-height:1.55;max-width:760px;margin:0}
html.jbn-live .idea-byline{font:10px/1.7 monospace;color:#5b6056;letter-spacing:.4px;padding-top:20px;margin-top:30px;border-top:1px solid var(--line)}
html.jbn-live .idea-hero{position:relative;background:#dce0d8;aspect-ratio:2.08;overflow:hidden}
html.jbn-live .idea-hero .idea-image-open{height:100%}
html.jbn-live .idea-hero img{width:100%;height:100%;object-fit:cover}
html.jbn-live .idea-image-open{position:relative;display:block;width:100%;padding:0;text-align:left;cursor:zoom-in;overflow:hidden;touch-action:manipulation}
html.jbn-live .idea-image-open>span{position:absolute;bottom:16px;right:16px;background:#f6f4efe8;color:#20231f;padding:10px 14px;font:10px/1.4 Arial,sans-serif;opacity:0;translate:0 6px;transition:opacity .25s,translate .25s;pointer-events:none}
html.jbn-live .idea-image-open:is(:hover,:focus-visible)>span{opacity:1;translate:0 0}
html.jbn-live .idea-image-open:focus-visible{outline:2px solid #8b5274;outline-offset:-4px}
html.jbn-live .idea-reading-layout{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,2.4fr);gap:9%;padding-block:70px 50px;max-width:1250px;margin-inline:auto}
html.jbn-live .idea-contents{position:sticky;top:38px;align-self:start;max-width:230px}
html.jbn-live .idea-contents nav{margin-top:22px}
html.jbn-live .idea-contents a{display:block;font-size:11px;line-height:1.65;padding:12px 0;border-top:1px solid var(--line);transition:color .2s,padding-left .2s}
html.jbn-live .idea-contents a[aria-current=location]{color:#75577d;border-color:#a88bb0;padding-left:10px}
html.jbn-live .idea-contents a[aria-current=location]:before{content:'↳ ';color:#9e7d9b}
html.jbn-live .idea-contents>p{font-size:11px;line-height:1.75;color:#62675d;margin-top:22px}
html.jbn-live .idea-reading{max-width:760px;min-width:0}
html.jbn-live .idea-reading p{font:18px/1.9 Arial,Helvetica,sans-serif;max-width:64ch}
html.jbn-live .idea-reading p+p{margin-top:1.2em}
html.jbn-live .idea-opening p{font-size:21px;line-height:1.8;letter-spacing:-.015em}
html.jbn-live .idea-opening p:first-child:first-letter{float:left;font:500 69px/.9 Bricolage,Arial,sans-serif;margin:9px 10px 0 0;color:#493d4b}
html.jbn-live .idea-reading>section{margin-top:60px;scroll-margin-top:110px}
html.jbn-live .idea-reading h2{font-size:clamp(31px,3.2vw,46px);line-height:1.14;letter-spacing:-.04em;margin:14px 0 24px;text-wrap:balance}
html.jbn-live .idea-chapter{color:#82624e}
html.jbn-live .idea-image-pair{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px;margin-block:46px}
html.jbn-live .idea-image-pair figure{min-width:0}
html.jbn-live .idea-image-pair img{width:100%;height:auto}
html.jbn-live .idea-image-pair figure:nth-child(2){margin-top:32px}
html.jbn-live .idea-image-pair figure:only-child{grid-column:1/-1}
html.jbn-live .idea-pull{position:relative;font:italic clamp(32px,3.7vw,53px)/1.25 Newsreader,Georgia,serif;letter-spacing:-.035em;color:#62506b;padding:33px 0 33px 30px;margin:54px 0;border-block:1px solid var(--line)}
html.jbn-live .idea-pull:before{content:'';position:absolute;left:0;top:33px;bottom:33px;width:2px;background:linear-gradient(#d19878,#91b1ac,#ad8fb6)}
html.jbn-live .idea-source-reading a{text-decoration:underline;text-underline-offset:4px}
html.jbn-live .idea-source-reading small{display:block;font-size:12px;line-height:1.7;margin-top:9px;color:#62675d}
html.jbn-live .idea-reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:45;pointer-events:none}
html.jbn-live .idea-reading-progress>span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#d99b78,#cfb573,#a5b58f,#74a8b1,#a08abd,#cb8fa6)}
html.jbn-live .idea-practice-bridge{display:flex;justify-content:space-between;gap:45px;align-items:center;padding:35px 0;margin-top:20px;margin-bottom:80px;border-block:1px solid var(--line)}
html.jbn-live .idea-practice-bridge h2{font-size:clamp(28px,3vw,43px);line-height:1.15;margin-top:17px}
html.jbn-live .idea-practice-bridge p{font-size:14px;line-height:1.8;max-width:620px;margin-top:17px}
html.jbn-live .idea-practice-bridge .button-link{flex-shrink:0;white-space:nowrap}
html.jbn-live .idea-related{padding-bottom:90px}
html.jbn-live .idea-related>header{margin-bottom:35px;border-top:1px solid var(--line);padding-top:26px}
html.jbn-live .idea-related>header h2{font-size:clamp(34px,4vw,55px);margin-top:17px}
html.jbn-live .idea-related>div{display:grid;grid-template-columns:1fr 1fr;gap:6%}
html.jbn-live .idea-related .idea-card h2{font-size:clamp(29px,3vw,41px)}
html.jbn-live .ideas-journal a:focus-visible,html.jbn-live .ideas-article a:focus-visible{outline:2px solid #8b5274;outline-offset:5px}
html.jbn-live .idea-image-dialog{width:min(96vw,1500px);height:94svh;max-height:94svh;max-width:96vw;border:0;background:#101416;color:#f6f4ef;padding:65px 30px 20px;overflow:hidden}
html.jbn-live .idea-image-dialog::backdrop{background:#080b0dec;backdrop-filter:blur(8px)}
html.jbn-live .idea-image-dialog img{display:block;object-fit:contain;width:100%;height:calc(100% - 45px)}
html.jbn-live .idea-image-dialog p{font:11px/1.6 Arial,sans-serif;padding-top:14px;text-align:center}
html.jbn-live .idea-image-dialog>button{position:absolute;top:13px;right:20px;min-height:44px;padding:10px 15px;color:inherit;font-size:12px;border-bottom:1px solid #ffffff60;cursor:pointer}
@media(max-width:1000px){html.jbn-live .ideas-work-links{grid-template-columns:1fr;gap:25px}html.jbn-live .ideas-work-links>a{padding-top:18px;border-top:1px solid var(--line)}html.jbn-live .ideas-work-links h3{margin-block:12px}html.jbn-live .ideas-work-links p{margin-bottom:14px}html.jbn-live .ideas-from-work{grid-template-columns:1fr 1.4fr}html.jbn-live .ideas-shelf{gap:22px}html.jbn-live .idea-reading-layout{margin-inline:var(--gutter);gap:6%;grid-template-columns:160px minmax(0,1fr)}html.jbn-live .idea-reading p{font-size:17px}}
@media(max-width:760px){
 html.jbn-live .ideas-masthead{padding-top:18px}html.jbn-live .ideas-edition{padding-bottom:15px;gap:15px}html.jbn-live .ideas-edition .eyebrow{font-size:8px;letter-spacing:.55px}html.jbn-live .ideas-edition>.eyebrow:last-child{text-align:right;max-width:112px}
 html.jbn-live .ideas-masthead-type{grid-template-columns:minmax(0,1fr) clamp(50px,15vw,95px);gap:20px;margin:24px 0}html.jbn-live .ideas-masthead h1{font-size:26vw;line-height:1}html.jbn-live .ideas-masthead-star>span{font-size:17vw}
 html.jbn-live .ideas-introduction{grid-template-columns:1fr;gap:20px;padding-block:24px}html.jbn-live .ideas-introduction>p:first-child{font-size:30px}html.jbn-live .ideas-introduction>p:last-child{font-size:13px;line-height:1.8;max-width:500px}html.jbn-live .ideas-sections{column-gap:24px;margin-bottom:22px}html.jbn-live .ideas-sections a{font-size:10px;gap:10px;min-height:34px}html.jbn-live .ideas-sections a:last-child{margin-left:0}
 html.jbn-live .idea-lead>a{min-height:610px}html.jbn-live .idea-lead .idea-card-copy{grid-template-columns:1fr;gap:16px;padding:25px}html.jbn-live .idea-lead .eyebrow{font-size:8px;letter-spacing:.8px}html.jbn-live .idea-lead h2{grid-column:auto;grid-row:auto;font-size:clamp(37px,9.4vw,62px);line-height:1.03;margin:0;max-width:500px}html.jbn-live .idea-lead .idea-card-copy>p,html.jbn-live .idea-lead .idea-read{grid-column:auto;font-size:13px;margin:0}html.jbn-live .idea-lead .idea-read{font-size:10px;padding-top:13px}
 html.jbn-live .ideas-all-writing{padding-block:50px 60px}html.jbn-live .ideas-section-heading{grid-template-columns:1fr;gap:15px;margin-bottom:32px}html.jbn-live .ideas-section-heading h2{font-size:42px}html.jbn-live .ideas-section-heading p{font-size:12px}html.jbn-live .ideas-secondary{grid-template-columns:1fr;gap:40px;padding-bottom:40px}html.jbn-live .ideas-secondary .idea-card:nth-child(2){padding-top:0}html.jbn-live .ideas-secondary .idea-card:nth-child(2) figure{aspect-ratio:1.55}html.jbn-live .idea-card h2{font-size:34px}html.jbn-live .idea-card .eyebrow{font-size:8px;letter-spacing:.7px}html.jbn-live .idea-card-copy>p{font-size:13px}html.jbn-live .idea-card-copy{padding-top:18px}
 html.jbn-live .ideas-shelf{grid-template-columns:1fr;gap:32px;padding-top:32px}html.jbn-live .ideas-shelf .idea-card>a{display:grid;grid-template-columns:105px minmax(0,1fr);gap:18px;align-items:start}html.jbn-live .ideas-shelf .idea-card figure{aspect-ratio:.85}html.jbn-live .ideas-shelf .idea-card-copy{padding:0}html.jbn-live .ideas-shelf .idea-card h2{font-size:25px;margin-top:10px}html.jbn-live .ideas-shelf .idea-card p{font-size:12px;margin-top:12px;line-height:1.7}html.jbn-live .ideas-shelf .idea-read{font-size:10px;margin-top:16px;padding-top:12px}
 html.jbn-live .ideas-from-work{grid-template-columns:1fr;gap:32px;padding-block:30px 55px}html.jbn-live .ideas-from-work header h2{font-size:35px}html.jbn-live .ideas-from-work header>p{max-width:400px}html.jbn-live .ideas-work-links{gap:24px}html.jbn-live .ideas-work-links h3{font-size:27px}html.jbn-live .ideas-work-links .eyebrow{font-size:8px}
 html.jbn-live .idea-article-heading{margin-inline:var(--gutter);padding:28px 0 30px}html.jbn-live .idea-article-heading>.eyebrow{font-size:9px;letter-spacing:.7px}html.jbn-live .idea-article-heading h1{font-size:clamp(42px,10.8vw,70px);line-height:1.05;margin:22px 0}html.jbn-live .idea-dek{font-size:19px;line-height:1.65}html.jbn-live .idea-byline{font-size:9px;padding-top:17px;margin-top:24px}
 html.jbn-live .idea-hero{aspect-ratio:1.3}html.jbn-live .idea-reading-layout{grid-template-columns:1fr;gap:30px;padding-top:32px}html.jbn-live .idea-contents{position:static;max-width:none}html.jbn-live .idea-contents nav{display:flex;gap:17px;overflow:auto;overscroll-behavior-x:contain;margin-top:13px;padding-bottom:10px;scrollbar-width:thin}html.jbn-live .idea-contents a{flex:0 0 140px;font-size:10px;padding-block:10px}html.jbn-live .idea-contents a[aria-current=location]{padding-left:0}html.jbn-live .idea-contents>p{display:none}
 html.jbn-live .idea-reading p{font-size:16px;line-height:1.9}html.jbn-live .idea-opening p{font-size:19px;line-height:1.8}html.jbn-live .idea-opening p:first-child:first-letter{font-size:60px;margin-top:8px}html.jbn-live .idea-reading>section{margin-top:40px}html.jbn-live .idea-reading h2{font-size:32px;line-height:1.15;margin:12px 0 22px}html.jbn-live .idea-image-pair{gap:12px;margin-block:32px}html.jbn-live .idea-image-pair figure:nth-child(2){margin-top:20px}html.jbn-live .idea-pull{font-size:35px;margin-block:35px;padding:27px 0 27px 20px}html.jbn-live .idea-pull:before{top:27px;bottom:27px}html.jbn-live .idea-source-reading small{font-size:11px}
 html.jbn-live .idea-image-open>span{bottom:10px;right:10px;font-size:9px;padding:8px 10px;opacity:1;translate:0 0}html.jbn-live .idea-reading-progress{height:2px}html.jbn-live .idea-practice-bridge{display:block;margin-bottom:50px;padding-block:28px}html.jbn-live .idea-practice-bridge h2{font-size:31px}html.jbn-live .idea-practice-bridge .button-link{margin-top:24px}html.jbn-live .idea-related{padding-bottom:55px}html.jbn-live .idea-related>div{grid-template-columns:1fr;gap:35px}html.jbn-live .idea-related>header h2{font-size:40px}html.jbn-live .idea-image-dialog{padding:60px 14px 15px}html.jbn-live .idea-image-dialog>button{right:14px}html.jbn-live .idea-image-dialog p{font-size:10px}
}
@media(max-width:350px){html.jbn-live .ideas-masthead-type{gap:12px}html.jbn-live .idea-lead .idea-card-copy{padding:20px}html.jbn-live .idea-lead>a{min-height:620px}html.jbn-live .idea-lead h2{font-size:36px}html.jbn-live .ideas-shelf .idea-card>a{grid-template-columns:85px minmax(0,1fr);gap:14px}html.jbn-live .ideas-shelf .idea-card h2{font-size:23px}html.jbn-live .idea-article-heading h1{font-size:41px}}
@media(prefers-reduced-motion:reduce){html.jbn-live .ideas-masthead-star,html.jbn-live .ideas-masthead-star>span,html.jbn-live .idea-card figure img,html.jbn-live .idea-read:after,html.jbn-live .idea-image-open>span{transition:none!important;transform:none!important;scale:1!important;translate:none!important}html.jbn-live .ideas-masthead-star>span{will-change:auto}}
@media(forced-colors:active){html.jbn-live .ideas-masthead-star>span{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}html.jbn-live .idea-lead>a:after{background:Canvas;opacity:.8}html.jbn-live .idea-lead .idea-card-copy{color:CanvasText}}
@media print{html.jbn-live .idea-reading-progress,html.jbn-live .idea-contents,html.jbn-live .site-nav,html.jbn-live .page-utility,html.jbn-live .site-footer,html.jbn-live .idea-related,html.jbn-live .idea-practice-bridge,html.jbn-live .idea-image-open>span,html.jbn-live .idea-image-dialog{display:none!important}html.jbn-live .idea-reading-layout{display:block}html.jbn-live .idea-reading{max-width:none}html.jbn-live .idea-reading p{max-width:none}html.jbn-live .ideas-article .wrap{margin-inline:0}html.jbn-live .idea-reading>section{break-inside:avoid}}
