*{margin:0;padding:0;box-sizing:border-box}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}body{font-family:articulat-cf,sans-serif;background:#ededed;color:#06152a;min-height:100vh}body.modal-open{overflow:hidden}.page-container{min-height:100vh;padding:9rem 2rem 2rem}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;width:100%}.project-card{background:transparent;overflow:hidden;cursor:pointer;transition:all .3s ease}.project-card:hover{transform:translateY(-4px)}.project-card-image-container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.project-card-image{width:100%;height:100%;object-fit:cover;display:block}.project-card-image-anim{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:translate(100%);transition:transform 1s cubic-bezier(.25,.8,.25,1)}.project-card:hover .project-card-image-anim{transform:translate(0)}.project-card-content{padding:1rem 0}.project-card h3{font-family:big-caslon-fb,serif;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:600;color:#06152a;margin:0}.project-tags{font-family:articulat-cf,sans-serif;font-size:clamp(.75rem,1vw,.9rem);color:#666;margin:0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#06152aeb;display:flex;align-items:flex-end;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:#1a1d33;border-radius:16px 16px 0 0;padding:2rem;width:100%;height:95vh;display:grid;grid-template-rows:auto 1fr auto;gap:0;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;min-height:0}.modal-header-left{display:flex;flex-direction:column}.modal-header-top{display:flex;align-items:center;gap:1.5rem}.modal-title{font-family:big-caslon-fb,serif;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:500;color:#ededed;margin:0}.modal-attributes{display:flex;gap:0;flex-wrap:wrap}.modal-attribute{background:transparent;color:#ededed;padding:0;font-size:clamp(.875rem,1.5vw,1.1rem);font-weight:400;text-decoration:underline;transition:text-decoration .3s ease}.modal-attribute:hover{text-decoration:none}.modal-attribute:after{content:",  ";white-space:pre}.modal-attribute:last-child:after{content:""}.modal-close-btn{background:transparent;color:#ededed;border:none;padding:0;font-size:1.1rem;cursor:pointer;text-decoration:underline;transition:text-decoration .3s ease}.modal-close-btn:hover{text-decoration:none}.modal-body{overflow:hidden;padding:1rem 0;min-height:0}.images-scroll-container{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;display:flex;gap:1rem;padding:0 1rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) transparent}.images-scroll-container::-webkit-scrollbar{height:6px}.images-scroll-container::-webkit-scrollbar-track{background:transparent}.images-scroll-container::-webkit-scrollbar-thumb{background:#fff6;border-radius:3px}.images-scroll-container::-webkit-scrollbar-thumb:hover{background:#fff9}.no-images{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:#666;font-size:1rem}.modal-footer{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;padding:1.5rem 1rem;border-top:1px solid rgba(255,255,255,.1)}.modal-subtitle{font-family:articulat-cf,sans-serif;font-size:1rem;color:#ededed;text-align:left;margin:0}.modal-show-more-btn{background:transparent;color:#ededed;border:none;padding:0;font-size:clamp(1rem,1.5vw,1.5rem);font-weight:400;cursor:pointer;text-decoration:underline;transition:text-decoration .3s ease;white-space:nowrap}.modal-show-more-btn:hover{text-decoration:none}.description-panel{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#1a1d33,#1a1d33 60%,#1a1d3333);padding:4rem 2rem 6rem 4rem;display:flex;flex-direction:column;justify-content:flex-start;transform:translate(-100%);transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:10;overflow:hidden}.description-panel.active{transform:translate(0)}.description-text{font-family:articulat-cf,sans-serif;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6;color:#fff;margin:0;padding-right:2rem;max-width:50%;overflow-y:auto;max-height:100%}.description-text::-webkit-scrollbar{width:4px}.description-text::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.description-text::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.description-text::-webkit-scrollbar-thumb:hover{background:#ffffff80}.description-text p{margin-bottom:1rem}.description-text p:last-child{margin-bottom:0}.description-text ul,.description-text ol{margin:1rem 0;padding-left:1.5rem}.description-text li{margin-bottom:.5rem}.description-text h3{font-size:1.25em;font-weight:600;margin:1.5rem 0 .75rem}.description-text h4{font-size:1.1em;font-weight:600;margin:1.25rem 0 .5rem}.description-text strong{font-weight:600}.description-text em{font-style:italic}.description-close-btn{position:absolute;bottom:3rem;left:3rem;background:transparent;border:none;color:#ededed;font-size:1rem;cursor:pointer;padding:.5rem;line-height:1;transition:opacity .3s ease;text-decoration:underline}.description-close-btn:hover{opacity:.6;text-decoration:none}.image-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;cursor:zoom-out}.image-lightbox.active{opacity:1;visibility:visible}.lightbox-image{max-width:90%;max-height:90%;object-fit:contain;border-radius:4px;transform:scale(.9);transition:transform .3s ease}.image-lightbox.active .lightbox-image{transform:scale(1)}.lightbox-close-btn{position:absolute;top:2rem;right:2rem;background:transparent;border:none;color:#ededed;font-size:2rem;cursor:pointer;padding:.5rem;line-height:1;transition:opacity .3s ease}.lightbox-close-btn:hover{opacity:.6}.scroll-image{height:100%;width:auto;object-fit:contain;border-radius:0;flex-shrink:0;cursor:zoom-in}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}.description-text{max-width:80%}.modal-content{position:fixed;bottom:0;left:0;right:0;height:90vh;height:90dvh;max-height:90vh;max-height:90dvh}}@media (orientation: portrait){.modal-content{display:flex;flex-direction:column;padding:0;height:90vh;height:90dvh;max-height:90vh;max-height:90dvh;overflow:hidden;position:fixed;bottom:0;left:0;right:0}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-header{order:1;flex-direction:column;align-items:flex-start;gap:.5rem;flex-shrink:0}.modal-header-left{width:100%}.modal-title{font-size:clamp(1.5rem,5vw,2.5rem)}.modal-close-btn{position:absolute;top:.5rem;right:.5rem;font-size:.75rem;padding:.25rem .5rem}.modal-footer{order:2;border-top:none;border-bottom:1px solid rgba(255,255,255,.1);padding:.75rem 1rem;flex-shrink:0}.modal-body{order:3;flex:1;min-height:0;overflow:hidden;padding:0}.images-scroll-container{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;width:100%;padding:.25rem;gap:.75rem;touch-action:pan-y;overscroll-behavior:contain}.scroll-image{width:100%;height:auto;flex-shrink:0}.images-scroll-container::-webkit-scrollbar{width:6px;height:auto}.description-panel{padding:3rem 1.5rem 5rem;transform:translateY(-100%)}.description-panel.active{transform:translateY(0)!important}.description-text{max-width:100%;padding-right:0;overflow-y:auto;max-height:100%}.page-container{padding:5rem 1rem 1rem}.projects-grid{gap:.75rem}.project-card-content{padding:.5rem 0}.project-card h3{font-size:clamp(1.25rem,4vw,1.75rem)}.project-tags{font-size:clamp(.875rem,2.5vw,1.1rem)}}@media (min-width: 1920px){.project-card h3{font-size:2rem}.modal-title{font-size:2.5rem}.modal-attribute,.modal-close-btn,.modal-subtitle,.modal-show-more-btn{font-size:1.25rem}.description-text{font-size:1.5rem}.description-close-btn,.no-images{font-size:1.25rem}.lightbox-close-btn{font-size:2.5rem}}@media (min-width: 2560px){.project-card h3{font-size:2.5rem}.modal-title{font-size:3rem}.modal-attribute,.modal-close-btn,.modal-subtitle,.modal-show-more-btn{font-size:1.5rem}.description-text{font-size:1.75rem}.description-close-btn{font-size:1.25rem}.no-images{font-size:1.5rem}.lightbox-close-btn{font-size:3rem}}