*{box-sizing:border-box}html{background:#0a1117;color:#f2f3ef;font-family:Arial,Helvetica,sans-serif}body{margin:0}a{color:inherit;text-decoration:none}header{height:100px;max-width:1560px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15}.brand{font-size:35px;font-weight:700;letter-spacing:-2px;display:flex;align-items:center}.mark{font-size:49px;font-weight:400;margin-right:12px;color:#a6d9d0}.dot{color:#a6d9d0}.header-note,.edition,.eyebrow,.card-top,.card-kicker,.hover-note{font-size:10px;letter-spacing:2px}.header-note{color:#aab4b8}.edition{color:#8b999e}main{max-width:1560px;margin:auto;padding:0 5%}.intro{display:flex;align-items:end;justify-content:space-between;padding:49px 0 33px}.eyebrow{color:#8ba5aa;margin:0 0 15px}h1{font-size:clamp(30px,3vw,47px);font-weight:400;letter-spacing:-1.8px;margin:0}h1 span{color:#89979e}.intro-note{font-size:13px;line-height:1.7;color:#9da9af;margin:0 0 4px}.destinations{display:grid;grid-template-columns:1fr 1fr;gap:22px}.destination{height:min(66vw,650px);min-height:500px;position:relative;overflow:hidden;border:1px solid #ffffff25;border-radius:4px;isolation:isolate;background:#111d27}.art{position:absolute;inset:0;filter:grayscale(1);transition:filter 1.1s ease,transform 1.5s ease}.art svg{height:100%;width:100%;object-fit:cover}.destination:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 38%,#03101966 58%,#030b14ef);z-index:0;pointer-events:none}.destination:hover .art,.destination:focus-visible .art,.destination:active .art{filter:grayscale(0);transform:scale(1.035)}.destination:focus-visible{outline:3px solid #a6d9d0;outline-offset:5px}.card-top{position:absolute;z-index:1;top:27px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#e0e8e7}.tag{border:1px solid #ffffff40;border-radius:20px;padding:7px 9px;font-size:8px;letter-spacing:1px;margin-top:-7px}.card-bottom{position:absolute;z-index:1;bottom:27px;left:32px;right:32px}.card-kicker{color:#bccbcf;font-size:10px;margin:0 0 12px}h2{font-size:clamp(44px,4.6vw,70px);font-weight:400;letter-spacing:-2.5px;margin:0 0 14px}.card-bottom>p:not(.card-kicker){font-size:14px;line-height:1.7;color:#bbc8ce;margin:0 0 24px}.card-action{border-top:1px solid #ffffff30;padding-top:17px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.2px}.arrow{font-size:26px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;transition:background .4s,transform .4s}.destination:hover .arrow,.destination:focus-visible .arrow{background:#ffffff20;transform:rotate(45deg)}footer{display:flex;justify-content:space-between;padding:25px 0 32px;font-size:11px;color:#7d9097}.hover-note{font-size:8px;letter-spacing:1.5px}.whale{animation:swim 8s ease-in-out infinite;transform-origin:center}.waves{animation:wave 9s ease-in-out infinite}.fish{animation:swim 6s ease-in-out infinite reverse}.bubbles{animation:bubble 6s ease-in-out infinite}.rays{animation:glow 7s ease-in-out infinite}.saturn{animation:swim 9s ease-in-out infinite}.orbiting{animation:orbit 45s linear infinite;transform-origin:400px 320px}.stars,.sun{animation:glow 5s ease-in-out infinite alternate}@keyframes swim{50%{transform:translate(0,-12px) rotate(1deg)}}@keyframes wave{50%{transform:translateX(-28px)}}@keyframes bubble{50%{transform:translateY(-28px);opacity:.2}}@keyframes glow{50%{opacity:.65}}@keyframes orbit{to{transform:rotate(360deg)}}@media(min-width:1500px){.destination{height:680px}}@media(max-width:1000px){.tag{display:none}.header-note{display:none}.intro-note{font-size:11px}.destination{min-height:470px}.card-bottom{left:24px;right:24px}.card-top{left:24px;right:24px}}@media(max-width:650px){header{height:78px}.brand{font-size:30px}.mark{font-size:40px}.edition{font-size:8px}.intro{padding:32px 0 24px;display:block}.intro-note{margin-top:17px;font-size:12px}h1{letter-spacing:-1px}h1 span{display:block}.destinations{grid-template-columns:1fr;gap:18px}.destination{min-height:510px;height:125vw;max-height:610px}h2{font-size:58px}footer{line-height:1.7}.hover-note{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(hover:none){.hover-note{display:none}}