.site-nav{position:fixed;inset:0 0 auto;z-index:100;height:68px;padding:0 6vw;background:#080808ed;backdrop-filter:blur(16px);color:#fff;border-bottom:1px solid #ffffff20}.hero{min-height:100vh;min-height:100svh;width:100%;padding:100px 6vw 40px;display:flex;align-items:center}.hero main#inicio{margin:0 auto;width:100%;max-width:1300px}.hero main#inicio .portrait{margin:0;max-height:72svh}.hero .intro mark{background:#ff702e;color:#111;padding:1px 5px;box-decoration-break:clone;font-weight:700}.hero main#inicio>.eyebrow{margin-top:0}html{scroll-padding-top:80px}section,footer{scroll-margin-top:80px}
.hero{min-height:calc(100vh + 26px);min-height:calc(100svh + 26px)}
.experience-roll{padding:18px 0 15px}.experience-roll p,.experience-roll>small{margin-left:6vw}.name-track{gap:0;animation:roll-loop 32s linear infinite;margin-bottom:15px}.roll-group{display:flex;align-items:center;gap:38px;padding-right:38px;min-width:100vw;justify-content:space-around;flex-shrink:0}.name-track span{font-size:clamp(16px,1.6vw,22px)}@keyframes roll-loop{to{transform:translateX(-50%)}}
.geo-maps{position:relative;gap:32px;align-items:center}.geo-maps:after{content:'↔';position:absolute;left:48%;top:40%;color:#b63b00;font-size:22px}.geo-maps img{height:180px}.geo-maps figcaption{font-size:13px;text-align:center}.about,.work,footer{position:relative}.about:before,.work:before,footer:before{display:block;content:'';position:absolute;top:-25px;left:0;right:0;height:28px;background:url('assets/paper-edge.png') repeat-x bottom/600px 70px;pointer-events:none;z-index:2}footer:before{filter:brightness(.035)}
.work-dots{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:2px;background:#fffefc;border:1px solid #ddd;border-radius:22px;padding:6px;box-shadow:0 3px 14px #0001}.work-dots[hidden]{display:none}.work-dots button{position:relative;border:0;background:none;width:28px;height:28px;padding:0;cursor:pointer}.work-dots button:before{content:'';display:block;width:7px;height:7px;border:1px solid #555;border-radius:50%;margin:auto}.work-dots button[aria-current=true]:before{background:#b63b00;border-color:#b63b00;transform:scale(1.4)}.work-dots button:focus-visible{outline:2px solid #b63b00;border-radius:50%}
@media(max-width:900px){.site-nav{padding:0 6vw;height:60px}.hero{padding-top:85px;padding-bottom:25px}.hero main#inicio{margin:0;gap:0}.hero main#inicio .portrait{width:auto;height:clamp(180px,29svh,300px);max-width:100%;max-height:none;margin:20px auto 0;align-self:center}.hero main#inicio>h1{font-size:clamp(2.8rem,9vw,4rem);margin:16px 0}.hero .hero-line{font-size:1.2rem;margin-top:12px}.hero .intro{margin:12px 0;font-size:.95rem}.hero .button{margin-top:10px}.roll-group{min-width:100vw;gap:24px}.name-track{width:max-content;flex-wrap:nowrap}.work-dots{right:2px;padding:2px}.work-dots button{width:24px;height:28px}.geo-maps img{height:120px}.geo-maps{gap:24px}.geo-maps figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.name-track{animation:none;display:block;width:auto;padding:0 6vw}.roll-group{min-width:0;flex-wrap:wrap;justify-content:flex-start;padding:0;gap:12px 24px}.roll-group[aria-hidden=true]{display:none}}