/* Tëimur: página RPG */
.rpg-page{background:#fffdf8;color:#203d43}
.rpg-page main{overflow-x:clip}
.rpg-page .eyebrow{display:block;font:11px/1.6 Arial,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:#92774d}
.rpg-page h2{font-family:Story,Georgia,serif;font-weight:400;color:#203d43;font-size:clamp(34px,4.4vw,58px);line-height:1.05;letter-spacing:.01em;margin:14px 0 0}
.rpg-page h3{font-family:Story,Georgia,serif;font-weight:400;color:#203d43;line-height:1.1}
.rpg-page p{color:#5a6d6e;font-size:16px;line-height:1.8;max-width:620px;margin:0}
.rpg-page h2+p,.rpg-page p+p,.rpg-heroes-head p{margin-top:18px}
.rpg-link{display:inline-flex;align-items:center;gap:12px;margin-top:26px;padding-bottom:9px;border-bottom:1px solid #b49a67;color:#203d43;text-decoration:none;font:12px/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;transition:color .35s,border-color .35s,gap .35s}
.rpg-link:hover,.rpg-link:focus-visible{color:#a2864f;border-color:#203d43;gap:18px}

/* Abertura */
.rpg-hero{position:relative;padding:70px 6% 0;text-align:center}
.rpg-hero .eyebrow{margin-bottom:6px}
.rpg-hero-art{margin-top:48px!important}
.rpg-hero .ornamented-title{max-width:340px;margin-inline:auto!important}
.rpg-hero>p{margin:0 auto;font-size:17px}
.rpg-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:32px 0 0}
.rpg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border:1px solid #203d43;color:#203d43;text-decoration:none;font:11px/1 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;transition:background .35s,color .35s,transform .35s}
.rpg-btn.primary{background:#203d43;color:#f6efdf}
.rpg-btn:hover,.rpg-btn:focus-visible{background:#a2864f;border-color:#a2864f;color:#fffdf8;transform:translateY(-2px)}
.rpg-hero-art{position:relative;margin:56px -6% 0}
.rpg-hero-art .rpg-hero-bg{display:block;width:100%;height:auto;aspect-ratio:16/8;max-height:780px;object-fit:cover;object-position:center top;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,#000 4%,#000 80%,transparent);mask-image:linear-gradient(transparent,#000 4%,#000 80%,transparent)}
.rpg-hero-art .rpg-logo{position:absolute;left:50%;bottom:9%;width:min(360px,46%);height:auto;translate:-50% 0;filter:drop-shadow(0 10px 22px rgba(0,0,0,.45))}

/* Blocos texto e imagem */
.rpg-split{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center;padding:110px 7%}
.rpg-split.reverse .rpg-split-art{order:-1}
.rpg-split-art img{display:block;width:100%;height:auto;border-radius:2px;box-shadow:0 30px 60px -30px rgba(19,49,58,.55);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.rpg-split-art:hover img{transform:scale(1.015)}
.rpg-steps{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px;counter-reset:passo}
.rpg-steps li{counter-increment:passo;display:flex;align-items:baseline;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(180,154,103,.3);color:#203d43;font:20px/1.3 Story,Georgia,serif}
.rpg-steps li::before{content:counter(passo,decimal-leading-zero);font:11px Arial,sans-serif;letter-spacing:.2em;color:#a2864f;min-width:24px}

/* Personagem */
.rpg-heroes{padding:20px 7% 110px}
.rpg-heroes-head{text-align:center;max-width:760px;margin:0 auto}
.rpg-heroes-text{max-width:820px;margin:44px auto 0;text-align:center}
.rpg-heroes-text p{max-width:none;margin:0 auto}
.rpg-heroes-text p+p{margin-top:18px}
.rpg-heroes-art{margin:56px -7% 0}
.rpg-heroes-art img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.rpg-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:46px}
.rpg-choice{padding:30px 28px 32px;border:1px solid rgba(180,154,103,.38);background:linear-gradient(160deg,#fbf6ea,#fffdf8 60%);position:relative;transition:transform .5s,box-shadow .5s,border-color .5s}
.rpg-choice:hover{transform:translateY(-4px);border-color:#b49a67;box-shadow:0 24px 40px -28px rgba(19,49,58,.5)}
.rpg-choice h3{font-size:30px;margin:8px 0 16px}
.rpg-choice ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rpg-choice li{padding:7px 12px;border:1px solid rgba(180,154,103,.35);border-radius:20px;font:13px/1.2 Arial,sans-serif;color:#3e5556;background:#fffdf8}
.rpg-page .rpg-note{margin-top:26px;font-style:italic}

/* Onulë */
.rpg-essence{position:relative;background:#17363f;color:#e9e1cf;padding:110px 7%;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;isolation:isolate}
.rpg-essence::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 85% 20%,rgba(198,161,91,.16),transparent 55%);z-index:-1}
.rpg-essence h2{color:#f4ecdb}
.rpg-essence p{color:#c7d2cd}
.rpg-essence .eyebrow{color:#cbb279}
.rpg-essence .rpg-link{color:#f4ecdb;border-color:#cbb279}
.rpg-essence .rpg-link:hover{color:#e2c98f}
.rpg-essence-art img{display:block;width:100%;height:auto;border:1px solid rgba(203,178,121,.4);padding:10px;background:rgba(255,255,255,.03)}

/* Mundo */
.rpg-world{position:relative}
.rpg-world img{display:block;width:100%;height:auto;max-height:640px;object-fit:cover}
.rpg-world-copy{position:relative;margin:-150px 7% 0;max-width:640px;padding:42px 46px 46px;background:#fffdf8;box-shadow:0 30px 60px -36px rgba(19,49,58,.6);border-top:2px solid #b49a67}

/* Campanhas */
.rpg-campaigns{padding:90px 7% 40px}
.rpg-campaigns-head{text-align:center;max-width:720px;margin:0 auto 70px}
.rpg-campaigns-head p{margin:20px auto 0}
.rpg-campaign{display:grid;grid-template-columns:minmax(220px,380px) 1fr;gap:70px;align-items:center;padding:50px 0;border-top:1px solid rgba(180,154,103,.28)}
.rpg-campaign.reverse{grid-template-columns:1fr minmax(220px,380px)}
.rpg-campaign.reverse .rpg-cover{order:2}
.rpg-cover{position:relative;margin:0;justify-self:center;width:100%;max-width:380px}
.rpg-cover img{display:block;width:100%;height:auto;border:1px solid rgba(180,154,103,.6);box-shadow:0 34px 60px -26px rgba(10,30,36,.75);transition:transform .8s cubic-bezier(.2,.7,.2,1),box-shadow .8s}
.rpg-cover::after{content:'';position:absolute;inset:-12px;border:1px solid rgba(180,154,103,.35);pointer-events:none;transition:inset .8s}
.rpg-campaign:hover .rpg-cover img{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 44px 70px -28px rgba(10,30,36,.8)}
.rpg-campaign:hover .rpg-cover::after{inset:-18px}
.rpg-campaign h3{font-size:clamp(32px,3.6vw,50px);margin:12px 0 20px;text-transform:none!important;letter-spacing:0}
.rpg-campaign-copy p{max-width:560px}

/* Livros */
.rpg-books{padding:120px 7% 40px;background:linear-gradient(#fffdf8,#f6f1e5 55%,#fffdf8)}
.rpg-book{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;align-items:center;padding:50px 0;border-top:1px solid rgba(180,154,103,.28)}
.rpg-book h3,.rpg-campaign h3{font-size:clamp(32px,3.6vw,50px);margin:12px 0 20px;text-transform:none!important;letter-spacing:0}
.rpg-buy{margin-top:28px}
.rpg-buy.is-soon{opacity:.55;cursor:default;pointer-events:none;border-style:dashed}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rpg-flipbook{position:relative;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;overflow:hidden;border:1px solid rgba(180,154,103,.6);background:#10272e;color:#e9dfc6;text-align:center;padding:30px;isolation:isolate}
.rpg-flipbook::before{content:'';position:absolute;inset:0;background:url(assets/rpg/rpg-mural.webp) center/cover;opacity:.22;z-index:-2;filter:saturate(.8) blur(1.5px)}
.rpg-flipbook::after{content:'';position:absolute;inset:14px;border:1px solid rgba(203,178,121,.45);z-index:-1;pointer-events:none}
.rpg-flipbook img{width:min(300px,62%);height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.5))}
.rpg-flipbook strong{font:12px Arial,sans-serif;letter-spacing:.34em;color:#e2c98f}
.rpg-flipbook span{font:15px/1.6 Story,Georgia,serif;color:#d4ccb8;max-width:360px}
.rpg-flipbook iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Encerramento */
.rpg-close{padding:90px 7% 40px;text-align:center}
.rpg-close p{margin:20px auto 0}
.rpg-close .rpg-actions{margin-top:30px}

/* Revelação suave (usa a classe .reveal do site) */
@media(prefers-reduced-motion:reduce){.rpg-cover img,.rpg-split-art img,.rpg-choice{transition:none!important}}

@media(max-width:900px){
  .rpg-split,.rpg-essence,.rpg-book,.rpg-heroes-head{grid-template-columns:1fr;gap:34px}
  .rpg-split{padding:70px 6%}
  .rpg-split.reverse .rpg-split-art{order:0}
  .rpg-choices{grid-template-columns:1fr}
  .rpg-campaign,.rpg-campaign.reverse{grid-template-columns:1fr;gap:34px;padding:44px 0}
  .rpg-campaign.reverse .rpg-cover{order:0}
  .rpg-cover{max-width:300px}
  .rpg-world-copy{margin:-60px 5% 0;padding:30px 24px 34px}
  .rpg-essence{padding:80px 6%}
  .rpg-campaigns{padding:80px 6% 40px}
  .rpg-books{padding:80px 6% 30px}
  .rpg-book{padding:44px 0}
}
@media(max-width:760px){
  .rpg-hero{padding:34px 20px 0}
  .rpg-hero .ornamented-title{max-width:230px}
  .rpg-hero-art{margin:36px -20px 0}
  .rpg-hero-art .rpg-logo{width:62%;bottom:6%}
  .rpg-heroes{padding:0 20px 70px}
  .rpg-heroes-art{margin:36px -20px 0}
  .rpg-choice{padding:24px 20px}
  .rpg-steps li{font-size:18px}
  .rpg-flipbook{aspect-ratio:4/5}
  .rpg-close{padding:60px 20px 30px}
  .rpg-buy{width:100%}
  .rpg-btn{width:100%}
}
.rpg-page figure{margin:0}

/* Selo Explore Tëimur: surge como um feitiço */
.rpg-sigil{position:relative;display:grid;place-items:center;min-height:420px;cursor:pointer;isolation:isolate}
.rpg-sigil::before{content:'';position:absolute;inset:8% 4%;z-index:-2;background:radial-gradient(ellipse at center,rgba(226,195,128,.28),rgba(226,195,128,.08) 45%,transparent 70%);opacity:.8}
.rpg-sigil-logo{position:relative;width:min(640px,100%);height:auto;opacity:0;will-change:transform,filter,opacity}
.rpg-sigil-burst{position:absolute;left:50%;top:50%;width:70%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;z-index:-1;opacity:0;background:radial-gradient(circle,rgba(255,236,190,.95),rgba(232,196,120,.55) 22%,rgba(200,160,90,.18) 45%,transparent 66%);pointer-events:none}
.rpg-sigil-sparks{position:absolute;inset:0;pointer-events:none}
.rpg-sigil-sparks i{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff3cf;box-shadow:0 0 10px 3px rgba(244,207,130,.9);opacity:0}
.rpg-sigil-sparks i:nth-child(1){left:22%;top:62%}.rpg-sigil-sparks i:nth-child(2){left:34%;top:30%}.rpg-sigil-sparks i:nth-child(3){left:48%;top:70%}.rpg-sigil-sparks i:nth-child(4){left:58%;top:24%}
.rpg-sigil-sparks i:nth-child(5){left:70%;top:60%}.rpg-sigil-sparks i:nth-child(6){left:80%;top:36%}.rpg-sigil-sparks i:nth-child(7){left:14%;top:40%}.rpg-sigil-sparks i:nth-child(8){left:88%;top:66%}
.rpg-sigil.is-cast .rpg-sigil-logo{animation:sigil-cast 2.4s cubic-bezier(.2,.7,.2,1) forwards,sigil-glow 5s ease-in-out 2.4s infinite}
.rpg-sigil.is-cast .rpg-sigil-burst{animation:sigil-burst 1.9s ease-out forwards}
.rpg-sigil.is-cast .rpg-sigil-sparks i{animation:sigil-spark 2.2s ease-out forwards}
.rpg-sigil.is-cast .rpg-sigil-sparks i:nth-child(2n){animation-delay:.25s}.rpg-sigil.is-cast .rpg-sigil-sparks i:nth-child(3n){animation-delay:.5s}.rpg-sigil.is-cast .rpg-sigil-sparks i:nth-child(4n){animation-delay:.8s}
@keyframes sigil-cast{0%{opacity:0;transform:scale(.84) translateY(14px);filter:blur(14px) brightness(2.4) drop-shadow(0 0 0 rgba(255,214,140,0))}40%{opacity:1;filter:blur(3px) brightness(1.7) drop-shadow(0 0 42px rgba(255,214,140,.95))}100%{opacity:1;transform:none;filter:blur(0) brightness(1) drop-shadow(0 0 16px rgba(240,200,120,.35)) drop-shadow(0 14px 24px rgba(19,49,58,.35))}}
@keyframes sigil-glow{0%,100%{filter:drop-shadow(0 0 16px rgba(240,200,120,.35)) drop-shadow(0 14px 24px rgba(19,49,58,.35))}50%{filter:drop-shadow(0 0 30px rgba(244,210,140,.7)) drop-shadow(0 14px 24px rgba(19,49,58,.35))}}
@keyframes sigil-burst{0%{opacity:0;transform:scale(.2)}25%{opacity:1}100%{opacity:0;transform:scale(1.5)}}
@keyframes sigil-spark{0%{opacity:0;transform:translateY(10px) scale(.4)}30%{opacity:1;transform:translateY(-10px) scale(1)}100%{opacity:0;transform:translateY(-70px) scale(.3)}}
@media(prefers-reduced-motion:reduce){.rpg-sigil-logo{opacity:1}.rpg-sigil.is-cast .rpg-sigil-logo,.rpg-sigil.is-cast .rpg-sigil-burst,.rpg-sigil.is-cast .rpg-sigil-sparks i{animation:none}}
/* Vídeo final: mostra o alto da cena e corta a base */
.rpg-page .landscape-ending{height:clamp(360px,47vw,720px);margin-top:20px!important}
.rpg-page .landscape-ending .landscape-video{object-position:center top;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#0006 6%,#000 20%);mask-image:linear-gradient(to bottom,transparent 0%,#0006 6%,#000 20%)}
@media(max-width:900px){.rpg-sigil{min-height:300px}}
@media(max-width:700px){.rpg-page .landscape-ending{height:48vw;min-height:170px;margin-top:10px!important}.rpg-page .landscape-ending .landscape-video{-webkit-mask-image:linear-gradient(transparent,#0006 8%,#000 24%);mask-image:linear-gradient(transparent,#0006 8%,#000 24%)}.rpg-sigil{min-height:220px}.rpg-heroes-text{margin-top:32px;text-align:left}}