#havana-intro{position:fixed;inset:0;margin:0;padding:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;background:#090b0b;color:#f0e9d5;overflow:auto;isolation:isolate;box-shadow:none}#havana-intro[open]{display:flex;flex-direction:column;animation:intro-appear .5s ease both}#havana-intro::backdrop{background:#090b0b;backdrop-filter:none}.intro-map{position:absolute;inset:0;z-index:-2;background:url('/map.jpg') 50% 73%/cover no-repeat;filter:saturate(.35);opacity:.32;animation:intro-map-drift 18s ease-out both;pointer-events:none}.intro-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080909e8,transparent 45%,#080909a8),linear-gradient(0deg,#080909 0%,#08090933 40%,#080909b8 100%);pointer-events:none}.intro-top,.intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 42px;flex:none;font-size:12px;letter-spacing:2px;color:#b7a77a}.intro-top{border-bottom:1px solid #c9a74822}.intro-top>span{color:#e0c775}.intro-skip{background:transparent;border:1px solid #a58a4144;color:#cabc98;padding:10px 16px;font-size:13px;letter-spacing:0;border-radius:4px}.intro-skip:hover{border-color:#e6c55e;color:#ffe4a0}.intro-content{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px 20px 36px;min-height:490px}.intro-seal{position:relative;display:grid;place-items:center;border:1px solid #a88a3c;width:57px;height:62px;font-family:Georgia,serif;font-size:29px;color:#f1d071;margin-bottom:24px;background:#e9c65b06;animation:intro-rise .7s .05s both}.intro-seal>span{position:absolute;font:14px Georgia;bottom:-9px;padding:0 5px;background:#131714}.intro-kicker{font-size:11px;letter-spacing:3.4px;color:#a69c7e;margin:0 0 18px;animation:intro-rise .7s .12s both}#intro-title{font-weight:650;font-size:clamp(60px,9.5vw,136px);line-height:.9;letter-spacing:-.065em;margin:0 0 24px;display:flex;flex-direction:column;animation:intro-rise .9s .2s both}#intro-title>span:last-child{color:#e9c451}.intro-dot{color:#f2e8cd}.intro-rule{display:flex;align-items:center;gap:24px;width:min(380px,80vw);animation:intro-rise .8s .35s both}.intro-rule i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#a78a43)}.intro-rule i:last-child{transform:rotate(180deg)}.intro-rule>span{font-size:14px;letter-spacing:8px;color:#d5bd7c;padding-left:8px}#intro-motto{font-size:12px;letter-spacing:3px;color:#a9a28f;margin:24px 0 32px;animation:intro-rise .8s .45s both}.intro-enter{display:flex;align-items:center;justify-content:space-between;gap:48px;background:#edca59;color:#211b0c;padding:17px 23px;min-width:260px;font-size:15px;font-weight:600;border:1px solid #f4d77e;border-radius:5px;box-shadow:0 8px 40px #0006;animation:intro-rise .8s .55s both;transition:background .2s,box-shadow .2s,transform .2s}.intro-enter span{font-size:23px;transition:transform .25s}.intro-enter:hover{background:#ffdf79;box-shadow:0 5px 38px #e7be4222;transform:translateY(-2px)}.intro-enter:hover span{transform:translateX(5px)}.intro-enter:focus-visible,.intro-skip:focus-visible{outline:2px solid #fff5d8;outline-offset:5px}.intro-bottom{border-top:1px solid #c9a74822;font-size:10px;padding-top:21px;padding-bottom:21px}.intro-replay{background:transparent;border:0;color:#c4b078;font-size:12px;padding:7px 4px;white-space:nowrap}.intro-replay:hover{color:#f4cc4b}#havana-intro.intro-leaving{animation:intro-exit .65s cubic-bezier(.5,0,.2,1) forwards;pointer-events:none}#havana-intro.intro-leaving::backdrop{animation:intro-backdrop-exit .65s forwards}@keyframes intro-appear{from{opacity:0}to{opacity:1}}@keyframes intro-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes intro-map-drift{from{transform:scale(1.08)}to{transform:scale(1)}}@keyframes intro-exit{to{opacity:0;transform:scale(1.045);filter:blur(7px)}}@keyframes intro-backdrop-exit{to{opacity:0}}@media(max-width:600px){.intro-top,.intro-bottom{padding:20px;letter-spacing:1px}.intro-top>span{font-size:10px}.intro-skip{font-size:12px;padding:9px 11px}.intro-content{min-height:440px;padding:28px 20px}.intro-kicker{font-size:9px;letter-spacing:2px}#intro-title{font-size:clamp(64px,18vw,106px)}.intro-bottom{font-size:9px;flex-wrap:wrap;justify-content:center}.intro-map{background-position:48% 74%;background-size:auto 150%}.intro-seal{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){#havana-intro,#havana-intro *{animation:none!important;transition:none!important}}
#intro-title>span,#intro-title .intro-dot{font:inherit;letter-spacing:inherit;border:0;border-radius:0;padding:0;background:none}#intro-title>span:first-child{color:#f0e9d5}#intro-title .intro-dot{color:#f2e8cd}#intro-title{font-size:clamp(60px,min(9.5vw,14dvh),136px)}#havana-intro{overflow-x:hidden}.intro-content{min-height:0}.intro-map{animation:none;background-size:cover}.intro-content{padding-top:22px;padding-bottom:26px}@media(max-height:750px){.intro-seal{width:44px;height:48px;font-size:24px;margin-bottom:16px}.intro-kicker{margin-bottom:14px}#intro-motto{margin:20px 0 24px}.intro-top{padding-top:17px;padding-bottom:17px}.intro-bottom{padding-top:16px;padding-bottom:16px}}@media(max-width:600px){#intro-title{font-size:clamp(56px,min(18vw,14dvh),106px)}}