/* An editorial reading room with an equally useful visual index. */
body:has(.dpo-journal-experience){background:#20282a}.dpo-journal-experience{--dj-bg:#20282a;--dj-muted:#d2d7d2;background:var(--dj-bg);color:#f3f0e8}.dj-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;padding:65px 0 48px}.dj-heading .dpo-eyebrow{font-size:10px;color:#d2d7d2;margin:0 0 18px}.dj-heading h1{font:clamp(64px,8vw,118px)/1 var(--serif);letter-spacing:-.055em;font-weight:400;margin:0;color:#f3f0e8}.dj-heading>p{font-size:14px;line-height:1.7;margin:0 0 5px;color:var(--dj-muted)}.dj-toolbar{position:sticky;top:0;z-index:30;background:#182022ed;backdrop-filter:blur(14px);border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}.dj-toolbar-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.dj-total{font:10px/1.5 var(--mono);letter-spacing:.03em;color:#cfd6d2}.dj-view-buttons{display:flex;gap:5px;background:#101719;padding:5px;border:1px solid #ffffff20;border-radius:30px}.dj-view-buttons button{font:12px var(--sans);color:#e5e9e3;background:none;border:0;padding:10px 19px;border-radius:24px;cursor:pointer;white-space:nowrap}.dj-view-buttons button span{margin-left:13px}.dj-view-buttons button[aria-pressed=true]{color:#152127;background:#e5eacf}.dj-view-buttons button:focus-visible,.dpo-journal-experience button:focus-visible,.dpo-journal-experience a:focus-visible{outline:2px solid #e7edb5;outline-offset:5px}.dj-explore{position:relative}.dj-reel{position:relative;height:var(--dj-length,200vh)}.dj-stage{position:sticky;top:74px;height:calc(100svh - 74px);min-height:520px;overflow:hidden}.dj-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);align-items:center;gap:6vw;padding:46px 8vw 116px;visibility:hidden;will-change:opacity}.dj-slide:first-child{visibility:visible}.dj-image{display:flex;align-items:center;justify-content:center;height:min(56vh,570px);min-height:270px;background:#00000013;text-decoration:none!important;overflow:hidden;box-shadow:0 25px 60px #0000001a}.dj-image img{width:100%;height:100%;object-fit:contain;max-width:100%;display:block}.dj-copy{max-width:440px;align-self:center}.dj-copy time{font-size:10px;color:var(--dj-muted)}.dj-copy h2{font:clamp(35px,4vw,66px)/1.03 var(--serif);letter-spacing:-.045em;margin:22px 0;color:#f3f0e8;font-weight:400;text-wrap:balance}.dj-copy h2 a,.dj-card h2 a{color:inherit;text-decoration:none}.dj-copy p{font-size:14px;line-height:1.75;color:#e0e4df;margin:0 0 27px;max-width:380px}.dj-read{font-size:13px;color:#f3f0e8!important;text-decoration:none!important;display:inline-flex;gap:32px;border-bottom:1px solid #dce2d680;padding:0 0 10px}.dj-read span{font-size:20px}.dj-stepper{position:absolute;bottom:56px;left:8vw;right:8vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff36;padding-top:17px;z-index:10}.dj-stepper button,.dj-finish button,.dj-more{background:none;border:0;color:#f3f0e8;font:12px var(--sans);cursor:pointer;padding:9px 0}.dj-stepper button:disabled{opacity:.3;cursor:default}.dj-position{font:10px var(--mono);letter-spacing:.06em}.dj-scroll-note{position:absolute;bottom:22px;left:8vw;right:8vw;text-align:center;font:9px var(--mono);color:#c1cbc5;margin:0}.dj-finish{padding:45px 0 65px;text-align:center;border-top:1px solid #ffffff24}.dj-finish p{font:30px var(--serif);margin:0 0 18px}.dj-finish button{border-bottom:1px solid #e4eaca;padding-bottom:8px}.dj-browse{padding-top:35px;padding-bottom:90px;min-height:50vh}.dj-filters{display:flex;align-items:flex-end;gap:22px;margin:0 0 22px}.dj-filters>div:first-child{flex:1}.dj-filters label{display:block;font:10px var(--mono);margin-bottom:10px;color:#d5ded6}.dj-filters input,.dj-filters select{width:100%;color:#f3f0e8;background:#111b1b66;border:1px solid #ffffff45;border-radius:0;padding:13px 15px;font:14px var(--sans);height:47px}.dj-filters select{min-width:160px}.dj-filters select option{background:#20282a;color:#f3f0e8}.dj-filters input::placeholder{color:#adb9b4}.dj-clear{height:47px;background:none;color:#dae3d8;border:0;border-bottom:1px solid #ffffff45;font-size:12px;cursor:pointer}.dj-results{font:10px var(--mono);color:#ccd8cd;margin:0 0 27px}.dj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}.dj-card{min-width:0}.dj-card-image{display:block;aspect-ratio:4/3;background:#111719;overflow:hidden;color:#ccd8cd;text-decoration:none}.dj-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.dj-card-image:hover img{transform:scale(1.025)}.dj-card time{display:block;font-size:9px;color:#bdcbc2;margin:19px 0 10px}.dj-card h2{font:30px/1.08 var(--serif);font-weight:400;letter-spacing:-.03em;margin:0 0 14px;color:#f3f0e8}.dj-pick{border:0;background:none;padding:0;color:#d9e6ce;font-size:11px;cursor:pointer;display:none}.dj-ready .dj-pick{display:inline-block}.dj-no-photo{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font:italic 26px var(--serif);color:#cbd7cd}.dj-more{display:block;margin:45px auto 0;border-bottom:1px solid #c9d6c1}.dj-empty{padding:30px 0 60px;color:#d9e4d5}.dj-view-buttons,.dj-filters{visibility:hidden}.dj-ready .dj-view-buttons,.dj-ready .dj-filters{visibility:visible}.dpo-journal-experience~.dpo-footer-wrap{background:#171917;padding-top:25px}
@media(min-width:1700px){.dj-slide{padding-left:max(8vw,calc((100vw - 1600px)/2));padding-right:max(8vw,calc((100vw - 1600px)/2));gap:100px}.dj-image{height:60vh;max-height:680px}}
@media(max-width:800px){.dj-heading{padding:40px 0 30px;gap:20px}.dj-heading h1{font-size:65px}.dj-heading>p{font-size:12px}.dj-heading .dpo-eyebrow{font-size:8px}.dj-total{font-size:8px;max-width:100px}.dj-toolbar-inner{height:66px;gap:10px}.dj-view-buttons button{font-size:11px;padding:9px 14px}.dj-view-buttons button span{margin-left:7px}.dj-stage{top:66px;height:calc(100svh - 66px);min-height:610px}.dj-slide{grid-template-columns:1fr;grid-template-rows:minmax(180px,34vh) auto;gap:22px;padding:25px 7vw 118px;align-content:center}.dj-image{height:100%;min-height:0;max-height:34vh}.dj-copy{max-width:100%}.dj-copy h2{font-size:35px;margin:12px 0 14px;text-wrap:initial}.dj-copy time{font-size:9px}.dj-copy p{font-size:12px;line-height:1.6;margin-bottom:15px;max-width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dj-read{font-size:12px;padding-bottom:7px}.dj-stepper{bottom:50px;left:7vw;right:7vw;padding-top:10px}.dj-scroll-note{bottom:20px;font-size:8px}.dj-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.dj-card h2{font-size:24px}.dj-filters{flex-wrap:wrap;gap:15px}.dj-filters>div:first-child{flex-basis:100%}.dj-filters>div:nth-child(2){flex:1}.dj-filters select{min-width:0}}
@media(max-width:450px){.dj-heading{display:block}.dj-heading>p{margin-top:20px}.dj-heading>p br{display:none}.dj-heading>p br::after{content:' '}.dj-card h2{font-size:22px}.dj-stage{min-height:600px}.dj-slide{gap:17px}.dj-copy h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.dj-card-image img{transition:none}.dj-slide{will-change:auto}}