.circle-welcome{position:fixed;inset:0;margin:auto;width:min(870px,calc(100% - 36px));max-height:calc(100svh - 36px);padding:0;border:1px solid var(--navy);background:var(--paper);color:var(--navy);overflow:auto;box-shadow:0 24px 90px #192a5250}
.circle-welcome[open]{display:grid;grid-template-columns:.9fr 1.1fr;animation:welcome-arrive .55s cubic-bezier(.2,.8,.2,1) both}.circle-welcome::backdrop{background:#192a528c;backdrop-filter:blur(6px)}
.circle-welcome-close{position:absolute;inset-block-start:12px;inset-inline-end:15px;width:44px;height:44px;display:grid;place-items:center;font-size:32px;line-height:1;background:var(--paper);border:1px solid var(--navy);border-radius:50%;z-index:3}
.circle-welcome-art{position:relative;isolation:isolate;min-height:475px;overflow:hidden;background:var(--orange);display:grid;place-items:center;direction:ltr}
.circle-welcome-core{width:205px;height:205px;border-radius:50%;background:var(--navy);color:var(--paper);display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 18px 0 #192a5214;font-size:42px;line-height:.95;font-weight:700;letter-spacing:-.04em;z-index:1;transform:rotate(-9deg)}.circle-welcome-core em{font-family:Vox,Arial,sans-serif;font-style:normal;font-size:30px;letter-spacing:.06em;margin-top:10px}
.circle-welcome-orbit{position:absolute;width:320px;height:320px;border:1px solid var(--navy);border-radius:50%;animation:welcome-orbit 18s linear infinite}.circle-welcome-orbit:after{content:'';position:absolute;top:41px;left:41px;width:17px;height:17px;border-radius:50%;background:var(--paper);border:1px solid var(--navy)}.circle-welcome .orbit-two{width:410px;height:190px;transform:rotate(-28deg);animation:welcome-orbit-tilt 26s linear infinite;opacity:.6}
.circle-welcome-float{position:absolute;font-size:49px;font-weight:700;line-height:1;animation:welcome-bob 4s ease-in-out infinite;z-index:2}.float-one{top:17%;left:12%;color:var(--paper)}.float-two{bottom:18%;right:10%;animation-delay:-1.2s}.float-three{top:20%;right:12%;font-size:28px;animation-delay:-2.3s}.circle-welcome-art-note{position:absolute;bottom:28px;inset-inline:20px;text-align:center;font-size:12px;font-weight:700}
.circle-welcome-copy{padding:75px 38px 35px;display:flex;flex-direction:column;justify-content:center}.circle-welcome-copy>.eyebrow{font-size:10px;letter-spacing:.14em}.circle-welcome-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.045em;margin:20px 0}.circle-welcome-copy h2 em{font-family:VoxSerif,Georgia,serif;font-weight:400}.circle-welcome-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:340px}.circle-welcome-actions{display:flex;align-items:flex-start;flex-direction:column;gap:19px;margin-top:28px}.circle-welcome-actions .button{font-size:12px;padding:17px 20px}.circle-welcome-actions .text-link{font-size:12px}
.circle-welcome :focus-visible{outline:3px solid var(--orange);outline-offset:4px}.circle-welcome-close:focus-visible{outline-color:var(--navy)}
@keyframes welcome-arrive{from{opacity:0;transform:translateY(20px) rotate(-2deg) scale(.96)}to{opacity:1;transform:none}}@keyframes welcome-orbit{to{transform:rotate(360deg)}}@keyframes welcome-orbit-tilt{to{transform:rotate(332deg)}}@keyframes welcome-bob{50%{transform:translateY(-9px) rotate(9deg)}}
@media(max-width:650px){.circle-welcome[open]{grid-template-columns:1fr}.circle-welcome-art{min-height:190px}.circle-welcome-core{width:125px;height:125px;font-size:28px}.circle-welcome-core em{font-size:18px;margin-top:6px}.circle-welcome-orbit{width:185px;height:185px}.circle-welcome .orbit-two{width:265px;height:110px}.circle-welcome-art-note{bottom:9px;font-size:10px}.circle-welcome-float{font-size:33px}.float-one{left:16%;top:24%}.float-three{right:20%;top:20%}.float-two{right:15%;bottom:20%}.circle-welcome-copy{padding:27px 25px 25px}.circle-welcome-copy h2{font-size:38px;margin:12px 0}.circle-welcome-copy>p:not(.eyebrow){font-size:13px}.circle-welcome-actions{gap:14px;margin-top:20px}}
@media(prefers-reduced-motion:reduce){html:not([data-vox-motion-choice="running"]) .circle-welcome[open],html:not([data-vox-motion-choice="running"]) .circle-welcome-orbit,html:not([data-vox-motion-choice="running"]) .circle-welcome-float{animation:none!important}}body.motion-paused .circle-welcome,body.motion-paused .circle-welcome *{animation-play-state:paused!important}
body.circle-welcome-open{overflow:hidden}
