/* A personal newspaper: strong lead, uneven columns, diagrams and a signed editorial. */
:root{--paper:#e6e2d7;--print:#1d211d;--press-copper:#a65b27}
.leaf{background-color:var(--paper)}
.front .masthead{position:relative;font:720 78px/1 Newsreader;letter-spacing:-4px;text-align:left;padding:14px 0 8px;border-top:5px solid var(--print);border-bottom:1px solid var(--print)}
.masthead small{font:italic 27px/1 Newsreader;display:inline-block;transform:rotate(-90deg);margin:0 -4px 0 -12px}
.masthead-seal{position:absolute;right:0;top:14px;border:1px solid;border-radius:50%;width:63px;height:63px;display:grid;place-items:center;font:italic 32px/1 Newsreader;letter-spacing:-3px}
.issue-line{padding:8px 0;border-bottom:3px double var(--print)}
.origin-feature{height:466px;padding-top:18px}
.origin-title{width:100%}
.front .origin-title h2{font:650 83px/.86 Newsreader;letter-spacing:-3.8px;margin:13px 0 0;position:relative;z-index:2}
.front .origin-title h2 em{font-weight:400;font-size:83px}
.front .origin-art{width:540px;height:300px;top:155px;right:-14px;transform:rotate(-5deg);mix-blend-mode:multiply;z-index:1}
.front .origin-art img{width:100%;height:100%;object-fit:contain}
.origin-art figcaption{bottom:6px;right:33px;font-size:9px}
.origin-bottom{position:absolute;left:0;bottom:32px;right:auto;width:245px;display:block;z-index:3;padding:0}
.origin-bottom p,.origin-bottom p+p{font:21px/1.22 Newsreader;max-width:none;margin:0}
.origin-bottom p+p{margin-top:16px}
.origin-year{position:absolute;right:18px;top:20px;font:800 65px/.8 Anybody;color:#a65b27;letter-spacing:-4px;transform:rotate(6deg)}
.front .credit-story{margin-top:3px;padding-top:0}
.front .credit-copy h2{font:600 62px/.93 Newsreader;letter-spacing:-2px;margin:19px 0}
.credit-layout{grid-template-columns:315px 1fr;gap:40px}
.credit-copy p{font:22px/1.2 Newsreader}
.credit-print{margin-top:29px;height:330px}
.credit-under{background:#242820;padding:25px 24px;transform:rotate(-2deg)}
.credit-under strong{font:600 68px/.84 Newsreader;letter-spacing:-3px;margin:19px 0}
.credit-under small{font-size:11px}
.credit-print figcaption{font-size:9px;bottom:-27px}
.editor-note-personal{bottom:72px;left:38px;width:480px;max-width:480px;border-top:1px solid #a7a38f;padding-top:14px}
.editor-note-personal p{font:italic 23px/1.08 Newsreader}
.editor-signature{right:40px;bottom:72px;width:195px;height:61px}
.direct-feature{position:relative;background:#22261f;color:#e6e2d7;height:550px;margin:23px -15px 0;padding:28px 32px;overflow:hidden;transform:rotate(-1deg)}
.direct-eyebrow{font:11px/1.2 Public;border-bottom:1px solid #777565;padding-bottom:16px}
.inside .direct-feature h2{font:600 135px/.88 Newsreader;letter-spacing:-7px;margin-top:31px;white-space:nowrap;transform:rotate(-3deg)}
.inside .direct-feature h2 small{display:block;font:italic 42px/1 Newsreader;letter-spacing:-1.5px;margin-bottom:20px}
.inside .direct-feature h2>span{display:block;font:600 32px/1 Public;letter-spacing:-1px;margin:6px 0 0 5px;color:#d47e30}
.direct-deck{position:absolute;right:35px;top:auto;bottom:87px;width:345px;border:0;padding:0;transform:rotate(1deg)}
.direct-deck p{font:25px/1.12 Newsreader;max-width:none}
.direct-bridge{position:absolute;left:32px;right:32px;bottom:24px;display:flex;align-items:center;gap:20px;border-top:1px solid #777565;padding-top:15px;font:11px/1 Public}
.direct-bridge i{font:28px/.5 Newsreader;color:#d47e30}
.responsibility-feature{grid-template-columns:390px 1fr;margin-top:34px;gap:40px}
.inside .responsibility-feature h3{font:550 44px/.98 Newsreader;letter-spacing:-1.2px;margin:14px 0 15px}
.responsibility-intro p{font:21px/1.2 Newsreader}.responsibility-intro .article-kicker{font:10px/1.2 Public}
.responsibility-notes{padding-left:25px;border-left:1px solid #9d9b88}.responsibility-notes section+section{margin-top:24px}.responsibility-notes p{font:21px/1.2 Newsreader}
.agency-footnote{margin-top:30px;padding:14px 0;border-top:3px double #676b5b;border-bottom:1px solid #676b5b}
.agency-footnote strong{font:600 96px/.9 Newsreader;letter-spacing:-6px}.agency-footnote strong span{font-size:53px;vertical-align:top}.agency-footnote p{font:italic 29px/1 Newsreader}.agency-footnote>span{font-size:10px}
.overleaf-note{margin-top:26px;padding:0;border:0;align-items:center}.overleaf-note p{font:italic 37px/1 Newsreader}.overleaf-note>span{font:21px/1.15 Newsreader}
.college-feature{position:relative;padding-top:35px;height:505px}
.place-note{border:0;top:32px;right:10px;width:245px;transform:rotate(6deg);padding:0;border-bottom:1px solid #a29c88;padding-bottom:14px}
.place-note span,.place-note b{font:italic 37px/1 Newsreader}.place-note svg{height:65px}.place-note small{margin:15px 0 0;text-align:right;font-size:10px}
.college .college-feature h2{position:relative;font:650 100px/.88 Newsreader;letter-spacing:-5px;width:570px;margin:125px 0 0}
.college .college-feature h2 em{display:block;font-weight:400;font-size:133px;line-height:.85;padding-left:196px}
.college .college-feature .college-amp{position:absolute;left:15px;top:73px;font:italic 156px/1 Newsreader;color:#a65b27;margin:0;letter-spacing:-8px}
.college-feature>p:last-child{font:24px/1.2 Newsreader;max-width:610px;margin-top:32px}
.parallel-story{margin-top:5px;padding-top:24px;height:auto;border-top:3px double #6e715f}
.parallel-story header{display:grid;grid-template-columns:1fr 270px;gap:45px;align-items:end;margin-bottom:36px}
.college .parallel-story header h3{font:550 42px/.96 Newsreader;letter-spacing:-1px}.parallel-story header p{font:19px/1.2 Newsreader}
.time-axis{display:flex;justify-content:space-between;margin-left:252px;padding-bottom:14px;font:11px/1 Public;border-bottom:1px solid #9a9a86}
.career-band{display:grid;grid-template-columns:230px 1fr;gap:22px;margin-top:19px;align-items:center}.career-band b{font:550 21px/1.1 Newsreader;display:block}.career-band small{font:10px/1.2 Public;display:block;margin-top:5px}
.career-band i{display:block;height:15px;background:#34382c;position:relative}.career-band i:after{content:'';position:absolute;right:-3px;top:-4px;width:3px;height:23px;background:inherit}.agency-band i{width:32%}.degree-band i{margin-left:14%;width:86%;background:#ac6128}.uc-band i{margin-left:27%;width:73%}
.college .graduation-event{position:relative;inset:auto;margin-top:39px;border-top:1px solid #979682;padding-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:9px 35px;width:auto}
.graduation-event>p{font:11px/1 Public;margin:0}.college .graduation-event h3{grid-column:1;font:italic 52px/.95 Newsreader;letter-spacing:-2px;margin:0}.graduation-event>span{position:static;grid-column:2;grid-row:1 / 3;font:21px/1.2 Newsreader}.graduation-event strong{font:11px/1 Public;grid-column:1}.graduation-event small{font:11px/1.3 Public;grid-column:2}
.reporting-opening{padding-top:30px}.reporting .reporting-opening h2{font:750 93px/.92 Anybody;letter-spacing:-5px;margin:28px 0 25px}.reporting .reporting-opening h2 em{font:italic 112px/.9 Newsreader;letter-spacing:-5px}
.reporting-context{grid-template-columns:115px 1fr;gap:35px;margin-top:32px;padding:20px 0;border-top:3px double #666b5b;border-bottom:1px solid #999883}.reporting-context p{font:26px/1.16 Newsreader;max-width:620px}
.reporting-work{grid-template-columns:420px 1fr;gap:55px;margin-top:0;padding-top:32px;border-top:0}.reporting .work-caption h3{font:550 45px/.97 Newsreader;letter-spacing:-1.5px}.work-caption p{font:23px/1.18 Newsreader}.source-print{padding-top:19px}.source-print svg{height:175px}.source-print strong{font-size:31px}
.reporting .manager-voice{position:relative;margin:34px 0 0;padding:23px 0 0 50px;background:none;color:var(--print);box-shadow:none;transform:none;border-top:3px double #696d5b}
.reporting .manager-voice:before{content:'“';position:absolute;left:-7px;top:42px;font:135px/1 Newsreader;color:#a65b27}
.quote-label{font-size:10px;color:var(--print);border:0;padding:0;margin-bottom:17px}.quote-label strong{font-size:10px}.reporting .manager-voice>p{font:italic 37px/1.1 Newsreader;color:var(--print);letter-spacing:-.7px}.reporting .manager-voice footer{font-size:10px;color:#535647;margin-top:16px}
.motion .reading-controls{border:0;border-top:1px solid #81705e;padding:5px 3px;background:#000e;bottom:19px}.motion .reading-controls button{padding:11px 14px;font-size:11px}.motion .reading-controls button[aria-pressed=true]{background:none;color:#e49754;box-shadow:inset 0 -2px #d47e30}.motion .stage-caption{font-size:10px}.motion .stage-caption>span{background:none;text-shadow:0 1px 5px #000,0 1px 9px #000;color:#bcb8ab}
@media(max-width:760px){
.front .masthead{font-size:35px;letter-spacing:-2px;padding:15px 0 11px}.masthead small{font-size:14px;margin-left:-9px}.masthead-seal{display:none}
.origin-feature{height:auto;padding-top:23px}.front .origin-title h2,.front .origin-title h2 em{font-size:53px;letter-spacing:-2px;line-height:.95}.origin-year{font-size:47px;right:0;top:17px;letter-spacing:-3px}
.origin-bottom{position:relative;inset:auto;width:auto;margin-top:26px}.origin-bottom p,.origin-bottom p+p{font-size:22px;line-height:1.25}.front .origin-art{position:relative;inset:auto;width:100%;height:auto;transform:rotate(-3deg);margin:14px 0 28px}.front .origin-art img{height:auto}.origin-art figcaption{position:static;text-align:right;font-size:9px}
.credit-layout{display:block}.front .credit-copy h2{font-size:52px}.credit-copy p{font-size:22px}.credit-print{margin:28px 0 38px;height:360px}.credit-under strong{font-size:68px}.editor-note-personal{position:relative;inset:auto;width:auto;max-width:none;margin-top:38px}.editor-note-personal p{font-size:24px}.editor-signature{position:relative;inset:auto;margin-top:23px;width:190px}
.direct-feature{height:490px;min-height:0;padding:22px 19px;margin:24px -6px 0}.direct-eyebrow{font-size:9px}.inside .direct-feature h2{font-size:63px;letter-spacing:-3px;margin-top:30px}.inside .direct-feature h2 small{font-size:29px;margin-bottom:16px}.inside .direct-feature h2>span{font-size:21px;letter-spacing:-.7px}.direct-deck{left:22px;right:22px;bottom:91px;width:auto}.direct-deck p{font-size:24px}.direct-bridge{left:22px;right:22px;bottom:24px;gap:14px;font-size:9px}
.responsibility-feature{display:block}.inside .responsibility-feature h3{font-size:40px}.responsibility-intro p,.responsibility-notes p{font-size:22px}.responsibility-notes{border:0;padding:0}.agency-footnote{gap:13px}.agency-footnote strong{font-size:83px}.agency-footnote p{font-size:25px}.agency-footnote>span{width:100%}.overleaf-note p{font-size:35px}.overleaf-note>span{font-size:22px}
.college-feature{height:auto;padding-top:22px}.place-note{position:relative;inset:auto;width:205px;margin:0 0 39px auto}.place-note span,.place-note b{font-size:32px}.college .college-feature h2{font-size:64px;letter-spacing:-3px;width:100%;margin:0}.college .college-feature h2 em{font-size:84px;padding-left:108px}.college .college-feature .college-amp{font-size:92px;left:3px;top:45px;letter-spacing:-4px}.college-feature>p:last-child{font-size:24px;margin-top:31px}
.parallel-story{border-left:0;border-top:3px double;margin-top:30px;padding:24px 0 0}.parallel-story header{display:block;margin-bottom:25px}.college .parallel-story header h3{font-size:37px}.parallel-story header p{font-size:21px;margin-top:17px}.time-axis{margin-left:0;font-size:10px}.career-band{display:block;margin-top:24px}.career-band b{font-size:24px}.career-band small{font-size:11px}.career-band i{margin-top:13px;height:12px}.college .graduation-event{display:block;margin-top:35px}.college .graduation-event h3{font-size:48px;margin:15px 0}.graduation-event>span,.graduation-event strong,.graduation-event small{display:block;margin-top:13px}.graduation-event>span{font-size:22px}.graduation-event small{font-size:12px}
.reporting-opening{padding-top:24px}.reporting .reporting-opening h2{font-size:50px;letter-spacing:-2.8px;margin-top:21px}.reporting .reporting-opening h2 em{font-size:57px;letter-spacing:-2.2px}.reporting-context{display:block;margin-top:28px}.reporting-context p{font-size:24px}.reporting-work{display:block;padding-top:27px}.reporting .work-caption h3{font-size:37px}.work-caption p{font-size:23px}.source-print{padding-top:20px;margin-top:23px}.source-labels{font-size:11px}.reporting .manager-voice{margin-top:28px;padding:23px 0 0 24px}.reporting .manager-voice:before{font-size:75px;left:-8px;top:73px}.quote-label strong{font-size:10px}.reporting .manager-voice>p{font-size:31px;line-height:1.12}.reporting .manager-voice footer{font-size:10px}
}
.time-axis{position:relative;display:block;height:25px}.time-axis span{position:absolute;top:0}.time-axis span:nth-child(1){left:0}.time-axis span:nth-child(2){left:23.53%}.time-axis span:nth-child(3){left:47.06%}.time-axis span:nth-child(4){left:70.59%}.time-axis span:nth-child(5){left:94.12%}.agency-band i{width:39.22%}.degree-band i{margin-left:13.73%;width:86.27%}.uc-band i{margin-left:27.45%;width:72.55%}

.motion .stage-caption>span:first-child{visibility:hidden}.motion .stage-caption>.chapter-caption{background:#000e;padding:9px 12px;color:#dfdace;text-shadow:none}
.print .leaf{overflow:hidden}
@media(max-width:760px){.origin-year{display:none}.time-axis span:last-child{left:auto;right:0}}

.ownership-slip{position:absolute;left:26px;bottom:91px;width:410px;height:127px;background:#e9e3d1;color:#252a21;transform:rotate(-4deg);padding:15px 22px;box-shadow:0 5px 8px #0003}
.ownership-slip small{display:block;font:10px/1 Public;color:#a65b27}.ownership-slip b{display:block;font:italic 42px/1 Newsreader;margin:13px 0 12px}.ownership-slip span{font:10px/1 Public}
.print .ownership-slip{visibility:hidden}
@media(max-width:760px){.direct-feature{height:660px}.ownership-slip{top:262px;bottom:auto;left:18px;width:calc(100% - 36px);height:114px;padding:14px 18px}.ownership-slip b{font-size:34px}.direct-deck{bottom:90px}.direct-deck p{font-size:22px}}

.time-chart{position:relative}.overlap-marker{position:absolute;z-index:2;left:calc(252px + (100% - 252px)*.2745);top:21px;bottom:0;border-left:1px solid #a65b27;pointer-events:none}
.overlap-marker:after{content:'';position:absolute;bottom:0;left:-6px;width:11px;height:11px;border:2px solid #a65b27;border-radius:50%;background:#e6e2d7}.overlap-marker span{position:absolute;top:100%;left:0;transform:translate(-50%,8px);white-space:nowrap;font:9px/1 Public;color:#8b461a;letter-spacing:.8px}
.print .overlap-marker{border-color:transparent}.print .overlap-marker:after{visibility:hidden}
.reporting-context>span{font:10px/1.5 Public}
@media(max-width:760px){.overlap-marker{display:none}.reporting-context>span{display:block;margin-bottom:15px;font-size:11px}}

.source-labels{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
