.photo-journal { background:radial-gradient(ellipse at 80% 5%,#16354a66,transparent 32%),#071225; }
.journal-intro { max-width:780px; padding:64px 0 40px; }
.journal-intro h1 { font-size:clamp(32px,4.4vw,60px); line-height:1.5; letter-spacing:.02em; }
.journal-intro h1 em { font-style:normal; color:#c6e7f5; }
.journal-intro > p:not(.eyebrow):not(.byline) { max-width:640px; }
.journal-lead { color:#d6e8f1; font-size:clamp(16px,1.7vw,19px); }
.journal-contents { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; margin:0 0 64px; }
.journal-contents a { padding:16px 0; border-bottom:1px solid #c3d8e733; text-decoration:none; font-size:14px; }
.journal-contents span { color:#7fcde4; margin-right:16px; font:12px "Outfit",sans-serif; }
.journal-section { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(24px,5vw,72px); margin:0 0 100px; scroll-margin-top:24px; }
.journal-section figure { margin:0; }
.journal-section img { display:block; width:100%; height:auto; border-radius:4px; }
.journal-section figcaption { color:#acbeca; font-size:12px; line-height:1.9; padding-top:14px; }
.journal-section:nth-of-type(even) figure { order:2; }
.journal-copy { min-width:0; }
.journal-copy h2 { font-size:clamp(23px,2.5vw,32px); }
.journal-copy p { font-size:15px; line-height:2; }
.journal-copy h3 { margin-top:28px; font-size:15px; color:#b4e6f7; }
.journal-copy .photo-tip { margin-top:24px; padding:16px 20px; background:#11293a; }
.journal-copy .photo-tip p { font-size:13px; }
.journal-check { max-width:740px; margin:0 auto 64px; }
.journal-guide { display:inline-flex; align-items:center; gap:24px; padding:12px 0; text-decoration:none; border-bottom:1px solid #b4e6f7; }
.journal-sources { max-width:740px; margin:40px auto 64px; color:#acbeca; }
.journal-sources h2 { font-family:inherit; font-size:14px; }
.journal-sources p { font-size:12px; line-height:1.9; }
.photo-journal a:focus-visible { outline:2px solid #9be6fc; outline-offset:5px; }
@media(max-width:760px) {
 .photo-journal .wrap { width:calc(100% - 40px); }
 .photo-journal .site-header { gap:12px; flex-wrap:wrap; padding-block:16px; min-height:80px; }
 .photo-journal .site-header .header-link { font-size:11px; }
 .journal-intro { padding-top:40px; }
 .journal-contents { grid-template-columns:1fr; margin-bottom:40px; }
 .journal-section { grid-template-columns:1fr; margin-bottom:64px; }
 .journal-section:nth-of-type(even) figure { order:0; }
 .journal-section figure { max-width:520px; margin-inline:auto; }
 .journal-copy p { font-size:15px; }
}