/* Stories components inherit the same typography, appearance and chrome as JDM4U. */
.journal-page{--journal-ink:var(--chrome-ink,#172129);--journal-muted:var(--chrome-muted,#535f66);--journal-line:var(--chrome-line,#c6cece);--journal-red:var(--red,#cc303b);--journal-night:#0b0e12}
.journal-main{background:var(--chrome-bg,#fff);color:var(--journal-ink)}
.journal-main img{max-width:100%;height:auto}
.journal-main button{font:inherit}
.journal-main :focus-visible{outline:3px solid var(--journal-red);outline-offset:5px}
.journal-shell{width:min(1320px,calc(100% - 64px));margin-inline:auto}
.journal-title{padding:clamp(44px,6vw,76px) 0 60px}
.journal-kicker{color:var(--journal-red);font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}
.journal-title h1,.journal-watch h1{font-size:clamp(3.25rem,6.4vw,5.8rem);font-weight:800;letter-spacing:-.055em;line-height:1.02;margin:22px 0 26px}
.journal-title h1 em,.journal-watch h1 em{font-style:normal;color:var(--journal-red)}
.journal-lead{font-size:clamp(1.08rem,1.6vw,1.4rem);line-height:1.6;max-width:780px;color:var(--journal-muted)}
.journal-feature{background:var(--journal-night);color:#f8f6f3;padding:60px 0}
.journal-feature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:8%;align-items:center}
.journal-feature-copy h2,.journal-next h2{font-size:clamp(3.1rem,5.8vw,5.7rem);font-weight:800;letter-spacing:-.055em;line-height:1.02;margin:22px 0 26px}
.journal-feature-copy h2 em,.journal-next h2 em{font-style:normal;color:#ff8992}
.journal-feature-copy>.journal-kicker,.journal-next .journal-kicker{color:#ff8992}
.journal-feature-copy>p:not(.journal-kicker):not(.journal-fine){color:#c6cdd5;font-size:18px;line-height:1.65;max-width:530px}
.journal-phone{margin:0;width:min(100%,350px);justify-self:end}
.journal-phone video{width:100%;height:auto;aspect-ratio:9/16;display:block;background:#030405;border:1px solid #ffffff30;border-radius:12px;box-shadow:0 24px 70px #0004}
.journal-phone figcaption{margin-top:14px;font-size:10px;letter-spacing:.1em;line-height:1.7;color:var(--journal-muted)}
.journal-feature .journal-phone figcaption{color:#a9b7c1}
.journal-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:28px 0 24px}
.journal-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--journal-red);border-radius:100px;background:var(--journal-red);color:#fff;text-decoration:none;padding:16px 25px;font-size:14px;font-weight:750;cursor:pointer;min-height:50px}
.journal-button:hover{background:#ad202e;border-color:#ad202e}
.journal-text-link{font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}
.journal-fine{font-size:12px;line-height:1.7;color:var(--journal-muted);max-width:770px}
.journal-feature .journal-fine,.journal-next .journal-fine{color:#a9b7c1}
.journal-section{padding:clamp(44px,6vw,72px) 0}
.journal-section-head{display:flex;align-items:start;justify-content:space-between;gap:40px;margin-bottom:40px}
.journal-section-head h2,.journal-reading h2{font-size:clamp(2.2rem,4.3vw,3.8rem);font-weight:800;letter-spacing:-.05em;line-height:1.08;margin:0;max-width:810px}
.journal-archive-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;border-top:1px solid var(--journal-line);padding-top:32px}
.journal-archive-card>a{display:block}
.journal-archive-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.journal-archive-card h3{font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.04em;line-height:1.16;margin:17px 0 22px}
.journal-archive-card h3 a{text-decoration:none}
.journal-archive-card p:not(.journal-kicker):not(.journal-fine){font-size:17px;line-height:1.7;color:var(--journal-muted)}
.journal-next{padding:70px 0 76px;color:#f8f6f3;background:#14212a}
.journal-next>div>p:not(.journal-kicker){font-size:18px;line-height:1.65;color:#c0cbd5;max-width:720px}
.journal-watch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);gap:7%;align-items:start;padding:60px 0 50px}
.journal-back{display:block;width:fit-content;font-size:12px;font-weight:700;color:var(--journal-muted);text-decoration:none;margin-bottom:38px}
.journal-watch-copy>p:not(.journal-kicker):not(.journal-fine):not(.journal-lead){font-size:18px;line-height:1.7;max-width:570px;color:var(--journal-muted)}
.journal-reading{border-top:1px solid var(--journal-line);max-width:940px}
.journal-reading>p:not(.journal-kicker){font-size:18px;line-height:1.75;color:var(--journal-muted);max-width:850px}
.journal-reading h2{margin:22px 0 30px}
.journal-reading h3{font-size:30px;letter-spacing:-.035em;line-height:1.2;margin-top:42px}
.journal-reading p a{text-decoration:underline;text-underline-offset:3px}
.journal-story-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0 46px}
.journal-story-links a{display:flex;flex-direction:column;gap:18px;border-top:2px solid var(--journal-red);text-decoration:none;padding-top:18px}
.journal-story-links span{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--journal-muted)}
.journal-story-links strong{font-size:19px;line-height:1.4}
.journal-transcript{border-top:1px solid var(--journal-line);margin-top:22px}
.journal-transcript summary{padding:20px 0;cursor:pointer;font-size:14px;font-weight:700;min-height:44px}
.journal-transcript p{font-size:15px;line-height:1.75;color:var(--journal-muted)}
.journal-story-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:52px;padding-top:0}
.journal-owner-photo{margin:0}
.journal-owner-photo img{width:100%;display:block;border-radius:16px}
.journal-owner-photo figcaption{margin-top:13px;font-size:12px;color:var(--journal-muted);line-height:1.7}
.journal-story-copy h2{font-size:clamp(2.4rem,4.4vw,4rem);font-weight:800;letter-spacing:-.05em;line-height:1.06;margin:20px 0 26px}
.journal-story-copy>p:not(.journal-kicker):not(.journal-fine){font-size:17px;line-height:1.7;color:var(--journal-muted)}
.journal-platform-links{display:grid;gap:12px;margin:28px 0}
.journal-platform-links a{display:flex;flex-direction:column;gap:9px;padding:20px;border:1px solid var(--journal-line);border-radius:12px;text-decoration:none;background:var(--soft,#f5f5f7)}
.journal-platform-links a:hover{border-color:var(--journal-red)}
.journal-platform-links strong{font-size:16px}
.journal-platform-links small{color:var(--journal-muted);font-size:12px;line-height:1.5}
html[data-theme=dark] .journal-title h1 em,html[data-theme=dark] .journal-watch h1 em,html[data-theme=dark] .journal-main .journal-kicker{color:#ff8992}
@media(max-width:820px){
 .journal-shell{width:calc(100% - 40px)}
 .journal-feature-grid,.journal-watch,.journal-story-grid{grid-template-columns:minmax(0,1fr);gap:38px}
 .journal-phone{justify-self:center;max-width:350px}
 .journal-watch-copy{max-width:680px}
 .journal-section-head{display:block}
 .journal-section-head>.journal-kicker{margin-bottom:22px}
 .journal-archive-card{gap:30px}
 .journal-title{padding:44px 0}
 .journal-feature{padding:44px 0}
 .journal-watch{padding-top:40px}
 .journal-reading{padding-top:46px}
 .journal-story-grid{padding-top:0}
}
@media(max-width:580px){
 .journal-title h1,.journal-watch h1{font-size:clamp(2.8rem,10.7vw,3.5rem)}
 .journal-feature-copy h2,.journal-next h2{font-size:clamp(2.8rem,11.2vw,3.7rem)}
 .journal-archive-card{grid-template-columns:minmax(0,1fr)}
 .journal-section{padding:44px 0}
 .journal-story-links{grid-template-columns:minmax(0,1fr);gap:24px}
 .journal-section-head h2,.journal-reading h2{font-size:clamp(2rem,7.8vw,2.4rem)}
 .journal-phone{max-width:310px}
 .journal-next{padding:48px 0}
 .journal-back{margin-bottom:30px}
 .journal-story-grid{padding-top:0}
 .journal-actions{gap:20px}
}