.chapter-nav{padding:85px 8% 100px;background:#030b20;border-bottom:1px solid var(--line)}.chapter-nav-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.chapter-nav-heading h2{font:400 36px 'Bebas Neue',Impact,sans-serif;letter-spacing:1px;margin:0}.chapter-nav-heading p{font-size:9px;color:var(--muted);letter-spacing:2px;text-transform:uppercase}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;min-height:440px}.chapter-card{position:relative;display:flex;flex-direction:column;align-items:center;min-height:350px;border:1px solid #899bcc38;background:#070e25;padding:25px 20px 30px;text-align:center;overflow:hidden;isolation:isolate;transition:min-height .5s,border-color .4s,background .4s,transform .5s;box-shadow:inset 0 0 0 3px #8b9acd06}.chapter-card:before{content:'';position:absolute;z-index:-1;inset:10px;background:linear-gradient(#03102425,#030b20e6),var(--chapter-image) center/cover;opacity:0;transform:scale(1.12);transition:opacity .5s,transform .8s}.chapter-card:after{content:'';position:absolute;bottom:0;left:35%;right:35%;height:2px;background:#8cdbef;transform:scaleX(.2);opacity:0;transition:transform .5s,opacity .5s}.chapter-arrow{color:#7c8ac1;font-size:10px;transition:color .3s}.chapter-icon{height:145px;display:grid;place-items:center;width:100%;color:#8998d3;transition:transform .5s,color .4s}.chapter-icon svg{width:80px;height:80px;fill:none;stroke:currentColor;stroke-width:3}.chapter-card h3{font-family:'DM Sans',Arial,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:4px;margin:24px 0 18px}.chapter-number{font-size:10px;color:var(--gold);letter-spacing:2px}.chapter-hint{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;line-height:1.8;color:#c2d4e0;max-width:210px;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s;margin:20px 0 0}.chapter-card:hover,.chapter-card:focus-visible{min-height:430px;border-color:#5790b783;background:#091833;transform:translateY(-7px)}.chapter-card:hover:before,.chapter-card:focus-visible:before{opacity:1;transform:scale(1)}.chapter-card:hover:after,.chapter-card:focus-visible:after{opacity:1;transform:scaleX(1)}.chapter-card:hover .chapter-icon,.chapter-card:focus-visible .chapter-icon{color:#d7ecff;transform:scale(1.08)}.chapter-card:hover .chapter-hint,.chapter-card:focus-visible .chapter-hint{opacity:1;transform:none}.chapter-card:hover .chapter-number{color:#97d9ee}.chapter-transition{position:fixed;z-index:1000;pointer-events:none;overflow:hidden;background:#07152b;display:grid;place-items:center;isolation:isolate;border:1px solid #769dc960}.chapter-transition:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(#030b2070,#030b20c9),var(--chapter-image) center/cover}.chapter-transition strong{font:400 clamp(45px,7vw,110px) 'Bebas Neue',Impact,sans-serif;letter-spacing:.06em;color:#f0d496;text-align:center}.section-arrival{animation:arrivalGlow .9s ease-out}@keyframes arrivalGlow{from{box-shadow:inset 0 5px 0 #a7dfff,inset 0 60px 130px #3fa9df1c}to{box-shadow:inset 0 0 0 transparent}}@media(max-width:750px){.chapter-nav{padding:55px 6%}.chapter-nav-heading{align-items:start;gap:20px}.chapter-nav-heading h2{font-size:30px}.chapter-nav-heading p{font-size:7px;max-width:100px;line-height:1.8;text-align:right}.chapter-grid{gap:12px;min-height:0;grid-template-columns:1fr}.chapter-card{min-height:170px;padding:20px;display:grid;grid-template-columns:80px 1fr 25px;text-align:left}.chapter-arrow{position:absolute;right:20px;top:18px}.chapter-icon{height:90px;grid-row:1/3}.chapter-icon svg{width:50px;height:50px}.chapter-card h3{letter-spacing:2px;margin:10px 0;font-size:12px}.chapter-number{grid-column:3;grid-row:1/3}.chapter-hint{opacity:1;transform:none;grid-column:2;font-size:8px;margin:0}.chapter-card:before{opacity:.3}.chapter-card:hover,.chapter-card:focus-visible{min-height:170px;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.chapter-card,.chapter-card:before,.chapter-icon,.chapter-hint{transition:none}.section-arrival{animation:none}}
