/* ============================================================
   RESENHAS THAI 3D — CINEMATIC EXPERIENCE
   ============================================================ */
:root {
  --thai-glow: rgba(202,179,153, 0.45);
  --thai-neon: #cab399;
}

/* Keep a true sticky scroll track in every motion preference. */
html,body{overflow-x:clip}
.thai-film .scroll-scrub__stage{height:100svh;top:0}
.thai-film .scroll-scrub__story{margin-top:-100svh}
.thai-film .scroll-scrub__chapter-pin{min-height:100svh}
.thai-film .scroll-scrub__copy:before{background:none}
.thai-film .scroll-scrub__stage:after{box-shadow:none;background:linear-gradient(90deg,rgba(11,10,8,.72),rgba(11,10,8,.08) 78%),linear-gradient(0deg,#0b0a08,transparent 18%)}
.thai-film .scroll-scrub__title{text-shadow:none}
.cinematic-hud{display:none}
.layer-art{height: min(760px,90svh);min-height:520px;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 72% 50%,#493825 0, #1a1714 42%,#0c0b09 76%);--spread:6px;--turn:0deg}
.layer-art:after{content:"";position:absolute;inset:10%;border:1px solid #cab39920;border-radius:50%;transform:rotate(-24deg) scaleX(1.3);pointer-events:none}
.layer-orbit{position:absolute;left:70%;top:52%;width:260px;height:260px;transform-style:preserve-3d;transform:translate(-50%,-50%) perspective(1000px) rotateX(62deg) rotateZ(var(--turn))}
.layer-orbit i{position:absolute;inset:0;border:1px solid #e8ddd1;border-radius:30%;background:linear-gradient(125deg,#f1ece666,#d1bda718 45%,#a47f5555);box-shadow:0 0 22px #ccb69d20;transform:translateZ(calc((var(--i) - 16)*var(--spread))) rotate(calc(var(--i)*4deg))}
.layer-caption{position:relative;z-index:2;margin-left:8%;max-width:460px}
.layer-caption>span{font:10px 'IBM Plex Mono',monospace;letter-spacing:.22em;color:#d6c4af}
.layer-caption h2{font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.04;letter-spacing:-.045em;margin:25px 0}
.layer-caption p{color:#d5c2ad;font-size:17px}
.process{padding-top:0}
.process-content{padding-top:90px}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform 1s}
.reveal.in-view{opacity:1;transform:none}
@media(max-width:700px){.layer-art{height:720px;align-items:flex-start}.layer-caption{margin:60px 24px}.layer-orbit{left:50%;top:69%;width:200px;height:200px}.layer-caption h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){.thai-film .scroll-scrub__stage:before{animation:none}.reveal{opacity:1;transform:none}}

/* Remoção definitiva do segundo vídeo da seção de processo */
.process-media,
.film-play,
.film-caption,
video[poster*="process-poster"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.thai-film {
  --cinematic-progress: 0;
  min-height: 320dvh;
  position: relative;
  background: #0b0a08;
}

.thai-film .scroll-scrub__chapter {
  min-height: 320dvh !important;
}

/* Iluminação e vinheta anamórfica sobre o vídeo */
.thai-film .scroll-scrub__stage:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: 
    radial-gradient(ellipse at 65% 50%, transparent 20%, rgba(11,10,8, 0.35) 60%, rgba(11,10,8, 0.88) 100%),
    linear-gradient(90deg, rgba(11,10,8, 0.88) 0%, rgba(11,10,8, 0.45) 45%, transparent 75%),
    linear-gradient(180deg, rgba(11,10,8, 0.75) 0%, transparent 20%, transparent 80%, rgba(11,10,8, 0.95) 100%);
  box-shadow: inset 0 0 160px rgba(0, 0, 0, 0.85);
}

/* Grão de película cinematográfica */
.thai-film .scroll-scrub__stage:before {
  content: "";
  position: absolute;
  inset: -50%;
  z-index: 3;
  pointer-events: none;
  opacity: 0.045;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
  animation: filmGrain 0.25s steps(2) infinite;
}

/* Vídeo do Hero em alta precisão */
.scroll-scrub__video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: 78% 42% !important;
  z-index: 1 !important;
  filter: contrast(1.08) saturate(1.05) brightness(1.02);
  transform: none !important;
}
.thai-film .scroll-scrub__poster {
  object-position: 78% 42% !important;
  max-width: none !important;
}
.thai-film .scroll-scrub__media {
  transform: none;
}
@media (max-width: 860px) {
  .thai-film .scroll-scrub__video,
  .thai-film .scroll-scrub__poster {
    object-fit: cover !important;
    object-position: 88% 36% !important;
    width: 150% !important;
    height: 68% !important;
    top: 8% !important;
    right: -20% !important;
    left: auto !important;
    bottom: auto !important;
    inset: auto !important;
  }
}

.scroll-scrub__layer[data-video-painted="true"] .scroll-scrub__poster {
  opacity: 0 !important;
  transition: opacity 0.5s ease;
}

/* Animação e texto com sombra volumétrica */
.thai-film .scroll-scrub__copy {
  transform: translateY(calc(var(--cinematic-progress) * -65px));
  opacity: calc(1 - var(--cinematic-progress) * 1.3);
  will-change: transform, opacity;
}
@media (max-width: 860px) {
  .thai-film .scroll-scrub__chapter-pin {
    align-items: flex-end !important;
    justify-content: flex-start !important;
    padding: 88px 24px calc(170px + env(safe-area-inset-bottom, 0px)) 24px !important;
  }
  .thai-film .scroll-scrub__copy {
    transform: translateY(calc(-28px - var(--cinematic-progress, 0) * 48px));
  }
  .thai-film .hero-links {
    margin-bottom: 8px;
  }
}


.thai-film .scroll-scrub__title {
  text-shadow: 0 4px 30px rgba(0, 0, 0, 0.95), 0 0 40px rgba(202,179,153, 0.3);
}

/* HUD Cinematográfico de Telemetria */
.cinematic-hud {
  position: absolute;
  bottom: 28px;
  right: 6vw;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  gap: 14px 22px;
  background: rgba(18,16,14, 0.7);
  border: 1px solid rgba(202,179,153, 0.3);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 10px 20px;
  border-radius: 999px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.08em;
  color: #d5c2ad;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), inset 0 0 12px rgba(202,179,153, 0.15);
  pointer-events: none;
}

.hud-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.hud-item strong {
  color: #f8f6f3;
  font-weight: 500;
}

.hud-dot {
  width: 7px;
  height: 7px;
  background: #22c55e;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 10px #22c55e;
  animation: pulseDot 2s infinite ease-in-out;
}

@keyframes pulseDot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.85); }
}

/* Barra de progresso com glow neon */
.thai-film .scroll-scrub__progress {
  z-index: 8;
  height: 3px;
  background: rgba(255, 255, 255, 0.07);
}

.thai-film .scroll-scrub__progress span {
  background: linear-gradient(90deg, #cab399, #d5c3ae, #d9b46a);
  box-shadow: 0 0 25px rgba(202,179,153, 0.8);
}

/* Seção de Processo com design cinematográfico */
.process {
  background: linear-gradient(180deg, #141210 0%, #1b1916 50%, #141210 100%);
  border-top: 1px solid rgba(202,179,153, 0.15);
  border-bottom: 1px solid rgba(202,179,153, 0.15);
  position: relative;
  overflow: hidden;
  padding: 80px 0;
}

.process-content ol {
  counter-reset: steps;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 45px;
}

.process-content li {
  counter-increment: steps;
  background: rgba(31,28,24, 0.65);
  border: 1px solid rgba(202,179,153, 0.18);
  border-radius: 12px;
  padding: 34px 28px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
  backdrop-filter: blur(8px);
}

.process-content li:hover {
  transform: translateY(-5px);
  border-color: rgba(202,179,153, 0.5);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5), 0 0 25px rgba(202,179,153, 0.2);
}

.process-content li:before {
  content: "0" counter(steps);
  font-family: 'IBM Plex Mono', monospace;
  font-size: 28px;
  font-weight: 600;
  color: var(--thai-neon);
  text-shadow: 0 0 20px rgba(202,179,153, 0.4);
}

.process-content li h3 {
  font-size: 22px;
  color: #f8f6f3;
}

.process-content li p {
  color: #d5c2ad;
  font-size: 15px;
  line-height: 1.6;
}

@keyframes filmGrain {
  0% { transform: translate(0); }
  25% { transform: translate(2%, -1%); }
  50% { transform: translate(-1%, 2%); }
  75% { transform: translate(1%, 1%); }
  100% { transform: translate(-2%, -1%); }
}

@media (max-width: 960px) {
  .process-content ol {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .cinematic-hud {
    display: none;
  }
  .thai-film, .thai-film .scroll-scrub__chapter {
    min-height: 240dvh !important;
  }
}