/* Produx-inspired typography, image assembly, and restrained project motion. */
.motion-enabled .hero-wordmark{will-change:transform;transform-origin:left top}
.word{display:inline-block}
.pill span,.text-link span{display:inline-block;transition:transform .35s}
.pill:hover span,.text-link:hover span{transform:translate(4px,-4px)}
nav a,.nav-cta{display:block;overflow:hidden}
.nav-roll{display:block;position:relative;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.nav-roll:after{content:attr(data-label);position:absolute;left:0;top:100%;white-space:nowrap;color:#d6fa63}
nav a:hover .nav-roll,.nav-cta:hover .nav-roll{transform:translateY(-100%)}
#fragment-scene{padding:15px 5% 40px;overflow:clip}
.fragment-scroll{height:150vh;min-height:820px;position:relative}
.fragment-sticky{position:sticky;top:100px;padding-top:30px}
.fragment-art{position:relative;width:100%;aspect-ratio:1.8}
.fragment-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr)}
.image-fragment{min-width:0;background-repeat:no-repeat;filter:grayscale(.7);will-change:transform}
.fragment-caption{position:absolute;inset:auto 0 0;padding:70px 4% 4%;background:linear-gradient(transparent,#000a);pointer-events:none}
.fragment-caption>span{font:11px var(--mono);display:block;margin-bottom:20px;color:#f1f1e9}
.fragment-caption strong{font-size:clamp(45px,8vw,125px);font-weight:400;letter-spacing:-.05em;line-height:.96;color:white}
.fragment-footnote{display:flex;justify-content:space-between;gap:20px;font:10px var(--mono);color:#97978e;margin-top:25px}
.fragment-footnote a:hover{color:white}
.fragment-scroll.is-static{height:auto;min-height:0}
.fragment-scroll.is-static .fragment-sticky{position:relative;top:0}
#scroll-demo-root .scroll-demo-heading{color:#e7e7e4}
#scroll-demo-root .scroll-demo-heading span{color:#a3a39a;font-weight:400}
#scroll-demo-root .scroll-demo img{filter:grayscale(1)}
#about .about-copy .text-link{color:#e7e7e4}
#about .about-copy p{color:#a1a199}
@media(max-width:700px){
 .nav-cta{display:none}
 .menu-toggle{white-space:nowrap}
 #fragment-scene{padding:0 6% 35px}
 .fragment-scroll{height:100vh;min-height:640px}
 .fragment-sticky{top:80px;padding-top:35px}
 .fragment-art{aspect-ratio:1.1}
 .fragment-caption{padding:45px 6% 6%}
 .fragment-caption>span{font-size:9px;margin-bottom:13px}
 .fragment-caption strong{font-size:53px}
 .fragment-footnote{font-size:8px;line-height:1.6}
 .fragment-footnote a{text-align:right}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{animation:none!important;transition:none!important}
 .image-fragment,.hero-wordmark{will-change:auto}
}
@media(max-height:650px){.fragment-scroll{height:auto;min-height:0}.fragment-sticky{position:relative;top:0}}