.coast-brazil{--width: 740;--height: 1002.5;--coast: 591.6}.coast-iberia{--width: 840;--height: 1196.3;--coast: 425.6}:root{color-scheme:light;--ink: #252525;--muted: #666666;--logo-width: clamp(280px, 30vw, 390px);--lift: clamp(48px, 8svh, 80px);--engineering: Menlo, Consolas, "Liberation Mono", monospace;--halo: 0 0 3px #fff, 0 0 6px #fff, 0 0 10px #fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}body{margin:0}.masthead{position:absolute;z-index:2;top:24px;right:40px}.masthead nav{display:flex;align-items:center;gap:6px;font:11px monospace;letter-spacing:1px;text-shadow:var(--halo)}.masthead a{min-width:36px;min-height:44px;display:grid;place-items:center;color:var(--muted);text-decoration:none}.masthead a[aria-current=page]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.masthead nav span{color:#aaa}.chart{position:relative;min-height:max(760px,100svh);overflow:hidden}.coasts{position:absolute;inset:0;overflow:hidden;container-type:size;pointer-events:none;--gutter: calc((100cqw - var(--logo-width)) / 2);--unit: min(.092cqh, .056cqw, var(--gutter) / 770);--reach: .7}.sea{position:absolute;inset:0;width:100%;height:100%;fill:none;--clearing: radial-gradient(calc(var(--logo-width) * .78) calc(var(--logo-width) * .98) at 50% calc(50% - var(--lift) + var(--logo-width) * .12), transparent 45%, #000 100%);-webkit-mask-image:var(--clearing);mask-image:var(--clearing)}.sea .rays{stroke:#e3e3e3;stroke-width:.6;stroke-dasharray:2 5}.sea .routes{stroke:#c9c9c9;stroke-width:.8;stroke-dasharray:6 5}.coast{position:absolute;display:block;width:auto;max-width:none;height:calc(var(--height) * var(--unit))}.coast-brazil{left:min(0px,calc(var(--gutter) * var(--reach) - var(--coast) * var(--unit)));bottom:0;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 84%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 84%,transparent)}.coast-iberia{right:min(0px,calc(var(--gutter) * var(--reach) - var(--coast) * var(--unit)));top:0;-webkit-mask-image:linear-gradient(to bottom,#0005,#000 7%,#000 70%,transparent);mask-image:linear-gradient(to bottom,#0005,#000 7%,#000 70%,transparent)}.identity{position:absolute;top:50%;left:50%;width:var(--logo-width);transform:translate(-50%,calc(-50% - var(--lift)))}#logo{display:block;width:100%;overflow:visible}.glyph{transform-origin:0 0;transform-box:view-box}.tagline .letter{display:inline-block;white-space:pre}.tagline{position:absolute;top:calc(50% + var(--logo-width) * .4 - var(--lift) + 28px);left:0;width:100%;text-align:center;font-family:var(--engineering);font-size:clamp(14px,1.6vw,21px);font-weight:400;letter-spacing:.11em;text-transform:uppercase;margin:0}footer{position:absolute;bottom:28px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;font:10px monospace;color:var(--muted);text-shadow:var(--halo)}footer a{color:var(--ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:8px}a:hover{text-decoration:underline;text-underline-offset:4px}.controls{position:absolute;left:32px;top:24px;display:flex;gap:3px}button{color:var(--muted);background:transparent;border:0;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;cursor:pointer;transition:background-color .12s ease-out}button:hover{background:#f3f3f3}:is(button,a):focus-visible{outline:2px solid var(--ink);outline-offset:3px}button:disabled{opacity:.3;cursor:default}button svg{grid-area:1 / 1;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.play-icon,button[aria-pressed=true] .pause-icon{display:none}button[aria-pressed=true] .play-icon{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.lost{position:absolute;top:calc(50% - var(--lift) * .5);left:50%;width:min(92vw,520px);transform:translate(-50%,-50%);text-align:center;font-family:var(--engineering);text-shadow:var(--halo)}.lost .ship{width:min(78vw,400px);overflow:visible;fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.lost .ship path{vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:draw .7s cubic-bezier(.45,0,.2,1) forwards}.lost .ship .filled{fill:#fff;fill-opacity:0;animation:draw .7s cubic-bezier(.45,0,.2,1) forwards,fill .3s ease-out forwards}.lost .ship .sky,.lost .ship .wave{stroke:#9a9a9a;stroke-width:1.6px}.lost .ship path:nth-child(1){animation-delay:1.5s}.lost .ship path:nth-child(2){animation-delay:1.6s}.lost .ship path:nth-child(3){animation-delay:.7s,1.3s}.lost .ship path:nth-child(4){animation-delay:.85s,1.4s}.lost .ship path:nth-child(5){animation-delay:.45s}.lost .ship path:nth-child(6){animation-delay:.55s}.lost .ship path:nth-child(7){animation-delay:1s,1.5s}.lost .ship path:nth-child(8){animation-delay:.65s}.lost .ship path:nth-child(9){animation-delay:0ms,.6s}.lost .ship path:nth-child(10){animation-delay:1.25s}.lost .ship path:nth-child(11){animation-delay:1.35s}.lost .rocking{transform-box:fill-box;transform-origin:50% 85%;animation:rock 4.2s ease-in-out 2.2s infinite}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fill{to{fill-opacity:1}}@keyframes rock{0%,to{transform:rotate(0) translateY(0)}30%{transform:rotate(-1.6deg) translateY(-6px)}70%{transform:rotate(1.4deg) translateY(4px)}}.lost .code{margin:14px 0 6px;font-size:11px;letter-spacing:.3em;color:var(--muted)}.lost h1{margin:0 0 26px;font-size:clamp(16px,1.8vw,22px);font-weight:400;letter-spacing:.11em;text-transform:uppercase}.lost [lang=en]{display:block;margin-top:6px;font-size:.62em;color:var(--muted);letter-spacing:.14em}.lost .sail{display:inline-block;padding:12px 22px;border:1.5px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink);font-size:13px;line-height:1.4;text-decoration:none;transition:background-color .12s ease-out}.lost .sail:hover{background:#f3f3f3;text-decoration:none}.lost .sail [lang=en]{font-size:11px;margin-top:4px;letter-spacing:.06em}@media(max-aspect-ratio:1/1){.coasts{--above: calc(50cqh - var(--lift) - var(--logo-width) * .66);--below: calc(50cqh - var(--logo-width) * .4 + var(--lift) - 125px)}.coast-iberia{--unit: calc(var(--above) / 470);right:0;-webkit-mask-image:linear-gradient(to bottom,#0005,#000 7%,#000 31%,transparent 40%);mask-image:linear-gradient(to bottom,#0005,#000 7%,#000 31%,transparent 40%)}.coast-brazil{--unit: calc(var(--below) / 520);left:min(0px,calc(55cqw - var(--coast) * var(--unit)));bottom:calc(-400 * var(--unit));-webkit-mask-image:linear-gradient(to bottom,transparent 6%,#000 18%,#000 calc(60% - 110px),transparent calc(60% - 36px));mask-image:linear-gradient(to bottom,transparent 6%,#000 18%,#000 calc(60% - 110px),transparent calc(60% - 36px))}}@media(max-width:620px){:root{--logo-width: min(260px, 66vw);--lift: 60px}.chart{min-height:max(650px,100svh)}.masthead{top:12px;right:16px}.controls{top:12px;left:12px}footer{bottom:16px;left:24px;right:24px;flex-direction:column;gap:0;text-align:center;font-size:9px}.tagline{font-size:13px;letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){.lost .ship path,.lost .ship .filled,.lost .rocking{animation:none;stroke-dashoffset:0;fill-opacity:1}.controls{display:none}button{transition:none}}