:root{--yellow: #ffe51d;--bg-start: #000000;--bg-end: #1b1c31;--card-bg: #e2e2d0;--paper: #f2f1e6;--ink: #16161f;--font-serif: "EB Garamond", Georgia, serif;--font-mono: "Fragment Mono", ui-monospace, monospace;--maxw: 1500px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:var(--bg-start);color:var(--paper);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.stage{position:relative;min-height:100vh;width:100%;overflow:hidden;background:linear-gradient(125deg,var(--bg-start) 0%,var(--bg-start) 60%,var(--bg-end) 100%)}.decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.decor-item{position:absolute;will-change:transform;transition:transform .35s cubic-bezier(.16,1,.3,1)}.grilla{top:50%;left:50%;width:104%;height:104%;margin-left:100px;object-fit:cover;object-position:center;transform:translate(-50%,-50%);opacity:1;filter:brightness(1.35)}.grilla-left{top:50%;left:0;width:104%;height:104%;margin-left:-50px;object-fit:cover;object-position:left center;transform:translateY(-50%);opacity:1;filter:brightness(1.35)}.texture-band{position:absolute;left:0;bottom:0;width:calc(min(74vw,1080px) + 270px);height:clamp(80px,13vh,140px);background-color:var(--yellow);background-image:url(/textura-amarilla.png);background-size:cover;background-position:center;background-blend-mode:multiply;z-index:2}.content{position:relative;z-index:3;min-height:100vh;max-width:var(--maxw);margin:0 auto;padding:clamp(1.5rem,3vw,2.75rem) clamp(1.5rem,4vw,3.5rem) clamp(1.5rem,3vw,2.75rem) calc(clamp(1rem,3vw,3rem) + 30px);display:flex;flex-direction:column;justify-content:center;gap:clamp(1.5rem,3vw,2.25rem)}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;text-decoration:none;color:var(--paper);transform:translate(-60px,30px)}.brand-logo{display:block;height:clamp(64px,6.6vw,101px);width:auto}.linkedin{position:relative;z-index:5;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:14px;transform:translate(73px,30px);transition:transform .2s ease}.linkedin-icon{display:block;height:clamp(72px,6.875vw,100px);width:auto}.linkedin:hover{transform:translate(73px,30px) scale(1.1)}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(2rem,5vw,4rem)}.headline{font-family:var(--font-serif);font-weight:400;font-size:clamp(3.3rem,7.44vw,8.1rem);line-height:1.02;letter-spacing:-.015em;white-space:nowrap;margin:0 0 0 -60px}.card{position:relative;flex-shrink:0;width:min(100%,470px);min-height:calc(clamp(240px,17vw,290px) - 15px);color:var(--ink);border-radius:26px 26px 26px 0;padding:clamp(2.25rem,3.5vw,3rem);overflow:hidden;box-shadow:0 30px 60px -20px #0000008c;display:flex;flex-direction:column;justify-content:center;background-color:var(--card-bg);background-image:radial-gradient(120% 120% at 15% 12%,#ffffffd9,#fff0 55%),linear-gradient(150deg,#eeeee2,#e4e4d3 55%,#d6d6c4);margin-top:0;margin-right:-50px}.card-corner{position:absolute;left:0;bottom:0;width:62px;height:62px;background:var(--yellow);clip-path:polygon(0 0,0 100%,100% 100%)}.card-title{position:relative;margin:0;font-family:var(--font-serif);font-weight:500;font-size:clamp(1.85rem,2.8vw,2.45rem);line-height:1.2}.card-meta{position:relative;margin:clamp(1.5rem,3.5vw,2.25rem) 0 0;font-family:var(--font-mono);font-size:clamp(.9rem,1.1vw,1rem);letter-spacing:.01em;color:#16161fb8}.card-meta a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;transition:opacity .2s ease}.card-meta a:hover{opacity:.6}.reveal{opacity:0;transform:translateY(16px);animation:reveal .9s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--delay, 0s)}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hero{flex-direction:column;align-items:flex-start;justify-content:center}.card{width:100%;max-width:480px}.grilla{opacity:.55}}@media(max-width:560px){.texture-band{width:60vw;height:120px}}@media(prefers-reduced-motion:reduce){.reveal{animation:none;opacity:1;transform:none}.decor-item{transition:none}}