/* Capa do portfólio: o mesmo conteúdo da versão publicada em novembro de 2026,
   agora como o primeiro slide da apresentação. */
.new-cover{--green:#203e30;--paper:#fff5df;--lime:#d6e6a1;--orange:#f28146;--display:'Manrope',Arial,sans-serif;
  position:relative;width:calc(100vw - 16px);border-radius:14px;overflow:hidden;container-type:inline-size;padding:0 22px;
  background-color:var(--green);color:var(--paper);font:16px/1.5 'DM Sans',Arial,sans-serif;
  background-image:linear-gradient(rgba(214,230,161,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(214,230,161,.07) 1px,transparent 1px);background-size:36px 36px}
.new-cover a{color:inherit;text-decoration:none}
.new-cover p{margin:0}
.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,245,223,.2)}
.nameplate{font:800 18px/1 var(--display);letter-spacing:-1px}
.nameplate span{display:block}
.site-header nav{display:none;gap:30px;font-size:13px}
.site-header nav a{position:relative;padding:6px 0}
.site-header nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.site-header nav a:hover:after{transform:scaleX(1)}
.contact-pill{display:flex;align-items:center;gap:12px;border:1px solid var(--paper);border-radius:40px;padding:9px 16px;font-size:13px;transition:background .25s,color .25s}
.new-cover .contact-pill:hover{background:var(--lime);border-color:var(--lime);color:var(--green)}
.cover-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font:500 12px 'DM Mono',monospace;letter-spacing:.12em}
.cover-rec{display:flex;align-items:center;gap:7px;color:var(--lime)}
.cover-rec i{width:9px;height:9px;border-radius:50%;background:var(--orange);animation:cover-pisca 1.2s steps(2) infinite}
.cover-top span:last-child{text-align:right}
.new-cover h1{position:relative;margin:14px 0 0;font:800 17cqw/1.1 var(--display);letter-spacing:-.075em;color:var(--paper);animation:cover-arrive 1s both}
.cover-star{display:inline-block;color:var(--orange);font-size:.35em;vertical-align:top;margin-top:.2em;animation:cover-turn 18s linear infinite}
.cover-stage{display:grid;gap:26px;margin-top:10px}
.cover-intro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.cover-script{display:block;width:100%;font:italic 400 34px/1.1 'Instrument Serif',Georgia,serif;color:var(--lime)}
.cover-intro p{font-size:14px}
.new-cover .cover-cta{display:inline-flex;align-items:center;gap:14px;background:var(--lime);color:var(--green);padding:12px 18px;border-radius:40px;font-weight:700;font-size:14px;box-shadow:4px 4px 0 var(--orange);transition:translate .2s,box-shadow .2s}
.new-cover .cover-cta:hover{translate:-2px -2px;box-shadow:6px 6px 0 var(--orange)}
.cover-collage{position:relative;height:74cqw}
.cover-rasgo{position:absolute;left:4%;top:6%;width:92%;height:86%;rotate:-3deg;filter:drop-shadow(4px 5px 0 rgba(14,27,20,.25))}
.cover-rasgo polygon{fill:var(--lime)}
.cut{position:absolute;z-index:2;width:29%;aspect-ratio:9/16;height:auto;object-fit:cover;border:clamp(5px,.5cqw,9px) solid #0b130f;border-radius:clamp(16px,1.7cqw,30px);background:#0b130f;box-shadow:0 14px 30px rgba(8,16,12,.4);animation:cut-float 6s ease-in-out infinite}
.cut-a{left:5%;top:12%;--tilt:-10deg}
.cut-b{left:36%;top:3%;--tilt:4deg;animation-delay:-2s}
.cut-c{left:66%;top:14%;--tilt:11deg;animation-delay:-4s}
.cover-sticker{position:absolute;z-index:3;right:0;bottom:2%;background:var(--orange);color:var(--green);padding:16px;border-radius:50%;font-weight:800;font-size:12px;line-height:1.1;transform:rotate(-12deg)}
.cover-ticker{margin:18px -22px 0;background:var(--lime);color:var(--green);overflow:hidden;padding:12px 0}
.cover-ticker div{width:max-content;white-space:nowrap;word-spacing:12px;font:700 16px/1 'Barlow Condensed',sans-serif;letter-spacing:.05em;animation:cover-marquee 28s linear infinite}

@keyframes cover-arrive{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
@keyframes cover-turn{to{transform:rotate(360deg)}}
@keyframes cover-pisca{50%{opacity:0}}
@keyframes cut-float{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-10px) rotate(calc(var(--tilt) + 2deg))}}
@keyframes cover-marquee{to{transform:translateX(-50%)}}

@media(min-width:651px){.site-header nav{display:flex}}
@media(max-width:650px){.cover-rec{display:none}}

/* Computador: a capa vira o primeiro slide 16:9. */
@media (min-width:900px) and (min-aspect-ratio:5/4){
  .new-cover{width:min(100vw - 28px,(100svh - 24px) * 16 / 9);aspect-ratio:16/9;border-radius:16px;padding:0 4.2cqw;display:flex;flex-direction:column;scroll-snap-align:center}
  .site-header{padding:1.5cqw 0}
  .nameplate{font-size:max(17px,1.5cqw)}
  .site-header nav{gap:2.2cqw;font-size:max(13px,.95cqw)}
  .contact-pill{font-size:max(13px,.9cqw);padding:.7cqw 1.4cqw;gap:1.4cqw}
  .cover-top{margin-top:1.5cqw;font-size:max(12px,.8cqw)}
  .new-cover h1{font-size:15cqw;line-height:1.02;margin:.6cqw 0 0}
  .cover-stage{flex:1;min-height:0;grid-template-columns:1fr 1.2fr;align-items:center;gap:3cqw;margin:0}
  .cover-intro{display:block}
  .cover-script{font-size:3.4cqw;margin-bottom:1.2cqw}
  .cover-intro p{font-size:max(14px,1.25cqw)}
  .new-cover .cover-cta{font-size:max(14px,1.05cqw);padding:.9cqw 1.6cqw;gap:1.6cqw;margin-top:1.8cqw}
  .cover-collage{height:100%}
  .cover-rasgo{left:3%;top:10%;width:88%;height:80%}
  .cut{width:9.6cqw}
  .cut-a{left:6%;top:16%}
  .cut-b{left:35%;top:6%}
  .cut-c{left:64%;top:18%}
  .cover-sticker{right:0;bottom:6%;padding:1.3cqw;font-size:max(12px,1cqw)}
  .cover-ticker{margin:0 -4.2cqw;padding:.9cqw 0}
  .cover-ticker div{font-size:max(15px,1.35cqw)}
}

@media(prefers-reduced-motion:reduce){
  .new-cover h1,.cover-star,.cut,.cover-ticker div,.cover-rec i{animation:none}
  .cut{transform:rotate(var(--tilt))}
}