.ojf-main,.ojf-featured{--ojf-ink:#242723;--ojf-green:#4e675d;--ojf-paper:#faf8f3;color:var(--ojf-ink)}
.ojf-page{background:#faf8f3}.ojf-main{padding-top:clamp(70px,8vw,130px)}
.ojf-article-head,.ojf-index-head{max-width:1100px;margin:0 auto;padding:50px 30px 60px}
.ojf-eyebrow{font:500 11px/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:.17em;color:#52645c}
.ojf-article-head h1,.ojf-index-head h1{font-family:var(--wp--preset--font-family--display,Georgia,serif);font-weight:400;font-size:clamp(65px,9vw,140px);letter-spacing:-.055em;line-height:1.03;margin:24px 0}
.ojf-deck{font-family:Georgia,serif;font-size:clamp(21px,2.4vw,30px);line-height:1.5;max-width:810px}
.ojf-byline{font:12px/1.8 Arial,sans-serif!important;color:#617068;margin-top:28px}.ojf-byline span{margin:0 .7em}
.ojf-hero{max-width:1500px;margin:0 auto 70px;padding:0 24px}.ojf-hero img{width:100%;height:auto;max-height:78vh;object-fit:cover;display:block}
.ojf-hero figcaption,.ojf-inline-photo figcaption{font:11px/1.6 Arial,sans-serif;color:#63675f;margin-top:12px}
.ojf-body{max-width:1360px;margin:auto;padding:0 24px}.ojf-body>p,.ojf-body>h2,.ojf-body>.ojf-sources{max-width:710px;margin-left:auto;margin-right:auto}
.ojf-body>p{font:19px/1.85 Georgia,serif;margin-top:0;margin-bottom:26px}.ojf-body>p:first-child:first-letter{float:left;font:88px/.85 Georgia,serif;color:#4e675d;padding:9px 10px 0 0}
.ojf-body>h2{font:400 clamp(30px,4vw,46px)/1.18 Georgia,serif;letter-spacing:-.025em;margin-top:72px;margin-bottom:26px}
.ojf-body .ojf-pullquote{max-width:940px;margin:70px auto;padding:40px clamp(20px,5vw,70px);border:0;border-top:1px solid #b5bdb3;border-bottom:1px solid #b5bdb3;text-align:center;color:#4e675d;background:transparent}
.ojf-pullquote p{font:italic 400 clamp(28px,4.5vw,52px)/1.25 Georgia,serif;margin:0}.ojf-pullquote strong{font-weight:400}
.ojf-inline-photo{max-width:1050px;margin:65px auto}.ojf-inline-photo img{width:100%;height:auto;display:block}
.ojf-sources{border-top:1px solid #d2d2c8;margin-top:65px;padding:25px 0;font:13px/1.9 Arial,sans-serif}.ojf-sources summary{cursor:pointer}.ojf-sources a{color:#425d52;text-underline-offset:3px}
.ojf-article-end{max-width:710px;margin:60px auto 100px;padding:25px;border-top:1px solid #c5c9bf}.ojf-article-end>a{font:22px Georgia,serif;color:#273f34}
.ojf-phases{margin:75px auto;padding:clamp(25px,4vw,60px);background:#273b35;color:#f5eedc;border-radius:3px;max-width:1100px}
.ojf-phases .ojf-eyebrow{color:#c5cbb3}.ojf-phase-heading h2{font:400 clamp(30px,4vw,48px)/1.1 Georgia,serif;margin:10px 0 20px}.ojf-phase-heading>p:last-child{font:14px/1.7 Arial,sans-serif;max-width:660px;color:#d1d9ce}
.ojf-phase-controls{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:30px 0;border-bottom:1px solid #ffffff25;padding-bottom:20px}.ojf-phase-controls button{cursor:pointer;border:1px solid transparent;background:none;color:#c7cbbb;padding:8px 3px;border-radius:3px;font:10px/1.4 Arial,sans-serif;min-width:0}.ojf-phase-controls svg{width:36px;height:36px;display:block;margin:0 auto 6px}.ojf-phase-controls button[aria-pressed=true]{background:#ffffff12;border-color:#d8c994;color:#fff1be}.ojf-phase-controls button:hover{background:#ffffff14}
.ojf-phase-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.ojf-phase-track::-webkit-scrollbar{display:none}.ojf-phase{flex:0 0 100%;box-sizing:border-box;scroll-snap-align:start;display:flex;gap:clamp(20px,5vw,70px);align-items:center;padding:12px 20px 28px}.ojf-phase>svg{width:clamp(95px,15vw,180px);flex-shrink:0;color:#e5d8ae}.ojf-phase h3{font:400 clamp(28px,3vw,40px)/1.1 Georgia,serif;margin:12px 0}.ojf-phase p{font:16px/1.7 Arial,sans-serif;max-width:440px;color:#e1e5d8}
.ojf-phase-nav{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:18px}.ojf-phase-nav button{width:46px;height:46px;border:1px solid #bac2ae;background:transparent;color:#fff2c9;border-radius:50%;font-size:24px;cursor:pointer}.ojf-phase-nav p{font:11px/1.5 Arial,sans-serif;letter-spacing:.04em}.ojf-phases :focus-visible{outline:2px solid #fff1be;outline-offset:4px}
.ojf-index-head h1 span{color:#b18d56}.ojf-index-moons{display:flex;gap:20px;color:#4e675d;margin-top:45px}.ojf-index-moons svg{width:30px;height:30px}
.ojf-index-stories,.ojf-featured{max-width:1320px;margin:0 auto;padding:30px clamp(24px,5vw,70px) 90px}.ojf-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.ojf-section-head h2{font:400 clamp(38px,5vw,65px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:10px 0 0}.ojf-section-head>a{font:13px/1.6 Arial,sans-serif;color:#42594c}
.ojf-card{display:grid;grid-template-columns:1.2fr 1fr;border-top:1px solid #c7cbbf;padding-top:25px;margin-bottom:45px;gap:clamp(25px,4vw,65px)}.ojf-card-image{display:block;overflow:hidden;min-height:270px;background:#303943}.ojf-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.ojf-card-image:hover img{transform:scale(1.025)}.ojf-card-copy{align-self:center;padding:12px 0}.ojf-card h2{font:400 clamp(35px,4vw,60px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:18px 0}.ojf-card h2 a{color:#252922;text-decoration:none}.ojf-card-copy>p:not(.ojf-eyebrow):not(.ojf-byline){font:18px/1.65 Georgia,serif}.ojf-card .ojf-byline{margin:15px 0}.ojf-read{display:inline-block;margin-top:14px;color:#344f42;text-underline-offset:5px;font:13px Arial,sans-serif}.ojf-read span{margin-left:12px}
@media(max-width:600px){.ojf-main{padding-top:65px}.ojf-article-head,.ojf-index-head{padding:35px 22px}.ojf-hero{padding:0 12px;margin-bottom:40px}.ojf-body{padding:0 22px}.ojf-body>p{font-size:18px;line-height:1.8}.ojf-card{grid-template-columns:1fr;gap:12px}.ojf-card-image{min-height:0;aspect-ratio:3/2}.ojf-section-head{display:block}.ojf-section-head>a{display:inline-block;margin-top:20px}.ojf-phases{padding:24px 16px;margin:45px -10px}.ojf-phase-controls{grid-template-columns:repeat(4,1fr)}.ojf-phase{padding:10px 5px 22px;gap:15px;align-items:flex-start}.ojf-phase>svg{width:78px}.ojf-phase p{font-size:14px}.ojf-phase h3{font-size:27px}.ojf-index-moons{gap:12px}.ojf-index-moons svg{width:24px;height:24px}.ojf-body .ojf-pullquote{margin:45px auto;padding:30px 5px}}
@media(prefers-reduced-motion:reduce){.ojf-card-image img{transition:none}}