/* TengenJP V7.6.6 — About page only.
   Keep the original layout, images, other pages and 06 BEYOND TODAY photography. */

/* Two separately painted backdrop layers, clipped to the dark manifesto.
   The diagonal lives in viewport coordinates while the section passes over it. */
.ab-manifesto { isolation:isolate; }
.ab-manifesto::before {
  background: repeating-linear-gradient(90deg,
    transparent 0 150px, rgba(255,255,255,.03) 151px, transparent 152px);
  opacity:.5;
  z-index:0;
  pointer-events:none;
}
.ab-manifesto::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:1;
  background-image:linear-gradient(120deg,
    transparent 0 49%, rgba(186,201,195,.075) 49% 65%, transparent 65%);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-size:cover;
}
.ab-manifesto-grid { position:relative; z-index:1; }

/* Small hover lift; never participates in reflow. */
.ab-lens-card {
  position:relative;
  transform:scale(1);
  transform-origin:center;
  transition:transform .3s ease-out, box-shadow .3s ease-out, border-color .3s ease-out;
  will-change:transform;
}
@media (hover:hover) and (pointer:fine) {
  .ab-lens-card:hover {
    transform:scale(1.025);
    z-index:2;
    border-color:#d8c6ba;
    box-shadow:0 15px 35px rgba(30,34,30,.10);
  }
}
/* Fixed background attachment is unreliable or jumpy on some mobile browsers. */
@media (max-width:767px) {
  .ab-manifesto::after { background-attachment:scroll; }
  .ab-lens-card { will-change:auto; }
}
@media (prefers-reduced-motion:reduce) {
  .ab-manifesto::after { background-attachment:scroll; }
  .ab-lens-card { transition:none; will-change:auto; }
}
