@font-face{font-family:'Inter Tight';src:url('/intertight.woff2') format('woff2');font-weight:100 900;font-display:swap}
.wr-hero{position:fixed;inset:0;z-index:2000;overflow-y:auto;overflow-x:hidden;background:#08090b;color:#f4f4f5;font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wr-hero[hidden]{display:none}
.wr-hero.wr-out{animation:wr-out .6s ease forwards}
.wr-photo{position:fixed;inset:0;background:#08090b url('/bg.webp') center/cover no-repeat;opacity:0;animation:wr-photo 2.2s .1s ease forwards,wr-zoom 40s ease-in-out infinite alternate}
.wr-shade{position:fixed;inset:0;background:linear-gradient(90deg,#08090bf5 0%,#08090bd1 42%,#08090b85 100%),linear-gradient(0deg,#08090b 0%,transparent 40%)}
.wr-wrap{position:relative;min-height:100%;display:grid;grid-template-rows:auto 1fr auto;padding:0 clamp(20px,6vw,92px)}
.wr-top{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid #ffffff14;opacity:0;animation:wr-up .9s .1s cubic-bezier(.16,1,.3,1) forwards}
.wr-top img{height:34px;width:auto;display:block}
.wr-tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#a4a5ad}
.wr-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,420px);gap:clamp(28px,6vw,96px);align-items:center;padding:clamp(28px,6vh,64px) 0}
.wr-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#d7d8dd;opacity:0;animation:wr-up .9s .25s cubic-bezier(.16,1,.3,1) forwards}
.wr-eyebrow i{width:6px;height:6px;border-radius:50%;background:#fff}
.wr-name{margin:18px 0 0;font-weight:600;font-size:clamp(54px,9.4vw,128px);line-height:.92;letter-spacing:-.055em}
.wr-name span{display:block;opacity:0;transform:translateY(24px);animation:wr-up 1s cubic-bezier(.16,1,.3,1) forwards}
.wr-name .a{color:#f4f4f5;animation-delay:.4s}
.wr-name .b{background:linear-gradient(180deg,#d9dae0,#8c8e98);-webkit-background-clip:text;background-clip:text;color:transparent;animation-delay:.55s}
.wr-sub{margin:26px 0 0;max-width:460px;font-size:clamp(15px,1.5vw,18px);line-height:1.5;color:#b8b9c1;letter-spacing:-.01em;opacity:0;animation:wr-up .9s .8s cubic-bezier(.16,1,.3,1) forwards}
.wr-meta{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#a4a5ad;opacity:0;animation:wr-up .9s 1s cubic-bezier(.16,1,.3,1) forwards}
.wr-meta b{font-weight:600;color:#f4f4f5}
.wr-ig{display:inline-flex;align-items:center;gap:7px;color:#d7d8dd;text-decoration:none;padding-bottom:3px;border-bottom:1px solid #ffffff30;transition:color .2s,border-color .2s}
.wr-ig:hover,.wr-ig:focus-visible{color:#fff;border-color:#fff;outline:none}
.wr-ig svg{width:14px;height:14px}
.wr-panel{position:relative;display:grid;gap:12px;padding:24px;border-radius:24px;background:rgba(18,19,23,.72);border:1px solid #ffffff1c;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 30px 90px #000a;opacity:0;transform:translateY(20px);animation:wr-up 1s .7s cubic-bezier(.16,1,.3,1) forwards}
.wr-panel h2{margin:0 0 4px;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#a4a5ad}
.wr-panel input{font:500 16px 'Inter Tight',system-ui,sans-serif;color:#fff;background:#0b0c0f;border:1px solid #ffffff1c;border-radius:14px;padding:15px 16px;outline:none;transition:border-color .2s,background .2s}
.wr-panel input::placeholder{color:#ffffff66}
.wr-panel input:focus{border-color:#ffffff7a;background:#101114}
.wr-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;font:600 15px 'Inter Tight',system-ui,sans-serif;letter-spacing:-.005em;color:#0b0c0f;background:#f4f4f5;padding:15px 24px;border-radius:99px;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .25s}
.wr-btn svg{width:16px;height:16px;transition:transform .25s}
.wr-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 14px 40px #ffffff22}
.wr-btn:hover svg{transform:translate(2px,-2px)}
.wr-btn:active{transform:none}
.wr-ghost{background:transparent;color:#f4f4f5;border:1px solid #ffffff38}
.wr-ghost:hover{background:#ffffff12;box-shadow:none}
.wr-noacc{margin-top:6px;padding-top:16px;border-top:1px solid #ffffff14;display:grid;gap:10px;text-align:center}
.wr-noacc p{margin:0;font-size:13px;color:#a4a5ad}
.wr-err{margin:0;color:#ff8d84;font-size:13px;font-weight:500}
.wr-bot{padding:22px 0;border-top:1px solid #ffffff14;display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#6f7078;opacity:0;animation:wr-up .9s 1.1s ease forwards}
.wr-skip{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));background:#ffffff0f;color:#d7d8dd;border:1px solid #ffffff2a;border-radius:99px;padding:10px 18px;font:500 12px 'Inter Tight',system-ui,sans-serif;cursor:pointer}
.wr-skip:hover{background:#ffffff1c}
@keyframes wr-up{to{opacity:1;transform:none}}
@keyframes wr-photo{to{opacity:.6}}
@keyframes wr-zoom{to{transform:scale(1.07)}}
@keyframes wr-out{to{opacity:0;visibility:hidden}}
@media(max-width:820px){.wr-main{grid-template-columns:1fr;align-items:start}.wr-name{font-size:clamp(52px,17vw,88px)}.wr-bot{flex-direction:column}.wr-tag{display:none}}
@media(prefers-reduced-motion:reduce){.wr-hero *{animation-duration:.01s!important;animation-delay:0s!important}}

/* Motion do logo Pelisser (5 s): curva de luz, simbolo desenhado, nome escrito, assentamento. Base: motion da marca. */
.wr-hero.wr-wait .wr-wrap{opacity:0}
.wr-hero.wr-wait .wr-wrap *{animation-play-state:paused!important}
.wr-wrap{transition:opacity .7s ease}
.wr-motion{position:absolute;inset:0;z-index:5;background:#08090b;display:grid;place-items:center;align-content:center;gap:0;cursor:pointer;animation:wm-exit .8s 4.2s ease forwards}
.wr-motion .wm-st{width:min(760px,88vw)}
.wr-motion svg{display:block;width:100%;height:auto;overflow:visible}
.wm-sym{stroke-dasharray:750;stroke-dashoffset:750;animation:wm-draw 1.7s .25s cubic-bezier(.22,1,.36,1) both}
.wm-word{transform-box:fill-box;transform-origin:right center;animation:wm-write 1.9s 1s cubic-bezier(.16,1,.3,1) both}
.wm-arr{transform-origin:80% 50%;animation:wm-arrive 2.2s cubic-bezier(.16,1,.3,1) both}
.wm-curve{stroke-dasharray:1200;stroke-dashoffset:1200;opacity:0;animation:wm-curve 2.8s ease-in-out both}
.wm-tag{margin:6px 0 0;text-align:center;font:600 12px 'Inter Tight',-apple-system,system-ui,sans-serif;letter-spacing:.6em;text-indent:.6em;text-transform:uppercase;color:#a4a5ad;opacity:0;animation:wm-tag 1.2s 2.9s ease forwards}
.wm-line{width:min(220px,40vw);height:1px;margin:22px auto 0;background:linear-gradient(90deg,transparent,#ffffff66,transparent);transform:scaleX(0);animation:wm-ln 1.4s 2.7s cubic-bezier(.16,1,.3,1) forwards}
.wm-skip{position:absolute;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));font:500 12px 'Inter Tight',system-ui,sans-serif;color:#6f7078;letter-spacing:.08em}
@keyframes wm-draw{to{stroke-dashoffset:0}}
@keyframes wm-write{from{clip-path:inset(0 100% 0 0);filter:blur(6px)}to{clip-path:inset(0);filter:blur(0)}}
@keyframes wm-arrive{from{transform:translate(40px,18px) scale(.94);opacity:0}35%{opacity:1}to{transform:none;opacity:1}}
@keyframes wm-curve{0%{stroke-dashoffset:1200;opacity:0}25%{opacity:.55}75%{opacity:.25}100%{stroke-dashoffset:-200;opacity:0}}
@keyframes wm-tag{to{opacity:1}}
@keyframes wm-ln{to{transform:scaleX(1)}}
@keyframes wm-exit{to{opacity:0;visibility:hidden}}