.intro{background:var(--background);isolation:isolate;min-height:min(720px,88svh);position:relative;overflow:hidden}.intro-bg{z-index:-1;position:absolute;inset:0}.intro-photo{background-color:var(--background);opacity:0;background-repeat:no-repeat;background-size:cover;transition:opacity 1.1s,transform 9s ease-out;position:absolute;inset:0;transform:scale(1.07)}.intro-photo.is-active{opacity:1;transform:scale(1)}.intro-shade{background:linear-gradient(#06121ad9 0%,#06121a40 26%,#06121a66 52%,#06121af5 88%);position:absolute;inset:0}.intro-top{padding:20px}.intro-body{grid-template-columns:minmax(0,1fr);gap:18px;min-width:0;max-width:680px;padding:0 20px 22px;display:grid;position:relative}.intro-progress{flex:1;gap:6px;min-width:28px;max-width:340px;margin-left:6px;display:flex}.intro-progress span{background:#ffffff2e;border-radius:2px;flex:1;height:3px;overflow:hidden}.intro-progress span.done{background:var(--brand-gold)}.intro-progress i{background:var(--brand-gold);transform-origin:0;height:100%;animation:linear forwards intro-fill;display:block}.intro-progress i.static{animation:none;transform:none}@keyframes intro-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.intro-stage{display:grid}.intro-slide{opacity:0;pointer-events:none;visibility:hidden;grid-area:1/1;align-content:end;gap:14px;transition:opacity .55s,transform .55s,visibility 0s linear .55s;display:grid;transform:translateY(16px)}.intro-slide.is-active{opacity:1;pointer-events:auto;visibility:visible;transition-delay:.12s,.12s,0s;transform:none}.intro-count{color:var(--brand-gold);letter-spacing:.14em;font-size:13px;font-weight:800}.intro-count em{color:var(--text-muted);font-style:normal}.intro-slide h1{letter-spacing:-.025em;text-shadow:0 2px 24px #000a;text-wrap:balance;margin:0;font-size:34px;font-weight:800;line-height:1.08}.intro-slide p{color:#d9e2e5;text-shadow:0 1px 12px #000c;max-width:52ch;margin:0;font-size:16px;line-height:1.55}.intro-chips{flex-wrap:wrap;gap:8px;margin:2px 0 0;padding:0;list-style:none;display:flex}.intro-chips li{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-pill);color:var(--text-primary);background:#0b1d28b3;border:1px solid #ffffff26;padding:6px 14px;font-size:13.5px;font-weight:600}.intro-levels{flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 0;padding:0;list-style:none;display:flex}.intro-levels li{align-items:center;gap:8px;display:inline-flex}.intro-levels li+li:before{color:var(--text-muted);content:"→"}.intro-levels span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-pill);border:1px solid;padding:5px 13px;font-size:13.5px;font-weight:700}.intro-levels .lvl-1 span{color:#cbb9ff;background:#9d7dff26;border-color:#9d7dff66}.intro-levels .lvl-2 span{color:#9fd2ff;background:#3ea6ff26;border-color:#3ea6ff66}.intro-levels .lvl-3 span{color:#8eeccb;background:#2fd39a26;border-color:#2fd39a66}.intro-sample{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1d28cc;border:1px solid #ffffff21;border-radius:16px;gap:6px;max-width:470px;margin-top:2px;padding:14px 16px;display:grid}.intro-sample-tag{border-radius:var(--radius-pill);color:#cbb9ff;background:#9d7dff26;border:1px solid #9d7dff55;justify-self:start;padding:3px 10px;font-size:12px;font-weight:700}.intro-sample b{font-size:15px;line-height:1.35}.intro-sample small{color:var(--text-secondary);font-size:13px;line-height:1.45}.intro-controls{align-items:center;gap:10px;display:flex}.intro-nav{color:var(--text-primary);cursor:pointer;background:#06121a80;border:1px solid #fff3;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;transition:border-color .2s,background .2s;display:inline-flex}.intro-nav:hover,.intro-nav:focus-visible{border-color:var(--brand-gold);background:#06121acc}.intro-nav svg{width:20px;height:20px}.intro-start{flex:none;margin-left:auto;padding-inline:16px}@media (max-width:959px){.intro-controls{flex-wrap:wrap;row-gap:14px}.intro-progress{flex-basis:100%;order:-1;max-width:none;margin-left:0}.intro-levels,.intro-levels li{gap:6px}.intro-levels span{padding:4px 10px;font-size:12.5px}}@media (min-width:960px){.intro-shade{background:linear-gradient(90deg,#06121af0 0%,#06121aa6 38%,#06121a26 72%,#06121a00 100%),linear-gradient(#06121ab3 0%,#06121a00 24% 62%,#06121ae6 100%)}.intro-top{padding:32px 40px}.intro-body{gap:22px;padding:0 40px 56px}.intro-slide{gap:16px}.intro-slide h1{font-size:54px}.intro-slide p{font-size:18px}.intro-start{display:none}}@media (prefers-reduced-motion:reduce){.intro-photo,.intro-slide{transition:none}.intro-photo{transform:none}}