*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#071e2b;color:#fff0d3;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}#ocean,.atmosphere,.world,.stars{position:fixed;inset:0;width:100%;height:100%}#ocean{background:linear-gradient(#173d51 0%,#dcbaa0 48%,#377381 49%,#071e2b 100%)}.atmosphere{pointer-events:none;background:linear-gradient(90deg,rgba(3,18,28,.5),transparent 65%),linear-gradient(0deg,rgba(2,13,21,.8),transparent 45%);z-index:2}.stars{pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:4}header,footer{position:fixed;left:3.8vw;right:3.8vw;display:flex;align-items:center;justify-content:space-between;z-index:5}header{top:32px}.brand{color:#fff0d3;text-decoration:none;display:flex;align-items:center;gap:10px}.brand>span:first-of-type{font-weight:600;font-size:22px;letter-spacing:-1px}.brand img{opacity:.9}.brand i{height:14px;width:1px;background:#e7d0a353;margin:0 5px}.edition{font-size:9px;letter-spacing:2.5px}.status{font-size:9px;letter-spacing:2px;color:#e6d7bd;display:flex;align-items:center;gap:10px}.status>span{height:5px;width:5px;border-radius:50%;background:#ecd09a;box-shadow:0 0 12px #ffd997}.world{z-index:1;pointer-events:none}.ship-area{position:absolute;left:73%;top:53%;width:clamp(150px,17.5vw,260px);height:0;transform:translateX(-50%)}.ship{position:absolute;width:100%;bottom:0;transform-origin:50% 92%;animation:sailing 7s ease-in-out infinite;filter:brightness(.8) saturate(.7) drop-shadow(0 3px 6px #ebba6d25)}.ship img{width:100%;display:block;mask-image:linear-gradient(#000 0%,#000 94%,transparent 100%)}.wake{position:absolute;left:-20%;bottom:-6px;width:150%;height:12px;border-radius:50%;background:radial-gradient(ellipse,#f4d3a67a,transparent 67%);filter:blur(1px);animation:wake 7s ease-in-out infinite}.birds{position:absolute;left:65%;top:30%;width:130px;height:30px;animation:fly 18s ease-in-out infinite}.birds i{position:absolute;width:15px;height:8px;border-top:2px solid #203e48;border-radius:50%;transform:rotate(10deg)}.birds i:after{content:'';position:absolute;left:12px;top:-2px;width:15px;height:8px;border-top:2px solid #203e48;border-radius:50%;transform:rotate(-20deg)}.birds i:nth-child(2){left:50px;top:14px;transform:scale(.65) rotate(10deg)}.birds i:nth-child(3){left:-32px;top:25px;transform:scale(.5) rotate(10deg)}main{position:absolute;z-index:3;left:9vw;top:50%;transform:translateY(-39%);width:460px;text-align:center}.emblem-wrap{height:142px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.emblem{width:158px;height:158px;filter:drop-shadow(0 4px 16px #0006);animation:emblem 10s ease-in-out infinite}.eyebrow{font-size:8px;letter-spacing:3.6px;color:#e9c18b;margin:19px 0 16px}h1{margin:0;font-weight:400;line-height:1}h1>span{display:block;font-size:clamp(40px,4.5vw,64px);font-weight:500;letter-spacing:-3px}h1 strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,4.7vw,69px);font-weight:400;letter-spacing:5px;margin-top:8px;color:#ecd5a6;text-shadow:0 2px 20px #0b1927}.divider{display:flex;align-items:center;justify-content:center;gap:13px;margin:21px 0 18px}.divider span{height:1px;width:65px;background:linear-gradient(90deg,transparent,#c6a67988)}.divider span:last-child{transform:rotate(180deg)}.divider svg{width:10px;fill:#e4bf84}.message{font-family:Georgia,serif;font-size:23px;line-height:1.4;letter-spacing:.2px;margin:0 0 14px}.description{font-size:11px;color:#c4cdd0;line-height:1.9;letter-spacing:.2px;margin:0}.coming{display:inline-flex;align-items:center;gap:10px;border:1px solid #c7a47755;border-radius:2px;padding:13px 19px;margin-top:25px;font-size:9px;letter-spacing:2.5px;background:#0a263533;backdrop-filter:blur(8px)}.coming span{width:4px;height:4px;background:#e5c28a;transform:rotate(45deg)}.horizon-label{position:absolute;left:73%;top:58%;transform:translateX(-50%);z-index:3;text-align:center;opacity:.8}.horizon-label>span{font-size:8px;letter-spacing:2.7px;white-space:nowrap}.horizon-label>div{height:27px;width:1px;background:linear-gradient(#e6d7b966,transparent);margin:12px auto 0}.horizon-label small{font-family:Georgia,serif;font-size:12px;font-style:italic;letter-spacing:.3px;color:#dce4e0}footer{bottom:25px;color:#aebdc2;font-size:8px;letter-spacing:1.5px}.signature b{font-weight:400;display:block;color:#e6ddc7;margin-top:7px;letter-spacing:2.1px}.sea-note{font-family:Georgia,serif;font-style:italic;letter-spacing:.3px;font-size:11px;opacity:.65}button{font:inherit;color:#dce1d7;background:#08202c55;border:1px solid #d7d7bb33;border-radius:3px;min-height:40px;padding:0 13px;display:flex;gap:10px;align-items:center;cursor:pointer;transition:background .2s,border .2s}button:hover{background:#e6d7b91a;border-color:#d7d7bb99}button:focus-visible,a:focus-visible{outline:2px solid #ebc78e;outline-offset:5px}button svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}.paused *{animation-play-state:paused!important}@keyframes sailing{0%,100%{transform:translateY(3px) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2.2deg)}}@keyframes wake{50%{transform:scaleX(.8);opacity:.6}}@keyframes fly{50%{transform:translate(45px,-15px)}}@keyframes emblem{50%{transform:translateY(-4px) rotate(1deg)}}
@media(min-width:1600px){main{left:12vw;transform:translateY(-37%)}.emblem-wrap{height:170px}.emblem{width:185px;height:185px}.message{font-size:26px}.description{font-size:13px}}
@media(max-height:760px) and (min-width:761px){main{transform:translateY(-43%) scale(.84);transform-origin:left center}.ship-area{top:55%}.horizon-label{top:61%}}
@media(max-width:760px){header{top:22px;left:23px;right:23px}.brand>span:first-of-type{font-size:20px}.edition{font-size:8px;letter-spacing:1.5px}.status{font-size:0;gap:0}.status>span{height:6px;width:6px}.brand img{width:25px;height:25px}main{left:50%;width:92%;top:53%;transform:translate(-50%,-16%)}.emblem-wrap{height:89px;margin-bottom:0}.emblem{height:108px;width:108px}.eyebrow{font-size:7px;letter-spacing:2.5px;margin:15px 0 12px}h1>span{font-size:43px}h1 strong{font-size:41px;letter-spacing:3.5px;margin-top:7px}.divider{margin:15px 0 12px}.message{font-size:20px}.description{font-size:10px}.coming{padding:11px 15px;margin-top:19px;font-size:8px}.ship-area{left:72%;top:39%;width:135px}.horizon-label{display:none}.birds{top:20%;left:58%;transform:scale(.6)}.atmosphere{background:linear-gradient(0deg,#03131ef2,rgba(3,19,30,.6) 43%,transparent 77%)}footer{left:23px;right:23px;bottom:max(17px,env(safe-area-inset-bottom));font-size:7px}.sea-note{display:none}#motion-label{display:none}button{width:38px;justify-content:center;padding:0}.signature b{margin-top:5px}.world{background:linear-gradient(0deg,#04162433,transparent 50%)}}
@media(max-height:740px) and (max-width:760px){main{top:48%;transform:translate(-50%,-13%) scale(.83);transform-origin:center top}.ship-area{top:35%;width:110px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
@media(max-width:760px){.ship-area{top:44%;width:125px}}
@media(max-height:740px) and (max-width:760px){.ship-area{top:42%;width:105px}}
/* The same wave field now drives the ocean surface and the vessel. */
.ship,.wake{animation:none}.ship-area{top:55%}.ship img{mask-image:linear-gradient(#000 0%,#000 92%,#000b 97%,transparent 100%)}
.atmosphere{background:linear-gradient(90deg,rgba(3,18,28,.5),transparent 65%),linear-gradient(0deg,rgba(2,13,21,.56),transparent 45%)}
@media(max-width:760px){.ship-area{top:45%}.atmosphere{background:linear-gradient(0deg,#03131ee0,rgba(3,19,30,.6) 43%,transparent 77%)}}
@media(max-height:740px) and (max-width:760px){.ship-area{top:44%}}

.ship,.wake{visibility:hidden}