#footer-journey 500;600;700&family=Playfair+Display:ital,#footer-journey wght@0,#footer-journey 500;1,#footer-journey 500&display=swap');
:root{--ink:#263d32;--paper:#f6f3eb;--accent:#c86945}#footer-journey *{box-sizing:border-box}#footer-journey{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 'DM Sans',sans-serif}#footer-journey a{color:inherit}#footer-journey header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;border-bottom:1px solid #263d3220}#footer-journey .logo{font-size:28px;font-weight:700;letter-spacing:-2px;text-decoration:none}#footer-journey .logo span{color:var(--accent)}#footer-journey header nav{display:flex;gap:20px;font-size:12px}#footer-journey .intro{padding:70px 6% 60px;max-width:1000px;margin:auto;text-align:center}#footer-journey .eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--accent)}#footer-journey h1,#footer-journey h2,#footer-journey h3{font-family:'Playfair Display',serif;font-weight:500}#footer-journey h1{font-size:clamp(42px,6vw,76px);line-height:1.1;letter-spacing:-2px;margin:20px 0}#footer-journey em{color:var(--accent)}#footer-journey .intro p{max-width:530px;margin:20px auto;color:#697466}#footer-journey .scroll{font-size:11px;letter-spacing:2px;margin-top:35px}#footer-journey .journey{height:650vh;position:relative}#footer-journey .pin{position:sticky;top:0;height:100svh;min-height:450px;display:flex;flex-direction:column;justify-content:center;padding:25px 5%;overflow:hidden}#footer-journey .topline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;margin-bottom:20px}#footer-journey .layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center}#footer-journey .copy h2{font-size:clamp(32px,4vw,56px);line-height:1.1;letter-spacing:-1px;margin:22px 0}#footer-journey .copy p{color:#66725f;max-width:330px}#footer-journey .number{font-size:12px;color:var(--accent)}#footer-journey .stage{aspect-ratio:1.2;position:relative;overflow:hidden;border-radius:140px 140px 20px 20px;background:#e6e8d9}#footer-journey .stage svg{width:100%;height:100%;display:block}#footer-journey .track{height:2px;background:#263d3220;margin-top:25px}#footer-journey .track i{height:2px;display:block;background:var(--accent);width:0}#footer-journey .steps{display:flex;justify-content:space-between;font-size:10px;margin-top:13px;color:#7c8477}#footer-journey .steps .active{color:var(--accent)}#footer-journey .end{text-align:center;padding:100px 25px;background:#e4e8d9}#footer-journey .end h2{font-size:clamp(35px,5vw,62px);line-height:1.15}#footer-journey .end a{display:inline-block;padding:12px 25px;border:1px solid #8c9b7e;border-radius:30px;text-decoration:none}#footer-journey .note{font-size:11px;color:#7c8477}#footer-journey .photo{position:absolute;width:53%;background:#fff;padding:10px 10px 30px;box-shadow:0 15px 35px #263d3222;top:15%;left:10%;transform-origin:center}#footer-journey .photo img{width:100%;height:260px;object-fit:cover;display:block}#footer-journey .photo.b{left:38%;top:10%}#footer-journey .photo span{font-family:'Playfair Display';font-size:14px;display:block;text-align:center;margin-top:8px}#footer-journey .route-svg{position:absolute;inset:0;z-index:3;pointer-events:none}#footer-journey .chat{position:absolute;z-index:4;left:15%;right:12%;bottom:8%;background:#f6f3ebed;padding:20px;border-radius:20px;box-shadow:0 14px 40px #263d3220}#footer-journey .chat small{font-size:9px;letter-spacing:2px}#footer-journey .bubble{font-size:12px;padding:12px;border-radius:15px;background:white;margin-top:10px}#footer-journey .bubble.reply{background:#294f3d;color:white;margin-left:25px}#footer-journey .typing{color:#c86945;letter-spacing:5px}#footer-journey .finish{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#e6e8d9;z-index:5;pointer-events:none}#footer-journey .finish h3{font-size:50px;line-height:1.05;margin:15px}#footer-journey .finish span{font-size:11px;letter-spacing:3px}#footer-journey .copy h2,#footer-journey .copy p{transition:opacity .25s,transform .25s}#footer-journey a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}@media(max-width:650px){#footer-journey header{padding:15px 6%}#footer-journey header nav{gap:12px;font-size:10px}#footer-journey .intro{padding:45px 7%}#footer-journey .layout{display:flex;flex-direction:column-reverse;gap:16px}#footer-journey .stage{width:100%;height:36svh;min-height:210px;aspect-ratio:auto;border-radius:55px 55px 14px 14px}#footer-journey .copy{width:100%}#footer-journey .copy h2{font-size:32px;margin:8px 0}#footer-journey .copy p{font-size:13px;margin:8px 0;max-width:none}#footer-journey .pin{padding:18px 6%}#footer-journey .topline{margin-bottom:12px}#footer-journey .photo img{height:150px}#footer-journey .photo{padding:7px 7px 15px}#footer-journey .photo span{font-size:10px}#footer-journey .chat{padding:12px;bottom:5%;left:10%;right:10%}#footer-journey .bubble{padding:8px;font-size:10px}#footer-journey .finish h3{font-size:35px}#footer-journey .steps{font-size:8px}#footer-journey .track{margin-top:12px}}@media(prefers-reduced-motion:reduce){#footer-journey *{transition:none!important}}#footer-journey .title-line{display:block;will-change:transform,opacity}
#footer-journey{border-top:1px solid #d7dbd0}#footer-journey .intro h2{font-size:clamp(36px,5vw,64px);line-height:1.12;letter-spacing:-2px;margin:20px 0}#footer-journey .journey{height:550vh}#footer-journey .intro{padding-bottom:20px}#footer-journey .copy h2{margin:22px 0}#footer-journey .stage{box-shadow:0 20px 60px #263d3210}#footer-journey .pin{max-width:1500px;margin:auto}@media(max-width:650px){#footer-journey .copy h2{margin:8px 0}}/* Original onboarding copy stays visible while one shared journey unfolds. */
#footer-journey .intro{text-align:left;max-width:1160px;padding:80px 40px 35px}
#footer-journey .intro p{margin:20px 0;max-width:600px}
#footer-journey .layout{grid-template-columns:1fr 1.25fr;gap:45px}
#footer-journey .planning-step{display:grid;grid-template-columns:25px 1fr;gap:16px;border-top:1px solid var(--line);padding:20px 0;opacity:.46;transition:opacity .4s,transform .4s}
#footer-journey .planning-step.active{opacity:1;transform:translateX(6px)}
#footer-journey .planning-step h3{font-size:clamp(22px,2.3vw,31px);line-height:1.2;margin:0 0 10px}
#footer-journey .planning-step p{font-size:13px;margin:0;max-width:370px}
#footer-journey .step-num{font-size:11px;color:var(--accent);padding-top:4px}
#footer-journey .journey-caption{font-size:11px;margin-top:12px;color:var(--accent)}
#footer-journey .stage{border-radius:90px 90px 16px 16px}
#footer-journey .planning-step.active .step-num{font-weight:700}
@media(max-width:650px){#footer-journey .intro{padding:55px 25px 20px}#footer-journey .planning-step{display:none;padding:15px 0;opacity:1}#footer-journey .planning-step.active{display:grid;transform:none}#footer-journey .planning-step h3{font-size:27px}#footer-journey .stage{height:38svh}#footer-journey .steps{gap:12px;font-size:9px}#footer-journey .planning-step p{font-size:14px}}
@media(prefers-reduced-motion:reduce){#footer-journey .planning-step{transition:none}}
#footer-journey .planning-step{opacity:.7}#footer-journey .planning-step.active{opacity:1}#footer-journey .pin{justify-content:flex-start;padding-top:clamp(35px,8svh,85px)}
@media(max-width:650px){#footer-journey .pin{justify-content:center;padding-top:18px}}
/* End the pinned scene at its content edge, without a viewport-sized blank tail. */
#footer-journey .pin{height:auto;min-height:0;padding-bottom:36px}
@media(max-width:650px){#footer-journey .planning-copy{min-height:200px}#footer-journey .pin{padding-bottom:24px}}