.dw-intro{position:fixed;inset:0;z-index:1000;display:grid;grid-template-rows:auto minmax(80px,1fr) auto auto;box-sizing:border-box;width:100%;height:100vh;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#101f20;color:#f3ecd7;font:16px/1.45 system-ui,sans-serif;overflow:hidden;isolation:isolate}.dw-intro *{box-sizing:border-box}.intro-header{display:flex;justify-content:space-between;gap:16px;padding:12px 22px;border-bottom:1px solid #3d655d;color:#9dd6c5;font:700 11px/1.4 monospace;letter-spacing:.12em}.intro-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:#243b3c}.intro-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}.intro-stage [hidden],.dw-intro [hidden]{display:none!important}.intro-caption{padding:18px 24px 16px;background:linear-gradient(100deg,#152d2c,#172726);border-top:2px solid #b79353;max-height:38dvh;overflow:auto}.intro-caption>*{max-width:940px;margin-left:auto;margin-right:auto}.intro-label{margin-top:0;margin-bottom:6px;color:#8ed7c1;font:700 11px/1.4 monospace;letter-spacing:.13em}.intro-caption h2{margin-top:0;margin-bottom:8px;font-size:clamp(23px,3.5vw,38px);line-height:1.08;font-weight:800;letter-spacing:-.025em}.intro-copy{margin-top:0;margin-bottom:0;font-size:clamp(14px,1.7vw,18px);max-width:940px;color:#e1dfce}.intro-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px 22px;border-top:1px solid #35534d;background:#102421;min-height:64px}.intro-controls button{min-height:44px;min-width:72px;padding:10px 16px;border:1px solid #668b7e;border-radius:0;background:#173b34;color:#f3ecd7;font:700 14px/1.2 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}.intro-controls button:first-child{margin-right:auto;background:transparent}.intro-controls .intro-primary{background:#b6dcca;color:#132924;border-color:#c4e7d8}.intro-controls button:disabled{opacity:.38;cursor:default}.intro-controls button:focus-visible{outline:3px solid #f8bd72;outline-offset:2px}.intro-pause-veil{position:absolute;inset:0;display:grid;place-items:center;background:#10242166;color:#fff2cb;font:700 15px monospace;letter-spacing:.15em;pointer-events:none}.intro-fallback{height:100%;overflow:auto;padding:16px max(20px,calc((100vw - 880px)/2));background:radial-gradient(ellipse at top,#305c54,#112724)}.intro-fallback article{padding:12px 0;border-bottom:1px solid #537e6e}.intro-fallback h3{margin:0 0 8px;font-size:22px}.intro-fallback p{margin:0 0 8px}.intro-fallback-note{color:#a6d8c5;font-size:13px}.dw-intro:focus{outline:none}
@media(max-width:480px){.intro-header{padding:9px 12px;font-size:9px;letter-spacing:.08em}.intro-caption{padding:14px 16px;max-height:38dvh}.intro-copy{font-size:14px;line-height:1.45}.intro-controls{padding:8px 10px;gap:6px}.intro-controls button{min-width:0;flex:1;padding:9px 7px;font-size:12px}.intro-controls button:first-child{margin-right:0}.intro-caption h2{font-size:26px}.intro-label{font-size:10px}}
@media(max-height:440px) and (min-width:540px){.intro-header{padding:6px 16px;font-size:9px}.intro-caption{padding:8px 18px;max-height:34dvh}.intro-caption h2{font-size:22px;margin-bottom:3px}.intro-copy{font-size:13px;line-height:1.3}.intro-label{font-size:9px;margin-bottom:3px}.intro-controls{padding:5px 14px;min-height:52px}.intro-controls button{padding:8px 14px;font-size:12px}.intro-caption>*{max-width:1000px}}
@media(prefers-reduced-motion:reduce){.dw-intro *{scroll-behavior:auto}}