/* A celestial opening, with the same quiet palette as the portfolio. */
#entry-screen{background-color:#f6f7fa;background-image:radial-gradient(ellipse at 72% 30%,#dcd7ee70,transparent 45%),radial-gradient(ellipse at 20% 75%,#c8d5e345,transparent 40%)}#entry-stars,#universe-stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.entry-top,.entry-center,.entry-bottom{z-index:2}.entry-center{padding:15px 0}.entry-symbol{font-size:38px;margin-bottom:25px;color:#7a829b}.typed-line{display:block}.typed-letter{display:inline-block;animation:type-in .7s both;animation-delay:var(--letter-delay)}@keyframes type-in{from{opacity:0;filter:blur(9px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.entry-orbit{position:absolute;left:50%;top:45%;width:80vw;height:46vh;max-width:1200px;border:1px solid #818da220;border-radius:50%;transform:translate(-50%,-50%) rotate(-22deg);pointer-events:none}.orbit-b{width:95vw;height:65vh;transform:translate(-50%,-50%) rotate(18deg)}.celestial{position:absolute;border-radius:50%;pointer-events:none;z-index:1;animation:planet-drift 18s ease-in-out infinite alternate}.celestial-saturn{width:95px;height:95px;left:15%;top:25%;background:radial-gradient(circle at 28% 25%,#f1e1d4,#bfaaba 45%,#797d9e 75%,#505e79);box-shadow:inset -15px -10px 18px #59648355,0 20px 50px #7d86af26;transform:rotate(-25deg)}.celestial-saturn i{position:absolute;width:180px;height:52px;border:13px solid #b8afbb7a;border-top-color:#e7dae68c;border-radius:50%;left:-43px;top:23px;transform:rotate(-24deg);box-shadow:0 0 0 1px #b5b3c640}.celestial-moon{width:35px;height:35px;right:17%;top:63%;background:radial-gradient(circle at 27% 25%,#f3f1df,#b8c5bd 50%,#6d8484);box-shadow:0 15px 40px #929cb330;animation-duration:24s}@keyframes planet-drift{to{translate:20px -24px;rotate:8deg}}.entry-bottom{grid-template-columns:1fr 1.4fr 1fr;align-items:center}#enter-site{background:#24362e;color:#fff;border:0;min-width:300px;padding:24px 30px;font-size:12px;letter-spacing:.04em;box-shadow:0 12px 35px #24362e20;position:relative;border-radius:2px}#enter-site:not(:disabled):after{content:'';position:absolute;inset:-7px;border:1px solid #24362e40;border-radius:4px;animation:entry-breathe 3s ease-in-out infinite}#enter-site:not(:disabled):hover{background:#536579;color:#fff;transform:translateY(-3px)}#enter-site:disabled{background:#dce1dd;color:#59655e;opacity:.7}@keyframes entry-breathe{50%{opacity:.2;inset:-12px}}
/* The archive keeps its five original disciplines, with a light and a night universe. */
#universe{--u-bg:#f8f9f6;--u-fg:#1e251f;--u-muted:#687165;--u-line:#cbd2c480;background:var(--u-bg);color:var(--u-fg);transition:background .6s,color .6s}#universe[data-theme=beyond]{--u-bg:#101622;--u-fg:#e7ecf3;--u-muted:#a4adc5;--u-line:#8294bf35;background-image:radial-gradient(ellipse at 70% 40%,#463d6545,transparent 65%)}.universe-top,.universe-bottom{border-color:var(--u-line);background:transparent}.universe-bottom{background:var(--u-bg);z-index:30;min-height:95px}.universe-top button{color:var(--u-fg);border-color:var(--u-line);background:var(--u-bg)}.universe-center{left:35px;top:20px;transform:none;text-align:left;background:none;padding:0;width:320px;max-width:320px;z-index:25;pointer-events:none}.universe-center h2{font-size:38px;white-space:normal}.universe-center p{margin:15px 0;color:var(--u-muted);max-width:240px;font-size:8px}.universe-center .eyebrow{color:var(--u-muted)}.universe-project img{height:auto;aspect-ratio:var(--photo-ratio,1);border:0;box-shadow:0 10px 30px #0002}.universe-project>span{font-size:7px;max-height:30px;color:var(--u-fg);opacity:.85}.universe-project[hidden]{display:none}.universe-ring{border-color:var(--u-line);opacity:.5}.category-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;font:9px var(--mono)}.category-filters button{font:inherit;background:none;border:0;border-bottom:1px solid transparent;padding:8px 0;color:inherit;opacity:.55;white-space:nowrap}.category-filters button[aria-pressed=true]{opacity:1;border-bottom-color:currentColor}#universe-filters{position:relative;z-index:30;margin:8px 35px;color:var(--u-fg)}#project-filters{margin-top:28px}#universe-travel{min-width:300px;max-width:480px;flex:1;outline-offset:8px}#universe-travel>span{font:9px var(--mono);display:flex;justify-content:space-between;gap:50px}#universe-travel b{font-weight:400}#universe-travel>i{display:block;height:2px;background:var(--u-line);margin-top:12px;overflow:hidden}#travel-fill{display:block;height:100%;width:0;background:var(--u-fg);transition:width .12s linear}#travel-status{color:var(--u-muted)}.universe-arriving #universe-projects{filter:blur(8px);opacity:0;transition:filter .7s,opacity .7s;transform:scale(1.07)}.universe-arriving .universe-center{opacity:0;transition:opacity .6s}.universe-index #universe-projects{grid-template-columns:repeat(5,minmax(0,1fr));gap:35px}.universe-index .universe-project{width:auto!important;opacity:1!important}.universe-index .universe-project img{aspect-ratio:1.2}.universe-index #universe-projects{transform:none;filter:none;opacity:1}
/* Varied scale and paper-like placement replace uniformly sized project cards. */
html[data-world=beyond] .projects:not(.list) .project-image{aspect-ratio:var(--photo-ratio,1);box-shadow:none;border:0}html[data-world=beyond] .projects:not(.list) .project-meta{border:0;background:transparent;padding:10px 0}.projects .project{transition:filter .3s}.projects .project-image{background:transparent}.projects .project-meta{border-bottom-color:var(--line)}html[data-world=built] .projects:not(.list){align-items:start;row-gap:85px}html[data-world=built] .projects:not(.list) .project:nth-child(8n+1){grid-column:1/span 5;margin-top:0}html[data-world=built] .projects:not(.list) .project:nth-child(8n+2){grid-column:8/span 3;margin-top:120px}html[data-world=built] .projects:not(.list) .project:nth-child(8n+3){grid-column:3/span 3;margin-top:0}html[data-world=built] .projects:not(.list) .project:nth-child(8n+4){grid-column:8/span 5;margin-top:65px}html[data-world=built] .projects:not(.list) .project:nth-child(8n+5){grid-column:1/span 4;margin-top:0}html[data-world=built] .projects:not(.list) .project:nth-child(8n+6){grid-column:7/span 3;margin-top:100px}html[data-world=built] .projects:not(.list) .project:nth-child(8n+7){grid-column:2/span 5;margin-top:30px}html[data-world=built] .projects:not(.list) .project:nth-child(8n+8){grid-column:9/span 4;margin-top:60px}.projects:not(.list) .project:nth-child(3n+1) .project-image{aspect-ratio:.95}.projects:not(.list) .project:nth-child(3n+2) .project-image{aspect-ratio:1.35}.projects:not(.list) .project:nth-child(3n) .project-image{aspect-ratio:.85}
/* A side-opening reading room retains the work behind it. */
body.project-open{overflow:hidden}#project-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:86vw;height:100svh;max-width:none;max-height:none;padding:0;border:0;background:var(--bg);color:var(--fg);overflow:hidden}#project-drawer[open]{display:grid;grid-template-columns:34% 66%;animation:drawer-in .45s cubic-bezier(.2,.7,.2,1)}#project-drawer::backdrop{background:#151c1525;backdrop-filter:blur(7px)}@keyframes drawer-in{from{translate:100% 0}to{translate:0 0}}.drawer-sidebar{height:100%;overflow-y:auto;padding:28px 30px;display:flex;flex-direction:column;background:#dae3cf;color:#24362e}.drawer-top{display:flex;justify-content:space-between;gap:15px;align-items:center;font:9px var(--mono)}#drawer-close{border:1px solid #24362e55;background:transparent;padding:7px 9px;font:8px var(--mono);color:inherit}#drawer-date{font:10px var(--mono);margin:25px 0 45px}#drawer-title{font-size:clamp(30px,3.3vw,58px);line-height:1;letter-spacing:-.055em;overflow-wrap:anywhere}#drawer-summary{font:11px/1.7 var(--mono);white-space:pre-line;margin:30px 0;max-width:420px}#drawer-page{font:9px var(--mono);align-self:start;border-bottom:1px solid currentColor;padding-bottom:6px;margin-bottom:35px}.drawer-pagination{margin-top:auto;padding-top:25px;border-top:1px solid #24362e40;display:flex;justify-content:space-between;gap:15px}.drawer-pagination button{font:9px var(--mono);color:inherit;border:0;background:none;padding:0}.drawer-content{height:100%;overflow-y:auto;overscroll-behavior:contain;background:#fcfcfa;color:#20261f;outline-offset:-4px}.drawer-figure{margin:0 0 32px}.drawer-expand{width:100%;padding:0;border:0;background:#f2f3ef}.drawer-figure img,.drawer-figure video{display:block;width:100%;height:auto}.drawer-figure video{background:#111;min-height:200px;max-height:85svh}.drawer-figure figcaption{padding:12px 30px;font:8px/1.5 var(--mono);color:#687165}.drawer-text{padding:5px 35px 30px;max-width:850px;margin:auto}.drawer-text p{font-size:14px;line-height:1.8;white-space:pre-line}.drawer-presentation{width:100%;aspect-ratio:16/9;border:0;background:#eff1eb;color:#24362e;font:11px var(--mono)}.drawer-figure iframe{width:100%;aspect-ratio:16/9;border:0}.drawer-end{padding:40px 35px 70px;border-top:1px solid #d6dbd1;font:8px var(--mono)}html[data-world=beyond] .drawer-sidebar{background:#7265ad;color:#fff}html[data-world=beyond] .drawer-pagination,html[data-world=beyond] #drawer-close{border-color:#ffffff55}
/* A paper playground — colorful, tactile, and still made from the actual work. */
.playground{position:relative;overflow:hidden;background:#e9edf3;color:#294b95;padding-top:115px;padding-bottom:130px;background-image:radial-gradient(ellipse at 8% 75%,#ddcdec70,transparent 38%),radial-gradient(ellipse at 90% 15%,#d5e6d870,transparent 35%)}.playground-heading{position:relative;z-index:2}.playground-heading h2{font-size:clamp(65px,8vw,120px);letter-spacing:-.08em}.playground-heading h2 .period{color:#ed7559;display:inline-block;font-size:.6em;vertical-align:middle;margin-left:15px;transform:rotate(-15deg)}.playground-heading p:last-child{color:#415c90}.playground-filters{position:relative;z-index:3}.playground-filters button{border-color:#738bb955;transform:rotate(-2deg);color:#294b95}.playground-filters button:nth-child(2){transform:rotate(2deg)}.playground-filters button[aria-pressed=true]{background:#2b50a0;color:#fff;border-color:#2b50a0}.play-sticker{position:absolute;right:20%;top:35px;width:115px;height:115px;background:#dce984;color:#3150a0;display:grid;place-content:center;font:700 21px/1 var(--sans);text-align:center;transform:rotate(12deg);clip-path:polygon(50% 0,59% 16%,77% 4%,79% 25%,100% 25%,87% 44%,100% 59%,80% 66%,82% 88%,62% 83%,50% 100%,40% 82%,20% 91%,21% 69%,0 63%,13% 44%,1% 25%,23% 24%,24% 4%,43% 15%)}.play-sticker>span{font-size:24px}.play-doodle{position:absolute;font-size:125px;line-height:1;color:#ed7559;pointer-events:none}.doodle-one{right:-25px;top:40%;transform:rotate(15deg)}.doodle-two{left:5%;bottom:50px;color:#5275c1;transform:rotate(-15deg)}.play-pals{position:absolute;width:150px;right:9%;bottom:30px;transform:rotate(-9deg);pointer-events:none}.play-pals svg{width:100%;display:block}.play-pals>span{font:11px var(--mono);display:block;text-align:center;margin-top:-8px}#playground-projects{position:relative;z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:75px 40px;padding:45px 10px 20px}#playground-projects .project{padding:12px 12px 16px!important;background:#fffdf6;box-shadow:2px 8px 15px #33486612;transform:rotate(-4deg);align-self:start;overflow:visible}#playground-projects .project:nth-child(4n+2){transform:rotate(5deg);margin-top:80px;background:#f4dbbc}#playground-projects .project:nth-child(4n+3){transform:rotate(-2deg);margin-top:25px;background:#d9e8ca}#playground-projects .project:nth-child(4n){transform:rotate(4deg);margin-top:110px;background:#ddd4eb}#playground-projects .project:before{content:'';position:absolute;top:-12px;left:35%;height:25px;width:65px;background:#d8d5be95;transform:rotate(7deg);box-shadow:0 1px 2px #0001;z-index:2}#playground-projects .project:nth-child(3n):before{background:#94b6d37a;transform:rotate(-12deg)}#playground-projects .project:hover{transform:rotate(0) translateY(-8px);z-index:4}#playground-projects .project-image{aspect-ratio:var(--photo-ratio,.9);background:none}#playground-projects .project:nth-child(even) .project-image{aspect-ratio:.78}#playground-projects .project-meta{border-bottom:0;color:#294b95;padding:15px 0 0}#playground-projects .project-date,#playground-projects .project p{color:#586a89}#playground-projects .project h3{font-size:16px}.playground+.contact-section{border-top:0}
/* Cursor controls live in the navigation and footer, never over content. */
#cursor-toggle{position:static;transform:none;bottom:auto;right:auto;padding:7px 9px;font-size:7px;white-space:nowrap;z-index:auto}#footer-cursor-toggle{display:none}#asterisk-cursor{display:none;position:fixed;left:0;top:0;width:28px;height:28px;pointer-events:none;z-index:30010}#asterisk-cursor img{width:100%;height:100%;display:block;animation:asterisk-turn 9s linear infinite}@keyframes asterisk-turn{to{transform:rotate(360deg)}}#star-trail{z-index:30000}#star-trail i{animation:star-linger 2.2s ease-out forwards;font-size:var(--star-size,8px);color:#a8a3d0;text-shadow:0 0 7px #afa0db60;line-height:1}@keyframes star-linger{0%{opacity:.8;transform:translate(-50%,-50%) scale(.8)}30%{opacity:.65}100%{opacity:0;transform:translate(var(--drift),18px) scale(.15)}}.universe-open #star-trail{z-index:30000}.universe-open #star-trail i{color:#9b9bc0}body.custom-pointer,body.custom-pointer a,body.custom-pointer button,body.custom-pointer dialog{cursor:none!important}body.custom-pointer #asterisk-cursor{display:block}body.custom-pointer.drone-enabled:not(.entering) #asterisk-cursor{display:none}body.custom-pointer #asterisk-cursor.over-input{display:none}body.custom-pointer input,body.custom-pointer textarea{cursor:text!important}body.custom-pointer.cursor-away #asterisk-cursor{display:none}.site-footer{align-items:center;flex-wrap:wrap}.header-links{gap:16px}
@media(hover:hover) and (pointer:fine){#footer-cursor-toggle{display:block}}
@media(max-width:1000px){.universe-center{width:260px;max-width:260px}.universe-center h2{font-size:31px}.drawer-sidebar{padding:24px 20px}#drawer-title{font-size:36px}#drawer-summary{font-size:10px}#project-drawer{width:94vw}#playground-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:65px 28px}.entry-bottom{grid-template-columns:1fr 1.5fr}.entry-caption{display:none}.header-links{gap:10px}.header-links a[href="#about"]{display:none}}
@media(max-width:600px){.celestial-saturn{width:55px;height:55px;left:9%;top:19%}.celestial-saturn i{width:110px;height:32px;border-width:8px;left:-28px;top:13px}.celestial-moon{right:9%;top:65%;width:24px;height:24px}.entry-symbol{font-size:28px;margin-bottom:22px}.entry-center h1{font-size:76px}.entry-bottom{grid-template-columns:1fr;gap:25px}#enter-site{min-width:285px;font-size:10px;padding:23px 25px}.entry-loading{padding:0 10px}#universe-filters{margin:4px 18px;gap:5px 12px;font-size:7px}.universe-center{left:18px;top:14px;width:220px;max-width:220px}.universe-center h2{font-size:29px}.universe-center p{font-size:6px;max-width:190px}.universe-center .eyebrow{font-size:6px}.universe-project>span{font-size:5px;max-height:24px}#universe-travel{min-width:0;width:100%;flex-basis:100%;order:-1;margin-bottom:7px}#universe-travel>span{font-size:8px}.universe-bottom{min-height:90px;gap:8px 15px}.universe-index #universe-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.category-filters{font-size:7px;gap:5px 13px}.projects:not(.list) .project:nth-child(n),html[data-world=built] .projects:not(.list) .project:nth-child(n){grid-column:auto!important;margin:0!important}html[data-world=built] .projects:not(.list){gap:45px 18px}.projects:not(.list) .project:nth-child(even),html[data-world=built] .projects:not(.list) .project:nth-child(even){margin-top:50px!important}.projects:not(.list) .project:nth-child(3n) .project-image{aspect-ratio:.8}#project-drawer{width:100vw}#project-drawer[open]{grid-template-columns:1fr;grid-template-rows:minmax(220px,35svh) 1fr}.drawer-sidebar{padding:18px;height:auto;position:relative}#drawer-date{margin:12px 0 15px}#drawer-title{font-size:30px;max-width:85%}#drawer-summary{font:10px/1.6 var(--mono);margin:15px 0}#drawer-page{font-size:8px;margin-bottom:20px}.drawer-pagination{padding-top:15px;font-size:8px}.drawer-text{padding:4px 20px 25px}.drawer-text p{font-size:13px}.drawer-figure figcaption{padding:10px 20px;font-size:7px}.drawer-end{padding:25px 20px 50px}.playground{padding-top:75px;padding-bottom:120px}.playground-heading h2{font-size:70px}.playground-heading p:last-child{font-size:10px;max-width:230px}.play-sticker{width:80px;height:80px;right:10px;top:145px;font-size:15px}.play-sticker>span{font-size:15px}#playground-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 20px;padding:35px 8px 15px}#playground-projects .project{padding:8px 8px 12px!important}#playground-projects .project:nth-child(even){margin-top:55px}#playground-projects .project:before{width:45px;height:20px;top:-10px}#playground-projects .project h3{font-size:12px}.doodle-one{font-size:85px;right:-20px}.doodle-two{left:0;bottom:30px}.play-pals{width:110px;right:12%;bottom:18px}.play-pals>span{font-size:8px}.header-links{gap:8px}.header-links #reopen-universe{display:none}#cursor-toggle{padding:6px;font-size:6px}.site-footer{gap:18px;font-size:7px}.universe-bottom>span{max-width:none;flex:1}.universe-bottom>span:last-child{text-align:right!important}}
@media(prefers-reduced-motion:reduce){.typed-letter,.celestial,.entry-symbol,#enter-site:after,#asterisk-cursor img{animation:none}.typed-letter{opacity:1;filter:none}.universe-arriving #universe-projects{transition:none;filter:none}.universe-arriving .universe-center{transition:none}#project-drawer[open]{animation:none}#star-trail{display:none}}
#project-drawer[data-category=architecture] .drawer-sidebar{background:#dae3cf;color:#24362e}#project-drawer[data-category=interaction] .drawer-sidebar{background:#4d64a6;color:white}#project-drawer[data-category="plan-b"] .drawer-sidebar{background:#7561a8;color:white}#project-drawer[data-category=publication] .drawer-sidebar{background:#bb4943;color:white}#project-drawer[data-category=graphic] .drawer-sidebar{background:#3152a0;color:white}
#universe:not(.universe-index) #universe-orbit,.universe-bottom{touch-action:none}.universe-index #universe-orbit{touch-action:pan-y}.universe-project:focus-visible{opacity:1!important;z-index:40!important}.universe-project:hover img{outline:1px solid var(--u-fg)}#enter-site:not(:disabled){background:#24362e;color:white}#enter-site:not(:disabled):before{content:'CLICK OR PRESS ENTER';position:absolute;left:0;right:0;bottom:-22px;text-align:center;font:7px var(--mono);letter-spacing:.08em;color:#667681}.entry-bottom{padding-bottom:15px}#footer-cursor-toggle{color:var(--fg)}
#asterisk-cursor,#drone-cursor,#cursor-target{transform:translate(-100px,-100px)}
#universe-travel{display:block;outline:none;padding:5px 0}#universe-travel>i{width:100%;height:3px}#universe-travel:focus-visible{outline:1px solid var(--u-line);outline-offset:7px}#universe-travel>span{width:100%}html[data-world=beyond] .hero:before{content:'';position:absolute;right:13%;top:18%;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#bac7dc,#667094 45%,#243145 80%);box-shadow:0 0 45px #938ab525;opacity:.65;pointer-events:none}
.universe-arriving #universe-orbit,.universe-arriving #universe-filters{pointer-events:none}
/* A legible constellation: images stay on their own plots instead of crossing orbits. */
#universe:not(.universe-index) .universe-center{display:none}#universe:not(.universe-index) .universe-ring{display:none}#universe:not(.universe-index) .universe-project img{aspect-ratio:1.55;object-fit:cover;box-shadow:0 6px 20px #172c3c15}#universe:not(.universe-index) .universe-project>span{font-size:7px;line-height:1.35;white-space:normal;display:block;max-height:30px;overflow:hidden;background:var(--u-bg,#f8f9f6);padding:4px}#universe:not(.universe-index) .universe-project:hover{z-index:40!important}#universe:not(.universe-index) .universe-project:hover img{outline:2px solid #4777bb;outline-offset:3px}.universe-scenery{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.6}.space-sun{position:absolute;right:2%;top:3%;width:75px;height:75px;border-radius:50%;background:radial-gradient(circle,#fff7bd,#f0b77c55 55%,transparent 72%);box-shadow:0 0 60px #f2c67944}.space-planet{position:absolute;bottom:5%;left:1%;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#c6d5e5,#6785ac 55%,#253754);box-shadow:inset -10px -10px 18px #101c4255}.space-planet:after{content:'';position:absolute;inset:22px -25px;border:1px solid #9faec5;border-radius:50%;transform:rotate(-25deg)}.space-cloud{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,#b2a4d21c,transparent 45%),radial-gradient(ellipse at 20% 70%,#85bccb22,transparent 40%)}.space-ship{position:absolute;width:75px;right:1%;bottom:3%;color:#7895b1;transform:rotate(-15deg)}
.hero-thumbnails{position:relative;z-index:3;display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:12px 2px}.hero-thumbnails button{flex:0 0 45px;width:45px;height:40px;padding:3px;background:transparent;border:1px solid var(--line)}.hero-thumbnails button[aria-pressed=true]{border:2px solid #5077bd}.hero-thumbnails img{width:100%;height:100%;object-fit:cover}.artifact-caption{background:var(--panel);padding:12px!important;border:1px solid var(--line);border-radius:2px}.artifact-caption>span:last-child{color:#416ec0;font-style:italic}
.chapter-nav{display:flex;flex-direction:column;margin:24px 0 35px;border-top:1px solid currentColor}.chapter-nav button,.chapter-nav a{text-align:left;padding:13px 0;border:0;border-bottom:1px solid currentColor;color:inherit;background:none;font:11px/1.5 var(--mono)}.chapter-nav button:hover,.chapter-nav a:hover{padding-left:8px}.reading-subhead{font-family:var(--sans, sans-serif);font-size:clamp(20px,2.3vw,34px);font-weight:700;line-height:1.2;letter-spacing:-.03em;margin:28px 0 14px}.project-tags{color:#426ed0!important;font-style:italic!important;font-family:var(--mono)!important}blockquote{border-left:2px solid #5478ba;padding:10px 20px;font-size:22px;font-style:italic;line-height:1.5;margin:25px 0}#drawer-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;padding:25px}.drawer-text{grid-column:1/-1;padding:15px 20px!important;max-width:730px;margin:auto}.drawer-figure{min-width:0;margin:0!important}.drawer-figure.reading-wide{grid-column:1/-1}.drawer-figure.reading-small{width:78%;justify-self:center}.drawer-figure figcaption{padding:10px 0!important}.drawer-text p{font-size:14px;line-height:1.85}.drawer-text .reading-subhead{font-size:27px}.drawing-essay{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 45px;align-items:center;margin:100px 0 30px}.drawing-essay h3{font-size:clamp(35px,4.5vw,68px);line-height:1.04;letter-spacing:-.05em;margin:20px 0}.drawing-essay p{font-size:15px;line-height:1.9;max-width:450px}.drawing-essay img{width:100%;max-height:550px;object-fit:contain}.drawing-essay figcaption,.drawing-essay a{font:9px/1.7 var(--mono);margin-top:15px;display:block}.drawing-essay figure{margin:0}.essay-model{grid-column:1/-1;width:65%;justify-self:center}.about-manifesto{font-size:26px!important;line-height:1.2!important;color:var(--fg)!important}
@media(max-width:600px){#universe:not(.universe-index) .universe-project>span{font-size:5px;line-height:1.2;padding:2px;max-height:24px}.hero-thumbnails button{flex-basis:34px;height:30px}.hero-thumbnails{gap:5px}.drawing-essay{gap:35px 20px;margin-top:50px}.drawing-essay p{font-size:12px}.drawing-essay h3{font-size:27px}.essay-model{width:90%}#drawer-blocks{padding:20px 15px;gap:25px 12px}.drawer-text{padding:0!important}.drawer-text .reading-subhead{font-size:23px}.chapter-nav{margin:15px 0}.chapter-nav button{font-size:10px;padding:10px 0}}
.essay-expand{display:block;width:100%;border:0;padding:0;background:none}.essay-expand:hover{outline:1px solid #426ed0;outline-offset:7px}@media(prefers-reduced-motion:reduce){.personal-window{transition:none}.chapter-nav a,.chapter-nav button{scroll-behavior:auto}}
.hero-thumbnails{position:absolute;right:0;top:30px;bottom:30px;max-height:calc(100% - 60px);width:49px;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:2px;scrollbar-width:thin}.hero-thumbnails button{flex:0 0 40px;width:42px}.hero-thumbnails img{display:block}@media(max-width:600px){.hero-thumbnails{right:4px;top:30px;bottom:30px;width:35px}.hero-thumbnails button{width:29px;flex-basis:29px;height:29px}}