@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;500;600&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0b0b;color:#eee;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{position:fixed;z-index:5;top:0;left:0;right:0;padding:25px 5vw;display:flex;justify-content:space-between;background:linear-gradient(#0b0b0b,transparent)}.logo{font:600 25px 'Space Grotesk'}.logo span{font-style:italic}nav{display:flex;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}nav a{opacity:.7}nav a:hover{opacity:1}.hero{min-height:100vh;padding:150px 5vw 80px;display:flex;align-items:center;justify-content:space-between}.hero>div:first-child{max-width:900px}.eyebrow{font-size:11px;letter-spacing:.18em;opacity:.5;margin:0 0 30px}.hero h1{font:500 clamp(52px,8vw,120px)/.9 'Space Grotesk';letter-spacing:-.06em;margin:0}.hero h1 em{font-weight:400;opacity:.4}.intro{max-width:570px;line-height:1.65;color:#aaa;margin:38px 0}.button{display:inline-block;border:1px solid #555;border-radius:50px;padding:14px 20px;font-size:12px;letter-spacing:.1em}.hero-mark{font:600 25vw/.8 'Space Grotesk';opacity:.035}.reel,#work,#about,#services,#trabajos,#sobre-mi,#servicios{padding:110px 0}.section-head{display:flex;gap:25px;align-items:center;padding:0 5vw 35px}.section-head span{font-size:11px;opacity:.35}.section-head h2{font:500 14px 'Space Grotesk';letter-spacing:.14em;margin:0}.video{margin:0 5vw;aspect-ratio:16/9;background:#151515}.video iframe{width:100%;height:100%;border:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 5vw}.card{aspect-ratio:16/10;background:linear-gradient(135deg,#242424,#111);display:flex;align-items:flex-end;padding:25px;font:500 20px 'Space Grotesk'}.grid article:nth-child(2) .card{background:linear-gradient(135deg,#292929,#101010)}.grid article:nth-child(3) .card{background:linear-gradient(135deg,#333,#101010)}article h3{font:500 18px 'Space Grotesk';margin:18px 0 6px}article p{font-size:12px;color:#888;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin:0 5vw;align-items:center}.photo{aspect-ratio:4/5;background:#181818;overflow:hidden}.photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 35%;filter:grayscale(100%)}.about>div:last-child{max-width:620px}.big{font:400 clamp(30px,4vw,55px)/1.05 'Space Grotesk';letter-spacing:-.04em;margin-top:0}.about p:not(.big){color:#999;line-height:1.7}.services{margin:0 5vw;border-top:1px solid #333}.services div{display:flex;gap:40px;padding:25px 0;border-bottom:1px solid #333;font:400 clamp(25px,4vw,55px) 'Space Grotesk';letter-spacing:-.03em}.services b{font:11px 'DM Sans';opacity:.35}.contact{padding:160px 5vw}.contact h2{font:500 clamp(45px,8vw,110px)/.9 'Space Grotesk';letter-spacing:-.06em;margin:0 0 50px}.mail{font-size:clamp(20px,3vw,38px);border-bottom:1px solid #777}.note{font-size:11px;color:#666;margin-top:20px}footer{display:flex;justify-content:space-between;padding:30px 5vw;border-top:1px solid #222;font-size:10px;letter-spacing:.12em;color:#666}@media(max-width:700px){nav{display:none}.hero-mark{display:none}.hero{padding-top:120px}.grid,.about{grid-template-columns:1fr}.reel,#work,#about,#services,#trabajos,#sobre-mi,#servicios{padding:75px 0}.contact{padding:100px 5vw}}
.lang{border:1px solid #555;border-radius:50px;padding:5px 9px;opacity:1!important;margin-top:-6px}

.platform-links{display:flex;gap:28px;flex-wrap:wrap;margin-top:34px}.platform-links a{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#aaa;border-bottom:1px solid #444;padding-bottom:5px;transition:color .2s,border-color .2s}.platform-links a:hover{color:#fff;border-color:#fff}

.experience-list{margin-top:38px;border-top:1px solid #333}.experience-list>div{display:grid;grid-template-columns:38px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid #2a2a2a;align-items:start}.experience-list span{font-size:10px;letter-spacing:.1em;color:#666;padding-top:5px}.experience-list p{margin:0!important;color:#b7b7b7!important;line-height:1.5!important}.experience-list strong{color:#eee;font-weight:500}@media(max-width:700px){.experience-list{margin-top:28px}.experience-list>div{grid-template-columns:30px 1fr;gap:12px;padding:13px 0}}

.reel-switcher{display:flex;gap:12px;margin:0 5vw 24px;flex-wrap:wrap}
.reel-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #444;border-radius:999px;padding:12px 20px;font-size:11px;letter-spacing:.12em;transition:.25s ease}
.reel-btn:hover,.reel-btn.active{background:#eee;color:#0b0b0b;border-color:#eee}

.reel-headline{margin:0 5vw 44px;max-width:1100px}
.reel-headline h1{font:500 clamp(52px,8vw,112px)/.92 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:0}
.reel-headline h1 em{font-weight:400;opacity:.45}
main>section:first-child{padding-top:150px}
@media(max-width:700px){main>section:first-child{padding-top:110px}.reel-headline{margin-bottom:32px}}

/* Desktop: About text spans the full height of the portrait */
@media (min-width:701px){
  .about{align-items:stretch}
  .about>div:last-child{max-width:none;display:flex;flex-direction:column;justify-content:space-between;height:100%}
  .about>div:last-child>p{margin-top:0}
  .about>div:last-child>p:last-of-type{margin-bottom:0}
  .about .profile-highlights{margin-top:auto}
}

.work-video{aspect-ratio:16/10;background:#151515;overflow:hidden}
.work-video iframe{width:100%;height:100%;border:0;display:block}

.about-role{font:500 clamp(24px,2.5vw,38px) 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:0 0 26px;color:#f1f1ef}

/* About role hierarchy */
.about-role{font-size:clamp(38px,4.4vw,68px)!important;line-height:.98!important;letter-spacing:-.05em!important;margin:0 0 30px!important}
.about .big{font-size:clamp(25px,3vw,43px)!important;line-height:1.08!important}

.logo{white-space:nowrap;letter-spacing:.08em;font-size:17px!important}
@media(max-width:700px){.logo{font-size:14px!important;letter-spacing:.06em}}