@font-face{font-family:NeueHaas;src:url(/fonts/NHaasGroteskTXPro-55Rg.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Favorit;src:url(/fonts/Favorit-Mono.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Monorama;src:url(/fonts/Monorama-Regular.woff2) format("woff2");font-weight:400;font-display:swap}:root{--bg: #ddd;--ink: #3f3f3f;--accent: #3f3f3f;--pad: clamp(24px, 3.1vw, 60px);--mono: Favorit, monospace;--display: NeueHaas, Helvetica, sans-serif;--number: Monorama, monospace }*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--display);transition:background-color .25s,color .25s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{background:none;border:0}h1,h2,p{margin:0;font-weight:400}::selection{background:var(--ink);color:var(--bg)}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.skip-link{position:fixed;top:-60px;left:20px;background:var(--bg);padding:12px;z-index:10}.skip-link:focus{top:15px}.site-header{height:150px;padding:34px var(--pad) 0;display:flex;align-items:flex-start;justify-content:space-between}.brand{display:flex;flex-direction:column;width:clamp(230px,23vw,375px)}.logo-mark{font-family:var(--display);font-weight:900;font-style:italic;letter-spacing:-.07em;transform:skew(-20deg) scaleY(.65);transform-origin:left center;font-size:clamp(56px,6vw,93px);line-height:.62;white-space:nowrap;display:block}.logo-mark span{letter-spacing:-.15em}.brand-caption{font-family:var(--mono);font-size:clamp(10px,.8vw,14px);text-transform:uppercase;font-style:italic;white-space:nowrap;margin-top:18px}.slashes{letter-spacing:1px}.site-header nav{display:flex;gap:20px;align-items:center;padding-top:0}.outline{border:1px solid currentColor;border-radius:3px;display:inline-flex;align-items:center;font-family:var(--mono);font-size:14px;line-height:1.2;padding:2px 10px;text-transform:uppercase;white-space:nowrap;transition:color .15s,background-color .15s}.outline:hover:not(.unavailable){background:var(--ink);color:var(--bg)}.unavailable{opacity:.7;cursor:default}.theme-switch{width:23px;height:23px;border:1px solid currentColor;border-radius:3px;background:linear-gradient(135deg,transparent 49%,var(--ink) 50%);padding:0}.theme-switch:hover{background:linear-gradient(135deg,var(--ink) 49%,transparent 50%)}.project-number,.year{font-family:var(--number);font-size:clamp(22px,1.6vw,32px);line-height:1.15}.project-title h2,.detail-title h1,.project-row h1{font-family:var(--display);font-size:clamp(30px,3vw,58px);text-transform:uppercase;line-height:1.05}.metadata{display:grid;grid-template-columns:.75fr .75fr 1.15fr 1.25fr;gap:clamp(18px,2.4vw,48px);font-family:var(--mono);text-transform:uppercase}.metadata h2,.info-groups h2{font-family:var(--mono);font-size:12px;line-height:1.3;margin-bottom:36px}.metadata p{font-size:12px;line-height:1.3}.metadata .year{font-size:clamp(22px,1.6vw,32px)}.pager,.project-navigation{display:flex;align-items:center;gap:25px;font-family:var(--mono);font-size:12px;text-transform:uppercase}.pager button,.project-navigation>a,.detail-footer>a{padding:10px 0}.pager-marks{display:flex;justify-content:space-between;align-items:center;gap:20px;flex:1}.pager-mark{width:30px;height:22px;position:relative;display:block;flex-shrink:0}.pager-mark:after{content:"";position:absolute;top:10px;left:50%;width:2px;height:3px;background:currentColor;transform:translate(-50%);transition:width .2s}.pager-mark.active:after,.pager-mark:hover:after{width:100%;height:3px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin:26px var(--pad) 0 20%;height:130px}.intro>p{font-family:var(--mono);font-size:clamp(12px,.9vw,16px);line-height:1.5;max-width:280px;text-transform:uppercase}.folio{font-family:var(--number);text-transform:uppercase;font-size:clamp(40px,4vw,74px);line-height:.94}.home-feature{position:relative;margin:100px var(--pad) 0 6.2%;display:grid;grid-template-columns:36% 64%;grid-template-rows:auto auto;gap:65px 0}.home-project{grid-row:1/3;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-right:35px;padding-bottom:8px}.home-pager{width:85%;margin-bottom:35px}.home-project .project-number{margin-bottom:14px}.home-project .outline{margin-top:35px;font-size:18px}.home-cover{display:block;position:relative;aspect-ratio:3.9;overflow:hidden}.project-media{height:100%;width:100%;object-fit:var(--media-fit, cover);object-position:var(--media-position, center);background:var(--media-background, #000);display:block}.home-cover .project-media{transition:transform .6s cubic-bezier(.22,1,.36,1)}.home-cover:hover .project-media{transform:scale(1.025)}.open-project{position:absolute;bottom:12px;right:12px;font-family:var(--mono);text-transform:uppercase;background:var(--bg);padding:5px 8px;font-size:11px;opacity:0;transition:opacity .2s}.home-cover:hover .open-project,.home-cover:focus-visible .open-project{opacity:1}.home-feature>.metadata{grid-column:2}.home-footer{margin:85px var(--pad) 24px 6.2%;display:flex;justify-content:space-between;font:12px var(--mono);text-transform:uppercase}.home-footer span:last-child{font-family:var(--number);font-size:32px}.project-detail{padding-top:clamp(35px,5vw,100px)}.gallery{display:grid;grid-template-columns:1.5vw 3.5vw 6vw 53vw 6vw 3.5vw 1.5vw;justify-content:center;gap:3vw;height:auto;overflow:hidden;touch-action:pan-y}.gallery-main{position:relative;aspect-ratio:16 / 9;overflow:hidden}.gallery-main .project-media{object-fit:var(--media-fit, cover);object-position:var(--media-position, center);background:var(--media-background, #000)}.gallery-side{overflow:hidden;padding:0;opacity:.55;transition:opacity .2s}.gallery-side:hover{opacity:1}.gallery-side .project-media{width:100%;height:100%;object-fit:cover}.gallery-side.previous .project-media{object-position:right}.gallery-side.following .project-media{object-position:left}.media-kind{position:absolute;left:12px;bottom:12px;font:11px var(--mono);text-transform:uppercase;background:var(--bg);padding:4px 7px;pointer-events:none}.media-sound{position:absolute;right:12px;bottom:12px;z-index:3;border:1px solid currentColor;border-radius:0;padding:4px 7px;color:var(--ink);background:var(--bg);font:11px var(--mono);text-transform:uppercase;cursor:pointer}.media-sound:hover,.media-sound:focus-visible{color:var(--bg);background:var(--ink)}.gallery-transition .media-sound{display:none}.detail-info{display:grid;grid-template-columns:38% 62%;margin:clamp(36px,4.3vw,84px) 5% 0;gap:0}.detail-title{padding-right:35px}.detail-title .project-number{margin-top:18px;margin-bottom:19px}.detail-title .outline{font-size:20px}.client-logo{display:block;max-width:100px;margin-top:20px}.detail-footer{margin:clamp(65px,6.7vw,130px) 25% 25px 39.2%;display:flex;align-items:center;gap:clamp(40px,7vw,130px);font:12px var(--mono);text-transform:uppercase;white-space:nowrap}.project-navigation{flex:1}.gallery-count{display:none}.media-pagination{display:flex;justify-content:center;margin:0 0 20px}.media-pagination .pager{opacity:.6;width:250px;font-size:10px}.projects-index{padding:15px 6.2% 30px}.project-row{min-height:155px;display:grid;grid-template-columns:12% 7% 25% 1fr 30px;align-items:center;gap:14px}.project-row h1{font-size:clamp(26px,2.4vw,44px)}.row-indicator{font-size:30px}.row-media{display:flex;align-items:center;gap:22px;overflow:hidden;height:90px}.row-media .project-media{width:140px;height:80px;object-fit:cover;flex-shrink:0;transition:transform .35s}.project-row:hover .row-media .project-media{transform:translate(10px)}.row-arrow{opacity:0;font-size:26px}.project-row:hover .row-arrow{opacity:1}.project-row:hover h1{opacity:.65}.index-footer{display:flex;justify-content:space-between;margin-top:50px;font:12px var(--mono);text-transform:uppercase}.index-footer span:last-child{font:40px var(--number)}.info{margin:20px 6.2% 0}.info-heading h1{font-size:clamp(35px,3.7vw,64px);line-height:.95;text-transform:uppercase;margin-top:6px}.info-role{font:12px var(--mono);margin-top:18px;text-transform:uppercase}.info-logo{height:180px;margin:40px 0 25px;overflow:hidden}.info-logo .logo-mark{font-size:clamp(140px,19vw,350px);line-height:.8;opacity:.45;transform:skew(-20deg) scaleY(.65);letter-spacing:-.06em;width:100%}.info-bottom{display:grid;grid-template-columns:38% 62%}.social-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.info-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.info-groups h2{margin-bottom:36px}.info-groups ul{list-style:none;padding:0;margin:0;font:12px/1.35 var(--mono);text-transform:uppercase}.info-footer{display:grid;grid-template-columns:30% 1fr auto;align-items:end;margin:115px 0 35px;font:12px/1.6 var(--mono);text-transform:uppercase}.info-footer>span{font:clamp(60px,7vw,130px)/1 var(--number)}.custom-logo{max-width:100%;height:60px;object-fit:contain;object-position:left}.cursor{position:fixed;pointer-events:none;z-index:5;width:30px;height:30px;transform:translate(-50%,-50%);color:var(--ink);opacity:0}.cursor:before,.cursor:after{content:"";position:absolute;inset:0;border:1px solid currentColor;clip-path:polygon(0 0,15% 0,15% 15%,0 15%,0 0,100% 0,100% 15%,85% 15%,85% 0,100% 0,100% 100%,85% 100%,85% 85%,100% 85%,100% 100%,0 100%,0 85%,15% 85%,15% 100%,0 100%)}.cursor span{display:block;text-align:center;font:12px/30px var(--mono)}.cursor.over-link{width:42px;height:42px}.cursor.over-link span{line-height:42px}.not-found{padding:80px 6%}.not-found h1{margin-bottom:25px}@media(hover:hover)and (pointer:fine){body:hover .cursor{opacity:.7}}@media(min-width:1500px){.site-header{height:170px}.home-feature{margin-top:130px}.home-cover{aspect-ratio:3.9}.home-footer{margin-top:115px}}@media(max-width:1000px){.site-header{height:125px;padding-top:28px}.brand{width:240px}.site-header nav{gap:12px}.intro{margin-left:20%;margin-top:25px}.home-feature{margin-top:70px;grid-template-columns:35% 65%;gap:35px 0}.home-project{padding-right:20px}.home-pager{width:100%}.pager-marks{gap:8px}.pager-mark{width:20px}.metadata{gap:16px}.metadata h2{margin-bottom:25px}.metadata p{font-size:10px}.home-footer{margin-top:70px}.detail-footer{margin-left:25%;margin-right:10%;gap:40px}.project-row{grid-template-columns:12% 4% 32% 1fr 20px}.row-media{gap:12px}.row-media .project-media{width:100px;height:65px}.info-groups{grid-template-columns:repeat(2,1fr);gap:30px}.info-logo{height:145px}.info-footer{margin-top:65px}}@media(max-width:650px){.site-header{height:130px;padding:24px 20px 0;position:relative}.brand{width:205px}.logo-mark{font-size:58px}.brand-caption{font-size:10px;margin-top:14px}.slashes{display:none}.site-header nav{gap:10px;position:absolute;top:90px;right:20px}.outline{font-size:12px}.theme-switch{height:20px;width:20px}.intro{margin:25px 20px 0;align-items:flex-start;height:auto;gap:25px}.intro>p{max-width:240px;font-size:11px;line-height:1.4}.folio{font-size:36px}.home-feature{margin:48px 20px 0;display:flex;flex-direction:column;gap:30px}.home-cover{order:0;aspect-ratio:1.75}.home-project{order:1;display:block;padding:0}.home-pager{margin:0 0 20px}.home-pager .pager{max-width:100%;gap:22px}.project-title h2{font-size:36px}.home-project .project-number{margin-bottom:10px}.home-project .outline{margin-top:18px;font-size:16px}.home-feature>.metadata{order:2;grid-template-columns:1fr 1fr;gap:30px 25px;margin-top:10px}.metadata h2{margin-bottom:18px}.metadata p{font-size:11px}.home-footer{margin:50px 20px 20px;gap:20px;font-size:10px}.home-footer span:first-child{max-width:220px;line-height:1.5}.project-detail{padding-top:40px}.gallery{grid-template-columns:6% 80% 6%;gap:4%;height:auto}.gallery-side.depth-2,.gallery-side.depth-3{display:none}.detail-info{margin:35px 20px 0;display:block}.detail-title{padding:0}.detail-title h1{font-size:36px}.detail-title .project-number{margin:12px 0}.detail-title .outline{font-size:16px}.detail-info>.metadata{margin-top:38px;grid-template-columns:1fr 1fr;gap:30px}.detail-footer{margin:50px 20px 20px;gap:25px;justify-content:space-between}.project-navigation{gap:16px;max-width:260px}.project-navigation .pager-marks{gap:8px}.project-navigation .pager-mark{width:15px}.media-pagination{margin-bottom:30px}.projects-index{padding:20px}.project-row{grid-template-columns:55px 1fr 25px;gap:10px;min-height:180px;padding:20px 0;align-content:center}.project-row .project-number{font-size:22px}.row-indicator{display:none}.project-row h1{font-size:29px}.row-media{grid-column:2;grid-row:2;height:70px;gap:10px}.row-media .project-media{width:95px;height:60px}.row-arrow{grid-column:3;grid-row:1;opacity:1}.index-footer{margin-top:25px}.info{margin:35px 20px 0}.info-heading h1{font-size:45px}.info-role{font-size:11px;line-height:1.5}.info-logo{height:85px;margin:30px 0}.info-logo .logo-mark{font-size:100px}.info-bottom{display:flex;flex-direction:column;gap:45px}.social-links{flex-direction:row;flex-wrap:wrap;gap:10px}.info-groups{grid-template-columns:1fr 1fr;gap:35px 20px}.info-groups h2{margin-bottom:20px}.info-footer{grid-template-columns:1fr 1fr;gap:30px;margin-top:65px;font-size:10px}.info-footer>span{grid-column:1/3;font-size:65px;justify-self:end}.cursor{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.home-cover:hover .project-media,.project-row:hover .row-media .project-media{transform:none}.cursor{display:none}}.route-shutter,.motion-loader,.gallery-transition{position:fixed;inset:0;z-index:30;pointer-events:none}.route-shutter{display:grid;grid-template-columns:repeat(8,1fr)}.route-shutter>span,.loader-columns>span{position:relative;background:var(--bg);display:block;will-change:transform}.route-shutter>span:after,.loader-columns>span:after{content:"";position:absolute;top:0;right:0;bottom:0;width:2px;pointer-events:none;background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--ink) 20%,transparent) 0 24px,transparent 24px 46px)}.motion-loader{color:var(--ink)}.loader-columns{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr)}.loader-count{position:absolute;right:var(--pad);bottom:42px;font:clamp(48px,6vw,110px)/1 var(--number)}.loader-identity{position:absolute;left:var(--pad);top:40px;font:14px var(--mono)}.loader-caption{position:absolute;left:var(--pad);bottom:42px;font:12px var(--mono)}.transition-canvas,.media-hold{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;object-fit:cover}.gallery-transition{overflow:hidden;z-index:20}.gallery-transition>div,.gallery-transition>button{overflow:hidden;padding:0;border:0;background:transparent;pointer-events:none}.gallery-transition .gallery-main .project-media{object-fit:cover}.rolling-label{display:block;height:1.2em;overflow:hidden;position:relative}.rolling-label>span{display:block;transition:transform .45s cubic-bezier(.16,1,.3,1)}.outline:hover .rolling-label>span,.outline:focus-visible .rolling-label>span{transform:translateY(-100%)}.outline:hover:not(.unavailable){background:transparent;color:var(--ink)}.outline:active{background:var(--ink);color:var(--bg)}.info-logo{position:relative;cursor:crosshair;height:clamp(160px,17vw,320px)}.info-logo.has-sculpture>.logo-mark{visibility:hidden}.info-logo canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.cursor{left:0;top:0;margin-left:-15px;margin-top:-15px;transform:none;transition:width .2s,height .2s,margin .2s}.cursor:not(.is-tracking){visibility:hidden}.cursor.over-link{margin-left:-21px;margin-top:-21px}.cursor.over-gallery:before{transform:rotate(45deg);transition:transform .3s}.project-row .row-media{perspective:700px;overflow:visible}.project-row:hover .row-media .project-media{transform:none}.project-row .row-arrow,.project-row h1{transition:opacity .25s}main:focus{outline:none}.gallery,.home-cover{touch-action:pan-y;-webkit-user-select:none;user-select:none}.dragging{cursor:grabbing}.dragging>.gallery-main,.dragging>.gallery-side,.home-cover.dragging>.project-media{transform:translate(var(--drag-x,0));transition:none}@media(max-width:650px){.loader-caption{max-width:150px;line-height:1.5;font-size:10px}.loader-count{font-size:55px}.info-logo{height:130px}.project-row .row-media{overflow:hidden}}@media(prefers-reduced-motion:reduce){.route-shutter,.motion-loader,.gallery-transition,.transition-canvas,.cursor{display:none!important}.rolling-label>span{transition:none}.outline:hover .rolling-label>span,.outline:focus-visible .rolling-label>span{transform:none}.info-logo.has-sculpture>.logo-mark{visibility:visible}.info-logo canvas{display:none}}.not-found{position:absolute;inset:130px 0 0;padding:0;overflow:hidden}.error-accessible{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.error-return{position:absolute;inset:0;display:block}.error-field{position:absolute;inset:0 6% 100px;display:flex;justify-content:center;gap:20px;overflow:hidden;opacity:.48;color:var(--accent);mask-image:radial-gradient(ellipse 52% 52% at center,#000 35%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 52% 52% at center,#000 35%,transparent 100%)}.error-column{flex:0 0 auto;display:flex;flex-direction:column;font:clamp(44px,6.5vw,112px)/.95 var(--number);will-change:transform}.error-column span{display:block;white-space:nowrap}.error-instructions{position:absolute;bottom:65px;left:0;right:0;text-align:center;font:12px/1 var(--mono);text-transform:uppercase;color:var(--accent)}.error-tap{display:none}@media(max-width:650px){.not-found{inset:140px 0 0}.error-field{inset:0 -20px 85px;gap:13px;mask-image:radial-gradient(ellipse 65% 52% at center,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 65% 52% at center,#000 30%,transparent 100%)}.error-column{font-size:52px;line-height:1.15}.error-instructions{bottom:35px}.error-click{display:none}.error-tap{display:inline}}@media(prefers-reduced-motion:reduce){.error-column{will-change:auto}}.brand-animation{display:block;position:relative;width:100%;aspect-ratio:4.6}.brand-animation-fallback{position:absolute;inset:0;display:block}.brand-animation-stage{position:absolute;inset:0;visibility:hidden}.brand-animation.ready .brand-animation-stage{visibility:visible}.brand-animation.ready .brand-animation-fallback{visibility:hidden}.brand-animation-stage svg{display:block;width:100%!important;height:100%!important;overflow:visible}.brand-animation-stage svg path[fill]:not([fill=none]){fill:var(--accent)}.brand-animation-stage svg path[stroke]:not([stroke=none]){stroke:var(--accent)}.info-gradient-entry{mask-image:linear-gradient(110deg,#000 0%,#000 calc(var(--reveal) - 40%),transparent var(--reveal));-webkit-mask-image:linear-gradient(110deg,#000 0%,#000 calc(var(--reveal) - 40%),transparent var(--reveal))}.info-logo.gradient-logo{--light-x:50%;--light-y:50%;mask-image:radial-gradient(ellipse 420px 320px at var(--light-x) var(--light-y),#000 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.16) 100%);-webkit-mask-image:radial-gradient(ellipse 420px 320px at var(--light-x) var(--light-y),#000 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.16) 100%)}.info-logo.gradient-logo .logo-mark{opacity:.3;transform:skew(-20deg) scaleY(.65);color:var(--accent)}@media(prefers-reduced-motion:reduce){.info-gradient-entry{mask-image:none;-webkit-mask-image:none}}.info-vector-logo{display:block;width:100%;height:100%;background:var(--accent);opacity:.3;mask:url(/logo/logo-cm.svg) center / contain no-repeat;-webkit-mask:url(/logo/logo-cm.svg) center / contain no-repeat}.projects-index{position:absolute;inset:calc(88px + 100svh / 15.934) 0 calc(100svh / 15.934);padding:0;overflow:hidden}.project-list{height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain;padding-bottom:0;mask-image:linear-gradient(to bottom,transparent 0,#000 64px,#000 calc(100% - 96px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 64px,#000 calc(100% - 96px),transparent 100%)}.project-list::-webkit-scrollbar{display:none}.project-row{position:relative;flex:0 0 auto;display:grid;grid-template-columns:12.5vw 12.5vw minmax(0,1fr);align-items:end;gap:0;min-height:152px;padding:40px 0;transition:opacity .5s ease}.project-row:hover h1{opacity:1}@media(hover:hover)and (pointer:fine){.project-row{opacity:.2}.project-row:hover,.project-row:focus-visible,.project-row:focus-within{opacity:1}}.project-row>.project-number{grid-column:1;justify-self:end;align-self:end;font-size:clamp(22px,calc(6.33962px + 1.50943vw),32px);line-height:.8}.row-body{grid-column:3;min-width:0;display:flex;align-items:flex-end;gap:36px;padding-right:8vw}.project-row h1{flex:0 1 auto;max-width:380px;min-width:0;font-size:clamp(22px,calc(16.9057px + 1.35849vw),40px);line-height:.9;text-wrap:initial}.project-row .row-media{flex:0 0 auto;display:flex;align-items:flex-end;gap:24px;height:72px;overflow:visible}.project-row .row-media .project-media{width:126px;height:72px;flex:0 0 126px;object-fit:cover}.row-indicator{display:none}.project-dial{position:absolute;top:0;bottom:0;left:19.7vw;width:8px;pointer-events:none;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 64px,#000 calc(100% - 96px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 64px,#000 calc(100% - 96px),transparent)}.project-dial>span{position:absolute;left:0;top:-7px;width:8px;height:14px;background:var(--accent);transform-origin:center;will-change:transform}.project-row .row-arrow{display:none}@media(min-width:651px)and (max-width:1023px){.projects-index{top:150px;bottom:25px}.project-row{grid-template-columns:12.5vw 8.5vw minmax(0,1fr);min-height:132px;padding:32px 0}.row-body{gap:24px;padding-right:24px;flex-wrap:wrap;row-gap:14px}.project-row .row-media{gap:14px;height:62px}.project-row .row-media .project-media{width:110px;height:62px;flex-basis:110px}.row-indicator{left:17vw;bottom:32px}.project-dial{left:17vw}}@media(max-width:650px){.projects-index{position:relative;inset:auto;padding:20px}.project-list{height:auto;display:block;overflow:visible;padding:0;mask-image:none;-webkit-mask-image:none}.project-row{grid-template-columns:55px minmax(0,1fr) 20px;min-height:160px;padding:28px 0;align-items:start;gap:10px}.project-row>.project-number{justify-self:start;align-self:start;font-size:22px;line-height:.95;padding-top:3px}.row-body{grid-column:2;display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:0}.project-row h1{max-width:100%;font-size:29px;line-height:.95}.project-row .row-media{height:60px;max-width:100%;gap:10px;overflow:hidden}.project-row .row-media .project-media{width:95px;height:60px;flex-basis:95px}.project-row .row-indicator,.project-dial{display:none}.project-row .row-arrow{display:block;grid-column:3;grid-row:1;font-size:22px;opacity:1}}.projects-index{position:absolute;inset:calc(88px + 100svh / 15.934) 0 calc(100svh / 15.934);overflow:hidden}.project-list{position:relative;height:100%;display:block;overflow-y:auto;overflow-x:hidden;scroll-behavior:auto;overflow-anchor:none;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent)}.project-row{height:var(--project-step,20%);min-height:0;padding:0;align-items:center}.project-row>.project-number{align-self:center}.row-body{align-items:center}.project-dial{mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent)}@media(min-width:651px)and (max-width:1023px){.projects-index{top:150px;bottom:25px}.project-row{min-height:0;padding:0}.row-body{flex-wrap:nowrap}.project-row .row-media .project-media{width:90px;flex-basis:90px}}@media(max-width:650px){.projects-index{position:absolute;inset:120px 0 20px;padding:0}.project-list{height:100%;overflow-y:auto}.project-row{min-height:0;padding:0 20px;align-items:center;grid-template-columns:45px minmax(0,1fr) 20px}.project-row>.project-number{align-self:center;padding-top:0}.row-body{gap:8px}.project-row h1{font-size:clamp(18px,5vw,29px)}.project-row .row-media{height:36px}.project-row .row-media .project-media{width:58px;height:36px;flex-basis:58px}.project-dial{display:none}}.project-dial>span{top:0;height:2px}@media(max-width:650px){.project-list{touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.project-row{align-content:center}.row-body{align-items:flex-start}}@media(max-width:650px){.projects-index{inset:150px 0 24px}.project-row{grid-template-columns:25% 12% minmax(0,1fr);gap:0;padding:0;overflow:hidden}.project-row>.project-number{grid-column:1;justify-self:end;align-self:center;padding:0;margin-right:9px;font-size:12px;line-height:1;transform:rotate(-90deg)}.row-body{grid-column:3;display:flex;flex-direction:row;align-items:center;gap:22px;padding:0;width:max-content;max-width:none}.project-row h1{flex:0 0 auto;width:auto;max-width:min(10ch,calc(63vw - 42px));white-space:normal;font-size:clamp(22px,5.9vw,30px);line-height:.9;overflow-wrap:normal}.project-row .row-media{flex:0 0 auto;max-width:none;height:42px;gap:12px;overflow:visible}.project-row .row-media .project-media{width:74px;height:42px;flex-basis:74px}.project-row .row-arrow{display:none}.project-dial{display:block;left:13.4vw;width:4px}.project-dial>span{width:4px}}