/* The same glass sphere resolves the journey before the contact details. */
.journey-outro{position:relative;background:#edf1f6;color:#202634;scroll-margin-top:0}
.js .journey-outro{height:180svh}
.outro-frame{position:relative;padding:clamp(330px,45svh,460px) 0 42px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 70% 24%,#e8d9e33b,transparent 47%),radial-gradient(ellipse at 35% 42%,#d1e8f03b,transparent 45%),linear-gradient(145deg,#f7f9fc,#e9edf4 75%,#edf1f6)}
.js .outro-frame{position:sticky;top:0}
.outro-stage{position:absolute;inset:0;pointer-events:none;--closing-x:50%;--closing-y:29%;--closing-diameter:280px;--closing-ground:47%;--closing-light:1}
.outro-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2}
.outro-still{position:absolute;left:var(--closing-x);top:var(--closing-y);width:var(--closing-diameter);aspect-ratio:1;transform:translate(-50%,-50%);background:var(--glass-sphere-image) center/contain no-repeat;z-index:2;border-radius:50%}
.outro-stage.glass-ready .outro-still{visibility:hidden}
.js .outro-still{mask-image:radial-gradient(circle,transparent var(--closing-hole,0%),#000 calc(var(--closing-hole,0%) + 1%));-webkit-mask-image:radial-gradient(circle,transparent var(--closing-hole,0%),#000 calc(var(--closing-hole,0%) + 1%))}
.outro-shadow,.outro-caustic{position:absolute;z-index:1;left:var(--closing-x);top:var(--closing-ground);width:calc(var(--closing-diameter)*.92);height:calc(var(--closing-diameter)*.12);transform:translate(-50%,-50%);opacity:var(--closing-light)}
.outro-shadow{background:radial-gradient(ellipse,#54617b2e,transparent 70%);filter:blur(10px)}
.outro-caustic{background:radial-gradient(ellipse at 28% 50%,#71cfe953,transparent 45%),radial-gradient(ellipse at 50% 50%,#d797c04d,transparent 44%),radial-gradient(ellipse at 72% 50%,#dfc59147,transparent 45%);filter:blur(8px)}
.outro-copy{position:relative;z-index:3;margin:0 var(--gutter);text-align:center}
.outro-brand{display:flex;align-items:center;justify-content:center;gap:20px;font-size:20px;line-height:1.5;letter-spacing:.19em;color:#6e7186;margin-bottom:24px}
.outro-brand span{letter-spacing:.15em;font-size:20px;color:#898297}
.outro-copy h2{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:0 .22em;font-size:clamp(38px,4.3vw,66px);font-weight:410;line-height:1.12;letter-spacing:-.05em}
.outro-copy h2>span{display:block}
.outro-title-light{background:var(--sphere-text-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.outro-find{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:50px;margin-top:32px;padding:12px 24px;color:#454a60;background:var(--glass-surface);border:1px solid #ffffffdb;border-radius:99px;box-shadow:var(--glass-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:14px;transition:background .25s,color .25s,box-shadow .25s}
.outro-find>span:last-child{font-size:19px;line-height:1;font-weight:300}
.outro-find:hover,.outro-find:focus-visible{background:var(--glass-active);color:#fff;box-shadow:inset 0 1px 1px #ffffff66,0 8px 24px #35395020}
.outro-scroll,.outro-cities{text-align:center;font-size:9px;font-weight:450;line-height:1.6;letter-spacing:.16em;color:#72788c}
.outro-scroll{position:absolute;left:20px;right:20px;bottom:39px}
.outro-cities{margin-top:28px}
.outro-scroll:before{content:"";display:block;width:1px;height:25px;background:linear-gradient(#a08bad00,#a08bad);margin:0 auto 18px}
.outro-scroll{display:none}.js .outro-scroll{display:block}.js .outro-copy,.js .outro-cities{opacity:0}
html[lang="zh-HK"] .outro-copy h2{gap:0;font-size:clamp(30px,3.2vw,48px);line-height:1.4;font-weight:400;letter-spacing:.01em}
.journey-addresses{background:linear-gradient(#edf1f6,#f7f9fc);border-top:0;scroll-margin-top:20px}
body>footer{padding-bottom:32px}
@media(max-width:900px) and (orientation:portrait){
 .outro-frame{padding:clamp(220px,43svh,340px) 0 32px}
 .outro-stage{--closing-diameter:52vw;--closing-ground:42%}
 .outro-copy{margin:0 24px}.outro-brand{font-size:18px;gap:12px;margin-bottom:20px}.outro-brand span{font-size:18px}
 .outro-copy h2{font-size:clamp(28px,8vw,42px);line-height:1.18;letter-spacing:-.04em}
 .outro-find{min-height:48px;font-size:13px;margin-top:28px;padding:11px 22px;gap:34px}
 .outro-scroll,.outro-cities{font-size:8px;letter-spacing:.12em;bottom:34px}
 .outro-cities{margin-top:24px}
 html[lang="zh-HK"] .outro-copy h2{font-size:clamp(24px,6.9vw,34px);line-height:1.45;letter-spacing:0}
}
@media(max-height:650px) and (orientation:portrait){
 .outro-frame{padding-bottom:28px}.outro-copy h2{font-size:27px}.outro-brand{margin-bottom:16px}.outro-find{margin-top:22px;min-height:44px}.outro-scroll{bottom:24px}
 html[lang="zh-HK"] .outro-copy h2{font-size:23px;line-height:1.4}
}
@media(max-height:500px) and (orientation:landscape){
 .outro-frame{padding:64px 0 28px;min-height:85svh}.outro-stage{--closing-x:29%;--closing-y:44%;--closing-diameter:55svh;--closing-ground:75%}
 .outro-copy{margin:0 5% 0 51%;text-align:left}.outro-brand{justify-content:flex-start;margin-bottom:15px;font-size:16px}.outro-brand span{font-size:16px}
 .outro-copy h2{justify-content:flex-start;font-size:clamp(25px,3.5vw,34px);line-height:1.15}.outro-find{min-height:44px;margin-top:20px;padding:9px 19px;font-size:12px;gap:29px}
 .outro-scroll,.outro-cities{bottom:17px;font-size:8px}.outro-scroll:before{height:14px;margin-bottom:10px}
 .outro-cities{text-align:left;margin-top:24px}
 html[lang="zh-HK"] .outro-copy h2{font-size:25px;line-height:1.35}
}
@media(prefers-reduced-motion:reduce){
 .js .journey-outro{height:auto}.js .outro-frame{position:relative}
 .js .outro-copy,.js .outro-cities{opacity:1!important;transform:none!important}.js .outro-scroll{display:none}
 .outro-find{transition:none}
}