@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--bg:#111310;--panel:#191c17;--ink:#eeeee5;--muted:#a3a89b;--line:#353a30;--acid:#d6ff64;--mono:'IBM Plex Mono',monospace;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}::selection{color:var(--bg);background:var(--acid)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--acid);outline-offset:6px}.mono,.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.07em}.eyebrow{color:var(--muted);margin:0 0 25px}.accent{color:var(--acid)}header{height:88px;margin:0 4.5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:var(--display);font-weight:700;font-size:32px;letter-spacing:-2px}.brand span{color:var(--acid)}nav{display:flex;gap:36px;font:11px var(--mono)}nav a:hover{color:var(--acid)}.motion{background:none;border:1px solid var(--line);padding:9px 12px;font:10px var(--mono)}.motion span{color:var(--acid);margin-left:12px}.hero{padding:27px 4.5% 0}.hero-top,.hero-bottom{display:flex;justify-content:space-between;color:var(--muted);gap:15px}.hero-top>span{display:flex;align-items:center;gap:12px}.dot{display:inline-block;background:var(--acid);width:6px;height:6px;border-radius:50%;box-shadow:0 0 10px #d6ff6444}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3%;padding:68px 0 65px;align-items:center}.hero h1{font-family:var(--display);font-size:clamp(65px,7.6vw,122px);font-weight:500;letter-spacing:-.075em;line-height:1.02;margin:0 0 28px}.glitch{color:var(--acid);position:relative;display:inline-block}.glitch:after{content:attr(data-text);position:absolute;inset:0;color:#bfa5f7;clip-path:inset(49% 0 45%);transform:translateX(5px);animation:glitch 9s infinite}.intro{color:var(--muted);font-size:16px;line-height:1.7}.cta{display:inline-flex;gap:55px;align-items:center;border-bottom:1px solid var(--acid);padding:17px 0 13px;margin-top:15px;font-size:13px}.cta span{color:var(--acid);font-size:23px}.signal{height:410px;position:relative;background:radial-gradient(ellipse at center,#26301b66,transparent 70%);border:1px solid var(--line);overflow:hidden}.signal:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#00000014 4px)}.signal canvas{width:100%;height:100%;display:block}.signal-top,.signal-bottom{position:absolute;left:18px;right:18px;display:flex;justify-content:space-between;z-index:1;color:var(--muted);font-size:8px}.signal-top{top:17px}.signal-top span:last-child{color:var(--acid)}.signal-bottom{bottom:17px}.signal-cross{position:absolute;font:22px var(--mono);color:var(--acid)}.top-left{top:42px;left:12px}.bottom-right{bottom:37px;right:12px}.hero-bottom{padding:0 0 26px;font-size:8px}.ticker{background:var(--acid);color:var(--bg);padding:13px 0;overflow:hidden;white-space:nowrap;font:11px var(--mono);letter-spacing:.13em}.ticker div{width:max-content;animation:marquee 45s linear infinite}.ticker b{font-size:16px;margin:0 48px}.section{padding:95px 4.5%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.section h2{font:500 clamp(37px,4.6vw,68px)/1.08 var(--display);letter-spacing:-.05em;margin:0}.section-head>p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.filters{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 17px;font:10px var(--mono)}.filters button.active{background:var(--acid);color:var(--bg);border-color:var(--acid)}.filters span{margin-left:14px;opacity:.6}.projects{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}.project{display:block;background:transparent;border:0;text-align:left;padding:0;min-width:0}.project[hidden]{display:none}.project-visual{height:310px;position:relative;overflow:hidden;border:1px solid var(--line);transition:border-color .3s,transform .3s}.project:hover .project-visual{border-color:var(--acid);transform:translateY(-3px)}.visual-meta{position:absolute;top:17px;left:18px;right:18px;display:flex;justify-content:space-between;font-size:8px;z-index:2;color:var(--muted)}.memory{background:#1d251a}.memory-grid{position:absolute;inset:65px 55px 65px;display:grid;grid-template-columns:repeat(14,1fr);gap:5px;transform:perspective(600px) rotateX(15deg) rotateZ(-8deg)}.memory-grid i{background:#d6ff6422;border:1px solid #d6ff6433}.memory-grid i.lit{background:var(--acid);box-shadow:0 0 16px #d6ff6433}.memory-grid i.bad{background:#bfa5f7;border-color:#bfa5f7;transform:translate(6px,-6px)}.memory-label{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;color:var(--acid);font-size:9px}.memory-label span{color:var(--muted);font-size:7px}.quest{background:#201c29;display:grid;place-items:center}.quest-window{width:77%;background:#16141b;border:1px solid #574a68;transform:rotate(-4deg);box-shadow:16px 18px 0 #bfa5f70c;padding:0 18px 15px}.window-bar{height:36px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #574a68;margin-bottom:8px}.window-bar i{width:5px;height:5px;border:1px solid #8c7da0;border-radius:50%}.window-bar span{margin-left:auto;font:8px var(--mono);color:#a998bf}.quest-line{padding:12px 0;border-bottom:1px solid #ffffff0f;font:8px var(--mono);display:flex;gap:15px}.quest-line span{color:#a998bf}.quest-line b{margin-left:auto;color:#bfa5f7}.progress{height:3px;background:#ffffff15;margin-top:18px}.progress span{display:block;width:64%;height:100%;background:#bfa5f7}.quest-window p{font-size:7px;color:#a998bf;margin-bottom:0}.project-info{padding-top:19px}.project-info>.mono{color:var(--muted);font-size:8px}.project h3{font:500 27px var(--display);letter-spacing:-1px;display:flex;justify-content:space-between;margin:9px 0}.project h3 span{font-size:22px;color:var(--muted)}.project:hover h3 span{color:var(--acid)}.project-info p{font-size:13px;color:var(--muted);margin:0}.wide{grid-column:1/-1}.experiment{background:#d6ff64;color:var(--bg);height:300px}.experiment .visual-meta{color:#435126}.experiment-title{position:absolute;left:32px;top:72px;font:600 clamp(35px,5.5vw,78px)/.98 var(--display);letter-spacing:-.06em}.experiment-title em{font-style:normal;-webkit-text-stroke:1px var(--bg);color:transparent}.experiment-caption{position:absolute;bottom:20px;left:32px;font-size:8px}.wave-art{position:absolute;right:0;top:0;width:53%;height:100%;background:repeating-radial-gradient(ellipse at 85% 100%,transparent 0px,transparent 7px,#243516 8px,transparent 9px);transform:skewY(-12deg) scale(1.3);opacity:.7}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;border-top:1px solid var(--line);background:#151812}.identity-mark{font:200px/.9 Georgia,serif;color:var(--acid);margin:45px 0 0 40px;transform:rotate(-10deg);display:inline-block}.identity-mark span{display:block;font:9px var(--mono);color:var(--muted);text-align:center;margin-top:20px;transform:rotate(10deg)}.about h2{font-size:44px;margin-bottom:28px}.about p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.8}.about-tags{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px;font-size:8px;color:var(--acid)}.cv{margin-top:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font-size:13px}.cv summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}.cv p{font-size:13px!important}.connect{padding-top:100px;padding-bottom:65px}.connect h2{font-size:clamp(45px,7vw,100px)}.connect h2 span{color:var(--acid)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:35px;gap:25px}.contact-bottom p{font-size:14px;line-height:1.7;color:var(--muted)}.contact-bottom a{background:var(--acid);color:var(--bg);padding:17px 23px;font-size:12px}footer{margin:0 4.5%;padding:24px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);width:min(700px,90vw);max-height:85vh;padding:30px}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;color:var(--muted)}.dialog-top button,.dialog-back{background:transparent;border:0;font:10px var(--mono)}dialog h2{font:500 48px var(--display);letter-spacing:-2px;margin:0 0 20px}dialog p{color:var(--muted);line-height:1.8}dialog h3{font:12px var(--mono);color:var(--acid);margin-top:28px}.dialog-back{margin-top:25px;color:var(--acid);padding:12px 0}.skip{position:fixed;top:-100px;left:20px;background:var(--acid);color:var(--bg);padding:12px;z-index:20}.skip:focus{top:10px}@keyframes glitch{0%,92%,96%,100%{transform:translateX(0);opacity:0}93%,95%{transform:translateX(7px);opacity:1}94%{transform:translateX(-4px);opacity:1}}@keyframes marquee{to{transform:translateX(-50%)}}body.calm *,body.calm *:after{animation:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:after{animation:none!important;transition:none!important}}@media(min-width:1500px){header,main,footer{max-width:1600px;margin-left:auto;margin-right:auto}header,footer{padding-left:4.5%;padding-right:4.5%}}@media(max-width:760px){header{height:75px}nav{gap:15px;font-size:9px}.motion{font-size:8px;padding:8px}.motion span{margin-left:5px}.hero-top{font-size:8px}.hero-grid{grid-template-columns:1fr;padding:45px 0 30px;gap:35px}.hero h1{font-size:76px}.signal{height:330px}.hero-bottom{font-size:7px}.hero-bottom>span:first-child{max-width:60%}.section{padding:60px 5%}.section-head{align-items:start;gap:20px}.section-head>p{font-size:11px;max-width:40%}.section h2{font-size:40px}.projects{grid-template-columns:1fr}.wide{grid-column:auto}.project-visual{height:290px}.experiment-title{font-size:44px;top:80px;left:20px}.experiment-caption{left:20px}.about{grid-template-columns:1fr;gap:25px}.identity-mark{display:none}.about h2{font-size:36px}.contact-bottom{align-items:start;flex-direction:column}.connect h2{font-size:52px}footer{flex-wrap:wrap;font-size:7px}footer>span:nth-child(2){display:none}.memory-grid{left:40px;right:40px}.signal-top,.signal-bottom{font-size:7px}.intro{font-size:15px}}@media(max-width:380px){.hero h1{font-size:64px}nav{gap:10px}.motion{padding:6px}.brand{font-size:27px}}
/* Version 2 — a quieter personal index. */
:root{--bg:#f3f2ee;--panel:#ebeae5;--ink:#282a2d;--muted:#717378;--line:#d7d7d0;--acid:#4d5fca;--serif:'Instrument Serif',Georgia,serif}body{background:var(--bg)}header{height:100px;margin:0 6%;gap:25px}.brand{font-size:29px;letter-spacing:-1.5px;font-weight:500}nav{gap:30px;font-family:'DM Sans',sans-serif;font-size:12px}.motion{border:0;color:var(--muted);padding:8px 0;font-size:9px}.motion span{margin-left:7px}.hero{padding:27px 6% 0}.hero-top{font-size:8px;letter-spacing:.06em}.hero-top .dot{width:4px;height:4px;box-shadow:none}.hero-grid{grid-template-columns:1.4fr 1fr;gap:0;padding:100px 0 90px;position:relative;min-height:510px}.hero-copy{z-index:2}.eyebrow{font-size:9px;letter-spacing:.1em}.hero-copy>.eyebrow{margin-bottom:35px}.hero h1{font-family:var(--display);font-size:clamp(48px,5.1vw,81px);letter-spacing:-.065em;line-height:1.1;font-weight:400;width:125%;margin-bottom:32px}.hero-serif,.serif{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.035em;color:var(--acid)}.hero-serif{display:inline-block}.intro{font-size:14px;line-height:1.85}.cta{border-color:var(--line);font-size:12px;margin-top:10px;padding:14px 0;gap:75px;transition:border-color .3s}.cta:hover{border-color:var(--acid)}.cta span{font-size:18px;transition:transform .4s}.cta:hover span{transform:translateY(4px)}.signal{height:340px;border:0;background:none;overflow:visible}.signal:after,.signal-cross{display:none}.signal-top{top:2px;font-size:7px;left:40px;right:0}.signal-top span:last-child{display:none}.signal-bottom{bottom:0;left:40px;right:0;font-size:7px}.signal-bottom>span:last-child{display:none}.signal canvas{opacity:.8}.hero-bottom{font-size:7px;padding-bottom:30px;border-bottom:1px solid var(--line)}.section{padding:90px 6%}.section h2{font-size:clamp(39px,4.3vw,66px);font-weight:400;line-height:1.07}.section-head{margin-bottom:44px}.section-head>p{font-size:12px}.filters{gap:24px;border-bottom:1px solid var(--line);margin-bottom:27px}.filters button{border:0;padding:0 0 13px;font-size:10px;position:relative;transition:color .3s}.filters button.active{background:none;color:var(--ink)}.filters button:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .35s}.filters button.active:after{transform:scaleX(1)}.filters span{color:var(--muted);font-size:8px;margin-left:4px}.projects{gap:38px 25px}.project-visual{border:0;height:290px;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project:hover .project-visual{transform:translateY(-4px)}.project h3{font-size:23px;letter-spacing:-.7px;margin:10px 0}.project h3 span{transition:transform .4s}.project:hover h3 span{transform:translate(3px,-3px)}.project-info>.mono{font-size:7px}.project-info p{font-size:12px}.visual-meta{font-size:7px}.memory{background:#e5e8ed}.memory-grid{inset:60px 60px 65px;gap:6px;transform:perspective(700px) rotateX(25deg) rotateZ(-12deg);transition:transform 1s cubic-bezier(.2,.7,.2,1)}.project:hover .memory-grid{transform:perspective(700px) rotateX(10deg) rotateZ(-5deg)}.memory-grid i{background:#4d5fca12;border:1px solid #4d5fca25}.memory-grid i.lit{background:#6978c9;box-shadow:none}.memory-grid i.bad{background:#ab9b8f;border-color:#ab9b8f}.memory-label{font-size:8px}.memory-label span{font-size:6px}.quest{background:#e8e5df}.quest-window{background:#f5f3ee;border:1px solid #c5c1b8;box-shadow:14px 15px 0 #d4cfc64d;transform:rotate(-3deg);transition:transform 1s cubic-bezier(.2,.7,.2,1)}.project:hover .quest-window{transform:rotate(0deg)}.window-bar{border-color:var(--line)}.window-bar span,.window-bar i,.quest-window p{color:#7c786f}.quest-line{border-color:var(--line)}.quest-line span,.quest-line b{color:#8e8170}.progress{background:var(--line)}.progress span{background:#8e8170}.experiment{height:240px;background:#e3e7e2;color:#3c4c42}.experiment .visual-meta{color:#68796d}.experiment-title{font-weight:400;font-size:clamp(35px,4.3vw,60px);line-height:1.06;top:60px}.experiment-title em{font-family:var(--serif);font-style:italic;color:#647a69;-webkit-text-stroke:0;letter-spacing:-.02em}.experiment-caption{font-size:7px}.wave-art{opacity:.16;background:repeating-radial-gradient(ellipse at 85% 100%,transparent 0px,transparent 9px,#3e6551 10px,transparent 11px);transition:transform 1.5s}.project:hover .wave-art{transform:skewY(-7deg) scale(1.4)}.journal{border-top:1px solid var(--line)}.journal-tabs{display:flex;border-bottom:1px solid var(--line);gap:35px;margin-bottom:35px}.journal-tabs button{background:none;border:0;padding:0 0 16px;position:relative;font-size:13px;color:var(--muted)}.journal-tabs button span{font:8px var(--mono);margin-left:7px;color:var(--muted)}.journal-tabs button[aria-selected=true]{color:var(--ink)}.journal-tabs button:after{content:'';position:absolute;bottom:-1px;left:0;right:0;background:var(--acid);height:1px;transform:scaleX(0);transform-origin:left;transition:transform .4s}.journal-tabs button[aria-selected=true]:after{transform:scaleX(1)}.journal-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.journal-panel[hidden]{display:none}.journal-art{height:330px;position:relative;padding:40px;overflow:hidden;display:flex;align-items:center}.journal-art small{position:absolute;bottom:25px;left:30px;font:7px var(--mono);letter-spacing:.1em}.writing-art{background:#e9e5e2;color:#7c625d}.writing-art:after{content:'';position:absolute;top:0;bottom:0;left:25px;border-left:1px solid #7c625d20}.writing-art>span{font:56px/1.1 var(--serif);letter-spacing:-2px;transform:rotate(-5deg)}.writing-art i{font-weight:400}.journal-copy h3{font:400 35px/1.15 var(--display);letter-spacing:-1.2px;margin:0 0 20px}.journal-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:335px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px;transition:border-color .3s}.text-link:hover{border-color:var(--acid)}.text-link span{color:var(--acid)}.coming{font-size:8px;display:block;margin-top:28px;color:var(--muted)}.video-art{background:#dfe4e9;color:#6d8193;justify-content:center}.video-art:before,.video-art:after{content:'';position:absolute;inset:40px 30px;border-top:1px solid #6d819333;border-bottom:1px solid #6d819333}.play-symbol{font-size:55px;font-weight:400}.frame-corner{position:absolute;left:30px;top:30px;font-size:35px}.notes-art{background:#e5e7e1;color:#6d7866}.notes-art>span{font:28px/1.8 var(--mono);letter-spacing:-1px}.cursor{animation:blink 1.8s steps(1) infinite}.background{border-top:1px solid var(--line)}.background-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:12%}.bio h3{font-size:21px;font-weight:400;letter-spacing:-.5px;margin:0 0 25px}.bio p{font-size:14px;color:var(--muted);line-height:1.9}.cv-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.cv-heading h3{font-size:15px;font-weight:500;margin:0}.cv-heading>span{font-size:7px;color:var(--muted)}.qualifications details{border-top:1px solid var(--line);padding:18px 0}.qualifications summary{display:flex;gap:20px;align-items:center;cursor:pointer;font-size:12px;list-style:none}.qualifications summary::-webkit-details-marker{display:none}.qualifications summary>span{font:8px var(--mono);color:var(--muted)}.qualifications summary b{font-size:16px;font-weight:400;margin-left:auto;color:var(--muted)}.qualification-content{padding:10px 0 0 35px}.qualification-content h4{font-size:13px;font-weight:400;margin:15px 0 6px}.qualification-content p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.cv-file{border:1px solid var(--line);margin-top:20px;padding:20px;display:flex;gap:18px;align-items:center}.file-icon{font:25px var(--mono);color:var(--acid)}.cv-file strong{display:block;font-size:12px;font-weight:400}.cv-file div>span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.cv-file>.mono{margin-left:auto;font-size:8px;color:var(--muted)}.connect{border-top:1px solid var(--line);padding-top:80px}.connect h2{font-size:clamp(42px,6vw,84px)}.contact-bottom p{font-size:12px}.contact-bottom a{background:transparent;color:var(--ink);border-bottom:1px solid var(--line);padding:13px 0;transition:border-color .3s}.contact-bottom a:hover{border-color:var(--acid)}footer{margin:0 6%;font-size:7px}.dialog-top{margin-bottom:35px}dialog{padding:35px;border:1px solid var(--line);background:var(--bg);box-shadow:0 20px 100px #2222}dialog::backdrop{background:#262a3450;backdrop-filter:blur(10px)}dialog[open]{animation:dialog-in .45s cubic-bezier(.2,.7,.2,1)}dialog h2{font-size:42px;font-weight:400}dialog h3{font-size:10px}dialog p{font-size:14px}.reveal{transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.waiting{opacity:0;transform:translateY(24px)}body.calm .reveal.waiting{opacity:1;transform:none}.journal-panel.entering{animation:panel-in .55s cubic-bezier(.2,.7,.2,1)}@keyframes panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes blink{50%{opacity:0}}@media(max-width:760px){header{height:85px;margin:0 5%;gap:15px}.brand{font-size:26px}nav{gap:14px;font-size:10px}.motion{font-size:7px}.motion span{margin-left:3px}.hero{padding:22px 5% 0}.hero-top{font-size:7px}.hero-grid{grid-template-columns:1fr;padding:65px 0 30px;min-height:0;gap:10px}.hero h1{width:100%;font-size:clamp(40px,7.3vw,57px);letter-spacing:-.055em;line-height:1.12;margin-bottom:22px}.hero-serif{max-width:100%}.hero-copy>.eyebrow{font-size:7px;margin-bottom:25px}.intro{font-size:12px}.signal{height:250px;margin-top:18px}.signal-top{left:0;font-size:6px}.signal-bottom{left:0;font-size:6px}.hero-bottom{font-size:6px;padding-bottom:22px}.hero-bottom>span:first-child{max-width:65%}.section{padding:60px 5%}.section h2{font-size:40px}.section-head{gap:20px}.section-head>p{font-size:10px;max-width:43%}.filters{gap:20px}.filters button{font-size:8px}.project-visual{height:270px}.experiment{height:235px}.experiment-title{font-size:40px;left:22px;top:70px}.experiment-caption{font-size:6px;left:22px}.journal-tabs{gap:25px}.journal-tabs button{font-size:11px}.journal-panel{grid-template-columns:1fr;gap:30px}.journal-art{height:280px}.journal-copy h3{font-size:30px}.journal-copy>p:not(.eyebrow){font-size:13px;max-width:none}.journal-copy .eyebrow{margin-bottom:18px}.background-grid{grid-template-columns:1fr;gap:40px}.bio p{font-size:13px}.connect h2{font-size:44px}.contact-bottom{gap:12px}footer{margin:0 5%}.desktop-break{display:none}}@media(max-width:390px){nav{gap:10px;font-size:9px}header{gap:10px}.brand{font-size:24px}.hero h1{font-size:40px}.hero-top{font-size:6px}.journal-tabs{gap:18px}.filters{gap:15px}}
/* Version 3 — scroll through a connected mind. */
.graph-site{overflow-x:hidden}.graph-site header{position:fixed;inset:0 0 auto;height:80px;margin:0 4%;z-index:20;background:var(--bg)}.graph-site main{max-width:none;margin:80px 0 0;height:calc(700vh - 80px);position:relative}.graph-stage{position:sticky;top:80px;height:calc(100svh - 80px);min-height:560px;display:grid;grid-template-columns:56% 44%;overflow:hidden}.map{position:relative;min-width:0;overflow:hidden;background-image:radial-gradient(#b4b5b54a .65px,transparent .65px);background-size:24px 24px;mask-image:linear-gradient(to right,#000 93%,transparent)}.map-label{position:absolute;left:7.2%;top:35px;color:var(--muted);font-size:7px;z-index:3;letter-spacing:.12em}.map-label>span{opacity:.5;margin-left:12px}#graph-lines,#graph-world{position:absolute;inset:0;width:100%;height:100%;overflow:visible}#graph-world{pointer-events:none}.map-edge{fill:none;stroke:#c8cbd4;stroke-width:1;transition:stroke .7s,opacity .7s}.map-edge.connected{stroke:#7786c0;stroke-width:1.2}.edge-signal{fill:none;stroke:var(--acid);stroke-width:2;stroke-dasharray:3 170;animation:travel 12s linear infinite;opacity:.55}.graph-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;border:0;background:none;padding:20px;color:var(--muted);pointer-events:auto;white-space:nowrap;isolation:isolate}.node-point{width:10px;height:10px;border-radius:50%;background:#a4a9b5;position:relative;transition:background .6s,box-shadow .6s,transform .6s}.graph-node.root .node-point{width:16px;height:16px;background:var(--acid)}.graph-node.active .node-point{background:var(--acid);box-shadow:0 0 0 8px #4d5fca0c,0 0 0 20px #4d5fca05;transform:scale(1.2)}.graph-node:hover .node-point{background:var(--acid);box-shadow:0 0 0 10px #4d5fca10}.node-title{font-family:var(--display);font-size:13px;letter-spacing:-.25px;transition:color .5s}.graph-node.root .node-title{font-size:22px;letter-spacing:-.8px;color:var(--ink)}.graph-node.active .node-title{color:var(--acid)}.node-subtitle{font:6px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-top:-7px;opacity:.7}.node-halo{position:absolute;inset:7px 0 auto;height:40px;z-index:-1;border-radius:50%;filter:blur(12px);background:var(--bg)}.graph-satellite{position:absolute;transform:translate(-50%,-50%);font:8px var(--mono);color:#9699a2;white-space:nowrap;pointer-events:none}.graph-satellite:before{content:'';display:inline-block;width:3px;height:3px;background:#adb3c3;border-radius:50%;margin-right:7px;vertical-align:middle}.map-caption{position:absolute;bottom:85px;left:7.2%;display:flex;flex-direction:column;gap:11px;pointer-events:none}.map-caption>.mono{font-size:7px;color:var(--muted);letter-spacing:.1em}.map-hint{font-size:11px;color:var(--muted)}.overview{position:absolute;left:7.2%;bottom:33px;border:1px solid var(--line);background:var(--bg);padding:9px 13px;font:9px var(--mono);color:var(--muted);transition:background .4s,color .4s}.overview[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chapter-pane{position:relative;padding:65px 12% 80px 7%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;align-content:center;outline:none}.chapter{max-width:530px;margin:auto 0;animation:chapter-in .65s cubic-bezier(.2,.7,.2,1)}.chapter[hidden]{display:none}.chapter .eyebrow{font-size:8px;margin-bottom:33px;letter-spacing:.12em}.chapter h1,.chapter h2{font:400 clamp(36px,3.7vw,62px)/1.12 var(--display);letter-spacing:-.055em;margin:0 0 28px}.chapter .serif{white-space:normal}.chapter-intro{font-size:17px;line-height:1.65;color:#4c5058;letter-spacing:-.2px}.chapter-copy{font-size:13px;line-height:1.9;color:var(--muted);max-width:390px}.chapter .text-link{font-size:11px;margin-top:13px;gap:50px}.chapter-foot{font-size:7px;color:var(--muted);margin-top:65px;display:flex;gap:25px}.chapter-next{display:block;font-size:7px;letter-spacing:.1em;color:var(--acid);margin-top:37px;width:fit-content;padding:8px 0}.graph-projects{margin-top:35px}.graph-projects button{display:flex;width:100%;background:none;border:0;border-top:1px solid var(--line);padding:22px 0;gap:18px;text-align:left;align-items:center;transition:padding .5s}.graph-projects button:last-child{border-bottom:1px solid var(--line)}.graph-projects button:hover{padding-left:9px}.graph-projects button>.project-number{font:8px var(--mono);color:var(--muted)}.graph-projects h3{font-size:18px;font-weight:400;letter-spacing:-.6px;margin:0 0 6px}.graph-projects p{font-size:10px;margin:0;color:var(--muted)}.graph-projects button>span:last-child{margin-left:auto;color:var(--acid)}.chapter-art{height:190px;margin:28px 0;position:relative;overflow:hidden}.chapter-art small{position:absolute;left:20px;bottom:15px;font:6px var(--mono);letter-spacing:.12em}.quote-art{background:#e9e5e2;padding:20px 30px;color:#816a65}.quote-art>span{font:48px/.95 var(--serif);display:block;transform:rotate(-5deg)}.quote-art i{font-weight:400}.film-art{background:#e1e5e8;color:#7c8b9c;padding:15px 20px}.film-art>span{font-size:24px}.film-art>div{position:absolute;inset:0;display:grid;place-items:center;font:100px var(--serif);opacity:.6}.film-art:after{content:'';position:absolute;inset:24px;border:1px solid #7c8b9c28}.status-note{font-size:7px;color:var(--muted);display:inline-block;border-bottom:1px solid var(--line);padding:12px 0}.note-paper{padding:25px;background:#e6e8e1;margin:30px 0;color:#727d69}.note-paper>.mono{font-size:7px}.note-paper p{font:12px/2.4 var(--mono);margin-top:30px}.chapter .qualifications{margin-top:30px}.chapter .qualifications details{padding:14px 0}.chapter .cv-file{padding:15px;margin-top:12px}.chapter .qualification-content h4{font-size:12px}.chapter .qualification-content p{font-size:11px}.journey-progress{position:absolute;bottom:30px;right:5.2%;width:33%;display:flex;align-items:center;gap:15px;color:var(--muted)}.journey-progress .mono{font-size:7px;white-space:nowrap}.progress-track{flex:1;background:var(--line);height:1px}.progress-track i{display:block;height:1px;background:var(--acid);width:0;transition:width .15s}.chapter-dots{position:absolute;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px}.chapter-dots a{display:grid;place-items:center;width:20px;height:20px}.chapter-dots a:after{content:'';width:4px;height:4px;border-radius:50%;background:var(--line);transition:background .4s,box-shadow .4s}.chapter-dots a[aria-current=step]:after{background:var(--acid);box-shadow:0 0 0 4px #4d5fca0d}.scroll-stops{position:absolute;inset:0;pointer-events:none;z-index:-1}.scroll-stops>div{height:100vh;scroll-margin-top:0}.no-script{position:fixed;inset:100px 10%;z-index:100;background:var(--bg);padding:40px}.map.overview-mode .graph-satellite{opacity:.5}.map.overview-mode .node-title{font-size:11px}@keyframes travel{to{stroke-dashoffset:-346}}@keyframes chapter-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-height:760px) and (min-width:761px){.chapter-pane{padding-top:35px;padding-bottom:65px;align-content:start}.chapter h1,.chapter h2{font-size:43px}.chapter .eyebrow{margin-bottom:25px}.chapter-art{height:145px}.chapter-foot{margin-top:30px}.chapter-next{margin-top:20px}.chapter-intro{font-size:15px}}@media(max-width:760px){.graph-site header{height:68px;margin:0 5%}.graph-site main{margin-top:68px;height:calc(700vh - 68px)}.graph-stage{top:68px;height:calc(100svh - 68px);min-height:500px;grid-template-columns:1fr;grid-template-rows:34% 66%}.map{mask-image:linear-gradient(to bottom,#000 94%,transparent)}.map-label{left:6%;top:16px;font-size:6px}.map-label>span{display:none}.map-caption{display:none}.overview{left:auto;right:5%;bottom:12px;padding:7px 9px;font-size:7px}.node-title{font-size:10px}.graph-node.root .node-title{font-size:17px}.node-subtitle{font-size:5px}.graph-node{gap:8px;padding:12px}.node-point{width:7px;height:7px}.graph-node.root .node-point{width:10px;height:10px}.graph-satellite{font-size:6px}.chapter-pane{padding:23px 10% 55px 7%;align-content:start}.chapter .eyebrow{font-size:6px;margin-bottom:20px}.chapter h1,.chapter h2{font-size:36px;margin-bottom:18px}.chapter-intro{font-size:14px;line-height:1.6}.chapter-copy{font-size:11px;line-height:1.8}.chapter .text-link{font-size:10px;padding:10px 0;margin-top:5px}.chapter-foot{font-size:6px;margin-top:25px}.chapter-next{font-size:6px;margin-top:20px}.journey-progress{width:82%;right:9%;bottom:16px;gap:12px;background:var(--bg);box-shadow:0 0 0 12px var(--bg)}.journey-progress .mono{font-size:6px}.chapter-dots{right:6px;top:65%;gap:6px}.chapter-dots a{width:17px;height:17px}.graph-projects{margin-top:20px}.graph-projects button{padding:16px 0;gap:14px}.graph-projects h3{font-size:16px}.graph-projects p{font-size:9px}.chapter-art{height:125px;margin:18px 0}.quote-art>span{font-size:36px}.chapter-art small{font-size:5px}.note-paper{margin:20px 0;padding:18px}.note-paper p{font-size:10px;line-height:2}.chapter .qualifications{margin-top:18px}.chapter .qualifications details{padding:11px 0}.chapter .qualification-content{padding-left:0}.chapter .qualification-content h4{font-size:11px;margin-top:10px}.chapter .qualification-content p{font-size:10px}.chapter .cv-file{padding:10px}.cv-file strong{font-size:11px}.cv-file div>span{font-size:9px}}
@media(max-width:760px){.graph-node .node-subtitle{display:none}.graph-node{gap:6px}.map-label{top:10px;z-index:5;background:var(--bg);padding:4px 0}.graph-satellite{display:none}.graph-node.root .node-title{font-size:14px}.graph-node .node-title{font-size:9px}.overview{bottom:5px;font-size:6px;padding:6px 8px}.map{mask-image:linear-gradient(to bottom,#000 90%,transparent)}}
/* A personal atlas: color, marginalia, and signs of life. */
:root{--bg:#f3f0e9;--ink:#292b35;--muted:#72737e;--line:#dbd5cd;--acid:#b95f43;--chapter-color:#b95f43}.graph-site{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23877764' opacity='.035' filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}.graph-site header{background:var(--bg)}.brand span{color:#b95f43}.map{background-image:radial-gradient(#a99a854a .7px,transparent .7px);background-size:22px 22px}.map:before{content:'';position:absolute;inset:12% 0 15%;background:radial-gradient(ellipse at 35% 40%,#c2b5de30,transparent 45%),radial-gradient(ellipse at 70% 65%,#e7bf9a26,transparent 50%);pointer-events:none;filter:blur(25px)}.map-label{letter-spacing:.13em}.map-label:before{content:'✳';font-size:13px;color:var(--acid);margin-right:12px;vertical-align:middle}.atlas-note{position:absolute;left:17%;top:13%;font:italic 22px/.95 var(--serif);color:#9b765b;transform:rotate(-10deg);opacity:.8;pointer-events:none;z-index:2}.atlas-note em{font-weight:400}.atlas-note>span{position:absolute;font:35px var(--serif);right:-35px;bottom:-30px;transform:rotate(30deg)}.graph-node{gap:11px}.node-point{display:grid;place-items:center;width:28px;height:28px;background:var(--bg);border:1px solid color-mix(in srgb,var(--node-color) 45%,transparent);color:var(--node-color);font:14px var(--display);box-shadow:0 0 0 5px #f3f0e9b0;border-radius:50%;transition:background .5s,transform .5s,border-color .5s,box-shadow .5s}.graph-node.root .node-point{width:61px;height:61px;background:#bb684e;color:var(--bg);border:0;font-size:44px;box-shadow:0 0 0 7px #bb684e10,0 0 0 19px #bb684e06;border-radius:44% 55% 47% 53%;animation:root-breathe 12s ease-in-out infinite}.graph-node.root .node-title{font-family:var(--serif);font-style:italic;font-size:32px;letter-spacing:-1px}.graph-node.active .node-point{background:var(--node-color);color:var(--bg);border-color:var(--node-color);box-shadow:0 0 0 7px color-mix(in srgb,var(--node-color) 9%,transparent),0 0 0 16px color-mix(in srgb,var(--node-color) 4%,transparent);transform:scale(1.08)}.graph-node.active .node-title{color:var(--node-color)}.graph-node:hover .node-point{background:var(--node-color);color:var(--bg);transform:translateY(-3px) rotate(-8deg);box-shadow:0 7px 25px color-mix(in srgb,var(--node-color) 18%,transparent)}.node-title{font-size:13px;font-weight:500}.node-subtitle{font-size:6px}.node-halo{height:60px;top:0;inset-inline:-6px}.map-edge{opacity:.33;stroke-width:1}.map-edge.connected{opacity:.7;stroke-width:1.4}.map-edge.hover-connected{opacity:1;stroke-width:2}.map-edge.hover-dim{opacity:.12}.edge-signal{stroke-dasharray:2 230;stroke-width:3;opacity:.7;animation-duration:14s}.map-caption>.mono{color:#a1674c}.map-hint{font-family:var(--serif);font-style:italic;font-size:17px}.overview{border-radius:20px;background:#f3f0e9c9;padding:10px 15px}.chapter-pane{border-left:1px solid #d9d0c780;background:linear-gradient(135deg,#fff6,transparent 70%);isolation:isolate}.chapter-pane:before{content:attr(data-chapter);font:italic 230px/.8 var(--serif);letter-spacing:-15px;color:var(--chapter-color);opacity:.045;position:absolute;top:3%;right:10%;z-index:-1;pointer-events:none;transition:color .7s}.chapter .eyebrow{display:flex;align-items:center;gap:12px;color:var(--chapter-color)}.chapter .eyebrow:before{content:'';display:block;width:17px;height:1px;background:var(--chapter-color)}.chapter .serif{color:var(--chapter-color)}.chapter h1,.chapter h2{font-weight:400;line-height:1.03;font-size:clamp(40px,4.2vw,68px);margin-bottom:30px}.chapter-intro{font-size:17px}.chapter .text-link span,.chapter-next{color:var(--chapter-color)}.interest-strips{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.interest-strips span{padding:6px 10px;border:1px solid #cdbfafa0;font:8px var(--mono);color:#977760;transform:rotate(-3deg)}.interest-strips span:nth-child(2){transform:rotate(2deg);border-color:#b9b0c9;color:#827295}.interest-strips span:nth-child(3){transform:rotate(-1deg);border-color:#a9c3b7;color:#658d7a}.graph-projects a{display:flex;width:100%;background:none;border:0;border-top:1px solid var(--line);padding:22px 0;gap:18px;text-align:left;align-items:center;transition:padding .5s,background .5s}.graph-projects a:last-child{border-bottom:1px solid var(--line)}.graph-projects a:hover{padding-left:10px;background:#7c6dba06}.graph-projects a>.project-number{font:8px var(--mono);color:var(--muted)}.graph-projects a>span:last-child{margin-left:auto;color:var(--chapter-color)}.graph-projects a:before{content:'⌘';display:grid;place-items:center;width:36px;height:43px;border-radius:3px;flex-shrink:0;font:19px var(--serif);background:#e2dbef;color:#7c6dba;transform:rotate(-5deg)}.graph-projects a:nth-child(2):before{content:'↗';background:#e9d6c8;color:#ae7253;transform:rotate(3deg)}.graph-projects a:nth-child(3):before{content:'✳';background:#d9e4dc;color:#618b78;transform:rotate(-2deg)}.graph-projects .project-number{display:none}.collection-link{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:20px;padding:8px 0}.collection-link:hover{color:var(--chapter-color)}.quote-art{background:#e7dce5;color:#a06082;border-radius:2px}.quote-art:after{content:'“';position:absolute;right:20px;top:-25px;font:200px var(--serif);opacity:.12}.quote-art>span{font-size:59px}.film-art{background:#e7d7c4;color:#a77849}.film-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 30px,#f3f0e944 30px 31px)}.film-art>div{border-radius:50%;background:radial-gradient(circle,#c99a6740,transparent 60%)}.note-paper{transform:rotate(-1deg);box-shadow:3px 4px 0 #d8d8cb66;background:repeating-linear-gradient(0deg,#e6e9df,#e6e9df 27px,#b6bfb92e 28px);border-left:2px solid #89a69a}.companion-link{display:block;font:8px var(--mono);color:var(--muted);margin-top:18px;width:fit-content}.companion-link:hover{color:var(--chapter-color)}.social-links{display:flex;gap:24px;margin-top:25px;font:10px var(--mono);color:var(--muted)}.social-links a:hover{color:var(--acid)}.progress-track i{background:var(--chapter-color)}.chapter-dots a[aria-current=step]:after{background:var(--chapter-color)}.graph-site .cv-file{background:#ffffff40;border-style:dashed}.no-script a{border-bottom:1px solid var(--acid)}@keyframes root-breathe{0%,100%{border-radius:44% 55% 47% 53%;transform:rotate(0)}50%{border-radius:55% 45% 55% 45%;transform:rotate(10deg)}}@media(max-height:760px) and (min-width:761px){.chapter h1,.chapter h2{font-size:46px}.interest-strips{margin-top:18px}.chapter-foot{margin-top:25px}.atlas-note{top:10%;font-size:20px}}@media(max-width:760px){.atlas-note{display:none}.graph-node.root .node-point{width:30px;height:30px;font-size:23px;box-shadow:0 0 0 5px #bb684e0b}.graph-node.root .node-title{font-size:19px}.node-point{width:18px;height:18px;font-size:10px;box-shadow:0 0 0 3px #f3f0e9b0}.graph-node{gap:5px}.graph-node.active .node-point{box-shadow:0 0 0 5px color-mix(in srgb,var(--node-color) 8%,transparent)}.chapter-pane{border-left:0;border-top:1px solid #d9d0c780;background:linear-gradient(135deg,#fff4,transparent 70%)}.chapter-pane:before{font-size:155px;top:4%;right:12%}.chapter h1,.chapter h2{font-size:39px;margin-bottom:20px}.chapter-intro{font-size:14px}.interest-strips{margin-top:20px;gap:6px}.interest-strips span{font-size:6px;padding:5px 7px}.graph-projects a{padding:15px 0;gap:12px}.graph-projects a:before{width:28px;height:34px;font-size:17px}.collection-link{font-size:9px;margin-top:13px}.quote-art>span{font-size:40px}.companion-link{font-size:7px;margin-top:12px}.chapter .text-link{font-size:10px}.social-links{font-size:9px;gap:20px}.chapter-foot{margin-top:25px}.overview{font-size:6px;padding:6px 9px}.graph-node .node-title{font-size:9px}}
/* Enter a location in the atlas. The map is the entire stage. */
.graph-site{scroll-behavior:auto}.graph-site .graph-stage{display:block;isolation:isolate}.graph-stage .map{position:absolute;inset:0;mask-image:none;background-size:25px 25px}.map:before{inset:0;background:radial-gradient(ellipse at 50% 35%,#c2b5de25,transparent 50%),radial-gradient(ellipse at 70% 65%,#e7bf9a22,transparent 50%)}.graph-stage .chapter-pane{position:absolute;top:25%;left:50%;transform:translateX(-50%);width:min(510px,80vw);max-height:65%;padding:30px 38px 28px;border:1px solid #d2c5b35c;background:#f7f4edef;border-radius:4px;box-shadow:0 18px 80px #63544212,0 2px 10px #63544206;backdrop-filter:blur(18px);overflow-y:auto;align-content:start;transition:opacity .35s,filter .35s;z-index:5;scrollbar-width:thin}.chapter-pane:before{font-size:140px;top:12px;right:22px;opacity:.055;letter-spacing:-8px}.chapter{max-width:none}.chapter .eyebrow{font-size:7px;margin-bottom:23px}.chapter h1,.chapter h2{font-size:43px;margin-bottom:22px}.chapter-copy{font-size:12px;line-height:1.8}.chapter-intro{font-size:15px;line-height:1.7}.chapter .chapter-art{height:130px;margin:20px 0}.chapter .quote-art>span{font-size:40px}.chapter .graph-projects{margin-top:24px}.chapter .graph-projects a{padding:16px 0}.chapter .graph-projects h3{font-size:16px}.chapter .graph-projects p{font-size:9px}.chapter .graph-projects a:before{width:30px;height:35px;font-size:17px}.chapter .chapter-next{margin-top:24px}.chapter .note-paper{margin:23px 0}.chapter .note-paper p{font-size:10px}.chapter .chapter-foot{margin-top:25px}.chapter .interest-strips{margin-top:20px}.graph-stage .map-label{left:4%;top:28px}.graph-stage .overview{position:fixed;bottom:30px;left:4%;z-index:15;background:var(--bg);font-size:9px;box-shadow:0 3px 16px #00000006}.graph-stage .map-caption{left:auto;right:4%;bottom:85px;text-align:right;z-index:1;opacity:.6}.graph-stage .atlas-note{left:auto;right:14%;top:12%;font-size:22px}.graph-stage .journey-progress{bottom:35px;left:50%;right:auto;transform:translateX(-50%);width:30%;background:var(--bg);z-index:8;box-shadow:0 0 0 12px var(--bg)}.graph-stage .chapter-dots{right:3%;top:50%;z-index:10}.location-marker{position:absolute;left:50%;top:20%;transform:translateX(-50%);font-size:7px;color:var(--chapter-color);display:flex;gap:9px;align-items:center;opacity:.8;pointer-events:none;transition:opacity .3s}.location-marker span{font-size:17px}.graph-stage.is-focused .graph-node.active .node-point{width:42px;height:42px;font-size:21px}.graph-stage.is-focused .graph-node.active .node-title{font-size:15px}.graph-stage.is-focused .graph-node.active .node-subtitle{display:none}.graph-stage.is-focused .graph-node.root:not(.active) .node-point{width:35px;height:35px;font-size:25px}.graph-stage.is-focused .graph-node:not(.active){opacity:.55}.graph-stage.is-focused .graph-node:not(.active):hover{opacity:1}.graph-stage.is-focused .atlas-note{display:none}.graph-stage.is-home .chapter-pane{top:auto;bottom:11%;left:6%;transform:none;width:390px;max-height:65%;padding:24px 26px;background:#f3f0e9d9;border:0;box-shadow:none;backdrop-filter:blur(12px)}.graph-stage.is-home .chapter-pane:before{display:none}.graph-stage.is-home .chapter h1{font-size:44px}.graph-stage.is-home .chapter-copy{max-width:310px;font-size:11px}.graph-stage.is-home .chapter-intro{font-size:13px}.graph-stage.is-home .chapter-foot{display:none}.graph-stage.is-home .location-marker{display:none}.graph-stage.is-home .map-caption{display:none}.graph-stage.is-overview .chapter-pane{opacity:0;pointer-events:none}.graph-stage.is-overview .location-marker{display:none}.graph-stage.is-overview .map-caption{opacity:1}.graph-stage.flying .chapter-pane{opacity:0;filter:blur(6px);pointer-events:none}.graph-stage.flying .location-marker{opacity:0}.graph-site .chapter[hidden]{display:none}.graph-stage.is-overview .graph-node:not(.active){opacity:1}.graph-site .chapter-dots a{background:#f3f0e9a0;border-radius:50%}.chapter-pane:focus-visible{outline:1px solid var(--chapter-color);outline-offset:3px}@media(max-height:760px) and (min-width:761px){.graph-stage .chapter-pane{top:23%;max-height:65%;padding:22px 30px}.chapter h1,.chapter h2{font-size:35px}.chapter .chapter-art{height:95px}.chapter .chapter-next{margin-top:18px}.chapter .eyebrow{margin-bottom:18px}.graph-stage.is-home .chapter-pane{bottom:10%;top:auto;max-height:70%}.graph-stage.is-home .chapter h1{font-size:38px}.location-marker{top:18%}}@media(max-width:760px){.graph-site .graph-stage{display:block;min-height:500px}.graph-stage .chapter-pane{left:50%;top:24%;width:84%;max-height:64%;padding:21px 22px 24px;border:1px solid #d2c5b35c;background:#f7f4edf5;box-shadow:0 12px 50px #63544213}.chapter h1,.chapter h2{font-size:35px;margin-bottom:18px}.chapter .eyebrow{font-size:6px;margin-bottom:19px}.chapter-copy{font-size:11px}.chapter-intro{font-size:13px}.chapter .chapter-art{height:100px}.chapter .quote-art>span{font-size:33px}.graph-stage.is-home .chapter-pane{top:auto;left:7%;bottom:10%;width:80%;max-height:53%;padding:18px 20px}.graph-stage.is-home .chapter h1{font-size:36px}.graph-stage.is-home .chapter-intro{font-size:11px}.graph-stage.is-home .chapter-copy{font-size:10px}.graph-stage.is-home .interest-strips{display:none}.graph-stage.is-home .chapter .eyebrow{margin-bottom:17px}.graph-stage.is-home .chapter .text-link{font-size:10px}.graph-stage .map-label{left:6%;top:15px;font-size:6px}.graph-stage .overview{bottom:22px;left:6%;font-size:7px;padding:9px 12px}.graph-stage .journey-progress{left:auto;right:6%;bottom:27px;transform:none;width:39%;box-shadow:0 0 0 7px var(--bg)}.journey-progress #chapter-label{display:none}.graph-stage .chapter-dots{right:1%;top:55%}.graph-stage .map-caption{right:6%;bottom:85px;font-size:7px}.graph-stage .map-caption .mono{font-size:6px}.graph-stage .map-hint{font-size:13px}.graph-stage .atlas-note{display:none}.graph-stage.is-focused .graph-node.active .node-point{width:30px;height:30px;font-size:17px}.graph-stage.is-focused .graph-node.active .node-title{font-size:12px}.graph-stage.is-focused .graph-node .node-title{font-size:10px}.location-marker{top:19%;font-size:6px}.graph-stage.is-overview .map-caption{display:flex}.graph-stage .graph-satellite{display:none}}
.graph-stage .atlas-note{display:none}.graph-stage.is-home .chapter-pane{border-radius:4px}.graph-stage.is-focused .map-caption{opacity:.4}
.graph-stage .overview{right:auto;width:auto;max-width:45%}@media(max-width:760px){.graph-stage .overview{right:auto;width:auto;max-width:45%}.graph-stage .journey-progress{max-width:36%}}