*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f9fdff;--bg-card:#fff;--text:#000;--text-secondary:#333;--text-muted:#4e6e80;--accent:#0281e0;--border:#d8e3eb;--radius:16px;--nav-h:72px;--max-w:1100px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter Tight,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:#fff}.cursor-dot{background:var(--accent);pointer-events:none;z-index:9999;mix-blend-mode:multiply;border-radius:50%;width:12px;height:12px;transition:width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1),opacity .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot.hover{opacity:.15;width:64px;height:64px}@media (pointer:coarse){.cursor-dot{display:none}}.nav-container{z-index:100;pointer-events:none;justify-content:center;display:flex;position:fixed;top:24px;left:0;right:0}.nav{pointer-events:auto;-webkit-backdrop-filter:blur(20px);background:#fff6;border:1px solid #fff9;border-radius:100px;align-items:center;gap:32px;padding:6px 32px 6px 6px;transition:background .4s,border-color .4s,box-shadow .4s;display:flex}.nav.scrolled{background:#ffffffb3;border-color:#ffffffe6;box-shadow:0 8px 32px #0000000f}.nav-avatar{object-fit:cover;background:var(--border);border-radius:50%;width:32px;height:32px}.nav-brand{letter-spacing:.02em;text-transform:uppercase;color:var(--text);align-items:center;gap:10px;font-size:15px;font-weight:900;text-decoration:none;display:flex}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:var(--text-secondary);font-size:15px;font-weight:600;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-dots{color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:0 8px;display:flex}.hero{min-height:100vh;padding:0 48px;padding-top:var(--nav-h);align-items:center;display:flex;position:relative}.hero-sky-container{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sky-bg{background-image:url(/cielo.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.clouds{mix-blend-mode:normal;will-change:background-position;background-position:0 0;background-repeat:repeat-x;background-size:200%;position:absolute;inset:0}.back-clouds{opacity:.7;background-image:url(/nubes.png);animation:140s linear infinite moveClouds}.front-clouds{opacity:.9;background-image:url(/nubes2.png);background-position:100% 0;animation:80s linear infinite reverse moveClouds}.sky-fade{background:linear-gradient(to bottom, transparent, var(--bg));width:100%;height:300px;position:absolute;bottom:0;left:0}@keyframes moveClouds{0%{background-position:0 0}to{background-position:4000px 0}}.hero-inner{max-width:var(--max-w);grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;width:100%;margin:0 auto;display:grid}.hero-greeting{color:var(--text-muted);margin-bottom:20px;font-size:18px;font-weight:600}.hero-title{letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(64px,8.5vw,110px);font-weight:800;line-height:.95}.hero-title h1{font:inherit;margin:0}.hero-title-line{display:block;overflow:hidden}.hero-title .accent{color:var(--accent)}.hero-sub{color:var(--text-muted);max-width:480px;font-size:16px;line-height:1.6}.hero-sub .company{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;font-weight:700;text-decoration-thickness:2px}.hero-right{justify-content:center;display:flex;position:relative}.hero-right img{border-radius:24px;width:100%;max-width:440px;box-shadow:0 20px 60px #0281e014}.hero-badges{flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:absolute;bottom:20px;left:-30px}.hero-badge{background:var(--bg-card);border:1px solid var(--border);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-radius:100px;align-items:center;gap:8px;padding:10px 20px;font-size:12px;font-weight:800;display:flex;box-shadow:0 8px 30px #0000000f}.badge-dot{background:#40c21f;border-radius:50%;width:8px;height:8px;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.marquee{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-card);margin-top:60px;padding:20px 0;overflow:hidden}.marquee-track{white-space:nowrap;will-change:transform;animation:30s linear infinite scroll-marquee;display:flex}.marquee-item{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0;align-items:center;gap:40px;padding:0 40px;font-size:13px;font-weight:800;display:flex}.marquee-item:before{content:"✦";color:var(--accent);font-size:12px}@keyframes scroll-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{max-width:var(--max-w);margin:0 auto;padding:140px 48px}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:24px;font-size:12px;font-weight:800}.section-heading{letter-spacing:-.04em;margin-bottom:20px;font-size:clamp(36px,5vw,60px);font-weight:800;line-height:1.1}.section-sub{color:var(--text-muted);max-width:600px;margin-bottom:70px;font-size:18px;line-height:1.6}.whatido-text{letter-spacing:-.02em;max-width:900px;color:var(--text);margin-bottom:80px;font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.3}.stats-grid{background:var(--border);border-radius:var(--radius);border:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.stat{background:var(--bg-card);padding:60px 48px}.stat-number{letter-spacing:-.05em;color:var(--text);margin-bottom:16px;font-size:clamp(56px,8vw,96px);font-weight:800;line-height:1;display:block}.stat-label{color:var(--text-muted);font-size:16px;font-weight:500;line-height:1.6}.work-section{padding:140px 0 0}.work-header{max-width:var(--max-w);margin:0 auto;padding:0 48px 70px}.work-stack{flex-direction:column;gap:40px;padding:0 24px;display:flex}.work-sticky-card{height:clamp(560px,82vh,860px);color:inherit;transform-origin:top;will-change:transform, box-shadow;border-radius:32px;text-decoration:none;transition:box-shadow .4s,transform .4s;display:block;position:sticky;overflow:hidden;box-shadow:0 -4px 40px #00000014}.work-sticky-card:hover{box-shadow:0 -4px 60px #0000001f}.work-card-bg{z-index:0;background:url(/cielo.png) 50%/cover no-repeat;position:absolute;inset:0}.work-card-image{z-index:1;width:55%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.work-card-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 20%);mask-image:linear-gradient(90deg,#0000 0%,#000 20%)}.work-dimmer{pointer-events:none;z-index:3;border-radius:inherit;background:#000;position:absolute;inset:0}.work-glass-panel{-webkit-backdrop-filter:blur(24px)saturate(120%);z-index:2;background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;flex-direction:column;width:42%;min-width:340px;max-width:520px;padding:44px;display:flex;position:absolute;top:40px;bottom:40px;left:40px;overflow:visible}.work-glass-link-circle{-webkit-backdrop-filter:blur(20px);color:#fff;z-index:4;will-change:transform;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:-20px;right:-20px;box-shadow:0 8px 24px #0000001f}.work-sticky-card:hover .work-glass-link-circle{transform:translate(3px,-3px)}.work-glass-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.work-glass-num{color:#fff;letter-spacing:.02em;background:#ffffff1f;border:1px solid #ffffff26;border-radius:100px;padding:6px 16px;font-size:13px;font-weight:800}.work-glass-year{color:#ffffff80;font-size:14px;font-weight:600}.work-glass-title{letter-spacing:-.03em;color:#fff;margin-bottom:28px;font-family:Inter Tight,sans-serif;font-size:clamp(28px,3.5vw,42px);font-weight:800;line-height:1.08}.work-glass-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.work-glass-tag{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:100px;padding:6px 16px;font-size:13px;font-weight:700}.work-glass-desc{color:#ffffffa6;margin-bottom:auto;font-size:15px;font-weight:500;line-height:1.65}.work-glass-btn{color:#000;letter-spacing:-.01em;background:#fff;border-radius:100px;align-self:flex-start;align-items:center;gap:12px;padding:6px 24px 6px 6px;font-size:14px;font-weight:800;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:inline-flex}.work-sticky-card:hover .work-glass-btn{transform:scale(1.03);box-shadow:0 6px 20px #00000026}.work-btn-icon{color:#fff;background:#000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.about-section{max-width:var(--max-w);margin:0 auto;padding:140px 48px}.about-grid{grid-template-columns:380px 1fr;align-items:start;gap:80px;display:grid}.about-photo{background:#fff;border-radius:4px;width:100%;padding:16px 16px 56px;transform:rotate(-3deg);box-shadow:0 12px 40px #0000001a}.about-photo img{aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:2px;width:100%;display:block}.about-text-col{padding-top:24px}.about-label{letter-spacing:.1em;color:var(--accent);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;font-weight:800;display:flex}.about-label-diamond{font-size:10px}.about-heading{letter-spacing:-.03em;color:var(--text);margin-bottom:28px;font-size:clamp(36px,5vw,52px);font-weight:800;line-height:1.05}.about-body{color:var(--text-muted);max-width:560px;margin-bottom:20px;font-size:16px;font-weight:500;line-height:1.75}.about-signature{color:var(--accent);margin-top:8px;font-family:Caveat,cursive;font-size:44px;font-weight:600;line-height:1}.timeline{flex-direction:column;gap:12px;display:flex}.timeline-item{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:48px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}.timeline-item:hover{transform:translate(6px);box-shadow:0 12px 40px #0000000a}.timeline-role{letter-spacing:-.03em;font-size:24px;font-weight:800}.footer-sky{background:linear-gradient(to bottom, var(--bg) 0%, #1f8de6 40%, #3aa9f5 100%);flex-direction:column;min-height:95vh;display:flex;position:relative;overflow:hidden}.footer-huge-name{text-align:center;color:#fff3;letter-spacing:-.04em;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;white-space:nowrap;font-size:22vw;font-weight:900;line-height:.85;position:absolute;bottom:0;left:0;right:0}.footer-clouds-container{z-index:1;pointer-events:none;height:50vh;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 50%);mask-image:linear-gradient(#0000 0%,#000 50%)}.footer-clouds{background-position:0 100%;background-size:cover}.footer-content{z-index:3;width:100%;max-width:var(--max-w);flex-direction:column;flex-grow:1;margin:0 auto;padding:120px 48px 40px;display:flex;position:relative}.footer-top{margin-bottom:80px;position:relative}.footer-cta-text{color:#fff;letter-spacing:-.03em;max-width:800px;font-size:clamp(48px,6vw,84px);font-weight:800;line-height:1.05}.cursive-word{color:#ffffffe6;font-family:Caveat,cursive;font-size:1.2em;font-weight:500}.footer-floating-img{transform-origin:100%;border:3px solid #fffc;border-radius:16px;width:280px;position:absolute;top:20px;right:0;overflow:hidden;box-shadow:0 20px 40px #0003}.footer-floating-img img{width:100%;display:block}.footer-links{gap:120px;margin-bottom:auto;padding-bottom:60px;display:flex}.footer-link-col h3{letter-spacing:.05em;color:#ffffffb3;margin-bottom:12px;font-size:13px;font-weight:800}.footer-link-col a{color:#fff;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .3s}.footer-link-col a:hover{opacity:.7}.footer-social-icons{gap:12px;display:flex}.social-circle{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;color:#000!important;transition:transform .3s cubic-bezier(.22,1,.36,1)!important}.social-circle:hover{opacity:1!important;transform:scale(1.1)!important}.footer-bottom-bar{color:#fff9;border-top:1px solid #fff3;justify-content:space-between;align-items:center;padding-top:24px;font-size:13px;font-weight:600;display:flex}.footer-made-badge{color:#000;letter-spacing:.02em;background:#fff;border-radius:100px;align-items:center;gap:8px;padding:6px 16px;font-size:12px;font-weight:800;display:flex}@media (width<=900px){.nav,.hero{padding:0 24px}.hero-inner{grid-template-columns:1fr;gap:40px}.hero-right{max-width:320px;margin:0 auto}.hero-badges{bottom:10px;left:-10px}.section,.about-section{padding:80px 24px}.about-grid{grid-template-columns:1fr;gap:40px}.about-photo{max-width:280px;margin:0 auto;transform:rotate(-3deg)}.about-text-col{padding-top:0}.stats-grid{grid-template-columns:1fr}.work-section{padding-top:80px}.work-header{padding:0 24px 40px}.work-stack{gap:20px;padding:0 12px}.work-sticky-card{height:auto;min-height:480px}.work-glass-panel{border-radius:20px;width:auto;min-width:auto;max-width:100%;margin:24px;padding:28px;position:relative;top:0;bottom:0;left:0}.work-glass-title{font-size:24px}.work-glass-link-circle{width:44px;height:44px;top:-14px;right:-14px}.timeline-item{padding:32px}.footer-sky{min-height:80vh}.footer-content{padding:40px 24px 24px}.footer-cta-text{margin-bottom:40px;font-size:40px}.footer-floating-img{width:100%;max-width:280px;margin-bottom:40px;position:relative;top:auto;right:auto;transform:none!important}.footer-links{flex-direction:column;gap:40px}.footer-bottom-bar{flex-direction:column;align-items:flex-start;gap:20px}}