/* The exhibition is drawn from world coordinates; the collection stays editorial. */
@media (min-width: 701px) {
  .stage .exhibit[data-side="right"] { text-align: left; }
  .stage .exhibit[data-side="right"] p { margin-left: 0; }
}
.hero .enter {
  border-bottom: 0;
  text-decoration: none;
  transition: color .2s ease;
}
.hero .enter:hover {
  color: #ffda91;
  text-decoration: none;
}
.hero .enter:focus-visible {
  outline: 1px solid var(--brass);
  outline-offset: 5px;
}
.site-footer {
  margin: 0 7vw;
  padding: 22px 0;
  align-items: center;
  gap: 20px;
}
.footer-linkedin {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  letter-spacing: .04em;
}
.footer-linkedin svg { width: 22px; height: 22px; flex: none; }
.site-footer .footer-home {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  text-decoration: none;
  transition: color .2s ease, text-shadow .2s ease;
}
.site-footer .footer-home:hover {
  color: var(--ivory);
  text-shadow: 0 0 12px #c6b18e55;
  text-decoration: none;
}
.site-footer .footer-home:focus-visible {
  outline: 1px solid var(--brass);
  outline-offset: 5px;
  text-decoration: none;
}
.footer-linkedin:hover { color: var(--ivory); }
.footer-linkedin:focus-visible { outline: 1px solid var(--brass); outline-offset: 5px; }
@media (max-width: 700px) {
  .site-footer { margin: 0 24px; gap: 12px 20px; }
}
.header-nav { display: flex; align-items: center; gap: 32px; }
.header-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  text-decoration: none;
  transition: color .2s ease;
}
.header-nav a:hover { color: #ffda91; text-decoration: none; }
@media (max-width: 700px) {
  .header-nav { gap: 16px; letter-spacing: .04em; }
  .header-nav .plus { display: none; }
}
@media (max-width: 360px) {
  .header-nav { gap: 10px; letter-spacing: 0; }
}
.contact-arrow {
  width: .85em;
  height: .85em;
  flex: none;
  align-self: center;
}
.contact-sculpture { display: block; width: 1em; height: 1em; }
.sculpture-orbits {
  transform-origin: 60px 60px;
  animation: orbit-sculpture 18s linear infinite;
}
@keyframes orbit-sculpture {
  from { transform: rotate(0deg) scale(.92); }
  50% { transform: rotate(180deg) scale(1); }
  to { transform: rotate(360deg) scale(.92); }
}
@media (prefers-reduced-motion: reduce) {
  .sculpture-orbits { animation: none; }
}
.about {
  padding: 100px 7vw 110px;
  background: #0b0b0c;
  position: relative;
  scroll-margin-top: 40px;
}
.about-top {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  color: var(--brass);
}
.about .about-top h2 {
  margin: 0;
  font: 400 14px/1.5 var(--mono);
  letter-spacing: .15em;
}
.about-portrait { margin: 0; width: min(100%, 320px); }
.about-portrait img { display: block; width: 100%; height: auto; }
.about-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8vw;
  padding: 65px 0 85px;
  align-items: start;
}
.about-copy { max-width: 560px; }
.about-copy p {
  font: 14px/1.95 var(--mono);
  color: #bcb2a1;
  margin: 22px 0 0;
}
.about-copy .about-statement {
  font: 400 clamp(30px, 3vw, 48px)/1.15 var(--serif);
  color: var(--ivory);
  margin-top: 0;
}
.about-record {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 8vw;
  border-top: 1px solid #a9896340;
  padding-top: 40px;
}
.about h3 { color: var(--brass); font-weight: 400; margin: 0 0 28px; }
.career-list { list-style: none; padding: 0; margin: 0; }
.career-list li {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 20px;
  padding: 24px 0;
}
.career-list li:last-child { border-bottom: 1px solid #a9896340; }
.career-date { font: 14px/1.7 var(--mono); color: #a99a82; }
.career-list h4 { font: 400 27px/1.15 var(--serif); margin: 0 0 9px; }
.career-list p { font: 14px/1.7 var(--mono); margin: 0; color: #bcb2a1; }
.about-details section + section {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #a9896340;
}
.about-details p { font: 400 23px/1.3 var(--serif); margin: 0 0 25px; }
.about-details p > span,
.about-details small {
  display: block;
  font: 14px/1.7 var(--mono);
  color: #a99a82;
}
.about-details p > span { margin-bottom: 5px; }
.about-details small { margin-top: 7px; }
@media (max-width: 700px) {
  .about { padding: 65px 24px 70px; }
  .about-top > span { display: none; }
  .about-intro { grid-template-columns: 1fr; gap: 36px; padding: 40px 0 50px; }
  .about-portrait { width: min(100%, 256px); }
  .about-record { grid-template-columns: 1fr; gap: 45px; padding-top: 30px; }
  .career-list li { grid-template-columns: 105px minmax(0, 1fr); gap: 14px; }
  .career-list h4 { font-size: 25px; }
  .contact h2 { font-size: 14vw; }
}
.walk-chapter{height:1350svh}.scroll-chapter:not(.walk-chapter){height:170svh}
.stage-bottom .bottom-center{pointer-events:auto;border-bottom:1px solid #a9896355;padding-bottom:5px}
.exhibit{max-width:34%;top:37%;padding:24px 0 24px 28px;background:linear-gradient(90deg,#0b0b0ce8,#0b0b0c00);text-shadow:none}
.exhibit h2{font-size:clamp(34px,3.7vw,60px)}
.exhibit[data-side="left"]:before{left:auto;right:-75px;width:75px}
.exhibit[data-side="left"]{border-left:0;border-right:1px solid var(--brass);padding:24px 28px 24px 0;background:linear-gradient(270deg,#0b0b0ce8,#0b0b0c00)}
.filters{display:flex;gap:32px;align-items:center;border-bottom:1px solid #3b342b;padding:0 0 22px;margin-bottom:8px;flex-wrap:wrap}
.filter{font:14px var(--mono);letter-spacing:.08em;background:transparent;border:0;color:#938675;padding:8px 0;cursor:pointer}
.filter sup{font-size:12px;margin-left:5px;color:var(--brass)}
.filter[aria-pressed="true"]{color:var(--ivory);border-bottom:1px solid var(--brass)}
.filter:focus-visible{outline:1px solid var(--brass);outline-offset:5px}
.work-row{grid-template-columns:28px minmax(130px,210px) minmax(170px,1fr) minmax(170px,1fr) 65px 25px;gap:25px;padding:28px 0;min-height:175px}
.work-thumb{margin:0;aspect-ratio:16/10;overflow:hidden;background:#211e19}
.work-thumb img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:transform .6s,filter .6s}
.work-row:hover .work-thumb img{transform:scale(1.045);filter:saturate(1)}
.work-title{font-size:clamp(25px,2.5vw,35px)}
.work-row:hover{padding-left:0;color:#fff4dd}
.work-result{font-size:14px}.work-year{line-height:1.8}
@media(max-width:1050px){.work-row{grid-template-columns:25px 160px 1fr 65px 20px;gap:20px}.work-result{grid-column:3;grid-row:2;margin:0}.work-title{align-self:end}.work-thumb{grid-column:2;grid-row:1/3}.work-number{grid-column:1;grid-row:1/3}.work-year{grid-column:4;grid-row:1/3}.row-arrow{grid-column:5;grid-row:1/3}.work-type{margin-top:7px}.work-row{row-gap:10px}}
@media(max-width:700px){.walk-chapter{height:1150svh}.work-row{grid-template-columns:95px 1fr 24px;gap:12px;padding:24px 0;min-height:145px}.work-number{display:none}.work-thumb{grid-column:1;grid-row:1/4;aspect-ratio:4/5;width:95px}.work-title{grid-column:2;grid-row:1;align-self:end;font-size:25px}.work-result{grid-column:2;grid-row:2;font-size:14px;line-height:1.7}.work-year{grid-column:2;grid-row:3;font-size:14px}.row-arrow{grid-column:3;grid-row:1/4}.filters{gap:20px;row-gap:8px}.filter{font-size:14px}.exhibit,.exhibit[data-side="left"]{max-width:82%;top:auto;bottom:10%;border-right:0;border-left:1px solid var(--brass);padding:15px 15px 15px 20px;background:linear-gradient(90deg,#0b0b0cdd,#0b0b0c66)}.exhibit h2{font-size:35px;margin:12px 0}.exhibit p{font-size:14px;line-height:1.7}.exhibit .eyebrow{font-size:14px}.exhibit a{font-size:14px}.exhibit:before,.exhibit[data-side="left"]:before{display:none}.stage-bottom{font-size:14px}.stage-bottom .bottom-center{display:block}.wall{top:29%}}
@media(prefers-reduced-motion:reduce){.walk-chapter{height:550svh}.scroll-chapter:not(.walk-chapter){height:110svh}.work-thumb img{transition:none}.work-row:hover .work-thumb img{transform:none}}

#exhibit-hotspots{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}
.museum-thumb-link{position:absolute;display:block;pointer-events:auto;cursor:pointer;visibility:hidden;outline:1px solid transparent;outline-offset:4px}
@media (hover:hover) and (pointer:fine){
 .museum-thumb-link:hover{outline-color:#f1e4c888;background:#fff4d507}
}
.museum-thumb-link:focus-visible{outline:2px solid var(--ivory);outline-offset:5px}
.shade{pointer-events:none}
.stage .exhibit,.stage .exhibit[data-side="left"]{max-width:none;bottom:auto;padding:13px 14px 14px;border:0;border-top:1px solid var(--brass);background:linear-gradient(180deg,#0b0b0cf2,#0b0b0cb0);text-shadow:none}
.stage .exhibit:before{display:none}
.stage .exhibit h2{font-size:clamp(26px,2.5vw,37px);line-height:1.03;margin:10px 0}
.stage .exhibit .eyebrow{font-size:14px;letter-spacing:.12em}
.stage .exhibit p{font-size:16px;line-height:1.4;margin-bottom:5px}
.stage .exhibit a {
  font-size: 14px;
  padding: 8px 0;
  border-bottom: 0;
  text-decoration: none;
  transition: color .2s ease;
}
@media (hover: hover) and (pointer: fine) {
  .stage .exhibit a:hover {
    color: #ffda91;
    text-decoration: none;
  }
}
.stage .exhibit a::after {
  content: '';
  position: absolute;
  inset: 0;
  cursor: pointer;
}
.stage .exhibit:has(a:focus-visible) {
  outline: 2px solid var(--brass);
  outline-offset: 4px;
}
@media(max-width:700px){.stage .exhibit h2{font-size:27px}.stage .exhibit,.stage .exhibit[data-side="left"]{padding:11px 12px}.stage .exhibit .eyebrow{font-size:14px}.stage .exhibit p{font-size:14px}}

html.lenis{scroll-behavior:auto!important}html.lenis,html.lenis body{height:auto}

/* A notebook assembled from individual paper elements, without a backdrop image. */
#wall.notebook-wall {
  --reveal: 0;
  inset: 0;
  z-index: 4;
  display: grid;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
  background: #121210;
  box-shadow: inset 0 0 180px #0009;
  pointer-events: none;
}

.notebook-art {
  position: absolute;
  inset: 0;
  z-index: -2;
}

#wall .diary-particles {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -3;
  pointer-events: none;
  opacity: var(--particle-reveal, 0);
}

.diary-paper {
  --angle: -5deg;
  position: absolute;
  margin: 0;
  padding: 20px;
  width: 21%;
  color: #5e5341;
  background: #d9c9a9;
  border: 1px solid #eee2c455;
  box-shadow: 4px 12px 28px #0008, inset 0 0 30px #856b3420;
  transform: translateY(calc((1 - var(--reveal)) * 70px)) rotate(var(--angle));
  transform-origin: 50% 0;
  opacity: var(--reveal);
}

.diary-paper::before {
  content: '';
  position: absolute;
  top: -10px;
  left: calc(50% - 9px);
  width: 18px;
  height: 29px;
  background: #a98963;
  border: 1px solid #d1b88580;
  box-shadow: 2px 3px 6px #0006;
}

.diary-paper svg {
  display: block;
  width: 100%;
  height: auto;
  margin: 15px 0;
}

.paper-index {
  font: 14px/1.5 var(--mono);
  letter-spacing: .12em;
}

.diary-paper figcaption {
  font: italic 16px/1.3 var(--serif);
  text-align: left;
}

.sketch-left { left: 3%; top: 19%; }
.sketch-right { --angle: 5deg; right: 3%; top: 23%; }
.photo-left { --angle: 6deg; left: 12%; top: 57%; width: 15%; }
.photo-right { --angle: -7deg; right: 12%; top: 60%; width: 15%; }

.diary-paper img, .diary-paper video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  filter: grayscale(1);
  margin-bottom: 12px;
}

.sketch-left img, .sketch-left video, .sketch-right img {
  aspect-ratio: 3 / 4;
  margin-top: 15px;
}

.notebook-word {
  position: absolute;
  top: 7%;
  left: 0;
  width: 100%;
  color: #eee4cd06;
  font: 400 24vw/.8 var(--serif);
  letter-spacing: .02em;
  pointer-events: none;
}

.notebook-copy {
  width: 44%;
  max-width: 620px;
  text-align: center;
  opacity: clamp(0, calc(var(--reveal) * 1.5 - .5), 1);
  transform: translateY(calc((1 - var(--reveal)) * 24px));
}

#wall .eyebrow {
  margin: 0 0 24px;
  color: #c6b18e;
  font-size: 14px;
  letter-spacing: .25em;
}

#wall h2 {
  margin: 24;
  color: var(--ivory);
  font: 400 clamp(40px, 5.2vw, 86px)/1.04 var(--serif);
  letter-spacing: -.035em;
  text-shadow: 0 2px 24px #0008;
}

#wall h2 em {
  font-weight: 400;
}

#wall .notebook-description {
  margin: 24px 0 30px;
  font: 14px/1.9 var(--mono);
  color: #c7bcaa;
}

.diary-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  min-height: 48px;
  padding: 14px 22px;
  border: 1px solid #a9896380;
  color: #dfbf87;
  background: #0b0b0c70;
  font: 14px/1.5 var(--mono);
  letter-spacing: .16em;
  pointer-events: auto;
  transition: background .2s, border-color .2s;
}

.diary-link:hover {
  background: #a9896325;
  border-color: var(--brass);
}

.diary-link:focus-visible {
  outline: 2px solid var(--ivory);
  outline-offset: 5px;
}

.diary-new-tab {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

#wall .notebook-footnote {
  position: absolute;
  bottom: 85px;
  margin: 0;
  color: #a99a83;
  font: italic 17px/1.5 var(--serif);
}

@media (max-width: 700px) {
  #wall.notebook-wall {
    align-content: center;
  }

  .notebook-art {
    top: 7%;
    bottom: auto;
    height: 30svh;
    width: 100%;
  }

  .diary-paper {
    padding: 10px;
    width: 34%;
  }

  .diary-paper svg { margin: 8px 0; }
  .paper-index { font-size: 14px; }
  .diary-paper figcaption { font-size: 14px; }
  .sketch-left { left: 5%; top: 0; }
  .sketch-right { right: 5%; top: 10%; }
  .photo-left { left: 27%; top: 42%; width: 23%; }
  .photo-right { right: 24%; top: 58%; width: 23%; }
  .diary-paper img, .diary-paper video { margin-bottom: 6px; }

  .diary-paper::before {
    width: 12px;
    height: 20px;
    left: calc(50% - 6px);
    top: -7px;
  }

  .notebook-word {
    top: 8%;
    font-size: 31vw;
  }

  .notebook-copy {
    width: calc(100% - 40px);
    max-width: 420px;
    margin-top: 27svh;
  }

  #wall h2 {
    font-size: clamp(38px, 11.5vw, 60px);
  }

  #wall .eyebrow {
    font-size: 14px;
    margin-bottom: 16px;
  }

  #wall .notebook-description {
    margin: 18px 0 23px;
    font-size: 14px;
  }

  .diary-link {
    font-size: 14px;
    padding: 13px 18px;
    gap: 18px;
  }

  #wall .notebook-footnote {
    display: none;
  }
}

@media (max-width: 700px) and (orientation: portrait) {
  .photo-left { left: 20%; top: 70%; width: min(29%, 23svh); }
  .photo-right { right: 20%; top: 70%; width: min(29%, 23svh); }
}

@media (max-height: 520px) and (orientation: landscape) {
  .notebook-copy { margin-top: 0; }
  #wall h2 { font-size: 42px; }
  #wall .eyebrow { margin-bottom: 12px; }
  #wall .notebook-description { margin: 12px 0 16px; }
  #wall .notebook-footnote { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .notebook-art, .notebook-copy { transform: none; }
  .diary-paper { transform: rotate(var(--angle)); }
}

@media (max-width: 700px) {
  #exhibit-link {
    font-size: 0;
    padding: 0;
    min-height: 0;
    border: 0;
  }
}
@media(max-width:700px){.stage .exhibit h2{font-size:clamp(26px,7vw,32px)}.stage .exhibit p{font-size:14px;line-height:1.65}.stage .exhibit .eyebrow{font-size:14px;line-height:1.65}.stage .exhibit a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;padding:10px 0}.stage .exhibit,.stage .exhibit[data-side="left"]{padding:13px 15px}.stage-bottom{font-size:10px;left:16px;right:16px;gap:10px}.stage-bottom .bottom-center{white-space:nowrap}.stage-bottom #chapter-label{max-width:42%;line-height:1.6}}