/* One silver hierarchy, using the supplied client's stone, dragon frame and cursor. */
.hero--split .hero-copy{max-width:38%;mix-blend-mode:normal}
.hero--split .hero-eyebrow{font-size:11px;line-height:1.7;letter-spacing:.5px;color:#bfc3c6;font-weight:500}
.hero--split .game-logo--dragon{margin-top:14px}
.hero--split .game-logo--dragon .logo-name--server{margin-top:10px;font-size:28px;font-weight:700;line-height:1.5;letter-spacing:.5px;color:#ecebe7;text-shadow:0 1px 0 #fff4,0 2px 0 #777d83,0 4px 6px #000}

.hero--split .hero-quality{width:306px;padding:10px 7px;margin:17px auto 15px;background:linear-gradient(90deg,transparent,#14181bd9 25%,#14181bd9 75%,transparent)}
.hero--split .hero-quality::before,.hero--split .hero-quality::after{background:linear-gradient(90deg,transparent,#b6bcc354 24%,#e7e8e789 50%,#b6bcc354 76%,transparent)}
.hero--split .hero-quality>div{gap:1px}
.hero--split .hero-quality>div+div{border-color:#afb4bb40}
.hero--split .hero-quality>div+div::before,.hero--split .hero-quality>div+div::after{content:none}
.hero--split .hero-quality dt{font:500 10px/1.8 var(--font);letter-spacing:.45px;color:#aeb6bf}
.hero--split .hero-quality dd,.hero--split .hero-quality>div+div dd{font:700 36px/1.2 var(--serif);letter-spacing:-1px;color:#efeeeb;text-shadow:0 1px 0 #fff6,0 2px 0 #737b83,0 4px 5px #000}
.hero--split .hero-quality dd>span{font:600 12px/1.4 var(--font);letter-spacing:.4px;color:#c2c8ce}

.hero--split .hero-copy .launch-schedule{display:flex;flex-direction:column;gap:10px;width:100%;margin:18px auto 19px;padding:0 9px 17px;background:url('assets/optimized/d7dc005fb90f25e0b677a0c4.webp') center bottom/100% 8px no-repeat;letter-spacing:0}
.hero--split .launch-schedule>span{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:12px;white-space:nowrap}
.hero--split .launch-schedule strong{min-width:0;text-align:right;font:600 11px/1.6 var(--font);letter-spacing:.5px;color:#b9bec5}
.hero--split .launch-schedule time{display:block;text-align:left;font:600 26px/1.5 var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-.5px;text-shadow:0 2px 4px #000,0 1px 0 #fff2}
.hero--split .hero-copy .launch-alpha time{color:#d4d8dd}
.hero--split .hero-copy .launch-beta time{color:#f5f3ed;font-size:29px;font-weight:700;text-shadow:0 1px 0 #fff4,0 2px 0 #69717b,0 4px 7px #000}
.hero--split .hero-copy .launch-alpha strong,.hero--split .hero-copy .launch-beta strong{color:#b9bec5}
.hero--split .hero-copy>p.hero-tagline{font:400 14px/1.85 var(--font);font-style:normal;letter-spacing:0;color:#bdc1c7;margin:0 auto 24px;max-width:360px;text-shadow:0 2px 4px #000}
.hero--split .hero-tagline>strong{font:600 16px/1.8 var(--serif);color:#e1e2df;margin-top:2px;text-wrap:balance}

.hero--split .hero-cta--launcher{display:inline-flex;align-items:center;justify-content:center;gap:13px;width:300px;max-width:calc(100% - 18px);min-width:0;min-height:74px;padding:9px 24px;margin:0 auto;color:#f5f5f0;border:0;outline:0;border-radius:0;background:linear-gradient(#ffffff0c,#00000038),url('assets/optimized/cc462d004c8ac1bce7b01a29.webp') center/100% 100% no-repeat;box-shadow:0 7px 16px #000a,inset 0 0 17px #05070978;text-shadow:none;cursor:url('assets/optimized/2bf54c20241f2ab82138b98c.webp') 2 2,pointer;isolation:isolate;transition:filter .18s,transform .18s}
.hero--split .hero-cta--launcher::before{content:none}
.hero--split .hero-cta--launcher::after{content:'';position:absolute;inset:-6px;width:auto;height:auto;transform:none;border:23px solid transparent;border-image:url('assets/optimized/4331d04d6d14cbffb7e7ab71.webp') 48 stretch;filter:grayscale(1) brightness(1.28);background:none;pointer-events:none;opacity:1}
.hero--split .hero-cta--launcher>span{margin:0}
.hero--split .hero-cta-click{position:relative;z-index:2;display:block;width:29px;height:29px;object-fit:contain;filter:drop-shadow(0 2px 2px #000);flex-shrink:0}
.hero--split .hero-cta-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1px}
.hero--split .hero-cta-label{display:block;white-space:nowrap;font:700 23px/1.35 var(--serif);letter-spacing:.35px;color:#fafaf7;text-shadow:0 -1px 0 #fff,0 1px 0 #b1b6bc,0 2px 0 #737b84,0 3px 0 #3d454f,0 4px 0 #171c22,0 5px 5px #000}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .hero--split .hero-cta-label{background:linear-gradient(#fff 0%,#fff 34%,#b8bec5 49%,#fff 53%,#eceeee 76%,#b2bac4 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 #b0b5bc) drop-shadow(0 2px 0 #535e69) drop-shadow(0 2px 2px #000)}
}
.hero--split .hero-cta-copy>small{color:#b8bdc4;font:500 9px/1.6 var(--font);letter-spacing:.7px;text-shadow:0 2px 3px #000}
.hero--split .hero-cta-direction{position:relative;z-index:2;color:#d7dce1;font:500 23px/1 var(--serif);text-shadow:0 2px 3px #000}
.hero--split .hero-cta--launcher:hover{filter:brightness(1.13);color:#fff;background:linear-gradient(#ffffff12,#00000024),url('assets/optimized/2282ebe4a661c4c6a417e92f.webp') center/100% 100% no-repeat}
.hero--split .hero-cta--launcher:active{transform:translateY(2px);background:linear-gradient(#00000022,#00000044),url('assets/optimized/95272d0f1ac2b4f501786d64.webp') center/100% 100% no-repeat;box-shadow:0 3px 8px #0009,inset 0 2px 8px #0007}
.hero--split .hero-cta--launcher:focus-visible{outline:1px solid #e2e5e9;outline-offset:9px}
@media(pointer:fine){.hero--split{cursor:url('assets/optimized/6d37845e557aab59bdfbedcc.webp') 2 2,auto}.hero--split a{cursor:url('assets/optimized/2bf54c20241f2ab82138b98c.webp') 2 2,pointer}}
@media(min-width:701px) and (max-width:1159px){
 .hero--split .hero-copy{max-width:42%}
 .hero--split .hero-copy .launch-schedule{padding-left:0;padding-right:0}
 .hero--split .launch-schedule>span{grid-template-columns:91px minmax(0,1fr);gap:8px}
 .hero--split .launch-schedule strong{font-size:10px}
 .hero--split .launch-schedule time{font-size:24px}.hero--split .hero-copy .launch-beta time{font-size:26px}
}
@media(max-width:700px){
 .hero--split .hero-copy{width:390px;max-width:100%;padding-left:8px;padding-right:8px}
 .hero--split .hero-eyebrow{font-size:10px}
 .hero--split .game-logo--dragon{margin-top:12px}
 .hero--split .game-logo--dragon .logo-name--server{font-size:clamp(22px,6vw,28px);letter-spacing:.25px}
 .hero--split .hero-quality{width:288px;margin:16px auto;padding:10px 5px}
 .hero--split .hero-copy .launch-schedule{gap:12px;width:100%;max-width:340px;margin:18px auto;padding-left:0;padding-right:0;padding-bottom:17px}
 .hero--split .launch-schedule>span{grid-template-columns:86px minmax(0,1fr);gap:8px}
 .hero--split .launch-schedule strong{font-size:10px;letter-spacing:.3px}
 .hero--split .launch-schedule time{font-size:25px}.hero--split .hero-copy .launch-beta time{font-size:27px}
 .hero--split .hero-copy>p.hero-tagline{font-size:13px;max-width:325px;margin-bottom:23px}
 .hero--split .hero-tagline>strong{font-size:15px}
 .hero--split .hero-cta--launcher{min-height:70px;width:292px;padding-left:15px;padding-right:15px;gap:11px}
 .hero--split .hero-cta-label{font-size:22px}
}
@media(max-width:380px){
 .hero--split .hero-copy .launch-schedule{max-width:276px}
 .hero--split .launch-schedule>span{grid-template-columns:79px minmax(0,1fr);gap:7px}
 .hero--split .launch-schedule strong{font-size:9px}
 .hero--split .launch-schedule time{font-size:22px}.hero--split .hero-copy .launch-beta time{font-size:24px}
 .hero--split .hero-cta--launcher{width:264px;gap:8px;min-height:68px}
 .hero--split .hero-cta-label{font-size:20px}.hero--split .hero-cta-click{width:25px;height:25px}
}
@media(prefers-reduced-motion:reduce){.hero--split .hero-cta--launcher{transition:none}}