/* A personal editorial composition; explanatory project players retain their controls. */
:root{--paper:#f7f3e9;--ink:#263e35;--line:#d6cebf}
header{border-bottom:1px solid var(--line);padding-top:25px;padding-bottom:25px}nav{font-size:12px;gap:12px 20px}h1{font-size:96px;letter-spacing:-4.8px}.hero{grid-template-columns:1.03fr 1fr;gap:45px;padding:64px 0 72px;align-items:center}.hero .eyebrow{font-size:9px;letter-spacing:1.8px;line-height:1.7}.hero .intro{font-size:26px;line-height:1.35;max-width:490px}.hero-links{gap:18px}.button{box-shadow:3px 3px 0 #d3c9b5}.hero figure.working-desk{position:relative;display:block;isolation:isolate;width:100%;height:580px;margin:0;align-self:center}
.desk-paper{position:absolute;inset:20px 16px 30px 30px;background:#eee7d8;border:1px solid #ded4c2;transform:rotate(2deg);z-index:-1;background-image:linear-gradient(#cfc7b838 1px,transparent 1px),linear-gradient(90deg,#cfc7b838 1px,transparent 1px);background-size:25px 25px}
.desk-portrait{position:absolute;left:16%;top:6%;width:58%;background:#fffcf5;padding:12px 12px 13px;transform:rotate(-5deg);box-shadow:0 10px 24px #253c3512;border:1px solid #d9d0c1}.hero .desk-portrait img{width:100%;height:305px;object-fit:cover;object-position:46% 42%;border-radius:0;filter:sepia(.12)}.desk-portrait span{display:block;margin-top:11px;font:italic 13px Georgia,serif;color:#657166}
.desk-note{position:absolute;display:block;text-decoration:none;box-shadow:0 7px 16px #233d350e;border:1px solid #d8cfbf;transition:transform .2s ease,box-shadow .2s ease}.desk-note span{display:block;font:12px/1.5 Georgia,serif;color:var(--ink)}.hero .desk-note img{width:100%;height:auto;border-radius:0;object-fit:contain}.note-team{width:41%;right:-1%;top:3%;background:#e7ebde;padding:12px;transform:rotate(7deg)}.note-team span{font-size:13px}.note-dither{width:65%;left:0;bottom:6%;padding:15px 16px 9px;background:#fffaf1;transform:rotate(-3deg)}.note-dither span{font-style:italic}.desk-note:hover{transform:rotate(0);box-shadow:0 9px 24px #233d3520}.hero .desk-crane{position:absolute;right:-3%;bottom:5%;width:37%;height:auto;object-fit:contain;transform:rotate(6deg)}.hero .working-desk figcaption{position:absolute;bottom:-15px;left:22px;margin:0;padding:0;border:0;font:italic 14px Georgia,serif;color:var(--muted)}
section{padding:68px 0}.section-top{max-width:800px}h2{font-size:43px}.section-top .eyebrow{margin-bottom:17px}.questions{gap:28px;margin-top:32px}.research-art{border:0;border-radius:0;background:#ece7d8!important;margin-bottom:21px;padding:12px}.questions article:nth-child(2) .research-art{background:#e9e4dc!important}.questions article:nth-child(3) .research-art{background:#e5e9df!important}.questions h3{font-size:23px}.questions .number{font:12px Georgia,serif;letter-spacing:2px}.research-art img{height:auto}.research-project-link{text-underline-offset:5px}
.publication.illustrated{gap:45px}.paper-story svg{background:#eee8dc55;border-radius:2px}.paper-story figcaption{color:#5c675d}.project.project-illustrated{gap:60px}.project-copy .meta{font-size:10px;letter-spacing:1px;text-transform:uppercase}.project-copy h3{font-size:28px}.paper-links a{padding:3px 0}.paper-story .story-controls{border-color:#dfd7ca}.project-copy>p:last-child{max-width:600px}
#community .story-list article{grid-template-columns:265px 1fr;align-items:center;gap:55px;padding:34px 0}.community-heading img{display:block;width:100%;height:auto;max-width:220px;margin:0 0 10px}.community-heading h3{font-size:24px}#community h3:before{display:none}
#beyond{display:block;background:transparent;margin:0;padding:60px 0;border-top:1px solid var(--line)}.life-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:25px;margin-top:34px}.life-note{border:1px solid var(--line);padding:28px 30px 32px;display:flex;flex-direction:column;justify-content:space-between}.life-note img{display:block;width:100%;height:235px;object-fit:contain;margin:0 0 22px}.life-football{grid-column:span 7;background:#e7ebdf}.life-making{grid-column:span 5;background:#f2e9db}.life-outdoors{grid-column:span 5;background:#ebe9df}.life-reading{grid-column:span 7;background:#f6efe3}.life-note h3{font:normal 28px/1.25 Georgia,serif;margin:10px 0 15px;letter-spacing:-.5px}.life-note p{font-size:14px;line-height:1.8;margin:10px 0 0;max-width:510px}.life-label{font-size:9px;letter-spacing:1.8px;color:var(--terra);font-weight:600}.life-football img{align-self:center;max-width:420px}.life-reading img{max-width:440px;align-self:center}.life-making img{transform:rotate(-3deg)}.life-outdoors img{transform:rotate(1deg)}footer{padding-top:30px;border-top:1px solid var(--line)}
@media(max-width:1100px){.hero{gap:28px}h1{font-size:83px}.hero figure.working-desk{height:510px}.hero .desk-portrait img{height:270px}.desk-portrait{left:12%;width:62%}.note-team{right:-2%;width:43%}.hero .desk-crane{bottom:4%;right:-2%}.note-dither{bottom:4%}.hero .working-desk figcaption{font-size:12px}.project.project-illustrated{gap:35px}.life-note{padding:23px}.life-note img{height:205px}}
@media(max-width:800px){header{gap:16px}.hero{grid-template-columns:1fr;gap:30px;padding-top:40px}.hero>div{max-width:640px}.hero figure.working-desk{max-width:520px;justify-self:center;height:560px}.hero .desk-portrait img{height:305px}.hero .intro{max-width:560px}h1{font-size:90px}.note-team{right:0}.hero .desk-crane{right:0}.life-grid{gap:18px}.life-note h3{font-size:26px}.life-note{padding:22px}.life-note img{height:190px}.community-heading img{max-width:180px}.project-copy h3{font-size:25px}}
@media(max-width:700px){header,main,footer{padding-left:24px;padding-right:24px}section{padding:45px 0}h2{font-size:36px}.hero .eyebrow{font-size:9px}nav{gap:12px 17px;font-size:12px}.hero figure.working-desk{height:470px;margin-bottom:25px}.hero .desk-portrait img{height:245px}.desk-portrait{padding:9px;width:60%;left:14%}.desk-portrait span{font-size:11px}.note-team{padding:9px}.note-team span,.note-dither span{font-size:11px}.note-dither{padding:12px;bottom:5%}.hero .working-desk figcaption{bottom:-9px;left:10px}.hero .desk-crane{bottom:4%}.questions article{display:block}.research-art{margin-bottom:17px;padding:10px}.research-art img{min-height:0;max-height:220px;object-fit:contain}.questions .number{margin-bottom:8px}.questions h3{font-size:25px}.questions p{font-size:14px}.questions{gap:32px}.publication.illustrated{gap:22px}.project.project-illustrated{gap:20px}.life-grid{grid-template-columns:1fr}.life-note{grid-column:1;padding:24px}.life-note img{height:215px;max-width:360px;align-self:center}.life-note h3{font-size:28px}.life-note p{font-size:15px}#beyond{padding-top:45px}#community .story-list article{grid-template-columns:1fr;gap:12px}.community-heading{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center}.community-heading img{margin:0}.community-heading h3{margin:0}.hero .intro{font-size:25px}}
@media(max-width:420px){.hero figure.working-desk{height:400px}.hero .desk-portrait img{height:212px}.desk-portrait span{font-size:10px}.hero .working-desk figcaption{font-size:11px}.note-team span{font-size:10px}.note-dither{bottom:2%;width:66%}.hero .desk-crane{bottom:2%}h1{font-size:80px}}
@media(prefers-reduced-motion:reduce){.desk-note{transition:none}}
@media print{.working-desk{display:none!important}.hero{grid-template-columns:1fr}.life-note{break-inside:avoid}.life-note img{height:140px}.life-grid{display:block}.life-note{margin-bottom:15px}}

/* A quieter introduction and legible, step-by-step research scenes. */
.hero{grid-template-columns:minmax(0,1fr) 184px;gap:70px;padding:54px 0 40px;align-items:start}
h1{font-size:clamp(48px,5.7vw,76px);line-height:1.1;letter-spacing:-3px;margin:0 0 23px}
.hero .eyebrow{margin-bottom:19px}.hero .intro{max-width:750px;font-size:27px}.hero>div>p{max-width:740px}.hero figure.portrait-small{width:184px;max-width:184px;margin:5px 0 0;padding:0;position:static;transform:none}
.hero .portrait-small img{display:block;width:184px;height:220px;max-width:100%;object-fit:cover;object-position:46% 42%;border-radius:3px;filter:none;box-shadow:none}
.hero .portrait-small figcaption{position:static;margin:10px 0 0;padding:0;border:0;font:italic 13px Georgia,serif;color:var(--muted);text-align:left}
#about{padding:32px 0 54px;grid-template-columns:220px minmax(0,1fr);gap:50px}#about h2{font-size:34px}#about p:first-child{margin-top:0}
.questions{display:block;margin-top:25px}.questions article{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);column-gap:70px;row-gap:10px;padding:34px 0;border-top:1px solid var(--line);align-items:start}.questions .number{grid-column:1;grid-row:1;margin:15px 0 0}.questions h3{grid-column:1;grid-row:2;font-size:32px;max-width:460px;margin:0}.questions p{grid-column:1;grid-row:3;font-size:16px;max-width:460px;line-height:1.8;margin:0}.questions .overview-visual{grid-column:2;grid-row:1/5;width:100%;margin:0;align-self:start}
.overview-visual svg{display:block;width:100%;height:auto;background:#eae5d9}.overview-visual figcaption{font-size:14px;line-height:1.6;min-height:88px;padding:15px 0 0}.overview-visual .story-controls{margin-top:10px}.paper-story .story-caption{min-height:0}.paper-story svg{border:1px solid #ddd4c4}.paper-story .story-controls button{min-height:36px;padding:5px 10px}.paper-story .story-controls button:focus-visible{outline:2px solid var(--terra);outline-offset:3px}.paper-story .story-frame.is-current{animation:story-enter .35s ease-out}
@keyframes story-enter{from{opacity:0}to{opacity:1}}
@media(max-width:980px){.hero{gap:36px}.questions article{column-gap:30px;grid-template-columns:minmax(0,1fr) minmax(300px,1fr)}#about{grid-template-columns:180px 1fr;gap:30px}.questions h3{font-size:28px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:22px;padding-top:32px}.hero figure.portrait-small{grid-row:1;width:112px;max-width:112px;margin:0}.hero .portrait-small img{width:112px;height:134px}.hero .portrait-small figcaption{display:none}.hero .intro{font-size:24px}.hero h1{font-size:50px;letter-spacing:-2px}.hero>div{min-width:0}#about{grid-template-columns:1fr;gap:15px;padding-top:30px}.questions article{grid-template-columns:1fr;gap:12px;padding:28px 0 36px}.questions .number,.questions h3,.questions p,.questions .overview-visual{grid-column:1;grid-row:auto}.questions .overview-visual{grid-row:4;margin-top:12px}.questions .number{grid-row:1}.questions h3{grid-row:2;font-size:28px}.questions p{grid-row:3;font-size:15px}.overview-visual figcaption{min-height:100px}.paper-story svg text{letter-spacing:0}.hero-links{gap:15px}.about .paper-links{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.paper-story .story-frame.is-current{animation:none}}
/* Keep explanations readable and reserve caption space across steps. */
.publication.illustrated,.earlier .publication.illustrated{grid-template-columns:400px minmax(0,1fr)}
.project.project-illustrated{grid-template-columns:minmax(0,1fr) 400px}
.paper-story figcaption{display:grid;font-size:14px}
.paper-story .story-caption{display:block!important;grid-area:1/1;visibility:hidden}
.paper-story .story-caption.is-current,.paper-story[data-step="0"] .story-caption[data-frame="0"]{visibility:visible}
@media(min-width:701px) and (max-width:980px){.publication.illustrated,.earlier .publication.illustrated{grid-template-columns:320px minmax(0,1fr)}.project.project-illustrated{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:700px){.publication.illustrated,.earlier .publication.illustrated,.project.project-illustrated{grid-template-columns:1fr}}

.contribution{font-size:.9rem;line-height:1.6;color:var(--muted,#536158);border-left:2px solid #bd9559;padding-left:12px;margin-top:14px;}

/* The paper’s conclusion, set apart without a contribution badge. */
.paper-takeaway{border-left:2px solid #bd9559;padding-left:14px;color:#233d35;font-weight:500;margin-top:14px;}
.direction-links,.visual-note,.current-footnote{font-size:.88rem;line-height:1.65;color:#526157;}
.questions article{grid-template-rows:min-content min-content min-content 1fr;}
.questions .direction-links{grid-row:4;font-size:.85rem;margin-top:8px;}
@media(max-width:700px){.questions article{grid-template-rows:auto;}.questions .overview-visual{grid-row:5;}.questions .direction-links{grid-row:4;}}
.current-footnote{max-width:820px;margin-top:28px;}
.visual-legend{display:flex;flex-wrap:wrap;gap:7px 14px;padding:13px 18px 3px;font:12px/1.4 Arial,sans-serif;color:#31473c;}
.visual-legend span{display:inline-flex;align-items:center;gap:6px;}
.symbol{display:inline-block;width:12px;height:12px;flex:none;}
.robot-symbol{border:2px solid #a34d34;}.person-symbol{border-radius:50%;background:#233d35;width:8px;height:8px;}
.space-symbol{border-radius:50%;background:#e3e8dc;border:1px solid #829889;}
.talk-symbol{height:0;border-top:2px solid #bd9559;}.obstacle-symbol{background:#e5d4bf;border:1px solid #bd9559;}
.route-symbol{height:0;border-top:2px solid #a34d34;}.direct-symbol{height:0;border-top:2px dashed #829889;}
.flag-symbol,.cross-symbol{color:#a34d34;font-size:17px;font-weight:400;line-height:12px;}
