/* Media galleries and the accessible payment walkthrough. */
.expanded-clips{grid-template-columns:1fr 1fr}.expanded-clips .game-clip:first-child{grid-column:auto}.game-clip video{display:block;width:100%;background:#0f1019;aspect-ratio:1100/850;object-fit:contain}.chess-filmstrip{margin:55px 0 28px}.chess-filmstrip h3{font-size:clamp(25px,3vw,38px);max-width:500px}.chess-stills{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.chess-stills figure{margin:0}.chess-stills img{width:100%;height:auto;display:block}.chess-stills figcaption{padding-top:14px;font-size:13px}.chess-stills a{display:block}.chess-stills a:hover{outline:2px solid #785528;outline-offset:4px}
.starward-gallery{margin:70px calc(-1 * var(--gutter));padding:80px var(--gutter);background:#10151e;color:#ebeee7;scroll-margin-top:60px}.starward-intro{max-width:800px;margin-bottom:55px}.starward-intro .eyebrow,.starward-motion .eyebrow{color:#d6b47b}.starward-intro h2{font-size:clamp(60px,7vw,102px);letter-spacing:-.055em;line-height:.98;margin:25px 0}.starward-intro h2 em{color:#d6b47b}.starward-intro>p:not(.eyebrow){font-size:21px;line-height:1.7;color:#b9c5d3;margin:25px 0}.starward-label{display:inline-block;font-size:10px;letter-spacing:.13em;border:1px solid #445362;padding:10px 14px}.starward-factions{display:grid;gap:38px}.faction-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #34404f;padding-bottom:20px;gap:20px}.faction-heading h3{font-size:32px}.faction-heading p{color:#9eacbd;font-size:15px}.starward-roster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding-top:22px}.starward-roster figure{margin:0;text-align:center;min-width:0}.starward-roster a{display:block;background:radial-gradient(ellipse at 50% 70%,#283242,transparent 70%)}.starward-roster img{width:100%;max-width:190px;height:auto;image-rendering:pixelated}.starward-roster figcaption{font-size:12px;line-height:1.5;color:#e0e5eb;margin-top:15px}.starward-roster figcaption span{display:block;text-transform:uppercase;letter-spacing:.12em;color:#a5b2c4;font-size:10px;margin-bottom:6px}.starward-motion{margin-top:65px}.starward-motion h3{font-size:clamp(32px,4vw,55px);letter-spacing:-.04em}.starward-motion .section-heading>p{color:#aab8c9}.study-clips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.study-clips .game-clip{background:transparent;border-top:1px solid #445363;margin:0;min-width:0}.study-clips .clip-heading{color:#b5c4d5;font-size:10px;padding:16px 0;gap:10px}.study-clips video{aspect-ratio:1;object-fit:contain;image-rendering:pixelated;background:#0b1018}.study-clips figcaption{padding:23px 0}.study-clips .game-clip h3{font-size:25px;color:#ebeee7}.study-clips p{color:#aab8c9;font-size:15px;line-height:1.7}.study-clips .media-provenance{color:#9dacbf;font-size:11px}.study-clips a{color:#d6b47b;font-size:13px}.chess-choreography{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center;margin:45px 0 30px;padding-top:40px;border-top:1px solid #34404f}.chess-choreography img{display:block;width:100%;height:auto;image-rendering:pixelated}.chess-choreography h3{font-size:30px;line-height:1.15;margin-bottom:18px}.chess-choreography p{color:#b0bdcd;font-size:16px;line-height:1.8}.starward-note{color:#98a9bd;font-size:13px;line-height:1.8;max-width:970px}
.payment-explainer{padding:60px 0;scroll-margin-top:60px}.payment-explainer>.eyebrow{color:#607151;font-size:12px;margin-bottom:25px}.payment-explainer h2{font-size:clamp(38px,5vw,72px);line-height:1.08;letter-spacing:-.045em;margin-bottom:28px}.payment-explainer>.wide-copy{max-width:900px}.flow-experience{background:#18221e;color:#f1f2e9;padding:28px 35px;margin-top:35px}.flow-toolbar{display:flex;gap:22px;align-items:center;justify-content:space-between;border-bottom:1px solid #41524a;padding-bottom:25px}.flow-toolbar>span{font-size:10px;letter-spacing:.1em;color:#bcc8bb}.flow-mode{display:flex;flex-wrap:wrap;gap:8px}.flow-experience button{border:1px solid #728070;background:transparent;color:#e3e8da;padding:10px 15px;font:inherit;font-size:13px;cursor:pointer;min-height:44px}.flow-experience button:hover{border-color:#eac087}.flow-experience button:focus-visible{outline:2px solid #ffd293;outline-offset:4px}.flow-experience button[aria-pressed=true]{background:#e8c38c;color:#19231d;border-color:#e8c38c}.flow-experience button:disabled{opacity:.4;cursor:default}.flow-main{display:grid;grid-template-columns:1fr 1.15fr;gap:55px;padding:32px 0}.flow-step-buttons{display:flex;flex-direction:column;gap:5px;margin-bottom:40px}.flow-step-buttons button{text-align:left;border:0;border-left:2px solid #526254;padding:12px 16px;display:flex;gap:14px;align-items:center;color:#b9c6b8}.flow-step-buttons button span{font-size:11px}.flow-step-buttons button[aria-pressed=true]{background:#304036;color:#f4d1a0;border-color:#e8c38c}.flow-narratives{min-height:260px}.flow-narrative .index{font-size:11px;color:#c9b08d}.flow-narrative h3{font-size:clamp(25px,2.7vw,36px);line-height:1.1;letter-spacing:-.025em;margin:18px 0}.flow-narrative p{font-size:16px;color:#b9c6b8;line-height:1.85;max-width:470px}.flow-diagram{max-width:580px;width:100%;margin:auto}.flow-node,.flow-contract,.flow-reward{border:1px solid #526457;padding:18px 22px;transition:background .45s,border-color .45s,box-shadow .45s}.flow-node{display:flex;flex-direction:column;text-align:center}.flow-node-label{font-size:10px;letter-spacing:.12em;color:#b7c4b4}.flow-node>strong{font-size:25px;letter-spacing:-.025em;margin:8px 0}.flow-diagram small{display:block;color:#b6c3b2;font-size:12px;line-height:1.5}.flow-link{position:relative;display:flex;align-items:center;justify-content:center;height:40px;gap:12px;color:#a2b49d;font-size:10px}.flow-link i{display:block;height:100%;width:1px;background:#6e8269;position:relative}.flow-link i:after{content:'';position:absolute;width:5px;height:5px;bottom:0;left:-2px;border-right:1px solid #98b190;border-bottom:1px solid #98b190;transform:rotate(45deg)}.flow-contract>strong{display:block;margin:9px 0 17px;font-size:20px;font-weight:500}.flow-split-bar{display:flex;height:7px;gap:3px;margin-bottom:21px}.flow-split-bar i:first-child{flex-basis:90%;background:#baca97;transition:flex-basis .7s}.flow-split-bar i:last-child{flex:1;background:#e6b875}.flow-allocations{display:grid;grid-template-columns:1fr 1fr;gap:20px}.flow-allocations span{font-size:9px;letter-spacing:.05em;color:#c1cebc}.flow-allocations strong{display:block;font-size:clamp(28px,3vw,42px);font-weight:400;letter-spacing:-.035em;line-height:1.3;color:#d8e4b9}.flow-allocations>div:last-child strong{color:#edc28b}.flow-delivery{padding:19px 12px;display:flex;gap:10px;align-items:center;border:1px solid transparent;margin:8px 0}.flow-delivery>span{color:#cfdfb2}.flow-delivery p{font-size:12px}.flow-delivery strong{font-weight:500}.flow-delivery small{font-size:11px;margin-top:5px}.flow-reward{border-style:dashed}.flow-reward strong{display:block;font-size:16px;margin:10px 0 7px}.flow-active{background:#354639;border-color:#e8c38c;box-shadow:0 0 0 1px #e8c38c}.flow-complete{border-color:#82977b}.flow-enhanced[data-playing=true] .flow-active{animation:flow-emphasis 1.8s ease-out}.flow-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #41524a;padding-top:24px}.flow-playback{display:flex;flex-wrap:wrap;gap:8px}.flow-playback button:first-child{background:#e8c38c;color:#19231d;border-color:#e8c38c}.flow-bottom p{font-size:12px;color:#b9c6b8;max-width:230px;line-height:1.6}.flow-qualification{font-size:12px;color:#aaba9f;line-height:1.8;margin-top:23px;max-width:950px}.flow-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:38px 0}.flow-benefits span{font-size:11px;color:#637357;letter-spacing:.07em}.flow-benefits h3{font-size:25px;line-height:1.2;margin:17px 0}.flow-benefits p{font-size:15px;line-height:1.8;color:#48513f}.payment-explainer>.fine-print{max-width:1000px;line-height:1.8;font-size:13px;color:#5c6751}
@keyframes flow-emphasis{from{box-shadow:0 0 0 3px #e8c38c80}to{box-shadow:0 0 0 1px #e8c38c}}
@media(max-width:1000px){.flow-main{gap:30px}.flow-experience{padding:25px}.flow-toolbar{align-items:flex-start}.flow-toolbar>span{max-width:115px;line-height:1.6}.study-clips{grid-template-columns:1fr 1fr}.study-clips .game-clip:first-child{grid-column:auto}.starward-roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 15px}.flow-bottom{align-items:flex-start;flex-direction:column}.flow-narratives{min-height:340px}}
@media(max-width:700px){.expanded-clips,.study-clips,.chess-choreography,.flow-main,.flow-benefits{grid-template-columns:1fr}.starward-gallery{padding-block:55px}.starward-intro>p:not(.eyebrow){font-size:18px}.faction-heading{align-items:flex-start;flex-direction:column;gap:10px}.starward-roster{gap:20px 8px}.starward-roster figcaption{font-size:10px}.chess-stills{grid-template-columns:1fr}.chess-filmstrip .section-heading{gap:20px}.chess-choreography{gap:25px}.flow-experience{padding:20px 16px;margin-inline:-8px}.flow-toolbar{flex-direction:column;gap:14px}.flow-toolbar>span{max-width:none}.flow-mode{gap:7px}.flow-mode button{padding:9px 10px;font-size:12px}.flow-main{gap:25px}.flow-step-buttons{margin-bottom:25px}.flow-narratives{min-height:260px}.flow-narrative p{font-size:15px}.flow-node,.flow-contract,.flow-reward{padding:16px}.flow-benefits{gap:28px}.flow-benefits h3{margin:12px 0}.flow-bottom p{max-width:none}.flow-playback button{padding:9px 12px}.starward-motion{margin-top:45px}}
@media(prefers-reduced-motion:reduce){.flow-node,.flow-contract,.flow-reward,.flow-split-bar i:first-child{transition:none}.flow-enhanced[data-playing=true] .flow-active{animation:none}}

.flow-bottom{border-top:0;border-bottom:1px solid #41524a;padding-bottom:24px}.flow-enhanced[data-playing=true] .flow-active + .flow-link i:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;left:-3px;background:#efc78c;animation:flow-travel 2s ease-in-out infinite}@keyframes flow-travel{from{top:0;opacity:0}25%{opacity:1}to{top:90%;opacity:0}}@media(prefers-reduced-motion:reduce){.flow-enhanced[data-playing=true] .flow-active + .flow-link i:before{animation:none;top:50%}}