/* Scoped additions preserve the original production stylesheet. */
.hero-date { flex-wrap: wrap; }

/* The timeline and CBT reward retain the site's parchment, navy, and gold. */
.launch-journey { padding-block: 42px; background: radial-gradient(ellipse at 16% 0, #fff5d778, transparent 68%), linear-gradient(105deg, #f1dba9, #e8cb96 55%, #f4dfb5); }
.launch-journey .schedule-heading { margin-bottom: 26px; }
.launch-journey .schedule-heading .eyebrow { display: flex; font-size: 10px; color: #89622e; letter-spacing: .14em; margin-bottom: 8px; }
.launch-journey .schedule-heading h2 { font-size: clamp(24px, 2.2vw, 32px); letter-spacing: -.02em; }
.launch-journey .timeline { grid-template-columns: 1fr 1fr 1.6fr; gap: 25px; align-items: center; }
.launch-journey .timeline-card { border: 0; padding: 0; min-width: 0; }
.launch-journey .journey-complete { position: relative; gap: 15px; padding-top: 20px; align-self: stretch; align-items: center; }
.journey-complete .stage-marker { display: flex; flex-direction: column; align-items: center; gap: 13px; align-self: center; }
.journey-complete .stage-marker>span { font-size: 28px; color: #927644; }
.journey-complete .stage-marker i { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid #a1885480; color: #6c613c; font: 14px/1 Arial, sans-serif; border-radius: 50%; }
.journey-complete .stage-status { text-transform: uppercase; letter-spacing: .08em; font-size: 10px; color: #7b653e; }
.journey-complete .stage-content h3 { font-size: clamp(18px, 1.7vw, 22px); color: #584322; }
.journey-complete .stage-dates { margin-top: 14px; }
.journey-complete .stage-dates time { font-size: 12px; color: #76603e; }
.journey-complete .stage-dates small { display: inline-block; min-width: 29px; font-size: 10px; }
.journey-thanks { font-size: 12px; color: #806845; margin-top: 13px; max-width: 23ch; }
.launch-journey .journey-launch { display: block; position: relative; isolation: isolate; padding: 22px 26px; background: #163447; color: #f2dbad; border: 1px solid #90723d; box-shadow: inset 0 0 0 4px #163447, inset 0 0 0 5px #ac8e4d55, 0 7px 18px #7c5e1821; overflow: hidden; }
.journey-launch::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #173649f5, #163447c9), url('/assets/scenes/academy-daylight-960-v1.webp') center / cover; }
.launch-feature-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.journey-launch .stage-status, .journey-launch.active .stage-status { font-size: 10px; color: #e8c783; letter-spacing: .09em; text-transform: uppercase; font-weight: 500; }
.launch-feature-head>span { font: 20px/1 Georgia, serif; color: #b59968; }
.journey-launch>h3 { font-size: 22px; color: #f9edcf; margin-top: 8px; line-height: 1.3; }
.launch-feature-date { display: flex; align-items: center; gap: 20px; margin-top: 15px; }
.launch-day { display: flex; align-items: center; gap: 11px; }
.launch-day>strong { font: 400 66px/.94 Georgia, serif; letter-spacing: -.055em; color: #f4d295; }
.launch-day>span { font-size: 11px; line-height: 1.65; letter-spacing: .05em; color: #d7c7ab; }
.launch-hour { border-left: 1px solid #c7aa6947; padding-left: 20px; }
.launch-hour>strong { display: block; font: 400 31px/1.2 Georgia, serif; color: #f8e9c8; white-space: nowrap; }
.launch-hour>span { display: block; font-size: 9px; color: #c6cbbf; letter-spacing: .035em; white-space: nowrap; margin-top: 6px; }
.launch-date-accessible { position: absolute; height: 1px; width: 1px; overflow: hidden; clip-path: inset(50%); }
.launch-feature-foot { border-top: 1px solid #d6bb782c; margin-top: 19px; padding-top: 11px; display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 11px; color: #bccacf; }
.launch-feature-foot a { color: #f3d391; font-size: 12px; white-space: nowrap; }
.cbt-showcase { padding-block: 44px; background: #f8f2e8; }
.cbt-showcase .cbt-card { position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: 1.1fr 1fr; gap: 50px; padding: 38px 48px; max-width: 1200px; border: 1px solid #ad8952; background: #153344; box-shadow: inset 0 0 0 5px #17394a, inset 0 0 0 6px #c7a97450, 0 12px 26px #1f302a17; }
.cbt-showcase .cbt-card::before { position: absolute; content: ''; inset: 0; z-index: -2; background: linear-gradient(90deg, #102b3aeb, #14384be8 65%, #102f41c4), url('/assets/scenes/academy-daylight-1920-v1.webp') center 64%/cover; }
.cbt-showcase .cbt-card::after { position: absolute; content: ''; inset: 12px; border: 1px solid #be9b5340; z-index: -1; pointer-events: none; }
.cbt-kicker { display: flex; align-items: center; gap: 13px; }
.cbt-seal { border: 1px solid #e1bc7480; outline: 1px solid #e1bc742b; outline-offset: 3px; color: #eac888; padding: 6px 8px; font: 500 16px/1 Georgia, serif; }
.cbt-showcase .cbt-copy .eyebrow { color: #cdb887; font-size: 9px; line-height: 1.6; letter-spacing: .13em; margin: 0; }
.cbt-showcase .cbt-copy h2 { font: 400 clamp(38px, 4.1vw, 55px)/1.06 Georgia, 'Leelawadee UI', serif; letter-spacing: -.025em; color: #f4ebd7; margin-top: 25px; }
.cbt-showcase .cbt-copy h2 em { font-style: normal; color: #e9c487; }
.cbt-showcase .cbt-copy>.cbt-subtitle { color: #e0e7e5; font-size: 16px; line-height: 1.6; margin-top: 13px; }
.cbt-reward-facts { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; margin-top: 17px; color: #eace95; font-size: 10px; letter-spacing: .08em; }
.cbt-reward-facts>span:first-child { border: 1px solid #c3a46b5c; background: #e1be7512; padding: 4px 9px; }
.cbt-reward-facts>i { width: 3px; height: 3px; background: #a48c60; transform: rotate(45deg); }
.cbt-showcase .cbt-copy>.cbt-reward-note { color: #b2c5cc; font-size: 12px; line-height: 1.85; margin-top: 17px; }
.cbt-showcase .cbt-copy>.cbt-reward-link { display: inline-flex; align-items: center; gap: 29px; margin-top: 22px; padding: 10px 18px; min-height: 44px; color: #352916; font-size: 13px; text-decoration: none; }
.cbt-loot { position: relative; border-left: 1px solid #d3b5763b; padding: 0 0 0 40px; text-align: center; }
.loot-heading { color: #d3bb87; font-size: 9px; letter-spacing: .13em; line-height: 1.7; }
.loot-display { position: relative; display: grid; place-items: center; height: 200px; isolation: isolate; }
.loot-display:before { position: absolute; content: ''; width: 218px; height: 218px; z-index: -1; background: radial-gradient(circle, #e6c07724, transparent 67%); }
.loot-watermark { position: absolute; top: 22px; color: #e1c48608; font: 400 125px/1 Georgia, serif; letter-spacing: -.06em; z-index: -2; }
.loot-medallion { position: relative; display: grid; place-items: center; width: 126px; height: 126px; border: 1px solid #c8a3647d; background: radial-gradient(circle, #d7b4782b, #0a243545); box-shadow: 0 0 0 8px #d6b57205, 0 0 0 9px #c3a36126; border-radius: 50%; }
.outfit-sprite { display: block; width: 35px; height: 35px; background: url('/assets/rewards/commercialset.png') no-repeat; image-rendering: pixelated; }
.outfit-box { background-position: -385px -70px; transform: scale(2.15); }
.loot-quantity { position: absolute; bottom: 12px; display: flex; align-items: baseline; gap: 5px; padding: 3px 16px; background: #102a3b; border: 1px solid #c09a51ad; color: #e9c786; }
.loot-quantity strong { font: 400 20px/1.25 Georgia, serif; }.loot-quantity span { font-size: 9px; letter-spacing: .08em; }
.loot-components { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 11px; max-width: 310px; margin-inline: auto; }
.loot-components>div { min-width: 0; }.component-slot { display: grid; place-items: center; width: 100%; aspect-ratio: 1; border: 1px solid #b297616e; background: linear-gradient(130deg, #d5b77e1a, #081f2d8c); box-shadow: inset 0 0 0 3px #0a22348f; }
.component-slot .outfit-sprite { transform: scale(1.3); }.outfit-jacket{background-position:-140px 0}.outfit-pants{background-position:-140px -35px}.outfit-shoes{background-position:-140px -70px}.outfit-gloves{background-position:-140px -105px}
.loot-components>div>span:last-child { display: block; font-size: 10px; color: #c2cfcc; margin-top: 5px; }
.loot-caption { border-top: 1px solid #c9ac762a; margin-top: 17px; padding-top: 13px; font-size: 11px; color: #dec798; }
@media(hover:hover) and (pointer:fine){.launch-feature-foot a:hover{color:#fff0cc}.cbt-showcase .cbt-reward-link:hover{filter:brightness(1.05)}}
@media(max-width:1100px){.launch-journey .timeline{gap:18px;grid-template-columns:1fr 1fr 1.7fr}.journey-complete .stage-dates small{display:block}.launch-journey .journey-launch{padding:20px}.launch-feature-date{gap:13px}.launch-day>strong{font-size:55px}.launch-hour{padding-left:13px}.launch-hour>strong{font-size:27px}.launch-hour>span{font-size:8px}.launch-feature-foot{align-items:flex-start;flex-direction:column;gap:4px}.cbt-showcase .cbt-card{padding:34px 35px;gap:28px}.cbt-loot{padding-left:25px}.cbt-showcase .cbt-copy>.cbt-subtitle{font-size:15px}.component-slot .outfit-sprite{transform:scale(1.15)}}
@media(max-width:800px){.launch-journey .schedule-heading{align-items:flex-start;flex-direction:column;gap:9px}.launch-journey .timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.launch-journey .journey-complete{padding-top:0;align-items:flex-start}.journey-complete .stage-marker{align-self:flex-start}.launch-journey .journey-launch{grid-column:1/-1;padding:23px 28px}.launch-feature-date{gap:26px}.launch-day>strong{font-size:65px}.launch-hour{padding-left:26px}.launch-hour>strong{font-size:34px}.launch-hour>span{font-size:10px}.launch-feature-foot{flex-direction:row;align-items:center}.journey-complete .stage-dates small{display:inline-block}.cbt-showcase .cbt-card{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding:32px 28px;gap:24px}.cbt-loot{padding-left:24px}.cbt-showcase .cbt-copy h2{font-size:40px}.loot-components{gap:7px}.component-slot .outfit-sprite{transform:scale(.95)}.loot-heading{font-size:8px;letter-spacing:.06em}.cbt-showcase .cbt-copy .eyebrow{font-size:8px;letter-spacing:.06em}.cbt-showcase .cbt-copy>.cbt-reward-note{font-size:11px}}
@media(max-width:540px){.launch-journey{padding:35px 22px}.launch-journey .schedule-heading h2{font-size:24px}.launch-journey .schedule-heading .eyebrow{font-size:9px}.launch-journey .schedule-heading>p:last-child{margin:0;font-size:11px}.launch-journey .timeline{gap:22px 15px}.launch-journey .journey-complete{gap:10px;padding-bottom:0}.journey-complete .stage-marker>span{font-size:22px}.journey-complete .stage-marker i{width:19px;height:19px;font-size:11px}.journey-complete .stage-status{font-size:9px}.journey-complete .stage-content h3{font-size:17px;line-height:1.35}.journey-complete .stage-dates{margin-top:10px}.journey-complete .stage-dates time{font-size:10px;line-height:1.65}.journey-complete .stage-dates small{font-size:9px;display:block}.journey-thanks{font-size:10px;margin-top:9px}.launch-journey .journey-launch{padding:23px}.launch-feature-date{gap:19px}.launch-day>strong{font-size:63px}.launch-day>span{font-size:10px}.launch-hour{padding-left:19px}.launch-hour>strong{font-size:31px}.launch-hour>span{font-size:8px}.launch-feature-foot{font-size:10px}.launch-feature-foot a{font-size:11px}.cbt-showcase{padding:27px 16px}.cbt-showcase .cbt-card{display:flex;flex-direction:column;gap:30px;padding:32px 27px}.cbt-showcase .cbt-copy{width:100%}.cbt-showcase .cbt-copy h2{font-size:47px;margin-top:22px}.cbt-showcase .cbt-copy .eyebrow{font-size:9px}.cbt-showcase .cbt-copy>.cbt-subtitle{font-size:15px}.cbt-showcase .cbt-copy>.cbt-reward-note{font-size:12px}.cbt-showcase .cbt-copy>.cbt-reward-link{width:100%;justify-content:space-between;font-size:13px;min-height:46px}.cbt-loot{width:100%;padding:23px 0 0;border-left:0;border-top:1px solid #d3b5763b}.loot-heading{font-size:9px;letter-spacing:.075em}.loot-display{height:183px}.loot-components{gap:10px;margin-top:14px}.component-slot .outfit-sprite{transform:scale(1.25)}.loot-components>div>span:last-child{font-size:11px}.loot-caption{font-size:12px}}
@media(max-width:360px){.launch-journey{padding-inline:17px}.launch-journey .journey-complete{gap:7px}.journey-complete .stage-marker>span{font-size:19px}.journey-complete .stage-content h3{font-size:16px}.launch-journey .journey-launch{padding:20px 18px}.launch-feature-date{gap:12px}.launch-day>strong{font-size:56px}.launch-day>span{font-size:9px}.launch-hour{padding-left:12px}.launch-hour>strong{font-size:28px}.launch-feature-foot{flex-wrap:wrap;gap:5px}.cbt-showcase .cbt-card{padding-inline:23px}.cbt-showcase .cbt-copy h2{font-size:41px}.cbt-showcase .cbt-copy>.cbt-subtitle{font-size:14px}.component-slot .outfit-sprite{transform:scale(1.05)}}