.lost-page{--lost-cycle:10s;isolation:isolate;color:#f3f2e9;background:linear-gradient(150deg,#09242b 5%,#123c43 58%,#0b4149);min-height:100svh;padding:225px 0 40px;position:relative;overflow:hidden}.lost-layout{--lost-stage-height:clamp(480px, 41vw, 610px);--passage-water:110px;z-index:1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"copy scene""shortcuts shortcuts";align-items:center;gap:30px clamp(28px,4vw,64px);display:grid;position:relative}.lost-weather{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.lost-clouds{width:160%;height:65%;animation:lost-cloud-drift var(--lost-cycle) ease-in-out infinite;background:radial-gradient(at 15% 55%,#829a9d31,#0000 28%),radial-gradient(at 45% 30%,#a4b8b53d,#0000 36%),radial-gradient(at 78% 45%,#8ba6a844,#0000 30%);position:absolute;top:-24%;left:-30%}.lost-clouds-near{opacity:.6;animation-delay:-5s;top:-12%}.lost-rain{opacity:.17;width:calc(100% + 330px);height:calc(100% + 420px);animation:1.25s linear infinite lost-rain-fall;position:absolute;top:-280px;left:-110px}.lost-lightning{opacity:0;width:clamp(140px,18vw,240px);height:300px;animation:lost-distant-lightning var(--lost-cycle) ease-in-out infinite;position:absolute;top:4%;right:13%}.lost-open-sea{color:#0e4d56;opacity:.48;width:300%;height:48%;animation:10s linear infinite lost-wave-roll;position:absolute;bottom:-1px;left:-100%}.lost-open-sea-near{color:#092d35;opacity:.65;height:37%;animation-duration:5s;animation-direction:reverse}.lost-motion-toggle{z-index:3;right:var(--gutter);color:#d8e5df;background:#0a293080;border:1px solid #c8dcd337;border-radius:30px;justify-content:center;align-items:center;gap:7px;min-width:82px;min-height:36px;padding:7px 11px;font-size:11px;transition:background .2s;display:inline-flex;position:absolute;top:103px}.lost-motion-toggle:hover{background:#284c50}.lost-copy{z-index:2;grid-area:copy;padding:24px 0;position:relative}.lost-eyebrow{color:#b8d5c5;letter-spacing:.065em;animation:lost-content-enter .85s 50ms var(--ease) both;align-items:center;gap:10px;font-size:11px;line-height:1.5;display:flex}.lost-eyebrow>span{background:currentColor;border-radius:50%;flex:0 0 6px;width:6px;height:6px;animation:2.5s ease-out infinite lost-beacon}.lost-copy h1{letter-spacing:-.05em;margin:30px 0 26px;font-size:clamp(66px,7.6vw,114px);line-height:.98}.lost-page:not([data-error-code="404"]) .lost-copy h1{font-size:clamp(56px,6.4vw,96px)}.lost-title-line{margin:-.12em 0;padding:.12em 0;display:block;overflow:hidden}.lost-title-line>span{animation:lost-title-enter 1.2s .12s var(--ease) both;display:inline-block}.lost-title-line:nth-of-type(2)>span{animation-delay:.28s}.lost-question-mark{color:#b9d7c3;transform-origin:50% 80%;animation:5s ease-in-out infinite lost-question-swing;display:inline-block}.lost-message{animation:lost-content-enter 1s .4s var(--ease) both;font-size:clamp(20px,1.9vw,26px);line-height:1.45}.lost-description{color:#b7ccc8;animation:lost-content-enter 1s .5s var(--ease) both;margin-top:18px;font-size:15px;line-height:1.75}.lost-actions{animation:lost-content-enter 1s .6s var(--ease) both;flex-direction:column;align-items:flex-start;gap:15px;margin-top:30px;display:flex}.lost-home{color:#103b3f;background:#eaf0df;border-radius:3px;align-items:center;gap:20px;min-height:56px;padding:17px 24px;font-size:15px;transition:background .25s,transform .25s;display:inline-flex}.lost-home svg{transition:transform .25s}.lost-home:disabled{opacity:.65;cursor:wait}.lost-home:disabled:hover{background:#eaf0df;transform:none}.lost-home:disabled:hover svg{transform:none}.lost-home:not(:disabled):hover{background:#fffdf0;transform:translateY(-2px)}.lost-home:hover svg{transform:translate(-3px)}.lost-contact{color:#d3e3d9;align-items:center;gap:14px;min-height:44px;font-size:14px;display:inline-flex}.lost-contact:hover{color:#fff}.lost-page a:focus-visible{outline-color:#d5e9cc}.lost-motion-toggle:focus-visible{outline-color:#d5e9cc}.lost-sea-stage{z-index:1;isolation:isolate;min-width:0;height:var(--lost-stage-height);animation:lost-scene-enter 1.5s .12s var(--ease) both;grid-area:scene;margin:0;position:relative}.lost-crew-caption{color:#c5d9d3;z-index:7;align-items:center;gap:9px;font-size:11px;display:inline-flex;position:absolute;top:10px;right:12px}.lost-crew-caption svg{animation:10s ease-in-out infinite lost-seeking-north}.lost-boat{z-index:3;transform-origin:50% 80%;width:84%;animation:5s ease-in-out infinite lost-boat-roll;position:absolute;bottom:48px;left:8%}.lost-boat img{width:100%;height:auto;display:block}.lost-stage-wave{pointer-events:none;width:300%;height:220px;animation:5s linear infinite lost-wave-roll;position:absolute;bottom:-1px;left:-100%}.lost-stage-wave-back{z-index:0;color:#26717a;opacity:.8;height:305px;animation-duration:10s}.lost-stage-wave-middle{z-index:2;color:#165a65;opacity:.9;height:260px;animation-duration:5s;animation-direction:reverse}.lost-stage-wave-front{z-index:4;color:#0e444e;opacity:.96;animation-direction:reverse}.lost-spray{z-index:6;opacity:0;pointer-events:none;width:96%;height:155px;animation:5s ease-out infinite lost-sea-spray;position:absolute;bottom:72px;left:2%}.lost-airplane-pass{z-index:2;pointer-events:none;opacity:0;width:clamp(300px,33vw,500px);animation:lost-airplane-cross var(--lost-cycle) linear infinite;position:absolute;top:106px;left:0;transform:translate(calc(-100% - 40px))}.lost-airplane-flight{align-items:center;width:100%;animation:2.5s ease-in-out infinite lost-airplane-bob;display:flex}.lost-airplane{flex:0 0 50%;width:50%;height:auto}.lost-airplane-banner{color:#123c43;clip-path:polygon(0 0,100% 8%,100% 92%,0 100%,9% 50%);letter-spacing:.06em;transform-origin:100%;background:#f0edda;flex:0 0 38%;justify-content:center;align-items:center;min-height:56px;padding:11px 14px;font-size:clamp(21px,2.6vw,33px);line-height:1;animation:1.25s ease-in-out infinite lost-banner-flutter;display:flex}.lost-tow-rope{background:#d2d5ba;flex:0 0 12%;height:1px;transform:rotate(-3deg)}.lost-pirate-horizon{z-index:0;width:100vw;height:var(--lost-stage-height);pointer-events:none;grid-area:1/1/2/-1;place-self:center;position:relative;overflow:visible}.lost-pirate-pass{left:0;bottom:calc(var(--passage-water) - 20px);pointer-events:none;opacity:.94;width:clamp(480px,65vw,960px);animation:lost-pirate-cross var(--lost-cycle) linear infinite;position:absolute;transform:translate(calc(100vw + 48px))}.lost-pirate-vessel{animation:5s ease-in-out infinite lost-pirate-bob;position:relative}.lost-pirate-vessel img{width:100%;height:auto;display:block;position:relative}.lost-pirate-wake{opacity:.5;background:linear-gradient(90deg,#d2e8dc8a,#8bd6d240,#0000);border-radius:50%;width:42%;height:7%;position:absolute;bottom:12%;right:-18%;transform:skew(-28deg)}.lost-bottle-pass{z-index:5;left:0;bottom:calc(var(--passage-water) - 36px);pointer-events:none;opacity:0;width:clamp(54px,5vw,76px);animation:lost-bottle-cross var(--lost-cycle) linear infinite;position:absolute;transform:translate(calc(-100% - 24px))}.lost-bottle{transform-origin:50%;width:100%;height:auto;animation:2.5s ease-in-out infinite lost-bottle-bob;display:block}.lost-shortcuts{z-index:4;animation:lost-content-enter 1s .75s var(--ease) both;border-top:1px solid #d3e7dd35;grid-area:shortcuts;align-items:center;gap:clamp(20px,3vw,48px);padding-top:24px;display:flex;position:relative}.lost-shortcuts>span{color:#b9d0c8;margin-right:auto;font-size:12px}.lost-shortcuts a{justify-content:space-between;align-items:center;gap:24px;min-height:44px;font-size:14px;display:inline-flex}.lost-shortcuts a:hover{color:#c5e3bb}.lost-shortcuts svg{transition:transform .3s var(--ease)}.lost-shortcuts a:hover svg{transform:translate(3px,-3px)}@keyframes lost-title-enter{0%{transform:translateY(115%)rotate(4deg)}to{transform:translateY(0)rotate(0)}}@keyframes lost-content-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes lost-scene-enter{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes lost-question-swing{0%,48%,to{transform:rotate(0)}58%{transform:rotate(16deg)translateY(-4px)}70%{transform:rotate(-9deg)}82%{transform:rotate(4deg)}}@keyframes lost-cloud-drift{0%,to{transform:translate(-9%)scale(1)}50%{transform:translate(12%)scale(1.15)}}@keyframes lost-rain-fall{to{transform:translate(-110px,280px)}}@keyframes lost-wave-roll{to{transform:translate(-33.3333%)}}@keyframes lost-boat-roll{0%,to{transform:translateY(-24px)rotate(-8deg)}25%{transform:translateY(21px)rotate(3deg)}50%{transform:translateY(-5px)rotate(8deg)}75%{transform:translateY(25px)rotate(-2deg)}}@keyframes lost-sea-spray{0%,38%,to{opacity:0;transform:translateY(14px)scale(.85)}48%{opacity:.75;transform:translateY(-15px)scale(1.05)}67%{opacity:0;transform:translateY(-36px)scale(1.2)}}@keyframes lost-distant-lightning{0%,12%,25%,84%,96%,to{opacity:0}18%,90%{opacity:.33}}@keyframes lost-seeking-north{0%,to{transform:rotate(-30deg)}35%{transform:rotate(65deg)}70%{transform:rotate(-70deg)}}@keyframes lost-beacon{0%{box-shadow:0 0 #b8d5c533}75%,to{box-shadow:0 0 0 9px #b8d5c500}}@keyframes lost-bottle-cross{0%{opacity:0;transform:translate(calc(-100% - 24px))}2%{opacity:1;transform:translate(calc(-100% - 24px))}58%{opacity:1;transform:translate(calc(100vw + 100px))}60%,to{opacity:0;transform:translate(calc(100vw + 100px))}}@keyframes lost-pirate-cross{0%{transform:translate(calc(100vw + 48px))}to{transform:translate(calc(-120% - 48px))}}@keyframes lost-airplane-cross{0%,40%{opacity:0;transform:translate(calc(-100% - 40px))}42%{opacity:1;transform:translate(calc(-100% - 40px))}94%{opacity:1;transform:translate(calc(100vw + 40px))}96%,to{opacity:0;transform:translate(calc(100vw + 40px))}}@keyframes lost-bottle-bob{0%,to{transform:translateY(-12px)rotate(-12deg)}50%{transform:translateY(11px)rotate(18deg)}}@keyframes lost-pirate-bob{0%,to{transform:translateY(-3px)rotate(-1deg)}50%{transform:translateY(4px)rotate(1deg)}}@keyframes lost-airplane-bob{0%,to{transform:translateY(-5px)rotate(-1deg)}50%{transform:translateY(5px)rotate(1deg)}}@keyframes lost-banner-flutter{0%,to{transform:perspective(400px)rotateY(-10deg)rotate(-3deg)}50%{transform:perspective(400px)rotateY(9deg)rotate(3deg)}}@media (max-width:1050px){.lost-layout{--lost-stage-height:490px;--passage-water:145px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:24px}.lost-copy h1{font-size:76px}.lost-boat{width:90%;bottom:68px;left:5%}.lost-stage-wave-front{height:290px}.lost-stage-wave-middle{height:325px}.lost-stage-wave-back{height:360px}.lost-spray{bottom:85px}}@media (max-width:767px){.lost-page{padding:205px 0 30px}.lost-airplane-pass{width:300px;top:91px}.lost-airplane-banner{min-height:42px;padding:8px 12px;font-size:22px}.lost-motion-toggle{top:88px}.lost-layout{--lost-stage-height:clamp(360px, 100vw, 740px);--passage-water:90px;grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow""title""scene""message""description""actions""shortcuts";align-items:stretch;gap:20px}.lost-copy{display:contents}.lost-eyebrow{grid-area:eyebrow;font-size:10px}.lost-copy h1{grid-area:title;margin:0;font-size:clamp(43px,10vw,62px);line-height:1.08}.lost-page:not([data-error-code="404"]) .lost-copy h1{font-size:clamp(40px,10vw,62px)}.lost-title-line{vertical-align:top;display:inline-block}.lost-sea-stage{margin:-4px -14px -10px}.lost-crew-caption{font-size:9px;top:8px;right:14px}.lost-boat{width:84%;bottom:38px;left:8%}.lost-pirate-horizon{grid-area:scene}.lost-pirate-pass{width:min(125vw,900px);bottom:calc(var(--passage-water) - 40px)}.lost-stage-wave-front{height:180px}.lost-stage-wave-middle{height:205px}.lost-stage-wave-back{height:235px}.lost-spray{height:90px;bottom:34px}.lost-message{grid-area:message;font-size:20px}.lost-description{grid-area:description;margin:-5px 0 0;font-size:14px}.lost-actions{grid-area:actions;gap:8px;margin:2px 0 0}.lost-home{min-height:54px}.lost-shortcuts{gap:0;margin-top:10px;padding-top:20px;display:grid}.lost-shortcuts>span{margin-bottom:10px}.lost-shortcuts a{border-bottom:1px solid #d3e7dd25;min-height:48px}.lost-open-sea-far{height:68%}.lost-open-sea-near{height:44%}.lost-clouds{height:50%;top:-10%}.lost-rain{opacity:.13}.lost-lightning{top:7%;right:-10%}}@media (max-width:374px){.lost-copy h1{font-size:40px}.lost-crew-caption{font-size:8px}}.lost-page:is([data-paused=true],[data-scene-ready=false]) *,.lost-page:is([data-paused=true],[data-scene-ready=false]) :before,.lost-page:is([data-paused=true],[data-scene-ready=false]) :after{animation-play-state:paused!important}.lost-page:is([data-paused=true],[data-scene-ready=false]) .lost-title-line>span,.lost-page:is([data-paused=true],[data-scene-ready=false]) .lost-eyebrow,.lost-page:is([data-paused=true],[data-scene-ready=false]) .lost-message,.lost-page:is([data-paused=true],[data-scene-ready=false]) .lost-description,.lost-page:is([data-paused=true],[data-scene-ready=false]) .lost-actions,.lost-page:is([data-paused=true],[data-scene-ready=false]) .lost-sea-stage,.lost-page:is([data-paused=true],[data-scene-ready=false]) .lost-shortcuts{animation-play-state:running!important}html[data-motion=off] .lost-page *,html[data-motion=off] .lost-page :before,html[data-motion=off] .lost-page :after{transition:none!important;animation:none!important}html[data-motion=off] .lost-motion-toggle{display:none}@media (prefers-reduced-motion:reduce){.lost-page *,.lost-page :before,.lost-page :after{transition:none!important;animation:none!important}.lost-motion-toggle{display:none}.lost-home:hover,.lost-home:hover svg{transform:none}}