.projects-section{color:#a0a0a0;background-color:transparent;flex-direction:column;width:100vw;height:100vh;font-family:Lexend Exa,sans-serif;display:flex;position:relative;overflow:hidden}.projects-controls-wrapper{width:90vw;margin:0 auto;padding-top:1rem;position:relative}.control-accent{z-index:5;opacity:1;border-color:#fff;width:15px;height:15px;position:absolute}.projects-controls{letter-spacing:.15em;opacity:1;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 0 1rem;font-size:11px;display:flex}.control-line{opacity:.5;border-top:1px dashed #ffffff1a;flex:1;height:1px}.control-label{color:#444;margin-right:.8rem;font-weight:400}.control-right{align-items:center;gap:.8rem;display:flex}.view-toggle{color:#444;cursor:pointer;letter-spacing:.15em;background:0 0;border:none;padding:0;font-size:11px;font-weight:400;transition:all .3s}.divider{color:#333;margin:0 .5rem}.projects-content{flex:1;width:100%;position:relative}.slider-view{grid-template-columns:10vw 1fr 10vw;width:100%;height:calc(100vh - 120px);display:grid;position:relative}.slider-left{flex-direction:column;justify-content:space-between;padding:2vh 4vw 8vh}.project-index,.slider-left{display:flex;position:relative}.project-index{color:#fff;letter-spacing:-.02em;align-items:baseline;gap:.2rem;padding:0 0 0 37px;font-family:Michroma;font-size:40px;font-weight:300}.index-corner{border-left:1px solid #fff6;left:32px}.index-corner,.index-corner-right{border-top:1px solid #fff6;width:56px;height:56px;position:fixed;top:10px}.index-corner-right{border-right:1px solid #fff6;right:32px}.project-index .separator{color:#555;margin-left:8px;font-size:12px;font-weight:100}.project-index .total{color:#555;font-family:Lexend Exa,sans-serif;font-size:16px;font-weight:200}.vertical-tag{writing-mode:vertical-rl;color:#444;letter-spacing:.15rem;white-space:nowrap;opacity:.6;align-items:center;gap:20px;font-size:11px;display:flex;position:absolute;top:50%;left:18.5%;transform:translate(-50%,-50%) rotate(180deg)}.vertical-tag:before{content:"";background:linear-gradient(#0000,#ffffff1a 70%,#fff9);width:1px;height:250px;margin-bottom:20px}.slider-center{justify-content:center;align-items:center;padding-bottom:15vh;display:flex;position:relative}.project-card-wrapper{--card-rotate-x:0deg;--card-rotate-y:0deg;--card-glow-x:50%;--card-glow-y:50%;--card-image-x:0px;--card-image-y:0px;perspective:1800px;flex-direction:column;align-items:center;width:100%;max-width:62vw;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.project-card-wrapper.is-active{opacity:1;pointer-events:auto}.flash-overlay{position:absolute;inset:0;background:white;opacity:0;z-index:100;pointer-events:none;border-radius:inherit;mix-blend-mode:overlay}.project-card{aspect-ratio:16/9;z-index:5;width:100%;transform:translateZ(0) rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y));transform-style:preserve-3d;background:#000;border-radius:40px;transition:transform .28s,box-shadow .28s;animation:cardFloat 7s ease-in-out infinite;position:relative;overflow:hidden}.project-image{-o-object-fit:cover;object-fit:cover;filter:brightness(.9) contrast(1.1);width:100%;height:100%;transform:translate3d(var(--card-image-x),var(--card-image-y),0) scale(1.06);transition:transform .28s,filter .28s}.project-heading-large-wrapper{position:fixed;top:60vh;left:0;width:100vw;display:flex;justify-content:center;align-items:center;z-index:15;pointer-events:none;overflow:hidden;padding:20px 0 30px}.project-heading-large{color:#fff;z-index:15;pointer-events:none;opacity:1;text-shadow:0 20px 40px #000;white-space:nowrap;font-family:Michroma;font-size:clamp(32px,6.5vw,125px);font-weight:300;display:flex!important;justify-content:center!important;align-items:center!important;text-align:center;position:relative;width:100vw}.project-transition-idle{opacity:1;transform:translateY(0);transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s ease;will-change:transform,opacity}.project-swap-visual.project-transition-out{opacity:0;transform:translateY(-8vh) scale(.99);transition:all .5s ease-in}.project-swap-heading.project-transition-out{opacity:0;transform:translateY(12vh);transition:all .5s ease-in}.project-swap-visual.project-transition-in{opacity:0;transform:translateY(8vh) scale(1.01)}.project-swap-heading.project-transition-in{opacity:0;transform:translateY(12vh)}@keyframes cardFloat{0%{transform:translateZ(0) rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y))}50%{transform:translate3d(0,-10px,0) rotateX(calc(var(--card-rotate-x) - .6deg)) rotateY(var(--card-rotate-y))}to{transform:translateZ(0) rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y))}}.slider-right{padding-right:32px;position:absolute;right:0;top:0;height:100%}.slider-right,.slider-scroller-wrapper{justify-content:flex-end;align-items:center;display:flex}.slider-scroller-wrapper{position:relative;height:20vh;width:40px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(180deg,transparent,black 15%,black 85%,transparent)}.slider-scroller-scale{position:absolute;top:50%;right:0;width:100%;display:flex;flex-direction:column;align-items:flex-end;transition:transform .9s cubic-bezier(.22,1,.36,1);z-index:1}.slider-scroller-tick{background-color:rgba(255,255,255,.3);height:1px;margin-bottom:7px}.slider-scroller-tick:last-child{margin-bottom:0}.slider-scroller-tick.large{width:16px;background-color:rgba(255,255,255,.6)}.slider-scroller-tick.medium{width:10px}.slider-scroller-tick.small{width:6px}.slider-scroller-tick.active{background-color:#fff;width:24px;box-shadow:0 0 8px rgba(255,255,255,.8);height:2px;margin-bottom:6px}.lens-focus-circle{position:absolute;right:-20px;width:60px;height:60px;border:1px solid rgba(255,255,255,.15);border-radius:50%;pointer-events:none;z-index:10;transition:top .5s cubic-bezier(.22,1,.36,1)}.slider-bottom{letter-spacing:.15em;justify-content:space-between;align-items:flex-end;width:100%;padding:0 30px 10px;font-size:11px;display:flex;position:absolute;bottom:0;left:0}.detail-group{flex-direction:column;gap:4px;display:flex}.detail-label{color:#fff;text-transform:uppercase;letter-spacing:.02em;font-size:18px;font-weight:800}.detail-value{color:#666;text-transform:uppercase;letter-spacing:.2em;margin-top:2px;font-size:12px;font-weight:400}.detail-corner{left:32px;border-left:1px solid #fff6}.detail-corner,.footer-corner{pointer-events:none;width:60px;height:60px;position:fixed;top:72vh;border-bottom:1px solid #fff6}.footer-corner{right:32px;border-right:1px solid #fff6}.projects-crosshair{color:#444;opacity:.5;pointer-events:none;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:9vh;right:12vw}.list-view{display:flex;width:100%;height:100vh;background:radial-gradient(circle at 50% 45%,#181818 0,#000 80%);padding:120px 0 100px;position:relative;overflow-y:auto;overflow-x:hidden}.list-view::-webkit-scrollbar{display:none}.list-view{scrollbar-width:none}.list-floating-preview{position:fixed;width:340px;aspect-ratio:16/10;pointer-events:none;z-index:1000;opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(-2deg);transition:opacity .35s ease,transform .45s cubic-bezier(.23,1,.32,1);overflow:hidden;border-radius:16px;box-shadow:0 40px 80px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.1);background:#111}.list-floating-preview.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}.list-floating-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(1.1) contrast(1.05)}.list-sidebar{width:100px;display:flex;justify-content:center;position:sticky;top:0;height:100vh;padding-top:25vh;z-index:10}.list-vertical-tag{writing-mode:vertical-rl;transform:rotate(180deg);color:#444;font-size:10px;letter-spacing:.3em;opacity:.6;white-space:nowrap}.list-container{flex:1;padding:0 6vw 0 2vw;max-width:1600px;position:relative;z-index:5}.list-item{display:grid;grid-template-columns:80px 3.2fr 1.8fr 120px;align-items:center;padding:55px 0;border-bottom:1px solid rgba(255,255,255,.06);transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;position:relative}.list-item:hover{background:rgba(255,255,255,.012);border-bottom-color:rgba(255,255,255,.15)}.list-index{font-size:11px;color:#333;font-family:Michroma,sans-serif;transition:color .3s ease}.list-item:hover .list-index{color:#666}.list-title{font-size:clamp(24px,3.2vw,42px);font-weight:900;color:#333;text-transform:uppercase;letter-spacing:-.04em;line-height:1;transition:all .4s ease;margin:0;font-family:Michroma,sans-serif}.list-item:hover .list-title{color:#fff}.list-category,.list-client,.list-year{font-size:11px;color:#333;text-transform:uppercase;letter-spacing:.1em;transition:color .4s ease;font-family:Lexend Exa,sans-serif}.list-item:hover .list-category,.list-item:hover .list-client,.list-item:hover .list-year{color:#fff}.list-col.year{text-align:right}.list-item-grid-accent{position:absolute;right:180px;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:repeat(6,1fr);gap:5px;opacity:0;transition:opacity .4s ease}.list-item:hover .list-item-grid-accent{opacity:.2}.grid-dot{width:2px;height:2px;background:#fff;border-radius:50%}@media (max-width:1024px){.list-item{grid-template-columns:50px 1fr 100px;grid-template-rows:auto auto;gap:15px;padding:40px 0}.list-col.category,.list-col.client,.list-floating-preview,.list-sidebar{display:none}}