:root{--ink:#233d35;--muted:#657166;--green:#2e5144;--line:#d8cfbf;--paper:#f8f3e9;--terra:#a34d34;--gold:#bd9559}
body{background:var(--paper);font-size:16px;line-height:1.7}::selection{background:#e6cbb4;color:var(--ink)}
header,main,footer{max-width:1280px;padding-left:64px;padding-right:64px}header{padding-top:30px;padding-bottom:26px;border-color:var(--ink)}
.wordmark{font-family:var(--serif);font-size:23px;font-weight:400}.wordmark span{font-family:Arial,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:2px}
nav{gap:12px 24px;font-size:12px}nav a{color:var(--ink)}nav a:hover{color:var(--terra)}a{color:var(--green)}a:hover{color:var(--terra)}
.hero{grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding:66px 0 76px}.hero .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:28px}.edition-label{font-size:9px;letter-spacing:2px;color:var(--terra);margin:0 0 13px!important}
h1{font-size:100px;letter-spacing:-5px;line-height:.98;margin-bottom:27px}h1 em,h2 em{font-weight:400;color:var(--terra)}h2{font-size:44px;letter-spacing:-1.4px;line-height:1.14}h3{font-weight:600}p{margin-bottom:18px}
.hero .intro{font-family:var(--serif);font-size:27px;line-height:1.3;letter-spacing:-.5px}.hero p:not(.eyebrow):not(.intro):not(.edition-label){font-size:14px;line-height:1.8}.hero-links{gap:21px;font-size:12px;margin-top:29px}.button{border-radius:0;background:var(--ink);padding:12px 18px}
.hero figure.hero-art{align-self:stretch;position:relative;background:#eee7d8;margin:0 0 45px;min-height:540px;border-radius:210px 210px 3px 3px;display:flex;align-items:center;padding:18px 12px 68px}.hero .geometry{width:100%;height:auto;object-fit:contain;border-radius:0}.hero .portrait-stamp{position:absolute;bottom:-22px;right:25px;display:flex;gap:15px;align-items:end;background:var(--paper);padding:9px 10px;transform:rotate(-3deg);box-shadow:0 7px 25px #233d3510;border:1px solid #d8cfbf}.hero .portrait-stamp img{width:96px;height:117px;object-fit:cover;object-position:50% 35%;filter:sepia(.15)}.portrait-stamp span{font-size:10px;line-height:1.8;letter-spacing:.2px;padding:0 8px 4px 0}.hero .hero-art figcaption{position:absolute;bottom:-58px;left:12px;font-family:var(--serif);font-size:17px;font-style:italic;border:0;padding:0;margin:0;color:var(--muted)}
section{padding:65px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--terra)}.section-top{max-width:750px}.section-top>p:last-child:not(.eyebrow){font-size:13px}.questions{gap:24px;margin-top:34px}.questions article{border-top:0;padding:0}.research-art{background:#eee7d8;border:1px solid #e2d8c7;overflow:hidden;margin-bottom:22px}.research-art img{display:block;width:100%;height:auto}.questions article:nth-child(2) .research-art{background:#eee4d8}.questions article:nth-child(3) .research-art{background:#e8ece3}.number{font-size:16px;font-style:italic;color:var(--terra)}.questions h3{font-family:var(--serif);font-weight:400;font-size:24px;letter-spacing:-.45px;line-height:1.25;margin:9px 0 12px}.questions p{font-size:14px;line-height:1.7}
#publications .publication.featured{display:grid;grid-template-columns:265px 1fr;gap:36px;background:#fffaf1;border:1px solid var(--line);margin:25px 0;padding:24px}.paper-visual{margin:0;align-self:center}.paper-visual img{width:100%;height:auto;display:block}.paper-visual figcaption{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);text-align:center;margin-top:12px}.featured h3{font-family:var(--serif);font-weight:400;font-size:25px;line-height:1.2;letter-spacing:-.45px}.paper-copy>p:not(.meta):not(.authors){font-size:14px;line-height:1.7;margin:12px 0}.publication:not(.featured){padding:26px 0}.meta{font-size:11px;color:var(--terra)}.authors{font-size:12px;line-height:1.7}.paper-links{font-size:12px;gap:20px}.paper-links a{font-weight:500}.publication h3{max-width:780px}
#ongoing{position:relative}.project{grid-template-columns:290px 1fr;gap:4px 54px;padding:25px 0}.project h3{font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.25}.project>p:last-child{font-size:14px;line-height:1.8}.about{grid-template-columns:1fr 1.65fr;gap:65px}.about p{font-size:15px}.about h2{max-width:340px}.invitation{border-color:var(--terra);font-family:var(--serif);font-size:20px!important;line-height:1.6}
.story-list article{grid-template-columns:265px 1fr;gap:55px;padding:30px 0}.story-list h3{font-family:var(--serif);font-weight:400;font-size:25px}.story-list p{font-size:15px}.earlier{padding:30px 0}summary{font-size:14px;color:var(--muted)}
#community{border-bottom:0}#community .story-list{counter-reset:community}#community article{counter-increment:community}#community h3:before{content:'0' counter(community);display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px;color:var(--terra);margin-bottom:13px}
#beyond{background:#ece9dc;margin:0 -32px;padding:50px 32px;border-top:1px solid var(--line)}.origami-art{width:100%;height:auto;max-width:325px;display:block;margin-top:25px}footer{align-items:center;padding-top:32px}.footer-mark{font-family:var(--serif);font-size:32px;text-decoration:none;letter-spacing:-2px}.footer-mark span{color:var(--terra);padding-left:10px}
@media(min-width:1600px){.hero{padding-top:85px;padding-bottom:85px}}
@media(max-width:980px){header,main,footer{padding-left:36px;padding-right:36px}header{flex-wrap:wrap;gap:16px}nav{justify-content:flex-start}.hero{gap:30px}h1{font-size:82px}.hero figure.hero-art{min-height:470px}.hero .portrait-stamp{right:5px}.hero .portrait-stamp img{width:78px;height:96px}.hero .portrait-stamp span{font-size:9px}.project{grid-template-columns:230px 1fr;gap:25px}.about{gap:35px}.story-list article{grid-template-columns:220px 1fr;gap:30px}.questions h3{font-size:22px}#publications .publication.featured{grid-template-columns:200px 1fr;gap:22px}}
@media(max-width:700px){header,main,footer{padding-left:24px;padding-right:24px}nav{gap:10px 20px}.hero{grid-template-columns:1fr;padding:38px 0 50px;gap:40px}.hero figure.hero-art{min-height:0;max-width:440px;width:100%;justify-self:center;padding-bottom:45px;margin:0 0 50px}.hero .geometry{max-height:410px}.hero .portrait-stamp img{width:92px;height:110px}.hero .hero-art figcaption{bottom:-54px}.hero .eyebrow{margin-bottom:20px}.hero .intro{font-size:26px}h1{font-size:85px}h2{font-size:37px}section{padding:45px 0}.questions{grid-template-columns:1fr;gap:30px}.questions article{display:grid;grid-template-columns:145px 1fr;gap:0 20px}.research-art{grid-column:1;grid-row:1/4;margin:0;align-self:start}.questions .number,.questions h3,.questions p{grid-column:2}.questions h3{font-size:22px}.questions p{font-size:13px;margin:0}.research-art img{min-height:130px;object-fit:cover}.about{grid-template-columns:1fr;gap:20px}.about h2{max-width:none}#publications .publication.featured{grid-template-columns:1fr;padding:20px;gap:20px}.paper-visual{max-width:280px;justify-self:center}.paper-visual img{max-height:155px}.featured h3{font-size:25px}.project{display:block}.project>p:last-child{margin-top:12px}.story-list article{grid-template-columns:1fr;gap:8px}.story-list h3{font-size:25px}#beyond{margin:0 -12px;padding:32px 12px}.origami-art{max-width:240px;margin:10px 0 0}footer{gap:18px;font-size:10px}.hero .portrait-stamp{right:12px}.hero p:not(.eyebrow):not(.intro):not(.edition-label){font-size:15px}.wordmark{margin-bottom:10px}}
@media(max-width:390px){.questions article{grid-template-columns:1fr}.research-art{grid-row:auto;grid-column:1;margin-bottom:12px}.questions .number,.questions h3,.questions p{grid-column:1}.research-art img{max-height:190px;object-fit:contain}.hero-links{gap:16px}h1{font-size:76px}.hero .eyebrow{font-size:9px}.hero .portrait-stamp span{font-size:9px}}
@media print{.hero figure.hero-art{min-height:300px}.paper-visual{max-width:180px}#beyond{background:none}h1{font-size:60px}}

@media(min-width:701px){.hero figure.hero-art{align-self:center;height:520px;min-height:0;margin-bottom:40px}.hero .portrait-stamp{bottom:-4px}.hero .hero-art figcaption{bottom:-40px}}

/* One visual grammar for papers, preprints and the expanded archive. */
.publication.illustrated{display:grid;grid-template-columns:265px minmax(0,1fr);gap:34px;background:#fffaf1;border:1px solid var(--line);padding:26px;margin:24px 0}
.publication.illustrated:last-child{padding-bottom:26px}.illustrated h3{font-family:var(--serif);font-size:25px;font-weight:400;line-height:1.25;letter-spacing:-.4px}.paper-visual{width:100%;align-self:center}.paper-visual img{border-radius:5px}.paper-visual figcaption{text-transform:none;letter-spacing:.3px;font-size:11px;font-style:italic;font-family:var(--serif);margin-top:10px}.paper-links a{border-bottom:1px solid #c8bba6;text-decoration:none;padding-bottom:2px}.paper-links a:hover{border-color:var(--terra)}.paper-copy{min-width:0}.earlier .illustrated h3{font-size:23px}.earlier .publication.illustrated{background:transparent}.landscape-art{display:block;width:100%;max-width:380px;margin-top:34px;overflow:visible}
.motion-toggle{display:block;margin-top:22px;padding:5px 0;border:0;border-bottom:1px solid #c8bba6;background:transparent;color:var(--muted);font:11px/1.6 Arial,sans-serif;cursor:pointer}.motion-toggle[hidden]{display:none}.motion-toggle:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.motion{animation-play-state:paused!important}.motion-enabled .in-view .motion{animation-play-state:running!important}.geometry-drift{transform-origin:245px 240px;animation:geometry-drift 24s ease-in-out infinite}.paper-bird{animation:paper-bird 7s ease-in-out infinite;transform-origin:170px 64px}.stream-flow{animation:stream-flow 6s linear infinite}.motion-scene{overflow:visible}
@keyframes geometry-drift{0%,100%{transform:rotate(-5deg) scale(.97)}50%{transform:rotate(5deg) scale(1.02)}}
@keyframes paper-bird{0%,100%{transform:translate(0,0) rotate(-3deg)}50%{transform:translate(6px,-9px) rotate(3deg)}}
@keyframes stream-flow{to{stroke-dashoffset:-68}}
@media(max-width:980px){.publication.illustrated{grid-template-columns:205px minmax(0,1fr);gap:24px;padding:22px}}
@media(max-width:700px){.publication.illustrated{grid-template-columns:1fr;gap:22px;padding:20px}.publication.illustrated:last-child{padding-bottom:20px}.illustrated h3,.earlier .illustrated h3{font-size:24px}.paper-visual{max-width:340px}.paper-visual img{max-height:none}.landscape-art{max-width:345px;margin:14px auto 20px}.hero .geometry{width:100%;height:auto;max-height:410px}.hero .hero-art{display:flex;flex-direction:column}.paper-visual figcaption{font-size:12px}}
@media print{.motion{animation:none!important}.motion-toggle{display:none}.publication.illustrated{break-inside:avoid}}

/* Research notes: quiet layout, with motion used to explain a specific idea. */
.publication.illustrated,.earlier .publication.illustrated{grid-template-columns:325px minmax(0,1fr);gap:42px;background:transparent;border:0;border-top:1px solid var(--line);padding:32px 0;margin:0}.publication.illustrated:first-of-type{margin-top:30px}.publication.illustrated:last-child{padding-bottom:20px}.illustrated h3,.earlier .illustrated h3{font-size:24px;line-height:1.3}.paper-story{align-self:start}.paper-story svg{display:block;width:100%;height:auto;overflow:visible}.paper-story figcaption{font-family:inherit;font-style:normal;font-size:13px;line-height:1.65;letter-spacing:0;text-align:left;min-height:6.6em;margin-top:12px;color:var(--muted)}
.story-frame{opacity:0;visibility:hidden;transition:opacity .45s ease}.story-caption{display:none}.paper-story .story-frame.is-current,.paper-story[data-step="0"] .story-frame[data-frame="0"]{opacity:1;visibility:visible}.paper-story .story-caption.is-current,.paper-story[data-step="0"] .story-caption[data-frame="0"]{display:block}
.story-controls{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding-top:10px;border-top:1px solid #d8cfbf;font:12px/1.5 Arial,sans-serif;color:var(--muted)}.story-controls[hidden]{display:none}.story-controls button{font:inherit;cursor:pointer;border:0;background:none;padding:8px 3px;color:var(--green);text-decoration:underline;text-underline-offset:4px}.story-controls button:focus-visible{outline:2px solid var(--terra);outline-offset:2px}.story-counter{font-variant-numeric:tabular-nums}.hero .portrait-stamp img{width:120px;height:145px}.hero .portrait-stamp{transform:rotate(-2deg)}.hero .intro{font-size:26px}.hero .eyebrow{margin-bottom:28px}.invitation{font-family:inherit;font-size:16px!important;border:0;padding-left:0}.questions h3{font-size:23px}.section-top>p:last-child:not(.eyebrow){max-width:700px}.hero-art .geometry-drift{animation:none}
@media(max-width:980px){.publication.illustrated,.earlier .publication.illustrated{grid-template-columns:270px minmax(0,1fr);gap:30px}.paper-story figcaption{min-height:8.25em}.hero .portrait-stamp img{width:96px;height:116px}}
@media(max-width:700px){.publication.illustrated,.earlier .publication.illustrated{grid-template-columns:1fr;gap:20px;padding:28px 0}.paper-story{max-width:420px}.paper-story figcaption{min-height:6.6em;font-size:14px}.illustrated h3,.earlier .illustrated h3{font-size:23px}.hero .portrait-stamp img{width:105px;height:127px}}
@media(prefers-reduced-motion:reduce){.story-frame{transition:none}}
@media print{.story-controls{display:none!important}.paper-story figcaption{min-height:0}.publication.illustrated{grid-template-columns:230px 1fr}}

@media(max-width:700px){.publication.illustrated .paper-copy{grid-row:1}.publication.illustrated .paper-story{grid-row:2}}

/* Current investigations use the same step-through explanations as papers. */
.project.project-illustrated{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;padding:36px 0;align-items:start}.project-copy{min-width:0}.project-copy h3{font-family:var(--serif);font-size:25px;line-height:1.3;font-weight:400;margin:8px 0 16px}.project-copy>p:last-child{font-size:15px;line-height:1.8;color:var(--muted);max-width:640px}.project-visual{margin:0;width:100%;align-self:start}.project-visual figcaption{min-height:6.6em}.research-project-link{display:inline-block;margin-top:8px;font-size:13px}
@media(max-width:980px){.project.project-illustrated{grid-template-columns:minmax(0,1fr) 275px;gap:30px}.project-visual figcaption{min-height:8.25em}}
@media(max-width:700px){.project.project-illustrated{grid-template-columns:1fr;gap:16px;padding:30px 0}.project-visual{max-width:420px;justify-self:center}.project-copy h3{font-size:24px}.project-visual figcaption{min-height:6.6em}}