@font-face{font-family:'Royale Couture Serif';src:url(assets/RoyaleSerif.woff2) format('woff2');font-weight:400;font-display:block}
@font-face{font-family:'Royale Couture Script';src:url(assets/RoyaleScript.woff2) format('woff2');font-weight:400;font-display:block}
@font-face{font-family:'Montserrat';src:url(assets/Montserrat.woff2) format('woff2');font-weight:400 600;font-display:block}
*{margin:0;padding:0;box-sizing:border-box}
body{background:#000}
.s{position:relative;width:1920px;height:1080px;overflow:hidden;color:#fff;font-family:'Montserrat';-webkit-font-smoothing:antialiased}
.s img{position:absolute;display:block}
.b{position:absolute;white-space:nowrap}
.forma{position:absolute}
.t{font-family:'Royale Couture Serif';font-weight:400;line-height:1.12}
.t em{font-family:'Royale Couture Script';font-style:normal;font-size:1.42em;line-height:0;color:#D9B26F;background:linear-gradient(180deg,#F6E3B8 0%,#D9B26F 50%,#B8863B 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:0 10px;margin:0 -6px}
.t em.num{font-family:'Royale Couture Serif';font-size:1em;padding:0;margin:0}
.claro .t em{color:#B8863B;background:linear-gradient(180deg,#C9994A 0%,#B8863B 55%,#8E6423 100%);-webkit-background-clip:text;background-clip:text}
.claro .t em.luz{color:#D9B26F;background:linear-gradient(180deg,#F6E3B8 0%,#D9B26F 50%,#B8863B 100%);-webkit-background-clip:text;background-clip:text}
.claro .t em.esc{color:#2A0F1A;background:none;-webkit-text-fill-color:#2A0F1A}
.e{font-weight:500;font-size:22px;letter-spacing:3px;line-height:1.2;color:#D9B26F}
.c{font-weight:400;font-size:31px;line-height:1.42;color:#FFFAF5}
.d{font-family:'Royale Couture Serif';font-size:42px;line-height:1.2;color:#D9B26F}
.ct{font-family:'Royale Couture Serif';font-weight:400;font-size:44px;line-height:1.14}
.cc{font-weight:400;font-size:26px;line-height:1.38;white-space:normal;text-wrap:balance}
.nn{font-weight:500;font-size:23px;color:#D9B26F}
.n{font-family:'Royale Couture Serif';font-size:56px;line-height:1;color:#D9B26F}
.r{font-weight:500;font-size:24px;line-height:1.3;color:#D9B26F}
.nota{font-weight:500;font-size:27px;line-height:1.4;color:#D9B26F}
.pe{font-weight:400;font-size:18px;line-height:1;opacity:.62}
.claro{color:#2A0F1A}
.claro .c,.claro .cc{color:#4A2E36}
.claro .e,.claro .n,.claro .r,.claro .nota,.claro .nn{color:#B8863B}
.card{position:absolute;border-radius:22px}
.claro .card{background:#FFFFFF;box-shadow:0 18px 50px rgba(87,37,58,.10)}
.card.marca{background:#57253A;color:#fff;border:0}
.linha{position:absolute;height:1px;background:rgba(217,178,111,.30)}
.claro .linha{background:rgba(184,134,59,.30)}
.losango{position:absolute;display:block;width:12px;height:12px;background:#D9B26F;transform:rotate(45deg)}
.claro .losango{background:#B8863B}
.pill{position:absolute;display:inline-flex;align-items:center;padding:0 34px;height:66px;border:2px solid #D9B26F;border-radius:33px;background:rgba(217,178,111,.10)}
.pt{font-weight:500;font-size:23px;line-height:1;color:#D9B26F;white-space:nowrap}

html,body{height:100%;background:#120408;overflow:hidden;overscroll-behavior:none}
body{margin:0;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
#palco{position:fixed;left:50%;top:50%;width:1920px;height:1080px;transform-origin:0 0;background:#120408;overflow:hidden;cursor:pointer}
#palco .s{position:absolute;inset:0;visibility:hidden;opacity:0}
#palco .s.saindo{visibility:visible;opacity:1;z-index:1}
#palco .s.ativa{visibility:visible;opacity:1;z-index:2}
.s video.laco{position:absolute;display:block;object-fit:cover;opacity:0;transition:opacity .6s ease}
.s video.laco.tocando{opacity:1}
.s img.vivo{animation:deriva 26s ease-in-out infinite alternate;transform-origin:62% 40%;will-change:transform}
@keyframes deriva{from{transform:scale(1)}to{transform:scale(1.07) translate(-14px,8px)}}
.s .arco-vivo{position:absolute;overflow:hidden}
.s .arco-vivo img{position:absolute;inset:0;width:100%;height:100%;animation:respira 16s ease-in-out infinite alternate;transform-origin:50% 45%}
@keyframes respira{from{transform:scale(1)}to{transform:scale(1.045)}}
.t .l{display:block}
#barra{position:fixed;left:0;right:0;bottom:0;height:3px;background:rgba(217,178,111,.14);z-index:5;pointer-events:none}
#barra i{display:block;height:100%;width:0;background:linear-gradient(90deg,#B8863B,#F6E3B8);transition:width .6s cubic-bezier(.2,.7,.2,1)}
#nav{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:6;display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:30px;background:rgba(18,4,8,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#F6E3B8;font:500 13px Montserrat,sans-serif;transition:opacity .35s ease}
#nav.quieto{opacity:0;pointer-events:none}
#nav button{appearance:none;background:none;border:0;color:inherit;width:38px;height:38px;border-radius:50%;cursor:pointer;display:grid;place-items:center;touch-action:manipulation}
#nav button:hover{background:rgba(217,178,111,.18)}
#nav button:focus-visible{outline:2px solid #F6E3B8;outline-offset:1px}
#nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#pos{min-width:52px;text-align:center;font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.s img.vivo,.s .arco-vivo img{animation:none}}