@font-face{font-family:'KMR Waldenburg';src:url('../fonts/WOFF2/KMRWaldenburg-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'KMR Waldenburg';src:url('../fonts/WOFF2/KMRWaldenburg-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box;font-family:'KMR Waldenburg',sans-serif}body{margin:0;padding:0;height:100vh;overflow:hidden;background-color:#111111}@keyframes pageFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.project,.project-list-page,.info-content,.project-page{animation:pageFadeIn 0.5s cubic-bezier(0.25,1,0.5,1) forwards}.navbar{background-color:transparent;display:flex;align-items:center;padding:10px 5%;box-sizing:border-box;height:110px;position:relative;top:0;left:0;width:100%;z-index:9999}.nav-logo{flex:1;display:flex;justify-content:flex-start}.nav-logo img{height:70px;width:auto}.nav-links{list-style:none;display:flex;justify-content:center;flex:2}.nav-spacer{flex:1}.nav-links li{margin:0 5px}.nav-links a{text-decoration:none;color:#ffffff;font-size:16px;opacity:0.65;transition:opacity 0.3s ease}.nav-links a:hover,.nav-links a.active{opacity:1;color:#ffffff}.container{height:100vh;width:100%;position:fixed;top:0;left:0;z-index:0;pointer-events:none;background-color:#111111}.container img,.container video{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;opacity:0;z-index:0;transition:opacity 0.18s ease-out}.container .hero-media.is-active{opacity:1;z-index:2}.container .hero-media.is-leaving{opacity:1;z-index:1}.content-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:5%;z-index:100;pointer-events:none}h1{font-size:10vmin;color:#fffffc;text-align:left;font-family:'KMR Waldenburg',sans-serif;font-weight:700;margin:0;pointer-events:auto}@keyframes typing{0%{content:""}2%{content:"R"}4%{content:"Re"}6%{content:"Ren"}8%{content:"Rena"}10%{content:"Renat"}12%{content:"Renatt"}14%{content:"Renatta"}16%{content:"Renatta "}18%{content:"Renatta R"}20%{content:"Renatta Rí"}22%{content:"Renatta Río"}24%{content:"Renatta Ríos"}25%,75%{content:"Renatta Ríos"}77%{content:"Renatta Río"}79%{content:"Renatta Rí"}81%{content:"Renatta R"}83%{content:"Renatta "}85%{content:"Renatta"}87%{content:"Renatt"}89%{content:"Renat"}91%{content:"Rena"}93%{content:"Ren"}95%{content:"Re"}97%{content:"R"}100%{content:""}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.typewriter{--caret:currentcolor;display:inline-block}.typewriter::before{content:"";animation:typing 5s infinite;letter-spacing:0.05em}.typewriter::after{content:"";border-right:2px solid var(--caret);animation:blink 0.7s linear infinite;margin-left:2px}@media (prefers-reduced-motion){.typewriter::after{animation:none}.typewriter::before{content:"Renatta Ríos";animation:none}}.info-content{margin-top:120px;padding:0 5%;display:flex;justify-content:center}.info-container{max-width:760px;width:100%;padding-bottom:50px}.info-text p{color:#ffffff;font-size:1.2rem;line-height:1.8;text-align:left}.info-body{background-color:#111111;overflow-y:auto;height:auto;min-height:100vh;margin:0}@media (max-width:768px){.info-content{margin-top:100px;padding:0 6%}.info-container{max-width:100%}.info-text p{font-size:1.05rem;line-height:1.7}}.project{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 110px);width:100%;position:relative;z-index:1}.project-items{display:flex;flex-direction:column;gap:20px;text-align:center;position:relative;z-index:1}.project-link{text-decoration:none;color:#fffffc;font-size:2.5rem;font-weight:700;transition:color 0.8s ease}.project-link:hover{color:#000000;transform:scale(1.20)}.project-list-page{width:min(1500px,100%);margin:0 auto;padding:64px 5% 20px 1%}.category-heading{margin-bottom:34px;color:#fffffc}.category-heading p{font-size:0.9rem;line-height:1;margin-bottom:8px;text-transform:lowercase;color:#a9a9a9}.category-heading h1{font-size:clamp(2rem,5vw,4rem);line-height:1;font-weight:700;letter-spacing:0;text-transform:lowercase}.work-index{display:grid;grid-template-columns:minmax(280px,0.7fr) minmax(520px,1.5fr);gap:clamp(36px,5vw,72px);align-items:start}.work-list{}.work-item{display:flex;flex-direction:column;gap:8px;padding:clamp(16px,2.2vw,28px) 0;color:#fffffc;text-decoration:none;transition:color 0.2s ease}.work-title{font-size:clamp(1.2rem,2vw,2rem);line-height:0.9;font-weight:700;letter-spacing:0}.work-meta{font-size:clamp(0.82rem,1.1vw,1rem);line-height:1.25;color:#c9c9c4;text-align:left}.work-item:hover,.work-item:focus-visible{color:#ffffff;outline:none}.work-item:hover .work-meta,.work-item:focus-visible .work-meta{color:#ffffff}.work-preview{position:sticky;top:130px;min-height:min(68vh,720px)}.work-preview-frame{width:100%;aspect-ratio:16 / 10;overflow:hidden}.work-preview-media{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.mobile-work-bg{display:none}.project-page{padding-top:10px;padding-bottom:30px}.project-back{display:block;width:min(1500px,94vw);margin:30px auto 10px;position:relative;z-index:1000;color:#fffffc;font-size:0.9rem;line-height:1;text-decoration:none;opacity:0.78;transition:opacity 0.2s ease,color 0.2s ease}.project-back:hover,.project-back:focus-visible{color:#ffffff;opacity:1;outline:none}.project-description{width:min(1500px,94vw);max-width:none;margin:0 auto 30px;text-align:left}.project-description h2{font-size:3rem;color:#fffffc;margin-top:0;margin-bottom:15px;font-weight:700}.project-description p{color:#fffffc;font-size:1.1rem;line-height:1.6;margin:0}.project-description .project-credits{margin-top:12px;font-size:0.95rem;color:#a9a9a9;line-height:1.5}.gallery{column-count:3;column-gap:14px;width:min(1500px,94vw);max-width:none;margin:0 auto;padding:20px 0}.gallery:has(.gallery-video){display:grid;grid-template-columns:1fr;align-items:start;justify-items:center;column-count:auto;gap:28px}.gallery.gallery-2-cols{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch}.gallery.gallery-3-cols{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:stretch}.gallery-item,.gallery-video,.gallery>.gallery-img{width:100%;display:block;overflow:hidden;break-inside:avoid;margin-bottom:14px;content-visibility:auto;contain-intrinsic-size:360px 420px}.gallery-img{width:100%;height:auto;display:block;object-fit:contain;cursor:pointer;transition:opacity 0.2s ease,outline 0.2s ease}.gallery-img:focus-visible{outline:2px solid #fffffc;outline-offset:4px;opacity:0.95}.gallery-video{max-width:1000px;height:auto;border:0;object-fit:contain}iframe.gallery-video{aspect-ratio:16 / 9;min-height:auto}.gallery-video-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.video-subtitle{color:#fffffc;font-size:1.1rem;font-weight:700;margin:0;text-transform:lowercase;text-align:center}.gallery:has(.gallery-video)>*{margin-bottom:0}.gallery-img:hover{opacity:0.95}.modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#161616cc;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal.active{display:flex;justify-content:center;align-items:center}.modal-content{max-width:95vw;max-height:95vh;object-fit:contain;animation:zoomIn 0.3s ease}@keyframes zoomIn{from{transform:scale(0.8);opacity:0}to{transform:scale(1);opacity:1}}.close{position:fixed;top:20px;right:30px;color:#fffffc;font-size:40px;font-weight:bold;cursor:pointer;transition:color 0.2s ease;z-index:10001;background:none;border:none}.close:hover{color:#252525}@media (max-width:1024px){.work-index{grid-template-columns:minmax(0,1fr) minmax(260px,0.65fr);gap:28px}.gallery{column-count:2;gap:12px;column-gap:12px;padding:14px 0}.gallery:has(.gallery-video){gap:14px}.gallery.gallery-2-cols,.gallery.gallery-3-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item{height:auto}.gallery-img{width:100%;max-width:none}.project-description h2{font-size:2.5rem}.close{font-size:35px;top:15px;right:20px}}@media (max-width:768px){.mobile-work-bg{display:block;position:fixed;inset:0;z-index:0;pointer-events:none;background:#111111}.mobile-work-bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.36)}.project-menu-body .mobile-work-bg::after{background:transparent}.mobile-work-bg-media{width:100%;height:100%;display:block;object-fit:cover;object-position:center;opacity:0.8}.project-menu-body .mobile-work-bg-media{opacity:1}.project-list-page{position:relative;z-index:1;height:calc(100svh - 90px);min-height:0;overflow:hidden;padding:18px 24px 60px}.project{min-height:calc(100svh - 90px);align-items:flex-start;overflow:hidden;padding:18px 24px 60px}.project-items{width:100%;height:62svh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;gap:0;padding:calc((62svh - 110px) / 2) 0;text-align:center;scroll-snap-type:y mandatory;scrollbar-width:none;mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%)}.project-items::-webkit-scrollbar{display:none}.project-link{display:flex;align-items:center;justify-content:center;min-height:110px;width:100%;max-width:100%;color:#fffffc;font-size:clamp(2.2rem,11vw,3.8rem);line-height:0.95;opacity:0.42;overflow-wrap:anywhere;scroll-snap-align:center;text-align:center;transition:opacity 0.2s ease,color 0.2s ease}.project-link:hover{color:#fffffc;transform:none}.project-link.is-active{opacity:1}.work-index{display:block}.work-list{position:relative;height:62svh;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc((62svh - 96px) / 2) 0;border-top:0;scroll-snap-type:y mandatory;scrollbar-width:none;mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%)}.work-list::-webkit-scrollbar{display:none}.work-item{width:100%;max-width:100%;min-height:96px;justify-content:center;padding:18px 0;scroll-snap-align:center;opacity:0.42;overflow:hidden;transition:opacity 0.2s ease,color 0.2s ease}.work-item.is-active{opacity:1}.work-item.is-active .work-meta{opacity:1}.work-preview{display:none}.work-title{max-width:100%;font-size:clamp(1.4rem,6vw,2.2rem);line-height:0.95;overflow-wrap:anywhere;text-wrap:balance}.work-meta{max-width:100%;opacity:0;overflow-wrap:anywhere;transition:opacity 0.2s ease}.gallery{column-count:2;gap:10px;column-gap:10px;padding:10px 0}.gallery:has(.gallery-video){gap:12px}.gallery.gallery-2-cols,.gallery.gallery-3-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item{height:auto !important}.gallery-img{width:100%;max-width:none}iframe.gallery-video{min-height:240px}.project-description{padding:0 5%;font-size:2rem}.project-back{margin:20px auto 10px;padding:0 5%}}@media (max-width:480px){.navbar{height:90px;padding:8px 3%}.nav-logo img{height:50px}.nav-links a{font-size:14px}.project-description h2{font-size:1.5rem}.project-description p{font-size:0.95rem}.gallery{column-count:1;gap:8px;column-gap:8px;padding:8px 0}.gallery:has(.gallery-video),.gallery.gallery-2-cols,.gallery.gallery-3-cols{grid-template-columns:1fr;gap:10px}.close{font-size:24px;top:8px;right:10px}}.social-links{margin-top:30px;display:flex;gap:20px;justify-content:center}.social-links a img{width:24px;height:24px;object-fit:contain;display:block;transition:opacity 0.2s ease}.social-links a:hover img{opacity:0.7}footer.social-links{margin:40px auto;text-align:left}footer.social-links a img{width:24px;height:24px;display:inline-block;transition:opacity 0.2s}