.personal-collage{position:relative;min-width:0;width:100%;height:630px;background-image:linear-gradient(#8394a617 1px,transparent 1px),linear-gradient(90deg,#8394a617 1px,transparent 1px);background-size:50% 50%}.personal-window{position:absolute;display:block;background:var(--bg,#f9faf6);border:1px solid var(--fg,#283c36);padding:6px;width:42%;box-shadow:6px 8px 0 #758aa311;transition:transform .3s}.personal-window:hover{transform:translateY(-7px) rotate(0);z-index:5}.personal-window img{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:cover}.window-bar,.window-caption{display:block;font:7px/1.5 var(--mono);letter-spacing:.04em;padding:3px 0 6px}.window-bar{display:flex;justify-content:space-between}.window-bar b{font-size:11px;font-weight:normal}.window-caption{padding:6px 0 0}.window-0{left:5%;top:60px;width:44%;transform:rotate(-3deg)}.window-1{right:0;top:10px;width:31%;transform:rotate(4deg)}.window-2{left:0;bottom:15px;width:31%;transform:rotate(-2deg)}.window-3{right:4%;bottom:35px;width:43%;transform:rotate(3deg)}.personal-note{font:12px/1.6 var(--mono)!important;position:absolute;left:32%;top:50%;transform:rotate(-7deg);margin:0!important}.personal-note em{color:#426ed0;font-size:10px}.about-page-collage{max-width:960px;height:670px;margin:0 auto 90px}.about-page-collage .personal-window{max-width:230px}.about-page-collage .window-0{left:8%}.about-page-collage .window-1{right:8%;width:20%}.about-page-collage .window-2{left:38%;width:18%}.about-page-collage .window-3{right:0;width:23%}.about-page-collage .personal-note{left:40%;top:20%}.about .personal-collage{grid-column:1/-1;max-width:900px;justify-self:center;margin-top:55px}.about .personal-window{max-width:230px}.about .window-1{width:21%;right:8%}.about .window-2{left:38%;width:19%}.about .window-3{width:24%}.about .personal-note{left:43%;top:25%}@media(max-width:600px){.personal-collage,.about-page-collage{height:550px}.about .personal-collage{margin-top:35px}.about .window-0,.about-page-collage .window-0{width:43%;left:0;top:0}.about .window-1,.about-page-collage .window-1{width:38%;right:0;top:25px}.about .window-2,.about-page-collage .window-2{width:35%;left:2%;bottom:0}.about .window-3,.about-page-collage .window-3{width:43%;right:0;bottom:20px}.about .personal-note,.about-page-collage .personal-note{left:20%;top:48%;font-size:10px!important}}
/* Original biography emphasis, with quiet margins for hand-drawn companions. */
.illustrated-biography{position:relative;max-width:760px;padding:0 20px}.bio-block{margin:0 0 30px;color:#5c675e}.bio-block p{font-size:15px;line-height:1.9}.bio-block strong,.bio-block b{color:#273f36}.bio-introduction{font-size:18px;line-height:1.8}.bio-introduction>div>div:first-child,.bio-introduction>div>p:first-child{font-size:1.15em}.bio-heading{border-top:1px solid #c9d1c7;margin-top:65px;padding-top:20px;color:#244c41;font:700 22px/1.3 var(--mono);letter-spacing:-.03em}.bio-heading span{font-size:inherit!important}.bio-block i,.bio-block em{color:#4d6aa1}.bio-orbit{position:absolute;top:30px;width:135px;height:calc(100% - 100px);display:flex;flex-direction:column;justify-content:space-around;pointer-events:none}.bio-orbit-left{right:calc(100% + 28px)}.bio-orbit-right{left:calc(100% + 28px)}.bio-doodle{margin:0;transform:rotate(-9deg);opacity:.82}.bio-doodle:nth-child(even){transform:rotate(9deg)}.bio-doodle svg{width:110px;height:130px}.bio-doodle figcaption{font:italic 16px 'Cormorant Garamond',serif;color:#667f93;text-align:center}.bio-orbit-right .bio-doodle{transform:rotate(12deg)}
@media(max-width:1150px){.illustrated-biography{max-width:65%}.bio-orbit{width:100px}.bio-doodle svg{width:85px}.bio-orbit-left{right:100%}.bio-orbit-right{left:100%}}
@media(max-width:650px){.illustrated-biography{max-width:100%;padding:0}.bio-orbit{position:relative;inset:auto;width:100%;height:auto;flex-direction:row;gap:12px;margin:25px 0 40px}.bio-doodle svg{width:75px;height:90px}.bio-doodle figcaption{font-size:12px}.bio-orbit-right{float:right;width:90px;display:block;margin:25px 0 20px 18px}.bio-orbit-right .bio-doodle{margin-bottom:140px}.bio-heading{font-size:20px}.bio-introduction{font-size:16px}}
.bio-block [style*="color:rgb(255, 255, 255)"]{color:#314f44!important}.bio-block [style*="color:rgb(153, 153, 153)"]{color:#69736b!important}.bio-block [style*="font-weight:700"]{color:#29473c!important}.bio-block [style*="font-style:italic"]{color:#5673a2!important}
.bio-block{line-height:1.85}.about>div>p{color:var(--muted)}.about>div>p strong{color:var(--fg);font-weight:700}.about>div>p em{color:#6580bd;font-style:italic}
@media(min-width:651px){.bio-orbit{display:block}.bio-orbit .bio-doodle{position:absolute;top:90px}.bio-orbit .bio-doodle:nth-child(2){top:1450px}.bio-orbit .bio-doodle:nth-child(3){top:3000px}}
@media(max-width:650px){.bio-orbit-right{float:none;width:100%;display:flex;margin:50px 0 25px}.bio-orbit-right .bio-doodle{margin:0}.bio-introduction{font-size:15px}.bio-introduction>div>div:first-child{font-size:1.05em}}
.bio-introduction strong{font-weight:700;color:#273e35}.bio-introduction em{font-style:italic;color:#5876a7}
/* A scattered sky, with room around the reading column. */
.about-cosmos{position:relative;isolation:isolate}.about-cosmos>.bio-sky{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background-image:radial-gradient(circle at 5% 13%,#7697ad2b .7px,transparent 1px),radial-gradient(circle at 91% 28%,#c9a66d26 .8px,transparent 1.1px);background-size:173px 239px,263px 317px}
.sky-motif{position:absolute;width:var(--sky-size);height:var(--sky-size);opacity:.42;animation:small-orbit var(--sky-time) ease-in-out infinite alternate;animation-delay:var(--sky-delay);animation-play-state:paused;will-change:auto}.sky-motif svg{width:100%;height:100%;display:block}.sky-motif.is-visible{animation-play-state:running}.bio-doodle svg{animation:doodle-drift 15s ease-in-out infinite alternate;animation-delay:calc(var(--art-i)*-2.3s);animation-play-state:paused}.bio-doodle.is-visible svg{animation-play-state:running}.sky-paused .sky-motif,.sky-paused .bio-doodle svg{animation-play-state:paused!important}
@keyframes small-orbit{0%{transform:translate(-8px,8px) rotate(-12deg);opacity:.25}100%{transform:translate(12px,-17px) rotate(15deg);opacity:.5}}
@keyframes doodle-drift{0%{translate:0 5px;rotate:-3deg}100%{translate:7px -10px;rotate:5deg}}
@media(min-width:651px){.bio-orbit-left .bio-doodle:nth-child(1){top:55px;left:8%;width:110px;transform:rotate(-17deg)}.bio-orbit-left .bio-doodle:nth-child(2){top:34%;left:-8%;width:88px;transform:rotate(12deg)}.bio-orbit-left .bio-doodle:nth-child(3){top:73%;left:24%;width:75px;transform:rotate(-6deg)}.bio-orbit-right .bio-doodle:nth-child(1){top:465px;left:12%;width:126px;transform:rotate(17deg)}.bio-orbit-right .bio-doodle:nth-child(2){top:46%;left:26%;width:70px;transform:rotate(-14deg)}.bio-orbit-right .bio-doodle:nth-child(3){top:87%;left:0;width:104px;transform:rotate(7deg)}.bio-orbit .bio-doodle svg{width:100%;height:auto}.bio-orbit .bio-doodle figcaption{font-size:14px}}
@media(min-width:651px) and (max-width:1150px){.bio-orbit-left .bio-doodle:nth-child(n){width:75px;left:3%}.bio-orbit-right .bio-doodle:nth-child(n){width:80px;left:12%}.bio-orbit-right .bio-doodle:nth-child(2){width:57px;left:23%}}
@media(max-width:650px){.bio-orbit{align-items:center;min-height:155px;margin-top:20px;margin-bottom:35px;justify-content:space-around}.bio-orbit .bio-doodle:nth-child(1){transform:translateY(-12px) rotate(-15deg);width:70px}.bio-orbit .bio-doodle:nth-child(2){transform:translateY(24px) rotate(9deg);width:85px}.bio-orbit .bio-doodle:nth-child(3){transform:translateY(-5px) rotate(-5deg);width:58px}.bio-orbit-right .bio-doodle:nth-child(1){transform:translateY(20px) rotate(15deg);width:85px}.bio-orbit-right .bio-doodle:nth-child(2){transform:translateY(-20px) rotate(-10deg);width:58px}.bio-orbit-right .bio-doodle:nth-child(3){transform:translateY(8px) rotate(7deg);width:72px}.bio-orbit .bio-doodle svg{width:100%;height:auto}.sky-motif{opacity:.25;width:calc(var(--sky-size)*.65);height:calc(var(--sky-size)*.65)}.about-cosmos>.bio-sky{background-size:227px 311px,293px 383px}}
@media(prefers-reduced-motion:reduce){.sky-motif,.bio-doodle svg{animation:none!important}}
main.about-cosmos{height:auto!important;min-height:calc(100svh - 114px)}
/* Resume chapters stay close to the text while the sketches occupy the margins. */
.about-layout{display:grid;grid-template-columns:195px minmax(0,1fr);gap:28px;align-items:start;position:relative;max-width:1600px;margin:0 auto}.about-layout .biography{width:100%;min-width:0}.about-section-nav{position:sticky;top:115px;display:flex;flex-direction:column;gap:0;max-height:calc(100svh - 135px);overflow-y:auto;border-top:1px solid var(--line);z-index:5;background:var(--bg);padding:9px 0}.about-section-nav a{display:block;font:10px/1.45 var(--mono);padding:10px 8px 10px 12px;border-left:2px solid transparent;color:var(--muted);text-transform:uppercase}.about-section-nav a:hover,.about-section-nav a[aria-current=location]{color:var(--fg);border-left-color:#6485b6;background:#6c87a40b}.bio-section{scroll-margin-top:115px}.biography .bio-section>h2{font:700 21px/1.3 var(--mono);text-transform:uppercase;letter-spacing:-.025em;color:#29473c;margin:55px 0 25px;border-top:1px solid var(--line);padding-top:20px}.biography .bio-section:first-of-type>h2{margin-top:0}.bio-section ul{padding-left:18px}.bio-section li{margin:18px 0}.bio-section li small,.bio-research-link small{display:block;font:11px/1.7 var(--mono);color:var(--muted);margin-top:6px}.bio-section a{color:#5575ab;border-bottom:1px solid #7896bc55}.bio-research-label{font:11px var(--mono)!important;color:var(--muted)}.bio-research-link{display:flex;gap:18px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.bio-research-link img{width:100px;height:125px;object-fit:contain;flex-shrink:0}.bio-research-link strong{font-size:22px;line-height:1.3}.bio-section#contact p{font:13px/2.4 var(--mono)}
@media(max-width:1099px){.about-layout{display:block}.about-layout .biography{max-width:65%}.about-section-nav{position:sticky;top:95px;flex-direction:row;flex-wrap:wrap;gap:3px 9px;max-height:145px;margin-bottom:35px;padding:10px 0;border-bottom:1px solid var(--line)}.about-section-nav a{font-size:8px;padding:6px;border-left:0;border-bottom:1px solid transparent}.about-section-nav a[aria-current=location]{border-bottom-color:#6485b6}.bio-section{scroll-margin-top:245px}}
@media(max-width:650px){.about-layout .biography{max-width:100%}.about-section-nav{top:114px;max-height:160px;gap:3px 5px}.about-section-nav a{font-size:7px;padding:5px}.bio-section{scroll-margin-top:280px}.biography .bio-section>h2{font-size:19px;margin-top:40px}.bio-research-link strong{font-size:17px}.bio-research-link img{width:75px;height:100px}}
@media(max-width:650px){.about-section-nav a{font-size:9px}}