/* The entire greeting remains in frame. Its four phases have a dedicated scroll distance. */
.m-on .r-arrival-complete{height:1000svh}
.r-arrival-complete .m-stage{background:#f3f0e8;color:#183b32}
.r-arrival-complete .m-arrival-visual{inset:5% 5% 18%}
.r-arrival-complete .m-arrival-poster,.r-arrival-complete .m-arrival-half img{object-fit:contain;object-position:center}
.r-arrival-complete .m-arrival-half{background:transparent}
.r-arrival-complete .m-arrival-title{top:3%;pointer-events:none}
.r-arrival-complete .m-arrival-title .m-display{font-size:clamp(34px,4vw,58px)!important;line-height:1.08}
.r-arrival-complete .m-arrival-title .era-eyebrow{color:#405c51;margin-bottom:12px}
.r-arrival-complete .m-arrival-end{inset:auto 5% 6%;width:auto;display:flex;align-items:center;justify-content:center;gap:35px;color:#183b32}
.r-arrival-complete .m-arrival-end:before{display:none}
.r-arrival-complete .r-arrival-closing{font:400 25px/1.2 var(--era-serif);letter-spacing:-.02em;margin:0}
.r-arrival-complete .m-light-link{color:#183b32;font-size:var(--type-fussnote,15px);white-space:nowrap}
.r-arrival-complete .m-scene-meta{bottom:16px;left:5%;right:5%;font-size:12px;color:#183b32}
.r-arrival-complete .m-scene-progress{background:#183b3230}.r-arrival-complete .m-scene-progress i{background:#183b32}
.r-arrival-static{display:none;width:100%;height:100%;object-fit:contain}
@media(max-width:700px){
 .r-arrival-complete .m-arrival-visual{inset:22% 4% 27%}
 .r-arrival-complete .m-arrival-title{top:6%;padding-inline:22px}
 .r-arrival-complete .m-arrival-title .m-display{font-size:36px!important}
 .r-arrival-complete .m-arrival-end{bottom:12%;left:22px;right:22px;display:flex;flex-direction:column;gap:12px;text-align:center}
 .r-arrival-complete .r-arrival-closing{font-size:24px;max-width:260px}
 .r-arrival-complete .m-scene-meta{bottom:28px;left:22px;right:22px;gap:12px;font-size:11px}
 .r-arrival-complete .m-scene-meta>span:nth-child(2){max-width:210px}.r-arrival-complete .m-scene-progress{width:44px;flex-shrink:0}
}
html:not(.m-on) .r-arrival-complete .m-arrival-poster{display:none}
html:not(.m-on) .r-arrival-complete .r-arrival-static{display:block;max-height:none}
html:not(.m-on) .r-arrival-complete .m-arrival-visual{height:auto;aspect-ratio:16/9}
@media(max-height:560px){
 .m-on .r-arrival-complete .m-stage{min-height:0;height:calc(100svh - var(--m-header,84px))}
 .m-on .r-arrival-complete .m-arrival-visual{inset:3% 4% 35%}
 .m-on .r-arrival-complete .m-arrival-title{top:2%;padding:0 18px}
 .m-on .r-arrival-complete .m-arrival-title .m-display{font-size:26px!important}
 .m-on .r-arrival-complete .m-arrival-title .era-eyebrow{display:none}
 .m-on .r-arrival-complete .m-arrival-end{bottom:14%;gap:18px}
 .m-on .r-arrival-complete .r-arrival-closing{font-size:18px}
 .m-on .r-arrival-complete .m-light-link{font-size:var(--type-fussnote,15px)}
 .m-on .r-arrival-complete .m-scene-meta{bottom:5px;font-size:10px}
}