@font-face{font-family:Microgramma;src:url(/Microgramma%20D%20Extended%20Bold.otf) format("opentype");font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;background-color:#f9dcc7;background-image:url(/fondo-4.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}#hero-section{position:relative;width:100vw;height:100vh;overflow:hidden;isolation:isolate;background-color:#f9dcc7;background-image:url(/fondo-4.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}#sphere-canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.leaf-left,.leaf-right{height:175px;width:auto;display:block}.leaf-left-wrap,.leaf-right-wrap{position:absolute;left:0;top:0;z-index:2;pointer-events:none;transform-origin:0 0}.leaf-right{transform:translate(-16.5%,-94%) rotate(30deg);transform-origin:16.5% 94%;animation:leaf-breathe-right 8.5s ease-in-out infinite;animation-delay:-2.6s}.leaf-left{transform:matrix(-.8660254,.5,.5,.8660254,-71.8306,-148.4768);transform-origin:0 0;animation:leaf-breathe-left 7.5s ease-in-out infinite}@keyframes leaf-breathe-right{0%,to{transform:translate(-16.5%,-94%) rotate(30deg)}50%{transform:translate(-16.5%,-94%) rotate(32deg) scale(1.045)}}@keyframes leaf-breathe-left{0%,to{transform:matrix(-.8660254,.5,.5,.8660254,-71.8306,-148.4768)}50%{transform:rotate(-2deg) scale(1.045) matrix(-.8660254,.5,.5,.8660254,-71.8306,-148.4768)}}#hero-headline{pointer-events:none}.headline-word{position:absolute;z-index:2;mix-blend-mode:difference;font-family:Microgramma,sans-serif;font-size:clamp(2.5rem,7.5vw,5.5rem);font-weight:400;text-transform:uppercase;color:#fff;white-space:nowrap;pointer-events:none}.word-different{top:18%;left:6%}.word-creative{top:46%;left:55%}.word-approach{bottom:18%;left:6%}#hero-headline-2{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:13vh 10% 0 8%;pointer-events:none}.tagline-line{position:relative;z-index:2;font-family:Microgramma,sans-serif;font-size:clamp(1.8rem,4.2vw,3.4rem);line-height:1.15;font-weight:400;text-transform:uppercase;color:#fff;mix-blend-mode:difference;white-space:nowrap;opacity:0}#hero-subtext{position:absolute;left:8%;right:8%;top:58%;z-index:2;display:flex;gap:6vw;pointer-events:none}.subtext-col-left{flex:0 0 26%;display:flex;flex-direction:column;gap:1.5rem}.subtext-col-right{flex:1;max-width:34ch}.subtext-headline,.subtext-link,.subtext-paragraph{font-family:Montserrat,sans-serif;color:#062338;mix-blend-mode:difference;white-space:normal;opacity:0}.subtext-headline,.subtext-link{font-size:clamp(.7rem,.95vw,.9rem);font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.4}.subtext-link{pointer-events:auto}.subtext-paragraph{font-size:clamp(.7rem,.95vw,.9rem);font-weight:400;line-height:1.6}#featured-work{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.featured-work-grid{position:absolute;top:15%;left:42%;right:3%;display:flex;gap:1.5rem}.featured-work-col{flex:1;display:flex;flex-direction:column;gap:1.5rem}.featured-work-col-a{margin-top:15%}.featured-work-item{position:relative;aspect-ratio:1 / 1;border-radius:0;overflow:hidden;opacity:0;pointer-events:auto}a.featured-work-item{display:block;text-decoration:none;color:inherit}.featured-work-item-title{display:inline-block;width:fit-content;font-family:Microgramma,sans-serif;font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:400;line-height:1;color:#fff}.featured-work-item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(6,35,56,.8) 0%,rgba(6,35,56,.2) 45%,transparent 70%);pointer-events:none}.featured-work-item-meta{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:2;display:flex;flex-direction:column;gap:.4rem;pointer-events:none}.featured-work-item-desc{font-family:Montserrat,sans-serif;font-weight:400;font-size:.8rem;line-height:1.5;color:#ffffffa6}.featured-work-item img,.featured-work-item-media{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform .3s ease}a.featured-work-item:hover .featured-work-item-media,a.featured-work-item:active .featured-work-item-media{will-change:transform;transform:scale(1.08)}#site-nav{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1.75rem 2.5rem;pointer-events:none}#site-nav .nav-logo{position:relative;z-index:50;height:2.2rem;pointer-events:auto}#site-nav .nav-label{position:relative;z-index:50;font-family:Microgramma,sans-serif;font-size:.95rem;color:#062338;letter-spacing:.04em;text-transform:uppercase;pointer-events:auto}@media (max-width: 768px){#site-nav{padding:1.25rem 1.5rem}#site-nav .nav-logo{height:1.7rem}#site-nav .nav-label{font-size:.75rem}}#floating-cards{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}.floating-card{position:absolute;top:50%;left:50%;width:var(--fc-size);aspect-ratio:var(--fc-aspect, 1 / 1);border-radius:0;overflow:hidden;opacity:0;box-shadow:0 10px 24px #0000004d;will-change:transform,opacity}.floating-card video{width:100%;height:100%;object-fit:cover;display:block}#outro-cta{position:absolute;left:0;right:0;margin-inline:auto;width:fit-content;max-width:90vw;top:calc(38% + 5px);display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center;pointer-events:none}.outro-cta-question{position:relative;z-index:2;font-family:Microgramma,sans-serif;font-size:clamp(1.4rem,2.9vw,2.3rem);font-weight:400;text-transform:uppercase;color:#fff;mix-blend-mode:difference;opacity:0}.outro-cta-link{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;font-size:clamp(.85rem,1.1vw,1rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;text-decoration:none;pointer-events:auto;opacity:0;padding:1rem 2.3rem;border-radius:999px;background:none;border:1.5px solid #ffffff;box-shadow:0 0 8px 1px #fff9,0 0 16px 4px #fff6,0 0 26px 8px #ffffff40;transition:transform .25s ease,box-shadow .25s ease}.outro-cta-link:hover{transform:translateY(-2px);box-shadow:0 0 10px 2px #ffffffbf,0 0 20px 6px #ffffff80,0 0 32px 10px #ffffff4d}