/* L7B: desktop-only advisory before the mobile-first experience. */
.desktop-advisory{
  position:fixed;
  inset:0;
  z-index:880;
  display:none;
  place-items:center;
  padding:calc(28px + var(--safe-top)) clamp(18px, 4vw, 40px) calc(28px + var(--safe-bottom));
  color:var(--color-text-primary);
  text-align:center;
  pointer-events:auto;
}

html.desktop-advisory-active .desktop-advisory{
  display:grid;
}

.desktop-advisory[hidden],
html.desktop-advisory-dismissed .desktop-advisory{
  display:none !important;
}

.desktop-advisory__scrim{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(58,34,41,.46), rgba(58,34,41,.54)),
    rgba(233,228,222,.82);
  backdrop-filter:blur(12px) saturate(1.03);
  -webkit-backdrop-filter:blur(12px) saturate(1.03);
}

.desktop-advisory__panel{
  position:relative;
  z-index:1;
  width:min(100%, 360px);
  display:grid;
  justify-items:center;
  gap:12px;
  padding:30px 24px 28px;
  border:1px solid rgba(239,202,210,.92);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 0%, rgba(246,203,212,.30), transparent 42%),
    linear-gradient(180deg, rgba(255,253,251,.98), rgba(247,242,236,.97));
  box-shadow:0 34px 82px -38px rgba(58,34,41,.62);
}

.desktop-advisory__panel:focus{
  outline:none;
}

.desktop-advisory__ornament{
  width:clamp(76px, 8vw, 104px);
  height:auto;
  display:block;
  margin-bottom:2px;
}

.desktop-advisory__title{
  margin:0;
  max-width:24ch;
  color:var(--color-accent-primary);
  font-family:var(--font-sans);
  font-size:1.45rem;
  font-style:normal;
  font-weight:var(--fw-bold);
  letter-spacing:0;
  line-height:1.12;
  text-wrap:balance;
}

.desktop-advisory__text{
  margin:0;
  max-width:32ch;
  color:var(--color-text-secondary);
  font-family:var(--font-sans);
  font-size:1rem;
  line-height:1.48;
  text-wrap:balance;
}

.desktop-advisory__button{
  margin-top:6px;
  width:min(100%, 236px);
}

@media (max-height:620px){
  .desktop-advisory__panel{
    gap:10px;
    padding:24px 26px 22px;
  }

  .desktop-advisory__ornament{
    width:74px;
  }

  .desktop-advisory__title{
    font-size:1.28rem;
  }
}