/* ---------- 3.4 record page: cover as lit environment ---------- */
/* Remove this block (or the .rec-env line in record-render.js) to drop the feature. */
.rec-head{position:relative;overflow:hidden;border-radius:3px;padding:1rem 1.2rem;margin:0 0 1rem}
.rec-head .rec-env{position:absolute;inset:-40%;background-size:cover;background-position:center;filter:blur(38px) saturate(1.25);opacity:.55;pointer-events:none;z-index:0}
.rec-head::before{content:"";position:absolute;inset:0;background:rgba(8,11,17,.58);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,255,255,.05);border-radius:3px}
.rec-head > :not(.rec-env){position:relative;z-index:1}
html[data-reticle-mode="touch"] .rec-env{filter:blur(24px) saturate(1.2);opacity:.45}
body.print .rec-env,body.print .rec-head::before{display:none}
body.print .rec-head{padding:0;margin:0 0 1rem}