/* BLOG ENTRY V7: full-viewport patterned intro; independent of blog theme */
.entry-gate { display: none; }
html.entry-locked, html.entry-locked body { overflow: hidden !important; }
html.entry-locked .site-wrap {
  opacity: 0;
  filter: blur(12px);
  transform: translate3d(0,26px,0) scale(.985);
  pointer-events: none;
}
html.entry-locked #entry-gate {
  display: block !important;
  position: fixed !important;
  z-index: 2147480000 !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  background: #01041c !important;
  color: #f4f0ed !important;
  font-family: "Times New Roman", Times, serif !important;
  text-align: left !important;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  isolation: isolate;
}
#entry-gate .entry-ascii-bg {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
#entry-gate .entry-ascii-bg text {
  fill: #f0eee7;
  opacity: .85;
  font: 11.5px "Courier New", "Liberation Mono", monospace;
  letter-spacing: .45px;
}
#entry-gate .entry-photo {
  position: absolute;
  left: 25.15%;
  top: 20%;
  width: 32.3%;
  height: 51.7%;
  box-sizing: border-box;
  z-index: 1;
  overflow: hidden;
  background: #01041c;
}
#entry-gate .entry-photo img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: fill;
  border: none;
}
#entry-gate .entry-poem {
  position: absolute;
  z-index: 2;
  left: 59.1%;
  top: 59%;
  box-sizing: border-box;
  width: max-content;
  max-width: 36%;
  margin: 0;
  padding: 8px 10px 8px 5px;
  background: #01041c;
  color: #f4f0ed;
  font: normal clamp(12px, 1vw, 16px)/1.34 "Times New Roman", Times, serif;
  letter-spacing: 0;
  text-align: left;
  white-space: nowrap;
}
#entry-gate .entry-poem-date {
  display: block;
  margin-top: 17px;
  color: #f4f0ed;
  font: italic clamp(11px, .85vw, 14px)/1.2 "Times New Roman", Times, serif;
}
#entry-gate .entry-signature {
  position: absolute;
  z-index: 3;
  right: 1.4%;
  bottom: 1.6%;
  display: block;
  margin: 0;
  padding: 3px 4px;
  background: #01041c;
  color: #eee9e3;
  font: italic 8px/1.15 "Times New Roman", Times, serif;
  white-space: nowrap;
}
html.entry-locked #entry-gate:focus-visible {
  outline: 1px dotted #e8e1d7;
  outline-offset: -8px;
}
html.entry-opening #entry-gate {
  pointer-events: none;
  animation: entry-v7-out 1s cubic-bezier(.35,0,.2,1) forwards;
}
html.entry-opening .site-wrap {
  animation: entry-v7-in 1s cubic-bezier(.19,1,.22,1) forwards;
}
@keyframes entry-v7-out {
  0% { opacity: 1; filter: blur(0); transform: scale(1); }
  43% { opacity: 1; filter: blur(1px); transform: scale(1.018); }
  100% { opacity: 0; filter: blur(16px); transform: scale(1.07); visibility: hidden; }
}
@keyframes entry-v7-in {
  0%, 23% { opacity: 0; filter: blur(12px); transform: translate3d(0,30px,0) scale(.985); }
  100% { opacity: 1; filter: blur(0); transform: translate3d(0,0,0) scale(1); }
}
@media (max-width: 850px) {
  #entry-gate .entry-photo { left: 11%; top: 19%; width: 58%; height: 43%; }
  #entry-gate .entry-poem { left: 39%; top: 65%; max-width: 59%; font-size: 13px; }
}
@media (max-width: 560px) {
  #entry-gate .entry-photo { left: 8%; top: 22%; width: 69%; height: 39%; }
  #entry-gate .entry-poem { left: 16%; top: 65%; max-width: 80%; font-size: 12px; white-space: normal; }
  #entry-gate .entry-poem-date { font-size: 10px; margin-top: 12px; }
  #entry-gate .entry-signature { font-size: 7px; right: 2%; bottom: 2%; }
}
@media (prefers-reduced-motion: reduce) {
  html.entry-opening #entry-gate, html.entry-opening .site-wrap { animation-duration: .01ms; }
}