.project-reel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:25px;border-top:1px solid #61705f}.project-reel button{border:0;background:transparent;text-align:left;color:#c1caba;padding:16px 8px 12px;position:relative;border-top:2px solid transparent;margin-top:-1px;min-width:0;transition:background .25s,color .25s}.project-reel button span{display:block;font:11px var(--mono);margin-bottom:8px}.project-reel button b{font-size:12px;font-weight:400;white-space:nowrap}.project-reel button[aria-pressed=true]{border-top-color:#d0d4b8;color:#f5f0e5;background:#ffffff08}.project-reel button:hover{background:#ffffff0e}.feature-status{font:10px var(--mono);color:#c1caba;margin:13px 0 0;letter-spacing:.08em}.hero-image-link img.switching{opacity:.2}.hero-image-link img{transition:transform 1.1s var(--ease),opacity .25s}.home .hero-image-link{height:500px;flex:none}.home .hero{min-height:780px}.view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:40px}.view-toolbar>.mono{font-size:10px;color:var(--muted)}.view-switch{display:flex;gap:6px}.view-switch button{border:0;background:none;font-size:12px;padding:8px 15px;color:var(--muted)}.view-switch button[aria-pressed=true]{color:var(--ink);background:var(--soft)}.project-grid.is-index{display:block}.project-grid.is-index .project-card:nth-child(n){max-width:none;margin:0;grid-column:auto;border-bottom:1px solid var(--line);padding:28px 0}.project-grid.is-index .project-card:nth-child(n)>a{display:grid;grid-template-columns:230px 1fr;gap:45px;align-items:center}.project-grid.is-index .project-card:nth-child(n) .project-image{grid-column:1;grid-row:1;aspect-ratio:1.6}.project-grid.is-index .project-card:nth-child(n) .project-info{grid-column:2;grid-row:1}.project-grid.is-index .project-index,.project-grid.is-index .project-cta{display:none}.project-grid.is-index .project-meta{padding-top:0}.project-grid.is-index .project-focus{margin-top:10px}.project-grid.is-index .project-title-row{margin-top:13px}.project-grid.is-index .project-title-row h3{font-size:32px}.project-grid.is-index .project-card p{margin-top:8px}.project-image .view-project{pointer-events:none}
.scene-explorer{padding:80px 0 30px;scroll-margin-top:30px}.explorer-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.explorer-heading .mono{color:var(--green)}.explorer-heading h2{font:400 40px/1.4 var(--serif);margin:15px 0 0}.explorer-heading>p{font-size:13px;color:var(--muted);max-width:270px;margin:0 0 5px;line-height:1.9}.scene-layout{display:grid;grid-template-columns:1.8fr 1fr;background:var(--dark);color:var(--on-dark)}.scene-stage{position:relative;min-height:490px;overflow:hidden;background:#e8e4d9}.scene-stage>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.scene-stage>img.changing{opacity:.4}.scene-stage>img{transition:opacity .25s}.scene-info{padding:42px 34px;min-width:0}.scene-eyebrow{color:#c9d0bb}.scene-title{font:400 34px/1.4 var(--serif);margin:18px 0}.scene-description{font-size:13px;line-height:2;color:#c7cebf}.scene-detail{border-top:1px solid #596956;margin-top:26px;padding-top:23px}.scene-detail>.mono{color:#c9d0bb;font-size:10px}.scene-detail h4{font:400 23px/1.5 var(--serif);margin:12px 0}.scene-detail p{font-size:13px;line-height:2;color:#c7cebf;margin:0}.scene-point{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:1px solid #fff;background:#26372bd9;color:#fff;width:46px;height:46px;min-height:46px;border-radius:50%;font:13px var(--mono);box-shadow:0 0 0 6px #ffffff2b;transition:background .25s,box-shadow .25s}.scene-point[aria-pressed=true]{background:#f5f1e5;color:var(--ink);box-shadow:0 0 0 9px #ffffff30}.scene-point:hover{box-shadow:0 0 0 12px #ffffff30}.scene-enlarge{position:absolute;bottom:18px;right:18px;border:0;background:var(--paper);padding:9px 15px;border-radius:25px;font-size:11px;z-index:2}.scene-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:22px}.scene-tabs button{padding:0;border:0;background:none;text-align:left;border-bottom:2px solid transparent;opacity:.65;transition:opacity .25s,border-color .25s}.scene-tabs button[aria-pressed=true],.scene-tabs button:hover{opacity:1}.scene-tabs button[aria-pressed=true]{border-color:var(--green)}.scene-tabs img{width:100%;aspect-ratio:2.1;object-fit:cover}.scene-tabs span{display:block;font-size:12px;padding:14px 0}.scene-source{font-size:11px;color:var(--muted);line-height:1.8;margin:20px 0 0}.lightbox-filmstrip{display:flex;gap:10px;overflow:auto;flex-shrink:0;padding:10px 28px 15px;max-width:100%;justify-content:safe center}.lightbox-filmstrip button{flex:0 0 76px;min-width:0;height:57px;border:2px solid transparent;background:none;padding:2px;opacity:.5}.lightbox-filmstrip button[aria-pressed=true]{border-color:#d3d8bf;opacity:1}.lightbox-filmstrip button:hover{opacity:1}.lightbox-filmstrip img{width:100%;height:100%;object-fit:cover}.lightbox-footer{padding-bottom:12px}.scene-status{font-size:11px;color:var(--muted)}
@media(max-width:1100px){.scene-layout{grid-template-columns:1.5fr 1fr}.scene-stage{min-height:450px}.scene-info{padding:30px 26px}.scene-title{font-size:30px}.home .hero-image-link{height:450px}.home .hero{gap:35px}.project-reel button b{font-size:10px}}
@media(max-width:760px){.home .hero{min-height:0}.home .hero-image-link{height:auto;aspect-ratio:1.2}.project-reel{margin-top:21px;gap:0}.project-reel button{padding:14px 3px 11px}.project-reel button b{font-size:10px;writing-mode:horizontal-tb;white-space:normal;line-height:1.6}.project-reel button span{font-size:10px;margin-bottom:7px}.feature-status{font-size:9px}.view-toolbar{align-items:flex-start;gap:12px;flex-direction:column;padding-bottom:17px;margin-bottom:30px}.view-switch button{padding:8px 14px;font-size:12px}.project-grid.is-index .project-card:nth-child(n)>a{grid-template-columns:90px 1fr;gap:18px}.project-grid.is-index .project-card:nth-child(n) .project-image{aspect-ratio:.9}.project-grid.is-index .project-card p,.project-grid.is-index .project-focus{display:none}.project-grid.is-index .project-meta{font-size:9px;flex-wrap:wrap;padding-bottom:7px;gap:4px}.project-grid.is-index .project-title-row h3{font-size:24px}.project-grid.is-index .project-title-row>span{font-size:22px}.project-grid.is-index .project-card:nth-child(n){padding:23px 0}.scene-explorer{padding-top:48px}.explorer-heading{display:block;margin-bottom:25px}.explorer-heading h2{font-size:31px}.explorer-heading>p{font-size:13px;margin-top:18px;max-width:none}.scene-layout{grid-template-columns:1fr}.scene-stage{min-height:0;aspect-ratio:1.32}.scene-info{padding:28px 24px}.scene-title{font-size:29px;margin:15px 0}.scene-description{font-size:14px}.scene-detail{margin-top:20px;padding-top:20px}.scene-detail p{font-size:14px}.scene-point{width:44px;height:44px;min-height:44px;font-size:12px;box-shadow:0 0 0 4px #ffffff2b}.scene-enlarge{font-size:10px;padding:8px 13px;right:12px;bottom:12px}.scene-tabs{gap:12px;grid-template-columns:1fr 1fr;margin-top:18px}.scene-tabs span{font-size:12px;padding:12px 0}.scene-source{font-size:11px}.lightbox-filmstrip{padding:8px 12px 13px;gap:8px}.lightbox-filmstrip button{flex-basis:62px;height:49px}.lightbox .lightbox-header>span{display:none}}
.scene-tabs img{height:auto}.scene-stage{aspect-ratio:1.65;min-height:0;align-self:center}.scene-enlarge{color:var(--ink)}
@media(max-width:760px){.scene-stage{aspect-ratio:1.65}}
@media(prefers-reduced-motion:reduce){.hero-image-link img,.scene-stage>img{transition:none}.scene-point{transition:none}}


.project-image .view-project {
  display: block;
  right: auto;
  left: 20px;
  bottom: 18px;
  width: auto;
  height: auto;
  padding: 0 0 5px;
  border-bottom: 1px solid #f5f2e9a0;
  border-radius: 0;
  color: #fffdf5;
  background: transparent;
  text-shadow: 0 1px 6px #121913;
  font: 11px/1.4 var(--mono);
  letter-spacing: .12em;
  z-index: 2;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .22s ease, transform .32s var(--ease);
}
.project-image::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 75px;
  background: linear-gradient(transparent, #141c16ba);
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  transition: opacity .32s ease;
}
.project-card a:hover .view-project,
.project-card a:focus-visible .view-project,
.project-card a:hover .project-image::before,
.project-card a:focus-visible .project-image::before {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .project-image .view-project,
  .project-image::before { transition: none; }
}