.essay-reader.portfolio-reader{--accent:#6255a5;--tint:#ece9f6}.essay-reader--sand.portfolio-reader{--accent:#8a6633;--tint:#f3ead0}.essay-reader__article{width:min(1040px,100% - 88px);margin:auto}.essay-reader__hero{grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:52px;padding:52px 0 34px;display:grid}.essay-reader__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:15px;font-size:12px;display:flex}.essay-reader__meta>span:first-child{color:var(--accent)}.essay-reader__meta>span:last-child{background:#e9edea;border-radius:9px;padding:4px 9px}.essay-reader__mark,.essay-reader__section-number{display:none}.essay-reader h1{font:500 clamp(36px,3.8vw,50px)/1.38 var(--serif);letter-spacing:-.035em;text-wrap:balance;margin:19px 0}.essay-reader__deck{font:17px/1.9 var(--sans);color:var(--muted);max-width:44em;margin:0}.essay-reader .essay-reader__emblem{justify-self:center;width:135px;transform:rotate(6deg)}.essay-reader__pullquote{background:var(--tint);border-radius:24px 24px 36px;align-items:flex-start;gap:22px;margin:0 0 48px;padding:25px 30px;display:flex}.essay-reader__pullquote>span{color:var(--accent);opacity:.4;margin-top:4px;font:90px/.9 Georgia,serif}.essay-reader__pullquote>p{font:500 23px/1.7 var(--serif);max-width:36em;margin:0}.essay-reading-layout{grid-template-columns:218px minmax(0,1fr);gap:58px;display:grid}.essay-outline{scrollbar-width:thin;align-self:start;max-height:calc(100dvh - 132px);padding-right:5px;position:sticky;top:108px;overflow:auto}.essay-outline>p{color:var(--accent);margin:0 0 18px;font-size:12px}.essay-outline nav{gap:6px;display:grid}.essay-outline a{font:12px/1.8 var(--sans);color:var(--muted);border-radius:10px;padding:10px 13px;transition:background .2s,color .2s;display:block}.essay-outline a:hover{background:#e9ecef}.essay-outline a[aria-current]{color:var(--accent);background:var(--tint);box-shadow:inset 3px 0 var(--accent)}.essay-outline>span{color:var(--muted);margin:22px 0 0 13px;font-size:11px;display:block}.essay-reader__body{min-width:0}.essay-reader__body>section{margin-bottom:46px;scroll-margin-top:108px}.essay-reader h2{font:500 30px/1.55 var(--serif);letter-spacing:-.015em;margin:0 0 21px}.essay-reader__body section>p:not(.essay-reader__section-number){font:17px/2.05 var(--sans);color:#4e5665;margin:0 0 20px}.essay-reader__footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;margin-top:8px;padding:25px 0;font-size:12px;display:flex}.essay-reader__tags{flex-wrap:wrap;gap:8px;display:flex}.essay-reader__tags span{color:var(--muted);background:#e9edea;border-radius:9px;padding:5px 10px}.essay-reader__footer>a{white-space:nowrap}.essay-next{background:#e8edf0;border-radius:25px;align-items:center;gap:26px;margin:20px 0 60px;padding:30px 34px;transition:background .25s;display:flex}.essay-next:hover{background:#e1e7ee}.essay-next .id-tile{width:76px}.essay-next>div{flex:1}.essay-next>div>span{color:var(--muted);font-size:12px}.essay-next h2{margin:8px 0 0;font-size:28px}.essay-next>span:last-child{font:30px Georgia,serif}.essay-model{background:#fff;border:1px solid #dadfe5;border-radius:25px;margin:5px 0 55px;overflow:hidden;box-shadow:0 16px 25px -25px #25283980}.essay-model>figcaption{padding:25px 28px 21px}.essay-model>figcaption>p{color:var(--accent);margin:0 0 9px;font-size:11px}.essay-model>figcaption h2{margin:0 0 8px;font-size:25px;line-height:1.5}.essay-model>figcaption>span{color:var(--muted);font-size:12px;line-height:1.8}.essay-model__tabs{scrollbar-width:thin;gap:5px;padding:0 16px 16px;display:flex;overflow-x:auto}.essay-model__tabs button{cursor:pointer;min-height:56px;color:var(--muted);text-align:center;background:#f0f2f3;border:0;border-radius:12px;flex:1 0 65px;padding:10px 8px;transition:background .2s,color .2s,transform .2s}.essay-model__tabs button[aria-selected=true]{color:#fff;background:#303749}.essay-model__tabs button:active{transform:scale(.96)}.essay-model__tabs i{opacity:.6;margin-bottom:5px;font:11px Georgia,serif;display:block}.essay-model__tabs span{font-size:12px}.essay-model__panel{background:#eef1f3;grid-template-columns:150px minmax(0,1fr);display:grid}.essay-model__canvas{background:var(--tint);flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:28px 15px 50px;display:flex;position:relative}.essay-model__canvas .id-tile{width:90px}.essay-model__stage{font:13px/1.6 var(--sans);color:var(--accent);margin-top:20px}.essay-model__trace{background:#c8ccda;height:2px;position:absolute;bottom:26px;left:25px;right:25px}.essay-model__trace span{background:var(--accent);height:2px;transition:width .25s;display:block}.essay-model__nodes{justify-content:space-between;display:flex;position:absolute;bottom:23px;left:23px;right:23px}.essay-model__nodes i{background:#e9ecf2;border:1px solid #b1b8cb;border-radius:50%;width:8px;height:8px}.essay-model__nodes i[data-reached=true]{background:var(--accent);border-color:var(--accent)}.essay-model__readout{padding:26px 28px;animation:.25s ease-out reader-step-in}.essay-model__readout h3{font:500 23px/1.55 var(--serif);margin:0 0 13px}.essay-model__readout>p{font:14px/1.9 var(--sans);color:#4e5665;margin:0}.essay-model__readout>div{border-top:1px solid #d5dbe4;margin-top:20px;padding-top:16px}.essay-model__readout>div>span{color:var(--accent);font-size:11px}.essay-model__readout>div>p{font:500 16px/1.8 var(--serif);margin:6px 0 0}@keyframes reader-step-in{0%{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:850px){.essay-reader__article{width:calc(100% - 48px)}.essay-reader__hero{grid-template-columns:minmax(0,1fr) 110px;gap:28px;padding-top:42px}.essay-reader .essay-reader__emblem{width:105px}.essay-reading-layout{grid-template-columns:1fr;gap:36px}.essay-outline{background:#edf0f1;border-radius:20px;max-height:none;padding:22px;position:static}.essay-outline nav{grid-template-columns:1fr 1fr;gap:5px 15px}.essay-outline>span{display:none}.essay-reader__pullquote{margin-bottom:36px}}@media (max-width:600px){.essay-reader__article{width:calc(100% - 40px)}.essay-reader__hero{flex-direction:column-reverse;align-items:flex-start;gap:24px;padding:30px 0;display:flex}.essay-reader .essay-reader__emblem{width:64px;margin-left:5px}.essay-reader__meta{gap:12px;font-size:11px}.essay-reader h1{margin:18px 0;font-size:35px;line-height:1.4}.essay-reader__deck{font-size:15px;line-height:1.95}.essay-reader__pullquote{border-radius:20px 20px 30px;gap:12px;padding:23px}.essay-reader__pullquote>span{font-size:57px}.essay-reader__pullquote>p{font-size:22px;line-height:1.75}.essay-outline{padding:18px 13px}.essay-outline>p{margin-bottom:13px;margin-left:12px}.essay-outline nav{grid-template-columns:1fr;gap:3px}.essay-outline a{font-size:13px}.essay-reader h2{margin-bottom:19px;font-size:27px}.essay-reader__body>section{margin-bottom:40px;scroll-margin-top:90px}.essay-reader__body section>p:not(.essay-reader__section-number){margin-bottom:18px;font-size:16px;line-height:2}.essay-model{border-radius:20px;margin-bottom:38px}.essay-model>figcaption{padding:22px 20px}.essay-model>figcaption h2{font-size:24px}.essay-model__tabs{padding:0 12px 14px}.essay-model__tabs button{flex-basis:61px}.essay-model__panel{grid-template-columns:1fr}.essay-model__canvas{flex-direction:row;justify-content:flex-start;gap:24px;min-height:140px;padding:18px 24px 40px}.essay-model__canvas .id-tile{width:72px}.essay-model__stage{margin-top:0;font-size:17px}.essay-model__readout{min-height:270px;padding:24px 21px}.essay-model__readout h3{font-size:23px}.essay-model__readout>p{font-size:14px}.essay-reader__footer{flex-direction:column;align-items:flex-start;gap:18px}.essay-next{align-items:flex-start;gap:20px;margin-bottom:40px;padding:23px}.essay-next .id-tile{width:48px;margin-top:7px}.essay-next h2{font-size:23px}.essay-next>span:last-child{display:none}}