.manifesto{
  position:relative;
  isolation:isolate;
  background:#f7f6f3;
}

.manifesto::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 0 auto;
  height:min(760px,58%);
  pointer-events:none;
  background-image:
    linear-gradient(90deg,rgba(247,246,243,.94) 0%,rgba(247,246,243,.48) 32%,rgba(247,246,243,.3) 70%,rgba(247,246,243,.9) 100%),
    url("about-sketch-background-v48.jpg");
  background-repeat:no-repeat;
  background-position:center,center 42%;
  background-size:cover,112% auto;
  opacity:.48;
  transform-origin:left center;
  animation:aboutSketchDraw 18s cubic-bezier(.55,.02,.28,1) infinite;
}

.manifesto::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  right:0;
  top:min(710px,54%);
  height:150px;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,#f7f6f3 78%);
}

.manifesto>.section-tag,
.manifesto>div>h2,
.manifesto>div>p{
  position:relative;
  z-index:1;
}

.manifesto>div>h2{
  text-shadow:0 2px 18px rgba(247,246,243,.98);
}

.manifesto>div>p{
  align-self:start;
  padding:18px 20px;
  border-left:3px solid var(--red2);
  background:rgba(247,246,243,.82);
  backdrop-filter:blur(3px);
}

.manifesto>div .about-engineering-photo{
  position:relative;
  z-index:2;
  height:auto;
  aspect-ratio:1891/421;
  border:1px solid #1d2022;
  background:#111;
  box-shadow:0 30px 70px rgba(20,22,23,.2);
}

.about-engineering-photo::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  border:10px solid rgba(255,255,255,.07);
}

.about-engineering-photo img{
  transform:scale(1.002);
  transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s ease;
}

.about-engineering-photo:hover img{
  transform:scale(1.022);
  filter:contrast(1.04) saturate(1.05);
}

@keyframes aboutSketchDraw{
  0%{clip-path:inset(0 100% 0 0);background-position:center,46% 42%;opacity:.12}
  12%{opacity:.42}
  48%{clip-path:inset(0 0 0 0);background-position:center,54% 42%;opacity:.5}
  86%{clip-path:inset(0 0 0 0);background-position:center,48% 42%;opacity:.44}
  100%{clip-path:inset(0 100% 0 0);background-position:center,46% 42%;opacity:.12}
}

@media(max-width:900px){
  .manifesto::before{height:620px;background-size:auto 100%,auto 100%}
  .manifesto::after{top:560px}
  .manifesto>div>p{padding:16px 17px}
  .manifesto>div .about-engineering-photo{aspect-ratio:16/8;height:auto}
}

@media(max-width:600px){
  .manifesto::before{height:540px;background-position:center,68% center;background-size:auto 100%,auto 100%;opacity:.38}
  .manifesto::after{top:475px}
  .manifesto>div .about-engineering-photo{height:240px;aspect-ratio:auto}
  .about-engineering-photo img{object-position:center}
}

@media(prefers-reduced-motion:reduce){
  .manifesto::before{animation:none;clip-path:none;background-position:center,center 42%;opacity:.42}
  .about-engineering-photo img{transition:none}
}