/* Gate 3 · entry notice brought back into the Crave Inc. dossier world. */
.safety-gate {
  padding: max(26px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(26px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left)) !important;
  background:
    radial-gradient(circle at 16% 7%, rgba(255,255,255,.1), transparent 26rem),
    repeating-linear-gradient(-10deg, rgba(255,255,255,.038) 0 2px, transparent 2px 13px),
    #454a4c !important;
}
.safety-dossier {
  width: min(900px, 100%) !important;
  padding: clamp(32px, 6vw, 66px) !important;
  overflow: hidden;
  border: 6px solid #171411 !important;
  border-radius: 7px 30px 30px 7px !important;
  background:
    radial-gradient(circle at 88% 9%, rgba(188,74,32,.11), transparent 18rem),
    repeating-linear-gradient(-9deg, rgba(60,47,37,.04) 0 2px, transparent 2px 11px),
    #f0e2c8 !important;
  color: #28221d !important;
  box-shadow: 0 14px 0 #171411, 0 34px 85px rgba(0,0,0,.42) !important;
}
.safety-dossier::after {
  content: "";
  position: absolute;
  inset: 13px;
  pointer-events: none;
  border: 1px solid rgba(40,34,29,.23);
}
.safety-dossier::before {
  position: relative;
  z-index: 1;
  display: inline-block !important;
  margin: 0 0 clamp(25px,4vw,42px) !important;
  padding: 8px 11px 7px;
  border: 3px solid #28221d;
  background: #bc4a20;
  color: #fff5df !important;
  box-shadow: 0 4px 0 #28221d;
  font: 1000 .62rem/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: .2em !important;
}
.safety-dossier h1 {
  position: relative;
  z-index: 1;
  max-width: 760px !important;
  color: #28221d !important;
  font-family: Impact, "Arial Black", Arial, sans-serif !important;
  font-size: clamp(3.45rem, 10vw, 7.8rem) !important;
  font-weight: 1000 !important;
  line-height: .79 !important;
  letter-spacing: .015em !important;
  text-transform: uppercase;
}
.safety-copy {
  position: relative;
  z-index: 1;
  max-width: 720px !important;
  margin: clamp(24px,4vw,36px) 0 0 !important;
  padding: clamp(17px,3vw,24px);
  border: 3px solid #28221d;
  border-left: 9px solid #bc4a20;
  background: rgba(255,255,255,.38);
  color: #5e5147 !important;
  font-size: clamp(.92rem,1.8vw,1.08rem) !important;
  font-weight: 800 !important;
  line-height: 1.58 !important;
}
.safety-copy::before {
  content: "PRODUCT LIMITS";
  display: block;
  margin-bottom: 9px;
  color: #7e2b15;
  font: 1000 .61rem/1 "Courier New", monospace;
  letter-spacing: .17em;
}
.safety-actions {
  position: relative;
  z-index: 1;
  gap: 17px 24px !important;
  margin-top: clamp(25px,4vw,37px) !important;
}
.safety-enter {
  min-height: 57px !important;
  padding: 15px 21px !important;
  border: 4px solid #28221d !important;
  border-radius: 5px !important;
  background: #d6a245 !important;
  color: #21190f !important;
  box-shadow: 0 7px 0 #28221d !important;
  font-size: .71rem !important;
  letter-spacing: .09em !important;
}
.safety-enter:hover { transform: translateY(-2px); filter: brightness(1.04); }
.safety-enter:active { transform: translateY(3px); box-shadow: 0 4px 0 #28221d !important; }
.safety-help {
  color: #7e2b15 !important;
  font-weight: 1000 !important;
  text-decoration-color: #bc4a20 !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 5px !important;
}
.safety-enter:focus-visible,
.safety-help:focus-visible { outline: 3px solid #bc4a20 !important; outline-offset: 5px !important; }

@media (max-width: 620px) {
  .safety-gate { align-items: start; padding: 13px !important; }
  .safety-dossier { padding: 28px 20px 31px !important; border-width: 5px !important; border-radius: 6px 20px 20px 6px !important; box-shadow: 0 9px 0 #171411, 0 24px 55px rgba(0,0,0,.4) !important; }
  .safety-dossier::after { inset: 9px; }
  .safety-dossier h1 { font-size: clamp(3rem, 18vw, 5rem) !important; }
  .safety-actions { align-items: stretch !important; flex-direction: column !important; }
  .safety-enter { width: 100%; }
  .safety-help { align-self: center; padding: 10px; }
}
@media (orientation: landscape) and (max-height: 640px) {
  .safety-dossier { width: min(1040px, 100%) !important; padding: 27px 36px !important; }
  .safety-dossier::before { margin-bottom: 18px !important; }
  .safety-dossier h1 { font-size: clamp(2.8rem, 13vh, 5.3rem) !important; }
  .safety-copy { margin-top: 17px !important; padding: 13px 17px; font-size: .84rem !important; line-height: 1.4 !important; }
  .safety-actions { margin-top: 17px !important; }
}