/* A gilt sefer-cover opening, followed by the existing product experience. */
.royal-cover {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  min-height: 100svh;
  padding: 86px 70px 100px;
  overflow: hidden;
  text-align: center;
  color: #ebd6ae;
  background: radial-gradient(ellipse at 50% 42%, #2a444a70, transparent 64%), #10242f;
}
.royal-cover::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .12;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath d='M0 1h6M1 0v6' stroke='%23acbdba' stroke-opacity='.3' stroke-width='.35'/%3E%3C/svg%3E");
}
.cover-frame {
  position: absolute;
  inset: 24px 28px;
  border: 1px solid #bb9b5c70;
  pointer-events: none;
}
.cover-frame::before {
  content: '';
  position: absolute;
  inset: 7px;
  border: 1px solid #bb9b5c26;
}
.cover-corner {
  position: absolute;
  width: clamp(88px, 12vw, 160px);
  height: auto;
  color: #c5a268;
  stroke-width: .85;
  opacity: .75;
}
.cover-corner-tl { top: -1px; left: -1px; }
.cover-corner-tr { top: -1px; right: -1px; transform: scaleX(-1); }
.cover-corner-bl { bottom: -1px; left: -1px; transform: scaleY(-1); }
.cover-corner-br { bottom: -1px; right: -1px; transform: scale(-1); }
.cover-arch {
  position: absolute;
  width: min(650px, 71%);
  top: 55px;
  bottom: 56px;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #b79b5e13;
  border-radius: 50% 50% 3px 3px;
  pointer-events: none;
}
.cover-arch::after {
  content: '';
  position: absolute;
  inset: 11px;
  border: 1px solid #b79b5e0d;
  border-radius: inherit;
}
.cover-new {
  position: absolute;
  top: 48px;
  right: 66px;
  padding: 3px 15px 5px;
  color: #ecd4a1;
  background: #10242f;
  border: 1px solid #bb9b5c66;
  border-radius: 2px;
  font: 700 18px/1.4 var(--serif);
}
.cover-content { position: relative; width: min(740px, 100%); }
.cover-crest {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 23px;
  margin-bottom: 23px;
  color: #caad76;
}
.cover-crest::before, .cover-crest::after {
  content: '';
  width: 64px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #b4945866, transparent);
}
.cover-crest svg { width: 43px; height: 48px; stroke-width: 1.1; }
.cover-overline { font: 18px/1.6 var(--serif); color: #cbbd9f; }
.cover-name {
  font: 400 clamp(110px, 13vw, 176px)/1.17 var(--display);
  letter-spacing: -.045em;
  color: #e3c78e;
  margin: 2px 0 0;
  padding-inline: 8px;
  text-shadow: 0 4px 30px #00000024;
}
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .cover-name {
    background: linear-gradient(170deg, #f5e6c4 10%, #dec18a 39%, #b38a4c 62%, #ebd3a5 85%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
}
.cover-slogan { font: 400 clamp(27px, 3vw, 38px)/1.4 var(--serif); color: #ebddbd; }
.cover-flourish { display: block; width: 244px; height: 32px; margin: 16px auto 15px; color: #b99758; stroke-width: 1; }
.cover-description { font: 22px/1.6 var(--serif); color: #e0ded1; margin-inline: auto; max-width: 530px; }
.cover-audience { font: 17px/1.7 var(--serif); color: #aeb9b7; margin-top: 7px; }
.cover-actions { display: flex; align-items: center; justify-content: center; gap: 27px; flex-wrap: wrap; margin-top: 30px; }
.cover-button { background: linear-gradient(115deg, #ddc18c, #ecd7aa); color: #162b32; border: 1px solid #ebd4a5; box-shadow: 0 5px 24px #00000025; min-height: 52px; padding-inline: 27px; }
.cover-button:hover { background: #f0dfbd; box-shadow: 0 7px 28px #00000038; }
.cover-secondary { color: #dbc498; font-size: 13px; border-bottom: 1px solid #c4a56770; padding-block: 8px; }
.cover-secondary:hover { color: #fff1d1; border-color: #edce93; }
.cover-scroll { position: absolute; bottom: 43px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 12px; white-space: nowrap; font: 15px/1.4 var(--serif); color: #c2b495; padding: 5px 10px; }
.cover-scroll svg { width: 16px; height: 20px; stroke-width: 1.2; transition: transform .2s; }
.cover-scroll:hover svg { transform: translateY(3px); }
.royal-cover :focus-visible { outline-color: #f1d295; }

@media (min-width: 1600px) { .royal-cover { padding-block: 100px 110px; } }
@media (max-width: 980px) {
  .royal-cover { min-height: 100svh; padding: 88px 58px 100px; }
  .cover-name { font-size: clamp(110px, 17vw, 155px); }
}
@media (max-width: 760px) {
  .royal-cover { min-height: 100svh; padding: 80px 35px 92px; }
  .cover-frame { inset: 16px; }
  .cover-frame::before { inset: 5px; }
  .cover-new { top: 32px; right: 38px; font-size: 16px; padding-inline: 12px; }
  .cover-crest { margin-bottom: 19px; gap: 18px; }
  .cover-crest svg { width: 35px; height: 40px; }
  .cover-crest::before, .cover-crest::after { width: 42px; }
  .cover-overline { font-size: 17px; }
  .cover-name { font-size: clamp(96px, 20vw, 140px); }
  .cover-slogan { font-size: clamp(27px, 5.3vw, 34px); }
  .cover-description { font-size: 20px; max-width: 400px; }
  .cover-audience { font-size: 16px; }
  .cover-flourish { width: 210px; margin-block: 13px; }
  .cover-scroll { bottom: 33px; font-size: 14px; }
  .cover-arch { top: 65px; bottom: 65px; width: 85%; }
}
@media (max-width: 420px) {
  .royal-cover { padding-inline: 32px; }
  .cover-name { font-size: clamp(85px, 25vw, 105px); }
  .cover-overline { font-size: 15px; }
  .cover-slogan { font-size: 27px; }
  .cover-description { font-size: 19px; max-width: 270px; }
  .cover-audience { font-size: 15px; }
  .cover-actions { gap: 14px; margin-top: 24px; }
  .cover-button { padding-inline: 21px; font-size: 13px; gap: 20px; }
  .cover-secondary { font-size: 11px; }
}

/* Window-lit study artwork and bespoke gold Hebrew lettering with a quill vav. */
.royal-cover{display:flex;justify-content:flex-start;background-image:linear-gradient(90deg,#10242f00 15%,#10242f00 38%,#10242f20 55%,#10242f40),url("assets/nuscha-study-cover.webp");background-size:cover;background-position:center;padding-block:65px 98px}
.cover-content{width:min(590px,47%);margin-inline:0 auto}
.cover-arch{left:auto;right:5%;transform:none;width:43%;border-color:#b79b5e17}
.cover-name{background:none;color:inherit;padding:0;margin:32px 0 22px;line-height:1;position:relative}
.cover-wordmark{display:block;width:100%;max-width:465px;height:auto;margin-inline:auto}
.cover-name-readable{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.cover-flourish{margin-block:12px}
.cover-overline,.cover-slogan,.cover-description,.cover-audience{text-shadow:0 2px 14px #07152188}
@media(min-width:1600px){.cover-content{width:min(650px,46%)}.cover-wordmark{max-width:510px}.royal-cover{padding-inline:95px}}
@media(max-width:1100px){.cover-content{width:51%}.royal-cover{padding-inline:52px}.cover-name{margin-block:16px}.cover-description{font-size:20px}.cover-audience{font-size:16px}.cover-actions{gap:18px}.cover-secondary{font-size:12px}.cover-slogan{font-size:31px}}
@media(max-width:760px){.royal-cover{display:block;min-height:100svh;padding:310px 38px 94px;background-image:linear-gradient(180deg,#10242f00 0px,#10242f08 160px,#10242fe8 340px,#10242f 440px),url("assets/nuscha-study-cover.webp");background-size:100% 100%,auto 440px;background-repeat:no-repeat;background-position:center,24% top}.cover-content{width:100%;margin:0}.cover-arch{display:none}.cover-wordmark{max-width:440px}.cover-name{margin:27px 0 21px}.cover-overline{font-size:17px}.cover-slogan{font-size:32px}.cover-audience{font-size:16px}.cover-scroll{bottom:31px}.cover-corner{opacity:.65}}
@media(max-width:420px){.royal-cover{padding:285px 32px 92px;background-size:100% 100%,auto 410px}.cover-wordmark{max-width:330px}.cover-slogan{font-size:27px}.cover-overline{font-size:16px}.cover-description{font-size:19px}.cover-audience{font-size:15px}.cover-secondary{font-size:12px}}

@media (prefers-reduced-motion: reduce) { .cover-scroll:hover svg { transform: none; } }
@media (forced-colors: active) { .cover-name { background: none; color: CanvasText; } }
@media print { .royal-cover { display: none; } }