.page-intro{--page-intro-brand:#025484;--page-intro-u:calc(clamp(3.5rem, 2.8rem + 2.4vw, 5rem) / 160);--page-intro-wave:16vh;--page-intro-ease:var(--site-ease);--page-intro-sheet:var(--site-white);--page-intro-tint:var(--site-accent-soft);--page-intro-haze:#e8f1fd73;--page-intro-haze-end:#e8f1fd00;--page-intro-glow:#1878ec38;--page-intro-track:var(--site-mist);z-index:100;pointer-events:none;background:radial-gradient(90% 75% at 50% 45%, var(--page-intro-tint), var(--page-intro-haze) 45%, var(--page-intro-haze-end) 100%), var(--page-intro-sheet);animation:page-intro-lift .5s var(--page-intro-ease) .8s forwards, page-intro-gone 0s linear 1.3s forwards;place-items:center;display:grid;position:fixed;inset:0}.page-intro:after{content:"";height:var(--page-intro-wave);background:var(--page-intro-sheet);transform-origin:top;animation:page-intro-wave .5s var(--page-intro-ease) .8s forwards;border-radius:0 0 50% 50%/0 0 100% 100%;position:absolute;top:calc(100% - 1px);left:-10%;right:-10%;transform:scaleY(0)}.page-intro-lockup{align-items:center;gap:calc(var(--page-intro-u) * 36);animation:page-intro-out .34s var(--page-intro-ease) .86s forwards;display:flex;position:relative}.page-intro-glow{left:calc(var(--page-intro-u) * -60);width:calc(var(--page-intro-u) * 280);height:calc(var(--page-intro-u) * 280);margin-top:calc(var(--page-intro-u) * -140);background:radial-gradient(closest-side, var(--page-intro-glow), transparent);opacity:0;animation:page-intro-breathe .9s var(--page-intro-ease) 50ms forwards;border-radius:50%;position:absolute;top:50%}.page-intro-mark{width:calc(var(--page-intro-u) * 155);height:auto;position:relative;overflow:visible}.page-intro-stroke{fill:none;stroke:var(--page-intro-brand);stroke-width:160px;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1px;animation:page-intro-draw .62s var(--page-intro-ease) 50ms forwards}.page-intro-fill{fill:var(--page-intro-brand);opacity:0;animation:page-intro-fade .36s var(--page-intro-ease) .42s forwards}.page-intro-word{width:calc(var(--page-intro-u) * 430);height:calc(var(--page-intro-u) * 160);position:relative}.page-intro-line{position:absolute;inset:0;overflow:hidden}.page-intro-line>*{top:0;left:calc(var(--page-intro-u) * -185);width:calc(var(--page-intro-u) * 615);max-width:none;height:calc(var(--page-intro-u) * 160);animation:page-intro-rise .55s var(--page-intro-ease) .3s backwards;position:absolute}.page-intro-line-1{clip-path:polygon(0 0,100% 0,100% 55%,80% 55%,80% 62.5%,0 62.5%)}.page-intro-line-1>*{clip-path:polygon(0 0,100% 0,100% 55%,86.2% 55%,86.2% 62.5%,0 62.5%)}.page-intro-line-2>*{clip-path:polygon(0 62.5%,86.2% 62.5%,86.2% 55%,100% 55%,100% 100%,0 100%);animation-delay:.4s}.page-intro-progress{background:var(--page-intro-track);border-radius:2px;height:2px;position:absolute;top:calc(100% + 1.75rem);left:0;right:0;overflow:hidden}.page-intro-progress:after{content:"";background:var(--page-intro-brand);transform-origin:0;animation:page-intro-fill .72s var(--page-intro-ease) .12s forwards;position:absolute;inset:0;transform:scaleX(0)}.page-intro[data-page-intro=portal]{--page-intro-brand:var(--brand-ocean-text);--page-intro-ease:cubic-bezier(.45, 0, .25, 1);--page-intro-sheet:var(--background);--page-intro-tint:var(--brand-ocean-soft);--page-intro-haze:color-mix(in oklab, var(--brand-ocean-soft) 45%, transparent);--page-intro-haze-end:transparent;--page-intro-glow:color-mix(in oklab, var(--brand-ocean) 22%, transparent);--page-intro-track:var(--border);--page-intro-finish:.25s;animation:none;display:none}.dark .page-intro[data-page-intro=portal]{--page-intro-brand:var(--foreground);--page-intro-glow:color-mix(in oklab, var(--brand-ocean) 40%, transparent)}:root[data-shell=portal] .page-intro[data-page-intro=portal]{display:grid}.page-intro[data-page-intro=portal]:after,.page-intro[data-page-intro=portal] .page-intro-lockup{animation:none}.page-intro-ink{background:var(--page-intro-brand);display:block;-webkit-mask:url(../../../samoana-lockup-row.png) 0 0/100% 100% no-repeat;mask:url(../../../samoana-lockup-row.png) 0 0/100% 100% no-repeat}.page-intro[data-page-intro=portal] .page-intro-progress:after{animation:6s cubic-bezier(.1,.8,.2,1) .12s forwards page-intro-trickle}.page-intro[data-page-intro=portal][data-ready]{animation:page-intro-lift .5s var(--page-intro-ease) var(--page-intro-finish) forwards, page-intro-gone 0s linear calc(var(--page-intro-finish) + .5s) forwards}.page-intro[data-page-intro=portal][data-ready]:after{animation:page-intro-wave .5s var(--page-intro-ease) var(--page-intro-finish) forwards}.page-intro[data-page-intro=portal][data-ready] .page-intro-lockup{animation:page-intro-out .34s var(--page-intro-ease) calc(var(--page-intro-finish) + 60ms) forwards}.page-intro[data-page-intro=portal][data-ready] .page-intro-progress:before{content:"";background:var(--page-intro-brand);transform-origin:0;animation:page-intro-fill var(--page-intro-finish) var(--page-intro-ease) forwards;position:absolute;inset:0;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.page-intro{display:none}:root[data-shell=portal] .page-intro[data-page-intro=portal]{display:grid}.page-intro[data-page-intro=portal] *,.page-intro[data-page-intro=portal] :after{animation:none}.page-intro[data-page-intro=portal] .page-intro-fill{opacity:1}.page-intro[data-page-intro=portal] .page-intro-glow{opacity:.55}.page-intro[data-page-intro=portal] .page-intro-progress,:root[data-shell=portal] .page-intro[data-page-intro=portal][data-ready]{display:none}}@keyframes page-intro-lift{to{transform:translateY(calc(-100% - var(--page-intro-wave)))}}@keyframes page-intro-gone{to{visibility:hidden}}@keyframes page-intro-wave{to{transform:scaleY(1)}}@keyframes page-intro-out{to{opacity:0;transform:translateY(-12px)}}@keyframes page-intro-breathe{50%{opacity:1;transform:scale(1.08)}to{opacity:.55;transform:scale(1)}}@keyframes page-intro-draw{to{stroke-dashoffset:0}}@keyframes page-intro-fade{to{opacity:1}}@keyframes page-intro-rise{0%{opacity:0;transform:translateY(calc(var(--page-intro-u) * 60))}}@keyframes page-intro-fill{to{transform:scaleX(1)}}@keyframes page-intro-trickle{to{transform:scaleX(.92)}}
