:root{--navy:#062745;--deep:#041828;--ocean:#08a9d1;--sky:#54d9f5;--gold:#ffc928;--orange:#ff6b19;--red:#e73c2d;--cream:#fff4d0;--ink:#172536;--line:rgba(255,244,208,.25);--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:#d7edf3;font-family:Arial,"PingFang SC",sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}::selection{background:var(--gold);color:var(--ink)}.scroll-progress{position:fixed;z-index:110;inset:0 0 auto;height:3px}.scroll-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--gold),var(--orange),var(--sky));transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px var(--gold)}.header{position:fixed;z-index:100;top:0;left:0;width:100%;height:84px;padding:0 clamp(22px,4vw,70px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.18);transition:.4s}.header.scrolled{height:68px;background:rgba(4,24,40,.83);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;color:#fff;gap:9px}.brand>i{width:32px;height:32px;display:grid;place-items:center;border:3px solid var(--gold);border-radius:50%;font-style:normal;color:var(--gold);transform:rotate(-12deg);box-shadow:inset 0 0 0 3px var(--red)}.brand span{font-family:Impact,"Arial Black",sans-serif;font-size:17px;letter-spacing:.03em;text-shadow:2px 2px 0 #142637}.brand b{color:var(--gold);font-weight:inherit}.brand small{padding-left:10px;border-left:1px solid rgba(255,255,255,.22);font-size:6px;letter-spacing:.18em;color:#c8e6ed}.header nav{display:flex;gap:36px}.header nav a{font-size:8px;font-weight:700;letter-spacing:.17em;text-shadow:0 2px 8px rgba(0,0,0,.4);transition:.25s}.header nav a:hover{color:var(--gold);transform:rotate(-2deg)}.nav-cta{justify-self:end;padding:11px 15px;border:2px solid var(--gold);background:rgba(13,53,73,.45);font-size:8px;font-weight:800;letter-spacing:.16em;box-shadow:3px 3px 0 var(--red)}.nav-cta b{color:var(--gold);margin-left:13px}.menu-toggle{display:none;border:0;background:none}.mobile-menu{display:none}.hero{--mx:0px;--my:0px;position:relative;height:100svh;min-height:690px;overflow:hidden;display:flex;align-items:center;padding:112px clamp(24px,6vw,105px) 80px}.hero-art{position:absolute;z-index:-5;inset:0;background:url('../img/one-legend-hero.png') center/cover no-repeat;transform:scale(1.03) translate(var(--mx),var(--my));transition:transform 1.2s var(--ease);animation:heroFloat 13s ease-in-out infinite alternate}.hero-shade{position:absolute;z-index:-4;inset:0;background:linear-gradient(90deg,rgba(3,20,35,.95) 0%,rgba(3,29,50,.76) 30%,rgba(2,34,57,.15) 60%),linear-gradient(0deg,rgba(3,21,36,.93),transparent 34%,rgba(6,30,52,.12))}.hero-copy{position:relative;z-index:3;width:min(660px,45vw)}.kicker{display:flex;align-items:center;gap:12px;font-size:7px;font-weight:700;letter-spacing:.2em}.kicker span{color:var(--gold)}.kicker i{display:block;width:40px;height:2px;background:linear-gradient(90deg,var(--orange),transparent)}.hero h1{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(88px,10.5vw,180px);line-height:.7;letter-spacing:-.055em;color:var(--gold);margin:25px 0 23px;transform:rotate(-2deg);text-shadow:5px 6px 0 var(--red),9px 10px 0 #14263b,0 18px 35px rgba(0,0,0,.38)}.hero h1 small{font-size:.28em;display:block;line-height:1;letter-spacing:.2em;color:#fff;text-shadow:3px 3px 0 var(--navy)}.rope-line{display:flex;align-items:center;gap:12px;width:min(430px,80%);margin-bottom:17px}.rope-line i{height:3px;flex:1;background:repeating-linear-gradient(90deg,var(--cream) 0 9px,transparent 9px 13px)}.rope-line span{color:var(--cream);font-size:15px}.hero h2,.section h2,.sail h2{font-family:Georgia,serif;font-size:clamp(37px,4vw,67px);line-height:.98;letter-spacing:-.035em;font-weight:700;color:#fff;margin:0 0 18px;text-shadow:0 4px 16px rgba(0,0,0,.35)}.hero h2 em,.section h2 em,.sail h2 em{font-weight:inherit;color:var(--gold)}.hero-copy>p:not(.kicker){max-width:550px;font-size:12px;line-height:1.75;color:#d6e9ee;text-shadow:0 2px 10px rgba(0,0,0,.45)}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:25px}.primary-btn{min-width:250px;padding:13px 15px 13px 18px;display:flex;justify-content:space-between;align-items:center;background:var(--gold);color:#2c1b0c;border:3px solid #fff0ac;box-shadow:5px 6px 0 var(--red),0 18px 38px rgba(9,25,37,.3);transform:rotate(-1deg);transition:.3s}.primary-btn span{font-size:11px;font-weight:900;letter-spacing:.12em}.primary-btn small{display:block;font-size:6px;letter-spacing:.19em;opacity:.65;margin-bottom:3px}.primary-btn b{font-size:22px}.primary-btn:hover{transform:translateY(-4px) rotate(1deg);filter:brightness(1.08);box-shadow:7px 9px 0 var(--red),0 22px 45px rgba(9,25,37,.35)}.watch{display:flex;align-items:center;gap:11px;font-size:7px;font-weight:700;letter-spacing:.16em}.watch i{width:39px;height:39px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-style:normal;color:var(--gold);background:rgba(4,35,56,.35);box-shadow:3px 3px 0 var(--red)}.bounty{position:absolute;left:calc(100% + 34px);bottom:5px;width:120px;height:74px;padding:11px;background:#f3dfaa;color:#3f2d1c;transform:rotate(5deg);box-shadow:5px 6px 0 rgba(42,23,14,.35);display:grid;grid-template-columns:1fr auto}.bounty span{font-family:Impact,sans-serif;font-size:15px;color:var(--red)}.bounty b{font-size:24px}.bounty small{grid-column:1/3;font-size:5px;letter-spacing:.1em}.sun{position:absolute;z-index:-2;width:560px;height:560px;border-radius:50%;left:-250px;top:-280px;border:2px dashed rgba(255,211,50,.3);animation:spin 40s linear infinite}.sun:before,.sun:after,.sun i{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,211,50,.2)}.sun:before{inset:10%}.sun:after{inset:24%}.sun i{inset:38%;background:rgba(255,191,20,.08)}.cloud{position:absolute;z-index:-2;background:rgba(255,255,255,.12);filter:blur(1px);border-radius:50%;animation:cloud 13s ease-in-out infinite alternate}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud-a{width:250px;height:45px;left:18%;top:15%}.cloud-a:before{width:90px;height:90px;left:35px;bottom:0}.cloud-a:after{width:120px;height:120px;right:25px;bottom:0}.cloud-b{width:180px;height:35px;right:8%;top:9%;animation-delay:-4s}.cloud-b:before{width:80px;height:80px;left:15px;bottom:0}.cloud-b:after{width:90px;height:90px;right:15px;bottom:0}.sea-label{position:absolute;right:3.5vw;top:18%;writing-mode:vertical-rl;display:flex;gap:10px;align-items:center;font-size:6px;letter-spacing:.16em}.sea-label i{height:48px;width:1px;background:linear-gradient(var(--gold),transparent)}.scroll{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:13px;font-size:6px;letter-spacing:.18em}.scroll i{width:60px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);animation:pulse 2s ease-in-out infinite}.section{position:relative;padding:135px clamp(24px,7vw,120px);overflow:hidden}.section-number{position:absolute;left:22px;top:140px;writing-mode:vertical-rl;font-size:6px;font-weight:700;letter-spacing:.2em}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 5vw 75px}.section-head>p{width:min(430px,32vw);font-size:12px;line-height:1.8}.section h2{font-size:clamp(54px,6.2vw,98px);color:var(--ink);text-shadow:none;margin:22px 0 0}.section h2 em{color:var(--red)}.world{background:#f4e3b6;color:#4d4536}.world:before{content:"";position:absolute;inset:0;opacity:.18;background-image:radial-gradient(circle at 20% 20%,#7c6a47 0 1px,transparent 1.5px),radial-gradient(circle at 75% 65%,#7c6a47 0 1px,transparent 1.5px);background-size:19px 19px,27px 27px}.world .kicker{color:#756143}.world .kicker span{color:var(--red)}.world-frame{position:relative;width:min(1220px,90vw);height:650px;margin:auto;border:8px solid #fff1c7;outline:2px solid #5a4224;box-shadow:12px 15px 0 rgba(117,67,31,.2);overflow:hidden;transform:rotate(-.5deg)}.world-frame>img{width:100%;height:100%;object-fit:cover}.map-ui{position:absolute;left:25px;bottom:24px;padding:17px 19px;background:rgba(13,47,60,.88);color:#fff;border-left:5px solid var(--gold);display:grid;gap:5px}.map-ui span{font-size:6px;letter-spacing:.2em;color:#b8edf5}.map-ui b{font-family:Georgia,serif;font-size:24px}.map-ui small{font-size:6px;letter-spacing:.14em;color:var(--gold)}.route-dot{position:absolute;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(255,201,40,.5),0 0 22px var(--red);animation:beat 1.6s ease-in-out infinite}.dot-a{left:22%;top:36%}.dot-b{left:57%;top:47%;animation-delay:-.5s}.dot-c{right:11%;top:19%;animation-delay:-1s}.island-strip{position:relative;width:min(1220px,90vw);margin:35px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:2px dashed rgba(87,61,32,.35)}.island-strip article{padding:22px 18px 0;border-right:1px solid rgba(87,61,32,.25)}.island-strip article:last-child{border:0}.island-strip b{font-size:11px;color:var(--red);margin-right:9px}.island-strip span{font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--ink)}.island-strip small{display:block;font-size:5px;letter-spacing:.12em;margin-top:6px}.heroes{background:linear-gradient(145deg,#082d4f,#041c30);min-height:1000px}.heroes-layout{width:min(1210px,88vw);margin:auto;display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:7vw}.heroes-image{position:relative;padding:10px;background:#f5dfaa;box-shadow:12px 15px 0 rgba(0,0,0,.22);transform:rotate(-2deg)}.heroes-image img{width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.92) contrast(1.03)}.poster-stamp{position:absolute;left:-30px;bottom:30px;padding:10px 18px;border:4px double #802919;background:#f0d49a;color:#802919;transform:rotate(7deg);display:grid;text-align:center}.poster-stamp span{font-family:Impact,sans-serif;font-size:27px;letter-spacing:.08em}.poster-stamp b{font-size:6px;letter-spacing:.17em}.heroes-copy h2{color:#fff;margin:25px 0 30px}.heroes-copy h2 em{color:var(--gold)}.heroes-copy>p:not(.kicker){font-size:12px;line-height:1.85}.heroes-copy strong{color:var(--gold)}.heroes-copy blockquote{font-family:Georgia,serif;font-size:20px;font-style:italic;line-height:1.55;color:#fff;margin:25px 0;padding:18px 0 18px 22px;border-left:3px solid var(--red)}.power-tags{display:flex;flex-wrap:wrap;gap:8px}.power-tags span{padding:9px 12px;border:1px solid rgba(255,255,255,.22);font-size:6px;letter-spacing:.15em;color:var(--gold)}.adventure{background:var(--cream);color:var(--ink)}.feature-grid{width:min(1180px,88vw);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-grid article{position:relative;min-height:390px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;background:#fff8e5;border:3px solid var(--ink);box-shadow:8px 9px 0 var(--ocean);transition:.35s}.feature-grid article:nth-child(2){transform:translateY(28px) rotate(1deg);box-shadow:8px 9px 0 var(--red)}.feature-grid article:hover{transform:translateY(-8px) rotate(-1deg)}.feature-grid article:nth-child(2):hover{transform:translateY(18px) rotate(-1deg)}.feature-grid article>span{position:absolute;left:28px;top:27px;font-family:Impact,sans-serif;font-size:14px;color:var(--red)}.feature-grid article>i{position:absolute;right:25px;top:16px;font-style:normal;font-size:65px;color:var(--ocean);transform:rotate(8deg)}.feature-grid small{font-size:6px;font-weight:800;letter-spacing:.18em;color:var(--red)}.feature-grid h3{font-family:Georgia,serif;font-size:34px;line-height:1.05;margin:9px 0 14px}.feature-grid p{font-size:11px;line-height:1.7;margin:0;color:#59616a}.sail{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:100px 24px;text-align:center}.sail-art{position:absolute;z-index:-4;inset:0;background:url('../img/one-legend-hero.png') center/cover no-repeat;filter:saturate(.75) brightness(.42)}.sail:after{content:"";position:absolute;z-index:-3;inset:0;background:radial-gradient(circle,rgba(2,54,77,.15),#031827 76%)}.sail-sun{position:absolute;z-index:-2;width:min(70vw,850px);height:min(70vw,850px);border:2px dashed rgba(255,201,40,.24);border-radius:50%;animation:spin 35s linear infinite}.sail-sun:before,.sail-sun:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,201,40,.17)}.sail-sun:before{inset:11%}.sail-sun:after{inset:27%;background:rgba(255,143,25,.05)}.sail-copy{position:relative;z-index:2;width:min(900px,90vw)}.sail-copy .kicker{justify-content:center}.sail h2{font-size:clamp(62px,8.5vw,134px);margin:28px 0}.sail-copy>p:not(.kicker){font-size:13px}.sail .primary-btn{width:260px;margin:32px auto 0;text-align:left}footer{min-height:94px;padding:24px clamp(22px,5vw,80px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#03131f;border-top:1px solid rgba(255,255,255,.14);font-size:6px;letter-spacing:.15em}footer p{margin:0;color:#6e96a6}footer>a:last-child{justify-self:end;color:#84aab8}.reveal{opacity:0;transform:translateY(35px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.delay{transition-delay:.13s}.reveal.visible{opacity:1;transform:none}@keyframes heroFloat{to{transform:scale(1.05) translate(var(--mx),var(--my))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cloud{to{transform:translateX(40px)}}@keyframes pulse{50%{opacity:.35;transform:scaleX(.55)}}@keyframes beat{50%{transform:scale(1.35)}}
@media(max-width:1050px){.header nav{gap:22px}.hero-copy{width:52vw}.bounty{display:none}.section-head{display:block}.section-head>p{width:min(600px,75vw);margin-top:25px}.world-frame{height:560px}.heroes-layout{grid-template-columns:1fr 1fr;gap:4vw}.island-strip{grid-template-columns:repeat(2,1fr);gap:18px}.island-strip article:nth-child(2){border:0}}
@media(max-width:760px){.header{height:68px;grid-template-columns:1fr auto}.header nav,.nav-cta{display:none}.brand small{display:none}.menu-toggle{display:block;width:40px;height:40px;padding:10px}.menu-toggle i{display:block;width:20px;height:2px;background:var(--gold);margin:6px 0;transition:.3s}.menu-open .menu-toggle i:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle i:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{position:fixed;z-index:90;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:27px;background:rgba(4,24,40,.97);opacity:0;visibility:hidden;transition:.35s}.menu-open .mobile-menu{opacity:1;visibility:visible}.mobile-menu a{font-family:Georgia,serif;font-size:27px;color:#fff}.hero{height:auto;min-height:100svh;padding:90px 22px 72px;align-items:flex-end}.hero-art{background-position:68% center}.hero-shade{background:linear-gradient(0deg,rgba(3,20,35,.98) 3%,rgba(3,29,50,.75) 48%,rgba(2,34,57,.05) 83%)}.hero-copy{width:100%;padding-top:45vh}.hero h1{font-size:clamp(78px,24vw,120px)}.hero h2{font-size:36px}.hero-copy>p:not(.kicker){font-size:11px}.hero-actions{flex-wrap:wrap}.watch{display:none}.sea-label,.scroll,.cloud{display:none}.section{padding:100px 22px}.section-number{display:none}.section-head{margin:0 0 50px}.section-head>p{width:100%;font-size:11px}.section h2{font-size:clamp(50px,14vw,76px)}.world-frame{width:100%;height:430px;border-width:5px}.map-ui{left:14px;right:14px;bottom:14px}.map-ui b{font-size:18px}.island-strip{width:100%;grid-template-columns:1fr}.island-strip article{border-right:0;border-bottom:1px solid rgba(87,61,32,.2)}.heroes-layout{width:100%;grid-template-columns:1fr}.heroes-image{margin-bottom:38px}.poster-stamp{left:-7px}.heroes-copy>p:not(.kicker){font-size:11px}.feature-grid{width:100%;grid-template-columns:1fr}.feature-grid article:nth-child(2){transform:none}.feature-grid article:nth-child(2):hover{transform:translateY(-8px) rotate(-1deg)}.sail-sun{width:110vw;height:110vw}.sail h2{font-size:clamp(58px,17vw,92px)}footer{grid-template-columns:1fr auto}footer p{display:none}}
@media(max-width:430px){.hero-copy{padding-top:39vh}.hero h1{font-size:24vw}.hero-status{overflow-x:auto}.primary-btn{min-width:230px}.world-frame{height:360px}.heroes-copy h2{font-size:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art,.sun,.cloud,.route-dot,.sail-sun,.scroll i{animation:none}.reveal{opacity:1;transform:none;transition:none}}
.feature-grid article>i{width:76px;height:76px;right:22px;top:18px;border:3px double var(--ocean);border-radius:50%;display:grid;place-items:center;background:#effcff;box-shadow:inset 0 0 0 5px #d9f7fb,4px 5px 0 var(--gold);font-family:Impact,"Arial Black",sans-serif;font-size:10px;letter-spacing:.12em;color:var(--navy);transform:rotate(6deg)}