.journey {
    --ink:#1f2a44;
    --muted:#565d68;
    --paper:#faf8f4;
    --rose:#b46672;
    --blue:#4c7180;
    color:var(--ink);
    background:var(--paper);
    font-family:Lato,sans-serif;
    line-height:1.7;
    margin-top:28px}
.journey p {
    margin-bottom:1.25rem}
.journey a {
    color:inherit;
    text-underline-offset:5px}
.journey h1,.journey h2,.journey h3 {
    line-height:1.12;
    letter-spacing:-.035em}
.journey h1 {
    font-size:clamp(3.5rem,7.4vw,7rem);
    margin:24px 0 42px;
    max-width:1050px}
.journey h2 {
    font-size:clamp(2.4rem,4.2vw,4.1rem);
    margin-bottom:28px}
.journey h3 {
    font-size:clamp(1.85rem,2.6vw,2.6rem);
    margin-bottom:22px}
.journey em {
    font-weight:400;
    color:#93606a}
.journey-hero {
    padding-top:66px;
    padding-bottom:54px}
.journey-eyebrow,.journey-lane-label,.journey-date {
    font-size:.75rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    font-weight:700!important}
.journey-eyebrow {
    color:var(--muted)}
.journey-intro,.journey-split {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px}
.journey-intro>p {
    font-family:'Playfair Display',serif;
    font-size:clamp(1.4rem,2.3vw,2.1rem);
    line-height:1.5}
.journey-intro>div,.journey-split>div {
    font-size:1.08rem}
.journey-text-link {
    display:inline-block;
    font-weight:700!important;
    text-decoration:none;
    border-bottom:1px solid;
    padding:4px 0}
.journey-text-link:hover {
    color:#975867}
.journey-meta {
    display:flex;
    gap:55px;
    flex-wrap:wrap;
    border-top:1px solid #dcd8d2;
    padding-top:28px;
    margin:38px 0 0;
    font-size:.88rem}
.journey-meta dt {
    font-size:.69rem;
    text-transform:uppercase;
    letter-spacing:.1em;
    color:var(--muted);
    margin-bottom:6px}
.journey-meta dd {
    margin:0}
.journey-map {
    padding:26px 12px 64px}
.journey-map-lanes {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px}
.journey-map a {
    text-decoration:none}
.journey-map-lane {
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:28px 20px;
    border-top:3px solid var(--lane);
    background:var(--tint);
    gap:5px;
    transition:transform .2s}
.placement {
    --lane:var(--rose);
    --tint:#f1e4e5}
.scheduling {
    --lane:var(--blue);
    --tint:#e5edee}
.journey-map-lane>span:first-child {
    font-size:.65rem;
    letter-spacing:.15em}
.journey-map-lane strong {
    font-family:'Playfair Display',serif;
    font-size:1.65rem}
.journey-map-lane small {
    font-size:.8rem;
    margin-top:8px}
.journey-map-arrow {
    color:var(--lane);
    font-size:1.3rem}
.journey-map a:hover {
    transform:translateY(-3px)}
.journey-join {
    width:52%;
    height:32px;
    border:1px solid #b6ada5;
    border-top:0;
    margin:auto}
.journey-map-merge {
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    max-width:470px;
    margin:auto;
    background:#e9ddc8;
    padding:22px}
.journey-map-merge small {
    letter-spacing:.15em;
    font-size:.63rem}
.journey-map-merge strong {
    font-family:'Playfair Display',serif;
    font-size:1.9rem}
.journey-map-merge>span {
    font-size:.85rem}
.journey-stem {
    height:28px;
    width:1px;
    background:#b6ada5;
    margin:auto}
.journey-map-final {
    background:var(--ink);
    color:#fff!important;
    display:flex;
    align-items:center;
    gap:30px;
    padding:28px 36px}
.journey-map-final strong {
    font-family:'Playfair Display',serif;
    font-size:2.25rem}
.journey-map-final>span:last-child {
    margin-left:auto;
    font-size:2rem;
    color:#dec49a}
.journey-section {
    padding-top:84px;
    padding-bottom:84px;
    scroll-margin-top:24px}
.journey-section-heading {
    max-width:750px;
    margin-bottom:56px}
.journey-section-heading>p:last-child {
    max-width:620px;
    font-size:1.1rem}
.journey-lanes {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px}
.journey-lane-label {
    border-top:3px solid var(--lane);
    padding-top:18px;
    color:var(--lane);
    letter-spacing:.055em}
.journey-entry {
    position:relative;
    border-left:1px solid #d6cfca;
    padding:30px 0 42px 28px;
    scroll-margin-top:30px}
.journey-entry::before {
    content:'';
    width:11px;
    height:11px;
    position:absolute;
    top:36px;
    left:-6px;
    background:var(--lane);
    border-radius:50%;
    box-shadow:0 0 0 5px var(--paper)}
.journey-date {
    color:var(--muted);
    letter-spacing:.065em;
    line-height:1.9}
.journey-workflow {
    background:#fff;
    padding:24px;
    display:flex;
    flex-direction:column;
    text-align:center;
    gap:6px;
    font-size:.95rem;
    border:1px solid #e1d9d6;
    margin-top:26px}
.journey-workflow>span:nth-child(even) {
    color:var(--rose)}
.journey-small {
    color:var(--muted);
    font-size:.78rem;
    margin-top:12px}
.journey-takeaway {
    padding:18px 20px;
    background:var(--tint);
    font-size:.95rem;
    margin:28px 0!important}
.journey-takeaway strong {
    display:block;
    font-size:.69rem;
    text-transform:uppercase;
    letter-spacing:.07em;
    margin-bottom:8px}
.journey-screen {
    margin:28px 0}
.journey-screen>a {
    display:block}
.journey-screen img {
    display:block;
    width:100%;
    height:auto;
    border:1px solid #dedbd7;
    box-shadow:0 12px 30px #1f2a4410}
.journey-screen figcaption {
    font-size:.77rem;
    color:var(--muted);
    margin-top:14px;
    line-height:1.65}
.journey-screen figcaption a {
    white-space:nowrap}
.journey-phone>a {
    overflow:hidden;
    aspect-ratio:4/3;
    max-height:440px;
    background:#fff;
    border:1px solid #dedbd7}
.journey-phone img {
    max-width:none;
    margin:auto;
    box-shadow:none;
    border:0}
.journey-phone figcaption strong {
    display:block;
    color:var(--ink);
    font-size:.95rem}
.journey-milestones {
    list-style:none;
    padding:0;
    margin:28px 0}
.journey-milestones li {
    padding:15px 0;
    border-top:1px solid #dbd7d0;
    font-size:.94rem}
.journey-milestones time {
    display:block;
    font-weight:700;
    font-size:.78rem;
    margin-bottom:5px;
    color:var(--lane)}
.journey-convergence {
    background:#eee5d8}
.journey-convergence em {
    color:#766044}
.journey-product-pair {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    margin-top:26px}
.journey-product-pair .journey-phone>a {
    max-height:530px}
.journey-wide {
    margin:45px 0}
.journey-principles {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:38px;
    margin:55px 0}
.journey-principles h3 {
    font-size:1.6rem;
    margin-top:12px}
.journey-principles>div>span {
    font-size:.78rem;
    color:#946c35;
    border-bottom:2px solid #c9a96e;
    padding-bottom:6px}
.journey-principles p {
    font-size:.97rem}
.journey-details {
    border-top:1px solid #d6cfca;
    border-bottom:1px solid #d6cfca}
.journey-details summary {
    padding:23px 0;
    cursor:pointer;
    font-size:1.07rem;
    font-weight:700;
    list-style:none}
.journey-details summary::-webkit-details-marker {
    display:none}
.journey-details summary>span {
    float:right}
.journey-details[open] summary>span {
    transform:rotate(45deg)}
.journey-admin {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px}
.journey-ending {
    background:var(--ink);
    color:#fafafa;
    padding:70px 0}
.journey-ending h2 {
    font-size:clamp(2.1rem,3vw,3rem)}
.journey-ending .journey-eyebrow {
    color:#ddc39a}
.journey-ending a {
    color:#1a1a1a}
.journey-provenance {
    padding-top:25px;
    padding-bottom:25px;
    font-size:.73rem;
    color:var(--muted)}
.journey-provenance p {
    margin:0;
    max-width:850px}
.journey :focus-visible {
    outline:3px solid #93606a;
    outline-offset:6px}
@media(max-width:991px) {
    .journey-intro,.journey-split,.journey-lanes {
    gap:35px}
.journey-map-final {
    gap:20px}
.journey-meta {
    gap:22px}
.journey-entry {
    padding-left:20px}
}
@media(max-width:767px) {
    .journey {
    margin-top:20px}
.journey-hero {
    padding-top:35px}
.journey h1 {
    font-size:3.6rem}
.journey-intro,.journey-split,.journey-lanes,.journey-product-pair,.journey-admin,.journey-principles {
    grid-template-columns:1fr;
    gap:24px}
.journey-map-lanes {
    gap:12px}
.journey-map-lane {
    padding:20px 10px}
.journey-map-lane strong {
    font-size:1.15rem}
.journey-map-lane small {
    font-size:.71rem}
.journey-map-lane>span:first-child {
    font-size:.55rem;
    letter-spacing:.04em}
.journey-map-final {
    flex-wrap:wrap;
    padding:24px;
    gap:5px 20px}
.journey-map-final strong {
    font-size:1.8rem}
.journey-map-final>span:nth-child(2) {
    font-size:.85rem;
    flex-basis:80%}
.journey-map-final>span:last-child {
    font-size:1.4rem}
.journey-section {
    padding-top:55px;
    padding-bottom:55px}
.journey-section-heading {
    margin-bottom:30px}
.journey-entry {
    padding-right:5px}
.journey-lane+.journey-lane {
    margin-top:15px}
.journey-product-pair .journey-phone>a {
    max-height:480px}
.journey-principles {
    margin:35px 0}
.journey-meta {
    display:grid;
    gap:18px}
.journey-ending {
    padding:50px 0}
.journey-map {
    padding-bottom:20px}
.journey-phone>a {
    max-height:400px}
}
@media(prefers-reduced-motion:reduce) {
    html {
    scroll-behavior:auto}
.journey-map-lane {
    transition:none}
.journey-map a:hover {
    transform:none}
}