/* CREW ONLY — approved Hero and Story remain untouched. */
[data-review-section="crew"]{
  position:relative;
  padding:0;
  background:var(--deep);
  color:var(--cream);
  overflow:hidden;
}

[data-review-section="crew"] .crew-visual{
  position:relative;
  min-height:760px;
  height:max(760px,100svh);
  overflow:hidden;
  isolation:isolate;
}

[data-review-section="crew"] .crew-visual::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(8,25,19,.72) 0%,rgba(8,25,19,.28) 25%,transparent 48%),
    linear-gradient(0deg,rgba(8,25,19,.32),transparent 24%);
}

[data-review-section="crew"] .crew-visual::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:-20% -30%;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 37%,rgba(255,239,174,.16) 48%,rgba(255,255,255,.28) 50%,transparent 62%);
  mix-blend-mode:screen;
  transform:translateX(-36%);
  animation:crew-light-sweep 12s ease-in-out infinite;
}

[data-review-section="crew"] .crew-visual>img,
[data-review-section="crew"] .crew-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

[data-review-section="crew"] .crew-visual>img{
  z-index:0;
  filter:saturate(1.02) contrast(1.02);
}

[data-review-section="crew"] .crew-video{
  z-index:1;
  display:block;
}

[data-review-section="crew"] .crew-caption{
  position:absolute;
  z-index:5;
  left:max(5vw,32px);
  top:clamp(86px,8vw,130px);
  width:min(460px,39vw);
  padding:0;
  background:none;
  border:0;
  backdrop-filter:none;
  text-shadow:0 2px 4px rgba(8,25,19,.92),0 8px 28px rgba(8,25,19,.9);
  isolation:isolate;
}

[data-review-section="crew"] .crew-caption::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-42px -72px -38px -38px;
  border-radius:46% 54% 52% 48%/48% 44% 56% 52%;
  background:radial-gradient(ellipse at 24% 48%,rgba(8,25,19,.72),rgba(8,25,19,.48) 48%,transparent 74%);
  filter:blur(12px);
  pointer-events:none;
}

[data-review-section="crew"] .crew-caption .eyebrow{
  margin-bottom:20px;
  color:var(--orange);
}

[data-review-section="crew"] .crew-caption h2{
  margin:0;
  color:var(--cream);
  font-size:clamp(3.6rem,5.2vw,5.8rem);
  line-height:.86;
  -webkit-text-stroke:1px rgba(8,25,19,.42);
}

[data-review-section="crew"] .crew-caption>p:last-child{
  max-width:330px;
  margin:24px 0 0;
  font-size:1rem;
  font-weight:700;
  line-height:1.6;
  color:rgba(246,241,231,.9);
}

[data-review-section="crew"] .crew-atmosphere,
[data-review-section="crew"] .crew-names{
  position:absolute;
  z-index:4;
  inset:0;
  pointer-events:none;
}

[data-review-section="crew"] .crew-name{
  position:absolute;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 11px 7px;
  border:1px solid rgba(38,36,33,.72);
  border-radius:999px;
  background:rgba(246,241,231,.9);
  color:var(--ink);
  box-shadow:3px 4px 0 rgba(38,36,33,.76),0 8px 24px rgba(8,25,19,.2);
  backdrop-filter:blur(8px);
  white-space:nowrap;
}

[data-review-section="crew"] .crew-name::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  flex:0 0 auto;
}

[data-review-section="crew"] .crew-name b{
  font-family:Gummy,Nunito,sans-serif;
  font-size:1rem;
  line-height:1;
}

[data-review-section="crew"] .crew-name small{
  font-size:.47rem;
  font-weight:700;
  letter-spacing:.1em;
}

[data-review-section="crew"] .crew-name.gumbo{left:22%;top:67%;transform:rotate(-4deg)}
[data-review-section="crew"] .crew-name.gumbo::before{background:var(--purple)}
[data-review-section="crew"] .crew-name.dobbo{left:56%;top:80%;transform:rotate(2deg)}
[data-review-section="crew"] .crew-name.dobbo::before{background:var(--brown)}
[data-review-section="crew"] .crew-name.mimo{right:7%;top:57%;transform:rotate(3deg)}
[data-review-section="crew"] .crew-name.mimo::before{background:var(--orange)}

[data-review-section="crew"] .crew-leaf,
[data-review-section="crew"] .crew-glow{
  position:absolute;
  display:block;
}

[data-review-section="crew"] .crew-leaf{
  width:12px;
  height:22px;
  border-radius:80% 8% 80% 8%;
  background:#d7a83b;
  box-shadow:0 2px 5px rgba(8,25,19,.3);
  animation:crew-leaf-drift 8s ease-in-out infinite;
}

[data-review-section="crew"] .cl1{left:71%;top:30%;animation-delay:-2s}
[data-review-section="crew"] .cl2{left:83%;top:18%;scale:.7;animation-delay:-5s}
[data-review-section="crew"] .cl3{left:62%;top:8%;scale:.85;animation-delay:-7s}

[data-review-section="crew"] .crew-glow{
  width:38px;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,220,.86) 0 5%,rgba(232,163,84,.58) 16%,rgba(168,134,216,.24) 42%,transparent 70%);
  mix-blend-mode:screen;
  filter:blur(1px);
  animation:crew-glow-pulse 3.6s ease-in-out infinite;
}

[data-review-section="crew"] .cg1{left:16%;top:70%}
[data-review-section="crew"] .cg2{left:67%;top:67%;scale:1.25;animation-delay:-1.7s}
[data-review-section="crew"] .cg3{right:5%;top:33%;scale:.75;animation-delay:-2.8s}

@keyframes crew-light-sweep{
  0%,24%{transform:translateX(-38%);opacity:.1}
  48%,62%{transform:translateX(26%);opacity:.72}
  82%,100%{transform:translateX(42%);opacity:.08}
}

@keyframes crew-leaf-drift{
  0%,100%{translate:0 0;rotate:-12deg;opacity:.18}
  24%{opacity:.9}
  50%{translate:24px 60px;rotate:155deg;opacity:.82}
  78%{translate:-10px 114px;rotate:280deg;opacity:.2}
}

@keyframes crew-glow-pulse{
  0%,100%{opacity:.34;filter:blur(2px)}
  50%{opacity:.95;filter:blur(0)}
}

@media(max-width:900px){
  [data-review-section="crew"] .crew-visual{height:auto;min-height:auto;aspect-ratio:16/9}
  [data-review-section="crew"] .crew-video{display:none}
  [data-review-section="crew"] .crew-caption{
    position:relative;
    left:auto;
    top:auto;
    width:auto;
    max-width:none;
    margin:0;
    padding:44px 28px 52px;
    background:var(--deep);
    text-shadow:none;
  }
  [data-review-section="crew"] .crew-caption::before{display:none}
  [data-review-section="crew"] .crew-caption h2{font-size:clamp(3.5rem,11vw,5rem)}
  [data-review-section="crew"] .crew-caption>p:last-child{max-width:520px}
  [data-review-section="crew"] .crew-visual::before{background:linear-gradient(0deg,rgba(8,25,19,.3),transparent 32%)}
}

@media(max-width:520px){
  [data-review-section="crew"] .crew-name{padding:5px 7px 4px;gap:5px;box-shadow:2px 2px 0 rgba(38,36,33,.76)}
  [data-review-section="crew"] .crew-name::before{width:6px;height:6px}
  [data-review-section="crew"] .crew-name b{font-size:.62rem}
  [data-review-section="crew"] .crew-name small{display:none}
  [data-review-section="crew"] .crew-name.gumbo{left:21%;top:70%}
  [data-review-section="crew"] .crew-name.dobbo{left:55%;top:82%}
  [data-review-section="crew"] .crew-name.mimo{right:5%;top:59%}
  [data-review-section="crew"] .crew-caption{padding:38px 22px 48px}
  [data-review-section="crew"] .crew-caption h2{font-size:3.55rem}
}

@media(prefers-reduced-motion:reduce){
  [data-review-section="crew"] .crew-video{display:none}
  [data-review-section="crew"] .crew-visual::after,
  [data-review-section="crew"] .crew-leaf,
  [data-review-section="crew"] .crew-glow{animation:none}
}
