@property --t{syntax: "<number>"; inherits: true; initial-value: 0;}@keyframes scrub{from{--t: 0 }to{--t: 1 }}.act{position:relative;view-timeline:--act block;--range: 1}.pin{position:sticky;top:0;height:100svh;overflow:clip;isolation:isolate}@supports (animation-timeline: view()){html:not(.no-sdt) .pin{animation:scrub linear both;animation-timeline:--act;animation-range:contain 0% contain 100%}}.act--hero{height:280svh}.act--hero .pin{display:grid;align-content:center}.hero__name{translate:calc((var(--vw, 100vw) - 100%) * var(--t));will-change:translate}.piece{--wait: 0;--rate: 1;--p: clamp(0, (var(--t) - var(--wait)) * var(--rate), 1)}.act--project{height:max(calc(1119 / 1024 * 100vw),130svh);--entrada: 1}@keyframes pipoca{from{opacity:0;translate:0 var(--rise)}to{opacity:1;translate:0 0}}@supports (animation-timeline: view()){html:not(.no-sdt) .act--project .pin{animation:none}@media(prefers-reduced-motion:no-preference){html:not(.no-sdt) .act--project .piece:not(.piece--hero){--p: 1;animation:pipoca linear backwards;animation-timeline:--act;animation-range:entry calc(var(--wait) * 100%) entry 100%}html:not(.no-sdt) .act--project .piece:focus-visible{animation:none}}}.act--project .pin{height:100svh;top:0}.act--project .piece--hero{--p: 1}.piece{--rise: 3vh;opacity:var(--p);translate:0 calc(var(--rise) * (1 - var(--p)));will-change:opacity,translate}.piece:focus-visible{--p: 1}@media(pointer:coarse)and (orientation:portrait)and (max-width:640px){html{scroll-snap-type:y mandatory;scroll-padding-top:calc(14px + var(--pill-h) + 6px)}.act--hero{view-timeline-inset:0}.act--hero,.act--project,.contact{scroll-snap-align:start}.act--project,.contact{scroll-snap-stop:always}.act--project .pin{padding-bottom:calc(14px + var(--pill-h) + 6px)}}@media(pointer:coarse)and (orientation:portrait)and (max-width:640px)and (prefers-reduced-motion:no-preference){.act--hero{height:380svh;--segura: calc(100 / 280)}.hero__name{--u: calc(min(var(--t) / (1 - var(--segura)), var(--tf, .36)) + max(0, (var(--t) - var(--segura)) / (1 - var(--segura)) - var(--tf, .36)));translate:calc((var(--vw, 100vw) - 100%) * var(--u))}}@media(prefers-reduced-motion:reduce){.act--hero,.act--project{height:auto}.act--project+.act--project{border-top:max(2px,100vw * 8 / 1920) solid var(--cor-costura, var(--abyss))}.pin{position:static;height:auto;min-height:100svh}html:not(.no-sdt) .pin{animation:none}.hero__name,.piece{--p: 1;translate:none;scale:none;opacity:1;will-change:auto}.hero__name{width:auto;padding-inline:var(--gutter);font-size:clamp(38px,11vw,150px);white-space:normal;flex-wrap:wrap;justify-content:center}.hero__face{--fh: min(9em, 42svh, 58vw)}.hero__disc{translate:none}}@media(orientation:portrait){.act--project{height:auto}.act--project .pin{position:relative;height:auto;overflow:visible}}