body{background:#050607}
.case-hero{
  position:relative;min-height:96svh;padding:clamp(9rem,18vh,14rem) 0 clamp(3rem,8vh,6rem);
  display:grid;align-items:end;overflow:hidden;background:radial-gradient(circle at 72% 35%,#16312a 0,#0c1715 20%,#050607 52%);color:var(--paper)
}
.case-hero::before{content:"CASE";position:absolute;right:-.04em;bottom:-.14em;font-size:clamp(12rem,34vw,38rem);font-weight:800;letter-spacing:-.09em;line-height:.8;color:rgba(255,255,255,.025)}
.case-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(101,216,189,.04),transparent);transform:skewX(-20deg)}
.case-hero .shell{position:relative;z-index:2;width:min(90rem,calc(100% - 2*var(--gutter)));max-width:none}
.case-hero .eyebrow{color:#73f0ce}
.case-hero .tag{display:inline-flex;margin:.8rem 0 1.5rem;color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.28)}
.case-hero h1{max-width:13ch;font-size:clamp(4rem,10vw,11rem);letter-spacing:-.075em;line-height:.86}
.case-hero .lead{margin-top:clamp(1.5rem,4vw,3rem);font-size:clamp(1.25rem,2vw,2rem);max-width:43ch;color:rgba(255,255,255,.7)}

.case-hero+.section{height:130svh;padding:0;background:#050607}
.case-hero+.section>.shell{position:sticky;top:0;width:100%;max-width:none;height:100svh}
.case-hero+.section figure{position:relative;width:100%;height:100%;overflow:hidden}
.case-hero+.section .placeholder-media{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;background:#0c1112}
.case-hero+.section .placeholder-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,4,4,.68),transparent 46%),linear-gradient(90deg,rgba(2,4,4,.26),transparent 50%);pointer-events:none}
.case-hero+.section .placeholder-media img{position:absolute;inset:0;width:100%;height:100%;transform:scale(1.04);filter:saturate(.82) contrast(1.06)}
.case-figure--jovem-dev .placeholder-media img{object-position:center 53%}
.case-figure--qualifica-belo-jardim .placeholder-media img{object-position:center 34%}
.case-figure--sementes-digitais .placeholder-media img{object-fit:contain;transform:none!important;filter:none!important;background:#111717}
.case-figure--video .placeholder-media video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#080b0d}
.case-figure--video .placeholder-media::after{display:none}
.case-hero+.section .placeholder-note{
  position:absolute;z-index:3;right:clamp(1rem,4vw,4rem);bottom:clamp(1rem,4vw,3rem);margin:0;padding:.55rem .78rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;
  background:rgba(8,12,13,.44);color:rgba(255,255,255,.6);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)
}

.case-hero+.section+.section{position:relative;padding:clamp(7rem,14vw,14rem) 0;background:linear-gradient(180deg,#f5f5f7,#e9efec);color:#0b0e12}
.case-hero+.section+.section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 10%,rgba(101,216,189,.24),transparent 28%),linear-gradient(rgba(11,14,18,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,14,18,.035) 1px,transparent 1px);background-size:auto,8vw 8vw,8vw 8vw}
.case-layout{position:relative;display:grid;grid-template-columns:minmax(15rem,.56fr) minmax(0,1.44fr);gap:clamp(3rem,9vw,10rem);width:min(90rem,calc(100% - 2*var(--gutter)));max-width:none}
.case-facts{
  align-self:start;position:sticky;top:7rem;padding:clamp(1.4rem,2.6vw,2.5rem);border:1px solid rgba(255,255,255,.72);border-radius:2rem;
  background:linear-gradient(145deg,rgba(255,255,255,.75),rgba(255,255,255,.36));box-shadow:0 32px 80px rgba(13,38,31,.12),inset 0 1px #fff;
  backdrop-filter:blur(34px) saturate(150%);-webkit-backdrop-filter:blur(34px) saturate(150%)
}
.case-facts .eyebrow{color:#176d5b}
.case-facts .tag-list{margin-top:1.3rem;gap:.6rem}
.case-facts .tag{background:rgba(255,255,255,.52);border-color:rgba(11,14,18,.14)}
.case-layout>.stack{gap:clamp(1.5rem,3vw,3rem)}
.case-layout>.stack h2{font-size:clamp(3.2rem,7vw,8rem);letter-spacing:-.075em;max-width:12ch}
.case-layout>.stack h3{font-size:clamp(1.7rem,3vw,3rem)}
.case-layout>.stack>p:not(.muted){font-size:clamp(1.2rem,1.8vw,1.8rem);line-height:1.5;max-width:42ch}
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(11,14,18,.14);border:1px solid rgba(11,14,18,.14);border-radius:2rem;overflow:hidden}
.feature-list li{min-height:10rem;padding:clamp(1.25rem,3vw,2.5rem);display:flex;align-items:flex-end;background:rgba(255,255,255,.62);font-size:clamp(1rem,1.4vw,1.3rem)}
.case-layout .muted{padding:1.2rem 1.4rem;border-left:2px solid #176d5b;color:#53605c;background:rgba(255,255,255,.42)}
.case-layout>.stack>a{display:inline-flex;width:max-content;padding:.75rem 0;color:#0b0e12;font-weight:700;text-decoration:none;border-bottom:1px solid #0b0e12}

@media(max-width:760px){
  .case-hero{min-height:90svh}
  .case-hero h1{font-size:clamp(3.7rem,16vw,6.2rem)}
  .case-hero+.section{height:auto}
  .case-hero+.section>.shell{position:relative;height:82svh}
  .case-hero+.section .placeholder-media img{object-position:center}
  .case-figure--qualifica-belo-jardim .placeholder-media img{object-fit:contain;transform:none!important;filter:none!important;background:#101416}
  .case-layout{grid-template-columns:1fr}
  .case-facts{position:relative;top:auto}
  .case-layout>.stack h2{font-size:clamp(3rem,13vw,5.3rem)}
  .feature-list{grid-template-columns:1fr}
  .feature-list li{min-height:7rem}
}

@media(prefers-reduced-motion:reduce){
  .case-hero+.section{height:auto}
  .case-hero+.section>.shell{position:relative;height:90svh}
  .case-hero+.section .placeholder-media img{transform:none}
}