.welcome{--px:58%;--py:41%;min-height:calc(100svh - var(--tabbar-h) - 16px);margin:calc(-8px - var(--appbar-h) - env(safe-area-inset-top)) calc(var(--gutter) * -1) 0;color:#fff;background:var(--deep);isolation:isolate;align-items:end;display:grid;position:relative;overflow:hidden}.welcome__stage{z-index:-1;background:radial-gradient(80% 60% at var(--px) var(--py), #0c4a45 0%, transparent 70%), var(--deep);position:absolute;inset:0;overflow:hidden}.welcome__photo{object-fit:cover;object-position:var(--px) var(--py);width:100%;height:100%;position:absolute;inset:0}.welcome__shade{background:linear-gradient(#031a1880 0%,#031a1800 22%),linear-gradient(#031a1800 42%,#031a188c 70%,#031a18e6 100%);position:absolute;inset:0}.welcome__map{top:var(--py);left:var(--px);aspect-ratio:1;opacity:0;width:150%;position:absolute;translate:-50% -50%}@media (aspect-ratio>=1){.welcome__map{width:110%}}.welcome__coast{fill:none;stroke-linejoin:round;stroke-linecap:round;width:100%;height:100%;display:block}.welcome__coast path{vector-effect:non-scaling-stroke}.welcome__coast .coast__main{stroke:var(--shallows);stroke-width:2px;fill:#7ddccf0f}.welcome__coast .coast__rest{stroke:#7ddccf73;stroke-width:1.2px}.welcome__coast .coast__runway{stroke:#ffffff59;stroke-width:4px}.welcome__pin{top:var(--py);left:var(--px);align-items:center;gap:8px;display:flex;position:absolute;translate:-19px -19px}.welcome__pin-dot{border-radius:var(--pill);color:#fff;background:var(--timber);border:2px solid #fff;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 20px -6px #00000080}.welcome__pin-label{border-radius:var(--pill);color:var(--ink);box-shadow:var(--shadow-2);font-size:var(--t-xs);white-space:nowrap;background:#fffdf8f0;padding:4px 10px;font-weight:700}.welcome__ripple{border:2px solid var(--shallows);border-radius:var(--pill);opacity:0;width:38px;height:38px;position:absolute;top:0;left:0}.welcome__body{padding:24px var(--gutter) 30px;gap:10px;display:grid}.welcome__date{font-size:var(--t-sm);letter-spacing:.01em;color:var(--foam);font-weight:650}.welcome__names{font-size:var(--t-display);letter-spacing:-.055em;font-weight:600;line-height:.9;display:grid}.welcome__line{padding-bottom:.08em;display:block;overflow:hidden}.welcome__line>span{display:inline-block}.welcome__place{align-items:center;gap:6px;margin-top:4px;font-weight:550;display:flex}.welcome__now{flex-wrap:wrap;gap:6px 10px;margin-top:6px;display:flex}.welcome__now>span{border-radius:var(--pill);backdrop-filter:blur(12px);font-size:var(--t-sm);background:#ffffff1a;border:1px solid #fff3;align-items:baseline;gap:6px;padding:7px 14px;font-weight:550;display:inline-flex}.welcome__now[hidden]{display:none}.welcome__now b{font-weight:750}.welcome__days b{font-size:var(--t-md)}.welcome__time{flex-wrap:wrap;gap:0 6px}.welcome__flag{font-size:1.05em;line-height:1}.welcome__time b:before,.welcome__gap:before{content:"·";opacity:.55;margin-right:6px}.welcome__gap:empty:before{content:none}@media (width<=359px){.welcome__gap{flex-basis:100%}.welcome__gap:before{content:none}}.welcome__credit{top:calc(var(--appbar-h) + env(safe-area-inset-top) + 6px);bottom:auto}@media (width>=1024px){.welcome__shade{background:linear-gradient(90deg,#031a188c 0%,#031a1800 55%),linear-gradient(#031a1800 50%,#031a18bf 100%)}.welcome{border-radius:var(--r-xl);min-height:min(78vh,760px);box-shadow:var(--shadow-2);margin:0}.welcome__body{padding:48px 52px 52px}.welcome__credit{top:14px}}html[data-arrival=first] .welcome__map{animation:welcome-show .2s linear both, welcome-dive 1.1s var(--ease-in-out) 1.85s forwards}html[data-arrival=first] .welcome__coast path{stroke-dasharray:1}html[data-arrival=first] .welcome__coast .coast__main{animation:welcome-draw 1.3s var(--ease-in-out) .15s both, welcome-fill .6s var(--ease-out) 1.3s both}html[data-arrival=first] .welcome__coast .coast__rest{animation:welcome-draw 1.5s var(--ease-in-out) .35s both}html[data-arrival=first] .welcome__coast .coast__runway{animation:welcome-draw .5s var(--ease-out) 1s both}html[data-arrival=first] .welcome__pin-dot{animation:welcome-pin .52s var(--ease-pop) 1.15s both}html[data-arrival=first] .welcome__ripple{animation:welcome-ripple 1.1s var(--ease-out) 1.35s both}html[data-arrival=first] .welcome__pin-label{animation:welcome-label .42s var(--ease-out) 1.45s both}html[data-arrival=first] .welcome__photo{animation:welcome-open 1.25s var(--ease-in-out) 1.85s both, welcome-settle 2s var(--ease-out) 1.85s both}html[data-arrival=first] .welcome__shade{animation:welcome-fade .7s var(--ease-out) 2.4s both}html[data-arrival=first] .welcome__date{animation:welcome-rise .7s var(--ease-out) 2.65s both}html[data-arrival=first] .welcome__line>span{animation:welcome-line 1s var(--ease-out) both;animation-delay:2.75s}html[data-arrival=first] .welcome__line+.welcome__line>span{animation-delay:2.88s}html[data-arrival=first] .welcome__place{animation:welcome-rise .7s var(--ease-out) 3.1s both}html[data-arrival=first] .welcome__now{animation:welcome-rise .7s var(--ease-out) 3.25s both}html[data-arrival=first] .welcome__credit{animation:welcome-fade .6s var(--ease-out) 3s both}html[data-arrival=return] .welcome__photo{animation:welcome-settle 1.1s var(--ease-out) both}html[data-arrival=return] .welcome__pin-dot{animation:welcome-pin .48s var(--ease-pop) .25s both}html[data-arrival=return] .welcome__line>span{animation:welcome-line .8s var(--ease-out) 80ms both}html[data-arrival=return] .welcome__line+.welcome__line>span{animation-delay:.16s}.welcome[data-paused] *,.welcome[data-paused] :before{animation-play-state:paused!important}.welcome[data-resolved] *,.welcome[data-resolved] :before{animation:none!important}@keyframes welcome-show{0%{opacity:0}to{opacity:1}}@keyframes welcome-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes welcome-fill{0%{fill:#7ddccf00}}@keyframes welcome-dive{0%{opacity:1;scale:1}to{opacity:0;scale:5}}@keyframes welcome-pin{0%{opacity:0;transform:translateY(-14px)scale(.6)}}@keyframes welcome-ripple{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(3.2)}}@keyframes welcome-label{0%{opacity:0;transform:translate(-6px)}}@keyframes welcome-open{0%{clip-path:circle(0% at var(--px) var(--py))}to{clip-path:circle(150% at var(--px) var(--py))}}@keyframes welcome-settle{0%{scale:1.28}}@keyframes welcome-fade{0%{opacity:0}}@keyframes welcome-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes welcome-line{0%{transform:translateY(105%)}}.doors{gap:16px;display:grid}.doors__title{font-size:var(--t-xl);letter-spacing:-.035em;font-weight:750;line-height:1.1}.doors__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.door--travel,.door--wedding{grid-column:1/-1}@media (width>=900px){.doors__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.door--travel,.door--wedding{grid-column:span 7}.door--stay,.door--trip{grid-column:span 5}}.door__link{border-radius:var(--r-lg);color:#fff;background:var(--deep);height:100%;min-height:210px;box-shadow:var(--shadow-2);isolation:isolate;transition:transform var(--d-base) var(--ease-out), box-shadow var(--d-base) var(--ease-out);align-content:end;display:grid;position:relative;overflow:hidden}.door__link:active{transform:scale(.98)}@media (width>=900px){.door__link{min-height:300px}}.door--wedding .door__link{min-height:250px}.door__img{z-index:-2;object-fit:cover;width:100%;height:100%;transition:scale .9s var(--ease-out);position:absolute;inset:0}.door--wedding .door__img{object-position:60% 40%}.door--photo .door__link:before{content:"";z-index:-1;background:linear-gradient(#031a1800 38%,#031a18d1 100%);position:absolute;inset:0}.door--wedding .door__link:before{background:linear-gradient(#28120800 38%,#281208c7 100%),linear-gradient(200deg,#e8875a47,#0000 50%)}.door__text{gap:3px;padding:18px 64px 18px 18px;display:grid}.door__label{color:var(--foam);font-size:var(--t-xs);font-weight:650}.door--travel .door__label{color:var(--shallows)}.door--wedding .door__label{color:var(--sun)}.door__title{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.125rem,1rem + .6vw,1.5rem);font-weight:700;line-height:1.15}.door__sub{color:#ffffffb8;font-size:var(--t-sm);margin-top:2px}.door__go{border-radius:var(--pill);width:40px;height:40px;color:var(--ink);transition:transform var(--d-base) var(--ease-out);background:#fff;place-items:center;display:grid;position:absolute;bottom:16px;right:14px}@media (hover:hover) and (pointer:fine){.door__link:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.door__link:hover .door__img{scale:1.05}.door__link:hover .door__go{transform:translate(3px)}}.door--travel .door__link{background:radial-gradient(90% 90% at 100% 0%, #7ddccf29, transparent 60%), linear-gradient(160deg, var(--deep-3) 0%, var(--deep) 70%);align-content:space-between}.door-geo{width:100%;max-width:460px;aspect-ratio:var(--map-aspect);margin:10px 0 0 4px;display:block;position:relative}.door-route{width:100%;height:100%;display:block;position:absolute;inset:0}.door-route__land{fill:#7ddccf12}.door-route__dots{fill:url(#door-dots)}#door-dots circle{fill:#7ddccf4d}.door-route__arc{fill:none;stroke:var(--shallows);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:.012 .012;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #7ddccf8c)}.js .door-route__arc{stroke-dasharray:1;stroke-dashoffset:1px}.js .door--travel[data-seen] .door-route__arc{stroke-dashoffset:0;transition:stroke-dashoffset 2.6s cubic-bezier(.37,0,.63,1)}.door-city{pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;translate:-4px -50%}.door-city__dot{border-radius:var(--pill);background:#fff;flex:none;width:8px;height:8px;position:relative;box-shadow:0 0 0 3px #ffffff24}.door-city--cebu .door-city__dot{background:var(--shallows);box-shadow:0 0 0 3px #7ddccf33}.door-city__halo{border:2px solid var(--shallows);border-radius:var(--pill);opacity:0;position:absolute;inset:0}.door--travel[data-seen] .door-city__halo{animation:welcome-ripple 1s var(--ease-out) 2.5s both}.door-city__name{color:#ffffffc7;font-size:var(--t-xs);white-space:nowrap;text-shadow:0 1px 6px #00000080;font-weight:650}.door-city--cebu{flex-direction:row-reverse;translate:calc(4px - 100%) -50%}.door-route__plane{fill:#fff;opacity:0}.door--travel[data-flying] .door-route__plane{opacity:1}.door--travel[data-landed] .door-route__plane{opacity:0;transition:opacity .4s var(--ease-out)}.doors__credits{flex-wrap:wrap;gap:4px 14px;display:flex}