/* Editorial pages share the portfolio's ink, cream, orange and local Jakarta type. */
.journal-header{width:min(100% - 48px,1120px);margin:auto;padding:14px 0;min-height:76px;height:auto;position:relative;border-bottom:1px dashed #d6d3cc;background:transparent;backdrop-filter:none}.journal-header nav{display:flex!important;position:static;inset:auto;gap:24px;padding:0;background:transparent;box-shadow:none;width:auto;border:0;align-items:center;font-size:13px}.journal-header nav a{display:inline-flex;align-items:center;min-height:44px;margin:0}.journal-start{border:1px solid #222;border-radius:30px;padding:8px 16px;gap:10px}.journal-brand-dot{height:11px;width:11px;background:#ff5a0a;border-radius:50%;margin-left:1px}.journal-skip{position:absolute;top:-80px;left:16px;background:white;padding:12px;z-index:100}.journal-skip:focus{top:10px}.journal-index,.journal-related{width:min(1120px,100% - 48px);margin:0 auto}.journal-intro{padding:80px 0 60px;text-align:center}.journal-intro h1{font-size:clamp(42px,7vw,84px);letter-spacing:-.055em;line-height:1.08;margin:22px 0}.journal-intro h1 em{color:#ff5a0a;font-family:Georgia,serif;font-weight:400}.journal-intro p{font-size:18px;line-height:1.7;color:#555}.text-link{display:inline-flex;gap:30px;align-items:center;min-height:44px;font-size:13px;margin-top:20px;border-bottom:1px solid #222}.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.journal-card{display:flex;flex-direction:column;border:1px solid #dfddd6;border-radius:22px;overflow:hidden;background:#fffdfa;min-width:0;transition:transform .2s,box-shadow .2s}.journal-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #2520180a}.journal-art{height:180px;background:#ff5a0a;position:relative;overflow:hidden;padding:22px 28px;color:#161616;isolation:isolate}.journal-art>span{position:absolute;right:20px;top:-30px;font-size:160px;letter-spacing:-.12em;font-weight:800;line-height:1.5;opacity:.15}.journal-art b{position:absolute;bottom:24px;left:28px;max-width:70%;font-size:25px;letter-spacing:-1px;line-height:1.2}.journal-art i{position:absolute;width:90px;height:90px;border:1px solid currentColor;border-radius:50%;left:28px;top:20px;opacity:.6}.art-1{background:#171717;color:#fff8e9}.art-1 i{border-radius:14px;transform:rotate(20deg)}.art-2{background:#eee9de}.art-2 i{border-radius:0;transform:rotate(45deg)}.art-3{background:#ffd2bc}.art-3 i{width:120px;height:55px;border-radius:99px}.journal-card-body{padding:26px;display:flex;flex:1;flex-direction:column}.journal-meta{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#675c53;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.journal-card h2{font-size:25px;line-height:1.25;letter-spacing:-.8px;margin:18px 0 12px}.journal-card p{font-size:14px;line-height:1.75;color:#615b55;margin:0 0 22px}.read-link{margin-top:auto;display:flex;justify-content:space-between;border-top:1px dashed #ddd5cc;padding-top:17px;font-size:12px;font-weight:700}.read-link b{font-size:21px;font-weight:400}.journal-closing{text-align:center;background:#171717;color:#fff;border-radius:26px;padding:50px 24px;margin:70px 0}.journal-closing h2{font-size:36px;letter-spacing:-1px;margin:0 0 24px}.journal-footer{min-height:0;height:auto;text-align:left;background:#eee9df;padding:46px max(24px,calc((100% - 1120px)/2));border-top:1px solid #ddd6ca;color:#222}.journal-footer p{font-size:14px;margin:12px 0 18px}.journal-footer>div{display:flex;gap:24px;flex-wrap:wrap}.journal-footer a{min-height:44px;display:inline-flex;align-items:center}.journal-footer small{display:block;margin-top:24px;font-size:11px;color:#62594e}.journal-breadcrumb{width:min(1120px,100% - 48px);margin:30px auto;font-size:11px;display:flex;flex-wrap:wrap;gap:9px;color:#665d55}.journal-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.article-heading{max-width:880px;margin:50px auto 56px;text-align:center;padding:0 24px}.article-heading h1{font-size:clamp(34px,5vw,59px);line-height:1.12;letter-spacing:-.045em;margin:20px 0 24px}.article-deck{max-width:650px;margin:0 auto;font-size:18px;color:#625b53;line-height:1.7}.article-byline{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 20px;font-size:11px;margin-top:26px;color:#73675c}.article-layout{width:min(1050px,100% - 48px);margin:0 auto 80px;display:grid;grid-template-columns:220px minmax(0,680px);gap:60px;align-items:start}.article-toc{position:sticky;top:30px;border-top:2px solid #ff5a0a;padding-top:20px}.article-toc h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px}.article-toc ol{padding-left:18px;margin:0;color:#75675c}.article-toc li{padding:4px 0 10px;font-size:12px;line-height:1.65}.article-toc a:hover{text-decoration:underline;text-underline-offset:3px}.toc-work{display:block;font-size:12px;margin-top:22px;border-top:1px dashed #d7cfc4;padding-top:18px}.article-copy{min-width:0}.article-copy p{font-size:16px;line-height:1.9;color:#48423d;margin:0 0 20px}.article-copy .article-intro{font-size:20px;line-height:1.75;color:#24201d;margin-bottom:42px}.article-copy section{scroll-margin-top:30px;margin-bottom:38px}.article-copy h2{font-size:29px;line-height:1.25;letter-spacing:-.8px;margin:0 0 18px}.article-next{border-radius:22px;background:#171717;color:#fff;padding:32px;margin-top:48px}.article-next h2{color:#fff;margin-top:18px}.article-next p{color:#ded7cc;font-size:15px}.article-next .eyebrow{color:#ffb18c}.article-next .button{font-size:12px;padding:14px 20px}.journal-related{margin-bottom:80px}.journal-related>h2{font-size:34px;letter-spacing:-1px;margin:14px 0 30px}.journal-home{margin-top:80px;margin-bottom:80px}.journal-home .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.journal-home .journal-art{height:130px;padding:16px}.journal-home .journal-art b{font-size:18px;left:20px;bottom:20px}.journal-home .journal-art i{left:20px}.journal-home .journal-art>span{font-size:120px}.journal-home .journal-card-body{padding:20px}.journal-home .journal-card h2{font-size:19px}.journal-home .journal-card p{font-size:12px}.journal-home .journal-meta{font-size:9px}.journal-view-all{display:flex;width:max-content;margin:32px auto 0}
@media(max-width:800px){.article-layout{grid-template-columns:minmax(0,1fr);gap:36px;max-width:680px}.article-toc{position:static;padding:20px;background:#f2eee6;border-radius:12px}.article-toc ol{columns:2;column-gap:28px}.article-toc li{break-inside:avoid}.journal-home .journal-grid{grid-template-columns:minmax(0,1fr)}.journal-home .journal-card{display:grid;grid-template-columns:32% minmax(0,1fr)}.journal-home .journal-art{height:100%}.journal-home .journal-card p{font-size:14px}}
@media(max-width:540px){.journal-header{width:calc(100% - 32px);gap:12px;flex-wrap:wrap}.journal-header .brand{font-size:18px}.journal-header nav{gap:12px;font-size:12px;flex-wrap:wrap}.journal-header .journal-start{padding:5px 11px}.journal-index,.journal-related,.article-layout,.journal-breadcrumb{width:calc(100% - 36px)}.journal-intro{padding:48px 8px 38px}.journal-intro p{font-size:16px}.journal-grid{grid-template-columns:minmax(0,1fr);gap:22px}.journal-card h2{font-size:24px}.journal-card-body{padding:22px}.journal-art{height:150px}.article-heading{margin:34px auto;padding:0 18px}.article-deck{font-size:16px}.article-byline{font-size:10px}.article-toc ol{columns:auto}.article-copy .article-intro{font-size:18px}.article-copy p{font-size:16px;line-height:1.85}.article-copy h2{font-size:26px}.article-next{padding:25px}.article-next .button{width:100%;text-align:center;justify-content:center;white-space:normal}.journal-home .journal-card{display:flex}.journal-home .journal-art{height:130px}.journal-home .journal-card h2{font-size:23px}.journal-footer>div{gap:8px 20px}.journal-footer{padding:35px 22px}.journal-closing h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.journal-card{transition:none}.journal-card:hover{transform:none}}
.journal-footer{display:block}.journal-footer p{color:#61574d}.journal-header nav{animation:none}.journal-header nav a:last-child{margin-top:0}.journal-page h1,.journal-page h2,.journal-card h2{overflow-wrap:break-word}.journal-art b{overflow-wrap:break-word}

.journal-arrow{display:inline-block;vertical-align:middle;flex-shrink:0;margin-left:5px;overflow:visible}
