.project-showcase{--stage-ink: #1c1917;--stage-muted: #57534e;--stage-line: #e7e5e4;--stage-paper: #fafaf9;--stage-brass: #B8892E;--stage-blue: #536b7f;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,4fr);align-items:start;gap:clamp(1.25rem,3vw,3rem);width:100%;color:var(--stage-ink)}.project-showcase *,.project-showcase *:before,.project-showcase *:after{box-sizing:border-box}.project-showcase__rail{position:sticky;top:7rem;min-width:0;padding-block:.75rem}.project-showcase__index-label{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 1.1rem;padding-inline:.9rem;font-size:.75rem;color:var(--stage-muted)}.project-showcase__index-label span,.project-showcase__index-number{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.project-showcase__index{display:grid;gap:.45rem;list-style:none;padding:0;margin:0}.project-showcase__index li{min-width:0}.project-showcase__index a{display:grid;grid-template-columns:1.65rem minmax(0,1fr);align-items:center;gap:.45rem;min-height:3.5rem;padding:.85rem 1rem;border-radius:1.8rem;color:var(--stage-muted);font-size:.83rem;line-height:1.55;text-decoration:none;overflow-wrap:anywhere}.project-showcase__index-number{font-size:.73rem}.project-showcase__index a:hover{background:var(--stage-line);color:var(--stage-ink)}.project-showcase__index a[aria-current=location]{color:#fff;background:var(--stage-ink);box-shadow:0 .6rem 1rem -.8rem #1c191760}.project-showcase__all{display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-height:3rem;padding:.7rem 1rem;margin-top:1.5rem;border:1px solid #d6d3d1;border-radius:2rem;font-size:.79rem;line-height:1.5}.project-showcase a:focus-visible{outline:3px solid var(--stage-blue);outline-offset:4px}.project-showcase__stages{min-width:0;display:block}.stage-card{position:relative;min-width:0;scroll-margin-top:7rem;outline:none;background:var(--stage-paper);border-radius:2.4rem}.stage-card+.stage-card{margin-top:clamp(3.5rem,7vw,6rem)}.project-showcase.is-layered .stage-card{position:sticky;top:var(--stage-top);z-index:var(--stage-layer)}.project-showcase.is-layered .stage-card__canvas{box-shadow:0 -1.4rem 2.5rem -2rem #1c191755}.stage-card:focus-visible{outline:3px solid var(--stage-blue);outline-offset:7px;border-radius:2rem}.stage-card__canvas{position:relative;isolation:isolate;padding:.8rem;border-radius:2.4rem;background:var(--stage-line)}.stage-card__canvas:before{content:"";position:absolute;inset:-.45rem 1.4rem auto;height:2rem;border-radius:2.4rem 2.4rem 0 0;background:#d6d3d1;z-index:-1}.stage-card__heading{position:relative;z-index:2;display:flex;align-items:start;gap:1.3rem;margin-bottom:-1rem;padding:1.6rem 1.75rem;border-radius:1.8rem;background:#fff;box-shadow:0 .6rem 1.8rem -.9rem #1c191725}.stage-card__number{display:grid;place-items:center;flex:none;width:3.4rem;height:3.4rem;margin-top:.15rem;border-radius:50%;background:var(--stage-ink);color:#fff;font:500 1rem var(--font-mono)}.stage-card__heading-text{min-width:0;flex:1}.stage-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem}.stage-card__period{font:.73rem var(--font-mono);color:var(--stage-muted)}.stage-card__status{padding:.25rem .65rem;border-radius:1rem;background:var(--stage-ink);color:#fff;font-size:.73rem;font-weight:650;line-height:1.6}.stage-card__status span{font-weight:400}.stage-card__status--building{color:#334c60;background:#e5edf2}.stage-card__status--demo{color:#6d5019;background:#f5ebd2}.stage-card__heading h3{margin:.55rem 0 0;font-size:clamp(1.45rem,2.65vw,2.45rem);font-weight:650;letter-spacing:-.035em;line-height:1.32;text-wrap:balance;overflow-wrap:anywhere}.stage-card__role{margin:.7rem 0 0;font-size:.82rem;color:var(--stage-muted);line-height:1.6}.stage-card__figure{margin:0;padding-top:2rem}.stage-card__image-link{display:block;padding:.4rem;border-radius:1.3rem;background:var(--stage-paper)}.stage-card__image-link img{display:block;width:100%;height:auto;margin-inline:auto;border-radius:.8rem}.stage-card__image-link[data-frame=doc] img{max-width:36rem}.stage-card__image-link[data-frame=device] img{max-width:23rem}.stage-card__video-frame{padding:.4rem;border-radius:1.3rem;background:var(--stage-paper)}.stage-card__video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;border-radius:.8rem;background:var(--stage-ink)}.stage-card__video:focus-visible{outline:3px solid var(--stage-blue);outline-offset:4px}.stage-card__figure figcaption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem 1rem;padding:.8rem .6rem .2rem;font-size:.75rem;line-height:1.7;color:var(--stage-muted)}.stage-card__figure figcaption a{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;flex:none;color:var(--stage-ink);text-decoration:underline;text-underline-offset:.25em}.stage-card__body{padding:1.75rem clamp(.2rem,2vw,1.75rem) 0}.stage-card__context{max-width:52rem;margin:0;font-size:1.04rem;line-height:1.85}.stage-card__contribution{margin-top:1.4rem}.stage-card__body h4{margin:0 0 .75rem;color:var(--stage-muted);font-size:.76rem;font-weight:500}.stage-card__contribution ul{display:grid;gap:.55rem;list-style:none;padding:0;margin:0}.stage-card__contribution li{padding-left:1.1rem;position:relative;font-size:.92rem;line-height:1.85}.stage-card__contribution li:before{content:"";position:absolute;left:0;top:.8em;width:.3rem;height:.3rem;border-radius:50%;background:var(--stage-ink)}.stage-card__stack{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:1.3rem 0 0;padding:0}.stage-card__stack li{max-width:100%;padding:.3rem .65rem;border:1px solid #d6d3d1;border-radius:1rem;font:.72rem/1.6 var(--font-mono);overflow-wrap:anywhere;color:var(--stage-muted)}.stage-card__results{margin-top:1.7rem;padding-top:1.4rem;border-top:1px solid var(--stage-line)}.stage-card__label{margin:0 0 1rem;color:var(--stage-muted);font-size:.76rem}.stage-card__metrics{display:flex;flex-wrap:wrap;gap:1.1rem 2.2rem;margin:0;padding:0;list-style:none}.stage-card__metrics li{min-width:0;display:grid;gap:.35rem;align-content:end}.stage-card__metrics strong{font-size:1.1rem;line-height:1.35;font-weight:600;overflow-wrap:anywhere}.stage-card__metrics strong.is-numeric{color:var(--stage-brass);font-size:clamp(1.7rem,3.2vw,2.5rem);letter-spacing:-.035em}.stage-card__metrics li>span{color:var(--stage-muted);font-size:.77rem;line-height:1.7}.stage-card__chain{display:grid;grid-template-columns:repeat(var(--stage-count),minmax(0,1fr));gap:1.6rem;list-style:none;margin:0;padding:0}.stage-card__chain li{display:flex;flex-direction:column;gap:.5rem;position:relative;min-width:0}.stage-card__chain strong{font-size:clamp(1.35rem,3vw,2.5rem);font-weight:650;color:var(--stage-brass);letter-spacing:-.045em;line-height:1.2;white-space:nowrap}.stage-card__chain li>span{color:var(--stage-muted);font-size:.77rem;line-height:1.65}.stage-card__chain-arrow{position:absolute;top:.15rem;right:-1.5rem;width:1.5rem;text-align:center;color:var(--stage-muted);font-size:1.2rem;font-weight:400}.stage-card__scope{margin:1.2rem 0 0;color:var(--stage-muted);font-size:.8rem;line-height:1.8}.stage-card__detail{display:inline-flex;align-items:center;justify-content:space-between;gap:2.25rem;min-height:3rem;margin-top:1.35rem;color:var(--stage-ink);font-size:.88rem;font-weight:600;text-decoration:underline;text-underline-offset:.3em}.stage-directory{width:min(100% - 3rem,88rem);margin-inline:auto}.stage-directory__header{padding:clamp(5rem,9vw,8rem) 0 3.5rem}.stage-directory__back{display:inline-flex;align-items:center;min-height:44px;color:#57534e;font-size:.85rem;text-decoration:underline;text-underline-offset:.3em}.stage-directory__header h1{margin-top:1.7rem;font-size:clamp(2.8rem,7vw,5.5rem);line-height:1.15;letter-spacing:-.045em;font-weight:650}.stage-directory__intro{max-width:48rem;margin-top:1.5rem;font-size:1.03rem;line-height:1.85;color:#57534e}.stage-directory__counts{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;margin-top:1.75rem;padding:0;list-style:none;color:#57534e;font-size:.8rem}.stage-directory__footer{margin-top:clamp(4rem,8vw,7rem);padding-block:3rem 5rem;border-top:1px solid #e7e5e4}.stage-directory__footer h2{font-size:clamp(1.6rem,3vw,2.4rem)}.stage-directory__footer p{max-width:40rem;margin-top:1rem;color:#57534e;line-height:1.85}.stage-directory__footer nav{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:1rem}.stage-directory__footer a{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;text-decoration:underline;text-underline-offset:.3em}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.stage-card__image-link img{transition:transform .24s ease}.stage-card__image-link:hover img{transform:scale(1.012)}}@media(min-width:901px)and (prefers-reduced-motion:no-preference){.project-showcase__index a{transition:color .16s ease,background-color .16s ease,box-shadow .16s ease}.stage-card__heading{transition:transform .28s ease,box-shadow .28s ease}.stage-card.is-current .stage-card__heading{transform:translateY(-.2rem);box-shadow:0 .8rem 1.8rem -1rem #1c191745}}@media(max-height:719px){.project-showcase__rail{position:static}}@media(max-width:900px){.project-showcase{grid-template-columns:minmax(0,1fr);gap:2.25rem}.project-showcase.is-layered .stage-card{position:relative;top:auto}.project-showcase__rail{position:static;padding:0}.project-showcase__index-label{padding-inline:0;margin-bottom:.75rem}.project-showcase__index{display:flex;flex-wrap:wrap;gap:.5rem}.project-showcase__index li{flex:1 1 calc(50% - .5rem);max-width:100%}.project-showcase__index a{min-height:3rem;padding:.65rem .9rem;font-size:.8rem;border:1px solid var(--stage-line)}.project-showcase__all{display:inline-flex;gap:2rem;margin-top:1rem}.stage-card__heading h3{font-size:clamp(1.5rem,4vw,2.2rem)}.stage-card__body{padding-inline:.5rem}.stage-card__chain strong{font-size:clamp(1.3rem,4vw,2.25rem)}.stage-directory{width:min(100% - 2rem,88rem)}}@media(max-width:479px){.project-showcase__index a{grid-template-columns:1.25rem minmax(0,1fr);gap:.3rem;font-size:.75rem;padding:.65rem .75rem;border-radius:1.45rem}.stage-card__canvas{padding:.5rem;border-radius:1.65rem}.stage-card__canvas:before{inset-inline:1rem;border-radius:1.5rem 1.5rem 0 0}.stage-card__heading{gap:.7rem;padding:1.1rem .9rem;border-radius:1.3rem}.stage-card__number{width:2.35rem;height:2.35rem;font-size:.78rem}.stage-card__heading h3{font-size:1.37rem}.stage-card__meta{gap:.3rem .6rem}.stage-card__status,.stage-card__period{font-size:.7rem}.stage-card__role{font-size:.77rem}.stage-card__figure{padding-top:1.6rem}.stage-card__image-link,.stage-card__video-frame{padding:.2rem;border-radius:1rem}.stage-card__figure figcaption{padding-inline:.3rem;font-size:.73rem}.stage-card__context{font-size:.95rem}.stage-card__contribution li{font-size:.88rem}.stage-card__metrics{gap:1.1rem 1.4rem}.stage-card__metrics strong.is-numeric{font-size:1.7rem}.stage-card__chain{gap:.6rem;grid-template-columns:minmax(0,1.2fr) repeat(4,minmax(0,1fr))}.stage-card__chain strong{font-size:1.18rem;letter-spacing:-.04em}.stage-card__chain li>span{font-size:.72rem}.stage-card__chain-arrow{right:-.65rem;width:.65rem;top:.05rem;font-size:.9rem}.stage-card__scope{font-size:.77rem}.stage-directory__header{padding-top:5rem;padding-bottom:2.75rem}.stage-directory__intro{font-size:.95rem}}@media(prefers-reduced-motion:reduce){.project-showcase.is-layered .stage-card{position:relative;top:auto}.project-showcase *,.project-showcase *:before,.project-showcase *:after{animation:none!important;transition:none!important}}