@property --ffc-cf-progress{syntax:'<number>';inherits:true;initial-value:0}.ffc-coverflow{display:none}@supports (animation-timeline:scroll()) and (view-timeline:--ffc-cf-test inline) and selector(::scroll-button(right)) and selector(::scroll-marker){.project__area .project-active,.project__area .project__nav{display:none}.ffc-coverflow{--cf-ratio:1.25;--cf-max:560px;--cf-btn:2.75rem;--cf-btn-gap:.875rem;--cf-rotate:58deg;--cf-cos:.53;--cf-perspective:1000px;--cf-scale-min:.66;--cf-scale-step:.5;--cf-stack-gutter:3.25rem;--cf-stack-gap-factor:.2;--cf-dot:.625rem;--cf-dot-active:2.25rem;--cf-control:rgb(255 255 255 / .35);--cf-control-active:#FFAE70;--cf-speed:.25s;--cf-shadow-room:2.5rem;--cf-w:min(var(--cf-max), calc(100cqi - 2 * (var(--cf-btn) + var(--cf-btn-gap)) - 1rem));--cf-h:calc(var(--cf-w) / var(--cf-ratio));--cf-peek:max(0px, calc((100cqi - var(--cf-w)) * .5));--cf-neighbor-scale:max(var(--cf-scale-min), calc(1 - var(--cf-scale-step)));--cf-neighbor-visible:calc(var(--cf-w) * var(--cf-neighbor-scale) * var(--cf-cos));--cf-stack-offset:calc(var(--cf-w) * .5 + var(--cf-neighbor-visible) * .5 + var(--cf-stack-gutter));--cf-stack-gap:calc(var(--cf-neighbor-visible) * var(--cf-stack-gap-factor));display:block;position:relative;container-type:inline-size}.ffc-coverflow__scroller{display:flex;margin:calc(var(--cf-shadow-room) * -1) 0 0;padding:var(--cf-shadow-room) var(--cf-peek);list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;isolation:isolate;scroll-marker-group:after;animation:ffc-cf-progress 1ms linear both;animation-timeline:scroll(self inline)}.ffc-coverflow__scroller::-webkit-scrollbar{display:none}@keyframes ffc-cf-progress{from{--ffc-cf-progress:0}to{--ffc-cf-progress:1}}.ffc-coverflow__scroller>li{--cf-pos:calc(var(--ffc-cf-progress) * (var(--n) - 1));--cf-d:calc(var(--i) - var(--cf-pos));--cf-abs:max(var(--cf-d), calc(var(--cf-d) * -1));--cf-side:clamp(-1, var(--cf-d), 1);--cf-base-x:calc(var(--cf-d) * var(--cf-w));--cf-stack-x:calc(var(--cf-side) * (var(--cf-stack-offset) + max(0, calc(var(--cf-abs) - 1)) * var(--cf-stack-gap)));--cf-scale:max(var(--cf-scale-min), calc(1 - var(--cf-abs) * var(--cf-scale-step)));position:relative;z-index:calc(1000 - var(--cf-abs) * 10);flex:0 0 var(--cf-w);height:var(--cf-h);scroll-snap-align:center;scroll-snap-stop:always;view-timeline:--ffc-cf-slide inline;view-timeline-inset:var(--cf-peek);pointer-events:none}.ffc-coverflow__scroller>li.is-start{scroll-initial-target:nearest}.ffc-coverflow__scroller>li>div{width:100%;height:100%;translate:calc(var(--cf-stack-x) - var(--cf-base-x)) 0}.ffc-coverflow__link{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:5px;pointer-events:auto;-webkit-user-drag:none;user-select:none;backface-visibility:hidden;transform-origin:center;transform:perspective(var(--cf-perspective)) rotateY(calc(var(--cf-side) * var(--cf-rotate) * -1)) scale(var(--cf-scale));box-shadow:0 20px 40px rgb(0 0 0 / .35)}.ffc-coverflow__link img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.ffc-coverflow__link:focus-visible{outline:3px solid var(--cf-control-active);outline-offset:3px}.ffc-coverflow__caption{position:absolute;inset:auto 0 0;padding:3rem 1.5rem 1.25rem;background:linear-gradient(to top,rgb(0 0 0 / .8),rgb(0 0 0 / 0));color:#fff;opacity:max(0, calc(1 - var(--cf-abs) * 2))}.ffc-coverflow__title{display:block;margin:0 0 4px;font-family:var(--tg-heading-font-family);font-size:1.5rem;font-weight:600;line-height:1.15;text-transform:uppercase;color:#fff}.ffc-coverflow__location{display:block;font-size:.9375rem;line-height:1.4;color:rgb(255 255 255 / .85)}.ffc-coverflow__scroller::scroll-marker-group{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:calc(1.75rem - var(--cf-shadow-room));min-height:var(--cf-dot)}.ffc-coverflow__scroller>li::scroll-marker{content:"";flex:0 0 auto;width:var(--cf-dot);height:var(--cf-dot);border-radius:999px;background-color:var(--cf-control);pointer-events:auto;transition:background-color var(--cf-speed) ease-in-out;animation:ffc-cf-dot 1ms linear both;animation-timeline:--ffc-cf-slide;animation-range:cover}.ffc-coverflow__scroller>li::scroll-marker:hover,.ffc-coverflow__scroller>li::scroll-marker:target-current{background-color:var(--cf-control-active)}.ffc-coverflow__scroller>li::scroll-marker:focus-visible{outline:2px solid #fff;outline-offset:2px}@keyframes ffc-cf-dot{0%,100%{width:var(--cf-dot)}50%{width:var(--cf-dot-active)}}.ffc-coverflow__scroller::scroll-button(*){position:absolute;top:calc(var(--cf-h) * .5);z-index:1001;width:var(--cf-btn);aspect-ratio:1;border:0;border-radius:50%;translate:0 -50%;cursor:pointer;background:rgb(255 255 255 / .15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cpath fill='%23fff' d='M225 132.3 207.3 150 357.3 300 207.3 450 225 467.65 392.65 300 225 132.3Z'/%3E%3C/svg%3E") center/70% no-repeat;backdrop-filter:blur(4px);transition:background-color var(--cf-speed) ease-in-out,opacity var(--cf-speed) ease-in-out}.ffc-coverflow__scroller::scroll-button(left){content:""/"Previous project";right:calc(50% + var(--cf-w) * .5 + var(--cf-btn-gap));rotate:180deg}.ffc-coverflow__scroller::scroll-button(right){content:""/"Next project";left:calc(50% + var(--cf-w) * .5 + var(--cf-btn-gap))}.ffc-coverflow__scroller::scroll-button(*):hover{background-color:var(--cf-control-active)}.ffc-coverflow__scroller::scroll-button(*):focus-visible{outline:2px solid #fff;outline-offset:2px}.ffc-coverflow__scroller::scroll-button(*):disabled{background-color:rgb(255 255 255 / .15);opacity:.35;cursor:default}@media (max-width:575.98px){.ffc-coverflow{--cf-w:calc(100cqi - 4rem);--cf-stack-gutter:1rem}.ffc-coverflow__scroller::scroll-button(*){display:none}.ffc-coverflow__title{font-size:1.125rem}.ffc-coverflow__caption{padding:2rem 1rem 1rem}}@media (prefers-reduced-motion:reduce){.ffc-coverflow{--cf-speed:0s}.ffc-coverflow__scroller{scroll-behavior:auto}.ffc-coverflow__scroller>li::scroll-marker{animation:none}.ffc-coverflow__scroller>li::scroll-marker:target-current{width:var(--cf-dot-active)}}}