/* Epsom's global journey, inspired by the supplied Earth reference. */
:root{color-scheme:dark;background:#080f20;color:#edf1f8}body{background:radial-gradient(ellipse at 50% 3%,#182c4c 0,transparent 24%),#080f20;color:#edf1f8}.ambient,.sky,.haze,.stars,.landscape-grain,.hero-globe,.page-globe{display:none!important}
.space-stars{position:fixed;inset:-12% 0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,#e9efffcc .7px,transparent 1px),radial-gradient(circle,#799cc4aa .8px,transparent 1.3px),radial-gradient(circle,#fff 1px,transparent 1.4px),radial-gradient(ellipse at 42% 17%,#3262a518,transparent 50%);background-size:137px 127px,223px 191px,379px 293px,100% 100%;background-position:19px 31px,73px 67px,121px 105px,0 0;opacity:.53;transform:translateY(var(--space-scroll,0px));will-change:transform}
.earth-stage{position:fixed;left:0;top:0;z-index:0;pointer-events:none;user-select:none;width:min(102vw,130vh);height:min(102vw,130vh);transform:translate3d(calc(50vw - 50%),calc(119vh - 50%),0);transform-origin:50% 50%;will-change:transform,opacity;filter:brightness(.585);contain:layout}
.earth-stage #world{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:1;filter:saturate(1.08)}.earth-halo{position:absolute;inset:7%;border-radius:50%;box-shadow:0 0 22px 4px #2769dc45,0 0 95px 18px #1d55c72a;opacity:.8}
.site-header{background:#080f2094;border-bottom:1px solid #dae6ff13;backdrop-filter:blur(14px)}.site-header nav a{color:#aab8ce}.site-header nav a:hover{color:#edce8b}.header-actions .login{color:#c5d0e2}.hero-shell{padding-bottom:24px;background:transparent}.experience{height:calc(100svh - 145px);min-height:580px;max-height:900px;isolation:auto;background:transparent;box-shadow:none;border:0;overflow:visible}.experience .header{top:23px;left:1%;right:1%;font-size:6px;color:#7084a2}.experience .header-end{color:#7084a2;font-size:6px}.experience .brand-dot{background:#bd9957}
.title-wrap{top:10%;z-index:2}.eyebrow{font-size:7px;letter-spacing:.26em;color:#bfa575;margin-bottom:18px}.title-wrap h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(78px,9.6vw,150px);font-weight:400;letter-spacing:-.065em;color:#f5f2eb;line-height:1.03;text-shadow:0 4px 30px #0004}.title-wrap h1 strong,.title-light{font-weight:400;letter-spacing:-.055em}.title-light{margin-right:.16em}
.invitation{top:36%;left:0;right:0;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:4}.invitation-number{display:none}.book-button{font-size:11px;background:#d9b66e;color:#12203a;padding:14px 23px;gap:24px;border-radius:50px;box-shadow:0 0 25px #d9b66e18;letter-spacing:0;transition:background .25s,transform .25s}.book-button>span:first-child{font-size:11px;letter-spacing:0}.book-button>span:last-child{font-size:18px}.book-button:hover{background:#e8cc91}.invitation p{font-size:12px;color:#aebed5;line-height:1.75;max-width:450px;margin:17px 0 12px}.free-call{font-size:6px;letter-spacing:.16em;color:#8e9eb7}.coordinates{top:22%;right:0;color:#bac9df;gap:24px}.coordinates span{font-size:13px;color:#d3b77c}.coordinates small{color:#768baa;font-size:5px}
.journey{top:73%;height:18%;left:8%;right:8%;z-index:5}.track{stroke-width:1.5;opacity:.85;filter:drop-shadow(0 0 5px #cba45f80)}.track-shadow{opacity:.1}.stop-marker{background:#0c1b32;border-color:#a68c59;box-shadow:0 0 14px #c0a36b14}.stop.active .stop-marker{background:#14263e;border-color:#e8c888;box-shadow:0 0 0 5px #bca26d16,0 0 24px #cea95733}.stop-info>span{color:#c7d2e4;text-shadow:0 1px 4px #000,0 0 12px #080f20;font-size:9px}.stop-info small{color:#8298b8;text-shadow:0 1px 5px #000}.stop.active .stop-info>span{color:#f1d39a}.traveler{filter:drop-shadow(0 0 8px #edc271)}
.stage-footer{bottom:1%;left:1%;right:0}.concept-label{color:#7587a3}.motion-hint,.motion-hint>span:last-child{color:#7187a7}.motion-control,.previous-control{color:#bdcce2}.next-control{background:#d2ae63;box-shadow:0 0 25px #d4ad6220}.next-control:hover{background:#e5c783}.outside-caption{color:#627898;font-size:5px;letter-spacing:.13em}.outside-caption a{color:#9caec6}.loading{background:#0c172b;color:#a99471}.loader-orbit{border-color:#425371;border-top-color:#d5b671}
.section{border-color:#d1e1ff1a}.section h2,.role-copy h3{color:#f1f3f8}.section h2 em{color:#c1a26d}.section-kicker{color:#b6a17c}.section-intro{color:#a1aec3}.role-tabs{border-color:#b2c9ea25}.role-tabs button{color:#8c9bb1}.role-tabs button[aria-selected=true]{color:#f2f0e8}.role-tabs button:after{background:#d6b779}.role-photo{border:1px solid #bdd7ff22;box-shadow:0 15px 60px #0003}.role-photo>img{filter:saturate(.8)}.role-copy{background:linear-gradient(135deg,#0c192dee,#0b192dd9);border:1px solid #a7c0e91c;padding:32px;max-width:none;backdrop-filter:blur(8px)}.role-copy>p:not(.section-kicker){color:#a0aec4}.role-copy li{color:#b3bfd1;border-color:#a8bdd521}.role-copy li:before{color:#c7a96f}.text-link{color:#ddc397;border-color:#a1885a}
.ecosystem-section,.app-list,.app-row{border-color:#b3caec21}.app-row{background:linear-gradient(90deg,#0b172485,transparent)}.app-index{color:#ae9973}.app-row h3{color:#ebf1fb}.app-row p{color:#a2afc5}.app-arrow{border-color:#c1a36e52;color:#dfc493}.app-row:hover .app-arrow{background:#d9b66e;color:#14233b;border-color:#d9b66e}
.package-grid{border-color:#a4bcdf2b}.package{background:#0c192be8;border-color:#a4bcdf2b;color:#ecf2fa}.package.featured{background:linear-gradient(150deg,#243957ef,#0e1e35f2)}.package:hover{background:#14273ded}.package.featured:hover{background:#233b59}.package-number{color:#8da0be}.package-number span{color:#d6b778}.package .price{color:#f0f2f6}.price span{color:#8b9db9}.package .package-scope{color:#c8b084}.package>p:not(.package-number,.price,.package-scope){color:#9faec4}.featured>p:not(.package-number,.price,.package-scope){color:#b2bfd4}.package>a{border-color:#a3bdd029;color:#dcc295}.price-note{color:#8092ae}
.faq-section,.faq-list details{border-color:#b3caec21}.faq-list summary{color:#dce6f5}.faq-list summary:after{color:#c6aa75}.faq-list details p{color:#99aac2}.closing-section{background:radial-gradient(ellipse at 50% 120%,#28518b4d,transparent 68%),#080f20a3;border-top:1px solid #aac5e11c}.closing-section h2 em{color:#d2b57d}.closing-note{color:#8398b8}.site-footer{background:#080f20dc;border-color:#a5bed81c}
@media(max-width:1100px){.experience{height:calc(100svh - 135px);min-height:580px}.role-copy{padding:25px}.role-panel{gap:38px}}
@media(max-width:800px){.experience{min-height:620px}.title-wrap{top:12%}.title-wrap h1{font-size:11.5vw}.invitation{top:34%}.invitation p{font-size:11px}.role-copy{padding:25px 22px}.coordinates{right:0}.journey{left:5%;right:5%;height:15%;top:76%}}
@media(max-width:650px){.site-header{height:78px}.hero-shell{padding-bottom:23px}.experience{height:calc(100svh - 128px);min-height:700px;max-height:850px}.experience .header{font-size:4.5px;top:23px;left:5%;right:5%}.title-wrap{top:14%}.title-wrap h1{font-size:19vw;letter-spacing:-.065em}.title-wrap.long-title h1{font-size:16vw}.eyebrow{font-size:5px;letter-spacing:.21em;margin-bottom:16px}.invitation{top:33%;left:0;right:0;}.book-button{padding:13px 20px;gap:22px}.book-button>span:first-child{font-size:10px}.book-button>span:last-child{font-size:16px}.invitation p{font-size:10px;line-height:1.85;max-width:285px;margin:18px 0 12px}.free-call{font-size:5px}.coordinates{top:53%;right:2%;gap:13px}.coordinates span{font-size:9px}.coordinates small{font-size:3.7px}.journey{top:78%;height:11%;left:6%;right:6%}.track{stroke-width:1.3}.stop-info{top:42px;gap:5px}.stop-info>span{font-size:6.5px}.stop-info small{font-size:3.8px}.stage-footer{left:5%;right:4%;bottom:2%}.concept-label{font-size:3.6px}.next-control{width:35px;height:35px}.previous-control{width:23px}.motion-control{width:20px}.outside-caption{font-size:3.7px;margin-top:13px}.role-copy{margin-top:22px;padding:25px 22px}.section h2{font-size:38px}.role-copy h3{font-size:32px}.role-copy>p:not(.section-kicker){font-size:11px}.package{min-height:307px}.package:last-child{min-height:260px}.closing-section{background:radial-gradient(ellipse at 50% 120%,#28518b4d,transparent 68%),#080f20bd}}
@media(prefers-reduced-motion:reduce){.space-stars,.earth-stage{will-change:auto}.space-stars{transform:none}.book-button{transition:none}}

@media(max-height:800px) and (min-width:651px){.title-wrap{top:8%}.title-wrap h1{font-size:clamp(76px,8vw,118px)}.invitation{top:35%}}
/* The original animated journey objects remain in front of the new Earth layer. */
.experience .journey-world{position:absolute;left:28%;top:0;width:72%;height:100%;z-index:3;pointer-events:none;display:block}
.title-wrap{left:3.2%;right:50%;top:12%;text-align:left}
.invitation{left:3.2%;right:57%;top:42%;align-items:flex-start;text-align:left}
.invitation p{max-width:285px;text-align:left;text-shadow:0 1px 7px #080f20}
.legacy-globe{position:absolute;inset:-50px -5vw;overflow:hidden;z-index:-1;pointer-events:none;contain:paint}
.legacy-globe .globe-image{width:min(68vw,690px);height:auto;left:22%;top:59%;opacity:.06;mix-blend-mode:screen;transform:translate3d(calc(-50% + var(--globe-x,0px)),calc(-50% + var(--globe-y,0px) + var(--globe-page-scroll,0px)),0)}
@media(max-height:800px) and (min-width:651px){.title-wrap{top:13%}.invitation{top:43%}}
@media(max-width:1000px) and (min-width:651px){.title-wrap{left:3%;right:51%;top:15%}.invitation{left:3%;right:57%;top:43%}.invitation p{font-size:11px}.experience .journey-world{left:25%;width:75%}}
@media(max-width:650px){.title-wrap{left:0;right:0;top:14%;text-align:center}.invitation{left:0;right:0;top:33%;align-items:center;text-align:center}.invitation p{text-align:center;max-width:285px}.experience .journey-world{left:0;top:39%;width:100%;height:49%}.legacy-globe .globe-image{width:130vw;left:14%;top:62%;opacity:.045}}
