/* Unified editorial system: large media, quiet controls, native scrolling. */
.portfolio-index{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 36px;padding:0;background:transparent}
.portfolio-index summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;padding:22px 0;font-size:clamp(20px,2.2vw,30px);letter-spacing:-.03em}
.portfolio-index summary::-webkit-details-marker{display:none}
.index-count{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.portfolio-index[open] .index-count{color:var(--ink)}
.portfolio-index ol{list-style:none;counter-reset:project-menu;display:grid;grid-template-columns:1fr 1fr;gap:0 36px;margin:0;padding:0 0 22px}
.portfolio-index li{counter-increment:project-menu;border-top:1px solid var(--line)}
.portfolio-index a{display:flex;gap:16px;align-items:baseline;padding:17px 4px;text-decoration:none;color:inherit;line-height:1.4;min-height:48px;transition:color .3s,background .3s}
.portfolio-index a::before{content:counter(project-menu,decimal-leading-zero);font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.portfolio-index a:hover{background:#e8e9e080;color:#806b47}
.portfolio-index a:focus-visible,.portfolio-index summary:focus-visible,.service-paths a:focus-visible,.journey-link:focus-visible{outline:2px solid #806b47;outline-offset:5px}
.proj[id],.portfolio-film[id]{scroll-margin-top:145px}
.service-paths{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 32px}
.service-paths a{display:flex;align-items:center;gap:28px;border:1px solid var(--line);padding:14px 18px;min-height:48px;text-decoration:none;color:inherit;font-size:13px;transition:background .3s,color .3s}
.service-paths a:hover{background:#26353d;color:#fff}
.service-paths span{margin-left:auto}
body.home .proj-grid>.proj:nth-child(n){grid-column:span 6;grid-row:auto;margin:0}
body.home .proj-grid{gap:64px 40px}
body.home .proj-grid>.proj figcaption strong{font-size:clamp(20px,2.3vw,32px);line-height:1.2}
.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 44px}
.material-photo{max-height:550px;aspect-ratio:6/5}
.project-journey{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding-top:40px;padding-bottom:64px;border-top:1px solid var(--line)}
.journey-link{padding:24px 0;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:16px;border-bottom:1px solid var(--line)}
.journey-link>span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}
.journey-link strong{font-size:clamp(22px,3vw,38px);font-weight:500;letter-spacing:-.035em;line-height:1.2;transition:color .4s}
.journey-link:hover strong{color:#806b47}
.journey-link[rel=next]{text-align:right}
.journey-all{grid-column:1/-1;justify-self:center;margin-top:30px;color:inherit;text-underline-offset:5px}
@media(max-width:760px){
 body.home .proj-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:44px}
 body.home .proj-grid>.proj:nth-child(n){grid-column:1}
 .portfolio-index ol{grid-template-columns:1fr;gap:0}
 .service-paths{display:grid;grid-template-columns:1fr 1fr}
 .service-paths a{padding:12px;font-size:12px;gap:10px}
 .project-journey{gap:0 24px;padding-bottom:40px}
 .journey-link strong{font-size:23px}
 .proj[id],.portfolio-film[id]{scroll-margin-top:125px}
}
@media(max-width:540px){
 .material-grid{grid-template-columns:1fr;gap:44px}
 .material-photo{max-height:none;aspect-ratio:6/5}
 .project-journey{grid-template-columns:1fr}
 .journey-link[rel=next]{text-align:left}
}
@media(prefers-reduced-motion:reduce){.portfolio-index a,.service-paths a,.journey-link strong{transition:none}}