/* Generated by build-atlas.py - do not edit by hand. */
#rm-atlas{color-scheme:dark;background:transparent;color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px}
/* Scroll is locked from JS while the journey owns the wheel, and released
   on landing; the Atlas's original html,body{overflow:hidden} would have
   locked the merged page permanently. */
html.rm-atlas-locked,body.rm-atlas-locked{overflow:hidden}
#rm-atlas{color-scheme:dark;--void:#000618;--navy:#0b1746;--blue:#18266c;--orange:#f16b37;--white:#f5f3ed;--muted:#a4b0cd;--line:rgba(187,202,241,.17);--font:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif}
#rm-atlas *{box-sizing:border-box}#rm-atlas button,#rm-atlas input,#rm-atlas select{font:inherit}#rm-atlas button,#rm-atlas a,#rm-atlas input,#rm-atlas select{-webkit-tap-highlight-color:transparent}#rm-atlas button{color:inherit;cursor:pointer}#rm-atlas button{border:0}#rm-atlas button:focus-visible,#rm-atlas a:focus-visible,#rm-atlas input:focus-visible,#rm-atlas select:focus-visible{outline:2px solid var(--orange);outline-offset:5px}#rm-atlas button:disabled{cursor:wait;opacity:.5}#rm-atlas [hidden]{display:none!important}#rm-atlas button svg{width:20px;height:20px;flex:none}#rm-atlas p,#rm-atlas h1,#rm-atlas h2{margin:0}#rm-atlas a{color:inherit;text-decoration:none}#rm-atlas #stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#rm-atlas #stage.dragging{cursor:grabbing}#rm-atlas .scene-vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,11,33,.48),transparent 22%,transparent 69%,rgba(5,11,33,.83));z-index:1}#rm-atlas #labels,#rm-atlas #media-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden}#rm-atlas #labels{z-index:2}#rm-atlas #media-layer{z-index:4}#rm-atlas .topbar{position:fixed;z-index:10;left:4%;right:4%;top:max(30px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;pointer-events:none}#rm-atlas .identity,#rm-atlas .topbar-actions{pointer-events:auto}#rm-atlas .identity{display:flex;gap:11px;align-items:center;font-size:23px;letter-spacing:-.8px;font-weight:500}#rm-atlas .identity-mark{width:35px;height:35px}#rm-atlas .identity-dot{color:var(--orange)}#rm-atlas .topbar-actions{display:flex;align-items:center;gap:12px}#rm-atlas .quiet-button{display:flex;align-items:center;gap:9px;background:rgba(7,16,43,.18);border:1px solid transparent;border-radius:30px;padding:11px 16px;font-size:12px;color:#c1cbe2;transition:background .2s,border-color .2s,color .2s}#rm-atlas .quiet-button:hover{background:rgba(22,37,83,.6);color:var(--white)}#rm-atlas .quiet-button[aria-pressed=true],#rm-atlas .quiet-button[aria-expanded=true]{border-color:rgba(241,107,55,.45);background:rgba(241,107,55,.075);color:#f16b37}#rm-atlas .quiet-button svg{width:18px;height:18px}#rm-atlas .intro{position:fixed;z-index:3;left:8%;top:48%;transform:translateY(-50%);max-width:560px;will-change:opacity,transform;pointer-events:none}#rm-atlas .intro button{pointer-events:auto}#rm-atlas .intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}#rm-atlas .intro.is-hidden button{pointer-events:none}#rm-atlas .intro-kicker{display:flex;align-items:center;gap:11px;color:#bbc5de;font-size:12px;letter-spacing:.3px;margin-bottom:22px}#rm-atlas .intro-kicker>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 13px #f16b3799}#rm-atlas .intro h1{font-size:clamp(34px,3.6vw,54px);font-weight:500;line-height:1.04;letter-spacing:-.045em}
/* Kernbelofte: één maat onder de kop, lichter, en smaller gezet zodat de
   kop de regel blijft die je als eerste leest. */
#rm-atlas .intro-promise{font-size:clamp(15px,1.35vw,19px);font-weight:400;line-height:1.5;letter-spacing:-.005em;color:#cdd8f0;max-width:480px;margin-top:20px}#rm-atlas .intro p{font-size:14px;line-height:1.66;color:#9caed0;max-width:470px;margin-top:20px}#rm-atlas .start-button{margin-top:31px;display:flex;align-items:center;gap:25px;padding:15px 20px 15px 22px;background:var(--orange);border-radius:8px;color:#17152a;font-size:13px;font-weight:600;transition:background .2s,transform .2s}#rm-atlas .start-button:hover{background:#ffa163;transform:translateY(-2px)}#rm-atlas .start-button svg{width:20px}#rm-atlas .intro-footnote{display:block;color:#71809f;font-size:10px;margin:16px 0 0 2px;letter-spacing:.15px}#rm-atlas .chapter-readout{position:fixed;z-index:3;top:120px;right:5%;display:flex;align-items:center;gap:9px;color:#a5b3d0;font-size:11px;pointer-events:none}#rm-atlas .chapter-light{width:4px;height:4px;border-radius:50%;background:#a6bafd;box-shadow:0 0 9px #758fe788}#rm-atlas .bottom-ui{position:fixed;z-index:8;bottom:max(20px,env(safe-area-inset-bottom));left:4%;right:4%;pointer-events:none}#rm-atlas .journey-dock{max-width:690px;margin:auto;border:1px solid rgba(186,204,255,.13);border-radius:16px;background:rgba(8,17,46,.63);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);padding:13px 21px;box-shadow:0 15px 50px #02061744;pointer-events:auto}#rm-atlas .transport{display:flex;gap:18px;align-items:center}#rm-atlas .transport>button{background:transparent;border:0;font-size:11px;min-width:68px;padding:7px 0;text-align:left;color:#e0e5ef}#rm-atlas .transport>button::before{content:"";display:inline-block;vertical-align:-1px;margin-right:9px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor}#rm-atlas .transport>button[aria-pressed=true]::before{width:6px;height:8px;border:0;border-left:2px solid currentColor;border-right:2px solid currentColor}#rm-atlas .transport input{flex:1;min-width:40px}#rm-atlas .transport>span{font-size:10px;min-width:29px;text-align:right;color:#aebad3;font-variant-numeric:tabular-nums}#rm-atlas input[type=range]{appearance:none;-webkit-appearance:none;height:3px;border-radius:4px;background:rgba(157,175,224,.22);accent-color:var(--orange);cursor:pointer;margin:10px 0}#rm-atlas input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;border-radius:50%;background:var(--orange);border:0;box-shadow:0 0 10px #f16b374d}#rm-atlas input[type=range]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:var(--orange);border:0}#rm-atlas .journey-stops{display:flex;justify-content:space-between;gap:5px}#rm-atlas .journey-stops button{display:flex;align-items:center;gap:7px;font-size:10px;color:#8090b3;padding:4px 0;background:none;white-space:nowrap}#rm-atlas .stop-dot{display:block;width:3px;height:3px;background:currentColor;border-radius:50%}#rm-atlas .journey-stops button:hover,#rm-atlas .journey-stops button[aria-current=step],#rm-atlas .journey-stops button.active,#rm-atlas .journey-stops button.is-active{color:#f3f0e9}#rm-atlas .journey-stops button[aria-current=step] .stop-dot,#rm-atlas .journey-stops button.active .stop-dot,#rm-atlas .journey-stops button.is-active .stop-dot{background:var(--orange);box-shadow:0 0 7px #f16b3755}#rm-atlas .bottom-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;font-size:9px;line-height:1.5;color:#7583a2}#rm-atlas .interaction-hint{letter-spacing:.1px}#rm-atlas .bottom-caption p span{padding:0 5px;opacity:.55}#rm-atlas .attribution{margin-left:auto;color:#5d6b88;font-size:8px}#rm-atlas #render-info{min-width:38px;text-align:right;font-size:8px;color:#647391;font-variant-numeric:tabular-nums}#rm-atlas .settings-panel{position:fixed;z-index:12;right:4%;top:92px;width:290px;padding:25px;background:rgba(9,19,49,.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(172,192,237,.2);border-radius:16px;box-shadow:0 18px 65px #0005;max-height:calc(100dvh - 220px);overflow:auto}#rm-atlas .settings-heading{margin-bottom:26px}#rm-atlas .settings-heading h2{font-weight:500;font-size:18px;letter-spacing:-.4px}#rm-atlas .settings-heading p{font-size:11px;color:#8f9fbe;margin-top:7px}#rm-atlas .setting-slider{display:flex;flex-direction:column;gap:9px;font-size:12px}#rm-atlas .setting-slider input{width:100%}#rm-atlas .setting-check{display:flex;align-items:center;justify-content:space-between;position:relative;margin-top:22px;font-size:12px;gap:12px;cursor:pointer}#rm-atlas .setting-check input{position:absolute;right:0;opacity:0;width:33px;height:20px;margin:0;cursor:pointer}#rm-atlas .switch-track{width:32px;height:18px;border-radius:18px;background:#354060;transition:background .2s;flex:none;pointer-events:none}#rm-atlas .switch-track::before{content:"";display:block;width:12px;height:12px;border-radius:50%;background:#d2d9e8;transform:translate(3px,3px);transition:transform .2s}#rm-atlas .setting-check input:checked+.switch-track{background:#f16b37}#rm-atlas .setting-check input:checked+.switch-track::before{background:#151b33;transform:translate(17px,3px)}#rm-atlas .setting-check input:focus-visible+.switch-track{outline:2px solid #f16b37;outline-offset:4px}#rm-atlas .setting-select{display:flex;align-items:center;justify-content:space-between;margin-top:23px;font-size:12px;gap:12px}#rm-atlas .setting-select select{background:#101e45;border:1px solid #314367;border-radius:6px;padding:6px 8px;font-size:11px;color:#c7d1e5}#rm-atlas .reset-button{background:none;font-size:11px;color:#a6b5d0;padding:20px 0 0;border-top:1px solid var(--line);width:100%;text-align:left;margin-top:24px}#rm-atlas .reset-button:hover{color:var(--orange)}#rm-atlas .loading{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 44%,#15245a 0%,#000618 65%);transition:opacity .7s}#rm-atlas .loading p{font-size:17px;letter-spacing:-.2px;margin-top:24px}#rm-atlas .loading>span:last-child{font-size:11px;color:#8c9bbe;margin-top:10px}#rm-atlas .loading-orbit{position:relative;width:62px;height:62px;border:1px solid #7894d733;border-radius:50%;animation:orbit 7s linear infinite}#rm-atlas .loading-orbit::before{content:"";position:absolute;inset:9px;border:1px solid #7894d722;border-radius:50%}#rm-atlas .loading-orbit i{position:absolute;display:block;width:5px;height:5px;border-radius:50%;background:var(--white);left:8px;top:7px;box-shadow:0 0 12px #dde4ff}#rm-atlas .loading-orbit i:nth-child(2){left:52px;top:39px;background:var(--orange);box-shadow:0 0 15px var(--orange)}#rm-atlas .loading-orbit i:nth-child(3){left:28px;top:27px;width:3px;height:3px;background:#adbef1}#rm-atlas .fallback{position:fixed;inset:0;z-index:30;background:var(--void);display:grid;place-items:center;padding:32px}#rm-atlas .fallback>div{max-width:450px}#rm-atlas .fallback h1{font-size:36px;line-height:1.07;font-weight:500;letter-spacing:-1.4px;margin:24px 0}#rm-atlas .fallback p{color:var(--muted);font-size:14px;line-height:1.7}#rm-atlas .fallback button{padding:12px 17px;background:var(--orange);border-radius:7px;color:var(--void);margin-top:24px;font-size:13px}#rm-atlas .star-label,#rm-atlas .node-label,#rm-atlas .compartment-label{position:absolute;left:0;top:0;white-space:nowrap;pointer-events:none;color:#b8c6e7;font-size:clamp(10px,1.1vw,17px);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em;text-shadow:0 1px 6px #000,0 0 12px #000618;transform-origin:0 0}#rm-atlas .star-label.key,#rm-atlas .node-label.key{color:#f7f7fb}#rm-atlas .compartment-label{font-family:var(--font);font-size:10px;color:#d9e5fc;padding:6px 9px;background:rgba(6,15,39,.7);border:1px solid rgba(172,196,239,.22);border-radius:5px}#rm-atlas .media-panel{position:absolute;left:0;top:0;width:min(390px,calc(100vw - 36px));visibility:hidden;opacity:0;pointer-events:none;transform-origin:50% 50%;will-change:transform,opacity;background:rgba(12,24,54,.97);border:1px solid rgba(176,199,247,.27);border-radius:17px;box-shadow:0 25px 80px #0005,0 0 50px #27438722;overflow:hidden}#rm-atlas .media-panel.is-shown{visibility:visible}#rm-atlas .media-panel.is-active{pointer-events:auto}#rm-atlas .media-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px}#rm-atlas .media-heading h2{font-size:14px;font-weight:500;letter-spacing:-.1px}#rm-atlas .media-type{font-size:9px;color:#a6b7d7;display:flex;align-items:center;gap:5px}#rm-atlas .media-type::before{content:"";display:block;height:4px;width:4px;background:var(--orange);border-radius:50%}#rm-atlas .media-screen{aspect-ratio:1.9;position:relative;margin:0 9px;background:#09132d;border:1px solid rgba(151,178,230,.1);border-radius:10px;overflow:hidden}#rm-atlas .media-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#rm-atlas .demo-svg{display:block;width:100%;height:100%}#rm-atlas .demo-drift{animation:demo-signal 4s ease-in-out infinite}#rm-atlas .demo-flow{stroke-dasharray:4 9;animation:flow 12s linear infinite}#rm-atlas .demo-scan{animation:scan 5s ease-in-out infinite;transform-origin:center}#rm-atlas .demo-node{animation:demo-signal 3.5s ease-in-out infinite}#rm-atlas .demo-node:nth-child(2n){animation-delay:1.3s}#rm-atlas .media-asset{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#08112a}#rm-atlas .media-asset[hidden]{display:none}#rm-atlas .media-caption{padding:15px 18px 16px;display:flex;flex-direction:column;gap:11px}#rm-atlas .media-description{font-size:11px;line-height:1.5;color:#9dadd0;max-width:310px}#rm-atlas .media-add{background:none;align-self:flex-start;display:flex;align-items:center;gap:7px;padding:0;color:#edbc94;font-size:10px}#rm-atlas .media-add svg{width:12px;height:12px}#rm-atlas .media-add:hover{color:#f16b37}#rm-atlas .media-error{font-size:10px;line-height:1.4;color:#f16b37}#rm-atlas .media-panel[data-reduced=true] *{animation:none!important}#rm-atlas .rm-icard-screen{position:relative;width:100%;aspect-ratio:564/410;background:#f3f6fc;container-type:inline-size}#rm-atlas .rm-icard-dots{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(circle,#18181b 1px,transparent 1px);background-size:6.2cqw 6.2cqw;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 65% 65% at 50% 50%,#000 35%,transparent 85%);mask-image:radial-gradient(ellipse 65% 65% at 50% 50%,#000 35%,transparent 85%)}#rm-atlas .rm-icard-stage{position:absolute;inset:0}#rm-atlas .rm-icard-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#rm-atlas .rm-icard-hub{position:absolute;top:50%;left:50%;z-index:20;display:flex;transform:translate(-50%,-50%);align-items:center;justify-content:center;border-radius:2.84cqw;border:1px solid #e4e4e7;background:#fff;padding:1.42cqw;box-shadow:0 4px 12px rgba(0,0,0,.08)}#rm-atlas .rm-icard-hub-inner{border:1px solid #e4e4e7;padding:1.77cqw;border-radius:2.13cqw;display:flex;align-items:center;justify-content:center}#rm-atlas .rm-icard-hub-inner img{width:6.38cqw;height:6.38cqw;object-fit:contain;display:block}#rm-atlas .rm-icard-brain{display:block;width:7.4cqw;height:7.4cqw;color:#08288b}#rm-atlas .rm-icard-hub-ring{position:absolute;inset:0;border-radius:2.84cqw;border:2px solid rgba(24,24,27,.1);animation:rmIcardPulse 3s ease-in-out infinite}@keyframes rmIcardPulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.15);opacity:0}100%{transform:scale(1);opacity:.3}}#rm-atlas .rm-icard-node{position:absolute;z-index:10;display:flex;width:8.51cqw;height:8.51cqw;transform:translate(-50%,-50%) scale(.8);align-items:center;justify-content:center;border-radius:2.13cqw;border:1px solid #e4e4e7;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.06);opacity:0;transition:opacity .6s ease,transform .6s ease}#rm-atlas .rm-icard-node.in{opacity:1;transform:translate(-50%,-50%) scale(1)}#rm-atlas .rm-icard-node img{width:4.26cqw;height:4.26cqw;object-fit:contain}@keyframes rmIcardFlow{from{stroke-dashoffset:200}to{stroke-dashoffset:-200}}#rm-atlas .media-panel[data-media=stack]{width:min(680px,calc(100vw - 36px),82vh);background:none;border:0;box-shadow:none;overflow:visible}#rm-atlas .media-panel[data-media=stack] .media-heading,#rm-atlas .media-panel[data-media=stack] .media-caption{display:none}#rm-atlas .media-panel[data-media=stack] .media-screen{aspect-ratio:1.42;margin:0;background:none;border:0;border-radius:0;overflow:visible}#rm-atlas .media-panel[data-pair="wide-front"] .media-screen{aspect-ratio:1.51}#rm-atlas .media-panel[data-pair="plate-front"] .media-screen{aspect-ratio:1.29}#rm-atlas .media-panel[data-pair="plate-front"]{width:min(680px,calc(100vw - 36px),72vh)}#rm-atlas .media-stack{position:absolute;inset:0}#rm-atlas .media-window{position:absolute;display:flex;flex-direction:column;overflow:hidden;border-radius:11px;background:#060d22;border:1px solid rgba(160,186,238,.22);box-shadow:0 22px 60px rgba(2,6,22,.62);transform:translate3d(var(--fly,0px),0,0) perspective(1400px) rotateY(7deg);animation:media-drift 9.5s ease-in-out infinite,media-tilt 14s ease-in-out infinite}@keyframes media-drift{0%,100%{translate:0 0}50%{translate:9px -21px}}@keyframes media-tilt{0%,100%{rotate:-.9deg}50%{rotate:.9deg}}#rm-atlas .media-window-bar{flex:none;display:flex;align-items:center;gap:7px;padding:8px 12px;font-size:10px;line-height:1.3;letter-spacing:.12px;color:#9fb2d6;background:rgba(13,26,58,.94);border-bottom:1px solid rgba(160,186,238,.14)}#rm-atlas .media-window-bar::before{content:"";flex:none;width:4px;height:4px;border-radius:50%;background:var(--orange)}#rm-atlas .media-window video{display:block;width:100%;height:auto;object-fit:cover}#rm-atlas .media-window.is-wide,#rm-atlas .media-window.is-plate{left:0;top:0;width:74%}#rm-atlas .media-window.is-plate{width:72%}#rm-atlas .media-window.is-tall,#rm-atlas .media-window.is-front{right:0;bottom:0;border-color:rgba(184,206,250,.34);box-shadow:0 28px 72px rgba(2,6,22,.8);animation-duration:11.2s,17.4s;animation-delay:-3.6s,-6.8s}#rm-atlas .media-window.is-tall{width:45%}#rm-atlas .media-window.is-front{width:54%}#rm-atlas .media-window.is-wide video,#rm-atlas .media-window.is-front video{aspect-ratio:16/9}#rm-atlas .media-window.is-tall video{aspect-ratio:3/4}#rm-atlas .media-window.is-tall .media-window-bar{color:#dbe5fa;background:rgba(16,31,67,.96)}#rm-atlas .media-placeholder-note{position:absolute;left:12px;right:12px;bottom:10px;text-align:center;font-size:10px;color:#8ea2cb;background:linear-gradient(transparent,#09132d);padding-top:15px;pointer-events:none}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes demo-signal{0%,100%{opacity:.4}50%{opacity:1}}@keyframes flow{to{stroke-dashoffset:-104}}@keyframes scan{0%,100%{transform:translateX(-85px);opacity:.2}50%{transform:translateX(80px);opacity:.55}}
@media(min-width:1700px){#rm-atlas .intro{left:10%}#rm-atlas .intro p{font-size:17px;max-width:360px}#rm-atlas .topbar{left:5%;right:5%}#rm-atlas .journey-dock{max-width:760px}#rm-atlas .journey-stops button{font-size:11px}}
@media(max-width:900px){#rm-atlas .intro{left:6%;max-width:440px}#rm-atlas .intro h1{font-size:clamp(32px,4.4vw,44px)}#rm-atlas .intro-promise{font-size:15px;max-width:400px;margin-top:16px}#rm-atlas .intro p{max-width:400px;font-size:12.5px;margin-top:16px}#rm-atlas .topbar{left:5%;right:5%;top:25px}#rm-atlas .identity{font-size:21px}#rm-atlas .chapter-readout{top:103px}#rm-atlas .bottom-ui{left:5%;right:5%;bottom:16px}#rm-atlas .attribution{display:none}#rm-atlas .journey-dock{max-width:630px}#rm-atlas .bottom-caption{margin-top:15px}#rm-atlas .media-panel{width:min(355px,calc(100vw - 32px))}#rm-atlas .settings-panel{right:5%}}
@media(max-width:600px){#rm-atlas .topbar{top:max(18px,env(safe-area-inset-top));left:20px;right:16px}#rm-atlas .identity{gap:6px;font-size:20px}#rm-atlas .identity-mark{width:28px;height:28px}#rm-atlas .topbar-actions{gap:0}#rm-atlas .quiet-button{padding:9px 10px;font-size:10px;gap:5px}#rm-atlas .quiet-button svg{width:16px;height:16px}#rm-atlas .settings-toggle span{display:none}#rm-atlas .settings-toggle{margin-left:3px}#rm-atlas .intro{left:24px;right:24px;top:auto;bottom:calc(182px + env(safe-area-inset-bottom));transform:none;max-width:330px}#rm-atlas .intro-kicker{font-size:10px;margin-bottom:16px}#rm-atlas .intro h1{font-size:30px;letter-spacing:-.03em}#rm-atlas .intro-promise{font-size:13px;margin-top:12px;max-width:none}#rm-atlas .intro p{font-size:11.5px;max-width:none;line-height:1.55;margin-top:12px}#rm-atlas .start-button{margin-top:20px;font-size:12px;padding:13px 17px;gap:22px}#rm-atlas .intro-footnote{font-size:9.5px;margin-top:12px}#rm-atlas .chapter-readout{top:83px;right:24px;font-size:10px}#rm-atlas .bottom-ui{left:15px;right:15px;bottom:max(13px,env(safe-area-inset-bottom))}#rm-atlas .journey-dock{padding:11px 13px;border-radius:13px}#rm-atlas .transport{gap:10px}#rm-atlas .transport>button{font-size:10px;min-width:66px}#rm-atlas .transport>span{font-size:9px}#rm-atlas .journey-stops{gap:4px}#rm-atlas .journey-stops button{font-size:9px;gap:3px}#rm-atlas .stop-dot{width:2px;height:2px}#rm-atlas .bottom-caption{margin-top:12px;font-size:8px;gap:6px}#rm-atlas #render-info{font-size:7px}#rm-atlas .settings-panel{right:16px;top:68px;width:min(290px,calc(100vw - 32px));max-height:calc(100dvh - 200px);padding:23px}#rm-atlas .media-panel{width:min(335px,calc(100vw - 32px));border-radius:13px}#rm-atlas .media-panel[data-media=stack] .media-screen{aspect-ratio:1.28}#rm-atlas .media-window-bar{padding:6px 9px;font-size:9px;gap:6px}#rm-atlas .media-heading{padding:12px 14px}#rm-atlas .media-heading h2{font-size:13px}#rm-atlas .media-screen{aspect-ratio:2}#rm-atlas .media-caption{padding:12px 14px;gap:9px}#rm-atlas .media-description{font-size:10px}#rm-atlas .media-add{font-size:10px}#rm-atlas .scene-vignette{background:linear-gradient(180deg,rgba(5,11,33,.45),transparent 17%,rgba(5,11,33,.30) 38%,rgba(5,11,33,.72) 54%,rgba(5,11,33,.93) 78%,rgba(5,11,33,.97))}}
@media(max-height:650px) and (min-width:601px){#rm-atlas .topbar{top:20px}#rm-atlas .intro{top:45%}#rm-atlas .intro h1{font-size:38px}#rm-atlas .intro-kicker{margin-bottom:16px}#rm-atlas .intro-promise{font-size:14px;margin-top:13px}#rm-atlas .intro p{margin-top:13px;font-size:12px;max-width:420px}#rm-atlas .start-button{margin-top:20px;padding:12px 17px}#rm-atlas .intro-footnote{display:none}#rm-atlas .bottom-ui{bottom:12px}#rm-atlas .bottom-caption{margin-top:10px}#rm-atlas .journey-dock{padding-top:9px;padding-bottom:9px}#rm-atlas .chapter-readout{top:91px}#rm-atlas .media-panel{width:330px}#rm-atlas .media-caption{padding:10px 15px}#rm-atlas .media-screen{aspect-ratio:2.1}}
@media(max-height:700px) and (max-width:600px){#rm-atlas .intro{bottom:157px}#rm-atlas .intro h1{font-size:27px}#rm-atlas .intro-kicker{margin-bottom:11px}#rm-atlas .intro-promise{font-size:12px;margin-top:10px}#rm-atlas .intro p{margin-top:10px;max-width:none;font-size:11px}#rm-atlas .start-button{margin-top:14px;padding:11px 16px}#rm-atlas .media-panel{width:min(295px,calc(100vw - 28px))}#rm-atlas .media-caption{padding:10px 12px}#rm-atlas .media-heading{padding:10px 12px}}
@media(max-width:360px){#rm-atlas .identity{font-size:18px}#rm-atlas .quiet-button{padding:8px 7px}#rm-atlas .intro{left:20px}#rm-atlas .intro h1{font-size:25px}#rm-atlas .intro p{max-width:250px}#rm-atlas .journey-stops button{font-size:8px}#rm-atlas .transport>button{min-width:59px}#rm-atlas .bottom-caption{font-size:7px}#rm-atlas .journey-dock{padding-left:10px;padding-right:10px}}
@media(prefers-reduced-motion:reduce){#rm-atlas *,#rm-atlas *::before,#rm-atlas *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:600px){#rm-atlas .intro{--intro-shift:0%}}
#rm-atlas .star-label.white-star{color:#f5f6ff;font-weight:600}#rm-atlas .star-tag{padding:6px 12px;border:1px solid #bc7543;border-radius:7px;color:#f5ae7e;background:#081127}#rm-atlas .star-tag:not(:last-child){box-shadow:0 0 15px #090e2a55}
#rm-atlas #journey{background:linear-gradient(to right,#f16b37 var(--progress,0%),rgba(157,175,224,.22) var(--progress,0%))}

@media (min-width:601px) and (max-aspect-ratio:115/100){#rm-atlas .intro{--intro-shift:0%;top:auto;bottom:170px;left:7%;max-width:500px}#rm-atlas .intro h1{font-size:64px}#rm-atlas .intro-kicker{margin-bottom:16px}#rm-atlas .intro p{max-width:400px}#rm-atlas .intro-footnote{display:none}}

/* ── Story text ───────────────────────────────────────────────────────────
   The narrative of each stop, set in the scene beside its card rather than
   printed on it. Placed every frame by media.mjs; only the look lives here. */

#rm-atlas .story-text{
  position:absolute;
  left:0;
  top:0;
  width:min(40vw,470px);
  opacity:0;
  pointer-events:none;
  will-change:transform,opacity;
}
#rm-atlas .story-text h2{
  font-size:clamp(23px,2.3vw,36px);
  font-weight:500;
  line-height:1.16;
  letter-spacing:-.028em;
  color:#f2f5ff;
  text-wrap:balance;
  /* Layered rather than one soft blur: a tight pass for edge contrast, a mid
     pass for body, and a wide one that darkens the ground behind the line.
     The first stop sits on the brain's light blue now, where a single wide
     shadow was too diffuse to separate the text from it. */
  text-shadow:0 1px 2px rgba(3,8,22,.62),0 2px 10px rgba(3,8,22,.78),0 5px 34px rgba(3,8,22,.9);
}
/* Title, body and button each settle on their own window of the same travel,
   so the three arrive as three things rather than one block: a little vertical
   travel and a blur that clears, mostly opacity. The sideways offset is only
   used on the way out. Set from media.mjs; `translate` rather than `transform`,
   which the button keeps for its hover. */
#rm-atlas .story-text h2,#rm-atlas .story-text p,#rm-atlas .story-text .story-next{translate:var(--fly,0px) var(--rise,0px);filter:blur(var(--soft,0px));will-change:translate,opacity,filter}
#rm-atlas .story-text h2 .w,#rm-atlas .story-text p .w{display:inline-block}

#rm-atlas .story-next{
  transition:background .2s ease,border-color .2s ease,color .2s ease;
  margin-top:26px;
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:13px 20px;
  border:1px solid rgba(241,107,55,.42);
  border-radius:8px;
  background:rgba(241,107,55,.09);
  color:#ffb07a;
  text-shadow:0 1px 8px rgba(3,8,22,.7);
  font-size:12.5px;
  letter-spacing:.01em;
  cursor:pointer;
}
#rm-atlas .story-next:hover{background:rgba(241,107,55,.17);border-color:rgba(241,107,55,.7);color:#ffc79c;transform:translateY(-1px);transition-delay:0s}

#rm-atlas .story-next svg{width:17px;height:17px;flex:none}
#rm-atlas .story-next:focus-visible{outline:2px solid var(--orange);outline-offset:4px}

#rm-atlas .story-text p{
  margin-top:18px;
  font-size:15px;
  line-height:1.65;
  color:#b3c1e0;
  max-width:34ch;
  text-shadow:0 1px 2px rgba(3,8,22,.6),0 2px 9px rgba(3,8,22,.82),0 4px 26px rgba(3,8,22,.9);
}

@media (max-width:980px){
  #rm-atlas .story-text{width:min(86vw,460px)}
  #rm-atlas .story-text h2{font-size:clamp(20px,4.6vw,27px)}
  #rm-atlas .story-text p{margin-top:11px;font-size:13px;line-height:1.55;max-width:none}
  #rm-atlas .story-next{margin-top:16px;padding:11px 16px;font-size:12px;gap:10px}
}
@media (max-width:600px){
  #rm-atlas .story-text h2{font-size:19px}
  #rm-atlas .story-text p{font-size:12px;margin-top:9px}
}
@media (prefers-reduced-motion:reduce){
  #rm-atlas .story-text{transition:none}
}

/* The card carries no copy any more: it is the supporting visual. */
#rm-atlas .media-heading{justify-content:flex-end}

/* ── Orbiting tool marks ──────────────────────────────────────────────────
   Glass discs that hover around the brain at the opening. Positioned every
   frame from the renderer's projection, so only the look lives here. */

#rm-atlas #orbiters{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:3}
#rm-atlas .orbiter{
  position:absolute;
  left:0;
  top:0;
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
  border-radius:50%;
  /* No backdrop-filter here. The chip moves every frame over the WebGL canvas,
     and Chrome composites a backdrop blur from a snapshot of what is behind it:
     on a per-frame-moving element that snapshot lags and leaves a stale dark
     rectangle beside the chip. The background is opaque enough to carry the
     look without it. */
  background:rgba(10,20,52,.88);
  border:1px solid rgba(172,192,237,.24);
  box-shadow:0 10px 30px rgba(2,6,23,.6),0 0 26px rgba(90,130,230,.16);
  will-change:transform,opacity;
}
#rm-atlas .orbiter img{
  width:28px;
  height:28px;
  object-fit:contain;
  display:block;
}
/* The Ahrefs brand mark is itself a filled square, so it keeps a matching
   radius. The others are free-standing glyphs with no container. */
#rm-atlas .orbiter img[src$="ahrefs.png"]{border-radius:7px}

@media (max-width:900px){
  #rm-atlas .orbiter{width:48px;height:48px}
  #rm-atlas .orbiter img{width:22px;height:22px}
}
@media (max-width:600px){
  #rm-atlas .orbiter{width:40px;height:40px}
  #rm-atlas .orbiter img{width:19px;height:19px}
}

/* ── Landing: the Ranking Masters headline over the settled constellation ──
   The constellation is the WebGL one the journey has been assembling all
   along, so the hero contributes its text only: its own canvas and background
   gradients are switched off and the star field shows through. Markup and
   rm-hero.css are copied from the live page; everything below only places
   that text and gives it its entrance. */


/* The live hero paints its own night sky and draws its own constellation.
   Here the scene behind it already does both. */


/* The live hero reserves its own top 163px for the site header and fills the
   rest of the viewport below that. Matching that exact offset and height here
   — even though this page's own topbar isn't 163px tall — means the hero's
   on-screen position is pixel-identical on both sides of the handoff: the
   cross-document view transition (same view-transition-name on both) can
   then morph the two directly into each other with zero shift, so the only
   thing that visibly changes when the real page loads in is the site header
   sliding into that reserved space. */



/* Everything in the text column waits, then arrives in sequence. */





/* The paragraph and buttons follow the last word rather than a fixed clock,
   so the sequence still reads right if the headline is ever re-worded. */





/* The Neural Atlas chrome steps aside as the constellation takes the frame.
   The star labels stay: they are part of the constellation. */
#rm-atlas .topbar,#rm-atlas .chapter-readout,#rm-atlas #media-layer,#rm-atlas .bottom-caption,#rm-atlas .journey-dock{
  transition:opacity .25s ease;
}
body[data-landing] #rm-atlas .topbar,body[data-landing] #rm-atlas .chapter-readout,body[data-landing] #rm-atlas #media-layer,body[data-landing] #rm-atlas .bottom-caption,body[data-landing] #rm-atlas .journey-dock{
  opacity:0;
  pointer-events:none;
}

@media (prefers-reduced-motion:reduce){
  
}

/* Narrow viewports stack: constellation in the upper half, headline below it. */
@media (max-width:767px){
  
}
@media(min-width:980px){#rm-atlas .media-panel[data-media=stack]{width:min(680px,calc(100vw - 36px),82vh,calc(100vw - 600px))}#rm-atlas .media-panel[data-pair="plate-front"]{width:min(680px,calc(100vw - 36px),72vh,calc(100vw - 600px))}}