@font-face {
  font-family: "Reader";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/static/fonts/eb-garamond-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Reader";
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url("/static/fonts/eb-garamond-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Reader";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/static/fonts/noto-serif-greek-normal-400.woff2") format("woff2");
  unicode-range: U+0370-03FF, U+1F00-1FFF;
}

:root {
  --canvas: #FAF8F3; --surface: #FFFDF8; --tonal: #F2EEE6; --selected: #EDE3D2; --mark: #EDE3D2;
  --ink: #172436; --ink2: #4E5D72; --gold-deco: #9E7B46; --gold: #885E1F; --on-action: #FFFFFF; --rule: #DDD6C9;
  --scripture: "Reader", Georgia, serif; --chrome: system-ui, -apple-system, "Segoe UI", sans-serif;
  --sky: #E9E3D9; --far: #D3BEB0; --near: #C6CEBB; --sun: #DDCFC2; --water: var(--surface); --detail: #B09A8A;
  --r: 1; color-scheme: light;
}
html.dark {
  --canvas: #23221F; --surface: #2B2925; --tonal: #35312B; --selected: #443B30; --mark: #5C4A30;
  --ink: #F2EAE0; --ink2: #C7BEB0; --gold-deco: #D8B576; --gold: #D8B576; --on-action: #23221F; --rule: #4A4338;
  --sky: #343530; --far: #62584F; --near: #4D5549; --sun: #71695E; --detail: #8C7F72; color-scheme: dark;
}
html.large { --r: 1.3; }
* { box-sizing: border-box; margin: 0; padding: 0; }
html { background: var(--canvas); scroll-behavior: smooth; }
body {
  font: 400 calc(17px * var(--r))/1.55 var(--chrome); color: var(--ink); background: var(--canvas);
  -webkit-font-smoothing: antialiased; transition: background-color .45s ease, color .45s ease;
}
a { color: inherit; }
svg { stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; border-radius: 6px; }
.wrap { max-width: 1160px; margin: 0 auto; padding: 0 24px; }
.lord { font-variant: small-caps; }

nav.top { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 72px; flex-wrap: wrap; }
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; font: 600 calc(19px * var(--r)) var(--scripture); letter-spacing: .01em; }
.brand img { width: 34px; height: 34px; border-radius: 9px; }
.navlink { display: inline-flex; align-items: center; gap: 6px; min-height: 48px; padding: 0 6px; font-weight: 600; color: var(--gold); text-decoration: none; }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 26px; border-radius: 26px; font-weight: 600; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.btn-primary { background: var(--ink); color: var(--canvas); }
html.dark .btn-primary { background: var(--gold); color: var(--on-action); }
.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(23,36,54,.18); }
.btn-quiet { color: var(--ink); border: 1px solid var(--rule); background: var(--surface); }

.hero { display: grid; grid-template-columns: 1.02fr 1fr; gap: 64px; align-items: center; padding: 40px 0 96px; }
h1 { font: 500 calc(64px * var(--r))/1.04 var(--scripture); letter-spacing: -.01em; }
h1 em { font-style: italic; color: var(--gold); }
.lede { font-size: calc(19px * var(--r)); color: var(--ink2); margin-top: 22px; max-width: 30em; }
.ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.cont { display: none; }
html.returning .cont { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 0; line-height: 1.2; padding: 8px 26px; }
html.returning .cont .t2 { font-weight: 400; font-size: .82em; opacity: .85; }
html.returning .start, .n-cont, html.returning .n-start { display: none; }
html.returning .n-cont { display: inline-flex; }
.promise { margin-top: 26px; color: var(--ink2); font-size: calc(15px * var(--r)); }
.promise b { color: var(--ink); font-weight: 600; }

.page { --rs: 1; background: var(--surface); border: 1px solid var(--rule); border-radius: 22px; overflow: hidden; box-shadow: 0 30px 60px -30px rgba(23,36,54,.28); transition: background-color .45s ease, border-color .45s ease; }
.page-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 8px 6px 22px; border-bottom: 1px solid var(--rule); }
.pb-ref { font-weight: 600; font-size: calc(15px * var(--r)); }
.pb-ref i { font-style: normal; color: var(--ink2); font-weight: 400; }
.pb-ctl { display: flex; gap: 2px; }
.pb-btn { width: 48px; height: 48px; border-radius: 24px; display: inline-flex; align-items: baseline; justify-content: center; padding-top: 12px; font: 500 19px var(--scripture); color: var(--ink); }
.pb-btn small { font: 600 13px var(--chrome); margin-left: 1px; }
#toneBtn { align-items: center; padding-top: 0; }
.pb-btn:hover, .pb-btn[aria-pressed="true"] { background: var(--tonal); }
.page .scene { display: block; width: 100%; height: auto; aspect-ratio: 412 / 112; max-height: 150px; }
html.ink .text .v, html.ink .opening { animation: ink 1.1s cubic-bezier(.2,.7,.2,1) both; }
html.ink .opening { animation-delay: .15s; }
html.ink .text .v:nth-child(1) { animation-delay: .45s; }
html.ink .text .v:nth-child(2) { animation-delay: .75s; }
html.ink .text .v:nth-child(3) { animation-delay: 1.05s; }
html.ink .text .v:nth-child(4) { animation-delay: 1.35s; }
html.ink .text .v:nth-child(5) { animation-delay: 1.65s; }
@keyframes ink { from { opacity: 0; filter: blur(3px); } to { opacity: 1; filter: none; } }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.today-line { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; min-height: 48px; color: var(--gold); font-weight: 600; text-decoration: none; }
.install-line { margin: 4px 0 0; }
.install-line button { min-height: 48px; padding: 0; color: var(--ink2); font-size: calc(15px * var(--r)); text-align: left; text-decoration: underline; text-decoration-color: var(--rule); text-underline-offset: 4px; }
.install-line span { display: block; max-width: 28em; color: var(--ink2); font-size: calc(14px * var(--r)); }
.install-line[hidden], .install-line [hidden] { display: none !important; }
.page-body { padding: 18px 30px 30px; }
.opening { display: flex; align-items: baseline; gap: 14px; }
.cn { font: 500 calc(64px * var(--r) * var(--rs))/1 var(--scripture); color: var(--gold); }
.opening-title { font: italic 400 calc(23px * var(--r))/1.25 var(--scripture); color: var(--ink2); }
.text { font: 400 calc(21px * var(--r) * var(--rs))/1.6 var(--scripture); margin-top: 12px; transition: font-size .3s ease; }
.text sup { font: 600 .55em var(--chrome); color: var(--gold); margin: 0 3px 0 2px; vertical-align: .55em; }

section.band { padding: 96px 0; border-top: 1px solid var(--rule); }
.kick { font: italic 400 calc(20px * var(--r)) var(--scripture); color: var(--gold); }
h2 { font: 500 calc(46px * var(--r))/1.08 var(--scripture); margin-top: 6px; letter-spacing: -.005em; }
.sub { color: var(--ink2); font-size: calc(18px * var(--r)); margin-top: 14px; max-width: 34em; }
.two { display: grid; grid-template-columns: 1fr 1.15fr; gap: 64px; align-items: start; }

.verse { font: 400 calc(26px * var(--r))/1.45 var(--scripture); margin-top: 28px; padding-left: 20px; border-left: 2px solid var(--gold-deco); }
.verse mark { background: none; color: inherit; box-shadow: inset 0 -.32em 0 var(--mark); font-weight: 500; }
.verse .r { display: block; font: 600 calc(13px * var(--r)) var(--chrome); color: var(--ink2); margin-top: 8px; }
.lensbox { background: var(--surface); border: 1px solid var(--rule); border-radius: 22px; padding: 22px 24px 24px; }
.seg { display: inline-flex; border: 1px solid var(--rule); border-radius: 24px; padding: 3px; }
.seg button { font-weight: 600; font-size: calc(14px * var(--r)); padding: 0 16px; min-height: 48px; display: grid; place-items: center; border-radius: 21px; color: var(--ink2); }
.seg button.on { background: var(--ink); color: var(--surface); }
.hint { font-size: calc(14px * var(--r)); color: var(--ink2); margin-top: 12px; }
.il { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 14px; align-content: flex-start; }
.tok { display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 48px; padding: 0 2px; }
.tok .g { font: 400 calc(22px * var(--r))/1.2 var(--scripture); }
.tok .e, .tok .x { font-size: calc(12.5px * var(--r)); color: var(--ink2); margin-top: 2px; }
.tok .x { display: none; }
.il.en .tok .e { display: none; }
.il.en .tok .x { display: block; font: 400 calc(20px * var(--r))/1.2 var(--scripture); color: var(--ink); order: 1; margin: 0; min-height: 1.2em; }
.il.en .tok .g { font-size: calc(15px * var(--r)); color: var(--ink2); order: 2; margin-top: 2px; }
.tok.fn .g { color: var(--ink2); opacity: .7; }
.il.en .tok.fn .x { color: var(--ink2); }
.tok.tap { cursor: pointer; }
.tok.tap .g, .il.en .tok.tap .x { text-decoration: underline dotted var(--gold-deco); text-decoration-thickness: 2px; text-underline-offset: 5px; }
.tok.on .g, .il.en .tok.on .x { box-shadow: inset 0 -.32em 0 var(--mark); font-weight: 600; }
.lex { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--rule); }
.lex[hidden] { display: none; }
.lex-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.lemma { font: 500 calc(40px * var(--r))/1.1 var(--scripture); }
.play { width: 48px; height: 48px; border-radius: 24px; background: var(--tonal); display: grid; place-items: center; }
.play.on { background: var(--gold); color: var(--on-action); }
.sy { font: 400 calc(18px * var(--r)) var(--scripture); margin-top: 4px; }
.sy b { font-weight: 600; }
.sy span { display: block; font: 400 calc(12.5px * var(--r)) var(--chrome); color: var(--ink2); }
.def { font: italic 400 calc(19px * var(--r))/1.5 var(--scripture); margin-top: 12px; }
.src { font-size: calc(13px * var(--r)); color: var(--ink2); margin-top: 10px; }
.go { display: inline-flex; align-items: center; gap: 6px; min-height: 48px; color: var(--gold); font-weight: 600; text-decoration: none; margin-top: 6px; }

.studio { display: grid; grid-template-columns: 1fr auto; gap: 72px; align-items: center; }
.stage { width: 420px; height: 520px; display: grid; place-items: center; background: var(--tonal); border-radius: 28px; }
.cv { width: min(360px, 100%); container-type: inline-size; }
.stage[data-fmt="st"] .cv { width: min(281px, 78%); }
.cv[hidden] { display: none; }
.looks { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.lk { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 72px; min-height: 48px; }
.lk .th { width: 64px; height: 64px; border-radius: 12px; overflow: hidden; outline: 1px solid var(--rule); }
.lk[aria-pressed="true"] .th { outline: 2px solid var(--gold); outline-offset: 2px; }
.lk .l { font-size: calc(13px * var(--r)); color: var(--ink2); }
.lk[aria-pressed="true"] .l { color: var(--ink); font-weight: 600; }
.fmt { margin-top: 22px; }
.note { font-size: calc(14px * var(--r)); color: var(--ink2); margin-top: 14px; }
.note a { color: var(--gold); text-underline-offset: 3px; }
.sources { margin: 0; }
.share-still { margin-top: 48px; max-width: 360px; }
.lines { list-style: none; max-width: 40em; margin-top: 40px; }
.lines li { padding: 16px 0; border-top: 1px solid var(--rule); color: var(--ink2); }
.lines li:last-child { border-bottom: 1px solid var(--rule); }
.lines strong { display: block; font: 500 calc(22px * var(--r))/1.3 var(--scripture); color: var(--ink); }
.lines a { color: var(--gold); font-weight: 600; }

.chaps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-top: 40px; }
.chap { display: flex; flex-direction: column; min-height: 48px; background: var(--surface); border: 1px solid var(--rule); border-radius: 18px; overflow: hidden; text-decoration: none; transition: transform .25s ease, box-shadow .25s ease; }
.chap:hover { transform: translateY(-3px); box-shadow: 0 18px 30px -18px rgba(23,36,54,.35); }
.chap .scene { width: 100%; height: 72px; display: block; }
.cname { font: 500 calc(24px * var(--r)) var(--scripture); padding: 14px 18px 0; }
.cline { font: italic 400 calc(17px * var(--r))/1.45 var(--scripture); padding: 12px 18px 0; flex: 1; }
.cmeta { font-size: calc(13px * var(--r)); color: var(--ink2); padding: 12px 18px 16px; }

.droid ul, .books ul, .faq ul { list-style: none; }

.droid { display: grid; grid-template-columns: 1fr auto; gap: 72px; align-items: center; }
.phones { display: flex; gap: 22px; align-items: flex-start; }
.phone { width: 236px; aspect-ratio: 1080 / 2400; border-radius: 34px; padding: 8px; background: #1b1a18; box-shadow: 0 34px 60px -30px rgba(23,36,54,.45); position: relative; }
.phone picture { display: block; width: 100%; height: 100%; }
.phone img { display: block; width: 100%; height: 100%; border-radius: 27px; object-fit: cover; }
.ph-reader { margin-top: 56px; }
html.dark .phone { box-shadow: 0 0 0 1px var(--rule), 0 34px 60px -30px rgba(0,0,0,.6); }
.only-dark { display: none !important; }
html.dark .only-dark { display: block !important; }
html.dark .only-light { display: none !important; }
.droid li { padding: 12px 0; border-top: 1px solid var(--rule); color: var(--ink2); font-size: calc(16px * var(--r)); }
.droid li b { color: var(--ink); font-weight: 600; }
.play-cta { margin-top: 28px; }
.phone.is-media-missing img { visibility: hidden; }
.phone.is-media-missing::before {
  content: attr(data-media-fallback);
  position: absolute; inset: 8px; display: flex; align-items: center; justify-content: center;
  text-align: center; padding: 16px; color: #F2EAE0; font-size: 14px;
}

.books { display: grid; grid-template-columns: 3fr 2fr; gap: 56px; margin-top: 40px; }
.books h3 { font: italic 400 calc(22px * var(--r)) var(--scripture); color: var(--gold); padding-bottom: 10px; border-bottom: 1px solid var(--rule); }
.books ul { columns: 3; column-gap: 24px; margin-top: 10px; }
.books .nt ul { columns: 2; }
.books li a { display: inline-flex; align-items: center; min-height: 48px; text-decoration: none; font: 400 calc(17px * var(--r)) var(--scripture); }
.books li a:hover { color: var(--gold); text-decoration: underline; text-underline-offset: 4px; }
.faq-row { display: grid; grid-template-columns: minmax(0, 760px) minmax(16em, 1fr); gap: 48px; align-items: start; }
.faq { max-width: 760px; }
.faq details { border-top: 1px solid var(--rule); }
.faq details:last-child { border-bottom: 1px solid var(--rule); }
.faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 64px; font: 500 calc(21px * var(--r)) var(--scripture); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; font: 300 26px var(--chrome); color: var(--gold); }
.faq details[open] summary::after { content: "–"; }
.faq p { color: var(--ink2); padding: 0 0 20px; max-width: 40em; }
.faq .langs { display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 0 0 20px; color: var(--ink2); }

.closing { padding: 120px 0 110px; text-align: center; border-top: 1px solid var(--rule); }
.closing blockquote { font: 400 calc(40px * var(--r))/1.3 var(--scripture); max-width: 18em; margin: 0 auto; }
.closing cite { display: block; font: 600 calc(14px * var(--r)) var(--chrome); font-style: normal; color: var(--ink2); margin-top: 16px; }
.closing .ctas { justify-content: center; margin-top: 40px; }
footer { border-top: 1px solid var(--rule); padding: 20px 0 32px; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; color: var(--ink2); font-size: calc(14px * var(--r)); }
footer a { color: var(--ink2); min-height: 48px; display: inline-flex; align-items: center; }

html.motion .rv { opacity: 0; transform: translateY(18px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
html.motion .rv.in { opacity: 1; transform: none; }

@media (display-mode: standalone) {
  .install-line { display: none !important; }
}

@media (max-width: 1080px) {
  .chaps { grid-template-columns: repeat(3, 1fr); }
  .droid { gap: 40px; }
  .phone { width: 200px; }
}
@media (max-width: 900px) {
  .hero, .two, .studio { grid-template-columns: 1fr; gap: 40px; }
  .hero { display: flex; flex-direction: column; align-items: stretch; padding: 8px 0 48px; }
  .faq-row { grid-template-columns: 1fr; gap: 24px; }
  h1 { font-size: calc(46px * var(--r)); }
  h2 { font-size: calc(36px * var(--r)); }
  section.band { padding: 72px 0; }
  .stage { width: 100%; height: auto; min-height: 400px; padding: 20px 0; }
  .droid { grid-template-columns: 1fr; }
  .phones { justify-content: center; }
  .books { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 600px) {
  .wrap { padding: 0 20px; }
  nav.top { min-height: 56px; }
  nav .n-start, html.returning nav .n-cont { display: none; }
  html.hero-away nav .n-start { display: inline-flex; }
  html.returning nav .n-start { display: none; }
  html.returning.hero-away nav .n-cont { display: inline-flex; }
  h1 { font-size: calc(40px * var(--r)); }
  .hero { padding: 0 0 32px; }
  .ctas { margin-top: 20px; }
  .promise { margin-top: 16px; }
  .lede { font-size: calc(18px * var(--r)); }
  .ctas .btn { width: 100%; }
  .chaps { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 78%; overflow-x: auto; scroll-snap-type: x mandatory; margin: 32px -20px 0; padding: 0 20px 8px; scrollbar-width: none; }
  .chap { scroll-snap-align: start; }
  .page-body { padding: 14px 20px 24px; }
  .text { font-size: calc(19px * var(--r) * var(--rs)); }
  .verse { font-size: calc(22px * var(--r)); }
  .closing blockquote { font-size: calc(30px * var(--r)); }
  .lensbox { padding: 18px 16px 20px; }
  .phone { width: calc(50% - 8px); border-radius: 26px; padding: 6px; }
  .phone img { border-radius: 21px; }
  .phones { gap: 16px; }
  .ph-reader { margin-top: 36px; }
  .books ul, .books .nt ul { columns: 2; }
  .stage { margin: 0 -20px; width: calc(100% + 40px); border-radius: 0; }
  .today .tt { font-size: calc(19px * var(--r)); }
}
html.large .hero { display: flex; flex-direction: column; align-items: stretch; }
html.large .two, html.large .studio { grid-template-columns: 1fr; }
html.large .page, html.large .lensbox { max-width: 760px; }
html.large .chaps { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); grid-auto-flow: row; overflow: visible; margin-left: 0; margin-right: 0; }
html.large .droid, html.large .books { grid-template-columns: 1fr; }
@media (max-width: 600px) {
  html.large .books ul, html.large .books .nt ul { columns: 1; }
}

.card { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 100%; aspect-ratio: 1; height: auto; padding: 0 13%; font-family: var(--scripture); border-radius: 6px; box-shadow: 0 10px 30px rgba(10,14,20,.16); }
.stage[data-fmt="st"] .card { aspect-ratio: 281 / 500; }
.card .orn, .card .vt, .card .rf { position: relative; z-index: 1; }
.card .orn { margin-bottom: 15px; }
.card .orn svg { display: block; margin: 0 auto; }
.card .vt { line-height: 1.32; white-space: nowrap; font-size: clamp(12px, 5.4cqi, 20px); max-width: 100%; }
.card .rf { font-family: var(--chrome); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; margin-top: 1.2em; font-size: clamp(8px, 3.1cqi, 11.5px); }
.card .wm { position: absolute; bottom: 4.5%; left: 0; right: 0; font-family: var(--chrome); font-weight: 700; letter-spacing: .3em; text-transform: uppercase; opacity: .5; font-size: clamp(7px, 2.2cqi, 9px); }
.card .frame { display: none; position: absolute; inset: 4.5%; border: 1px solid; border-radius: 3px; pointer-events: none; }
.lk-paper .frame, .lk-manu .frame { display: block; }
.card .water, .card .arch { display: none; }
.lk-peace .water { display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 26%; opacity: .5; }
.lk-cath .arch { display: block; position: absolute; left: 14%; right: 14%; top: 7%; bottom: 7%; border: 1px solid rgba(246,216,120,.35); border-radius: 50% 50% 4px 4px / 28% 28% 4px 4px; }
.lk-paper, .th.lk-paper { background: radial-gradient(120% 90% at 50% 40%, #FFF8EE 0%, #F6EFE6 60%, #EFE3D2 100%); }
.lk-paper { color: #1E1E1E; }
.lk-paper .frame { border-color: #D2B997; }
.lk-paper .orn, .lk-paper .rf { color: #6B4818; }
.lk-paper .wm { color: #746658; }
.lk-peace, .th.lk-peace { background: linear-gradient(180deg, #FFEEE4 0%, #FBE6DC 62%, #F6D6C8 100%); }
.lk-peace { color: #2F1B25; }
.lk-peace .orn { color: #B5483A; }
.lk-peace .rf { color: #682A1D; }
.lk-peace .wm { color: #845762; }
.lk-manu, .th.lk-manu { background: linear-gradient(90deg, #E6DCC4 0%, #ECE4D0 14%, #F3EBD8 50%, #ECE4D0 86%, #E6DCC4 100%); }
.lk-manu { color: #1F1B17; }
.lk-manu .frame { border-color: #C7AB7A; border-width: 1px 0; inset: 7% 9%; border-radius: 0; }
.lk-manu .orn, .lk-manu .rf { color: #5A3B1B; }
.lk-manu .wm { color: #6A5640; }
.lk-cath, .th.lk-cath { background: radial-gradient(90% 70% at 50% 30%, #1B4267 0%, #102945 55%, #071A2D 100%); }
.lk-cath { color: #FFF1C9; }
.lk-cath .orn, .lk-cath .rf { color: #F6D878; }
.lk-cath .wm { color: #D8C89A; }
.lk-bot, .th.lk-bot { background: radial-gradient(110% 80% at 50% 45%, #FFEEE4 0%, #FBE6DC 70%); }
.lk-bot { color: #2F1B25; }
.lk-bot .orn, .lk-bot .rf { color: #682A1D; }
.lk-bot .wm { color: #845762; }
.lk-clear, .th.lk-clear { background: #15100F; }
.lk-clear { color: #FFF7EC; }
.lk-clear .rf { color: #E0B36A; }
.lk-clear .wm { color: #BDAF9C; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
  html.motion .rv, html.ink .text .v, html.ink .opening { opacity: 1; transform: none; filter: none; }
}