/* A single example, from an everyday photograph to a coloring page. */
.journey-section{position:relative;background:transparent;padding:42px 0 30px}
.journey-section .section-heading{margin-bottom:30px}
.journey-section .section-heading p{max-width:720px;margin-inline:auto;line-height:1.65}
.journey-steps{display:grid;grid-template-columns:1fr .78fr 1fr 1fr;gap:28px;list-style:none;padding:0;margin:0;align-items:start}
.journey-step{position:relative;min-width:0;--step-color:var(--blue)}
.journey-step:nth-child(2){--step-color:var(--pink)}
.journey-step:nth-child(3){--step-color:#4fbf20}
.journey-step:nth-child(4){--step-color:#e6c500}
.journey-step:not(:last-child):after{content:"➜";position:absolute;top:46%;right:-24px;z-index:2;color:var(--pink);font-size:30px;line-height:1;text-shadow:2px 2px #fff,-2px -2px #fff}
.journey-step-heading{display:flex;gap:9px;align-items:center;min-height:46px;margin:0 0 13px;font-size:16px;line-height:1.3;font-weight:900}
.journey-number{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;background:var(--step-color);color:white;font-size:16px}
.journey-step:last-child .journey-number{background:var(--yellow);color:var(--ink)}
.journey-picture{display:block;position:relative;padding:7px;background:white;border:1px solid #e9e7df;border-radius:5px;box-shadow:0 5px 15px #24201316;transform:rotate(-1.3deg);transition:transform .2s,box-shadow .2s}
.journey-picture img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:white;border-radius:2px}
.journey-step:nth-child(3) .journey-picture{transform:rotate(1.2deg)}
.journey-step:nth-child(4) .journey-picture{transform:rotate(-.7deg)}
.journey-picture:hover{transform:rotate(0deg) translateY(-3px)!important;box-shadow:0 8px 19px #24201322}
.journey-zoom{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fffE;color:#111;font-size:20px;box-shadow:0 1px 6px #0002}
.journey-step-copy{margin:15px 2px 0;font-size:13px;line-height:1.6;color:#514c42}
.journey-step-copy strong{color:var(--ink)}
.journey-idea{min-height:0;aspect-ratio:2/3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px;margin:0 -2px;padding:20px 13px;background:#fff9ce;transform:rotate(-2deg);border-radius:40% 8% 35% 9% / 8% 35% 7% 30%;position:relative}
.journey-idea:before{content:"А если…";color:#e2007c;font-weight:900;font-size:18px;transform:rotate(-4deg)}
.journey-idea svg{width:65px;height:65px;flex-shrink:0}
.journey-idea blockquote{font-family:"Arial Black","Trebuchet MS",sans-serif;font-weight:900;font-size:clamp(18px,1.6vw,24px);line-height:1.25;letter-spacing:-.5px;margin:0}
.journey-idea p{margin:0;font-size:13px;line-height:1.6;max-width:210px}
.journey-download{display:inline-block;font-weight:900;font-size:12px;color:#007dc6;border-bottom:1px solid #9bdcfa;padding-bottom:3px;margin:10px 2px 0}
.journey-download:hover{color:#e2007c;border-color:currentColor}
.journey-footer{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:30px;padding-top:23px;border-top:2px dashed #f1e9aa}
.journey-footer p{margin:0;font-size:14px;line-height:1.6;max-width:530px}
.journey-footer p strong{color:#e2007c}
.journey-footer .button{font-size:14px;min-height:44px;padding:11px 20px;gap:9px}
@media(max-width:1150px){.journey-steps{gap:23px;grid-template-columns:1fr .85fr 1fr 1fr}.journey-step:not(:last-child):after{right:-21px;font-size:27px}.journey-step-heading{font-size:14px;gap:7px;min-height:43px}.journey-idea{gap:10px;padding:15px 10px}.journey-idea svg{width:46px;height:46px}.journey-idea p{font-size:12px}.journey-step-copy{font-size:12px}}
@media(max-width:850px){.journey-steps{grid-template-columns:1fr 1fr;gap:28px 30px;max-width:660px;margin-inline:auto}.journey-step:not(:last-child):after{display:none}.journey-step:nth-child(odd):after{display:block;right:-27px;top:47%}.journey-idea{aspect-ratio:2/3;gap:16px;padding:25px}.journey-idea svg{width:64px;height:64px}.journey-idea blockquote{font-size:24px}.journey-idea p{font-size:14px}.journey-step-heading{font-size:16px}.journey-step-copy{font-size:13px}.journey-footer{text-align:center;gap:14px}}
@media(max-width:500px){.journey-section{padding:29px 0 24px}.journey-section .section-heading{margin-bottom:23px}.journey-section .section-heading h2{font-size:24px;max-width:330px;line-height:1.2}.journey-section .section-heading p{max-width:330px;font-size:12px}.journey-steps{gap:24px 18px}.journey-step-heading{font-size:13px;gap:6px;min-height:40px;margin-bottom:10px}.journey-number{width:24px;height:24px;flex-basis:24px;font-size:13px}.journey-picture{padding:4px}.journey-step:nth-child(odd):after{right:-18px;font-size:23px}.journey-idea{gap:10px;padding:12px 8px;margin:0;min-height:0}.journey-idea:before{font-size:14px}.journey-idea svg{width:36px;height:36px}.journey-idea blockquote{font-size:18px}.journey-idea p{font-size:11px;line-height:1.5}.journey-step-copy{font-size:11px;line-height:1.6;margin-top:12px}.journey-download{font-size:11px}.journey-zoom{width:24px;height:24px;right:8px;bottom:8px;font-size:18px}.journey-footer{margin-top:23px;padding-top:19px}.journey-footer p{font-size:12px;max-width:310px}}
@media(prefers-reduced-motion:reduce){.journey-picture{transition:none}}
@media(max-width:500px){.journey-idea{min-height:235px}}