/* A clear first impression, with the journey itself as the main visual. */
.welcome{max-width:1480px;margin:auto;padding:52px 5% 42px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:4%;align-items:center;overflow:clip;min-height:650px}
.welcome-copy{position:relative;z-index:2;padding:12px 0 35px}
.welcome h1{font-size:clamp(64px,6.5vw,96px);line-height:1.03;letter-spacing:-.075em;margin:23px 0 28px}
.welcome h1 em{color:#59734c;white-space:nowrap;font-size:.98em}
.welcome-city h1{font-size:clamp(64px,6.1vw,91px)}
.welcome .welcome-lead{font-size:19px;font-weight:550;letter-spacing:-.025em;margin-bottom:12px}
.welcome-description{max-width:385px;font-size:15px;line-height:1.75;color:#5e6e62}
.welcome-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:29px}
.welcome-actions .button{gap:24px;min-height:54px}
.welcome-actions .text-link{font-size:12px;gap:9px}
.welcome-availability{font-size:10px;line-height:1.7;color:#637260;margin-top:31px}
.welcome-availability span{display:block;color:#778273}
.welcome-visual.hero-art{height:535px;min-width:0;width:100%;margin:0;position:relative;isolation:isolate;align-self:center;transform:translateY(calc(var(--drift)*.5));will-change:auto}
.welcome-map{position:absolute;inset:0 -14% 0 -10%;transform:perspective(1200px) rotateX(16deg) rotateZ(-9deg);transform-origin:50% 60%;mask-image:radial-gradient(ellipse at 52% 50%,#000 38%,transparent 72%);z-index:-1}
.welcome-map .city-map{border-radius:0;overflow:visible}
.welcome-map-wash{position:absolute;inset:0;background:linear-gradient(0deg,var(--cream),transparent 30%,transparent 75%,#f7f4ec90);pointer-events:none}
.welcome-place{position:absolute;top:23%;right:4%;display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:8px;background:#fffdf5f5;border:1px solid #dae0cf;box-shadow:0 4px 0 #87977914,0 12px 24px -15px #163e3330;font-size:13px;font-weight:600;transform:rotate(2deg)}
.welcome-place svg{width:22px;height:22px;color:#56734f}
.welcome-place small{display:block;font-size:9px;font-weight:400;color:#637260;margin-top:4px}
.welcome-origin{position:absolute;top:49%;left:6%;font-size:10px;font-weight:500;display:flex;align-items:center;gap:9px}
.welcome-origin>span{width:10px;height:10px;background:var(--forest);border:2px solid var(--cream);border-radius:50%;box-shadow:0 0 0 7px #123f3512}
.welcome-reminder{position:absolute;top:6%;left:5%;display:flex;align-items:center;gap:13px;background:#173f35;color:var(--cream);border-radius:10px;padding:15px 20px;box-shadow:0 12px 30px -16px #173f3566;transform:rotate(-3deg);animation:welcome-arrive .8s .15s both cubic-bezier(.2,.8,.2,1)}
.welcome-reminder svg{width:24px;height:24px;color:#f7aa92}
.welcome-reminder span{font-size:10px;color:#b7c8b7;line-height:1.5}
.welcome-reminder strong{display:block;font-size:12px;font-weight:500;color:var(--cream);margin-top:2px}
.welcome-journey{position:absolute;left:2%;right:1%;bottom:16%;padding:18px 23px 15px;background:linear-gradient(125deg,#fffcf6,#f4f4e9);border:1px solid #d4dccb;border-left:5px solid var(--coral);border-radius:10px;box-shadow:0 5px 0 #d8dfcf,0 22px 50px -24px #173f3540;transform:rotate(-2deg);animation:welcome-arrive .9s .25s both cubic-bezier(.2,.8,.2,1)}
.welcome-journey-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.13em;color:#65735f}
.welcome-journey-heading svg{width:20px;height:20px;color:var(--forest)}
.welcome-journey-main{display:flex;align-items:center;gap:22px;margin:9px 0 16px}
.welcome-journey-main>strong{font:600 62px/1 'Manrope',sans-serif;letter-spacing:-.075em;white-space:nowrap;border-right:1px solid #d5ddcf;padding-right:22px}
.welcome-journey-main>strong small{font:400 13px 'DM Sans',sans-serif;letter-spacing:0;margin-left:4px}
.welcome-journey-legs{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1}
.welcome-journey-legs>span{display:flex;align-items:center;gap:5px;white-space:nowrap}
.welcome-journey-legs svg{width:23px;height:23px}
.welcome-journey-legs small{font-size:10px}
.welcome-journey-legs i{font-style:normal;color:#93a18c}
.welcome-journey-legs .welcome-tram{background:#e0e8d7;padding:8px;border-radius:5px;gap:6px}
.welcome-tram b{font-size:15px;font-weight:600}
.welcome-journey-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #dfe3d7;padding-top:11px;font-size:9px;color:#687761}
.welcome-journey-bottom>span:last-child{white-space:nowrap}
.welcome-caption{position:absolute;bottom:6%;left:0;right:0;text-align:center;font-size:9px;color:#7a8473}
.welcome-benefits{max-width:1440px;padding:29px 5%;margin:0 auto 32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.welcome-benefits>div{display:flex;align-items:center;gap:17px}
.welcome-benefits svg{width:25px;height:25px;flex:none;color:#59734c}
.welcome-benefits strong{display:block;font-size:13px;font-weight:550;margin-bottom:3px}
.welcome-benefits span{display:block;font-size:10px;color:#6a7966}
@keyframes welcome-arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@media(min-width:1450px){.welcome{padding-top:65px;padding-bottom:65px}.welcome-visual.hero-art{height:595px}}
@media(min-width:761px) and (max-width:1050px){.welcome{gap:2%;padding-top:35px;min-height:590px}.welcome h1{font-size:65px}.welcome-city h1{font-size:61px}.welcome .welcome-lead{font-size:16px}.welcome-description{font-size:14px;max-width:320px}.welcome-visual.hero-art{height:470px}.welcome-journey{padding:14px 14px 12px;left:-2%;right:0}.welcome-journey-main{gap:12px}.welcome-journey-main>strong{font-size:47px;padding-right:13px}.welcome-journey-legs{gap:7px}.welcome-journey-legs svg{width:18px;height:18px}.welcome-journey-legs small{font-size:9px}.welcome-journey-legs .welcome-tram{padding:6px}.welcome-journey-bottom{font-size:8px}.welcome-place{right:0;font-size:12px;padding:12px}.welcome-reminder{left:0;padding:12px 14px;gap:10px}.welcome-benefits{gap:20px}.welcome-benefits>div{gap:10px}.welcome-benefits span{font-size:9px}}
@media(max-width:760px){.welcome{display:flex;flex-direction:column;align-items:stretch;padding:25px 6% 5px;gap:2px;min-height:0}.welcome-copy{padding:0}.welcome h1,.welcome-city h1{font-size:clamp(52px,12vw,79px);margin:17px 0 21px}.welcome .welcome-lead{font-size:17px;margin-bottom:9px}.welcome-description{font-size:14px;line-height:1.65;max-width:430px}.welcome-actions{margin-top:23px;gap:9px 20px}.welcome-actions .button{font-size:12px;min-height:49px;padding:13px 18px;gap:20px}.welcome-actions .text-link{font-size:11px}.welcome-availability{margin-top:15px;font-size:9px}.welcome-availability span{display:inline}.welcome-visual.hero-art{height:350px;max-width:470px;align-self:center;margin-top:22px;transform:translateY(calc(var(--drift)*.15))}.welcome-map{inset:-14% -19% -8%;mask-image:radial-gradient(ellipse at 50% 50%,#000 38%,transparent 73%)}.welcome-reminder{top:1%;left:1%;padding:11px 14px;gap:10px}.welcome-reminder span{font-size:9px}.welcome-reminder strong{font-size:11px}.welcome-reminder svg{width:21px;height:21px}.welcome-place{top:27%;right:0;padding:10px 12px;font-size:11px;gap:7px}.welcome-place svg{width:18px;height:18px}.welcome-place small{font-size:8px}.welcome-origin{top:44%;left:2%;font-size:9px}.welcome-journey{left:0;right:0;bottom:12%;padding:13px 15px 11px}.welcome-journey-main{gap:14px;margin:6px 0 11px}.welcome-journey-main>strong{font-size:49px;padding-right:15px}.welcome-journey-main>strong small{font-size:11px}.welcome-journey-legs{gap:8px}.welcome-journey-legs svg{width:19px;height:19px}.welcome-journey-legs small{font-size:9px}.welcome-journey-legs .welcome-tram{padding:6px}.welcome-journey-heading{font-size:7px}.welcome-journey-bottom{font-size:8px;padding-top:9px}.welcome-caption{bottom:2%;font-size:8px}.welcome-benefits{grid-template-columns:1fr;gap:0;padding:7px 6%;margin:12px auto 0}.welcome-benefits>div{padding:17px 0;gap:16px}.welcome-benefits>div+div{border-top:1px solid #dfe2d4}.welcome-benefits strong{font-size:12px}.welcome-benefits span{font-size:10px}.welcome-benefits svg{width:23px;height:23px}}
@media(max-width:370px){.welcome h1,.welcome-city h1{font-size:49px}.welcome .welcome-lead{font-size:15px}.welcome-actions{gap:6px 14px}.welcome-actions .button{font-size:11px;padding:12px 14px;gap:14px}.welcome-actions .text-link{font-size:10px}.welcome-journey-main{gap:10px}.welcome-journey-main>strong{font-size:43px;padding-right:12px}.welcome-journey-legs{gap:5px}.welcome-journey-legs svg{width:17px;height:17px}.welcome-journey-legs small{font-size:8px}.welcome-journey-bottom{font-size:7px}.welcome-availability span{display:block}}
@media(prefers-reduced-motion:reduce){.welcome-visual.hero-art{transform:none}.welcome-reminder,.welcome-journey{animation:none}}