/* BIG reference: 64vh image width × .752 resting scale; 38px row gap × .752. */
header{height:64px}main{padding-top:92px}.project-list{--scroll-scale:1;padding-bottom:30px;overflow:hidden}.big-project{--cover-width:48.128vh;--cover-height:calc(var(--cover-width) / var(--ratio));position:relative;margin-bottom:28.576px;scroll-margin-top:90px;transition:margin .78s cubic-bezier(.45,0,.55,1)}.project-strip{display:flex;gap:64px;padding-left:calc((100vw - var(--cover-width))/2);padding-right:5vw;overflow-x:hidden;overflow-y:hidden;align-items:flex-start;scrollbar-width:none;outline:none;transition:padding .78s cubic-bezier(.45,0,.55,1);transform:scale(var(--scroll-scale));transform-origin:50% 0;transition:padding .78s cubic-bezier(.45,0,.55,1),transform 1.2s cubic-bezier(.19,1,.22,1)}.project-strip::-webkit-scrollbar{display:none}.cover-block{position:relative;flex:0 0 var(--cover-width);width:var(--cover-width);transition:width .78s cubic-bezier(.45,0,.55,1),flex-basis .78s cubic-bezier(.45,0,.55,1)}.project-cover{width:100%;height:var(--cover-height);display:block;overflow:hidden;background:#e9e7e2;transition:height .78s cubic-bezier(.45,0,.55,1);cursor:zoom-in}.project-cover img{display:block;width:100%;height:100%;object-fit:cover}.side-caption{position:absolute;top:0;right:calc(100% + 33px);width:170px;text-align:right;display:flex;align-items:flex-end;flex-direction:column;gap:18px}.project-symbol{width:38px;height:38px;background:#111;color:#fff;padding:4px}.project-symbol svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1}.side-caption h2{font-size:14px;line-height:1.4;font-weight:400;margin:0 0 4px}.side-caption p{margin:0;color:#797979;font-size:11px;text-transform:uppercase}.side-caption small{display:block;color:#999;font-size:9px;margin-top:6px}.inline-materials{display:none;gap:64px;flex-shrink:0;align-items:flex-start;opacity:0;transition:opacity .4s .65s}.big-project.is-open{--cover-width:min(90vw,calc(76vh * var(--ratio)));--cover-height:min(76vh,calc(90vw / var(--ratio)));margin-bottom:50px}.is-open .project-strip{overflow-x:auto;scroll-snap-type:x proximity;transform:none}.is-open .cover-block,.inline-materials>*{scroll-snap-align:center}.is-open .project-cover{cursor:e-resize}.is-open .side-caption{opacity:0;pointer-events:none}.is-open .inline-materials{display:flex;opacity:1;animation:reveal-materials .5s .65s both}.project-facts{width:290px;min-height:var(--cover-height);padding:20px 0;flex-shrink:0;font-size:13px;line-height:1.8}.project-facts h2{font-size:20px;font-weight:400;margin:0 0 20px}.project-facts dl{font-size:11px;margin:30px 0}.project-facts dl div{display:flex;justify-content:space-between;padding:5px 0}.project-facts dt{color:#888}.project-facts dd{margin:0}.inline-photo{margin:0;flex-shrink:0;width:min(85vw,calc(76vh * var(--ratio)))}.inline-photo img{height:var(--cover-height);width:100%;object-fit:cover;display:block}.inline-photo figcaption{font-size:10px;color:#888;margin-top:10px}.project-controls{display:flex;gap:20px;justify-content:center;align-items:center;font-size:11px;margin-top:20px;height:26px}.project-controls[hidden]{display:none}.project-controls button{font-size:20px;padding:0 12px}.close-project{margin-left:25px;color:#777}.site-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;margin:0 2px}.site-grid button{aspect-ratio:1.12}.site-grid img{display:block}.project-list~*{clear:both}#intro{transition:background 1.3s cubic-bezier(.65,0,.35,1)}.intro-brand{transition:all 1.3s cubic-bezier(.65,0,.35,1)}#intro.leave .intro-brand{top:17px}body.intro-active{overflow:hidden}body.intro-active header .brand{opacity:0}#replay-intro{text-decoration:underline;padding:0;font-size:10px;color:#999}@keyframes reveal-materials{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@media(min-width:1600px){.site-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(min-width:761px) and (max-width:1023px){.big-project{--cover-width:350px}.side-caption{width:150px;right:calc(100% + 30px)}.site-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){header{height:62px}main{padding-top:80px}.big-project{--cover-width:90vw;--cover-height:calc(90vw / var(--ratio));margin-bottom:26px}.project-strip{padding-left:5vw;gap:5vw;transform:none}.cover-block{padding-bottom:77px}.side-caption{position:static;width:auto;text-align:left;flex-direction:row;align-items:flex-start;gap:14px;margin-top:14px}.project-symbol{width:30px;height:30px;flex-shrink:0}.side-caption h2{font-size:15px}.side-caption p{font-size:11px}.side-caption small{display:none}.big-project.is-open{--cover-width:90vw;--cover-height:calc(90vw / var(--ratio));scroll-margin-top:80px}.is-open .side-caption{opacity:1;pointer-events:auto}.inline-materials{gap:5vw}.project-facts{width:80vw;max-height:65vh;overflow-y:auto;padding:0 0 20px}.inline-photo{width:90vw}.project-controls{margin-top:0}.site-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 1px}#intro.leave .intro-brand{top:18px}}@media(prefers-reduced-motion:reduce){.is-open .inline-materials{animation:none}.project-strip{transform:none}}