/* An upcoming case study, presented as a notice rather than a destination. */
.ai-project-covers>.case-study-curtain{
  grid-column:span 3;position:relative;isolation:isolate;display:grid;place-items:center;
  min-width:0;min-height:420px;padding:54px 28px;box-sizing:border-box;
  border-radius:12px;overflow:hidden;background:#090a09;color:#ece9df;
  font-family:ftnk,Arial,sans-serif;cursor:default;scroll-margin-top:90px;
}
.case-study-curtain .curtain-fabric{
  position:absolute;inset:-8px -20px;z-index:-2;
  background:repeating-linear-gradient(91deg,#050605 0px,#131513 16px,#292b28 26px,#141513 38px,#080908 54px,#060706 66px,#1b1d1a 84px,#292b27 96px,#10110f 112px,#030403 130px);
  transform:perspective(650px) rotateX(2deg) scaleX(1.025);
}
.case-study-curtain .curtain-fabric:after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% -5%,rgba(224,221,204,.15),transparent 65%),linear-gradient(180deg,#0008 0%,transparent 15%,#0001 50%,#000a 100%);
}
.case-study-curtain:after{content:"";position:absolute;inset:0;z-index:-1;box-shadow:inset 0 14px 20px #000b,inset 0 -20px 25px #0008;pointer-events:none}
.case-study-curtain:before{
  content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;
  background:rgba(207,35,45,.21);
  opacity:0;pointer-events:none;
}
.case-study-curtain.is-unavailable:before{animation:curtain-unavailable .143s ease-out 2}
@keyframes curtain-unavailable{0%,100%{opacity:0}20%,55%{opacity:1}}
.case-study-curtain .curtain-feedback{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;border:0;
}
@media(prefers-reduced-motion:reduce){
  .case-study-curtain.is-unavailable:before{animation:none;opacity:1}
}
.case-study-curtain .curtain-placard{
  position:relative;width:min(100%,330px);box-sizing:border-box;
  padding:32px 24px 28px;transform:rotate(-1deg);background:#eee9dc;color:#273329;
  text-align:center;box-shadow:3px 12px 18px #000b;border:1px solid #c7c0ad;
}
.case-study-curtain .curtain-placard:before,.case-study-curtain .curtain-placard:after{
  content:"";position:absolute;top:-520px;width:1px;height:532px;
  background:linear-gradient(#8a8067,#c3b591);box-shadow:1px 0 1px #0008;
}
.case-study-curtain .curtain-placard:before{left:18%}
.case-study-curtain .curtain-placard:after{right:18%}
.case-study-curtain .curtain-kicker{margin:0;font:500 11px/1.5 ftnk,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#273329;text-align:center}
.ai-project-covers .case-study-curtain h2{font:400 clamp(44px,4.5vw,58px)/1 "Instrument Serif",Georgia,serif;letter-spacing:-.025em;margin:22px 0 18px;color:#273329;text-align:center}
.case-study-curtain .curtain-copy{font:400 16px/1.45 ftnk,Arial,sans-serif;max-width:22ch;margin:0 auto;color:#59614f;text-align:center}
.case-study-curtain .curtain-status{font:500 11px/1.5 ftnk,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:25px 0 0;color:#78572f;text-align:center}
@media(max-width:700px){.ai-project-covers>.case-study-curtain{grid-column:span 1;padding:44px 24px}.case-study-curtain .curtain-placard{padding:28px 18px 25px}}
@media(max-width:540px){.ai-project-covers>.case-study-curtain{min-height:430px;padding:52px 36px}.ai-project-covers .case-study-curtain h2{font-size:54px}}
