/* Lead features keep v2's paper and type, with layouts designed for their stories. */
.pj-article{--pj-red:#a73329;--pj-blue:#204a66;--pj-line:#c7c7ba}
.pj-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.9fr);gap:clamp(32px,6vw,100px);align-items:center;padding-block:22px 60px;max-width:1440px}
.pj-hero-copy{min-width:0}
.pj-kicker{font:italic clamp(20px,2vw,28px)/1.3 var(--serif);margin:0 0 30px}
.pj-hero h1{font:600 clamp(65px,7.8vw,136px)/.99 var(--display);letter-spacing:-.025em;margin:0 0 34px}
.pj-hero h1 span{display:block}
.pj-yearbook h1 span:first-child{color:var(--pj-red)}
.pj-deck{font:400 clamp(23px,2.3vw,34px)/1.3 var(--serif);max-width:29ch;margin:0 0 35px;text-wrap:pretty}
.pj-byline{display:flex;justify-content:space-between;align-items:center;gap:20px;font:12px/1.7 var(--font);max-width:440px;border-top:1px solid var(--ink);padding-top:18px}
.pj-byline>a{font-size:45px;line-height:1;padding:8px}
.pj-edition-date{border-left:3px solid var(--pj-red);padding-left:14px;margin-top:27px;font:12px/1.6 var(--font)}
.pj-hero-art{margin:0;min-width:0}
.pj-hero-art .cover-collage{width:100%;aspect-ratio:3/4}
.pj-hero-art figcaption{display:flex;justify-content:space-between;gap:14px;font:11px/1.5 var(--font);color:var(--muted);padding-top:14px}
.pj-hero-art figcaption>span{max-width:36ch}
.pj-hero-art figcaption>a{text-decoration:underline;text-underline-offset:3px}
.pj-hero-art button{font:11px/1.5 var(--font);border:0;border-bottom:1px solid;background:none;color:var(--muted);padding:8px 0 2px;margin-top:7px;cursor:pointer}
/* The opening is one composed row: shared title, artwork, metadata and deck
   tracks keep the two stories aligned, while the rating fills the same height. */
.journal-edition .pinned-opening{margin-bottom:30px}
.journal-edition .pinned-story h2{margin-bottom:20px}
.journal-edition .pinned-art{aspect-ratio:1/1.08}
.journal-edition .pinned-art>.cover-collage,
.journal-edition .pinned-art>.pinned-photo,
.journal-edition .pinned-art>.stadium-cover{height:100%;width:100%;aspect-ratio:auto;margin:0}
.journal-edition .pinned-art .stadium-stamp{height:100%;width:100%}
.journal-edition .pinned-rating .rating-widget h2{margin-top:16px}
.journal-edition .pinned-rating .bk-widget-list{margin:16px 0}
.journal-edition .pinned-rating .bk-widget-list>a{padding-block:10px}
.journal-edition .pinned-rating .bk-widget-list .bk-logo{height:40px}
@media(min-width:651px){
  .journal-edition .pinned-opening{grid-template-rows:auto minmax(0,1fr) auto auto;row-gap:0;align-items:stretch}
  .journal-edition .pinned-story{container-type:normal;display:grid;grid-template-rows:subgrid;grid-row:1/span 4}
  .journal-edition .pinned-story h2{font-size:clamp(32px,4.4vw,76px)}
  .journal-edition .pinned-story-1{grid-column:1}
  .journal-edition .pinned-story-2{grid-column:2}
  .journal-edition .pinned-art{align-self:stretch;width:100%;min-width:0;min-height:0}
  .journal-edition .pinned-rating{grid-column:3;grid-row:1/span 4;display:flex}
  .journal-edition .pinned-rating .rating-widget{position:static;display:flex;flex-direction:column;width:100%}
  .journal-edition .pinned-rating .bk-widget-list{flex:1;display:grid;grid-template-rows:repeat(5,minmax(0,1fr))}
}
@media(min-width:651px) and (max-width:1000px){
  .journal-edition .pinned-story h2{font-size:clamp(36px,6vw,66px)}
  .journal-edition .pinned-rating{grid-column:1/-1;grid-row:5;margin-top:30px}
  .journal-edition .pinned-rating .rating-widget{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
  .journal-edition .pinned-rating .rating-kicker,
  .journal-edition .pinned-rating .bk-widget-list{grid-column:1/-1}
  .journal-edition .pinned-rating .rating-intro{align-self:end;margin-bottom:0}
  .journal-edition .pinned-rating .bk-widget-list{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto}
  .journal-edition .pinned-rating .bk-widget-list>a{flex-wrap:wrap;gap:8px;padding:14px 10px;border-bottom:1px solid var(--line)}
  .journal-edition .pinned-rating .bk-widget-list .bk-logo{order:1;width:100%;height:34px}
  .journal-edition .pinned-rating .source-note{align-self:center;margin:0}
}
@media(max-width:650px){
  .journal-edition .pinned-opening{gap:30px;margin-bottom:28px}
}
.pj-collage .collage-layer-one{--photo-position:50% 38%}
.pj-collage .collage-layer-two{--photo-position:0% 50%}
.pj-contents{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;border-block:1px solid var(--ink);padding-block:21px 23px}
.pj-contents a{display:flex;flex-direction:column;gap:9px;padding:4px 0}
.pj-contents a:hover b{text-decoration:underline;text-underline-offset:5px}
.pj-contents span{font:11px/1.4 var(--font);color:var(--pj-red)}
.pj-contents b{font:400 22px/1.2 var(--serif)}
.pj-intro{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,740px);gap:45px;padding-block:65px 75px;max-width:1160px}
.pj-intro>span{font:600 15px/1.4 var(--font);white-space:pre-line;padding-top:7px}
.pj-intro .jr-prose p:first-child{font-size:clamp(25px,2.2vw,32px);line-height:1.4}
.pj-chapter{padding-block:50px 65px;border-top:1px solid var(--ink);scroll-margin-top:24px;max-width:1320px}
.pj-chapter-heading{margin-bottom:35px;max-width:1040px}
.pj-date{display:flex;align-items:center;gap:20px;margin-bottom:30px}
.pj-date>span{font:600 43px/1 var(--display);color:var(--pj-red);padding-right:20px;border-right:1px solid var(--pj-line)}
.pj-date>div{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:baseline;font:14px/1.5 var(--font)}
.pj-date small{font:12px/1.5 var(--font);color:var(--muted)}
.pj-person{font:12px/1.5 var(--font);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}
.pj-chapter h2{font:400 clamp(34px,4.5vw,64px)/1.07 var(--serif);letter-spacing:-.025em;margin:0;max-width:21ch;text-wrap:balance}
.pj-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,75px);align-items:start}
.pj-article .jr-prose{min-width:0;font-size:clamp(19px,1.6vw,23px);line-height:1.52}
.pj-article .jr-prose p{margin:0 0 23px}
.pj-article .jf-chapter-sources{font:11px/1.65 var(--font);color:var(--muted);padding-top:12px;border-top:1px solid var(--pj-line)}
.pj-photo{margin:0;min-width:0}
.pj-photo .jr-photo{padding:0;background:none;display:block;width:100%;aspect-ratio:auto}
.pj-photo .jr-photo img{height:auto;width:100%;object-fit:contain;aspect-ratio:auto;display:block}
.pj-photo figcaption{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.6fr);gap:20px;padding-top:13px;font:11px/1.6 var(--font);color:var(--muted)}
.pj-photo figcaption>span:last-child{text-align:right}
.pj-photo figcaption a{text-decoration:underline;text-underline-offset:3px}
.pj-portrait .jr-photo{background:#e4e1d5;padding:22px 32px;box-sizing:border-box;border:1px solid #ccc8b7}
.pj-portrait .jr-photo img{max-height:600px}
.pj-match-card{margin-top:28px;border:1px solid var(--ink);padding:22px;display:flex;flex-direction:column;gap:17px}
.pj-match-card>span{font:11px/1.4 var(--font)}
.pj-match-card>b{font:400 clamp(24px,2.6vw,37px)/1 var(--serif);letter-spacing:-.025em}
.pj-match-card>p{font:14px/1.6 var(--font);margin:0}
.pj-stopwatch,.pj-height,.pj-final{margin:0;padding:28px;min-width:0;overflow:hidden;position:relative}
.pj-stat-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;font:11px/1.5 var(--font);position:relative;z-index:1}
.pj-stopwatch{background:#d7e4e9;color:#173d54;min-height:440px;display:flex;flex-direction:column;justify-content:space-between}
.pj-oval{position:absolute;inset:85px -75px 130px 55px;transform:rotate(-16deg);border:1px solid #507a8b;border-radius:50%;opacity:.4;pointer-events:none}
.pj-oval i{position:absolute;inset:13px;border:1px solid #507a8b;border-radius:50%}
.pj-oval i:nth-child(2){inset:27px}.pj-oval i:nth-child(3){inset:41px}
.pj-stopwatch>strong{font:600 clamp(58px,7.2vw,105px)/1 var(--display);letter-spacing:-.025em;position:relative;margin:75px 0 25px;font-variant-numeric:tabular-nums}
.pj-stopwatch>strong span{font-size:.7em}
.pj-stopwatch>p,.pj-height>p{font:400 clamp(22px,2.1vw,29px)/1.3 var(--serif);position:relative;margin:0 0 28px}
.pj-stopwatch figcaption,.pj-height figcaption,.pj-final figcaption{font:11px/1.65 var(--font);border-top:1px solid currentColor;padding-top:15px;position:relative}
.pj-wide-photo{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,.8fr);gap:40px;align-items:center;margin-bottom:42px}
.pj-wide-photo>aside{color:var(--pj-blue)}
.pj-wide-photo strong{font:600 clamp(120px,15vw,210px)/.85 var(--display);display:block;letter-spacing:-.025em}
.pj-wide-photo aside p{font:400 26px/1.25 var(--serif);margin:28px 0}
.pj-wide-photo aside>span{font:12px/1.6 var(--font)}
.pj-reading{max-width:740px;margin:0 auto}
.pj-height{background:#e5e3d5;color:#2d483e;min-height:460px}
.pj-height-number{font:600 clamp(85px,10vw,150px)/1 var(--display);letter-spacing:-.02em;margin:44px 0 25px}
.pj-height-number small{font:italic 30px var(--serif);margin-left:9px}
.pj-height-lines{display:grid;grid-template-columns:44px 1fr;gap:25px 16px;align-items:center;font:12px var(--font);margin:0 0 36px}
.pj-height-lines i{height:5px;background:currentColor}
.pj-height-lines i:last-child{height:1px;opacity:.5}
.pj-final{background:#942d2c;color:#f8efe0;min-height:430px;display:flex;flex-direction:column;justify-content:space-between}
.pj-score{margin:30px 0;display:flex;flex-direction:column;gap:7px}
.pj-score>span{font:13px var(--font);letter-spacing:.06em}
.pj-score>span:last-child{text-align:right;color:#c6e4eb}
.pj-score>strong{font:600 clamp(95px,11vw,160px)/1 var(--display);align-self:center;white-space:nowrap}
.pj-goal{display:flex;gap:23px;align-items:center;margin-bottom:28px}
.pj-goal>b{font:400 48px/1 var(--serif)}
.pj-goal p{font:15px/1.5 var(--font);margin:0}
.pj-belonging{--pj-red:#28526e}
.pj-belonging .pj-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px}
.pj-belonging .pj-hero-art{padding:0 15px}
.pj-belonging .pj-contents{grid-template-columns:repeat(3,minmax(0,1fr))}
.pj-fans-reading{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:clamp(32px,7vw,100px);margin-top:45px;align-items:start}
.pj-landscape{background:#e5e3d8;padding:20px}
.pj-landscape .jr-photo img{aspect-ratio:16/9;object-fit:cover;object-position:50% 60%}
.pj-margin{padding:28px 0;border-top:3px solid var(--pj-blue);color:var(--pj-blue)}
.pj-margin>b{font:600 clamp(40px,4vw,60px)/1 var(--display)}
.pj-margin>p{font:italic 25px/1.4 var(--serif);white-space:pre-line;margin:20px 0}
.pj-fans-voice .pj-landscape{background:#272723}
.pj-fans-voice .pj-landscape figcaption{color:#e6dfce}
.pj-fans-voice .pj-margin{color:#a8422e;border-color:#a8422e}
.pj-stay{background:#dedfcf;padding:30px;min-width:0}
.pj-stay>span{font:11px/1.5 var(--font)}
.pj-stay>p{font:600 clamp(40px,4.2vw,64px)/1.04 var(--display);margin:35px 0 28px;letter-spacing:-.02em}
.pj-stay em{font:italic clamp(23px,2.6vw,35px)/1.2 var(--serif)}
.pj-seat-rows{display:grid;grid-template-columns:repeat(6,1fr);gap:15px 10px;margin:35px 0;color:#526653}
.pj-seat-rows>i{height:20px;border:1px solid currentColor;border-radius:5px 5px 0 0;border-bottom:5px solid currentColor;opacity:.55}
.pj-stay>a{font:14px/1.5 var(--font);display:flex;justify-content:space-between;gap:12px;border-block:1px solid var(--ink);padding:17px 0}
.pj-stay>small{font:11px/1.5 var(--font);display:block;margin-top:15px;color:#555d51}
.pj-ending{border-block:1px solid var(--ink);padding-block:42px 50px;margin-top:20px;max-width:1100px}
.pj-ending>span{font:12px var(--font);color:var(--pj-red)}
.pj-ending>p{font:400 clamp(26px,2.5vw,37px)/1.35 var(--serif);margin:23px 0 0;text-wrap:pretty}
.pj-cover-credit{max-width:1100px;font:12px/1.6 var(--font);color:var(--muted);padding-top:24px}
.pj-cover-credit p{max-width:850px;margin:0}
.jp-yearbook .jp-photo img,.jp-belonging .jp-photo img{object-fit:contain!important;object-position:center!important;background:var(--paper)}
.pj-article a:focus-visible,.pj-article button:focus-visible{outline:2px solid var(--pj-blue);outline-offset:5px}
@media(min-width:1600px){.pj-hero{max-width:1420px}.pj-hero-art{max-width:560px}}
@media(max-width:1000px){.pj-hero h1{font-size:8.7vw}.pj-hero{gap:30px}.pj-belonging .pj-hero{gap:30px}.pj-contents{gap:14px}.pj-contents b{font-size:19px}.pj-split{gap:32px}.pj-intro{grid-template-columns:180px minmax(0,1fr);gap:28px}.pj-wide-photo{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:25px}.pj-wide-photo strong{font-size:130px}.pj-wide-photo aside p{font-size:22px}}
@media(max-width:760px){.pj-hero,.pj-belonging .pj-hero{grid-template-columns:1fr;gap:32px;padding-block:20px 35px}.pj-hero h1{font-size:clamp(64px,13.8vw,103px);margin-bottom:22px}.pj-hero h1 span{display:inline}.pj-hero h1 span::after{content:' '}.pj-yearbook h1 span:first-child{display:block}.pj-deck{max-width:34ch;font-size:26px;margin-bottom:24px}.pj-kicker{margin-bottom:22px}.pj-hero-art{max-width:510px;width:100%;justify-self:center}.pj-belonging .pj-hero-art{padding-inline:8px}.pj-contents{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding-block:9px}.pj-contents a{padding:15px 0}.pj-contents b{font-size:21px}.pj-belonging .pj-contents{grid-template-columns:1fr}.pj-belonging .pj-contents a{flex-direction:row;align-items:baseline;gap:20px;border-bottom:1px solid var(--pj-line)}.pj-belonging .pj-contents a:last-child{border-bottom:0}.pj-belonging .pj-contents span{width:105px;flex-shrink:0}.pj-intro{grid-template-columns:1fr;gap:24px;padding-block:40px 45px}.pj-intro>span{white-space:normal}.pj-chapter{padding-block:35px 45px}.pj-chapter-heading{margin-bottom:26px}.pj-chapter h2{font-size:clamp(36px,7vw,52px)}.pj-date{margin-bottom:24px}.pj-date>div{flex-direction:column;gap:2px}.pj-split,.pj-wide-photo,.pj-fans-reading{grid-template-columns:1fr;gap:30px}.pj-article .jr-prose{font-size:21px}.pj-photo figcaption{grid-template-columns:1fr;gap:8px}.pj-photo figcaption>span:last-child{text-align:left}.pj-portrait{max-width:440px;justify-self:center}.pj-portrait .jr-photo{padding:18px}.pj-stopwatch,.pj-height,.pj-final{min-height:0;padding:25px}.pj-stopwatch>strong{font-size:clamp(78px,16vw,110px);margin-block:65px 30px}.pj-height-number{font-size:120px}.pj-score>strong{font-size:140px}.pj-wide-photo>aside{display:grid;grid-template-columns:auto 1fr;gap:10px 25px;align-items:center}.pj-wide-photo strong{grid-row:span 2;font-size:130px}.pj-wide-photo aside p{margin:0;font-size:23px}.pj-wide-photo aside>span{font-size:11px}.pj-wide-photo{margin-bottom:30px}.pj-landscape{padding:12px}.pj-landscape .jr-photo img{aspect-ratio:4/3}.pj-fans-reading{margin-top:28px}.pj-margin{padding:20px 0}.pj-margin>b{font-size:48px}.pj-margin>p{font-size:23px;margin-bottom:0}.pj-stay>p{font-size:62px}.pj-stay em{font-size:32px}.pj-ending{padding-block:30px 35px}.pj-ending>p{font-size:28px}.pj-cover-credit{padding-top:20px}}
@media(max-width:380px){.pj-hero h1{font-size:60px}.pj-deck{font-size:24px}.pj-article .jr-prose{font-size:20px}.pj-contents b{font-size:19px}.pj-chapter h2{font-size:34px}.pj-match-card{padding:18px}.pj-match-card>b{font-size:27px}.pj-stopwatch,.pj-height,.pj-final,.pj-stay{padding:20px}.pj-stay>p{font-size:54px}.pj-stay em{font-size:28px}.pj-score>strong{font-size:118px}}
@media(prefers-reduced-motion:reduce){[data-pinned-motion]{display:none}.pj-collage .collage-layer{animation:none;opacity:0;will-change:auto}.pj-motion .stadium-pulse{animation:none;opacity:.45}}
