:root {
  --ink:#141d29;
  --deep:#101a24;
  --paper:#f3f1e9;
  --white:#f1f3ed;
  --mint:#b8d6ac;
  --gold:#d9bd80;
  --blue:#92b9cb;
  --muted:#a7b0b6;
  --line:rgba(224,237,229,.18);
  --section-space:112px;
  --section-space-mobile:76px;
  --body-size:14px;
  --small-size:11px;
  --label-size:10px
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:90px
}
body {
  margin:0;
  background:var(--deep);
  color:var(--white);
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  -webkit-font-smoothing:antialiased
}
a {
  color:inherit;
  text-decoration:none
}
button {
  font:inherit
}
a,button {
  -webkit-tap-highlight-color:transparent
}
a:focus-visible,button:focus-visible,summary:focus-visible {
  outline:3px solid #729657;
  outline-offset:7px
}
img {
  max-width:100%;
  height:auto;
  display:block
}
p {
  line-height:1.9
}
h1,h2,h3,p {
  margin-top:0
}
h2 {
  font-size:clamp(32px,3.8vw,58px);
  line-height:1.55;
  letter-spacing:.015em;
  font-weight:600
}
h3 {
  font-weight:600
}
.mono,.eyebrow,.brand-note,.portrait-index {
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace
}
.eyebrow {
  font-size:var(--label-size);
  letter-spacing:.13em;
  line-height:1.7;
  margin-bottom:24px
}
.mint {
  color:var(--mint)
}
.gold {
  color:var(--gold)
}
.blue {
  color:var(--blue)
}
.skip-link {
  position:fixed;
  top:-100px;
  left:20px;
  padding:12px;
  background:var(--paper);
  color:var(--ink);
  z-index:100
}
.skip-link:focus {
  top:12px
}
.site-header {
  height:86px;
  padding:0 5%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:10;
  border-bottom:1px solid var(--line)
}
.brand {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:21px;
  font-weight:500;
  white-space:nowrap
}
.brand-mark {
  font-size:38px;
  font-weight:400;
  color:var(--mint);
  line-height:1
}
.brand-slash {
  color:#78918a
}
.brand-note {
  font-size:8px;
  letter-spacing:.13em;
  max-width:90px;
  white-space:normal;
  margin-left:14px;
  line-height:1.6;
  color:var(--muted)
}
nav {
  display:flex;
  gap:29px;
  align-items:center;
  font-size:12px
}
nav a {
  padding:10px 0
}
nav a:hover {
  color:var(--mint)
}
.nav-blog {
  border-left:1px solid var(--line);
  padding-left:28px
}
.hero {
  min-height:850px;
  height:100svh;
  max-height:1150px;
  position:relative;
  overflow:hidden;
  padding:155px 6% 70px;
  background:radial-gradient(ellipse at 76% 58%,#263a38 0,transparent 48%),#121e28
}
.hero-grid {
  position:absolute;
  inset:0;
  background-image:radial-gradient(#98a992 1px,transparent 1px);
  background-size:34px 34px;
  opacity:.15;
  mask-image:linear-gradient(to right,transparent,black)
}
.hero-content {
  position:relative;
  z-index:3;
  pointer-events:none
}
.hero-content a {
  pointer-events:auto
}
.hero .eyebrow {
  margin-bottom:32px;
  color:#bbccbf
}
.status-dot {
  display:inline-block;
  width:6px;
  height:6px;
  background:var(--mint);
  border-radius:50%;
  margin-right:10px;
  vertical-align:middle
}
.hero h1 {
  font-size:clamp(42px,5.4vw,86px);
  line-height:1.5;
  font-weight:600;
  letter-spacing:-.045em;
  margin-bottom:24px
}
.hero h1 span {
  color:var(--mint)
}
.hero-description {
  font-size:var(--body-size);
  color:#c0cbc8;
  line-height:2;
  margin-bottom:14px
}
.hero-identity {
  font-size:12px;
  color:#aebfba;
  line-height:1.9;
  margin-bottom:0
}
.hero-actions {
  display:flex;
  align-items:center;
  gap:24px
}
.pill-link {
  display:inline-flex;
  align-items:center;
  gap:52px;
  font-size:12px;
  border:1px solid #6c8179;
  padding:15px 23px;
  border-radius:40px;
  margin-top:20px;
  transition:background .2s
}
.pill-link:hover {
  background:#3b5045
}
.pill-link span {
  font-size:20px
}
.hero-sub-link {
  margin-top:20px;
  padding:13px 2px 10px;
  border-bottom:1px solid #6c8179;
  font-size:11px
}
.hero-sub-link span {
  margin-left:16px
}
.hero-sub-link:hover {
  color:var(--mint);
  border-color:var(--mint)
}
.hero-people {
  position:absolute;
  width:57%;
  right:1%;
  bottom:83px;
  height:57%;
  display:flex;
  align-items:end;
  z-index:2
}
.portrait {
  width:56%;
  position:relative;
  isolation:isolate
}
.portrait:before {
  content:"";
  position:absolute;
  inset:12% 5% 0;
  border:1px solid #b8d6ac33;
  border-radius:50% 50% 0 0;
  z-index:-1;
  background:linear-gradient(160deg,#a3bf9722,transparent)
}
.portrait img {
  width:100%;
  position:relative;
  mask-image:linear-gradient(black 78%,transparent 100%)
}
.portrait-mako {
  transform:translateY(-36px);
  z-index:2
}
.portrait-tefu {
  margin-left:-10%;
  transform:translateY(10px)
}
.portrait-index {
  position:absolute;
  top:8%;
  right:10%;
  font-size:9px;
  letter-spacing:.1em;
  color:#9eada3;
  z-index:3
}
.person-label {
  margin-top:-27px;
  position:relative;
  text-align:center;
  z-index:4
}
.person-label strong {
  font-size:17px;
  font-weight:500;
  display:block;
  letter-spacing:.07em
}
.person-label small {
  font:10px ui-monospace,monospace;
  color:#b9c2b8
}
.person-label>span {
  display:block;
  font-size:10px;
  margin-top:8px;
  color:#b4beb7
}
.hero-orbit {
  position:absolute;
  width:720px;
  height:720px;
  right:-8%;
  top:14%;
  border:1px solid #a9c19a20;
  border-radius:50%;
  transform:rotate(-25deg)
}
.hero-orbit:before,.hero-orbit:after {
  content:"";
  position:absolute;
  border:1px solid #a9c19a18;
  inset:50px -100px;
  border-radius:50%
}
.hero-orbit:after {
  inset:120px -200px
}
.hero-orbit span {
  position:absolute;
  width:6px;
  height:6px;
  background:var(--mint);
  border-radius:50%;
  top:15%;
  left:13%
}
.hero-orbit span:nth-child(2) {
  top:60%;
  left:99%;
  background:var(--gold)
}
.hero-orbit span:nth-child(3) {
  top:93%;
  left:23%
}
.hero-bottom {
  position:absolute;
  bottom:0;
  left:6%;
  right:6%;
  border-top:1px solid var(--line);
  height:65px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:10px;
  color:#b8c4ba
}
.hero-bottom .mono {
  font-size:9px;
  letter-spacing:.12em
}
.scroll-line {
  display:inline-block;
  width:44px;
  height:1px;
  background:#839d86;
  margin:0 0 3px 16px
}
.intro-strip {
  padding:var(--section-space) 8%;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  align-items:start;
  gap:9%;
  border-bottom:1px solid var(--line)
}
.intro-copy .eyebrow {
  margin-bottom:20px
}
.intro-copy h2 {
  margin-bottom:32px
}
.intro-copy>p:last-child {
  font-size:var(--body-size);
  color:var(--muted);
  margin:0;
  line-height:2.1
}
.intro-evidence {
  padding-top:5px
}
.intro-evidence-title {
  font:var(--label-size)/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.13em;
  color:var(--muted);
  margin-bottom:12px
}
.intro-evidence ul {
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--line)
}
.intro-evidence li {
  display:grid;
  grid-template-columns:62px 1fr;
  gap:2px 14px;
  padding:18px 0;
  border-bottom:1px solid var(--line)
}
.intro-evidence li>span {
  grid-row:1 / 3;
  font:var(--label-size)/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.1em;
  color:var(--mint)
}
.intro-evidence strong {
  font-size:var(--body-size);
  font-weight:500
}
.intro-evidence small {
  color:var(--muted);
  font-size:var(--small-size);
  line-height:1.8
}
.intro-evidence>a {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:24px;
  padding:16px 18px;
  background:rgba(143,221,212,.1);
  color:var(--mint);
  font-size:13px
}
.intro-evidence>a:hover {
  background:rgba(143,221,212,.18)
}
.mobile-break {
  display:none
}
.exploration {
  display:grid;
  grid-template-columns:1fr 1fr;
  position:relative;
  padding:0 6%;
  gap:7%
}
.exploration-stage {
  position:sticky;
  top:0;
  height:100svh;
  min-height:610px;
  max-height:1100px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:60px 0
}
.stage-top,.stage-bottom {
  display:flex;
  justify-content:space-between;
  gap:10px
}
.stage-top {
  font-size:9px;
  letter-spacing:.06em;
  color:#a5b5ac;
  padding-bottom:22px;
  border-bottom:1px solid var(--line)
}
.stage-top>span:last-child {
  color:#99b394
}
.canvas-wrap {
  height:56%;
  min-height:280px;
  position:relative
}
canvas {
  width:100%;
  height:100%;
  display:block
}
.field-fallback {
  position:absolute;
  inset:20%;
  font:45px/1.5 ui-monospace,monospace;
  color:var(--mint);
  letter-spacing:.2em;
  text-align:center
}
.canvas-ready .field-fallback,.canvas-ready .tree-fallback {
  display:none
}
.stage-bottom {
  align-items:center;
  border-top:1px solid var(--line);
  padding-top:24px
}
.stage-bottom>span:first-child {
  font-size:17px;
  letter-spacing:.07em
}
.stage-bottom>span:last-child {
  font-size:8px;
  color:var(--muted)
}
.stage-progress {
  display:flex;
  gap:6px;
  margin-top:28px
}
.stage-progress i {
  height:2px;
  background:#3e4c46;
  flex:1
}
.stage-progress i.active {
  background:var(--mint)
}
.chapter {
  min-height:100svh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:70px 0
}
.chapter h2 {
  font-size:clamp(32px,3.4vw,51px);
  margin-bottom:30px
}
.chapter>p:not(.eyebrow) {
  font-size:var(--body-size);
  color:#b2bdb7;
  line-height:2.1
}
.text-link {
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:13px;
  padding:16px 0;
  border-bottom:1px solid #697c70;
  max-width:340px;
  margin-top:12px
}
.text-link:hover {
  color:var(--mint)
}
.text-link span {
  font-size:19px
}
.aside-character {
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:36px
}
.aside-character img {
  width:72px;
  height:72px;
  border-radius:50%;
  background:#2c3937;
  object-fit:cover
}
.aside-character p {
  font-size:13px;
  line-height:1.8;
  margin:0;
  color:#cfdbcb
}
.aside-character p span {
  display:block;
  font:var(--label-size) ui-monospace,monospace;
  letter-spacing:.1em;
  margin-bottom:7px;
  color:#8d9c8f
}
.chapter-foot {
  color:var(--gold);
  font-size:9px;
  letter-spacing:.1em;
  margin-top:50px
}
.fractal-section {
  position:relative;
  min-height:850px;
  display:flex;
  align-items:center;
  padding:120px 8%;
  background:radial-gradient(ellipse at 72% 65%,#263d30,transparent 64%),#15261f;
  border-top:1px solid var(--line);
  overflow:hidden
}
.fractal-heading {
  position:relative;
  z-index:2;
  width:43%;
  pointer-events:none
}
.fractal-heading a {
  pointer-events:auto
}
.fractal-heading h2 {
  font-size:clamp(32px,3.6vw,54px)
}
.fractal-heading>p:not(.eyebrow) {
  font-size:13px;
  color:#b5c2b0
}
.tree-art {
  position:absolute;
  right:0;
  bottom:65px;
  width:65%;
  height:80%
}
.tree-fallback {
  position:absolute;
  top:20%;
  left:15%;
  width:70%
}
.tree-formula {
  position:absolute;
  bottom:15px;
  right:17%;
  color:#859b7e;
  font-size:9px;
  letter-spacing:.15em
}
.tree-controls {
  position:absolute;
  bottom:38px;
  right:8%;
  left:8%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-top:1px solid #9eb99240;
  padding-top:20px
}
.tree-controls>span {
  font-size:10px;
  color:#acbea1;
  letter-spacing:.1em
}
.tree-controls button {
  border:0;
  background:none;
  color:var(--white);
  font-size:12px;
  cursor:pointer;
  padding:8px 0
}
.tree-controls button span {
  margin-left:35px;
  font-size:21px
}
.light-section {
  background:var(--paper);
  color:var(--ink)
}
.works-section {
  padding:var(--section-space) 8%
}
.section-heading {
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:end;
  margin-bottom:64px
}
.section-heading .eyebrow {
  font-size:var(--label-size);
  color:#64715f
}
.section-heading h2 {
  margin:0
}
.section-heading>p {
  font-size:var(--body-size);
  color:#687166;
  margin-bottom:10px
}
.work-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:72px 40px
}
.work-card {
  display:block;
  scroll-margin-top:40px
}
.work-art {
  aspect-ratio:1.6;
  position:relative;
  overflow:hidden;
  transition:transform .4s
}
.work-card:hover .work-art {
  transform:translateY(-5px)
}
.art-kicker {
  position:absolute;
  top:22px;
  left:25px;
  font-size:8px;
  letter-spacing:.08em
}
.art-corner {
  position:absolute;
  right:24px;
  bottom:16px;
  font-size:27px
}
.rfc-art {
  background:#dce4d6;
  color:#3d5140;
  display:grid;
  place-items:center
}
.rfc-papers {
  display:flex;
  gap:15px;
  transform:rotate(-7deg);
  margin-top:25px
}
.rfc-papers>span {
  display:block;
  background:#f8f8ef;
  width:130px;
  height:170px;
  padding:20px;
  font:11px ui-monospace,monospace;
  box-shadow:3px 10px 15px #233a2812
}
.rfc-papers>span:nth-child(2) {
  transform:translateY(13px) rotate(12deg)
}
.rfc-papers b {
  display:block;
  font-size:26px;
  margin:12px 0
}
.rfc-papers i {
  font-size:12px;
  line-height:1.7;
  color:#a3b49c
}
.writing-art {
  background:#e5dbc5;
  color:#504d36;
  display:flex;
  align-items:center;
  justify-content:center
}
.editorial-title {
  font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:54px;
  line-height:1.5;
  letter-spacing:.08em;
  margin-top:15px
}
.editorial-title span {
  font-size:21px
}
.tls-art {
  background:#23323e;
  color:#abc4cb;
  display:grid;
  place-items:center
}
.tls-visual {
  display:flex;
  width:min(88%,640px);
  gap:clamp(14px,2vw,32px);
  align-items:center;
  font-size:clamp(12px,1.1vw,20px);
  letter-spacing:.15em
}
.tls-visual i {
  font-style:normal;
  color:#759eab
}
.tls-version {
  position:absolute;
  bottom:23px;
  left:25px;
  font-size:10px
}
.fractal-card-art {
  background:#e0e4d7
}
.fractal-card-art img {
  width:100%;
  height:100%;
  object-fit:cover;
  mix-blend-mode:multiply;
  opacity:.8
}
.fractal-card-art .art-kicker {
  background:#e0e4d7dc;
  padding:5px
}
.work-meta {
  font-size:var(--label-size);
  color:#737d6e;
  letter-spacing:.08em;
  margin:22px 0 10px
}
.work-card h3 {
  font-size:23px;
  display:flex;
  justify-content:space-between;
  margin-bottom:14px
}
.work-card h3>span {
  font-size:19px
}
.work-card p {
  font-size:13px;
  line-height:1.95;
  color:#646d63;
  margin:0
}
.serial-links {
  margin-top:24px;
  border-top:1px solid #c8cdbf
}
.serial-links>a {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:16px 0;
  border-bottom:1px solid #c8cdbf
}
.serial-links span,
.serial-links b,
.serial-links small {
  display:block
}
.serial-links b {
  font-size:13px;
  font-weight:600;
  margin-bottom:4px
}
.serial-links small {
  font-size:var(--small-size);
  line-height:1.65;
  color:#7f8a82
}
.serial-links em {
  flex-shrink:0;
  font-size:var(--small-size);
  font-style:normal;
  color:#6d9e9a
}
.serial-links>a:hover b,
.serial-links>a:hover em {
  color:var(--mint)
}
.all-works-link {
  display:flex;
  justify-content:space-between;
  border-top:1px solid #c8cdbf;
  border-bottom:1px solid #c8cdbf;
  padding:24px 0;
  margin-top:65px;
  font-size:13px
}
.about-section {
  padding:var(--section-space) 8%;
  border-top:1px solid #d4d7ca
}
.profile-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px
}
.profile-card {
  display:flex;
  align-items:center;
  gap:25px
}
.profile-image {
  width:42%;
  flex-shrink:0;
  overflow:hidden;
  border-radius:50% 50% 0 0
}
.profile-image img {
  margin-top:12px
}
.mako-bg {
  background:#dce3d3
}
.tefu-bg {
  background:#e8dfc9
}
.profile-card .eyebrow {
  font-size:var(--label-size);
  margin-bottom:12px;
  color:#6b7764
}
.profile-card h3 {
  font-size:23px;
  margin-bottom:10px
}
.profile-card h3 small {
  display:block;
  font:var(--small-size) ui-monospace,monospace;
  color:#737b6f;
  margin-top:7px
}
.profile-card p:last-child {
  font-size:13px;
  color:#64705f
}
.biography {
  font-size:var(--body-size);
  line-height:2.1;
  max-width:820px;
  margin:64px auto
}
.archive {
  border-top:1px solid #c8cdbf
}
.archive:last-child {
  border-bottom:1px solid #c8cdbf
}
summary {
  cursor:pointer;
  font-size:14px;
  display:flex;
  justify-content:space-between;
  padding:24px 0;
  list-style:none
}
summary::-webkit-details-marker {
  display:none
}
summary span {
  font-size:18px
}
details[open]>summary span {
  transform:rotate(45deg)
}
.archive-content {
  padding:15px 0 40px;
  font-size:12px;
  line-height:1.9;
  overflow-wrap:anywhere
}
.archive-content a {
  color:#496547;
  text-decoration:underline;
  text-underline-offset:3px
}
.archive-content table {
  width:100%;
  border-collapse:collapse
}
.archive-content td {
  padding:12px 8px;
  vertical-align:top;
  border-bottom:1px solid #dce0d4
}
.archive-content td:first-child {
  min-width:85px
}
.archive-content .row>article {
  margin-bottom:40px
}
.archive-content img {
  max-width:340px;
  width:100%;
  margin:25px 0 15px
}
.archive-content h4 {
  margin:8px 0
}
.history-note {
  font-size:10px;
  color:#737b6d;
  margin-top:20px
}
.archive-content .history-note {
  margin:0 0 16px
}
.contact-section {
  padding:95px 8% 0;
  background:#14251f
}
.contact-section h2 {
  font-size:clamp(32px,4.5vw,67px);
  margin-bottom:55px
}
.contact-links {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 60px;
  margin-bottom:90px
}
.contact-links a {
  border-top:1px solid #9eb99240;
  padding:23px 0;
  display:flex;
  justify-content:space-between;
  gap:15px;
  font-size:18px
}
.contact-links a:hover {
  color:var(--mint)
}
.contact-links a span {
  font-size:11px;
  color:#a8b9a1;
  align-self:center
}
.footer-bottom {
  border-top:1px solid #9eb99240;
  min-height:95px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px
}
.footer-bottom>span {
  font-size:9px;
  color:#97a991
}
.footer-bottom>a:last-child {
  font:9px ui-monospace,monospace;
  color:#bfccb9
}
.footer-bottom .brand {
  font-size:18px
}
@media(min-width:1600px) {
  .hero-content {
  padding-top:30px
}
.hero-people {
  max-width:930px;
  right:3%
}
.hero-description {
  font-size:15px
}
}
@media(max-width:1100px) {
  .hero {
  min-height:880px;
  padding-top:145px
}
.hero h1 {
  font-size:58px
}
.hero-people {
  width:63%;
  bottom:82px
}
.hero-description {
  max-width:390px
}
.intro-strip {
  gap:6%
}
.brand-note {
  display:none
}
.exploration {
  gap:5%
}
.chapter>p:not(.eyebrow) {
  font-size:12px
}
.stage-bottom {
  flex-wrap:wrap
}
.profile-card {
  gap:15px
}
.profile-card h3 {
  font-size:17px
}
.rfc-papers>span {
  width:105px;
  height:145px;
  padding:15px
}
.editorial-title {
  font-size:44px
}
}
@media(max-width:760px) {
  html {
  scroll-padding-top:20px
}
.site-header {
  height:72px;
  padding:0 6%
}
.brand {
  font-size:17px;
  gap:6px
}
.brand-mark {
  font-size:30px
}
nav {
  gap:18px;
  font-size:11px
}
nav a {
  display:none
}
nav a[href="#writing"] {
  display:block!important
}
.site-header nav {
  position:absolute;
  right:6%;
  top:18px
}
.site-header nav a[href="#writing"] {
  padding:9px 14px;
  border:1px solid var(--line)
}
.hero {
  height:auto;
  min-height:940px;
  padding:125px 7% 500px
}
.hero .eyebrow {
  font-size:9px;
  letter-spacing:.1em;
  margin-bottom:24px
}
.hero h1 {
  font-size:clamp(35px,7.4vw,54px);
  line-height:1.5;
  margin-bottom:22px
}
.hero-description {
  font-size:13px;
  line-height:1.9
}
.hero-identity {
  font-size:11px;
  line-height:1.85
}
.hero-description br {
  display:none
}
.hero-actions {
  gap:18px
}
.pill-link {
  font-size:11px;
  margin-top:12px;
  padding:11px 19px;
  gap:32px
}
.hero-sub-link {
  margin-top:12px;
  padding-bottom:8px;
  font-size:11px
}
.hero-people {
  width:96%;
  right:2%;
  bottom:90px;
  height:370px;
  max-width:590px
}
.portrait {
  width:57%
}
.portrait-mako {
  transform:translateY(-23px)
}
.portrait-tefu {
  transform:translateY(0)
}
.portrait-index {
  font-size:7px
}
.person-label strong {
  font-size:14px
}
.person-label>span {
  font-size:9px
}
.hero-orbit {
  top:44%;
  width:500px;
  height:500px;
  right:-25%
}
.hero-bottom {
  height:60px
}
.hero-coordinate {
  display:none
}
.hero-bottom>span:first-child {
  font-size:9px
}
.hero-bottom .mono {
  font-size:8px
}
.scroll-line {
  width:24px;
  margin-left:5px
}
.intro-strip {
  padding:var(--section-space-mobile) 8%;
  grid-template-columns:1fr;
  gap:52px
}
.intro-copy h2 {
  font-size:34px;
  line-height:1.55
}
.intro-copy>p:last-child {
  font-size:13px
}
.intro-copy>p:last-child br {
  display:none
}
.intro-evidence li {
  grid-template-columns:54px 1fr
}
.mobile-break {
  display:block
}
.exploration {
  display:block;
  padding:0 8%
}
.exploration-stage {
  position:relative;
  min-height:0;
  height:430px;
  padding:45px 0 20px
}
.canvas-wrap {
  height:280px;
  min-height:0
}
.stage-top {
  font-size:8px
}
.stage-bottom>span:first-child {
  font-size:14px
}
.stage-bottom>span:last-child {
  font-size:7px
}
.stage-progress {
  display:none
}
.chapter {
  min-height:0;
  padding:var(--section-space-mobile) 0;
  border-bottom:1px solid var(--line)
}
.chapter h2 {
  font-size:34px
}
.chapter .eyebrow {
  margin-bottom:22px
}
.chapter>p:not(.eyebrow) {
  font-size:13px
}
.chapter>p br {
  display:none
}
.chapter>p.eyebrow {
  font-size:10px
}
.aside-character {
  margin-top:28px
}
.chapter-foot {
  margin-top:28px
}
.chapter:before {
  content:attr(data-visual);
  font:13px ui-monospace,monospace;
  letter-spacing:.18em;
  color:var(--gold);
  order:2;
  white-space:pre-line;
  line-height:2;
  margin-top:25px
}
.fractal-section {
  display:block;
  padding:70px 8% 470px;
  min-height:920px
}
.fractal-heading {
  width:100%
}
.fractal-heading h2 {
  font-size:34px
}
.fractal-heading>p:not(.eyebrow) {
  font-size:12px
}
.tree-art {
  width:110%;
  height:450px;
  right:-5%;
  bottom:70px
}
.tree-formula {
  font-size:8px;
  bottom:5px
}
.tree-controls {
  bottom:25px
}
.tree-controls button {
  font-size:11px
}
.tree-controls button span {
  margin-left:15px
}
.works-section,.about-section {
  padding:var(--section-space-mobile) 8%
}
.section-heading {
  display:block;
  margin-bottom:48px
}
.section-heading h2 {
  font-size:35px
}
.section-heading>p {
  margin:24px 0 0;
  font-size:13px
}
.section-heading .eyebrow {
  font-size:9px;
  margin-bottom:20px
}
.work-grid {
  grid-template-columns:1fr;
  gap:52px
}
.work-art {
  aspect-ratio:1.4
}
.art-kicker {
  font-size:7px;
  left:20px
}
.work-card h3 {
  font-size:21px
}
.work-card p {
  font-size:13px
}
.rfc-papers>span {
  height:150px;
  width:110px
}
.editorial-title {
  font-size:47px
}
.all-works-link {
  margin-top:40px;
  font-size:12px
}
.profile-grid {
  grid-template-columns:1fr;
  gap:35px
}
.profile-card {
  gap:20px
}
.profile-image {
  width:38%
}
.profile-card h3 {
  font-size:21px
}
.profile-card p:last-child {
  font-size:13px
}
.biography {
  font-size:13px;
  line-height:2.05;
  margin:48px 0
}
.archive-content {
  font-size:11px
}
.archive-content td {
  padding:10px 4px
}
.archive-content td:first-child {
  min-width:66px
}
summary {
  font-size:13px
}
.contact-section {
  padding:var(--section-space-mobile) 8% 0
}
.contact-section h2 {
  font-size:32px
}
.contact-links {
  grid-template-columns:1fr;
  margin-bottom:55px
}
.contact-links a {
  font-size:17px
}
.footer-bottom {
  flex-wrap:wrap;
  padding:25px 0;
  gap:20px
}
.footer-bottom>span {
  order:3;
  width:100%;
  font-size:8px
}
}
@media(min-width:761px) and (max-height:650px) {
  .exploration-stage {
  position:relative;
  height:650px
}
.chapter {
  min-height:650px
}
}
@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto
}
*,*:before,*:after {
  transition:none!important;
  animation:none!important
}
.exploration-stage {
  position:relative;
  height:650px
}
.hero-people {
  transform:none!important
}
}
.chapter-visual {
  display:none;
  position:relative;
  height:230px;
  margin-bottom:35px
}
.chapter-visual-fallback {
  position:absolute;
  inset:40% 0;
  text-align:center;
  font:11px monospace;
  color:var(--gold)
}
.canvas-ready .chapter-visual-fallback {
  display:none
}
@media(max-width:760px) {
  .hero {
  min-height:800px;
  padding-bottom:370px
}
.hero-people {
  height:290px
}
.chapter-visual {
  display:block
}
.chapter:before {
  display:none
}
}
@media(prefers-reduced-motion:reduce) {
  .chapter-visual {
  display:block
}
}
@media(min-width:761px) and (max-height:650px) {
  .chapter-visual {
  display:block
}
}