/* The agency section is shared by both public site styles. */
.home-journal { padding: 72px 0; background: linear-gradient(120deg, #e5f2ff, #f0fbf8); }
.home-journal-inner { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(32px, 6vw, 78px); align-items: center; width: min(1180px, 88vw); margin: 0 auto; }
.home-journal-copy .section-kicker { font-size: 12px; font-weight: 600; }
.home-journal-copy h2 { max-width: 480px; margin: 0; color: #063a70; font-size: clamp(34px, 4vw, 50px); font-weight: 800; line-height: 1.12; letter-spacing: -.035em; }
.home-journal-copy > p:not(.section-kicker) { max-width: 430px; margin: 20px 0 24px; color: #526477; font-size: 16px; font-weight: 400; line-height: 1.75; }
.home-journal-highlights { display: flex; flex-wrap: wrap; gap: 14px 24px; margin: 0 0 28px; padding: 0; list-style: none; }
.home-journal-highlights li { display: flex; align-items: center; gap: 9px; color: var(--blue-deep); font-size: 13px; font-weight: 500; }
.home-journal-highlights svg { flex: 0 0 21px; width: 21px; height: 21px; color: #268f91; }
main:is(.theme-classic, .theme-atlas, .theme-studio) .home-journal-highlights li { color: #fff; }
.home-journal-copy .blue-button { gap: 18px; min-height: 46px; border-radius: 14px; font-size: 15px; font-weight: 800; transition: transform .2s ease, background-color .2s ease; }
.home-journal-copy .blue-button span { transition: transform .2s ease; }
.home-journal-copy .blue-button:hover span { transform: translateX(4px); }
.home-journal-copy .blue-button:focus-visible { outline: 3px solid #268f91; outline-offset: 4px; }
.home-journal-photo { position: relative; min-width: 0; margin: 0 0 18px; padding: 0 0 12px; }
.home-journal-frame { position: relative; overflow: hidden; border-radius: 18px; background: #dfe9ef; }
.home-journal-photo img { width: 100%; height: 370px; object-fit: cover; object-position: center 42%; border-radius: 24px; box-shadow: 0 18px 42px rgba(11,36,82,.16); }
.home-journal-frame img { display: block; transition: transform .7s ease; }
.home-journal-photo figcaption { position: absolute; bottom: 12px; left: 0; width: 100%; border-radius: 0 0 18px 18px; padding: 38px 24px 20px; color: #fff; background: linear-gradient(transparent, rgba(7,28,43,.76)); font-size: 14px; font-weight: 500; }
.home-journal-experience { position: absolute; top: 24px; left: -22px; display: flex; align-items: center; gap: 15px; padding: 16px 20px; border: 1px solid #dce8ed; border-left: 3px solid #50ada6; border-radius: 12px; background: #fff; color: #173e5c; box-shadow: 0 8px 24px rgba(11,36,82,.1); }
.home-journal-experience strong { display: flex; align-items: baseline; gap: 5px; font-size: 36px; font-weight: 650; line-height: 1; letter-spacing: -.03em; }
.home-journal-experience strong span { font-size: 14px; font-weight: 500; letter-spacing: 0; }
.home-journal-experience > span { border-left: 1px solid #dce8ed; padding-left: 15px; color: #526477; font-size: 12px; line-height: 1.5; }
.home-journal.journal-motion :is(.home-journal-copy, .home-journal-photo) { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
.home-journal.journal-motion .home-journal-photo { transition-delay: .1s; }
.home-journal.journal-motion.is-visible :is(.home-journal-copy, .home-journal-photo) { opacity: 1; transform: none; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .home-journal-photo:hover .home-journal-frame img { transform: scale(1.025); }
}
@media (max-width: 1000px) {
    .home-journal-experience { left: 14px; top: 14px; padding: 12px 14px; }
    .home-journal-experience strong { font-size: 30px; }
}
@media (max-width: 700px) {
    .home-journal { padding: 42px 0; }
    .home-journal-inner { grid-template-columns: 1fr; gap: 28px; }
    .home-journal-photo img { height: 310px; }
    .home-journal-photo { margin-bottom: 0; padding-bottom: 0; }
    .home-journal-highlights { gap: 12px; }
    .home-journal-photo figcaption { bottom: 0; padding: 36px 18px 18px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
    .home-journal :is(.blue-button, .blue-button span, .home-journal-frame img) { transition: none; }
    .home-journal.journal-motion :is(.home-journal-copy, .home-journal-photo) { opacity: 1; transform: none; transition: none; }
}