/* PB034.6 Following: three author-approved photographic backgrounds.
   Original source JPEGs, uniform overlay per photograph, image and overlay
   crossfade as ONE opacity layer. Only #closing is affected. */
.e002 #closing{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#111412;
  padding:clamp(48px,6.5vw,92px) 0 clamp(65px,8vw,120px);
}
.e002 #closing > .wrap{
  position:relative;
  z-index:2;
  max-width:1224px;
  margin:0 auto;
  padding:0 clamp(23px,5.5vw,74px);
}
.e002 #closing .following-photos{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.e002 #closing .following-photos__layer{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity 1.8s ease-in-out;
}
.e002 #closing .following-photos__layer.is-active{opacity:1}
.e002 #closing .following-photos__image{
  display:block;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--following-photo-position,50% 50%);
}
.e002 #closing .following-photos__shade{
  display:block;
  position:absolute;
  inset:0;
  background:rgba(0,0,0,var(--following-photo-darkness));
}
.e002 #closing h2{
  font-size:clamp(58px,6.4vw,92px);
  line-height:1.09;
  letter-spacing:-.035em;
  margin-top:8px;
  margin-bottom:32px;
  max-width:none;
  color:#f1ede0;
  text-shadow:0 2px 22px #0b130fd9;
}
.e002 #closing .e002-kicker{
  font:700 12px/1.4 var(--e2-mono,ui-monospace,monospace);
  letter-spacing:.17em;
  color:#f0e20f;
}
.e002 #closing .e002-exit__invite{
  font-size:clamp(17px,1.85vw,23px);
  line-height:1.6;
  color:#f3f0e7;
  max-width:40em;
  text-shadow:0 2px 9px #010302f2;
}
.e002 #closing .pb034-following__v[hidden]{display:none}
/* The existing Electric Trace CSS remains the source of the hover/focus effects.
   Only the resting and hover glass SURFACES are made translucent. */
body.e002 #closing .pb034-glass-links > a{
  background:linear-gradient(145deg,rgba(241,248,227,.105),rgba(13,18,15,.54) 48%,rgba(3,10,6,.68) 100%);
  backdrop-filter:blur(14px) saturate(.9);
  -webkit-backdrop-filter:blur(14px) saturate(.9);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 5px 22px rgba(0,0,0,.2);
}
body.e002 #closing .pb034-glass-links > a:hover,
body.e002 #closing .pb034-glass-links > a:focus-visible{
  background:linear-gradient(145deg,rgba(255,255,235,.21),rgba(25,35,30,.74) 65%,rgba(6,10,8,.83) 100%);
  box-shadow:0 12px 32px rgba(0,0,0,.50),0 0 28px rgba(255,214,10,.22),0 0 10px rgba(255,214,10,.15),inset 0 1px 0 rgba(255,255,255,.12);
}
/* Three quiet, tactile photo selectors replace the former Pause button.
   Each control has a >=44px hit area and a small visible mark.
   Choosing a photograph permanently stops automatic cycling until page reload. */
.e002 #closing .following-photos__controls{
  display:flex;justify-content:center;align-items:center;gap:8px;
  margin:clamp(22px,3vw,36px) auto 0;
}
.e002 #closing .following-photos__controls[hidden]{display:none!important}
.e002 #closing .following-photos__select{
  display:grid;place-items:center;width:48px;height:44px;min-width:44px;min-height:44px;
  border:0;background:transparent;color:#f3f0e7;cursor:pointer;
  padding:0;border-radius:3px;touch-action:manipulation;
}
.e002 #closing .following-photos__mark{
  display:block;width:34px;height:3px;background:rgba(250,249,237,.57);
  border-radius:999px;transition:background-color .22s ease,height .22s ease;
  box-shadow:0 1px 4px rgba(0,0,0,.55);
}
.e002 #closing .following-photos__select[aria-pressed="true"] .following-photos__mark{
  height:5px;background:var(--e2-lemon,#f0e20f);
}
.e002 #closing .following-photos__select:hover .following-photos__mark{
  background:#fff6a1;
}
.e002 #closing .following-photos__select:focus-visible{
  outline:2px solid var(--e2-lemon,#f0e20f);outline-offset:0;
}
@media(max-width:700px){
  .e002 #closing > .wrap{padding:0 23px}
  .e002 #closing h2{font-size:clamp(48px,12vw,74px)}
}
@media(prefers-reduced-motion:reduce){
  .e002 #closing .following-photos__layer{transition:none!important}
  .e002 #closing .following-photos__mark{transition:none!important}
}
