/* Journal and careers compositions within the accepted Groundwork system. */
.journal-masthead{padding-bottom:46px}
.journal-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;align-items:end}
.journal-intro>div{max-width:38ch;padding-bottom:5px}
.journal-intro>div>p:first-child{font-size:18px;line-height:1.65}
.editorial-preview{font-size:12px;line-height:1.65;color:var(--muted);max-width:40ch}
.journal-feature-section{padding:0 6vw}
.journal-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;align-items:center;padding-bottom:50px;border-bottom:1px solid #261b2326}
.feature-photo{height:390px}
.feature-photo img{width:100%;height:100%;object-position:var(--photo-position,50% 57%);filter:grayscale(1);transition:transform 1.1s var(--ease)}
.journal-feature:is(:hover,:focus-visible) img{transform:scale(1.045)}
.feature-copy{max-width:43ch}
.feature-copy h2{font-size:clamp(32px,3.2vw,46px);line-height:1.15;transition:color .3s}
.feature-copy>p{margin-top:22px;color:var(--muted);font-size:15px;line-height:1.8}
.journal-feature:is(:hover,:focus-visible) h2{color:var(--red)}
.story-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11px;line-height:1.65;color:var(--muted);margin-bottom:18px}
.story-meta span+span{position:relative}
.story-meta span+span:before{content:"";position:absolute;left:-10px;top:.7em;width:3px;height:3px;border-radius:50%;background:currentColor}
.feature-link{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:190px;margin-top:32px;padding-bottom:9px;border-bottom:1px solid currentColor;font-size:13px;font-weight:600}
.journal-stories{padding-top:56px}
.stories-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}
.stories-heading h2{font-size:clamp(30px,3vw,42px)}
#story-count{font-size:12px;color:var(--muted);white-space:nowrap}
.topic-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.topic-filters button{min-height:44px;padding:9px 17px;border:1px solid #261b2333;background:transparent;color:var(--ink);border-radius:100px;font-size:12px;transition:background .3s,color .3s,border-color .3s}
.topic-filters button[aria-pressed=true]{background:var(--plum);border-color:var(--plum);color:var(--cream)}
.topic-filters button:hover{border-color:var(--plum)}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.journal-card{display:flex;flex-direction:column;min-width:0}
.journal-image{display:block;height:250px;margin-bottom:22px}
.journal-image img{width:100%;height:100%;object-position:var(--photo-position,50% 60%);filter:grayscale(1);transform:scale(1.025);transition:transform 1.1s var(--ease)}
.journal-card:is(:hover,:focus-within) .journal-image img{transform:scale(1.065)}
.journal-card .story-meta{margin-bottom:12px;gap:8px 16px}
.journal-card h3{font-size:26px;line-height:1.2;margin-bottom:15px}
.journal-card h3 a{transition:color .3s}
.journal-card h3 a:is(:hover,:focus-visible){color:var(--red)}
.journal-card>p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:24px}
.story-bottom{display:flex;gap:14px;justify-content:space-between;align-items:center;border-top:1px solid #261b2326;padding-top:16px;margin-top:auto}
.story-bottom .text-link{font-size:12px;min-width:0;gap:16px;margin:0;border:0;padding:8px 0}
.draft-label{font-size:10px;letter-spacing:.025em;color:var(--muted)}
.journal-subscribe .scope-note{margin-top:16px}
.article-masthead{padding-bottom:0}
.article-masthead .breadcrumbs{max-width:100%;flex-wrap:wrap}
.article-masthead .breadcrumbs span[aria-current]{max-width:50ch}
.article-title{max-width:930px;margin:0 auto 38px;text-align:center}
.article-title .story-meta{justify-content:center;margin-bottom:20px}
.article-title h1{font-size:clamp(38px,4.6vw,64px);max-width:22ch;margin:auto}
.article-deck{font-size:18px;line-height:1.7;max-width:64ch;margin:24px auto 0;color:var(--muted)}
.article-draft-note{font-size:11px;color:var(--muted);line-height:1.65;margin:18px auto 0;max-width:70ch}
.article-draft-note strong{font-weight:600}
.article-panorama{height:360px}
.article-panorama img{width:100%;height:100%;object-position:var(--photo-position,50% 58%);filter:grayscale(1)}
.article-reading{padding-top:62px}
.journal-body .article-lead{font-size:22px;line-height:1.65;letter-spacing:-.02em;color:var(--plum);margin-bottom:44px}
.journal-body section{scroll-margin-top:120px}
.journal-body h2{font-size:32px;line-height:1.2}
.journal-body ul{margin:24px 0 0;padding-left:23px}
.journal-body li{padding-left:5px;margin-bottom:10px}
.journal-pullquote{border-left:2px solid var(--red);padding:8px 0 8px 28px;margin:42px 0}
.journal-pullquote p{font-size:29px;line-height:1.4;letter-spacing:-.035em;color:var(--red)}
.article-end{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #261b2326;margin-top:42px;padding-top:20px}
.article-end .text-link{font-size:12px;margin:0}
.article-service h2{font-size:clamp(34px,3.7vw,50px)}
.article-service .text-link{font-size:13px;gap:24px;max-width:100%}
.two-stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.two-stories .journal-image{height:300px}
.two-stories .journal-card>p{max-width:55ch}
.careers-photo{height:420px}
.careers-photo img{width:100%;height:100%;object-position:50% 53%;filter:grayscale(1)}
.careers-hero .hero-copy>p{max-width:43ch}
.careers-values .section-split{margin-bottom:40px}
.career-values-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.career-values-list li{border-top:1px solid #261b2333;padding-top:24px}
.career-values-list h3{font-size:25px;margin-bottom:16px}
.career-values-list p{font-size:14px;line-height:1.85;color:var(--muted)}
.opportunities-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}
.opportunities-heading>p{color:var(--muted);font-size:12px;padding-bottom:6px}
.roles-empty,.career-role{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px;border-block:1px solid #261b2326;padding:34px 0}
.roles-empty>div,.career-role>div{max-width:67ch}
.roles-empty h3,.career-role h3{font-size:28px;margin-bottom:14px}
.roles-empty p,.career-role p{font-size:15px;line-height:1.8;color:var(--muted)}
.career-inquiry{max-width:660px;margin:42px 0 0 auto}
.career-inquiry h3{font-size:24px;margin-bottom:16px}
.career-inquiry>p{font-size:14px;color:var(--muted)}
.career-email{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:clamp(16px,2vw,24px);line-height:1.5;border-bottom:1px solid currentColor;margin:22px 0 18px;padding-bottom:8px;max-width:100%;overflow-wrap:anywhere}
@media(min-width:761px){.journal-grid.single-result{grid-template-columns:1fr}.single-result .journal-card{display:grid;grid-template-columns:minmax(240px,.85fr) 1.15fr;column-gap:42px;max-width:1000px}.single-result .journal-image{grid-row:1 / 5;height:300px;margin:0}.single-result .journal-card .story-meta{grid-column:2;align-self:end}.single-result .journal-card h3,.single-result .journal-card>p,.single-result .story-bottom{grid-column:2}.single-result .journal-card h3{max-width:28ch}.single-result .story-bottom{align-self:end;width:100%}}
@media(min-width:761px) and (max-width:1100px){.journal-feature{gap:34px}.feature-photo{height:350px}.journal-grid{gap:24px}.journal-card h3{font-size:23px}.journal-image{height:210px}.story-bottom{align-items:start;flex-direction:column;gap:2px}.journal-intro{gap:40px}.careers-photo{height:370px}.career-values-list{gap:24px}.roles-empty{gap:30px}}
@media(max-width:760px){.journal-masthead{padding-bottom:32px}.journal-intro{grid-template-columns:1fr;gap:24px}.journal-intro>div{max-width:45ch}.journal-intro>div>p:first-child{font-size:16px}.journal-feature-section{padding:0 6vw}.journal-feature{grid-template-columns:1fr;gap:26px;padding-bottom:36px}.feature-photo{height:300px}.feature-copy{max-width:unset}.feature-copy h2{font-size:32px}.feature-copy>p{margin-top:16px}.feature-link{margin-top:22px}.journal-stories{padding-top:40px}.stories-heading{align-items:start;gap:18px;margin-bottom:24px}.stories-heading h2{font-size:30px}.stories-heading .text-link{font-size:12px;margin:0}.topic-filters{gap:8px;margin-bottom:28px}.topic-filters button{font-size:11px;padding:9px 14px}.journal-grid,.two-stories{grid-template-columns:1fr;gap:40px}.journal-image,.two-stories .journal-image{height:300px}.journal-card h3{font-size:27px;max-width:25ch}.journal-card>p{max-width:48ch;margin-bottom:20px}.story-bottom{padding-top:10px}.article-title{text-align:left;margin-bottom:28px}.article-title .story-meta{justify-content:start;margin-bottom:16px}.article-title h1{font-size:40px;max-width:22ch;margin:0}.article-deck{font-size:16px;margin-top:20px}.article-draft-note{font-size:11px;margin-top:16px}.article-panorama{height:240px}.article-reading{padding-top:40px}.journal-body .article-lead{font-size:20px;margin-bottom:32px}.journal-body h2{font-size:28px}.journal-pullquote{padding-left:20px;margin:32px 0}.journal-pullquote p{font-size:25px}.article-end{align-items:start}.article-service .text-link{font-size:12px}.careers-photo{height:320px}.careers-values .section-split{margin-bottom:30px}.career-values-list{grid-template-columns:1fr;gap:28px}.career-values-list li{padding-top:22px}.career-values-list h3{font-size:25px}.opportunities-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:28px}.opportunities-heading>p{padding:0}.roles-empty,.career-role{grid-template-columns:1fr;gap:22px;padding:28px 0}.roles-empty .button,.career-role .button{justify-self:start}.career-inquiry{margin-top:34px}.career-inquiry h3{font-size:24px}.career-email{font-size:18px;gap:16px}}
@media(max-width:360px){.article-title h1{font-size:35px}.feature-photo{height:260px}.journal-image,.two-stories .journal-image{height:270px}.stories-heading{flex-direction:column;gap:12px}.article-end{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.feature-photo img,.journal-image img,.feature-copy h2,.journal-card h3 a,.topic-filters button{transition:none}.journal-feature:is(:hover,:focus-visible) img,.journal-card:is(:hover,:focus-within) .journal-image img{transform:none}}