@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/eb-garamond-regular.woff2?v=ba68b597b5ae") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2070-209F, U+20AC, U+2116, U+211F, U+2122-2123, U+2190-2195, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/eb-garamond-regular-ext.woff2?v=4f3db4440a26") format("woff2");
  unicode-range: U+0100-0130, U+0132-0151, U+0154-02BA, U+02BD-02C4, U+02C7-02D9, U+02DB, U+02DD-0303, U+0305-0307, U+0309-0328, U+032A-052F, U+1D00-1D6A, U+1D9C-1DD3, U+1E00-1FFE, U+20A1-20AB, U+20AD-20BD, U+2100-2113, U+211E, U+2120, U+2126-217F, U+2196-21AE, U+21D0-21DB, U+2202-2211, U+2213, U+2216-226F, U+22C5, U+22EF-2303, U+2329-232A, U+2474-24B5, U+25A0-25B3, U+25B6-25BD, U+25C0-25C1, U+25C7-25E6, U+2619-261E, U+267E, U+270A-270C, U+2753-2767, U+27E8-27EB, U+2A74-2A76, U+2B45-2B46, U+2C60-2C7F, U+2E18-2E3B, U+3003-300B, U+A726-A76B, U+A78D-A7AA, U+A7FB-A7FF, U+E001-E002, U+E8BF, U+F6BE, U+FB00-FB06, U+1F1E6-1F1FF, U+1F44C-1F44D;
}
@font-face {
  font-family: "EB Garamond";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/eb-garamond-italic.woff2?v=44e0f3b6165e") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2070-209F, U+20AC, U+2116, U+211F, U+2122-2123, U+2190-2195, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "EB Garamond";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/eb-garamond-italic-ext.woff2?v=19f9a62dd396") format("woff2");
  unicode-range: U+0100-0130, U+0132-0151, U+0154-02BA, U+02BD-02C4, U+02C7-02D9, U+02DB, U+02DD-0303, U+0305-0307, U+0309-0328, U+032A-052F, U+1D02, U+1D2C-1D6A, U+1D9C-1DD3, U+1E00-1FFE, U+20A1-20AB, U+20AD-20BD, U+2100-2113, U+211E, U+2120, U+2126-217F, U+2196-21AE, U+21D0-21DD, U+2202-2211, U+2213, U+2216-226F, U+22C5, U+22EF-2303, U+2329-232A, U+2474-24B5, U+25A0-25B3, U+25B6-25BD, U+25C0-25C1, U+25C7-25E6, U+2619-261E, U+267E, U+270A-270C, U+2753-2767, U+27E8-27EB, U+2A74-2A76, U+2B45-2B46, U+2C60-2C7F, U+2E18-2E3B, U+3003-300B, U+A726-A76B, U+A78D-A7AA, U+A7FB-A7FF, U+E001-E002, U+F6BE, U+FB00-FB06, U+1F1E6-1F1FF, U+1F44C-1F44D;
}
@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/eb-garamond-bold.woff2?v=32f60af309fc") format("woff2");
}
@font-face {
  font-family: "EB Garamond Georgia";
  font-style: normal;
  font-weight: 400;
  src: local("Georgia");
  size-adjust: 85.91%;
  ascent-override: 82.64%;
  descent-override: 33.76%;
  line-gap-override: 0%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2070-209F, U+20AC, U+2116, U+211F, U+2122-2123, U+2190-2195, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "EB Garamond Georgia";
  font-style: italic;
  font-weight: 400;
  src: local("Georgia Italic"), local("Georgia-Italic");
  size-adjust: 83.37%;
  ascent-override: 85.16%;
  descent-override: 34.78%;
  line-gap-override: 0%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2070-209F, U+20AC, U+2116, U+211F, U+2122-2123, U+2190-2195, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "EB Garamond Georgia";
  font-style: normal;
  font-weight: 700;
  src: local("Georgia Bold"), local("Georgia-Bold");
  size-adjust: 75.79%;
  ascent-override: 93.68%;
  descent-override: 38.26%;
  line-gap-override: 0%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2070-209F, U+20AC, U+2116, U+211F, U+2122-2123, U+2190-2195, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "EB Garamond Noto";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Serif"), local("Noto Serif Regular"), local("NotoSerif-Regular");
  size-adjust: 79.63%;
  ascent-override: 89.17%;
  descent-override: 36.42%;
  line-gap-override: 0%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2070-209F, U+20AC, U+2116, U+211F, U+2122-2123, U+2190-2195, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "EB Garamond Noto";
  font-style: italic;
  font-weight: 400;
  src: local("Noto Serif Italic"), local("NotoSerif-Italic");
  size-adjust: 80.81%;
  ascent-override: 87.86%;
  descent-override: 35.89%;
  line-gap-override: 0%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2070-209F, U+20AC, U+2116, U+211F, U+2122-2123, U+2190-2195, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "EB Garamond Noto";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Serif Bold"), local("NotoSerif-Bold");
  size-adjust: 76.76%;
  ascent-override: 92.50%;
  descent-override: 37.78%;
  line-gap-override: 0%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2070-209F, U+20AC, U+2116, U+211F, U+2122-2123, U+2190-2195, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "EB Garamond Times";
  font-style: normal;
  font-weight: 400;
  src: local("Times New Roman"), local("TimesNewRomanPSMT"), local("Liberation Serif");
  size-adjust: 94.28%;
  ascent-override: 75.31%;
  descent-override: 30.76%;
  line-gap-override: 0%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2070-209F, U+20AC, U+2116, U+211F, U+2122-2123, U+2190-2195, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "EB Garamond Times";
  font-style: italic;
  font-weight: 400;
  src: local("Times New Roman Italic"), local("TimesNewRomanPS-ItalicMT"), local("Liberation Serif Italic");
  size-adjust: 92.85%;
  ascent-override: 76.47%;
  descent-override: 31.23%;
  line-gap-override: 0%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2070-209F, U+20AC, U+2116, U+211F, U+2122-2123, U+2190-2195, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "EB Garamond Times";
  font-style: normal;
  font-weight: 700;
  src: local("Times New Roman Bold"), local("TimesNewRomanPS-BoldMT"), local("Liberation Serif Bold");
  size-adjust: 90.84%;
  ascent-override: 78.16%;
  descent-override: 31.92%;
  line-gap-override: 0%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2070-209F, U+20AC, U+2116, U+211F, U+2122-2123, U+2190-2195, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Office Cross";
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url("fonts/noto-sans-symbols-cross.woff2?v=1a319e3a170a") format("woff2");
  unicode-range: U+2720;
}
@font-face {
  font-family: "Office Cross";
  font-style: italic;
  font-weight: 100 900;
  font-display: block;
  src: url("fonts/noto-sans-symbols-cross.woff2?v=1a319e3a170a") format("woff2");
  unicode-range: U+2720;
}
@font-face {
  font-family: "Ordo Garamond";
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url("fonts/eb-garamond-regular.woff2?v=ba68b597b5ae") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2070-209F, U+20AC, U+2116, U+211F, U+2122-2123, U+2190-2195, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Ordo Garamond";
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url("fonts/eb-garamond-regular-ext.woff2?v=4f3db4440a26") format("woff2");
  unicode-range: U+0100-0130, U+0132-0151, U+0154-02BA, U+02BD-02C4, U+02C7-02D9, U+02DB, U+02DD-0303, U+0305-0307, U+0309-0328, U+032A-052F, U+1D00-1D6A, U+1D9C-1DD3, U+1E00-1FFE, U+20A1-20AB, U+20AD-20BD, U+2100-2113, U+211E, U+2120, U+2126-217F, U+2196-21AE, U+21D0-21DB, U+2202-2211, U+2213, U+2216-226F, U+22C5, U+22EF-2303, U+2329-232A, U+2474-24B5, U+25A0-25B3, U+25B6-25BD, U+25C0-25C1, U+25C7-25E6, U+2619-261E, U+267E, U+270A-270C, U+2753-2767, U+27E8-27EB, U+2A74-2A76, U+2B45-2B46, U+2C60-2C7F, U+2E18-2E3B, U+3003-300B, U+A726-A76B, U+A78D-A7AA, U+A7FB-A7FF, U+E001-E002, U+E8BF, U+F6BE, U+FB00-FB06, U+1F1E6-1F1FF, U+1F44C-1F44D;
}
@font-face {
  font-family: "Ordo Garamond";
  font-style: italic;
  font-weight: 400;
  font-display: optional;
  src: url("fonts/eb-garamond-italic.woff2?v=44e0f3b6165e") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2070-209F, U+20AC, U+2116, U+211F, U+2122-2123, U+2190-2195, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Ordo Garamond";
  font-style: italic;
  font-weight: 400;
  font-display: optional;
  src: url("fonts/eb-garamond-italic-ext.woff2?v=19f9a62dd396") format("woff2");
  unicode-range: U+0100-0130, U+0132-0151, U+0154-02BA, U+02BD-02C4, U+02C7-02D9, U+02DB, U+02DD-0303, U+0305-0307, U+0309-0328, U+032A-052F, U+1D02, U+1D2C-1D6A, U+1D9C-1DD3, U+1E00-1FFE, U+20A1-20AB, U+20AD-20BD, U+2100-2113, U+211E, U+2120, U+2126-217F, U+2196-21AE, U+21D0-21DD, U+2202-2211, U+2213, U+2216-226F, U+22C5, U+22EF-2303, U+2329-232A, U+2474-24B5, U+25A0-25B3, U+25B6-25BD, U+25C0-25C1, U+25C7-25E6, U+2619-261E, U+267E, U+270A-270C, U+2753-2767, U+27E8-27EB, U+2A74-2A76, U+2B45-2B46, U+2C60-2C7F, U+2E18-2E3B, U+3003-300B, U+A726-A76B, U+A78D-A7AA, U+A7FB-A7FF, U+E001-E002, U+F6BE, U+FB00-FB06, U+1F1E6-1F1FF, U+1F44C-1F44D;
}
@font-face {
  font-family: "Ordo Garamond";
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url("fonts/eb-garamond-bold.woff2?v=32f60af309fc") format("woff2");
}
@font-face {
  font-family: "Ordo Cross";
  font-style: normal;
  font-weight: 100 900;
  font-display: optional;
  src: url("fonts/noto-sans-symbols-cross.woff2?v=1a319e3a170a") format("woff2");
  unicode-range: U+2720;
}
@font-face {
  font-family: "Ordo Cross";
  font-style: italic;
  font-weight: 100 900;
  font-display: optional;
  src: url("fonts/noto-sans-symbols-cross.woff2?v=1a319e3a170a") format("woff2");
  unicode-range: U+2720;
}
:root {
  --text: #241c17;
  --plaster-base: #fffdf7;
  --plaster-tint: #e9d3c0;
  --plaster-knee: rgb(166 166 166);
  --plaster-dodge: rgb(89 89 89);
  --plaster-strength: 70%;
  --bg: #faf3e9;
  --accent: #6b3a1f;
  --gold: #9a7328;
  --gold-line: #c9ac72;
  --ornament: var(--gold);
  --ornament-line: var(--lining);
  --ornament-hi: #b98d3c;
  --ornament-lo: #7d5c1c;
  --muted: #6b5d54;
  --unsaid: #786b62;
  --border: #dccfc3;
  --rubric: #8b1a1a;
  --lining: #a85a48;
  --titulus: #93412c;
  --kalendar-blue: #34507a;
  --moon-ink: var(--gold);
  --white: #f8f4ec;
  --red: #fdf0f0;
  --green: #f0f4f0;
  --violet: #f4f0f8;
  --black: #f0f0f0;
  --rose: #fdf4f8;
  --banner-bg: #f1e7da;
  --surface: #f6eddf;
  --surface-edge: rgba(107, 58, 31, 0.12);
  --pressed-wash: rgba(107, 58, 31, 0.09);
  --page-material:
    radial-gradient(ellipse at 14% 2%, rgba(139, 80, 61, 0.038), transparent 43%),
    radial-gradient(ellipse at 88% 27%, rgba(190, 127, 104, 0.026), transparent 46%),
    linear-gradient(103deg, transparent 0 43%, rgba(126, 74, 57, 0.012) 51%, transparent 60%);
  --surface-material:
    linear-gradient(145deg, rgba(255, 255, 255, 0.23), transparent 36%),
    radial-gradient(ellipse at 100% 100%, rgba(139, 80, 61, 0.026), transparent 58%);
  --material-highlight: rgba(255, 255, 255, 0.38);
  --inscription-wash: rgba(87, 94, 65, 0.055);
  --oak: #3f372f;
  --oak-line: rgba(63, 55, 47, 0.34);
  --inscription-ground: #545f54;
  --inscription-edge: #5e2a27;
  --inscription-ink: #ecd9a0;
  --page-gutter: 1.5rem;
  --touch-target: max(2.75rem, 44px);
  --verse-gutter: 1.8rem;
}
:root[data-theme="light"] {
  color-scheme: light;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
button,
input {
  font: inherit;
}
[hidden] {
  display: none !important;
}
.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;
}
html {
  font-size: 100%;
}
html[data-text-size="small"] {
  font-size: 93%;
}
html[data-text-size="large"] {
  font-size: 110%;
}
body {
  font-family: "Office Cross", "EB Garamond", "EB Garamond Georgia", "EB Garamond Noto", "EB Garamond Times", Georgia, "Times New Roman", serif;
  accent-color: var(--accent);
  font-size: 1.1875rem;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  color: var(--text);
  background: var(--bg);
  margin: 0;
  padding: 0 0 calc(1.5rem + env(safe-area-inset-bottom));
}
main,
footer {
  width: 100%;
  max-width: 46rem;
  margin-inline: auto;
  padding-left: max(var(--page-gutter), env(safe-area-inset-left));
  padding-right: max(var(--page-gutter), env(safe-area-inset-right));
}
.day-commemorations .day-commemoration,
.day-commemorations summary,
.day-office-incipit,
.day-office-comm,
.day-office-note {
  font-family: "Ordo Cross", Georgia, "Times New Roman", serif;
}
main {
  min-height: 60vh;
}
h1,
h2,
h3 {
  text-wrap: balance;
}
p,
li {
  text-wrap: pretty;
}
.skip-link {
  position: absolute;
  top: 1rem;
  left: 1rem;
  transform: translateY(-140%);
  background: var(--accent);
  color: var(--bg);
  padding: 0.55rem 0.85rem;
  text-decoration: none;
  border-radius: 0.4rem;
  z-index: 200;
}
.skip-link:focus {
  transform: translateY(0);
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
::selection {
  background: var(--pressed-wash);
}
.js .date-jump-form .date-submit {
  display: none;
}
.site-header {
  --beam: color-mix(in srgb, var(--oak) 55%, transparent);
  padding: 0.85rem 0 calc(0.7rem + 5px);
  margin-bottom: 1.5rem;
  background:
    linear-gradient(var(--beam), var(--beam)) left bottom / 100% 4px no-repeat,
    linear-gradient(var(--material-highlight), var(--material-highlight)) left bottom 4px / 100% 1px no-repeat;
}
.site-nav-shell {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  max-width: 68rem;
  margin-inline: auto;
  padding-left: max(var(--page-gutter), env(safe-area-inset-left));
  padding-right: max(var(--page-gutter), env(safe-area-inset-right));
}
.site-brand {
  flex: 0 0 auto;
  color: var(--text);
  text-decoration: none;
  font-size: 0.9rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.site-brand span {
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.38rem;
  color: transparent;
  background: var(--lining);
  -webkit-mask: url("ornaments/consecration.svg?v=9225ec6cbbfe") center / contain no-repeat;
  mask: url("ornaments/consecration.svg?v=9225ec6cbbfe") center / contain no-repeat;
  overflow: hidden;
  vertical-align: -0.275em;
}
.site-menu {
  flex: 1 1 auto;
}
.site-menu > summary {
  display: none;
}
.site-menu-panel {
  display: flex;
  justify-content: flex-end;
}
.site-menu nav {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.1rem 0.35rem;
  justify-content: flex-end;
}
.site-menu nav a {
  color: var(--muted);
  text-decoration: none;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.35rem 0.3rem;
}
.site-menu nav a:hover {
  text-decoration: underline;
}
.site-menu nav a.active {
  color: var(--text);
  border-bottom: 1.5px solid var(--lining);
}
.site-menu nav a.nav-secondary {
  color: var(--muted);
  font-size: 0.72rem;
  letter-spacing: 0.04em;
}
.site-menu nav a.nav-secondary:hover {
  color: var(--accent);
}
.site-menu nav a.nav-secondary.active {
  color: var(--text);
}
.nav-divider {
  width: 1px;
  align-self: stretch;
  margin: 0.45rem 0.15rem;
  background: var(--border);
}
.page-home .site-header {
  margin-bottom: 1.25rem;
}
.site-prefs {
  display: grid;
  gap: 0;
}
.site-prefs .theme-switch,
.site-prefs .text-size-switch {
  display: grid;
  grid-template-columns: 3.4rem repeat(3, minmax(0, 1fr));
  align-items: stretch;
}
.site-prefs .text-size-switch {
  border-top: 1px solid var(--surface-edge);
}
.site-prefs .martyrology-switch {
  display: grid;
  grid-template-columns: 3.4rem repeat(3, minmax(0, 1fr));
  align-items: stretch;
  border-top: 1px solid var(--surface-edge);
}
.site-prefs .martyrology-switch .pref-label {
  grid-column: 1 / 3;
}
.pref-label {
  display: flex;
  align-items: center;
  padding-left: 0.65rem;
  color: var(--muted);
  font-size: 0.66rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.menu-prefs {
  display: none;
}
.site-settings {
  flex: 0 0 auto;
}
.site-settings > summary {
  display: flex;
  align-items: center;
  padding: 0.35rem 0.3rem 0.35rem 0.55rem;
  color: var(--muted);
  cursor: pointer;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  list-style: none;
  text-transform: uppercase;
}
.site-settings > summary::-webkit-details-marker {
  display: none;
}
.site-settings > summary:hover {
  color: var(--accent);
}
.site-settings > summary::after {
  content: "▾";
  margin-left: 0.4rem;
  color: color-mix(in srgb, currentColor 70%, transparent);
  font-size: 0.85em;
}
.site-settings[open] > summary::after {
  content: "▴";
}
.site-settings > summary:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.settings-prefs {
  position: absolute;
  z-index: 50;
  top: calc(100% + 0.7rem + 1px + 0.35rem);
  right: max(var(--page-gutter), env(safe-area-inset-right));
  width: 18rem;
  padding: 0.65rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-top: 2px solid var(--ornament-line);
  box-shadow:
    inset 0 1px 0 var(--surface-edge),
    0 0.45rem 1rem rgba(36, 28, 23, 0.09);
}
.site-settings:not([open]) > .settings-prefs {
  display: none;
}
.theme-option,
.text-size-option {
  appearance: none;
  border: none;
  border-right: 1px solid var(--surface-edge);
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.4rem 0.65rem;
  cursor: pointer;
  line-height: 1.2;
}
.text-size-option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  letter-spacing: normal;
  text-transform: none;
  padding: 0.35rem 0.8rem;
  line-height: 1;
}
.text-size-option[data-text-size-choice="small"] .text-size-glyph {
  font-size: 0.72em;
}
.text-size-option[data-text-size-choice="default"] .text-size-glyph {
  font-size: 0.95em;
}
.text-size-option[data-text-size-choice="large"] .text-size-glyph {
  font-size: 1.3em;
}
.theme-option:last-child,
.text-size-option:last-child,
.site-prefs .theme-option,
.site-prefs .text-size-option {
  border-right: none;
}
.site-prefs .theme-option,
.site-prefs .text-size-option {
  min-height: 2.75rem;
}
.theme-option:hover,
.text-size-option:hover {
  color: var(--accent);
}
.theme-option[aria-pressed="true"],
.text-size-option[aria-pressed="true"] {
  background: transparent;
  color: var(--accent);
  box-shadow: inset 0 -1px 0 var(--ornament);
}
.theme-option:focus-visible,
.text-size-option:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
  z-index: 1;
}
@media (max-width: 700px) {
  .site-settings {
    display: none;
  }
  .page-home {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100svh;
  }
  .page-home main {
    flex: 1 0 auto;
    min-height: 0;
  }
  .page-home footer {
    --footer-gap: 1.25rem;
    padding-block: 0.6rem;
  }
  body.page-home {
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
  }
  .theme-option,
  .text-size-option {
    min-height: 2.75rem;
    font-size: 0.75rem;
    padding: 0.5rem 0.35rem;
  }
  .text-size-option {
    font-size: 1rem;
  }
}
@media (min-width: 701px) {
  .site-nav-shell {
    align-items: baseline;
  }
}
@media (min-width: 701px) and (pointer: coarse) {
  .site-brand,
  .site-menu nav a,
  .site-settings > summary {
    position: relative;
  }
  .site-brand::after,
  .site-menu nav a::after,
  .site-settings > summary::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    top: 50%;
    height: var(--touch-target);
    transform: translateY(-50%);
  }
}
@media (min-width: 701px) and (max-width: 999px) {
  .page-hour .site-nav-shell {
    flex-wrap: wrap;
    row-gap: 0.15rem;
  }
  .page-hour .site-menu {
    order: 3;
    flex-basis: 100%;
  }
  .page-hour .site-menu-panel {
    justify-content: center;
  }
  .page-hour .site-menu nav {
    flex-wrap: nowrap;
    justify-content: center;
  }
}
@media (max-width: 700px) {
  .site-header {
    position: relative;
    z-index: 50;
    padding: 0.4rem 0 0.35rem;
    margin-bottom: 1.1rem;
  }
  .site-nav-shell {
    min-height: 2.75rem;
  }
  .site-menu {
    flex: 0 0 auto;
  }
  .site-menu > summary {
    display: flex;
    align-items: center;
    min-height: 2.75rem;
    padding: 0 0.2rem 0 0.8rem;
    color: var(--accent);
    cursor: pointer;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    list-style: none;
    text-transform: uppercase;
  }
  .site-menu > summary::-webkit-details-marker {
    display: none;
  }
  .site-menu > summary::after {
    content: "▾";
    margin-left: 0.4rem;
    color: color-mix(in srgb, currentColor 70%, transparent);
    font-size: 0.85em;
  }
  .site-menu[open] > summary::after {
    content: "▴";
  }
  .site-menu-panel {
    display: block;
    position: absolute;
    top: calc(100% + 0.1rem);
    right: max(var(--page-gutter), env(safe-area-inset-right));
    width: min(21rem, calc(100vw - 2rem));
    padding: 0.65rem;
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 2px solid var(--ornament-line);
    box-shadow:
      inset 0 1px 0 var(--surface-edge),
      0 0.45rem 1rem rgba(36, 28, 23, 0.09);
  }
  .site-menu:not([open]) > .site-menu-panel {
    display: none;
  }
  .site-menu nav {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.15rem 0;
  }
  .site-menu nav a {
    grid-column: span 3;
    justify-content: center;
    text-align: center;
  }
  .site-menu nav a[data-hour="terce"],
  .site-menu nav a[data-hour="sext"],
  .site-menu nav a[data-hour="none"] {
    grid-column: span 2;
  }
  .site-menu nav a[data-hour="terce"],
  .site-menu nav a[data-hour="sext"],
  .site-menu nav a[data-hour="none"],
  .site-menu nav a[data-hour="vespers"],
  .site-menu nav a[data-hour="compline"] {
    border-top: 1px solid var(--surface-edge);
  }
  .site-menu nav a {
    display: flex;
    align-items: center;
    min-height: 2.75rem;
    padding: 0.55rem 0.4rem;
    font-size: 0.82rem;
  }
  .site-menu nav a.active {
    background: transparent;
    border-bottom: none;
    box-shadow: inset 0 -1.5px 0 var(--lining);
  }
  .nav-divider {
    grid-column: 1 / -1;
    width: auto;
    height: 1px;
    margin: 0.25rem 0;
  }
  .menu-prefs {
    display: grid;
    margin-top: 0.4rem;
    padding-top: 0.4rem;
    border-top: 1px solid var(--border);
  }
}
footer {
  --footer-gap: 2.5rem;
  margin-top: var(--footer-gap);
  padding: 0.85rem 0;
  font-size: 0.78rem;
  color: var(--muted);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer::before {
  content: "";
  display: block;
  width: 7.5rem;
  height: 0.75rem;
  margin-bottom: 0.55rem;
  background: var(--lining);
  -webkit-mask: url("ornaments/tailpiece.svg?v=2dbd52566b61") center / contain no-repeat;
  mask: url("ornaments/tailpiece.svg?v=2dbd52566b61") center / contain no-repeat;
  user-select: none;
}
body:is(.page-home, .page-hour) footer > p,
body:is(.page-home, .page-hour) footer .report-issue {
  --reserve-pad: 0.6rem;
  padding: var(--reserve-pad) 1.75rem;
  background: radial-gradient(closest-side, var(--bg) 58%, transparent);
}
body:is(.page-home, .page-hour) footer > p {
  margin: calc(-1 * var(--reserve-pad)) 0;
}
.report-issue {
  margin-top: 2.5rem;
  font-size: 0.78rem;
  color: var(--muted);
  text-align: center;
}
footer .report-issue {
  margin-top: 0.3rem;
  font-size: 0.74rem;
}
body.page-hour footer .report-issue {
  margin: calc(0.3rem - var(--reserve-pad)) 0 calc(-1 * var(--reserve-pad));
}
.report-issue a {
  color: var(--accent);
}
.home {
  display: grid;
  gap: 0;
}
.home-hero {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}
.day-color-white:not(tr),
tr.day-color-white::before,
tr.day-color-white > td:first-child::before { --day-color: #c9b896; }
.day-color-red:not(tr),
tr.day-color-red::before,
tr.day-color-red > td:first-child::before { --day-color: #b02a24; }
.day-color-green:not(tr),
tr.day-color-green::before,
tr.day-color-green > td:first-child::before { --day-color: #3a6b3a; }
.day-color-violet:not(tr),
tr.day-color-violet::before,
tr.day-color-violet > td:first-child::before { --day-color: #6a3a8a; }
.day-color-black:not(tr),
tr.day-color-black::before,
tr.day-color-black > td:first-child::before { --day-color: #3a3a3a; }
.day-color-rose:not(tr),
tr.day-color-rose::before,
tr.day-color-rose > td:first-child::before { --day-color: #c4607a; }
.home-day-head {
  display: flex;
  flex-direction: column;
}
.home-day-head > * {
  margin: 0;
}
.home h1 {
  font-weight: normal;
  letter-spacing: 0.01em;
}
.home-date-link {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted transparent;
  transition: border-color 0.15s, color 0.15s;
}
.home-date-link:hover {
  color: var(--accent);
  border-bottom-color: var(--accent);
}
.home-date-link:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}
.home-kicker {
  color: var(--muted);
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
}
.home .feast {
  color: var(--accent);
}
.home .commemorations {
  display: flex;
  gap: 0.4rem 0.6rem;
  align-items: baseline;
  color: var(--muted);
  font-size: 0.9rem;
  margin-top: 0.2rem;
}
.home .commemorations-label {
  flex: 0 0 auto;
  font-style: italic;
}
.home .commemorations ul {
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.home .commemorations li + li {
  margin-top: 0.1rem;
}
.color-band-white  { background: #e8e0cc; }
.color-band-red    { background: #b02a24; }
.color-band-green  { background: #3a6b3a; }
.color-band-violet { background: #6a3a8a; }
.color-band-black  { background: #3a3a3a; }
.color-band-rose   { background: #c4607a; }
.color-band {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  height: calc(3px + env(safe-area-inset-top, 0px));
  z-index: 120;
}
.hour-scroll-progress {
  position: fixed;
  top: 3px;
  top: calc(3px + env(safe-area-inset-top, 0px));
  left: 0;
  right: 0;
  height: 2px;
  z-index: 119;
  pointer-events: none;
  background: transparent;
  overflow: hidden;
}
.hour-scroll-progress-bar {
  display: block;
  height: 100%;
  width: 100%;
  background: var(--ornament);
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}
@media (prefers-reduced-motion: no-preference) {
  .hour-scroll-progress-bar {
    transition: transform 0.08s linear;
  }
}
.home .octave-note {
  color: var(--muted);
  font-size: 0.9rem;
  font-style: italic;
}
.penitential-badge {
  display: inline-block;
  color: var(--rubric);
  font-size: 0.78rem;
}
.pray-now {
  display: block;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.02em;
  border-radius: 2px;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.home-hour-link {
  display: inline-flex;
  align-items: center;
  color: var(--text);
  text-decoration: none;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
}
.home-hour-link-name {
  font-size: 0.98rem;
  letter-spacing: 0.02em;
}
.home-hour-link-state {
  color: var(--muted);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 701px) {
  .page-home {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-bottom: calc(1.5rem + env(safe-area-inset-bottom));
  }
  .page-home main {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
  }
}
.hour-header {
  width: 100%;
  max-width: 38rem;
  margin: 0 auto 0.6rem;
  padding: 0 0 0.45rem;
  text-align: center;
  border-bottom: 1px solid color-mix(in srgb, var(--lining) 30%, transparent);
}
.hour-header {
  --title-rule: var(--lining);
  --title-rule-break: 1.25rem;
}
.hour-header .ornament-headpiece {
  position: relative;
  z-index: 1;
  width: auto;
  height: 1.05rem;
  margin: 0 auto calc(-0.525rem - 3px);
}
.hour-header .ornament-headpiece > span {
  position: relative;
  top: 0.23em;
}
.hour-header .ornament-headpiece > span:not([data-sign]) {
  font-size: 1rem;
}
.hour-header .ornament-headpiece > span[data-sign] {
  top: 0.06em;
}
.hour-header h1 {
  --title-upper-rule: linear-gradient(to right,
    var(--title-rule) calc(50% - var(--title-rule-break)),
    transparent calc(50% - var(--title-rule-break)) calc(50% + var(--title-rule-break)),
    var(--title-rule) calc(50% + var(--title-rule-break)));
  position: relative;
  font-size: 1.55rem;
  font-weight: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  width: fit-content;
  min-width: min(100%, 24rem);
  margin: 0 auto 0.25rem;
  padding: calc(0.3rem + 6px) 1.3rem 0.2rem;
  background:
    var(--title-upper-rule) 0 0 / 100% 2px no-repeat,
    var(--title-upper-rule) 0 5px / 100% 1px no-repeat;
  border-bottom: 3px double var(--title-rule);
}
@media (forced-colors: active) {
  .hour-header h1 {
    background: none;
    border-top: 3px double;
  }
  .hour-header .ornament-headpiece {
    display: none;
  }
}
.hour-header .ornament-sprig {
  display: none;
}
.hour-header h1::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1.5px;
  width: 0.3rem;
  height: 0.3rem;
  background: var(--day-color, var(--ornament));
  box-shadow: 0 0 0 1px var(--lining), 0 0 0 3px var(--bg);
  transform: translate(-50%, 50%) rotate(45deg);
  pointer-events: none;
}
.hour-meta {
  color: var(--muted);
  font-size: 0.9rem;
  margin: 0 auto 0.35rem;
  max-width: 34rem;
  line-height: 1.45;
  text-wrap: balance;
}
.hour-meta-part {
  display: inline-block;
}
@media (max-width: 700px) {
  .hour-meta-part:first-child:not(:only-child) {
    display: block;
  }
  .hour-meta-part:first-child + .hour-meta-sep {
    display: none;
  }
}
.not-today-notice {
  margin: 0 auto 0.5rem;
  max-width: 34rem;
  text-align: center;
}
.not-today-notice .not-today-link {
  display: inline-block;
  color: var(--accent);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.2rem 0.1rem 0.15rem;
  text-decoration: underline 1px var(--gold-line);
  text-underline-offset: 0.4em;
}
.not-today-notice .not-today-link:hover {
  color: var(--text);
}
.home-day-head .not-today-notice {
  margin: 0.15rem 0 0.35rem;
  text-align: inherit;
  max-width: none;
}
.hour-date-nav {
  margin: 0 auto;
  max-width: 34rem;
  text-align: center;
}
.hour-date-nav > summary {
  cursor: pointer;
  list-style: none;
  color: var(--muted);
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.35rem 0.5rem;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  align-items: center;
  min-height: var(--touch-target);
}
.hour-date-nav > summary::-webkit-details-marker {
  display: none;
}
.hour-date-nav > summary::after {
  content: "▾";
  margin-inline-start: 0.35em;
  color: color-mix(in srgb, currentColor 70%, transparent);
  font-size: 0.85em;
}
.hour-date-nav[open] > summary::after {
  content: "▴";
}
.hour-date-nav > summary,
.leader-selector > summary,
.session-prayers > summary {
  flex-wrap: wrap;
  align-content: center;
  align-items: baseline;
}
.hour-date-nav[open] > summary {
  color: var(--accent);
}
.hour-date-nav .day-nav {
  margin-top: 0.15rem;
  padding-top: 0.45rem;
  border-top: 1px solid var(--surface-edge);
}
.day-nav {
  font-size: 0.88rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.55rem;
  align-items: center;
  justify-content: center;
  padding-top: 0.35rem;
  border-top: 1px solid var(--surface-edge);
}
.home-day-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 1rem;
}
.home-day-meta .home-date-nav[open] {
  flex: 1 0 100%;
}
.home-season {
  margin: 0;
  color: var(--muted);
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.home-day-meta .home-date-nav {
  margin: 0;
  max-width: none;
  text-align: left;
}
.home-day-meta .home-date-nav > summary {
  margin: 0;
  padding: 0.2rem 0;
  font-size: 0.7rem;
}
.home-day-meta .home-date-nav .day-nav {
  justify-content: flex-start;
  margin-top: 0.35rem;
  margin-bottom: 0.15rem;
  padding-top: 0.4rem;
}
.day-nav a {
  color: var(--accent);
  text-decoration: none;
  margin-right: 0;
  padding: 0.5rem 0.4rem;
}
.day-nav a:hover {
  text-decoration: underline;
}
.date-jump-form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
}
.date-jump {
  font-family: "Office Cross", "EB Garamond", "EB Garamond Georgia", "EB Garamond Noto", "EB Garamond Times", Georgia, "Times New Roman", serif;
  font-size: 0.9rem;
  color: var(--text);
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--border);
  padding: 0.35rem 0;
  cursor: pointer;
  min-width: 9.5rem;
}
.date-jump:focus-visible {
  border-bottom-color: var(--accent);
}
.date-jump::-webkit-calendar-picker-indicator {
  opacity: 0.4;
  cursor: pointer;
}
.date-submit {
  border: 1px solid var(--border);
  background: transparent;
  color: var(--muted);
  padding: 0.25rem 0.6rem;
  cursor: pointer;
}
.date-submit:hover {
  border-color: var(--accent);
  color: var(--accent);
}
.day-nav .today-link {
  color: var(--muted);
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.has-date-picker .date-jump {
  display: none;
}
.date-picker {
  --date-cell: var(--touch-target);
  display: grid;
  grid-template-columns: minmax(0, calc(7 * var(--date-cell)));
  justify-content: center;
  margin: 0.3rem auto 0.4rem;
  color: var(--text);
  font-size: 0.95rem;
}
.date-picker-head {
  display: grid;
  grid-template-columns: var(--date-cell) 1fr var(--date-cell);
  align-items: center;
}
:where(.date-picker) button {
  appearance: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
.date-picker-step {
  min-height: var(--date-cell);
  color: var(--accent);
  font-size: 1.35rem;
  line-height: 1;
}
.date-picker-step:disabled {
  color: var(--border);
  cursor: default;
}
.date-picker-title {
  justify-self: center;
  min-height: var(--date-cell);
  padding-inline: 0.5rem;
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.date-picker-title::after {
  content: "▾";
  margin-inline-start: 0.35em;
  color: var(--gold-line);
  font-size: 0.85em;
}
.date-picker[data-view="months"] .date-picker-title::after {
  content: "▴";
}
.date-picker-body {
  display: grid;
}
.date-picker-body > * {
  grid-area: 1 / 1;
}
.date-picker[data-view="days"] .date-picker-months,
.date-picker[data-view="months"] .date-picker-days {
  visibility: hidden;
}
.date-picker-days {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.date-picker-days th {
  padding: 0 0 0.15rem;
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: normal;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-transform: uppercase;
}
.date-picker-days abbr {
  text-decoration: none;
  cursor: default;
}
.date-picker-days td {
  padding: 0;
  height: var(--date-cell);
}
.date-picker-day,
.date-picker-month {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--text);
  text-decoration: none;
  font-variant-numeric: lining-nums tabular-nums;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
.date-picker-days th:first-child,
.date-picker-days td:first-child .date-picker-day {
  color: var(--rubric);
}
.date-picker-day[aria-current="date"],
.date-picker-month[aria-current="date"] {
  background: color-mix(in srgb, var(--gold) 10%, transparent);
}
.date-picker-days [aria-selected="true"] .date-picker-day,
.date-picker-months [aria-selected="true"] .date-picker-month {
  color: var(--accent);
}
.date-picker-days [aria-selected="true"] .date-picker-day > span,
.date-picker-months [aria-selected="true"] .date-picker-month {
  box-shadow: inset 0 -1px var(--gold-line);
}
.date-picker-days [aria-selected="true"] .date-picker-day > span {
  padding-inline: 0.1em;
}
.date-picker-months {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.date-picker-months [role="row"] {
  display: contents;
}
.date-picker-months [role="gridcell"] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.date-picker-month {
  width: auto;
  height: var(--date-cell);
  padding-inline: 0.9rem;
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media (hover: hover) and (pointer: fine) {
  .date-picker-day:hover,
  .date-picker-month:hover,
  .date-picker-step:not(:disabled):hover,
  .date-picker-title:hover {
    background-color: var(--surface);
  }
}
.date-picker-day:active,
.date-picker-month:active,
.date-picker-step:not(:disabled):active,
.date-picker-title:active {
  background-color: var(--pressed-wash);
  box-shadow: inset 0 1px 2px var(--surface-edge);
}
.date-picker a:focus-visible,
.date-picker button:focus-visible {
  outline-offset: -2px;
}
@media (forced-colors: active) {
  .date-picker-days [aria-selected="true"] .date-picker-day > span,
  .date-picker-months [aria-selected="true"] .date-picker-month {
    text-decoration: underline;
  }
  .date-picker-day[aria-current="date"],
  .date-picker-month[aria-current="date"] {
    outline: 1px solid CanvasText;
    outline-offset: -1px;
  }
}
.office-hour {
  display: grid;
  gap: 1.25rem;
}
.hour-epilogue {
  display: grid;
  gap: 1.25rem;
  padding-bottom: 3.25rem;
}
.hour-continuation {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  align-items: last baseline;
  gap: 0.8rem;
  max-width: 38rem;
  width: 100%;
  margin: 2.75rem auto 0;
}
.hour-end-mark {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0.4rem auto 1.2rem;
  background: var(--lining);
  -webkit-mask: url("ornaments/consecration.svg?v=9225ec6cbbfe") center / contain no-repeat;
  mask: url("ornaments/consecration.svg?v=9225ec6cbbfe") center / contain no-repeat;
}
.hour-continuation a {
  color: var(--accent);
  text-decoration: none;
}
.hour-continuation a:hover {
  text-decoration: underline;
}
.hour-continuation-link {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}
.next-hour {
  text-align: right;
}
.continuation-label {
  color: var(--muted);
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.day-hours-link {
  padding: 0.45rem 0.7rem;
  color: var(--muted) !important;
  font-size: 0.76rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.elements,
.session-prayers-content {
  display: grid;
  gap: 0.9rem;
  max-width: 38rem;
  width: 100%;
  margin: 0 auto;
}
.elements > *,
.session-prayers-content > * {
  margin-bottom: 0;
}
.section-heading,
.session-prayers summary {
  font-size: 0.96em;
  font-weight: normal;
  font-variant-caps: all-small-caps;
  letter-spacing: 0.11em;
  color: var(--titulus);
  text-align: center;
  text-wrap: balance;
  line-height: 1.3;
  margin-top: 1.45rem;
  margin-bottom: 0.8rem;
}
.section-heading {
  max-width: 32rem;
  margin-inline: auto;
  padding-top: 0;
  border-top: none;
}
.elements > .section-heading:first-child {
  margin-top: 0;
}
.elements > .section-heading:not(:first-child)::before,
.elements > :is(.chapter, .hymn):not(:first-child) > .section-heading:first-child::before {
  content: "";
  display: block;
  width: 0.62rem;
  height: 0.62rem;
  margin: 0 auto 0.7rem;
  background: var(--lining);
  -webkit-mask: url("ornaments/cross.svg?v=0c5484cb5065") center / contain no-repeat;
  mask: url("ornaments/cross.svg?v=0c5484cb5065") center / contain no-repeat;
}
.rubric {
  color: var(--rubric);
  font-style: normal;
  font-size: 0.9em;
  line-height: 1.5;
}
.posture {
  color: var(--rubric);
  font-style: normal;
  font-size: 0.9em;
}
.rubric-prayed {
  color: var(--text);
  font-style: normal;
}
.cross {
  color: var(--rubric);
}
.elements > :is(.psalm, .canticle, .hymn, .chapter, .preces, .marian-antiphon, .liturgical-block) {
  padding: 0;
  border: none;
  background: none;
}
.antiphon {
  display: block;
  font-style: normal;
  color: var(--text);
  max-width: 34rem;
  margin: 0.25rem auto 0.95rem;
  padding: 0 0.25rem 0 1.35rem;
  text-indent: -1.35rem;
  line-height: 1.6;
  text-align: left;
}
.antiphon em {
  font-style: normal;
  color: var(--titulus);
  font-variant-caps: all-small-caps;
  letter-spacing: 0.07em;
  margin-right: 0.3rem;
}
.antiphon-announce {
  margin-bottom: 0.55rem;
}
.opening-acclamation {
  margin: 0.25rem 0 0.7rem;
  line-height: 1.6;
  text-align: left;
}
.elements > .antiphon {
  background: none;
  border: none;
}
.elements > .antiphon:not(.antiphon-announce) {
  width: 100%;
}
.elements > .antiphon:has(+ .psalm),
.elements > .antiphon:has(+ .canticle) {
  margin-top: 0.45rem;
  margin-bottom: -0.25rem;
}
.elements > .psalm + .antiphon,
.elements > .canticle + .antiphon {
  margin-top: -0.5rem;
}
.elements > .antiphon + .antiphon:has(+ .psalm),
.elements > .psalm + .psalm {
  margin-top: 1.2rem;
}
.elements > .antiphon:has(+ .unrepeated-note) {
  margin-top: 0.45rem;
  margin-bottom: -0.75rem;
}
.elements > .unrepeated-note {
  width: 100%;
  max-width: 34rem;
  margin: 0 auto -0.25rem;
  padding: 0 0.25rem 0 1.35rem;
  text-align: left;
}
.elements > .antiphon-announce + .unrepeated-note {
  width: auto;
  padding-left: 0.25rem;
  text-align: center;
}
.elements > .antiphon + .antiphon:has(+ .unrepeated-note) {
  margin-top: 1.2rem;
}
.item-label {
  font-size: 0.82em;
  font-weight: normal;
  font-variant-caps: all-small-caps;
  line-height: 1.35;
  text-align: center;
  letter-spacing: 0.07em;
  color: var(--muted);
  margin-bottom: 0.35rem;
}
.psalm > .item-label,
.canticle > .item-label {
  font-size: 1em;
  color: var(--titulus);
}
.psalm-incipit {
  display: inline-block;
  color: var(--muted);
  font-variant: normal;
  font-style: italic;
  letter-spacing: 0.02em;
}
.item-label.stacked > .label-sep {
  display: none;
}
.item-label.stacked > .psalm-incipit {
  display: block;
}
:lang(la) {
  font-feature-settings: "locl" 0;
}
.hymn-title {
  font-style: italic;
  color: var(--muted);
  text-align: center;
  margin-bottom: 0.5rem;
}
.hymn-verses {
  line-height: 1.75;
  width: fit-content;
  max-width: 28rem;
  margin-inline: auto;
}
.hymn-latin {
  font-style: italic;
  color: var(--muted);
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.hymn-verses > .hymn-rubric {
  width: 0;
  min-width: 100%;
  text-align: center;
  margin: 0 0 0.75rem;
}
.hymn-stanza {
  margin-bottom: 0.75rem;
}
.hymn-line {
  display: block;
  padding-left: 0.9rem;
  text-indent: -0.9rem;
}
.hymn-stanza-opening .hymn-line:first-child {
  padding-left: 0;
  text-indent: 0;
}
.hymn-stanza-opening .hymn-line:first-child + .hymn-line {
  padding-left: 0;
  text-indent: 0;
}
.hymn-amen {
  font-style: normal;
  margin-left: 0.25em;
}
.psalm-text {
  font-family: "Office Cross", "EB Garamond", "EB Garamond Georgia", "EB Garamond Noto", "EB Garamond Times", Georgia, "Times New Roman", serif;
  font-size: 1rem;
  line-height: 1.75;
  white-space: pre-wrap;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}
.psalm-verses {
  line-height: 1.75;
  margin-top: 0.6rem;
}
.psalm-verses .verse {
  margin-bottom: 0.3rem;
}
.psalm-verses .verse:first-child:not(.numbered) {
  padding-left: var(--verse-gutter);
}
.psalm-verses .verse.initial-divided > .mediant::after {
  content: "\A";
  white-space: pre;
}
.psalm-verses .verse.numbered {
  display: flex;
  align-items: baseline;
  padding-left: 0;
  clear: left;
}
.psalm-verses .verse-num {
  flex: 0 0 var(--verse-gutter);
  text-align: right;
  padding-right: 0.5rem;
  color: var(--muted);
  font-size: 0.78em;
  line-height: 1.75;
  user-select: none;
}
.psalm-verses .verse-body {
  flex: 1;
}
.mediant {
  color: var(--muted);
  position: relative;
  top: 0.25em;
}
.source-line {
  display: block;
  padding-left: 1.1rem;
  text-indent: -1.1rem;
}
.gloria-patri {
  line-height: 1.75;
  padding-left: var(--verse-gutter);
  padding-right: 0;
}
.psalm > .gloria-patri,
.canticle > .gloria-patri {
  margin-top: 0.85rem;
}
.canticle-section {
  text-align: center;
  font-style: italic;
  font-size: 0.85em;
  color: var(--muted);
  margin: 0.8rem 0 0;
}
.psalm-verses .verse:first-child::first-letter {
  font-size: 3.05em;
  line-height: 1;
  float: left;
  margin: 0.05em calc(var(--initial-gap, 0.06) * 1em) calc(-0.1em + var(--initial-depth, 0) * 1em) calc(-1 * var(--verse-gutter) + var(--initial-hang, 0) * 1em);
  color: var(--ornament);
}
.chapter .liturgical-block .plain-line:first-child::first-letter,
.chapter .liturgical-block .versicle-line:first-child .sigil-text::first-letter,
.collect .liturgical-block .plain-line:first-child::first-letter,
.hymn-stanza-opening .hymn-line:first-child::first-letter,
.marian-antiphon .chant-line-opening::first-letter,
.corporate-lord-prayer-officiant::first-letter {
  font-size: 3.05em;
  line-height: 1;
  float: left;
  margin: 0.05em calc(var(--initial-gap, 0.06) * 1em) calc(-0.1em + var(--initial-depth, 0) * 1em) calc(var(--initial-hang, 0) * 1em);
  color: var(--ornament);
}
.chapter .liturgical-block .response-line {
  clear: left;
}
.chapter-ref {
  font-style: normal;
  font-size: 0.85em;
  line-height: 1.4;
  color: var(--rubric);
  text-align: center;
  margin-top: -0.2rem;
  margin-bottom: 0.5rem;
}
.chapter .liturgical-block,
.preces .liturgical-block,
.marian-antiphon .liturgical-block {
  margin-top: 0.45rem;
}
.liturgical-block > * {
  margin-bottom: 0.3rem;
}
.versicle-line,
.response-line,
.all-line {
  display: flex;
  align-items: baseline;
  font-style: normal;
}
.sigil {
  flex: 0 0 1.4rem;
  width: 1.4rem;
  margin-right: 0.4rem;
  text-align: right;
  font-weight: normal;
  color: var(--rubric);
  user-select: none;
}
.sigil-word {
  flex-basis: 4.25rem;
  width: 4.25rem;
  margin-left: calc(1.4rem - 4.25rem);
}
@media (max-width: 999px) {
  .versicle-line:has(> .sigil-word) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    padding-left: 1.8rem;
  }
  .sigil-word {
    flex-basis: 100%;
    width: auto;
    margin: 0;
    text-align: left;
  }
}
.sigil-all {
  flex-basis: 2.25rem;
  width: 2.25rem;
  margin-left: calc(1.4rem - 2.25rem);
}
.sigil-text {
  flex: 1;
  min-width: 0;
}
.short-responsory > .plain-line {
  padding-left: var(--verse-gutter);
}
.short-responsory-opening .sigil-text::first-letter {
  font-size: 3.05em;
  line-height: 1;
  float: left;
  margin: 0.05em calc(var(--initial-gap, 0.06) * 1em) calc(-0.1em + var(--initial-depth, 0) * 1em) calc(var(--initial-hang, 0) * 1em);
  color: var(--ornament);
}
.scripture-ref {
  color: var(--rubric);
  font-style: normal;
  font-size: 0.85em;
  line-height: 1.4;
  margin-bottom: 0.4rem;
  text-align: center;
}
.liturgical-gap {
  height: 0.5rem;
}
.spoken-text {
  color: var(--text);
}
.secret-text,
.unrepeated {
  color: var(--unsaid);
}
.prayer-turn {
  margin-block: 0.85rem;
}
.prayer-speaker {
  color: var(--rubric);
  font-size: 0.85em;
  font-variant: small-caps;
  letter-spacing: 0.055em;
  line-height: 1.3;
  margin: 0 0 0.2rem;
  break-after: avoid;
}
.prayer-turn > .liturgical-block {
  margin-block: 0;
}
@media screen and (min-width: 920px) {
  .elements {
    max-width: 37rem;
    font-size: 1.25rem;
  }
  .hour-header {
    max-width: 37rem;
  }
}
.marian-antiphon {
  margin: 1rem 0;
}
.marian-antiphon .item-label {
  margin-bottom: 0.75rem;
}
.marian-antiphon .chant-line {
  margin: 0;
  padding-left: 1.2rem;
  text-indent: -1.2rem;
  line-height: 1.5;
}
.marian-antiphon .chant-line-opening {
  padding-left: 0;
  text-indent: 0;
  line-height: 1.75;
}
.session-prayers {
  border: none;
  background: none;
  padding: 0;
  margin-top: 0.35rem;
}
.session-prayers summary {
  cursor: pointer;
  list-style: none;
  padding: 0.2rem 0;
}
.session-prayers summary::-webkit-details-marker {
  display: none;
}
.session-prayers summary::after {
  content: "▾";
  margin-inline-start: 0.35em;
  color: color-mix(in srgb, currentColor 70%, transparent);
  font-size: 0.75em;
  letter-spacing: 0;
}
.session-prayers[open] > summary::after {
  content: "▴";
}
.elements > .session-prayers:first-child > summary {
  margin-top: 0;
}
.offline-indicator {
  position: fixed;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 110;
  padding: 0.18rem 0.55rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--banner-bg);
  color: var(--muted);
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-transform: uppercase;
  box-shadow: 0 0.15rem 0.4rem rgba(26, 26, 26, 0.08);
}
@media (max-width: 700px) {
  .offline-indicator {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
.offline-page {
  text-align: center;
  padding: 3rem 0 4rem;
}
.offline-page h1 {
  font-size: 2rem;
  font-weight: normal;
  color: var(--accent);
  margin-bottom: 1rem;
}
.offline-page p {
  color: var(--muted);
  max-width: 32rem;
  margin: 0 auto 0.85rem;
}
.offline-actions {
  margin-top: 1.5rem;
}
.page-calendar {
  font-family: "Ordo Cross", "Ordo Garamond", Georgia, "Times New Roman", serif;
}
.page-calendar main { max-width: 56rem; }
.calendar {
  display: grid;
  gap: 1rem;
}
.calendar-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border);
}
.calendar-header h1 {
  font-size: 2.15rem;
  font-weight: normal;
  line-height: 1.15;
}
.calendar-title {
  width: fit-content;
  max-width: 100%;
  text-align: center;
}
.calendar-title .ornament-headpiece {
  width: 6rem;
  margin: 0 auto 0.5rem;
  font-size: 0.7rem;
}
.calendar-title .ornament-sprig { height: 0.75rem; }
.calendar-subtitle {
  margin: 0.3rem 0 0;
  color: var(--muted);
  font-size: 0.85rem;
}
.year-nav {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 0.4rem;
}
.year-nav a {
  position: relative;
  min-width: var(--touch-target);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--touch-target);
  padding: 0.25rem 0.45rem;
  color: var(--accent);
  text-decoration: none;
  font-size: 0.8rem;
}
.year-nav a:hover { text-decoration: underline; }
.year-nav a + a::before {
  content: "";
  position: absolute;
  left: -0.2rem;
  top: 50%;
  width: 1px;
  height: 0.8rem;
  background: var(--border);
  transform: translateY(-50%);
  pointer-events: none;
}
.year-nav .calendar-today-link {
  text-decoration: underline;
  text-decoration-color: var(--gold-line);
  text-underline-offset: 0.3em;
}
.year-nav,
.calendar-tools,
.day-disclosures summary,
.day-mobile-weekday,
.day-mobile-flags,
.day-wk,
.day-rank {
  font-family: "Ordo Cross", Georgia, "Times New Roman", serif;
}
.month-jump {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  border-bottom: 1px solid var(--border);
}
.month-jump a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--touch-target);
  border-bottom: 2px solid transparent;
  color: var(--muted);
  text-decoration: none;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.month-jump a:hover,
.month-jump a[aria-current] {
  color: var(--accent);
  border-bottom-color: var(--gold-line);
}
.month-jump a.is-today-month { position: relative; }
.month-jump a.is-today-month::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 1px;
  width: 0.22rem;
  height: 0.22rem;
  background: var(--gold);
  box-shadow: 0 0 0 2px var(--bg);
  transform: translate(-50%, 50%) rotate(45deg);
  pointer-events: none;
}
.month-jump a.is-today-month:not([aria-current])::after { bottom: -0.5px; }
.calendar-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0 1rem;
}
.calendar-legend {
  color: var(--muted);
  font-size: 0.75rem;
  line-height: 1.45;
  margin: 0;
}
.calendar-expand {
  min-height: var(--touch-target);
  padding: 0;
  border: 0;
  background: none;
  color: var(--accent);
  font: inherit;
  font-size: 0.78rem;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: var(--gold-line);
  text-underline-offset: 0.25em;
}
.calendar-whole-year {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-target);
  margin-inline-start: auto;
  color: var(--accent);
  font-size: 0.78rem;
  text-decoration: underline;
  text-decoration-color: var(--gold-line);
  text-underline-offset: 0.25em;
}
.calendar-expand[hidden] {
  display: block !important;
  visibility: hidden;
}
.month {
  margin-bottom: 1.5rem;
  scroll-margin-top: 1rem;
}
.month h2 {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: var(--touch-target);
  margin-bottom: 0.35rem;
  padding: 0.4rem 0;
  background: var(--bg);
  color: var(--titulus);
  border-bottom: 3px double var(--ornament-line);
  font-size: 1.35rem;
  font-weight: normal;
  font-variant-caps: small-caps;
  letter-spacing: 0.06em;
  line-height: 1.3;
}
.month h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1.5px;
  width: 6px;
  height: 6px;
  background: var(--lining);
  box-shadow: 0 0 0 2px var(--bg);
  transform: translate(-50%, 50%) rotate(45deg);
  pointer-events: none;
}
.month-top {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--touch-target);
  min-height: var(--touch-target);
  margin-block: -0.4rem;
  color: var(--muted);
  text-decoration: none;
  font-size: 1rem;
}
.month-top:hover { color: var(--accent); }
.tabula {
  display: grid;
  gap: 1.5rem;
}
.tabula h2 {
  position: relative;
  padding: 0.4rem 0;
  color: var(--titulus);
  border-bottom: 3px double var(--ornament-line);
  font-size: 1.35rem;
  font-weight: normal;
  font-variant-caps: small-caps;
  letter-spacing: 0.06em;
  line-height: 1.3;
}
.tabula h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1.5px;
  width: 0.22rem;
  height: 0.22rem;
  background: var(--ornament);
  box-shadow: 0 0 0 2px var(--bg);
  transform: translate(-50%, 50%) rotate(45deg);
  pointer-events: none;
}
.tabula-figures {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin: 0;
  padding: 1.1rem 0.4rem 1rem;
  background: color-mix(in srgb, var(--surface) 60%, transparent);
  text-align: center;
}
.tabula-figures::before {
  --knop: 0.875rem;
  --inner: rgba(0, 0, 0, 0.4);
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: var(--lining);
  -webkit-mask-image:
    linear-gradient(#000, #000), linear-gradient(#000, #000),
    linear-gradient(#000, #000), linear-gradient(#000, #000),
    linear-gradient(var(--inner), var(--inner)), linear-gradient(var(--inner), var(--inner)),
    linear-gradient(var(--inner), var(--inner)), linear-gradient(var(--inner), var(--inner)),
    url("ornaments/quatrefoil.svg?v=94961dc5dce8"), url("ornaments/quatrefoil.svg?v=94961dc5dce8"),
    url("ornaments/quatrefoil.svg?v=94961dc5dce8"), url("ornaments/quatrefoil.svg?v=94961dc5dce8");
  mask-image:
    linear-gradient(#000, #000), linear-gradient(#000, #000),
    linear-gradient(#000, #000), linear-gradient(#000, #000),
    linear-gradient(var(--inner), var(--inner)), linear-gradient(var(--inner), var(--inner)),
    linear-gradient(var(--inner), var(--inner)), linear-gradient(var(--inner), var(--inner)),
    url("ornaments/quatrefoil.svg?v=94961dc5dce8"), url("ornaments/quatrefoil.svg?v=94961dc5dce8"),
    url("ornaments/quatrefoil.svg?v=94961dc5dce8"), url("ornaments/quatrefoil.svg?v=94961dc5dce8");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size:
    calc(100% - 2 * var(--knop)) 1px, calc(100% - 2 * var(--knop)) 1px,
    1px calc(100% - 2 * var(--knop)), 1px calc(100% - 2 * var(--knop)),
    calc(100% - 2 * var(--knop)) 1px, calc(100% - 2 * var(--knop)) 1px,
    1px calc(100% - 2 * var(--knop)), 1px calc(100% - 2 * var(--knop)),
    var(--knop) var(--knop), var(--knop) var(--knop), var(--knop) var(--knop), var(--knop) var(--knop);
  mask-size:
    calc(100% - 2 * var(--knop)) 1px, calc(100% - 2 * var(--knop)) 1px,
    1px calc(100% - 2 * var(--knop)), 1px calc(100% - 2 * var(--knop)),
    calc(100% - 2 * var(--knop)) 1px, calc(100% - 2 * var(--knop)) 1px,
    1px calc(100% - 2 * var(--knop)), 1px calc(100% - 2 * var(--knop)),
    var(--knop) var(--knop), var(--knop) var(--knop), var(--knop) var(--knop), var(--knop) var(--knop);
  -webkit-mask-position:
    left 50% top 0, left 50% bottom 0, left 0 top 50%, right 0 top 50%,
    left 50% top 3px, left 50% bottom 3px, left 3px top 50%, right 3px top 50%,
    left 0 top 0, right 0 top 0, left 0 bottom 0, right 0 bottom 0;
  mask-position:
    left 50% top 0, left 50% bottom 0, left 0 top 50%, right 0 top 50%,
    left 50% top 3px, left 50% bottom 3px, left 3px top 50%, right 3px top 50%,
    left 0 top 0, right 0 top 0, left 0 bottom 0, right 0 bottom 0;
}
.tabula-figures div {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  gap: 0.2rem;
}
.tabula-figures dt {
  color: var(--muted);
  font-size: 0.7rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.tabula-figures dd {
  margin: 0;
  color: var(--accent);
  font-size: 1.6rem;
  line-height: 1.2;
  font-variant-numeric: lining-nums;
}
.tabula-tables {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem 2.5rem;
  align-items: start;
}
.tabula h3 {
  padding: 0.35rem 0;
  border-bottom: 1px solid var(--border);
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: normal;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.tabula-tables dl { margin: 0; }
.tabula-tables dl div {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0 1rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid var(--border);
}
.tabula-tables dd {
  margin: 0 0 0 auto;
  text-align: right;
  white-space: nowrap;
}
.tabula-tables dd a {
  position: relative;
  color: var(--accent);
  text-decoration: none;
}
.tabula-tables dd a::after,
.day-feast-name::after {
  content: "";
  position: absolute;
  inset: 50% 0 auto;
  height: var(--touch-target);
  transform: translateY(-50%);
}
.day-feast-name::after {
  inset: -0.75rem 0 -0.2rem;
  height: auto;
  transform: none;
}
.tabula-tables dd a:hover {
  text-decoration: underline;
  text-decoration-color: var(--gold-line);
  text-underline-offset: 0.25em;
}
@media (max-width: 700px) {
  .tabula-figures { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem 1rem; }
  .tabula-tables { grid-template-columns: minmax(0, 1fr); }
}
.month-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
  table-layout: fixed;
}
.month-table th {
  text-align: left;
  padding: 0.35rem 0.45rem;
  border-bottom: 1px solid var(--border);
  font-weight: normal;
  color: var(--muted);
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.month-table td {
  padding: 0.65rem 0.45rem 0.45rem;
  border-bottom: 1px solid var(--border);
  vertical-align: top;
  line-height: 1.4;
}
.month-table tr.day { scroll-margin-top: 3.5rem; }
.month-table tr.day > td:first-child { position: relative; }
.month-table tr.day > td:first-child::before {
  content: "";
  position: absolute;
  top: 0.75rem;
  bottom: 0.65rem;
  left: 0;
  width: 3px;
  background: var(--day-color, var(--border));
}
.js .month-table tr.day { cursor: pointer; }
@media (hover: hover) and (pointer: fine) {
  .js .month-table tr.day:hover > td {
    background-image: linear-gradient(var(--pressed-wash), var(--pressed-wash));
  }
}
.month-table tr:target > td {
  background: color-mix(in srgb, var(--gold) 6%, transparent);
}
.month-table tr.is-today > td {
  background: var(--inscription-wash);
  box-shadow:
    inset 0 1px 0 var(--gold-line),
    inset 0 -1px 0 var(--gold-line);
}
.month-table .is-today .day-num a,
.is-today .day-mobile-num {
  color: var(--gold);
}
.month-table .day-num::after,
.day-mobile-date::after {
  content: "Today";
  display: block;
  visibility: hidden;
  font-family: "Ordo Cross", Georgia, "Times New Roman", serif;
  font-size: 0.7rem;
  font-weight: normal;
  line-height: 1.4;
  color: var(--accent);
}
.month-table .is-today .day-num::after,
.is-today .day-mobile-date::after { visibility: visible; }
.month-table tr:target > td { border-bottom-color: var(--gold-line); }
.day-mobile-head { display: none; }
.day-feast-name {
  position: relative;
  color: var(--text);
  text-decoration: none;
}
.day-feast-name:hover {
  color: var(--accent);
  text-decoration: underline;
  text-decoration-color: var(--gold-line);
  text-underline-offset: 0.2em;
}
.month-table th:nth-child(1), .month-table td.day-num { width: 2.8rem; }
.month-table th:first-child,
.month-table td.day-num {
  padding-left: 0.65rem;
  text-align: center;
}
.month-table th:nth-child(2), .month-table td.day-wk { width: 3rem; }
.month-table th:nth-child(4), .month-table th:nth-child(5), .month-table td.day-penitential-flag {
  width: 2.6rem;
  text-align: center;
}
.month-table th:nth-child(6), .month-table td.day-rank {
  width: 3.2rem;
  text-align: right;
}
.day-wk, .day-rank, .day-penitential-flag { white-space: nowrap; }
.day-rank { font-size: 0.78rem; }
.day-wk {
  color: var(--muted);
  font-size: 0.8rem;
}
.month-table .day-num a {
  color: var(--accent);
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: normal;
  font-variant-numeric: lining-nums tabular-nums;
  line-height: 1.2;
}
.month-table .day-num a:hover { text-decoration: underline; }
.month-table abbr {
  text-decoration: none;
  cursor: default;
  position: relative;
}
.month-table abbr::after {
  content: attr(title);
  position: absolute;
  bottom: calc(100% + 4px);
  right: 0;
  width: max-content;
  max-width: min(14rem, calc(100vw - 2rem));
  padding: 0.2em 0.5em;
  background: var(--text);
  color: var(--bg);
  border-radius: 3px;
  font-size: 0.75rem;
  white-space: normal;
  text-align: center;
  pointer-events: none;
  display: none;
  z-index: 10;
}
.month-table abbr:hover::after, .month-table abbr:focus::after { display: block; }
.day-disclosures {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1rem;
}
.day-disclosures > details[open] { flex: 1 0 100%; }
.day-disclosures summary {
  display: flex;
  align-items: center;
  min-height: var(--touch-target);
  width: fit-content;
  list-style: none;
  color: var(--muted);
  font-size: 0.75rem;
  cursor: pointer;
}
.day-disclosures summary::-webkit-details-marker { display: none; }
.day-disclosures summary::after {
  content: "▾";
  margin-left: 0.3em;
  color: color-mix(in srgb, currentColor 70%, transparent);
  font-size: 0.85em;
}
.day-disclosures details[open] > summary::after { content: "▴"; }
@media (min-width: 701px) {
  .day-disclosures {
    display: inline-flex;
    vertical-align: baseline;
    margin-left: 1.25rem;
    column-gap: 0.9rem;
  }
  .day-disclosures:has(> details[open]) {
    display: flex;
    margin-left: 0;
  }
  .month-table td { padding: 0.5rem 0.45rem; }
}
@media (min-width: 701px) and (pointer: fine) {
  .day-disclosures summary { min-height: 0; }
}
.day-commemoration {
  display: block;
  font-size: 0.85rem;
  color: var(--muted);
  font-style: italic;
  line-height: 1.5;
}
.day-commemoration::before { content: "Com. "; }
.day-office-digest {
  margin: 0 0 0.5rem;
  padding: 0.6rem 0.75rem;
  border-left: 1px solid var(--gold-line);
}
.day-office-hour {
  display: flex;
  gap: 0.5rem;
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--muted);
}
.day-office-hour + .day-office-hour { margin-top: 0.45rem; }
.day-office-hour dt {
  flex: 0 0 4.4rem;
  font-family: "Ordo Cross", Georgia, "Times New Roman", serif;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--accent);
}
.day-office-hour dd {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.6rem;
  max-width: 38rem;
  min-width: 0;
}
.day-office-incipit, .day-office-comm, .day-office-note { font-style: italic; }
.day-office-comm, .day-office-note { flex-basis: 100%; }
.day-office-badge {
  color: var(--rubric);
  font-style: normal;
  white-space: nowrap;
}
.day-penitential-flag {
  text-align: center;
  color: var(--muted);
  font-weight: bold;
}
.month-table tr:is([data-rank="1cl"], [data-rank="2cl"], [data-rank="gd"]) .day-feast-name,
.month-table tr:is([data-rank="1cl"], [data-rank="2cl"], [data-rank="gd"]) .day-rank {
  color: var(--rubric);
}
.month-table tr[data-rank="1cl"] .day-feast-name::before {
  content: "";
  display: inline-block;
  width: 0.62em;
  height: 0.62em;
  margin-right: 0.32em;
  background: var(--lining);
  -webkit-mask: url("ornaments/cross.svg?v=0c5484cb5065") center / contain no-repeat;
  mask: url("ornaments/cross.svg?v=0c5484cb5065") center / contain no-repeat;
  vertical-align: 0.02em;
}
.month-table tr[data-rank="d"] .day-feast-name,
.month-table tr[data-rank="d"] .day-rank {
  color: var(--kalendar-blue);
}
.svg-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
.fish-flag {
  width: 1em;
  height: 0.5em;
  vertical-align: -0.05em;
}
@media (max-width: 700px) {
  .page-home .site-header { margin-bottom: 0.85rem; }
  .calendar { gap: 0.65rem; }
  .calendar-header {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .calendar-title { justify-self: center; }
  .calendar-header h1 { font-size: 1.85rem; }
  .calendar-subtitle { font-size: 0.78rem; }
  .month-jump { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .month-table, .month-table tbody, .month-table tr {
    display: block;
    width: 100%;
  }
  .month-table thead, .month-table .day-num, .month-table .day-wk,
  .month-table .day-penitential-flag, .month-table .day-rank { display: none; }
  .month-table tr {
    position: relative;
    border-bottom: 1px solid var(--border);
  }
  .month-table tr.is-today > td {
    background:
      linear-gradient(var(--gold-line), var(--gold-line)) 8px 0 / calc(100% - 16px) 1px no-repeat,
      linear-gradient(var(--gold-line), var(--gold-line)) 8px 100% / calc(100% - 16px) 1px no-repeat,
      linear-gradient(var(--inscription-wash), var(--inscription-wash)) 8px 0 / calc(100% - 16px) 100% no-repeat;
    box-shadow: none;
  }
  .month-table tr::before {
    content: "";
    position: absolute;
    top: 0.9rem;
    left: 0;
    height: 2.1rem;
    width: 3px;
    background: var(--day-color, var(--border));
    z-index: 1;
  }
  .month-table .day-feast {
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr) auto;
    gap: 0 0.65rem;
    padding: 0.8rem 0.25rem 0.4rem 0.5rem;
    border: 0;
  }
  .day-mobile-head { display: contents; }
  .day-mobile-date {
    grid-column: 1;
    grid-row: 1 / span 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: start;
    min-height: var(--touch-target);
    color: var(--accent);
    text-decoration: none;
  }
  .day-mobile-num {
    font-variant-numeric: lining-nums tabular-nums;
    font-size: 1.35rem;
    line-height: 1.1;
  }
  .day-mobile-weekday {
    color: var(--muted);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }
  .day-mobile-flags {
    grid-column: 3;
    grid-row: 1;
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    color: var(--muted);
    font-size: 0.75rem;
    white-space: nowrap;
  }
  .day-mobile-flags:empty { display: none; }
  .day-feast-name {
    grid-column: 2;
    grid-row: 1;
    display: block;
    font-size: 1rem;
    line-height: 1.35;
  }
  .day-disclosures {
    column-gap: 0.6rem;
    grid-column: 2 / -1;
    grid-row: 2;
  }
  .day-disclosures summary { font-size: 0.75rem; }
  .day-office-digest { padding: 0.5rem; }
  .day-office-hour { display: block; }
  .day-office-hour dt {
    margin-bottom: 0.15rem;
    color: var(--accent);
  }
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --text: #ddd6c3;
    --bg: #121c28;
    --plaster-base: #182332;
    --plaster-tint: #7d949c;
    --plaster-knee: #fff;
    --plaster-dodge: #000;
    --plaster-strength: 52%;
    --accent: #d0b06a;
    --gold: #d8bc74;
    --gold-line: #6a5c3a;
    --ornament-hi: #e7d295;
    --ornament-lo: #c0a25a;
    --muted: #9aa4b0;
    --unsaid: #9aa4b0;
    --border: #2a3648;
    --rubric: #d47070;
    --lining: #cf8c6a;
    --titulus: #d8bc74;
    --kalendar-blue: #a9bedf;
    --moon-ink: #c9d0d9;
    --white: #1a2430;
    --red: #261e1d;
    --green: #142028;
    --violet: #1c2030;
    --black: #161c24;
    --rose: #241e28;
    --banner-bg: #182230;
    --surface: #172232;
    --surface-edge: rgba(208, 176, 106, 0.18);
    --pressed-wash: rgba(208, 176, 106, 0.12);
    --page-material:
      radial-gradient(ellipse at 12% 0%, rgba(104, 133, 156, 0.12), transparent 42%),
      radial-gradient(ellipse at 86% 31%, rgba(55, 82, 106, 0.1), transparent 48%),
      radial-gradient(ellipse at 45% 88%, rgba(5, 12, 20, 0.09), transparent 52%);
    --surface-material:
      radial-gradient(ellipse at 18% 0%, rgba(103, 132, 155, 0.075), transparent 48%),
      linear-gradient(155deg, rgba(216, 188, 116, 0.018), transparent 42%);
    --material-highlight: rgba(208, 176, 106, 0.065);
    --inscription-wash: rgba(208, 176, 106, 0.04);
    --oak-line: rgba(208, 176, 106, 0.16);
    --inscription-ground: #263431;
    --inscription-edge: #5c2b35;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --text: #ddd6c3;
  --bg: #121c28;
  --plaster-base: #182332;
  --plaster-tint: #7d949c;
  --plaster-knee: #fff;
  --plaster-dodge: #000;
  --plaster-strength: 52%;
  --accent: #d0b06a;
  --gold: #d8bc74;
  --gold-line: #6a5c3a;
  --ornament-hi: #e7d295;
  --ornament-lo: #c0a25a;
  --muted: #9aa4b0;
  --unsaid: #9aa4b0;
  --border: #2a3648;
  --rubric: #d47070;
  --lining: #cf8c6a;
  --titulus: #d8bc74;
  --kalendar-blue: #a9bedf;
  --moon-ink: #c9d0d9;
  --white: #1a2430;
  --red: #261e1d;
  --green: #142028;
  --violet: #1c2030;
  --black: #161c24;
  --rose: #241e28;
  --banner-bg: #182230;
  --surface: #172232;
  --surface-edge: rgba(208, 176, 106, 0.18);
  --pressed-wash: rgba(208, 176, 106, 0.12);
  --page-material:
    radial-gradient(ellipse at 12% 0%, rgba(104, 133, 156, 0.12), transparent 42%),
    radial-gradient(ellipse at 86% 31%, rgba(55, 82, 106, 0.1), transparent 48%),
    radial-gradient(ellipse at 45% 88%, rgba(5, 12, 20, 0.09), transparent 52%);
  --surface-material:
    radial-gradient(ellipse at 18% 0%, rgba(103, 132, 155, 0.075), transparent 48%),
    linear-gradient(155deg, rgba(216, 188, 116, 0.018), transparent 42%);
  --material-highlight: rgba(208, 176, 106, 0.065);
  --inscription-wash: rgba(208, 176, 106, 0.04);
  --oak-line: rgba(208, 176, 106, 0.16);
  --inscription-ground: #263431;
  --inscription-edge: #5c2b35;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .home-prayer-card {
    background: var(--surface);
    box-shadow: none;
  }
  :root:not([data-theme="light"]) .day-color-white:not(tr),
  :root:not([data-theme="light"]) tr.day-color-white::before,
  :root:not([data-theme="light"]) tr.day-color-white > td:first-child::before {
    --day-color: #d0b06a;
  }
  :root:not([data-theme="light"]) .day-color-black:not(tr),
  :root:not([data-theme="light"]) tr.day-color-black::before,
  :root:not([data-theme="light"]) tr.day-color-black > td:first-child::before {
    --day-color: #8a94a0;
  }
  :root:not([data-theme="light"]) .home-hour-link {
    background: var(--surface);
  }
  :root:not([data-theme="light"]) .home-hour-link.is-current {
    background: rgba(208, 176, 106, 0.12);
  }
  :root:not([data-theme="light"]) .pray-now {
    background: var(--accent);
    border-color: var(--accent);
    color: #121c28;
  }
  :root:not([data-theme="light"]) .pray-now:hover {
    background: #e0c684;
    border-color: #e0c684;
    color: #121c28;
  }
}
:root[data-theme="dark"] .home-prayer-card {
  background: var(--surface);
  box-shadow: none;
}
:root[data-theme="dark"] .day-color-white:not(tr),
:root[data-theme="dark"] tr.day-color-white::before,
:root[data-theme="dark"] tr.day-color-white > td:first-child::before {
  --day-color: #d0b06a;
}
:root[data-theme="dark"] .day-color-black:not(tr),
:root[data-theme="dark"] tr.day-color-black::before,
:root[data-theme="dark"] tr.day-color-black > td:first-child::before {
  --day-color: #8a94a0;
}
:root[data-theme="dark"] .home-hour-link {
  background: var(--surface);
}
:root[data-theme="dark"] .home-hour-link.is-current {
  background: rgba(208, 176, 106, 0.12);
}
:root[data-theme="dark"] .pray-now {
  background: var(--accent);
  border-color: var(--accent);
  color: #121c28;
}
:root[data-theme="dark"] .pray-now:hover {
  background: #e0c684;
  border-color: #e0c684;
  color: #121c28;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .theme-option[aria-pressed="true"],
  :root:not([data-theme="light"]) .text-size-option[aria-pressed="true"] {
    color: var(--accent);
  }
}
:root[data-theme="dark"] .theme-option[aria-pressed="true"],
:root[data-theme="dark"] .text-size-option[aria-pressed="true"] {
  color: var(--accent);
}
body.season-passiontide {
  --ornament: #756a7e;
  --ornament-line: #b5aabd;
  --ornament-hi: #8d8395;
  --ornament-lo: #605469;
  --inscription-ink: #ddd6e8;
}
body.season-eastertide {
  --ornament: #a4731a;
  --ornament-line: #d0b06c;
  --ornament-hi: #c8922d;
  --ornament-lo: #886011;
  --inscription-ink: #f2e2b1;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) body.season-passiontide {
    --ornament: #b0a4c2;
    --ornament-line: #565070;
    --ornament-hi: #cac1d7;
    --ornament-lo: #988aad;
  }
  :root:not([data-theme="light"]) body.season-eastertide {
    --ornament: #e6cf8c;
    --ornament-line: #7a6a44;
    --ornament-hi: #f2e2b1;
    --ornament-lo: #d3b86f;
  }
}
:root[data-theme="dark"] body.season-passiontide {
  --ornament: #b0a4c2;
  --ornament-line: #565070;
  --ornament-hi: #cac1d7;
  --ornament-lo: #988aad;
}
:root[data-theme="dark"] body.season-eastertide {
  --ornament: #e6cf8c;
  --ornament-line: #7a6a44;
  --ornament-hi: #f2e2b1;
  --ornament-lo: #d3b86f;
}
@media (max-width: 540px) {
  body {
    font-size: clamp(1.1875rem, calc(0.9rem + 1.45vw), 1.25rem);
    --page-gutter: 1rem;
  }
  .hymn-verses,
  .psalm-text,
  .psalm-verses,
  .psalm-verses .verse-num,
  .gloria-patri {
    line-height: 1.65;
  }
  .day-nav {
    align-items: center;
  }
  .date-jump-form {
    width: auto;
    max-width: 100%;
  }
  .date-jump {
    min-width: 9.5rem;
    width: auto;
    flex: 0 1 auto;
  }
  .js .day-nav {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0.15rem;
  }
  .js .date-jump {
    min-width: 0;
    flex: 0 1 7.5rem;
  }
  .hour-continuation {
    gap: 0.35rem;
  }
  .hour-continuation-link {
    font-size: 0.92rem;
  }
  .day-hours-link {
    padding-inline: 0.4rem;
  }
}
@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 220ms;
    animation-timing-function: ease;
  }
  :root {
    interpolate-size: allow-keywords;
  }
  :root.motion-ready details.hour-date-nav::details-content,
  :root.motion-ready details.session-prayers::details-content,
  :root.motion-ready details.day-commemorations::details-content,
  :root.motion-ready details.day-office-details::details-content,
  :root.motion-ready details.reminder-address::details-content,
  :root.motion-ready details.reminder-help::details-content {
    block-size: 0;
    overflow: clip;
    transition:
      block-size 200ms ease-out,
      content-visibility 200ms allow-discrete;
  }
  :root.motion-ready details.hour-date-nav[open]::details-content,
  :root.motion-ready details.session-prayers[open]::details-content,
  :root.motion-ready details.day-commemorations[open]::details-content,
  :root.motion-ready details.day-office-details[open]::details-content,
  :root.motion-ready details.reminder-address[open]::details-content,
  :root.motion-ready details.reminder-help[open]::details-content {
    block-size: auto;
  }
  :root.theme-anim,
  :root.theme-anim::before,
  :root.theme-anim *,
  :root.theme-anim *::before,
  :root.theme-anim *::after {
    transition:
      background-color 200ms ease,
      border-color 200ms ease,
      color 200ms ease,
      box-shadow 200ms ease,
      opacity 100ms ease !important;
  }
  :root.theme-anim.vault-hidden::before,
  :root.theme-anim.vault-hidden body:is(.page-home, .page-hour)::before,
  :root.theme-anim.vault-hidden body.page-hour .hour-epilogue::before,
  :root.theme-anim.vault-hidden body.page-hour .office-hour::before,
  :root.theme-anim.vault-hidden body.page-hour .office-hour::after,
  :root.theme-anim.vault-hidden body.page-hour footer::after {
    opacity: 0 !important;
  }
}
@media (max-width: 700px) and (prefers-reduced-motion: no-preference) {
  :root.motion-ready .site-menu-panel {
    transition:
      opacity 160ms ease-out,
      transform 160ms ease-out,
      display 160ms allow-discrete;
  }
  :root.motion-ready .site-menu:not([open]) > .site-menu-panel {
    opacity: 0;
    transform: translateY(-0.3rem);
  }
  :root.motion-ready .site-menu[open] > .site-menu-panel {
    opacity: 1;
    transform: none;
  }
  @starting-style {
    :root.motion-ready .site-menu[open] > .site-menu-panel {
      opacity: 0;
      transform: translateY(-0.3rem);
    }
  }
}
@media (min-width: 701px) and (prefers-reduced-motion: no-preference) {
  :root.motion-ready .settings-prefs {
    transition:
      opacity 160ms ease-out,
      transform 160ms ease-out,
      display 160ms allow-discrete;
  }
  :root.motion-ready .site-settings:not([open]) > .settings-prefs {
    opacity: 0;
    transform: translateY(-0.3rem);
  }
  :root.motion-ready .site-settings[open] > .settings-prefs {
    opacity: 1;
    transform: none;
  }
  @starting-style {
    :root.motion-ready .site-settings[open] > .settings-prefs {
      opacity: 0;
      transform: translateY(-0.3rem);
    }
  }
}
.ornament-headpiece {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  width: 8.5rem;
  color: var(--lining);
  font-size: 0.8rem;
  line-height: 1;
  pointer-events: none;
}
.ornament-sprig {
  display: block;
  flex: 1;
  min-width: 0;
  height: 0.9rem;
  opacity: 0.55;
}
.ornament-sprig-end { transform: scaleX(-1); }
.ornament-sprig-rule {
  fill: none;
  stroke: currentColor;
  stroke-width: 0.8;
}
.ornament-headpiece > span[data-sign] {
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  color: transparent;
  background: var(--gold);
  -webkit-mask: url("ornaments/sun.svg?v=e285df3317f4") center / contain no-repeat;
  mask: url("ornaments/sun.svg?v=e285df3317f4") center / contain no-repeat;
}
.ornament-headpiece > span[data-sign="moon"] {
  width: 1.3em;
  height: 1.3em;
  background: var(--moon-ink);
  -webkit-mask-image: url("ornaments/moon.svg?v=16cc02a7b574");
  mask-image: url("ornaments/moon.svg?v=16cc02a7b574");
}
.page-home .home-hero {
  --frontispiece-frame: rgba(87, 52, 33, 0.3);
  --frontispiece-rule: rgba(107, 58, 31, 0.22);
  --frontispiece-band: color-mix(in srgb, var(--inscription-ground) 9%, transparent);
  --panel-rule: color-mix(in srgb, var(--lining) 45%, transparent);
  --panel-inset: 0.75rem;
  --day-clear: calc(var(--panel-inset) + 9px + 0.75rem);
  --lining-day: var(--day-color, var(--lining));
  --pad-x: 1rem;
  --arch-w: calc(100cqi + 2 * var(--pad-x));
  --arch-lift: 2rem;
  --arch-frame: 1px;
  --arch-ground: var(--surface);
  --crown-size: 1.9rem;
  --crown-top: 2.1rem;
  --date-line: 1.656rem;
  --head-pad: calc(5.4rem - (var(--touch-target) - var(--date-line)) / 2);
  --panel-halo: drop-shadow(0 0 0.5rem var(--bg)) drop-shadow(0 0 0.75rem var(--bg));
  --panel-shade: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.45)) drop-shadow(0 0.3rem 0.4rem var(--niche-recess));
  --arch-halo: var(--panel-halo);
  --arch-shade: var(--panel-shade);
  position: relative;
  isolation: isolate;
  container-type: inline-size;
  width: 100%;
  max-width: 36rem;
  margin-inline: auto;
  gap: 0;
  padding: 0 var(--pad-x) 0.75rem;
}
.page-home .home-arch,
.page-home .home-arch-shade {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.page-home .home-arch {
  z-index: -5;
  filter: var(--arch-halo);
}
.page-home .home-arch-shade {
  filter: var(--arch-shade);
}
.page-home .home-arch::before,
.page-home .home-arch::after,
.page-home .home-arch-edge,
.page-home .home-hero::before,
.page-home .home-hero::after,
.page-home .home-arch-fill {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--arch-lift)) calc(-1 * var(--arch-d)) calc(-1 * var(--arch-d));
  pointer-events: none;
}
.page-home .home-arch::before {
  --arch-d: 1.5px;
  background: color-mix(in srgb, var(--day-color, var(--frontispiece-frame)) 70%, var(--frontispiece-frame));
}
.page-home .home-arch::after,
.page-home .home-arch-edge,
.page-home .home-hero::before {
  display: none;
}
.page-home .home-hero::after {
  --arch-d: 0px;
  z-index: -3;
  background: linear-gradient(var(--frontispiece-frame), var(--frontispiece-frame)), var(--surface);
}
.page-home .home-arch-fill {
  --arch-d: calc(-1 * var(--arch-frame));
  z-index: -2;
  background: var(--arch-ground);
}
.page-home .home-arch-shade::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--surface);
}
.page-home .home-hero.day-color-white {
  --lining-day: var(--gold-line);
}
.page-home .home-crown {
  display: block;
  position: absolute;
  top: var(--crown-top);
  left: 50%;
  width: var(--crown-size);
  height: var(--crown-size);
  margin: 0;
  transform: translateX(-50%);
  background: var(--lining);
  -webkit-mask: url("ornaments/consecration.svg?v=9225ec6cbbfe") center / contain no-repeat;
  mask: url("ornaments/consecration.svg?v=9225ec6cbbfe") center / contain no-repeat;
}
.page-home .home-lining {
  --arch-d: calc(-1 * var(--panel-inset));
  display: block;
  position: absolute;
  top: calc(-1 * var(--arch-lift));
  right: calc(-1 * var(--pad-x) - var(--arch-d));
  bottom: -0.15rem;
  left: calc(-1 * var(--pad-x) - var(--arch-d));
  pointer-events: none;
}
.page-home .home-lining::before,
.page-home .home-lining::after {
  content: "";
  position: absolute;
  inset: 0;
}
.page-home .home-lining::before {
  --arch-t: 2px;
  background: var(--lining);
}
.page-home .home-lining::after {
  --arch-d: calc(-1 * var(--panel-inset) - 8px);
  --arch-t: 1px;
  left: 8px;
  right: 8px;
  background: var(--lining-day);
}
.page-home .home-hero {
  --arch-rise: 0.44;
}
.page-home .home-arch::before,
.page-home .home-arch::after,
.page-home .home-arch-edge,
.page-home .home-hero::before,
.page-home .home-hero::after,
.page-home .home-arch-fill {
  clip-path: polygon(
    0 100%,
    calc(0%) calc(var(--arch-lift) + 0.44 * var(--arch-w)),
    calc(0.256% + 0.0034 * var(--arch-d)) calc(var(--arch-lift) + 0.4009 * var(--arch-w) - 0.1305 * var(--arch-d)),
    calc(1.021% + 0.0136 * var(--arch-d)) calc(var(--arch-lift) + 0.3624 * var(--arch-w) - 0.2587 * var(--arch-d)),
    calc(2.281% + 0.0304 * var(--arch-d)) calc(var(--arch-lift) + 0.3253 * var(--arch-w) - 0.3825 * var(--arch-d)),
    calc(4.015% + 0.0535 * var(--arch-d)) calc(var(--arch-lift) + 0.2901 * var(--arch-w) - 0.4997 * var(--arch-d)),
    calc(6.193% + 0.0826 * var(--arch-d)) calc(var(--arch-lift) + 0.2575 * var(--arch-w) - 0.6085 * var(--arch-d)),
    calc(8.777% + 0.117 * var(--arch-d)) calc(var(--arch-lift) + 0.228 * var(--arch-w) - 0.7068 * var(--arch-d)),
    calc(11.725% + 0.1563 * var(--arch-d)) calc(var(--arch-lift) + 0.2021 * var(--arch-w) - 0.793 * var(--arch-d)),
    calc(15.218% + 0.1137 * var(--arch-d)) calc(var(--arch-lift) + 0.1762 * var(--arch-w) - 0.8132 * var(--arch-d)),
    calc(18.797% + 0.0699 * var(--arch-d)) calc(var(--arch-lift) + 0.1515 * var(--arch-w) - 0.8324 * var(--arch-d)),
    calc(22.457% + 0.0252 * var(--arch-d)) calc(var(--arch-lift) + 0.128 * var(--arch-w) - 0.8507 * var(--arch-d)),
    calc(26.195% - 0.0205 * var(--arch-d)) calc(var(--arch-lift) + 0.1058 * var(--arch-w) - 0.868 * var(--arch-d)),
    calc(30.005% - 0.067 * var(--arch-d)) calc(var(--arch-lift) + 0.0848 * var(--arch-w) - 0.8843 * var(--arch-d)),
    calc(33.885% - 0.1144 * var(--arch-d)) calc(var(--arch-lift) + 0.0652 * var(--arch-w) - 0.8996 * var(--arch-d)),
    calc(37.829% - 0.1626 * var(--arch-d)) calc(var(--arch-lift) + 0.0468 * var(--arch-w) - 0.9139 * var(--arch-d)),
    calc(41.832% - 0.2115 * var(--arch-d)) calc(var(--arch-lift) + 0.0299 * var(--arch-w) - 0.9271 * var(--arch-d)),
    calc(45.891% - 0.2611 * var(--arch-d)) calc(var(--arch-lift) + 0.0142 * var(--arch-w) - 0.9392 * var(--arch-d)),
    calc(50%) calc(var(--arch-lift) + 0 * var(--arch-w) - 1.0523 * var(--arch-d)),
    calc(54.109% + 0.2611 * var(--arch-d)) calc(var(--arch-lift) + 0.0142 * var(--arch-w) - 0.9392 * var(--arch-d)),
    calc(58.168% + 0.2115 * var(--arch-d)) calc(var(--arch-lift) + 0.0299 * var(--arch-w) - 0.9271 * var(--arch-d)),
    calc(62.171% + 0.1626 * var(--arch-d)) calc(var(--arch-lift) + 0.0468 * var(--arch-w) - 0.9139 * var(--arch-d)),
    calc(66.115% + 0.1144 * var(--arch-d)) calc(var(--arch-lift) + 0.0652 * var(--arch-w) - 0.8996 * var(--arch-d)),
    calc(69.995% + 0.067 * var(--arch-d)) calc(var(--arch-lift) + 0.0848 * var(--arch-w) - 0.8843 * var(--arch-d)),
    calc(73.805% + 0.0205 * var(--arch-d)) calc(var(--arch-lift) + 0.1058 * var(--arch-w) - 0.868 * var(--arch-d)),
    calc(77.543% - 0.0252 * var(--arch-d)) calc(var(--arch-lift) + 0.128 * var(--arch-w) - 0.8507 * var(--arch-d)),
    calc(81.203% - 0.0699 * var(--arch-d)) calc(var(--arch-lift) + 0.1515 * var(--arch-w) - 0.8324 * var(--arch-d)),
    calc(84.782% - 0.1137 * var(--arch-d)) calc(var(--arch-lift) + 0.1762 * var(--arch-w) - 0.8132 * var(--arch-d)),
    calc(88.275% - 0.1563 * var(--arch-d)) calc(var(--arch-lift) + 0.2021 * var(--arch-w) - 0.793 * var(--arch-d)),
    calc(91.223% - 0.117 * var(--arch-d)) calc(var(--arch-lift) + 0.228 * var(--arch-w) - 0.7068 * var(--arch-d)),
    calc(93.807% - 0.0826 * var(--arch-d)) calc(var(--arch-lift) + 0.2575 * var(--arch-w) - 0.6085 * var(--arch-d)),
    calc(95.985% - 0.0535 * var(--arch-d)) calc(var(--arch-lift) + 0.2901 * var(--arch-w) - 0.4997 * var(--arch-d)),
    calc(97.719% - 0.0304 * var(--arch-d)) calc(var(--arch-lift) + 0.3253 * var(--arch-w) - 0.3825 * var(--arch-d)),
    calc(98.979% - 0.0136 * var(--arch-d)) calc(var(--arch-lift) + 0.3624 * var(--arch-w) - 0.2587 * var(--arch-d)),
    calc(99.744% - 0.0034 * var(--arch-d)) calc(var(--arch-lift) + 0.4009 * var(--arch-w) - 0.1305 * var(--arch-d)),
    calc(100%) calc(var(--arch-lift) + 0.44 * var(--arch-w)),
    100% 100%);
}
.page-home .home-arch-shade::before {
  clip-path: polygon(evenodd,
    -10% -10%,
    110% -10%,
    110% 110%,
    -10% 110%,
    -10% -10%,
    0 100%,
    calc(0%) calc(var(--arch-lift) + 0.44 * var(--arch-w)),
    calc(0.256% + 0.0034 * var(--arch-d)) calc(var(--arch-lift) + 0.4009 * var(--arch-w) - 0.1305 * var(--arch-d)),
    calc(1.021% + 0.0136 * var(--arch-d)) calc(var(--arch-lift) + 0.3624 * var(--arch-w) - 0.2587 * var(--arch-d)),
    calc(2.281% + 0.0304 * var(--arch-d)) calc(var(--arch-lift) + 0.3253 * var(--arch-w) - 0.3825 * var(--arch-d)),
    calc(4.015% + 0.0535 * var(--arch-d)) calc(var(--arch-lift) + 0.2901 * var(--arch-w) - 0.4997 * var(--arch-d)),
    calc(6.193% + 0.0826 * var(--arch-d)) calc(var(--arch-lift) + 0.2575 * var(--arch-w) - 0.6085 * var(--arch-d)),
    calc(8.777% + 0.117 * var(--arch-d)) calc(var(--arch-lift) + 0.228 * var(--arch-w) - 0.7068 * var(--arch-d)),
    calc(11.725% + 0.1563 * var(--arch-d)) calc(var(--arch-lift) + 0.2021 * var(--arch-w) - 0.793 * var(--arch-d)),
    calc(15.218% + 0.1137 * var(--arch-d)) calc(var(--arch-lift) + 0.1762 * var(--arch-w) - 0.8132 * var(--arch-d)),
    calc(18.797% + 0.0699 * var(--arch-d)) calc(var(--arch-lift) + 0.1515 * var(--arch-w) - 0.8324 * var(--arch-d)),
    calc(22.457% + 0.0252 * var(--arch-d)) calc(var(--arch-lift) + 0.128 * var(--arch-w) - 0.8507 * var(--arch-d)),
    calc(26.195% - 0.0205 * var(--arch-d)) calc(var(--arch-lift) + 0.1058 * var(--arch-w) - 0.868 * var(--arch-d)),
    calc(30.005% - 0.067 * var(--arch-d)) calc(var(--arch-lift) + 0.0848 * var(--arch-w) - 0.8843 * var(--arch-d)),
    calc(33.885% - 0.1144 * var(--arch-d)) calc(var(--arch-lift) + 0.0652 * var(--arch-w) - 0.8996 * var(--arch-d)),
    calc(37.829% - 0.1626 * var(--arch-d)) calc(var(--arch-lift) + 0.0468 * var(--arch-w) - 0.9139 * var(--arch-d)),
    calc(41.832% - 0.2115 * var(--arch-d)) calc(var(--arch-lift) + 0.0299 * var(--arch-w) - 0.9271 * var(--arch-d)),
    calc(45.891% - 0.2611 * var(--arch-d)) calc(var(--arch-lift) + 0.0142 * var(--arch-w) - 0.9392 * var(--arch-d)),
    calc(50%) calc(var(--arch-lift) + 0 * var(--arch-w) - 1.0523 * var(--arch-d)),
    calc(54.109% + 0.2611 * var(--arch-d)) calc(var(--arch-lift) + 0.0142 * var(--arch-w) - 0.9392 * var(--arch-d)),
    calc(58.168% + 0.2115 * var(--arch-d)) calc(var(--arch-lift) + 0.0299 * var(--arch-w) - 0.9271 * var(--arch-d)),
    calc(62.171% + 0.1626 * var(--arch-d)) calc(var(--arch-lift) + 0.0468 * var(--arch-w) - 0.9139 * var(--arch-d)),
    calc(66.115% + 0.1144 * var(--arch-d)) calc(var(--arch-lift) + 0.0652 * var(--arch-w) - 0.8996 * var(--arch-d)),
    calc(69.995% + 0.067 * var(--arch-d)) calc(var(--arch-lift) + 0.0848 * var(--arch-w) - 0.8843 * var(--arch-d)),
    calc(73.805% + 0.0205 * var(--arch-d)) calc(var(--arch-lift) + 0.1058 * var(--arch-w) - 0.868 * var(--arch-d)),
    calc(77.543% - 0.0252 * var(--arch-d)) calc(var(--arch-lift) + 0.128 * var(--arch-w) - 0.8507 * var(--arch-d)),
    calc(81.203% - 0.0699 * var(--arch-d)) calc(var(--arch-lift) + 0.1515 * var(--arch-w) - 0.8324 * var(--arch-d)),
    calc(84.782% - 0.1137 * var(--arch-d)) calc(var(--arch-lift) + 0.1762 * var(--arch-w) - 0.8132 * var(--arch-d)),
    calc(88.275% - 0.1563 * var(--arch-d)) calc(var(--arch-lift) + 0.2021 * var(--arch-w) - 0.793 * var(--arch-d)),
    calc(91.223% - 0.117 * var(--arch-d)) calc(var(--arch-lift) + 0.228 * var(--arch-w) - 0.7068 * var(--arch-d)),
    calc(93.807% - 0.0826 * var(--arch-d)) calc(var(--arch-lift) + 0.2575 * var(--arch-w) - 0.6085 * var(--arch-d)),
    calc(95.985% - 0.0535 * var(--arch-d)) calc(var(--arch-lift) + 0.2901 * var(--arch-w) - 0.4997 * var(--arch-d)),
    calc(97.719% - 0.0304 * var(--arch-d)) calc(var(--arch-lift) + 0.3253 * var(--arch-w) - 0.3825 * var(--arch-d)),
    calc(98.979% - 0.0136 * var(--arch-d)) calc(var(--arch-lift) + 0.3624 * var(--arch-w) - 0.2587 * var(--arch-d)),
    calc(99.744% - 0.0034 * var(--arch-d)) calc(var(--arch-lift) + 0.4009 * var(--arch-w) - 0.1305 * var(--arch-d)),
    calc(100%) calc(var(--arch-lift) + 0.44 * var(--arch-w)),
    100% 100%,
    0 100%);
}
.page-home .home-lining::before,
.page-home .home-lining::after {
  clip-path: polygon(
    0 100%,
    calc(0%) calc(var(--arch-lift) + 0.44 * var(--arch-w)),
    calc(0.256% + 0.0034 * var(--arch-d)) calc(var(--arch-lift) + 0.4009 * var(--arch-w) - 0.1305 * var(--arch-d)),
    calc(1.021% + 0.0136 * var(--arch-d)) calc(var(--arch-lift) + 0.3624 * var(--arch-w) - 0.2587 * var(--arch-d)),
    calc(2.281% + 0.0304 * var(--arch-d)) calc(var(--arch-lift) + 0.3253 * var(--arch-w) - 0.3825 * var(--arch-d)),
    calc(4.015% + 0.0535 * var(--arch-d)) calc(var(--arch-lift) + 0.2901 * var(--arch-w) - 0.4997 * var(--arch-d)),
    calc(6.193% + 0.0826 * var(--arch-d)) calc(var(--arch-lift) + 0.2575 * var(--arch-w) - 0.6085 * var(--arch-d)),
    calc(8.777% + 0.117 * var(--arch-d)) calc(var(--arch-lift) + 0.228 * var(--arch-w) - 0.7068 * var(--arch-d)),
    calc(11.725% + 0.1563 * var(--arch-d)) calc(var(--arch-lift) + 0.2021 * var(--arch-w) - 0.793 * var(--arch-d)),
    calc(15.218% + 0.1137 * var(--arch-d)) calc(var(--arch-lift) + 0.1762 * var(--arch-w) - 0.8132 * var(--arch-d)),
    calc(18.797% + 0.0699 * var(--arch-d)) calc(var(--arch-lift) + 0.1515 * var(--arch-w) - 0.8324 * var(--arch-d)),
    calc(22.457% + 0.0252 * var(--arch-d)) calc(var(--arch-lift) + 0.128 * var(--arch-w) - 0.8507 * var(--arch-d)),
    calc(26.195% - 0.0205 * var(--arch-d)) calc(var(--arch-lift) + 0.1058 * var(--arch-w) - 0.868 * var(--arch-d)),
    calc(30.005% - 0.067 * var(--arch-d)) calc(var(--arch-lift) + 0.0848 * var(--arch-w) - 0.8843 * var(--arch-d)),
    calc(33.885% - 0.1144 * var(--arch-d)) calc(var(--arch-lift) + 0.0652 * var(--arch-w) - 0.8996 * var(--arch-d)),
    calc(37.829% - 0.1626 * var(--arch-d)) calc(var(--arch-lift) + 0.0468 * var(--arch-w) - 0.9139 * var(--arch-d)),
    calc(41.832% - 0.2115 * var(--arch-d)) calc(var(--arch-lift) + 0.0299 * var(--arch-w) - 0.9271 * var(--arch-d)),
    calc(45.891% - 0.2611 * var(--arch-d)) calc(var(--arch-lift) + 0.0142 * var(--arch-w) - 0.9392 * var(--arch-d)),
    calc(50%) calc(var(--arch-lift) + 0 * var(--arch-w) - 1.0523 * var(--arch-d)),
    calc(54.109% + 0.2611 * var(--arch-d)) calc(var(--arch-lift) + 0.0142 * var(--arch-w) - 0.9392 * var(--arch-d)),
    calc(58.168% + 0.2115 * var(--arch-d)) calc(var(--arch-lift) + 0.0299 * var(--arch-w) - 0.9271 * var(--arch-d)),
    calc(62.171% + 0.1626 * var(--arch-d)) calc(var(--arch-lift) + 0.0468 * var(--arch-w) - 0.9139 * var(--arch-d)),
    calc(66.115% + 0.1144 * var(--arch-d)) calc(var(--arch-lift) + 0.0652 * var(--arch-w) - 0.8996 * var(--arch-d)),
    calc(69.995% + 0.067 * var(--arch-d)) calc(var(--arch-lift) + 0.0848 * var(--arch-w) - 0.8843 * var(--arch-d)),
    calc(73.805% + 0.0205 * var(--arch-d)) calc(var(--arch-lift) + 0.1058 * var(--arch-w) - 0.868 * var(--arch-d)),
    calc(77.543% - 0.0252 * var(--arch-d)) calc(var(--arch-lift) + 0.128 * var(--arch-w) - 0.8507 * var(--arch-d)),
    calc(81.203% - 0.0699 * var(--arch-d)) calc(var(--arch-lift) + 0.1515 * var(--arch-w) - 0.8324 * var(--arch-d)),
    calc(84.782% - 0.1137 * var(--arch-d)) calc(var(--arch-lift) + 0.1762 * var(--arch-w) - 0.8132 * var(--arch-d)),
    calc(88.275% - 0.1563 * var(--arch-d)) calc(var(--arch-lift) + 0.2021 * var(--arch-w) - 0.793 * var(--arch-d)),
    calc(91.223% - 0.117 * var(--arch-d)) calc(var(--arch-lift) + 0.228 * var(--arch-w) - 0.7068 * var(--arch-d)),
    calc(93.807% - 0.0826 * var(--arch-d)) calc(var(--arch-lift) + 0.2575 * var(--arch-w) - 0.6085 * var(--arch-d)),
    calc(95.985% - 0.0535 * var(--arch-d)) calc(var(--arch-lift) + 0.2901 * var(--arch-w) - 0.4997 * var(--arch-d)),
    calc(97.719% - 0.0304 * var(--arch-d)) calc(var(--arch-lift) + 0.3253 * var(--arch-w) - 0.3825 * var(--arch-d)),
    calc(98.979% - 0.0136 * var(--arch-d)) calc(var(--arch-lift) + 0.3624 * var(--arch-w) - 0.2587 * var(--arch-d)),
    calc(99.744% - 0.0034 * var(--arch-d)) calc(var(--arch-lift) + 0.4009 * var(--arch-w) - 0.1305 * var(--arch-d)),
    calc(100%) calc(var(--arch-lift) + 0.44 * var(--arch-w)),
    100% 100%,
    calc(100% - var(--arch-t)) 100%,
    calc(100% - 1 * var(--arch-t)) calc(var(--arch-lift) + 0.44 * var(--arch-w)),
    calc(99.744% - 0.0034 * var(--arch-d) - 0.9915 * var(--arch-t)) calc(var(--arch-lift) + 0.4009 * var(--arch-w) - 0.1305 * var(--arch-d) + 0.1305 * var(--arch-t)),
    calc(98.979% - 0.0136 * var(--arch-d) - 0.966 * var(--arch-t)) calc(var(--arch-lift) + 0.3624 * var(--arch-w) - 0.2587 * var(--arch-d) + 0.2587 * var(--arch-t)),
    calc(97.719% - 0.0304 * var(--arch-d) - 0.924 * var(--arch-t)) calc(var(--arch-lift) + 0.3253 * var(--arch-w) - 0.3825 * var(--arch-d) + 0.3825 * var(--arch-t)),
    calc(95.985% - 0.0535 * var(--arch-d) - 0.8662 * var(--arch-t)) calc(var(--arch-lift) + 0.2901 * var(--arch-w) - 0.4997 * var(--arch-d) + 0.4997 * var(--arch-t)),
    calc(93.807% - 0.0826 * var(--arch-d) - 0.7936 * var(--arch-t)) calc(var(--arch-lift) + 0.2575 * var(--arch-w) - 0.6085 * var(--arch-d) + 0.6085 * var(--arch-t)),
    calc(91.223% - 0.117 * var(--arch-d) - 0.7074 * var(--arch-t)) calc(var(--arch-lift) + 0.228 * var(--arch-w) - 0.7068 * var(--arch-d) + 0.7068 * var(--arch-t)),
    calc(88.275% - 0.1563 * var(--arch-d) - 0.6092 * var(--arch-t)) calc(var(--arch-lift) + 0.2021 * var(--arch-w) - 0.793 * var(--arch-d) + 0.793 * var(--arch-t)),
    calc(84.782% - 0.1137 * var(--arch-d) - 0.582 * var(--arch-t)) calc(var(--arch-lift) + 0.1762 * var(--arch-w) - 0.8132 * var(--arch-d) + 0.8132 * var(--arch-t)),
    calc(81.203% - 0.0699 * var(--arch-d) - 0.5541 * var(--arch-t)) calc(var(--arch-lift) + 0.1515 * var(--arch-w) - 0.8324 * var(--arch-d) + 0.8324 * var(--arch-t)),
    calc(77.543% - 0.0252 * var(--arch-d) - 0.5256 * var(--arch-t)) calc(var(--arch-lift) + 0.128 * var(--arch-w) - 0.8507 * var(--arch-d) + 0.8507 * var(--arch-t)),
    calc(73.805% + 0.0205 * var(--arch-d) - 0.4966 * var(--arch-t)) calc(var(--arch-lift) + 0.1058 * var(--arch-w) - 0.868 * var(--arch-d) + 0.868 * var(--arch-t)),
    calc(69.995% + 0.067 * var(--arch-d) - 0.4669 * var(--arch-t)) calc(var(--arch-lift) + 0.0848 * var(--arch-w) - 0.8843 * var(--arch-d) + 0.8843 * var(--arch-t)),
    calc(66.115% + 0.1144 * var(--arch-d) - 0.4367 * var(--arch-t)) calc(var(--arch-lift) + 0.0652 * var(--arch-w) - 0.8996 * var(--arch-d) + 0.8996 * var(--arch-t)),
    calc(62.171% + 0.1626 * var(--arch-d) - 0.406 * var(--arch-t)) calc(var(--arch-lift) + 0.0468 * var(--arch-w) - 0.9139 * var(--arch-d) + 0.9139 * var(--arch-t)),
    calc(58.168% + 0.2115 * var(--arch-d) - 0.3749 * var(--arch-t)) calc(var(--arch-lift) + 0.0299 * var(--arch-w) - 0.9271 * var(--arch-d) + 0.9271 * var(--arch-t)),
    calc(54.109% + 0.2611 * var(--arch-d) - 0.3433 * var(--arch-t)) calc(var(--arch-lift) + 0.0142 * var(--arch-w) - 0.9392 * var(--arch-d) + 0.9392 * var(--arch-t)),
    calc(50%) calc(var(--arch-lift) + 0 * var(--arch-w) - 1.0523 * var(--arch-d) + 1.0523 * var(--arch-t)),
    calc(45.891% - 0.2611 * var(--arch-d) + 0.3433 * var(--arch-t)) calc(var(--arch-lift) + 0.0142 * var(--arch-w) - 0.9392 * var(--arch-d) + 0.9392 * var(--arch-t)),
    calc(41.832% - 0.2115 * var(--arch-d) + 0.3749 * var(--arch-t)) calc(var(--arch-lift) + 0.0299 * var(--arch-w) - 0.9271 * var(--arch-d) + 0.9271 * var(--arch-t)),
    calc(37.829% - 0.1626 * var(--arch-d) + 0.406 * var(--arch-t)) calc(var(--arch-lift) + 0.0468 * var(--arch-w) - 0.9139 * var(--arch-d) + 0.9139 * var(--arch-t)),
    calc(33.885% - 0.1144 * var(--arch-d) + 0.4367 * var(--arch-t)) calc(var(--arch-lift) + 0.0652 * var(--arch-w) - 0.8996 * var(--arch-d) + 0.8996 * var(--arch-t)),
    calc(30.005% - 0.067 * var(--arch-d) + 0.4669 * var(--arch-t)) calc(var(--arch-lift) + 0.0848 * var(--arch-w) - 0.8843 * var(--arch-d) + 0.8843 * var(--arch-t)),
    calc(26.195% - 0.0205 * var(--arch-d) + 0.4966 * var(--arch-t)) calc(var(--arch-lift) + 0.1058 * var(--arch-w) - 0.868 * var(--arch-d) + 0.868 * var(--arch-t)),
    calc(22.457% + 0.0252 * var(--arch-d) + 0.5256 * var(--arch-t)) calc(var(--arch-lift) + 0.128 * var(--arch-w) - 0.8507 * var(--arch-d) + 0.8507 * var(--arch-t)),
    calc(18.797% + 0.0699 * var(--arch-d) + 0.5541 * var(--arch-t)) calc(var(--arch-lift) + 0.1515 * var(--arch-w) - 0.8324 * var(--arch-d) + 0.8324 * var(--arch-t)),
    calc(15.218% + 0.1137 * var(--arch-d) + 0.582 * var(--arch-t)) calc(var(--arch-lift) + 0.1762 * var(--arch-w) - 0.8132 * var(--arch-d) + 0.8132 * var(--arch-t)),
    calc(11.725% + 0.1563 * var(--arch-d) + 0.6092 * var(--arch-t)) calc(var(--arch-lift) + 0.2021 * var(--arch-w) - 0.793 * var(--arch-d) + 0.793 * var(--arch-t)),
    calc(8.777% + 0.117 * var(--arch-d) + 0.7074 * var(--arch-t)) calc(var(--arch-lift) + 0.228 * var(--arch-w) - 0.7068 * var(--arch-d) + 0.7068 * var(--arch-t)),
    calc(6.193% + 0.0826 * var(--arch-d) + 0.7936 * var(--arch-t)) calc(var(--arch-lift) + 0.2575 * var(--arch-w) - 0.6085 * var(--arch-d) + 0.6085 * var(--arch-t)),
    calc(4.015% + 0.0535 * var(--arch-d) + 0.8662 * var(--arch-t)) calc(var(--arch-lift) + 0.2901 * var(--arch-w) - 0.4997 * var(--arch-d) + 0.4997 * var(--arch-t)),
    calc(2.281% + 0.0304 * var(--arch-d) + 0.924 * var(--arch-t)) calc(var(--arch-lift) + 0.3253 * var(--arch-w) - 0.3825 * var(--arch-d) + 0.3825 * var(--arch-t)),
    calc(1.021% + 0.0136 * var(--arch-d) + 0.966 * var(--arch-t)) calc(var(--arch-lift) + 0.3624 * var(--arch-w) - 0.2587 * var(--arch-d) + 0.2587 * var(--arch-t)),
    calc(0.256% + 0.0034 * var(--arch-d) + 0.9915 * var(--arch-t)) calc(var(--arch-lift) + 0.4009 * var(--arch-w) - 0.1305 * var(--arch-d) + 0.1305 * var(--arch-t)),
    calc(0% + 1 * var(--arch-t)) calc(var(--arch-lift) + 0.44 * var(--arch-w)),
    var(--arch-t) 100%);
}
@media (max-width: 700px) and (min-height: 800px) {
  .page-home .home-hero {
    --arch-rise: 0.56;
  }
  .page-home .home-arch::before,
  .page-home .home-arch::after,
  .page-home .home-arch-edge,
  .page-home .home-hero::before,
  .page-home .home-hero::after,
  .page-home .home-arch-fill {
    clip-path: polygon(
      0 100%,
      calc(0%) calc(var(--arch-lift) + 0.56 * var(--arch-w)),
      calc(0.166% + 0.0008 * var(--arch-d)) calc(var(--arch-lift) + 0.5236 * var(--arch-w) - 0.091 * var(--arch-d)),
      calc(0.662% + 0.0033 * var(--arch-d)) calc(var(--arch-lift) + 0.4875 * var(--arch-w) - 0.1812 * var(--arch-d)),
      calc(1.484% + 0.0074 * var(--arch-d)) calc(var(--arch-lift) + 0.4521 * var(--arch-w) - 0.2699 * var(--arch-d)),
      calc(2.626% + 0.0131 * var(--arch-d)) calc(var(--arch-lift) + 0.4175 * var(--arch-w) - 0.3563 * var(--arch-d)),
      calc(4.077% + 0.0204 * var(--arch-d)) calc(var(--arch-lift) + 0.3841 * var(--arch-w) - 0.4398 * var(--arch-d)),
      calc(5.826% + 0.0291 * var(--arch-d)) calc(var(--arch-lift) + 0.3521 * var(--arch-w) - 0.5197 * var(--arch-d)),
      calc(7.859% + 0.0393 * var(--arch-d)) calc(var(--arch-lift) + 0.3219 * var(--arch-w) - 0.5953 * var(--arch-d)),
      calc(10.158% + 0.0508 * var(--arch-d)) calc(var(--arch-lift) + 0.2936 * var(--arch-w) - 0.6659 * var(--arch-d)),
      calc(13.553% + 0.0111 * var(--arch-d)) calc(var(--arch-lift) + 0.2572 * var(--arch-w) - 0.6962 * var(--arch-d)),
      calc(17.097% - 0.0304 * var(--arch-d)) calc(var(--arch-lift) + 0.2221 * var(--arch-w) - 0.7253 * var(--arch-d)),
      calc(20.782% - 0.0735 * var(--arch-d)) calc(var(--arch-lift) + 0.1885 * var(--arch-w) - 0.7532 * var(--arch-d)),
      calc(24.603% - 0.1182 * var(--arch-d)) calc(var(--arch-lift) + 0.1565 * var(--arch-w) - 0.7797 * var(--arch-d)),
      calc(28.554% - 0.1644 * var(--arch-d)) calc(var(--arch-lift) + 0.1261 * var(--arch-w) - 0.805 * var(--arch-d)),
      calc(32.627% - 0.212 * var(--arch-d)) calc(var(--arch-lift) + 0.0974 * var(--arch-w) - 0.8288 * var(--arch-d)),
      calc(36.815% - 0.261 * var(--arch-d)) calc(var(--arch-lift) + 0.0704 * var(--arch-w) - 0.8513 * var(--arch-d)),
      calc(41.112% - 0.3112 * var(--arch-d)) calc(var(--arch-lift) + 0.0451 * var(--arch-w) - 0.8723 * var(--arch-d)),
      calc(45.509% - 0.3627 * var(--arch-d)) calc(var(--arch-lift) + 0.0216 * var(--arch-w) - 0.8918 * var(--arch-d)),
      calc(50%) calc(var(--arch-lift) + 0 * var(--arch-w) - 1.0992 * var(--arch-d)),
      calc(54.491% + 0.3627 * var(--arch-d)) calc(var(--arch-lift) + 0.0216 * var(--arch-w) - 0.8918 * var(--arch-d)),
      calc(58.888% + 0.3112 * var(--arch-d)) calc(var(--arch-lift) + 0.0451 * var(--arch-w) - 0.8723 * var(--arch-d)),
      calc(63.185% + 0.261 * var(--arch-d)) calc(var(--arch-lift) + 0.0704 * var(--arch-w) - 0.8513 * var(--arch-d)),
      calc(67.373% + 0.212 * var(--arch-d)) calc(var(--arch-lift) + 0.0974 * var(--arch-w) - 0.8288 * var(--arch-d)),
      calc(71.446% + 0.1644 * var(--arch-d)) calc(var(--arch-lift) + 0.1261 * var(--arch-w) - 0.805 * var(--arch-d)),
      calc(75.397% + 0.1182 * var(--arch-d)) calc(var(--arch-lift) + 0.1565 * var(--arch-w) - 0.7797 * var(--arch-d)),
      calc(79.218% + 0.0735 * var(--arch-d)) calc(var(--arch-lift) + 0.1885 * var(--arch-w) - 0.7532 * var(--arch-d)),
      calc(82.903% + 0.0304 * var(--arch-d)) calc(var(--arch-lift) + 0.2221 * var(--arch-w) - 0.7253 * var(--arch-d)),
      calc(86.447% - 0.0111 * var(--arch-d)) calc(var(--arch-lift) + 0.2572 * var(--arch-w) - 0.6962 * var(--arch-d)),
      calc(89.842% - 0.0508 * var(--arch-d)) calc(var(--arch-lift) + 0.2936 * var(--arch-w) - 0.6659 * var(--arch-d)),
      calc(92.141% - 0.0393 * var(--arch-d)) calc(var(--arch-lift) + 0.3219 * var(--arch-w) - 0.5953 * var(--arch-d)),
      calc(94.174% - 0.0291 * var(--arch-d)) calc(var(--arch-lift) + 0.3521 * var(--arch-w) - 0.5197 * var(--arch-d)),
      calc(95.923% - 0.0204 * var(--arch-d)) calc(var(--arch-lift) + 0.3841 * var(--arch-w) - 0.4398 * var(--arch-d)),
      calc(97.374% - 0.0131 * var(--arch-d)) calc(var(--arch-lift) + 0.4175 * var(--arch-w) - 0.3563 * var(--arch-d)),
      calc(98.516% - 0.0074 * var(--arch-d)) calc(var(--arch-lift) + 0.4521 * var(--arch-w) - 0.2699 * var(--arch-d)),
      calc(99.338% - 0.0033 * var(--arch-d)) calc(var(--arch-lift) + 0.4875 * var(--arch-w) - 0.1812 * var(--arch-d)),
      calc(99.834% - 0.0008 * var(--arch-d)) calc(var(--arch-lift) + 0.5236 * var(--arch-w) - 0.091 * var(--arch-d)),
      calc(100%) calc(var(--arch-lift) + 0.56 * var(--arch-w)),
      100% 100%);
  }
  .page-home .home-arch-shade::before {
    clip-path: polygon(evenodd,
      -10% -10%,
      110% -10%,
      110% 110%,
      -10% 110%,
      -10% -10%,
      0 100%,
      calc(0%) calc(var(--arch-lift) + 0.56 * var(--arch-w)),
      calc(0.166% + 0.0008 * var(--arch-d)) calc(var(--arch-lift) + 0.5236 * var(--arch-w) - 0.091 * var(--arch-d)),
      calc(0.662% + 0.0033 * var(--arch-d)) calc(var(--arch-lift) + 0.4875 * var(--arch-w) - 0.1812 * var(--arch-d)),
      calc(1.484% + 0.0074 * var(--arch-d)) calc(var(--arch-lift) + 0.4521 * var(--arch-w) - 0.2699 * var(--arch-d)),
      calc(2.626% + 0.0131 * var(--arch-d)) calc(var(--arch-lift) + 0.4175 * var(--arch-w) - 0.3563 * var(--arch-d)),
      calc(4.077% + 0.0204 * var(--arch-d)) calc(var(--arch-lift) + 0.3841 * var(--arch-w) - 0.4398 * var(--arch-d)),
      calc(5.826% + 0.0291 * var(--arch-d)) calc(var(--arch-lift) + 0.3521 * var(--arch-w) - 0.5197 * var(--arch-d)),
      calc(7.859% + 0.0393 * var(--arch-d)) calc(var(--arch-lift) + 0.3219 * var(--arch-w) - 0.5953 * var(--arch-d)),
      calc(10.158% + 0.0508 * var(--arch-d)) calc(var(--arch-lift) + 0.2936 * var(--arch-w) - 0.6659 * var(--arch-d)),
      calc(13.553% + 0.0111 * var(--arch-d)) calc(var(--arch-lift) + 0.2572 * var(--arch-w) - 0.6962 * var(--arch-d)),
      calc(17.097% - 0.0304 * var(--arch-d)) calc(var(--arch-lift) + 0.2221 * var(--arch-w) - 0.7253 * var(--arch-d)),
      calc(20.782% - 0.0735 * var(--arch-d)) calc(var(--arch-lift) + 0.1885 * var(--arch-w) - 0.7532 * var(--arch-d)),
      calc(24.603% - 0.1182 * var(--arch-d)) calc(var(--arch-lift) + 0.1565 * var(--arch-w) - 0.7797 * var(--arch-d)),
      calc(28.554% - 0.1644 * var(--arch-d)) calc(var(--arch-lift) + 0.1261 * var(--arch-w) - 0.805 * var(--arch-d)),
      calc(32.627% - 0.212 * var(--arch-d)) calc(var(--arch-lift) + 0.0974 * var(--arch-w) - 0.8288 * var(--arch-d)),
      calc(36.815% - 0.261 * var(--arch-d)) calc(var(--arch-lift) + 0.0704 * var(--arch-w) - 0.8513 * var(--arch-d)),
      calc(41.112% - 0.3112 * var(--arch-d)) calc(var(--arch-lift) + 0.0451 * var(--arch-w) - 0.8723 * var(--arch-d)),
      calc(45.509% - 0.3627 * var(--arch-d)) calc(var(--arch-lift) + 0.0216 * var(--arch-w) - 0.8918 * var(--arch-d)),
      calc(50%) calc(var(--arch-lift) + 0 * var(--arch-w) - 1.0992 * var(--arch-d)),
      calc(54.491% + 0.3627 * var(--arch-d)) calc(var(--arch-lift) + 0.0216 * var(--arch-w) - 0.8918 * var(--arch-d)),
      calc(58.888% + 0.3112 * var(--arch-d)) calc(var(--arch-lift) + 0.0451 * var(--arch-w) - 0.8723 * var(--arch-d)),
      calc(63.185% + 0.261 * var(--arch-d)) calc(var(--arch-lift) + 0.0704 * var(--arch-w) - 0.8513 * var(--arch-d)),
      calc(67.373% + 0.212 * var(--arch-d)) calc(var(--arch-lift) + 0.0974 * var(--arch-w) - 0.8288 * var(--arch-d)),
      calc(71.446% + 0.1644 * var(--arch-d)) calc(var(--arch-lift) + 0.1261 * var(--arch-w) - 0.805 * var(--arch-d)),
      calc(75.397% + 0.1182 * var(--arch-d)) calc(var(--arch-lift) + 0.1565 * var(--arch-w) - 0.7797 * var(--arch-d)),
      calc(79.218% + 0.0735 * var(--arch-d)) calc(var(--arch-lift) + 0.1885 * var(--arch-w) - 0.7532 * var(--arch-d)),
      calc(82.903% + 0.0304 * var(--arch-d)) calc(var(--arch-lift) + 0.2221 * var(--arch-w) - 0.7253 * var(--arch-d)),
      calc(86.447% - 0.0111 * var(--arch-d)) calc(var(--arch-lift) + 0.2572 * var(--arch-w) - 0.6962 * var(--arch-d)),
      calc(89.842% - 0.0508 * var(--arch-d)) calc(var(--arch-lift) + 0.2936 * var(--arch-w) - 0.6659 * var(--arch-d)),
      calc(92.141% - 0.0393 * var(--arch-d)) calc(var(--arch-lift) + 0.3219 * var(--arch-w) - 0.5953 * var(--arch-d)),
      calc(94.174% - 0.0291 * var(--arch-d)) calc(var(--arch-lift) + 0.3521 * var(--arch-w) - 0.5197 * var(--arch-d)),
      calc(95.923% - 0.0204 * var(--arch-d)) calc(var(--arch-lift) + 0.3841 * var(--arch-w) - 0.4398 * var(--arch-d)),
      calc(97.374% - 0.0131 * var(--arch-d)) calc(var(--arch-lift) + 0.4175 * var(--arch-w) - 0.3563 * var(--arch-d)),
      calc(98.516% - 0.0074 * var(--arch-d)) calc(var(--arch-lift) + 0.4521 * var(--arch-w) - 0.2699 * var(--arch-d)),
      calc(99.338% - 0.0033 * var(--arch-d)) calc(var(--arch-lift) + 0.4875 * var(--arch-w) - 0.1812 * var(--arch-d)),
      calc(99.834% - 0.0008 * var(--arch-d)) calc(var(--arch-lift) + 0.5236 * var(--arch-w) - 0.091 * var(--arch-d)),
      calc(100%) calc(var(--arch-lift) + 0.56 * var(--arch-w)),
      100% 100%,
      0 100%);
  }
  .page-home .home-lining::before,
  .page-home .home-lining::after {
    clip-path: polygon(
      0 100%,
      calc(0%) calc(var(--arch-lift) + 0.56 * var(--arch-w)),
      calc(0.166% + 0.0008 * var(--arch-d)) calc(var(--arch-lift) + 0.5236 * var(--arch-w) - 0.091 * var(--arch-d)),
      calc(0.662% + 0.0033 * var(--arch-d)) calc(var(--arch-lift) + 0.4875 * var(--arch-w) - 0.1812 * var(--arch-d)),
      calc(1.484% + 0.0074 * var(--arch-d)) calc(var(--arch-lift) + 0.4521 * var(--arch-w) - 0.2699 * var(--arch-d)),
      calc(2.626% + 0.0131 * var(--arch-d)) calc(var(--arch-lift) + 0.4175 * var(--arch-w) - 0.3563 * var(--arch-d)),
      calc(4.077% + 0.0204 * var(--arch-d)) calc(var(--arch-lift) + 0.3841 * var(--arch-w) - 0.4398 * var(--arch-d)),
      calc(5.826% + 0.0291 * var(--arch-d)) calc(var(--arch-lift) + 0.3521 * var(--arch-w) - 0.5197 * var(--arch-d)),
      calc(7.859% + 0.0393 * var(--arch-d)) calc(var(--arch-lift) + 0.3219 * var(--arch-w) - 0.5953 * var(--arch-d)),
      calc(10.158% + 0.0508 * var(--arch-d)) calc(var(--arch-lift) + 0.2936 * var(--arch-w) - 0.6659 * var(--arch-d)),
      calc(13.553% + 0.0111 * var(--arch-d)) calc(var(--arch-lift) + 0.2572 * var(--arch-w) - 0.6962 * var(--arch-d)),
      calc(17.097% - 0.0304 * var(--arch-d)) calc(var(--arch-lift) + 0.2221 * var(--arch-w) - 0.7253 * var(--arch-d)),
      calc(20.782% - 0.0735 * var(--arch-d)) calc(var(--arch-lift) + 0.1885 * var(--arch-w) - 0.7532 * var(--arch-d)),
      calc(24.603% - 0.1182 * var(--arch-d)) calc(var(--arch-lift) + 0.1565 * var(--arch-w) - 0.7797 * var(--arch-d)),
      calc(28.554% - 0.1644 * var(--arch-d)) calc(var(--arch-lift) + 0.1261 * var(--arch-w) - 0.805 * var(--arch-d)),
      calc(32.627% - 0.212 * var(--arch-d)) calc(var(--arch-lift) + 0.0974 * var(--arch-w) - 0.8288 * var(--arch-d)),
      calc(36.815% - 0.261 * var(--arch-d)) calc(var(--arch-lift) + 0.0704 * var(--arch-w) - 0.8513 * var(--arch-d)),
      calc(41.112% - 0.3112 * var(--arch-d)) calc(var(--arch-lift) + 0.0451 * var(--arch-w) - 0.8723 * var(--arch-d)),
      calc(45.509% - 0.3627 * var(--arch-d)) calc(var(--arch-lift) + 0.0216 * var(--arch-w) - 0.8918 * var(--arch-d)),
      calc(50%) calc(var(--arch-lift) + 0 * var(--arch-w) - 1.0992 * var(--arch-d)),
      calc(54.491% + 0.3627 * var(--arch-d)) calc(var(--arch-lift) + 0.0216 * var(--arch-w) - 0.8918 * var(--arch-d)),
      calc(58.888% + 0.3112 * var(--arch-d)) calc(var(--arch-lift) + 0.0451 * var(--arch-w) - 0.8723 * var(--arch-d)),
      calc(63.185% + 0.261 * var(--arch-d)) calc(var(--arch-lift) + 0.0704 * var(--arch-w) - 0.8513 * var(--arch-d)),
      calc(67.373% + 0.212 * var(--arch-d)) calc(var(--arch-lift) + 0.0974 * var(--arch-w) - 0.8288 * var(--arch-d)),
      calc(71.446% + 0.1644 * var(--arch-d)) calc(var(--arch-lift) + 0.1261 * var(--arch-w) - 0.805 * var(--arch-d)),
      calc(75.397% + 0.1182 * var(--arch-d)) calc(var(--arch-lift) + 0.1565 * var(--arch-w) - 0.7797 * var(--arch-d)),
      calc(79.218% + 0.0735 * var(--arch-d)) calc(var(--arch-lift) + 0.1885 * var(--arch-w) - 0.7532 * var(--arch-d)),
      calc(82.903% + 0.0304 * var(--arch-d)) calc(var(--arch-lift) + 0.2221 * var(--arch-w) - 0.7253 * var(--arch-d)),
      calc(86.447% - 0.0111 * var(--arch-d)) calc(var(--arch-lift) + 0.2572 * var(--arch-w) - 0.6962 * var(--arch-d)),
      calc(89.842% - 0.0508 * var(--arch-d)) calc(var(--arch-lift) + 0.2936 * var(--arch-w) - 0.6659 * var(--arch-d)),
      calc(92.141% - 0.0393 * var(--arch-d)) calc(var(--arch-lift) + 0.3219 * var(--arch-w) - 0.5953 * var(--arch-d)),
      calc(94.174% - 0.0291 * var(--arch-d)) calc(var(--arch-lift) + 0.3521 * var(--arch-w) - 0.5197 * var(--arch-d)),
      calc(95.923% - 0.0204 * var(--arch-d)) calc(var(--arch-lift) + 0.3841 * var(--arch-w) - 0.4398 * var(--arch-d)),
      calc(97.374% - 0.0131 * var(--arch-d)) calc(var(--arch-lift) + 0.4175 * var(--arch-w) - 0.3563 * var(--arch-d)),
      calc(98.516% - 0.0074 * var(--arch-d)) calc(var(--arch-lift) + 0.4521 * var(--arch-w) - 0.2699 * var(--arch-d)),
      calc(99.338% - 0.0033 * var(--arch-d)) calc(var(--arch-lift) + 0.4875 * var(--arch-w) - 0.1812 * var(--arch-d)),
      calc(99.834% - 0.0008 * var(--arch-d)) calc(var(--arch-lift) + 0.5236 * var(--arch-w) - 0.091 * var(--arch-d)),
      calc(100%) calc(var(--arch-lift) + 0.56 * var(--arch-w)),
      100% 100%,
      calc(100% - var(--arch-t)) 100%,
      calc(100% - 1 * var(--arch-t)) calc(var(--arch-lift) + 0.56 * var(--arch-w)),
      calc(99.834% - 0.0008 * var(--arch-d) - 0.9959 * var(--arch-t)) calc(var(--arch-lift) + 0.5236 * var(--arch-w) - 0.091 * var(--arch-d) + 0.091 * var(--arch-t)),
      calc(99.338% - 0.0033 * var(--arch-d) - 0.9835 * var(--arch-t)) calc(var(--arch-lift) + 0.4875 * var(--arch-w) - 0.1812 * var(--arch-d) + 0.1812 * var(--arch-t)),
      calc(98.516% - 0.0074 * var(--arch-d) - 0.9629 * var(--arch-t)) calc(var(--arch-lift) + 0.4521 * var(--arch-w) - 0.2699 * var(--arch-d) + 0.2699 * var(--arch-t)),
      calc(97.374% - 0.0131 * var(--arch-d) - 0.9344 * var(--arch-t)) calc(var(--arch-lift) + 0.4175 * var(--arch-w) - 0.3563 * var(--arch-d) + 0.3563 * var(--arch-t)),
      calc(95.923% - 0.0204 * var(--arch-d) - 0.8981 * var(--arch-t)) calc(var(--arch-lift) + 0.3841 * var(--arch-w) - 0.4398 * var(--arch-d) + 0.4398 * var(--arch-t)),
      calc(94.174% - 0.0291 * var(--arch-d) - 0.8543 * var(--arch-t)) calc(var(--arch-lift) + 0.3521 * var(--arch-w) - 0.5197 * var(--arch-d) + 0.5197 * var(--arch-t)),
      calc(92.141% - 0.0393 * var(--arch-d) - 0.8035 * var(--arch-t)) calc(var(--arch-lift) + 0.3219 * var(--arch-w) - 0.5953 * var(--arch-d) + 0.5953 * var(--arch-t)),
      calc(89.842% - 0.0508 * var(--arch-d) - 0.7461 * var(--arch-t)) calc(var(--arch-lift) + 0.2936 * var(--arch-w) - 0.6659 * var(--arch-d) + 0.6659 * var(--arch-t)),
      calc(86.447% - 0.0111 * var(--arch-d) - 0.7179 * var(--arch-t)) calc(var(--arch-lift) + 0.2572 * var(--arch-w) - 0.6962 * var(--arch-d) + 0.6962 * var(--arch-t)),
      calc(82.903% + 0.0304 * var(--arch-d) - 0.6884 * var(--arch-t)) calc(var(--arch-lift) + 0.2221 * var(--arch-w) - 0.7253 * var(--arch-d) + 0.7253 * var(--arch-t)),
      calc(79.218% + 0.0735 * var(--arch-d) - 0.6578 * var(--arch-t)) calc(var(--arch-lift) + 0.1885 * var(--arch-w) - 0.7532 * var(--arch-d) + 0.7532 * var(--arch-t)),
      calc(75.397% + 0.1182 * var(--arch-d) - 0.6261 * var(--arch-t)) calc(var(--arch-lift) + 0.1565 * var(--arch-w) - 0.7797 * var(--arch-d) + 0.7797 * var(--arch-t)),
      calc(71.446% + 0.1644 * var(--arch-d) - 0.5933 * var(--arch-t)) calc(var(--arch-lift) + 0.1261 * var(--arch-w) - 0.805 * var(--arch-d) + 0.805 * var(--arch-t)),
      calc(67.373% + 0.212 * var(--arch-d) - 0.5595 * var(--arch-t)) calc(var(--arch-lift) + 0.0974 * var(--arch-w) - 0.8288 * var(--arch-d) + 0.8288 * var(--arch-t)),
      calc(63.185% + 0.261 * var(--arch-d) - 0.5247 * var(--arch-t)) calc(var(--arch-lift) + 0.0704 * var(--arch-w) - 0.8513 * var(--arch-d) + 0.8513 * var(--arch-t)),
      calc(58.888% + 0.3112 * var(--arch-d) - 0.489 * var(--arch-t)) calc(var(--arch-lift) + 0.0451 * var(--arch-w) - 0.8723 * var(--arch-d) + 0.8723 * var(--arch-t)),
      calc(54.491% + 0.3627 * var(--arch-d) - 0.4525 * var(--arch-t)) calc(var(--arch-lift) + 0.0216 * var(--arch-w) - 0.8918 * var(--arch-d) + 0.8918 * var(--arch-t)),
      calc(50%) calc(var(--arch-lift) + 0 * var(--arch-w) - 1.0992 * var(--arch-d) + 1.0992 * var(--arch-t)),
      calc(45.509% - 0.3627 * var(--arch-d) + 0.4525 * var(--arch-t)) calc(var(--arch-lift) + 0.0216 * var(--arch-w) - 0.8918 * var(--arch-d) + 0.8918 * var(--arch-t)),
      calc(41.112% - 0.3112 * var(--arch-d) + 0.489 * var(--arch-t)) calc(var(--arch-lift) + 0.0451 * var(--arch-w) - 0.8723 * var(--arch-d) + 0.8723 * var(--arch-t)),
      calc(36.815% - 0.261 * var(--arch-d) + 0.5247 * var(--arch-t)) calc(var(--arch-lift) + 0.0704 * var(--arch-w) - 0.8513 * var(--arch-d) + 0.8513 * var(--arch-t)),
      calc(32.627% - 0.212 * var(--arch-d) + 0.5595 * var(--arch-t)) calc(var(--arch-lift) + 0.0974 * var(--arch-w) - 0.8288 * var(--arch-d) + 0.8288 * var(--arch-t)),
      calc(28.554% - 0.1644 * var(--arch-d) + 0.5933 * var(--arch-t)) calc(var(--arch-lift) + 0.1261 * var(--arch-w) - 0.805 * var(--arch-d) + 0.805 * var(--arch-t)),
      calc(24.603% - 0.1182 * var(--arch-d) + 0.6261 * var(--arch-t)) calc(var(--arch-lift) + 0.1565 * var(--arch-w) - 0.7797 * var(--arch-d) + 0.7797 * var(--arch-t)),
      calc(20.782% - 0.0735 * var(--arch-d) + 0.6578 * var(--arch-t)) calc(var(--arch-lift) + 0.1885 * var(--arch-w) - 0.7532 * var(--arch-d) + 0.7532 * var(--arch-t)),
      calc(17.097% - 0.0304 * var(--arch-d) + 0.6884 * var(--arch-t)) calc(var(--arch-lift) + 0.2221 * var(--arch-w) - 0.7253 * var(--arch-d) + 0.7253 * var(--arch-t)),
      calc(13.553% + 0.0111 * var(--arch-d) + 0.7179 * var(--arch-t)) calc(var(--arch-lift) + 0.2572 * var(--arch-w) - 0.6962 * var(--arch-d) + 0.6962 * var(--arch-t)),
      calc(10.158% + 0.0508 * var(--arch-d) + 0.7461 * var(--arch-t)) calc(var(--arch-lift) + 0.2936 * var(--arch-w) - 0.6659 * var(--arch-d) + 0.6659 * var(--arch-t)),
      calc(7.859% + 0.0393 * var(--arch-d) + 0.8035 * var(--arch-t)) calc(var(--arch-lift) + 0.3219 * var(--arch-w) - 0.5953 * var(--arch-d) + 0.5953 * var(--arch-t)),
      calc(5.826% + 0.0291 * var(--arch-d) + 0.8543 * var(--arch-t)) calc(var(--arch-lift) + 0.3521 * var(--arch-w) - 0.5197 * var(--arch-d) + 0.5197 * var(--arch-t)),
      calc(4.077% + 0.0204 * var(--arch-d) + 0.8981 * var(--arch-t)) calc(var(--arch-lift) + 0.3841 * var(--arch-w) - 0.4398 * var(--arch-d) + 0.4398 * var(--arch-t)),
      calc(2.626% + 0.0131 * var(--arch-d) + 0.9344 * var(--arch-t)) calc(var(--arch-lift) + 0.4175 * var(--arch-w) - 0.3563 * var(--arch-d) + 0.3563 * var(--arch-t)),
      calc(1.484% + 0.0074 * var(--arch-d) + 0.9629 * var(--arch-t)) calc(var(--arch-lift) + 0.4521 * var(--arch-w) - 0.2699 * var(--arch-d) + 0.2699 * var(--arch-t)),
      calc(0.662% + 0.0033 * var(--arch-d) + 0.9835 * var(--arch-t)) calc(var(--arch-lift) + 0.4875 * var(--arch-w) - 0.1812 * var(--arch-d) + 0.1812 * var(--arch-t)),
      calc(0.166% + 0.0008 * var(--arch-d) + 0.9959 * var(--arch-t)) calc(var(--arch-lift) + 0.5236 * var(--arch-w) - 0.091 * var(--arch-d) + 0.091 * var(--arch-t)),
      calc(0% + 1 * var(--arch-t)) calc(var(--arch-lift) + 0.56 * var(--arch-w)),
      var(--arch-t) 100%);
  }
}
@media (max-width: 700px) and (min-height: 880px) {
  .page-home .home-hero {
    --arch-rise: 0.64;
  }
  .page-home .home-arch::before,
  .page-home .home-arch::after,
  .page-home .home-arch-edge,
  .page-home .home-hero::before,
  .page-home .home-hero::after,
  .page-home .home-arch-fill {
    clip-path: polygon(
      0 100%,
      calc(0%) calc(var(--arch-lift) + 0.64 * var(--arch-w)),
      calc(0.082% + 0.0004 * var(--arch-d)) calc(var(--arch-lift) + 0.6145 * var(--arch-w) - 0.0638 * var(--arch-d)),
      calc(0.326% + 0.0016 * var(--arch-d)) calc(var(--arch-lift) + 0.589 * var(--arch-w) - 0.1274 * var(--arch-d)),
      calc(0.732% + 0.0037 * var(--arch-d)) calc(var(--arch-lift) + 0.5638 * var(--arch-w) - 0.1905 * var(--arch-d)),
      calc(1.299% + 0.0065 * var(--arch-d)) calc(var(--arch-lift) + 0.5389 * var(--arch-w) - 0.2528 * var(--arch-d)),
      calc(2.024% + 0.0101 * var(--arch-d)) calc(var(--arch-lift) + 0.5144 * var(--arch-w) - 0.314 * var(--arch-d)),
      calc(2.903% + 0.0145 * var(--arch-d)) calc(var(--arch-lift) + 0.4904 * var(--arch-w) - 0.374 * var(--arch-d)),
      calc(3.934% + 0.0197 * var(--arch-d)) calc(var(--arch-lift) + 0.467 * var(--arch-w) - 0.4325 * var(--arch-d)),
      calc(5.112% + 0.0256 * var(--arch-d)) calc(var(--arch-lift) + 0.4443 * var(--arch-w) - 0.4891 * var(--arch-d)),
      calc(8.085% - 0.0079 * var(--arch-d)) calc(var(--arch-lift) + 0.3944 * var(--arch-w) - 0.5328 * var(--arch-d)),
      calc(11.308% - 0.0443 * var(--arch-d)) calc(var(--arch-lift) + 0.3459 * var(--arch-w) - 0.5751 * var(--arch-d)),
      calc(14.773% - 0.0833 * var(--arch-d)) calc(var(--arch-lift) + 0.2992 * var(--arch-w) - 0.6159 * var(--arch-d)),
      calc(18.47% - 0.125 * var(--arch-d)) calc(var(--arch-lift) + 0.2543 * var(--arch-w) - 0.6551 * var(--arch-d)),
      calc(22.391% - 0.1691 * var(--arch-d)) calc(var(--arch-lift) + 0.2113 * var(--arch-w) - 0.6926 * var(--arch-d)),
      calc(26.525% - 0.2157 * var(--arch-d)) calc(var(--arch-lift) + 0.1704 * var(--arch-w) - 0.7283 * var(--arch-d)),
      calc(30.861% - 0.2646 * var(--arch-d)) calc(var(--arch-lift) + 0.1316 * var(--arch-w) - 0.7622 * var(--arch-d)),
      calc(35.389% - 0.3156 * var(--arch-d)) calc(var(--arch-lift) + 0.0951 * var(--arch-w) - 0.7941 * var(--arch-d)),
      calc(40.096% - 0.3687 * var(--arch-d)) calc(var(--arch-lift) + 0.061 * var(--arch-w) - 0.8239 * var(--arch-d)),
      calc(44.971% - 0.4236 * var(--arch-d)) calc(var(--arch-lift) + 0.0292 * var(--arch-w) - 0.8516 * var(--arch-d)),
      calc(50%) calc(var(--arch-lift) + 0 * var(--arch-w) - 1.1401 * var(--arch-d)),
      calc(55.029% + 0.4236 * var(--arch-d)) calc(var(--arch-lift) + 0.0292 * var(--arch-w) - 0.8516 * var(--arch-d)),
      calc(59.904% + 0.3687 * var(--arch-d)) calc(var(--arch-lift) + 0.061 * var(--arch-w) - 0.8239 * var(--arch-d)),
      calc(64.611% + 0.3156 * var(--arch-d)) calc(var(--arch-lift) + 0.0951 * var(--arch-w) - 0.7941 * var(--arch-d)),
      calc(69.139% + 0.2646 * var(--arch-d)) calc(var(--arch-lift) + 0.1316 * var(--arch-w) - 0.7622 * var(--arch-d)),
      calc(73.475% + 0.2157 * var(--arch-d)) calc(var(--arch-lift) + 0.1704 * var(--arch-w) - 0.7283 * var(--arch-d)),
      calc(77.609% + 0.1691 * var(--arch-d)) calc(var(--arch-lift) + 0.2113 * var(--arch-w) - 0.6926 * var(--arch-d)),
      calc(81.53% + 0.125 * var(--arch-d)) calc(var(--arch-lift) + 0.2543 * var(--arch-w) - 0.6551 * var(--arch-d)),
      calc(85.227% + 0.0833 * var(--arch-d)) calc(var(--arch-lift) + 0.2992 * var(--arch-w) - 0.6159 * var(--arch-d)),
      calc(88.692% + 0.0443 * var(--arch-d)) calc(var(--arch-lift) + 0.3459 * var(--arch-w) - 0.5751 * var(--arch-d)),
      calc(91.915% + 0.0079 * var(--arch-d)) calc(var(--arch-lift) + 0.3944 * var(--arch-w) - 0.5328 * var(--arch-d)),
      calc(94.888% - 0.0256 * var(--arch-d)) calc(var(--arch-lift) + 0.4443 * var(--arch-w) - 0.4891 * var(--arch-d)),
      calc(96.066% - 0.0197 * var(--arch-d)) calc(var(--arch-lift) + 0.467 * var(--arch-w) - 0.4325 * var(--arch-d)),
      calc(97.097% - 0.0145 * var(--arch-d)) calc(var(--arch-lift) + 0.4904 * var(--arch-w) - 0.374 * var(--arch-d)),
      calc(97.976% - 0.0101 * var(--arch-d)) calc(var(--arch-lift) + 0.5144 * var(--arch-w) - 0.314 * var(--arch-d)),
      calc(98.701% - 0.0065 * var(--arch-d)) calc(var(--arch-lift) + 0.5389 * var(--arch-w) - 0.2528 * var(--arch-d)),
      calc(99.268% - 0.0037 * var(--arch-d)) calc(var(--arch-lift) + 0.5638 * var(--arch-w) - 0.1905 * var(--arch-d)),
      calc(99.674% - 0.0016 * var(--arch-d)) calc(var(--arch-lift) + 0.589 * var(--arch-w) - 0.1274 * var(--arch-d)),
      calc(99.918% - 0.0004 * var(--arch-d)) calc(var(--arch-lift) + 0.6145 * var(--arch-w) - 0.0638 * var(--arch-d)),
      calc(100%) calc(var(--arch-lift) + 0.64 * var(--arch-w)),
      100% 100%);
  }
  .page-home .home-arch-shade::before {
    clip-path: polygon(evenodd,
      -10% -10%,
      110% -10%,
      110% 110%,
      -10% 110%,
      -10% -10%,
      0 100%,
      calc(0%) calc(var(--arch-lift) + 0.64 * var(--arch-w)),
      calc(0.082% + 0.0004 * var(--arch-d)) calc(var(--arch-lift) + 0.6145 * var(--arch-w) - 0.0638 * var(--arch-d)),
      calc(0.326% + 0.0016 * var(--arch-d)) calc(var(--arch-lift) + 0.589 * var(--arch-w) - 0.1274 * var(--arch-d)),
      calc(0.732% + 0.0037 * var(--arch-d)) calc(var(--arch-lift) + 0.5638 * var(--arch-w) - 0.1905 * var(--arch-d)),
      calc(1.299% + 0.0065 * var(--arch-d)) calc(var(--arch-lift) + 0.5389 * var(--arch-w) - 0.2528 * var(--arch-d)),
      calc(2.024% + 0.0101 * var(--arch-d)) calc(var(--arch-lift) + 0.5144 * var(--arch-w) - 0.314 * var(--arch-d)),
      calc(2.903% + 0.0145 * var(--arch-d)) calc(var(--arch-lift) + 0.4904 * var(--arch-w) - 0.374 * var(--arch-d)),
      calc(3.934% + 0.0197 * var(--arch-d)) calc(var(--arch-lift) + 0.467 * var(--arch-w) - 0.4325 * var(--arch-d)),
      calc(5.112% + 0.0256 * var(--arch-d)) calc(var(--arch-lift) + 0.4443 * var(--arch-w) - 0.4891 * var(--arch-d)),
      calc(8.085% - 0.0079 * var(--arch-d)) calc(var(--arch-lift) + 0.3944 * var(--arch-w) - 0.5328 * var(--arch-d)),
      calc(11.308% - 0.0443 * var(--arch-d)) calc(var(--arch-lift) + 0.3459 * var(--arch-w) - 0.5751 * var(--arch-d)),
      calc(14.773% - 0.0833 * var(--arch-d)) calc(var(--arch-lift) + 0.2992 * var(--arch-w) - 0.6159 * var(--arch-d)),
      calc(18.47% - 0.125 * var(--arch-d)) calc(var(--arch-lift) + 0.2543 * var(--arch-w) - 0.6551 * var(--arch-d)),
      calc(22.391% - 0.1691 * var(--arch-d)) calc(var(--arch-lift) + 0.2113 * var(--arch-w) - 0.6926 * var(--arch-d)),
      calc(26.525% - 0.2157 * var(--arch-d)) calc(var(--arch-lift) + 0.1704 * var(--arch-w) - 0.7283 * var(--arch-d)),
      calc(30.861% - 0.2646 * var(--arch-d)) calc(var(--arch-lift) + 0.1316 * var(--arch-w) - 0.7622 * var(--arch-d)),
      calc(35.389% - 0.3156 * var(--arch-d)) calc(var(--arch-lift) + 0.0951 * var(--arch-w) - 0.7941 * var(--arch-d)),
      calc(40.096% - 0.3687 * var(--arch-d)) calc(var(--arch-lift) + 0.061 * var(--arch-w) - 0.8239 * var(--arch-d)),
      calc(44.971% - 0.4236 * var(--arch-d)) calc(var(--arch-lift) + 0.0292 * var(--arch-w) - 0.8516 * var(--arch-d)),
      calc(50%) calc(var(--arch-lift) + 0 * var(--arch-w) - 1.1401 * var(--arch-d)),
      calc(55.029% + 0.4236 * var(--arch-d)) calc(var(--arch-lift) + 0.0292 * var(--arch-w) - 0.8516 * var(--arch-d)),
      calc(59.904% + 0.3687 * var(--arch-d)) calc(var(--arch-lift) + 0.061 * var(--arch-w) - 0.8239 * var(--arch-d)),
      calc(64.611% + 0.3156 * var(--arch-d)) calc(var(--arch-lift) + 0.0951 * var(--arch-w) - 0.7941 * var(--arch-d)),
      calc(69.139% + 0.2646 * var(--arch-d)) calc(var(--arch-lift) + 0.1316 * var(--arch-w) - 0.7622 * var(--arch-d)),
      calc(73.475% + 0.2157 * var(--arch-d)) calc(var(--arch-lift) + 0.1704 * var(--arch-w) - 0.7283 * var(--arch-d)),
      calc(77.609% + 0.1691 * var(--arch-d)) calc(var(--arch-lift) + 0.2113 * var(--arch-w) - 0.6926 * var(--arch-d)),
      calc(81.53% + 0.125 * var(--arch-d)) calc(var(--arch-lift) + 0.2543 * var(--arch-w) - 0.6551 * var(--arch-d)),
      calc(85.227% + 0.0833 * var(--arch-d)) calc(var(--arch-lift) + 0.2992 * var(--arch-w) - 0.6159 * var(--arch-d)),
      calc(88.692% + 0.0443 * var(--arch-d)) calc(var(--arch-lift) + 0.3459 * var(--arch-w) - 0.5751 * var(--arch-d)),
      calc(91.915% + 0.0079 * var(--arch-d)) calc(var(--arch-lift) + 0.3944 * var(--arch-w) - 0.5328 * var(--arch-d)),
      calc(94.888% - 0.0256 * var(--arch-d)) calc(var(--arch-lift) + 0.4443 * var(--arch-w) - 0.4891 * var(--arch-d)),
      calc(96.066% - 0.0197 * var(--arch-d)) calc(var(--arch-lift) + 0.467 * var(--arch-w) - 0.4325 * var(--arch-d)),
      calc(97.097% - 0.0145 * var(--arch-d)) calc(var(--arch-lift) + 0.4904 * var(--arch-w) - 0.374 * var(--arch-d)),
      calc(97.976% - 0.0101 * var(--arch-d)) calc(var(--arch-lift) + 0.5144 * var(--arch-w) - 0.314 * var(--arch-d)),
      calc(98.701% - 0.0065 * var(--arch-d)) calc(var(--arch-lift) + 0.5389 * var(--arch-w) - 0.2528 * var(--arch-d)),
      calc(99.268% - 0.0037 * var(--arch-d)) calc(var(--arch-lift) + 0.5638 * var(--arch-w) - 0.1905 * var(--arch-d)),
      calc(99.674% - 0.0016 * var(--arch-d)) calc(var(--arch-lift) + 0.589 * var(--arch-w) - 0.1274 * var(--arch-d)),
      calc(99.918% - 0.0004 * var(--arch-d)) calc(var(--arch-lift) + 0.6145 * var(--arch-w) - 0.0638 * var(--arch-d)),
      calc(100%) calc(var(--arch-lift) + 0.64 * var(--arch-w)),
      100% 100%,
      0 100%);
  }
  .page-home .home-lining::before,
  .page-home .home-lining::after {
    clip-path: polygon(
      0 100%,
      calc(0%) calc(var(--arch-lift) + 0.64 * var(--arch-w)),
      calc(0.082% + 0.0004 * var(--arch-d)) calc(var(--arch-lift) + 0.6145 * var(--arch-w) - 0.0638 * var(--arch-d)),
      calc(0.326% + 0.0016 * var(--arch-d)) calc(var(--arch-lift) + 0.589 * var(--arch-w) - 0.1274 * var(--arch-d)),
      calc(0.732% + 0.0037 * var(--arch-d)) calc(var(--arch-lift) + 0.5638 * var(--arch-w) - 0.1905 * var(--arch-d)),
      calc(1.299% + 0.0065 * var(--arch-d)) calc(var(--arch-lift) + 0.5389 * var(--arch-w) - 0.2528 * var(--arch-d)),
      calc(2.024% + 0.0101 * var(--arch-d)) calc(var(--arch-lift) + 0.5144 * var(--arch-w) - 0.314 * var(--arch-d)),
      calc(2.903% + 0.0145 * var(--arch-d)) calc(var(--arch-lift) + 0.4904 * var(--arch-w) - 0.374 * var(--arch-d)),
      calc(3.934% + 0.0197 * var(--arch-d)) calc(var(--arch-lift) + 0.467 * var(--arch-w) - 0.4325 * var(--arch-d)),
      calc(5.112% + 0.0256 * var(--arch-d)) calc(var(--arch-lift) + 0.4443 * var(--arch-w) - 0.4891 * var(--arch-d)),
      calc(8.085% - 0.0079 * var(--arch-d)) calc(var(--arch-lift) + 0.3944 * var(--arch-w) - 0.5328 * var(--arch-d)),
      calc(11.308% - 0.0443 * var(--arch-d)) calc(var(--arch-lift) + 0.3459 * var(--arch-w) - 0.5751 * var(--arch-d)),
      calc(14.773% - 0.0833 * var(--arch-d)) calc(var(--arch-lift) + 0.2992 * var(--arch-w) - 0.6159 * var(--arch-d)),
      calc(18.47% - 0.125 * var(--arch-d)) calc(var(--arch-lift) + 0.2543 * var(--arch-w) - 0.6551 * var(--arch-d)),
      calc(22.391% - 0.1691 * var(--arch-d)) calc(var(--arch-lift) + 0.2113 * var(--arch-w) - 0.6926 * var(--arch-d)),
      calc(26.525% - 0.2157 * var(--arch-d)) calc(var(--arch-lift) + 0.1704 * var(--arch-w) - 0.7283 * var(--arch-d)),
      calc(30.861% - 0.2646 * var(--arch-d)) calc(var(--arch-lift) + 0.1316 * var(--arch-w) - 0.7622 * var(--arch-d)),
      calc(35.389% - 0.3156 * var(--arch-d)) calc(var(--arch-lift) + 0.0951 * var(--arch-w) - 0.7941 * var(--arch-d)),
      calc(40.096% - 0.3687 * var(--arch-d)) calc(var(--arch-lift) + 0.061 * var(--arch-w) - 0.8239 * var(--arch-d)),
      calc(44.971% - 0.4236 * var(--arch-d)) calc(var(--arch-lift) + 0.0292 * var(--arch-w) - 0.8516 * var(--arch-d)),
      calc(50%) calc(var(--arch-lift) + 0 * var(--arch-w) - 1.1401 * var(--arch-d)),
      calc(55.029% + 0.4236 * var(--arch-d)) calc(var(--arch-lift) + 0.0292 * var(--arch-w) - 0.8516 * var(--arch-d)),
      calc(59.904% + 0.3687 * var(--arch-d)) calc(var(--arch-lift) + 0.061 * var(--arch-w) - 0.8239 * var(--arch-d)),
      calc(64.611% + 0.3156 * var(--arch-d)) calc(var(--arch-lift) + 0.0951 * var(--arch-w) - 0.7941 * var(--arch-d)),
      calc(69.139% + 0.2646 * var(--arch-d)) calc(var(--arch-lift) + 0.1316 * var(--arch-w) - 0.7622 * var(--arch-d)),
      calc(73.475% + 0.2157 * var(--arch-d)) calc(var(--arch-lift) + 0.1704 * var(--arch-w) - 0.7283 * var(--arch-d)),
      calc(77.609% + 0.1691 * var(--arch-d)) calc(var(--arch-lift) + 0.2113 * var(--arch-w) - 0.6926 * var(--arch-d)),
      calc(81.53% + 0.125 * var(--arch-d)) calc(var(--arch-lift) + 0.2543 * var(--arch-w) - 0.6551 * var(--arch-d)),
      calc(85.227% + 0.0833 * var(--arch-d)) calc(var(--arch-lift) + 0.2992 * var(--arch-w) - 0.6159 * var(--arch-d)),
      calc(88.692% + 0.0443 * var(--arch-d)) calc(var(--arch-lift) + 0.3459 * var(--arch-w) - 0.5751 * var(--arch-d)),
      calc(91.915% + 0.0079 * var(--arch-d)) calc(var(--arch-lift) + 0.3944 * var(--arch-w) - 0.5328 * var(--arch-d)),
      calc(94.888% - 0.0256 * var(--arch-d)) calc(var(--arch-lift) + 0.4443 * var(--arch-w) - 0.4891 * var(--arch-d)),
      calc(96.066% - 0.0197 * var(--arch-d)) calc(var(--arch-lift) + 0.467 * var(--arch-w) - 0.4325 * var(--arch-d)),
      calc(97.097% - 0.0145 * var(--arch-d)) calc(var(--arch-lift) + 0.4904 * var(--arch-w) - 0.374 * var(--arch-d)),
      calc(97.976% - 0.0101 * var(--arch-d)) calc(var(--arch-lift) + 0.5144 * var(--arch-w) - 0.314 * var(--arch-d)),
      calc(98.701% - 0.0065 * var(--arch-d)) calc(var(--arch-lift) + 0.5389 * var(--arch-w) - 0.2528 * var(--arch-d)),
      calc(99.268% - 0.0037 * var(--arch-d)) calc(var(--arch-lift) + 0.5638 * var(--arch-w) - 0.1905 * var(--arch-d)),
      calc(99.674% - 0.0016 * var(--arch-d)) calc(var(--arch-lift) + 0.589 * var(--arch-w) - 0.1274 * var(--arch-d)),
      calc(99.918% - 0.0004 * var(--arch-d)) calc(var(--arch-lift) + 0.6145 * var(--arch-w) - 0.0638 * var(--arch-d)),
      calc(100%) calc(var(--arch-lift) + 0.64 * var(--arch-w)),
      100% 100%,
      calc(100% - var(--arch-t)) 100%,
      calc(100% - 1 * var(--arch-t)) calc(var(--arch-lift) + 0.64 * var(--arch-w)),
      calc(99.918% - 0.0004 * var(--arch-d) - 0.998 * var(--arch-t)) calc(var(--arch-lift) + 0.6145 * var(--arch-w) - 0.0638 * var(--arch-d) + 0.0638 * var(--arch-t)),
      calc(99.674% - 0.0016 * var(--arch-d) - 0.9918 * var(--arch-t)) calc(var(--arch-lift) + 0.589 * var(--arch-w) - 0.1274 * var(--arch-d) + 0.1274 * var(--arch-t)),
      calc(99.268% - 0.0037 * var(--arch-d) - 0.9817 * var(--arch-t)) calc(var(--arch-lift) + 0.5638 * var(--arch-w) - 0.1905 * var(--arch-d) + 0.1905 * var(--arch-t)),
      calc(98.701% - 0.0065 * var(--arch-d) - 0.9675 * var(--arch-t)) calc(var(--arch-lift) + 0.5389 * var(--arch-w) - 0.2528 * var(--arch-d) + 0.2528 * var(--arch-t)),
      calc(97.976% - 0.0101 * var(--arch-d) - 0.9494 * var(--arch-t)) calc(var(--arch-lift) + 0.5144 * var(--arch-w) - 0.314 * var(--arch-d) + 0.314 * var(--arch-t)),
      calc(97.097% - 0.0145 * var(--arch-d) - 0.9274 * var(--arch-t)) calc(var(--arch-lift) + 0.4904 * var(--arch-w) - 0.374 * var(--arch-d) + 0.374 * var(--arch-t)),
      calc(96.066% - 0.0197 * var(--arch-d) - 0.9017 * var(--arch-t)) calc(var(--arch-lift) + 0.467 * var(--arch-w) - 0.4325 * var(--arch-d) + 0.4325 * var(--arch-t)),
      calc(94.888% - 0.0256 * var(--arch-d) - 0.8722 * var(--arch-t)) calc(var(--arch-lift) + 0.4443 * var(--arch-w) - 0.4891 * var(--arch-d) + 0.4891 * var(--arch-t)),
      calc(91.915% + 0.0079 * var(--arch-d) - 0.8462 * var(--arch-t)) calc(var(--arch-lift) + 0.3944 * var(--arch-w) - 0.5328 * var(--arch-d) + 0.5328 * var(--arch-t)),
      calc(88.692% + 0.0443 * var(--arch-d) - 0.8181 * var(--arch-t)) calc(var(--arch-lift) + 0.3459 * var(--arch-w) - 0.5751 * var(--arch-d) + 0.5751 * var(--arch-t)),
      calc(85.227% + 0.0833 * var(--arch-d) - 0.7878 * var(--arch-t)) calc(var(--arch-lift) + 0.2992 * var(--arch-w) - 0.6159 * var(--arch-d) + 0.6159 * var(--arch-t)),
      calc(81.53% + 0.125 * var(--arch-d) - 0.7556 * var(--arch-t)) calc(var(--arch-lift) + 0.2543 * var(--arch-w) - 0.6551 * var(--arch-d) + 0.6551 * var(--arch-t)),
      calc(77.609% + 0.1691 * var(--arch-d) - 0.7213 * var(--arch-t)) calc(var(--arch-lift) + 0.2113 * var(--arch-w) - 0.6926 * var(--arch-d) + 0.6926 * var(--arch-t)),
      calc(73.475% + 0.2157 * var(--arch-d) - 0.6852 * var(--arch-t)) calc(var(--arch-lift) + 0.1704 * var(--arch-w) - 0.7283 * var(--arch-d) + 0.7283 * var(--arch-t)),
      calc(69.139% + 0.2646 * var(--arch-d) - 0.6474 * var(--arch-t)) calc(var(--arch-lift) + 0.1316 * var(--arch-w) - 0.7622 * var(--arch-d) + 0.7622 * var(--arch-t)),
      calc(64.611% + 0.3156 * var(--arch-d) - 0.6078 * var(--arch-t)) calc(var(--arch-lift) + 0.0951 * var(--arch-w) - 0.7941 * var(--arch-d) + 0.7941 * var(--arch-t)),
      calc(59.904% + 0.3687 * var(--arch-d) - 0.5667 * var(--arch-t)) calc(var(--arch-lift) + 0.061 * var(--arch-w) - 0.8239 * var(--arch-d) + 0.8239 * var(--arch-t)),
      calc(55.029% + 0.4236 * var(--arch-d) - 0.5242 * var(--arch-t)) calc(var(--arch-lift) + 0.0292 * var(--arch-w) - 0.8516 * var(--arch-d) + 0.8516 * var(--arch-t)),
      calc(50%) calc(var(--arch-lift) + 0 * var(--arch-w) - 1.1401 * var(--arch-d) + 1.1401 * var(--arch-t)),
      calc(44.971% - 0.4236 * var(--arch-d) + 0.5242 * var(--arch-t)) calc(var(--arch-lift) + 0.0292 * var(--arch-w) - 0.8516 * var(--arch-d) + 0.8516 * var(--arch-t)),
      calc(40.096% - 0.3687 * var(--arch-d) + 0.5667 * var(--arch-t)) calc(var(--arch-lift) + 0.061 * var(--arch-w) - 0.8239 * var(--arch-d) + 0.8239 * var(--arch-t)),
      calc(35.389% - 0.3156 * var(--arch-d) + 0.6078 * var(--arch-t)) calc(var(--arch-lift) + 0.0951 * var(--arch-w) - 0.7941 * var(--arch-d) + 0.7941 * var(--arch-t)),
      calc(30.861% - 0.2646 * var(--arch-d) + 0.6474 * var(--arch-t)) calc(var(--arch-lift) + 0.1316 * var(--arch-w) - 0.7622 * var(--arch-d) + 0.7622 * var(--arch-t)),
      calc(26.525% - 0.2157 * var(--arch-d) + 0.6852 * var(--arch-t)) calc(var(--arch-lift) + 0.1704 * var(--arch-w) - 0.7283 * var(--arch-d) + 0.7283 * var(--arch-t)),
      calc(22.391% - 0.1691 * var(--arch-d) + 0.7213 * var(--arch-t)) calc(var(--arch-lift) + 0.2113 * var(--arch-w) - 0.6926 * var(--arch-d) + 0.6926 * var(--arch-t)),
      calc(18.47% - 0.125 * var(--arch-d) + 0.7556 * var(--arch-t)) calc(var(--arch-lift) + 0.2543 * var(--arch-w) - 0.6551 * var(--arch-d) + 0.6551 * var(--arch-t)),
      calc(14.773% - 0.0833 * var(--arch-d) + 0.7878 * var(--arch-t)) calc(var(--arch-lift) + 0.2992 * var(--arch-w) - 0.6159 * var(--arch-d) + 0.6159 * var(--arch-t)),
      calc(11.308% - 0.0443 * var(--arch-d) + 0.8181 * var(--arch-t)) calc(var(--arch-lift) + 0.3459 * var(--arch-w) - 0.5751 * var(--arch-d) + 0.5751 * var(--arch-t)),
      calc(8.085% - 0.0079 * var(--arch-d) + 0.8462 * var(--arch-t)) calc(var(--arch-lift) + 0.3944 * var(--arch-w) - 0.5328 * var(--arch-d) + 0.5328 * var(--arch-t)),
      calc(5.112% + 0.0256 * var(--arch-d) + 0.8722 * var(--arch-t)) calc(var(--arch-lift) + 0.4443 * var(--arch-w) - 0.4891 * var(--arch-d) + 0.4891 * var(--arch-t)),
      calc(3.934% + 0.0197 * var(--arch-d) + 0.9017 * var(--arch-t)) calc(var(--arch-lift) + 0.467 * var(--arch-w) - 0.4325 * var(--arch-d) + 0.4325 * var(--arch-t)),
      calc(2.903% + 0.0145 * var(--arch-d) + 0.9274 * var(--arch-t)) calc(var(--arch-lift) + 0.4904 * var(--arch-w) - 0.374 * var(--arch-d) + 0.374 * var(--arch-t)),
      calc(2.024% + 0.0101 * var(--arch-d) + 0.9494 * var(--arch-t)) calc(var(--arch-lift) + 0.5144 * var(--arch-w) - 0.314 * var(--arch-d) + 0.314 * var(--arch-t)),
      calc(1.299% + 0.0065 * var(--arch-d) + 0.9675 * var(--arch-t)) calc(var(--arch-lift) + 0.5389 * var(--arch-w) - 0.2528 * var(--arch-d) + 0.2528 * var(--arch-t)),
      calc(0.732% + 0.0037 * var(--arch-d) + 0.9817 * var(--arch-t)) calc(var(--arch-lift) + 0.5638 * var(--arch-w) - 0.1905 * var(--arch-d) + 0.1905 * var(--arch-t)),
      calc(0.326% + 0.0016 * var(--arch-d) + 0.9918 * var(--arch-t)) calc(var(--arch-lift) + 0.589 * var(--arch-w) - 0.1274 * var(--arch-d) + 0.1274 * var(--arch-t)),
      calc(0.082% + 0.0004 * var(--arch-d) + 0.998 * var(--arch-t)) calc(var(--arch-lift) + 0.6145 * var(--arch-w) - 0.0638 * var(--arch-d) + 0.0638 * var(--arch-t)),
      calc(0% + 1 * var(--arch-t)) calc(var(--arch-lift) + 0.64 * var(--arch-w)),
      var(--arch-t) 100%);
  }
}
@media (min-width: 701px) {
  .page-home .home-hero {
    --arch-rise: 0.4;
  }
  .page-home .home-arch::before,
  .page-home .home-arch::after,
  .page-home .home-arch-edge,
  .page-home .home-hero::before,
  .page-home .home-hero::after,
  .page-home .home-arch-fill {
    clip-path: polygon(
      0 100%,
      calc(0%) calc(var(--arch-lift) + 0.4 * var(--arch-w)),
      calc(0.155% + 0.0034 * var(--arch-d)) calc(var(--arch-lift) + 0.3728 * var(--arch-w) - 0.1134 * var(--arch-d)),
      calc(0.617% + 0.0134 * var(--arch-d)) calc(var(--arch-lift) + 0.3459 * var(--arch-w) - 0.2253 * var(--arch-d)),
      calc(1.381% + 0.0299 * var(--arch-d)) calc(var(--arch-lift) + 0.3198 * var(--arch-w) - 0.3343 * var(--arch-d)),
      calc(2.436% + 0.0528 * var(--arch-d)) calc(var(--arch-lift) + 0.2946 * var(--arch-w) - 0.439 * var(--arch-d)),
      calc(3.769% + 0.0817 * var(--arch-d)) calc(var(--arch-lift) + 0.2709 * var(--arch-w) - 0.538 * var(--arch-d)),
      calc(5.364% + 0.1162 * var(--arch-d)) calc(var(--arch-lift) + 0.2488 * var(--arch-w) - 0.6301 * var(--arch-d)),
      calc(7.198% + 0.156 * var(--arch-d)) calc(var(--arch-lift) + 0.2286 * var(--arch-w) - 0.7141 * var(--arch-d)),
      calc(9.25% + 0.2004 * var(--arch-d)) calc(var(--arch-lift) + 0.2107 * var(--arch-w) - 0.7888 * var(--arch-d)),
      calc(11.545% + 0.1729 * var(--arch-d)) calc(var(--arch-lift) + 0.1932 * var(--arch-w) - 0.8028 * var(--arch-d)),
      calc(13.879% + 0.1449 * var(--arch-d)) calc(var(--arch-lift) + 0.1763 * var(--arch-w) - 0.8164 * var(--arch-d)),
      calc(16.252% + 0.1164 * var(--arch-d)) calc(var(--arch-lift) + 0.1599 * var(--arch-w) - 0.8295 * var(--arch-d)),
      calc(18.662% + 0.0875 * var(--arch-d)) calc(var(--arch-lift) + 0.1441 * var(--arch-w) - 0.8422 * var(--arch-d)),
      calc(21.108% + 0.0582 * var(--arch-d)) calc(var(--arch-lift) + 0.1288 * var(--arch-w) - 0.8544 * var(--arch-d)),
      calc(23.589% + 0.0284 * var(--arch-d)) calc(var(--arch-lift) + 0.1141 * var(--arch-w) - 0.8662 * var(--arch-d)),
      calc(26.103% - 0.0017 * var(--arch-d)) calc(var(--arch-lift) + 0.1 * var(--arch-w) - 0.8775 * var(--arch-d)),
      calc(28.649% - 0.0322 * var(--arch-d)) calc(var(--arch-lift) + 0.0865 * var(--arch-w) - 0.8883 * var(--arch-d)),
      calc(31.226% - 0.0631 * var(--arch-d)) calc(var(--arch-lift) + 0.0735 * var(--arch-w) - 0.8987 * var(--arch-d)),
      calc(33.831% - 0.0944 * var(--arch-d)) calc(var(--arch-lift) + 0.0612 * var(--arch-w) - 0.9086 * var(--arch-d)),
      calc(36.465% - 0.126 * var(--arch-d)) calc(var(--arch-lift) + 0.0494 * var(--arch-w) - 0.918 * var(--arch-d)),
      calc(39.125% - 0.1579 * var(--arch-d)) calc(var(--arch-lift) + 0.0383 * var(--arch-w) - 0.9269 * var(--arch-d)),
      calc(41.81% - 0.1901 * var(--arch-d)) calc(var(--arch-lift) + 0.0278 * var(--arch-w) - 0.9353 * var(--arch-d)),
      calc(44.518% - 0.2225 * var(--arch-d)) calc(var(--arch-lift) + 0.0179 * var(--arch-w) - 0.9432 * var(--arch-d)),
      calc(47.249% - 0.2553 * var(--arch-d)) calc(var(--arch-lift) + 0.0086 * var(--arch-w) - 0.9506 * var(--arch-d)),
      calc(50%) calc(var(--arch-lift) + 0 * var(--arch-w) - 1.0443 * var(--arch-d)),
      calc(52.751% + 0.2553 * var(--arch-d)) calc(var(--arch-lift) + 0.0086 * var(--arch-w) - 0.9506 * var(--arch-d)),
      calc(55.482% + 0.2225 * var(--arch-d)) calc(var(--arch-lift) + 0.0179 * var(--arch-w) - 0.9432 * var(--arch-d)),
      calc(58.19% + 0.1901 * var(--arch-d)) calc(var(--arch-lift) + 0.0278 * var(--arch-w) - 0.9353 * var(--arch-d)),
      calc(60.875% + 0.1579 * var(--arch-d)) calc(var(--arch-lift) + 0.0383 * var(--arch-w) - 0.9269 * var(--arch-d)),
      calc(63.535% + 0.126 * var(--arch-d)) calc(var(--arch-lift) + 0.0494 * var(--arch-w) - 0.918 * var(--arch-d)),
      calc(66.169% + 0.0944 * var(--arch-d)) calc(var(--arch-lift) + 0.0612 * var(--arch-w) - 0.9086 * var(--arch-d)),
      calc(68.774% + 0.0631 * var(--arch-d)) calc(var(--arch-lift) + 0.0735 * var(--arch-w) - 0.8987 * var(--arch-d)),
      calc(71.351% + 0.0322 * var(--arch-d)) calc(var(--arch-lift) + 0.0865 * var(--arch-w) - 0.8883 * var(--arch-d)),
      calc(73.897% + 0.0017 * var(--arch-d)) calc(var(--arch-lift) + 0.1 * var(--arch-w) - 0.8775 * var(--arch-d)),
      calc(76.411% - 0.0284 * var(--arch-d)) calc(var(--arch-lift) + 0.1141 * var(--arch-w) - 0.8662 * var(--arch-d)),
      calc(78.892% - 0.0582 * var(--arch-d)) calc(var(--arch-lift) + 0.1288 * var(--arch-w) - 0.8544 * var(--arch-d)),
      calc(81.338% - 0.0875 * var(--arch-d)) calc(var(--arch-lift) + 0.1441 * var(--arch-w) - 0.8422 * var(--arch-d)),
      calc(83.748% - 0.1164 * var(--arch-d)) calc(var(--arch-lift) + 0.1599 * var(--arch-w) - 0.8295 * var(--arch-d)),
      calc(86.121% - 0.1449 * var(--arch-d)) calc(var(--arch-lift) + 0.1763 * var(--arch-w) - 0.8164 * var(--arch-d)),
      calc(88.455% - 0.1729 * var(--arch-d)) calc(var(--arch-lift) + 0.1932 * var(--arch-w) - 0.8028 * var(--arch-d)),
      calc(90.75% - 0.2004 * var(--arch-d)) calc(var(--arch-lift) + 0.2107 * var(--arch-w) - 0.7888 * var(--arch-d)),
      calc(92.802% - 0.156 * var(--arch-d)) calc(var(--arch-lift) + 0.2286 * var(--arch-w) - 0.7141 * var(--arch-d)),
      calc(94.636% - 0.1162 * var(--arch-d)) calc(var(--arch-lift) + 0.2488 * var(--arch-w) - 0.6301 * var(--arch-d)),
      calc(96.231% - 0.0817 * var(--arch-d)) calc(var(--arch-lift) + 0.2709 * var(--arch-w) - 0.538 * var(--arch-d)),
      calc(97.564% - 0.0528 * var(--arch-d)) calc(var(--arch-lift) + 0.2946 * var(--arch-w) - 0.439 * var(--arch-d)),
      calc(98.619% - 0.0299 * var(--arch-d)) calc(var(--arch-lift) + 0.3198 * var(--arch-w) - 0.3343 * var(--arch-d)),
      calc(99.383% - 0.0134 * var(--arch-d)) calc(var(--arch-lift) + 0.3459 * var(--arch-w) - 0.2253 * var(--arch-d)),
      calc(99.845% - 0.0034 * var(--arch-d)) calc(var(--arch-lift) + 0.3728 * var(--arch-w) - 0.1134 * var(--arch-d)),
      calc(100%) calc(var(--arch-lift) + 0.4 * var(--arch-w)),
      100% 100%);
  }
  .page-home .home-arch-shade::before {
    clip-path: polygon(evenodd,
      -10% -10%,
      110% -10%,
      110% 110%,
      -10% 110%,
      -10% -10%,
      0 100%,
      calc(0%) calc(var(--arch-lift) + 0.4 * var(--arch-w)),
      calc(0.155% + 0.0034 * var(--arch-d)) calc(var(--arch-lift) + 0.3728 * var(--arch-w) - 0.1134 * var(--arch-d)),
      calc(0.617% + 0.0134 * var(--arch-d)) calc(var(--arch-lift) + 0.3459 * var(--arch-w) - 0.2253 * var(--arch-d)),
      calc(1.381% + 0.0299 * var(--arch-d)) calc(var(--arch-lift) + 0.3198 * var(--arch-w) - 0.3343 * var(--arch-d)),
      calc(2.436% + 0.0528 * var(--arch-d)) calc(var(--arch-lift) + 0.2946 * var(--arch-w) - 0.439 * var(--arch-d)),
      calc(3.769% + 0.0817 * var(--arch-d)) calc(var(--arch-lift) + 0.2709 * var(--arch-w) - 0.538 * var(--arch-d)),
      calc(5.364% + 0.1162 * var(--arch-d)) calc(var(--arch-lift) + 0.2488 * var(--arch-w) - 0.6301 * var(--arch-d)),
      calc(7.198% + 0.156 * var(--arch-d)) calc(var(--arch-lift) + 0.2286 * var(--arch-w) - 0.7141 * var(--arch-d)),
      calc(9.25% + 0.2004 * var(--arch-d)) calc(var(--arch-lift) + 0.2107 * var(--arch-w) - 0.7888 * var(--arch-d)),
      calc(11.545% + 0.1729 * var(--arch-d)) calc(var(--arch-lift) + 0.1932 * var(--arch-w) - 0.8028 * var(--arch-d)),
      calc(13.879% + 0.1449 * var(--arch-d)) calc(var(--arch-lift) + 0.1763 * var(--arch-w) - 0.8164 * var(--arch-d)),
      calc(16.252% + 0.1164 * var(--arch-d)) calc(var(--arch-lift) + 0.1599 * var(--arch-w) - 0.8295 * var(--arch-d)),
      calc(18.662% + 0.0875 * var(--arch-d)) calc(var(--arch-lift) + 0.1441 * var(--arch-w) - 0.8422 * var(--arch-d)),
      calc(21.108% + 0.0582 * var(--arch-d)) calc(var(--arch-lift) + 0.1288 * var(--arch-w) - 0.8544 * var(--arch-d)),
      calc(23.589% + 0.0284 * var(--arch-d)) calc(var(--arch-lift) + 0.1141 * var(--arch-w) - 0.8662 * var(--arch-d)),
      calc(26.103% - 0.0017 * var(--arch-d)) calc(var(--arch-lift) + 0.1 * var(--arch-w) - 0.8775 * var(--arch-d)),
      calc(28.649% - 0.0322 * var(--arch-d)) calc(var(--arch-lift) + 0.0865 * var(--arch-w) - 0.8883 * var(--arch-d)),
      calc(31.226% - 0.0631 * var(--arch-d)) calc(var(--arch-lift) + 0.0735 * var(--arch-w) - 0.8987 * var(--arch-d)),
      calc(33.831% - 0.0944 * var(--arch-d)) calc(var(--arch-lift) + 0.0612 * var(--arch-w) - 0.9086 * var(--arch-d)),
      calc(36.465% - 0.126 * var(--arch-d)) calc(var(--arch-lift) + 0.0494 * var(--arch-w) - 0.918 * var(--arch-d)),
      calc(39.125% - 0.1579 * var(--arch-d)) calc(var(--arch-lift) + 0.0383 * var(--arch-w) - 0.9269 * var(--arch-d)),
      calc(41.81% - 0.1901 * var(--arch-d)) calc(var(--arch-lift) + 0.0278 * var(--arch-w) - 0.9353 * var(--arch-d)),
      calc(44.518% - 0.2225 * var(--arch-d)) calc(var(--arch-lift) + 0.0179 * var(--arch-w) - 0.9432 * var(--arch-d)),
      calc(47.249% - 0.2553 * var(--arch-d)) calc(var(--arch-lift) + 0.0086 * var(--arch-w) - 0.9506 * var(--arch-d)),
      calc(50%) calc(var(--arch-lift) + 0 * var(--arch-w) - 1.0443 * var(--arch-d)),
      calc(52.751% + 0.2553 * var(--arch-d)) calc(var(--arch-lift) + 0.0086 * var(--arch-w) - 0.9506 * var(--arch-d)),
      calc(55.482% + 0.2225 * var(--arch-d)) calc(var(--arch-lift) + 0.0179 * var(--arch-w) - 0.9432 * var(--arch-d)),
      calc(58.19% + 0.1901 * var(--arch-d)) calc(var(--arch-lift) + 0.0278 * var(--arch-w) - 0.9353 * var(--arch-d)),
      calc(60.875% + 0.1579 * var(--arch-d)) calc(var(--arch-lift) + 0.0383 * var(--arch-w) - 0.9269 * var(--arch-d)),
      calc(63.535% + 0.126 * var(--arch-d)) calc(var(--arch-lift) + 0.0494 * var(--arch-w) - 0.918 * var(--arch-d)),
      calc(66.169% + 0.0944 * var(--arch-d)) calc(var(--arch-lift) + 0.0612 * var(--arch-w) - 0.9086 * var(--arch-d)),
      calc(68.774% + 0.0631 * var(--arch-d)) calc(var(--arch-lift) + 0.0735 * var(--arch-w) - 0.8987 * var(--arch-d)),
      calc(71.351% + 0.0322 * var(--arch-d)) calc(var(--arch-lift) + 0.0865 * var(--arch-w) - 0.8883 * var(--arch-d)),
      calc(73.897% + 0.0017 * var(--arch-d)) calc(var(--arch-lift) + 0.1 * var(--arch-w) - 0.8775 * var(--arch-d)),
      calc(76.411% - 0.0284 * var(--arch-d)) calc(var(--arch-lift) + 0.1141 * var(--arch-w) - 0.8662 * var(--arch-d)),
      calc(78.892% - 0.0582 * var(--arch-d)) calc(var(--arch-lift) + 0.1288 * var(--arch-w) - 0.8544 * var(--arch-d)),
      calc(81.338% - 0.0875 * var(--arch-d)) calc(var(--arch-lift) + 0.1441 * var(--arch-w) - 0.8422 * var(--arch-d)),
      calc(83.748% - 0.1164 * var(--arch-d)) calc(var(--arch-lift) + 0.1599 * var(--arch-w) - 0.8295 * var(--arch-d)),
      calc(86.121% - 0.1449 * var(--arch-d)) calc(var(--arch-lift) + 0.1763 * var(--arch-w) - 0.8164 * var(--arch-d)),
      calc(88.455% - 0.1729 * var(--arch-d)) calc(var(--arch-lift) + 0.1932 * var(--arch-w) - 0.8028 * var(--arch-d)),
      calc(90.75% - 0.2004 * var(--arch-d)) calc(var(--arch-lift) + 0.2107 * var(--arch-w) - 0.7888 * var(--arch-d)),
      calc(92.802% - 0.156 * var(--arch-d)) calc(var(--arch-lift) + 0.2286 * var(--arch-w) - 0.7141 * var(--arch-d)),
      calc(94.636% - 0.1162 * var(--arch-d)) calc(var(--arch-lift) + 0.2488 * var(--arch-w) - 0.6301 * var(--arch-d)),
      calc(96.231% - 0.0817 * var(--arch-d)) calc(var(--arch-lift) + 0.2709 * var(--arch-w) - 0.538 * var(--arch-d)),
      calc(97.564% - 0.0528 * var(--arch-d)) calc(var(--arch-lift) + 0.2946 * var(--arch-w) - 0.439 * var(--arch-d)),
      calc(98.619% - 0.0299 * var(--arch-d)) calc(var(--arch-lift) + 0.3198 * var(--arch-w) - 0.3343 * var(--arch-d)),
      calc(99.383% - 0.0134 * var(--arch-d)) calc(var(--arch-lift) + 0.3459 * var(--arch-w) - 0.2253 * var(--arch-d)),
      calc(99.845% - 0.0034 * var(--arch-d)) calc(var(--arch-lift) + 0.3728 * var(--arch-w) - 0.1134 * var(--arch-d)),
      calc(100%) calc(var(--arch-lift) + 0.4 * var(--arch-w)),
      100% 100%,
      0 100%);
  }
  .page-home .home-lining::before,
  .page-home .home-lining::after {
    clip-path: polygon(
      0 100%,
      calc(0%) calc(var(--arch-lift) + 0.4 * var(--arch-w)),
      calc(0.155% + 0.0034 * var(--arch-d)) calc(var(--arch-lift) + 0.3728 * var(--arch-w) - 0.1134 * var(--arch-d)),
      calc(0.617% + 0.0134 * var(--arch-d)) calc(var(--arch-lift) + 0.3459 * var(--arch-w) - 0.2253 * var(--arch-d)),
      calc(1.381% + 0.0299 * var(--arch-d)) calc(var(--arch-lift) + 0.3198 * var(--arch-w) - 0.3343 * var(--arch-d)),
      calc(2.436% + 0.0528 * var(--arch-d)) calc(var(--arch-lift) + 0.2946 * var(--arch-w) - 0.439 * var(--arch-d)),
      calc(3.769% + 0.0817 * var(--arch-d)) calc(var(--arch-lift) + 0.2709 * var(--arch-w) - 0.538 * var(--arch-d)),
      calc(5.364% + 0.1162 * var(--arch-d)) calc(var(--arch-lift) + 0.2488 * var(--arch-w) - 0.6301 * var(--arch-d)),
      calc(7.198% + 0.156 * var(--arch-d)) calc(var(--arch-lift) + 0.2286 * var(--arch-w) - 0.7141 * var(--arch-d)),
      calc(9.25% + 0.2004 * var(--arch-d)) calc(var(--arch-lift) + 0.2107 * var(--arch-w) - 0.7888 * var(--arch-d)),
      calc(11.545% + 0.1729 * var(--arch-d)) calc(var(--arch-lift) + 0.1932 * var(--arch-w) - 0.8028 * var(--arch-d)),
      calc(13.879% + 0.1449 * var(--arch-d)) calc(var(--arch-lift) + 0.1763 * var(--arch-w) - 0.8164 * var(--arch-d)),
      calc(16.252% + 0.1164 * var(--arch-d)) calc(var(--arch-lift) + 0.1599 * var(--arch-w) - 0.8295 * var(--arch-d)),
      calc(18.662% + 0.0875 * var(--arch-d)) calc(var(--arch-lift) + 0.1441 * var(--arch-w) - 0.8422 * var(--arch-d)),
      calc(21.108% + 0.0582 * var(--arch-d)) calc(var(--arch-lift) + 0.1288 * var(--arch-w) - 0.8544 * var(--arch-d)),
      calc(23.589% + 0.0284 * var(--arch-d)) calc(var(--arch-lift) + 0.1141 * var(--arch-w) - 0.8662 * var(--arch-d)),
      calc(26.103% - 0.0017 * var(--arch-d)) calc(var(--arch-lift) + 0.1 * var(--arch-w) - 0.8775 * var(--arch-d)),
      calc(28.649% - 0.0322 * var(--arch-d)) calc(var(--arch-lift) + 0.0865 * var(--arch-w) - 0.8883 * var(--arch-d)),
      calc(31.226% - 0.0631 * var(--arch-d)) calc(var(--arch-lift) + 0.0735 * var(--arch-w) - 0.8987 * var(--arch-d)),
      calc(33.831% - 0.0944 * var(--arch-d)) calc(var(--arch-lift) + 0.0612 * var(--arch-w) - 0.9086 * var(--arch-d)),
      calc(36.465% - 0.126 * var(--arch-d)) calc(var(--arch-lift) + 0.0494 * var(--arch-w) - 0.918 * var(--arch-d)),
      calc(39.125% - 0.1579 * var(--arch-d)) calc(var(--arch-lift) + 0.0383 * var(--arch-w) - 0.9269 * var(--arch-d)),
      calc(41.81% - 0.1901 * var(--arch-d)) calc(var(--arch-lift) + 0.0278 * var(--arch-w) - 0.9353 * var(--arch-d)),
      calc(44.518% - 0.2225 * var(--arch-d)) calc(var(--arch-lift) + 0.0179 * var(--arch-w) - 0.9432 * var(--arch-d)),
      calc(47.249% - 0.2553 * var(--arch-d)) calc(var(--arch-lift) + 0.0086 * var(--arch-w) - 0.9506 * var(--arch-d)),
      calc(50%) calc(var(--arch-lift) + 0 * var(--arch-w) - 1.0443 * var(--arch-d)),
      calc(52.751% + 0.2553 * var(--arch-d)) calc(var(--arch-lift) + 0.0086 * var(--arch-w) - 0.9506 * var(--arch-d)),
      calc(55.482% + 0.2225 * var(--arch-d)) calc(var(--arch-lift) + 0.0179 * var(--arch-w) - 0.9432 * var(--arch-d)),
      calc(58.19% + 0.1901 * var(--arch-d)) calc(var(--arch-lift) + 0.0278 * var(--arch-w) - 0.9353 * var(--arch-d)),
      calc(60.875% + 0.1579 * var(--arch-d)) calc(var(--arch-lift) + 0.0383 * var(--arch-w) - 0.9269 * var(--arch-d)),
      calc(63.535% + 0.126 * var(--arch-d)) calc(var(--arch-lift) + 0.0494 * var(--arch-w) - 0.918 * var(--arch-d)),
      calc(66.169% + 0.0944 * var(--arch-d)) calc(var(--arch-lift) + 0.0612 * var(--arch-w) - 0.9086 * var(--arch-d)),
      calc(68.774% + 0.0631 * var(--arch-d)) calc(var(--arch-lift) + 0.0735 * var(--arch-w) - 0.8987 * var(--arch-d)),
      calc(71.351% + 0.0322 * var(--arch-d)) calc(var(--arch-lift) + 0.0865 * var(--arch-w) - 0.8883 * var(--arch-d)),
      calc(73.897% + 0.0017 * var(--arch-d)) calc(var(--arch-lift) + 0.1 * var(--arch-w) - 0.8775 * var(--arch-d)),
      calc(76.411% - 0.0284 * var(--arch-d)) calc(var(--arch-lift) + 0.1141 * var(--arch-w) - 0.8662 * var(--arch-d)),
      calc(78.892% - 0.0582 * var(--arch-d)) calc(var(--arch-lift) + 0.1288 * var(--arch-w) - 0.8544 * var(--arch-d)),
      calc(81.338% - 0.0875 * var(--arch-d)) calc(var(--arch-lift) + 0.1441 * var(--arch-w) - 0.8422 * var(--arch-d)),
      calc(83.748% - 0.1164 * var(--arch-d)) calc(var(--arch-lift) + 0.1599 * var(--arch-w) - 0.8295 * var(--arch-d)),
      calc(86.121% - 0.1449 * var(--arch-d)) calc(var(--arch-lift) + 0.1763 * var(--arch-w) - 0.8164 * var(--arch-d)),
      calc(88.455% - 0.1729 * var(--arch-d)) calc(var(--arch-lift) + 0.1932 * var(--arch-w) - 0.8028 * var(--arch-d)),
      calc(90.75% - 0.2004 * var(--arch-d)) calc(var(--arch-lift) + 0.2107 * var(--arch-w) - 0.7888 * var(--arch-d)),
      calc(92.802% - 0.156 * var(--arch-d)) calc(var(--arch-lift) + 0.2286 * var(--arch-w) - 0.7141 * var(--arch-d)),
      calc(94.636% - 0.1162 * var(--arch-d)) calc(var(--arch-lift) + 0.2488 * var(--arch-w) - 0.6301 * var(--arch-d)),
      calc(96.231% - 0.0817 * var(--arch-d)) calc(var(--arch-lift) + 0.2709 * var(--arch-w) - 0.538 * var(--arch-d)),
      calc(97.564% - 0.0528 * var(--arch-d)) calc(var(--arch-lift) + 0.2946 * var(--arch-w) - 0.439 * var(--arch-d)),
      calc(98.619% - 0.0299 * var(--arch-d)) calc(var(--arch-lift) + 0.3198 * var(--arch-w) - 0.3343 * var(--arch-d)),
      calc(99.383% - 0.0134 * var(--arch-d)) calc(var(--arch-lift) + 0.3459 * var(--arch-w) - 0.2253 * var(--arch-d)),
      calc(99.845% - 0.0034 * var(--arch-d)) calc(var(--arch-lift) + 0.3728 * var(--arch-w) - 0.1134 * var(--arch-d)),
      calc(100%) calc(var(--arch-lift) + 0.4 * var(--arch-w)),
      100% 100%,
      calc(100% - var(--arch-t)) 100%,
      calc(100% - 1 * var(--arch-t)) calc(var(--arch-lift) + 0.4 * var(--arch-w)),
      calc(99.845% - 0.0034 * var(--arch-d) - 0.9936 * var(--arch-t)) calc(var(--arch-lift) + 0.3728 * var(--arch-w) - 0.1134 * var(--arch-d) + 0.1134 * var(--arch-t)),
      calc(99.383% - 0.0134 * var(--arch-d) - 0.9743 * var(--arch-t)) calc(var(--arch-lift) + 0.3459 * var(--arch-w) - 0.2253 * var(--arch-d) + 0.2253 * var(--arch-t)),
      calc(98.619% - 0.0299 * var(--arch-d) - 0.9425 * var(--arch-t)) calc(var(--arch-lift) + 0.3198 * var(--arch-w) - 0.3343 * var(--arch-d) + 0.3343 * var(--arch-t)),
      calc(97.564% - 0.0528 * var(--arch-d) - 0.8985 * var(--arch-t)) calc(var(--arch-lift) + 0.2946 * var(--arch-w) - 0.439 * var(--arch-d) + 0.439 * var(--arch-t)),
      calc(96.231% - 0.0817 * var(--arch-d) - 0.8429 * var(--arch-t)) calc(var(--arch-lift) + 0.2709 * var(--arch-w) - 0.538 * var(--arch-d) + 0.538 * var(--arch-t)),
      calc(94.636% - 0.1162 * var(--arch-d) - 0.7765 * var(--arch-t)) calc(var(--arch-lift) + 0.2488 * var(--arch-w) - 0.6301 * var(--arch-d) + 0.6301 * var(--arch-t)),
      calc(92.802% - 0.156 * var(--arch-d) - 0.7001 * var(--arch-t)) calc(var(--arch-lift) + 0.2286 * var(--arch-w) - 0.7141 * var(--arch-d) + 0.7141 * var(--arch-t)),
      calc(90.75% - 0.2004 * var(--arch-d) - 0.6146 * var(--arch-t)) calc(var(--arch-lift) + 0.2107 * var(--arch-w) - 0.7888 * var(--arch-d) + 0.7888 * var(--arch-t)),
      calc(88.455% - 0.1729 * var(--arch-d) - 0.5962 * var(--arch-t)) calc(var(--arch-lift) + 0.1932 * var(--arch-w) - 0.8028 * var(--arch-d) + 0.8028 * var(--arch-t)),
      calc(86.121% - 0.1449 * var(--arch-d) - 0.5775 * var(--arch-t)) calc(var(--arch-lift) + 0.1763 * var(--arch-w) - 0.8164 * var(--arch-d) + 0.8164 * var(--arch-t)),
      calc(83.748% - 0.1164 * var(--arch-d) - 0.5585 * var(--arch-t)) calc(var(--arch-lift) + 0.1599 * var(--arch-w) - 0.8295 * var(--arch-d) + 0.8295 * var(--arch-t)),
      calc(81.338% - 0.0875 * var(--arch-d) - 0.5392 * var(--arch-t)) calc(var(--arch-lift) + 0.1441 * var(--arch-w) - 0.8422 * var(--arch-d) + 0.8422 * var(--arch-t)),
      calc(78.892% - 0.0582 * var(--arch-d) - 0.5196 * var(--arch-t)) calc(var(--arch-lift) + 0.1288 * var(--arch-w) - 0.8544 * var(--arch-d) + 0.8544 * var(--arch-t)),
      calc(76.411% - 0.0284 * var(--arch-d) - 0.4998 * var(--arch-t)) calc(var(--arch-lift) + 0.1141 * var(--arch-w) - 0.8662 * var(--arch-d) + 0.8662 * var(--arch-t)),
      calc(73.897% + 0.0017 * var(--arch-d) - 0.4796 * var(--arch-t)) calc(var(--arch-lift) + 0.1 * var(--arch-w) - 0.8775 * var(--arch-d) + 0.8775 * var(--arch-t)),
      calc(71.351% + 0.0322 * var(--arch-d) - 0.4593 * var(--arch-t)) calc(var(--arch-lift) + 0.0865 * var(--arch-w) - 0.8883 * var(--arch-d) + 0.8883 * var(--arch-t)),
      calc(68.774% + 0.0631 * var(--arch-d) - 0.4386 * var(--arch-t)) calc(var(--arch-lift) + 0.0735 * var(--arch-w) - 0.8987 * var(--arch-d) + 0.8987 * var(--arch-t)),
      calc(66.169% + 0.0944 * var(--arch-d) - 0.4178 * var(--arch-t)) calc(var(--arch-lift) + 0.0612 * var(--arch-w) - 0.9086 * var(--arch-d) + 0.9086 * var(--arch-t)),
      calc(63.535% + 0.126 * var(--arch-d) - 0.3967 * var(--arch-t)) calc(var(--arch-lift) + 0.0494 * var(--arch-w) - 0.918 * var(--arch-d) + 0.918 * var(--arch-t)),
      calc(60.875% + 0.1579 * var(--arch-d) - 0.3754 * var(--arch-t)) calc(var(--arch-lift) + 0.0383 * var(--arch-w) - 0.9269 * var(--arch-d) + 0.9269 * var(--arch-t)),
      calc(58.19% + 0.1901 * var(--arch-d) - 0.3539 * var(--arch-t)) calc(var(--arch-lift) + 0.0278 * var(--arch-w) - 0.9353 * var(--arch-d) + 0.9353 * var(--arch-t)),
      calc(55.482% + 0.2225 * var(--arch-d) - 0.3322 * var(--arch-t)) calc(var(--arch-lift) + 0.0179 * var(--arch-w) - 0.9432 * var(--arch-d) + 0.9432 * var(--arch-t)),
      calc(52.751% + 0.2553 * var(--arch-d) - 0.3103 * var(--arch-t)) calc(var(--arch-lift) + 0.0086 * var(--arch-w) - 0.9506 * var(--arch-d) + 0.9506 * var(--arch-t)),
      calc(50%) calc(var(--arch-lift) + 0 * var(--arch-w) - 1.0443 * var(--arch-d) + 1.0443 * var(--arch-t)),
      calc(47.249% - 0.2553 * var(--arch-d) + 0.3103 * var(--arch-t)) calc(var(--arch-lift) + 0.0086 * var(--arch-w) - 0.9506 * var(--arch-d) + 0.9506 * var(--arch-t)),
      calc(44.518% - 0.2225 * var(--arch-d) + 0.3322 * var(--arch-t)) calc(var(--arch-lift) + 0.0179 * var(--arch-w) - 0.9432 * var(--arch-d) + 0.9432 * var(--arch-t)),
      calc(41.81% - 0.1901 * var(--arch-d) + 0.3539 * var(--arch-t)) calc(var(--arch-lift) + 0.0278 * var(--arch-w) - 0.9353 * var(--arch-d) + 0.9353 * var(--arch-t)),
      calc(39.125% - 0.1579 * var(--arch-d) + 0.3754 * var(--arch-t)) calc(var(--arch-lift) + 0.0383 * var(--arch-w) - 0.9269 * var(--arch-d) + 0.9269 * var(--arch-t)),
      calc(36.465% - 0.126 * var(--arch-d) + 0.3967 * var(--arch-t)) calc(var(--arch-lift) + 0.0494 * var(--arch-w) - 0.918 * var(--arch-d) + 0.918 * var(--arch-t)),
      calc(33.831% - 0.0944 * var(--arch-d) + 0.4178 * var(--arch-t)) calc(var(--arch-lift) + 0.0612 * var(--arch-w) - 0.9086 * var(--arch-d) + 0.9086 * var(--arch-t)),
      calc(31.226% - 0.0631 * var(--arch-d) + 0.4386 * var(--arch-t)) calc(var(--arch-lift) + 0.0735 * var(--arch-w) - 0.8987 * var(--arch-d) + 0.8987 * var(--arch-t)),
      calc(28.649% - 0.0322 * var(--arch-d) + 0.4593 * var(--arch-t)) calc(var(--arch-lift) + 0.0865 * var(--arch-w) - 0.8883 * var(--arch-d) + 0.8883 * var(--arch-t)),
      calc(26.103% - 0.0017 * var(--arch-d) + 0.4796 * var(--arch-t)) calc(var(--arch-lift) + 0.1 * var(--arch-w) - 0.8775 * var(--arch-d) + 0.8775 * var(--arch-t)),
      calc(23.589% + 0.0284 * var(--arch-d) + 0.4998 * var(--arch-t)) calc(var(--arch-lift) + 0.1141 * var(--arch-w) - 0.8662 * var(--arch-d) + 0.8662 * var(--arch-t)),
      calc(21.108% + 0.0582 * var(--arch-d) + 0.5196 * var(--arch-t)) calc(var(--arch-lift) + 0.1288 * var(--arch-w) - 0.8544 * var(--arch-d) + 0.8544 * var(--arch-t)),
      calc(18.662% + 0.0875 * var(--arch-d) + 0.5392 * var(--arch-t)) calc(var(--arch-lift) + 0.1441 * var(--arch-w) - 0.8422 * var(--arch-d) + 0.8422 * var(--arch-t)),
      calc(16.252% + 0.1164 * var(--arch-d) + 0.5585 * var(--arch-t)) calc(var(--arch-lift) + 0.1599 * var(--arch-w) - 0.8295 * var(--arch-d) + 0.8295 * var(--arch-t)),
      calc(13.879% + 0.1449 * var(--arch-d) + 0.5775 * var(--arch-t)) calc(var(--arch-lift) + 0.1763 * var(--arch-w) - 0.8164 * var(--arch-d) + 0.8164 * var(--arch-t)),
      calc(11.545% + 0.1729 * var(--arch-d) + 0.5962 * var(--arch-t)) calc(var(--arch-lift) + 0.1932 * var(--arch-w) - 0.8028 * var(--arch-d) + 0.8028 * var(--arch-t)),
      calc(9.25% + 0.2004 * var(--arch-d) + 0.6146 * var(--arch-t)) calc(var(--arch-lift) + 0.2107 * var(--arch-w) - 0.7888 * var(--arch-d) + 0.7888 * var(--arch-t)),
      calc(7.198% + 0.156 * var(--arch-d) + 0.7001 * var(--arch-t)) calc(var(--arch-lift) + 0.2286 * var(--arch-w) - 0.7141 * var(--arch-d) + 0.7141 * var(--arch-t)),
      calc(5.364% + 0.1162 * var(--arch-d) + 0.7765 * var(--arch-t)) calc(var(--arch-lift) + 0.2488 * var(--arch-w) - 0.6301 * var(--arch-d) + 0.6301 * var(--arch-t)),
      calc(3.769% + 0.0817 * var(--arch-d) + 0.8429 * var(--arch-t)) calc(var(--arch-lift) + 0.2709 * var(--arch-w) - 0.538 * var(--arch-d) + 0.538 * var(--arch-t)),
      calc(2.436% + 0.0528 * var(--arch-d) + 0.8985 * var(--arch-t)) calc(var(--arch-lift) + 0.2946 * var(--arch-w) - 0.439 * var(--arch-d) + 0.439 * var(--arch-t)),
      calc(1.381% + 0.0299 * var(--arch-d) + 0.9425 * var(--arch-t)) calc(var(--arch-lift) + 0.3198 * var(--arch-w) - 0.3343 * var(--arch-d) + 0.3343 * var(--arch-t)),
      calc(0.617% + 0.0134 * var(--arch-d) + 0.9743 * var(--arch-t)) calc(var(--arch-lift) + 0.3459 * var(--arch-w) - 0.2253 * var(--arch-d) + 0.2253 * var(--arch-t)),
      calc(0.155% + 0.0034 * var(--arch-d) + 0.9936 * var(--arch-t)) calc(var(--arch-lift) + 0.3728 * var(--arch-w) - 0.1134 * var(--arch-d) + 0.1134 * var(--arch-t)),
      calc(0% + 1 * var(--arch-t)) calc(var(--arch-lift) + 0.4 * var(--arch-w)),
      var(--arch-t) 100%);
  }
}
.page-home .home-summary {
  position: relative;
  padding: var(--head-pad) 0 0;
  box-sizing: border-box;
  min-height: calc(var(--arch-rise) * var(--arch-w));
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
}
.page-home .home-day-head {
  align-items: center;
  gap: 0.12rem;
  margin: 0 0 0.7rem;
  padding-inline: calc(var(--day-clear) - var(--pad-x));
}
.page-home .home h1 {
  max-width: calc(0.233 * var(--arch-w) + 139px);
  font-size: 1.38rem;
  line-height: 1.2;
}
.page-home .home-date-weekday,
.page-home .home-date-rest {
  white-space: nowrap;
}
.page-home .home .feast {
  max-width: min(calc(0.62 * var(--arch-w) + 57px), calc(0.9 * var(--arch-w) - 38px));
  font-size: 1.08rem;
  line-height: 1.25;
  text-wrap: balance;
}
.page-home .home .feast.has-alias {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 0.25em;
}
.page-home .home .feast-name {
  text-wrap: balance;
}
.page-home .home .feast-alias {
  white-space: nowrap;
  font-style: italic;
}
.page-home .home-date-link {
  align-items: flex-end;
}
.page-home .home .commemorations {
  display: block;
  text-align: center;
  text-wrap: balance;
}
.page-home .home .commemorations ul,
.page-home .home .commemorations li:first-child {
  display: inline;
}
.page-home .home .commemorations-label {
  margin-right: 0.3em;
}
.page-home .home .commemorations li + li::before {
  content: "and ";
  font-style: italic;
}
.page-home .home .penitential {
  margin-top: 0.3rem;
}
.page-home .home-versicle {
  max-width: 19rem;
  margin: 0.75rem auto 0;
  font-style: italic;
  font-size: 0.96rem;
  line-height: 1.32;
  color: color-mix(in srgb, var(--text) 84%, transparent);
  text-align: center;
  text-wrap: balance;
}
.page-home .home-versicle-line {
  display: block;
}
.page-home .home-versicle-sigil {
  font-style: normal;
  color: var(--rubric);
}
.page-home .penitential-badge {
  margin: 0 0.3rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-variant-caps: all-small-caps;
  letter-spacing: 0.06em;
}
.page-home .home-prayer-card {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.page-home .home-prayer-card h2 {
  display: block;
  margin: 0.15rem -1rem 0.75rem;
  padding: 0.16rem 1rem 0.12rem;
  background: var(--inscription-ground);
  box-shadow:
    inset 0 1px 0 var(--inscription-edge),
    inset 0 -1px 0 var(--inscription-edge),
    inset 0 2px 0 color-mix(in srgb, var(--inscription-ink) 22%, transparent),
    inset 0 -2px 0 color-mix(in srgb, var(--inscription-ink) 22%, transparent);
  color: var(--inscription-ink);
  font-size: 0.8rem;
  font-weight: normal;
  font-variant-caps: all-small-caps;
  letter-spacing: 0.16em;
  text-align: center;
}
.page-home .home-prayer-card h2::before,
.page-home .home-prayer-card h2::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-inline: 0.95em;
  background: currentColor;
  transform: rotate(45deg);
  vertical-align: 0.07em;
}
.page-home .pray-now-wrap {
  margin-bottom: 0.7rem;
}
.page-home .pray-now,
.page-home .pray-now:hover {
  position: relative;
  padding: 0.68rem 0.8rem 0.72rem;
  border: 1px solid var(--lining);
  background: transparent;
  color: var(--titulus);
  font-size: 1.2rem;
  line-height: 1.3;
}
.page-home .pray-now {
  border-radius: 0;
}
.page-home .pray-now::after {
  content: "";
  position: absolute;
  inset: 3px;
  border: 1px solid var(--panel-rule);
  pointer-events: none;
}
.page-home .pray-now:active {
  border-color: var(--accent);
  background: rgba(107, 58, 31, 0.1);
}
@media (hover: hover) {
  .page-home .pray-now:hover {
    border-color: var(--accent);
    background: rgba(107, 58, 31, 0.07);
  }
}
.page-home .home-hour-links {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-inline: 1px solid var(--panel-rule);
}
.page-home .home-hour-group {
  display: grid;
  grid-template-columns: 5.2rem minmax(0, 1fr);
  align-items: stretch;
  border-top: 1px solid var(--frontispiece-rule);
}
.page-home .home-hour-group:first-child {
  border-top-color: var(--panel-rule);
}
.page-home .home-hour-group:last-child {
  border-bottom: 1px solid var(--panel-rule);
}
.page-home .home-hour-group-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.16rem;
  border-right: 1px solid var(--frontispiece-rule);
  background: var(--frontispiece-band);
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: normal;
  font-variant-caps: all-small-caps;
  letter-spacing: 0.08em;
  line-height: 1.2;
  padding: 0 0.4rem;
}
.page-home .home-period-ornament {
  display: block;
  flex: none;
  width: 1.2rem;
  height: 0.8rem;
  fill: var(--ornament);
  opacity: 0.7;
}
.page-home .home-hour-group-links {
  display: grid;
  min-width: 0;
}
.page-home .home-hour-group-morning .home-hour-group-links,
.page-home .home-hour-group-evening .home-hour-group-links {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.page-home .home-hour-group-day .home-hour-group-links {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.page-home .home-hour-link {
  position: relative;
  justify-content: center;
  min-width: 0;
  min-height: var(--touch-target);
  gap: 0.25rem;
  padding: 0.35rem 0.2rem;
  border: 0;
  background: transparent;
  line-height: 1.2;
  text-align: center;
}
.page-home .home-hour-link + .home-hour-link::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  width: 1px;
  height: 1rem;
  background: var(--frontispiece-rule);
  transform: translateY(-50%);
  pointer-events: none;
}
@media (hover: hover) {
  .page-home .home-hour-link:not(.is-current):hover,
  :root[data-theme="dark"] .page-home .home-hour-link:not(.is-current):hover {
    background: color-mix(in srgb, var(--accent) 6%, transparent);
    color: var(--accent);
  }
}
@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .page-home .home-hour-link:not(.is-current):hover {
    background: color-mix(in srgb, var(--accent) 8%, transparent);
  }
}
.page-home :is(.pray-now, .home-hour-link, .home-date-nav > summary, .not-today-link):focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}
.page-home .home-hour-link.is-current {
  background: rgba(107, 58, 31, 0.08);
  box-shadow: inset 0 -1px 0 var(--ornament);
}
.page-home .home-hour-link.is-current::before,
.page-home .home-hour-link.is-current + .home-hour-link::before {
  visibility: hidden;
}
.page-home .home-hour-link-state {
  margin-left: 0;
}
.page-home .home-day-meta {
  justify-content: center;
  margin-top: 0.55rem;
  padding-top: 0.2rem;
  border-top: 1px solid var(--frontispiece-rule);
}
.page-home .home-day-meta .home-date-nav {
  text-align: center;
}
.page-home .home-day-meta .home-date-nav > summary {
  display: flex;
  align-items: center;
  min-height: var(--touch-target);
  margin-inline: auto;
  padding: 0.35rem;
}
.page-home .home-day-meta .home-date-nav .day-nav {
  justify-content: center;
}
@media (min-width: 701px) {
  .page-home main {
    --card-w: clamp(38rem, 10rem + 38vw, 48rem);
    --niche-zoom: 1;
    max-width: calc(var(--card-w) * var(--niche-zoom) + 3rem);
  }
  .page-home .home-hero {
    --niche-background:
      radial-gradient(ellipse 70% 50% at 50% 0%, var(--niche-warm), transparent 72%),
      linear-gradient(180deg, var(--niche-sheen), transparent 30%),
      var(--surface);
    --arch-ground: var(--niche-background);
    --arch-frame: 2px;
    --arch-halo: drop-shadow(0 1.25rem 1.25rem var(--chapel-shade)) drop-shadow(0 0 0.9rem var(--niche-clear));
    --arch-shade: drop-shadow(0 0.55rem 0.9rem var(--niche-recess));
    --pad-x: 1.75rem;
    zoom: var(--niche-zoom);
    max-width: var(--card-w);
    --lining-inset: 26px;
    --day-clear: calc(var(--lining-inset) + 9px + 0.75rem);
    --crown-size: 2.25rem;
    --crown-top: 3rem;
    --head-pad: 7.5rem;
    padding: 0 var(--pad-x) 1.25rem;
  }
  .page-home .home-arch::before {
    --arch-d: calc(0.75rem + 0.5rem + 1px);
    background: var(--niche-clear);
  }
  .page-home .home-arch-edge {
    --arch-d: calc(0.75rem + 1px);
    display: block;
    background: linear-gradient(var(--niche-edge), var(--niche-edge)), var(--niche-clear);
  }
  .page-home .home-arch::after {
    --arch-d: 0.75rem;
    display: block;
    background: var(--niche-stone);
  }
  .page-home .home-hero::before {
    --arch-d: 1.5px;
    display: block;
    z-index: -4;
    background: linear-gradient(var(--day-color, var(--niche-edge)), var(--day-color, var(--niche-edge))), var(--niche-stone);
  }
  .page-home .home h1 {
    max-width: none;
    font-size: 1.62rem;
    letter-spacing: 0.015em;
  }
  .page-home .home .feast {
    max-width: none;
    font-size: 1.17rem;
  }
  .page-home .home-day-head {
    margin-bottom: 0.9rem;
  }
  .page-home .home-prayer-card h2 {
    margin-inline: -1.75rem;
    padding: 0.1rem 1.75rem 0.06rem;
    margin-bottom: 0.95rem;
    font-size: 0.72rem;
    letter-spacing: 0.17em;
  }
  .page-home .pray-now-wrap {
    margin-bottom: 0.95rem;
  }
  .page-home .pray-now,
  .page-home .pray-now:hover {
    padding-block: 0.85rem 0.9rem;
    font-size: 1.45rem;
  }
  .page-home .home-hour-group {
    grid-template-columns: 5.25rem minmax(0, 1fr);
  }
  .page-home .home-hour-group-label {
    padding-inline: 0.5rem;
    color: var(--accent);
  }
  .page-home .home-hour-link {
    min-height: max(2.9rem, 46px);
    padding-block: 0.45rem;
  }
  .page-home .home-hour-link-name {
    font-size: 1.1rem;
  }
  .page-home .home-day-meta {
    margin-top: 0.9rem;
    padding-top: 0.45rem;
  }
}
@media (max-width: 350px) {
  .page-home .home-hour-group {
    grid-template-columns: 1fr;
  }
  .page-home .home-hour-group-label {
    flex-direction: row;
    gap: 0.4rem;
    justify-content: center;
    min-height: 1.8rem;
    border-right: 0;
    padding: 0.25rem;
  }
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .page-home .home-hero {
    --frontispiece-frame: rgba(208, 176, 106, 0.34);
    --frontispiece-rule: rgba(208, 176, 106, 0.24);
    --frontispiece-band: rgba(208, 176, 106, 0.045);
    --lining-day: var(--day-color, var(--lining));
    --panel-halo: drop-shadow(0 0 0.35rem var(--bg)) drop-shadow(0 0 0.6rem var(--bg));
    --panel-shade: drop-shadow(0 0.3rem 0.4rem var(--niche-recess));
  }
  :root:not([data-theme="light"]) .page-home .home-hour-link {
    background: transparent;
  }
  :root:not([data-theme="light"]) .page-home .home-hour-link.is-current {
    background: rgba(208, 176, 106, 0.12);
  }
  :root:not([data-theme="light"]) .page-home :is(.home-hero, .home-summary).day-color-red { --day-color: #c9503f; }
  :root:not([data-theme="light"]) .page-home :is(.home-hero, .home-summary).day-color-green { --day-color: #4f8a52; }
  :root:not([data-theme="light"]) .page-home :is(.home-hero, .home-summary).day-color-violet { --day-color: #8d62ad; }
  :root:not([data-theme="light"]) .page-home .pray-now,
  :root:not([data-theme="light"]) .page-home .pray-now:hover {
    border-color: var(--lining);
    background: transparent;
    color: var(--lining);
  }
  :root:not([data-theme="light"]) .page-home .pray-now:active {
    border-color: var(--accent);
    background: rgba(208, 176, 106, 0.14);
  }
}
:root[data-theme="dark"] .page-home .home-hero {
  --frontispiece-frame: rgba(208, 176, 106, 0.34);
  --frontispiece-rule: rgba(208, 176, 106, 0.24);
  --frontispiece-band: rgba(208, 176, 106, 0.045);
  --lining-day: var(--day-color, var(--lining));
  --panel-halo: drop-shadow(0 0 0.35rem var(--bg)) drop-shadow(0 0 0.6rem var(--bg));
  --panel-shade: drop-shadow(0 0.3rem 0.4rem var(--niche-recess));
}
:root[data-theme="dark"] .page-home .home-hour-link {
  background: transparent;
}
:root[data-theme="dark"] .page-home .home-hour-link.is-current {
  background: rgba(208, 176, 106, 0.12);
}
:root[data-theme="dark"] .page-home :is(.home-hero, .home-summary).day-color-red { --day-color: #c9503f; }
:root[data-theme="dark"] .page-home :is(.home-hero, .home-summary).day-color-green { --day-color: #4f8a52; }
:root[data-theme="dark"] .page-home :is(.home-hero, .home-summary).day-color-violet { --day-color: #8d62ad; }
:root[data-theme="dark"] .page-home .pray-now,
:root[data-theme="dark"] .page-home .pray-now:hover {
  border-color: var(--lining);
  background: transparent;
  color: var(--lining);
}
:root[data-theme="dark"] .page-home .pray-now:active {
  border-color: var(--accent);
  background: rgba(208, 176, 106, 0.14);
}
@media (hover: hover) and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .page-home .pray-now:hover {
    border-color: var(--accent);
    background: rgba(208, 176, 106, 0.1);
  }
}
@media (hover: hover) {
  :root[data-theme="dark"] .page-home .pray-now:hover {
    border-color: var(--accent);
    background: rgba(208, 176, 106, 0.1);
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
.not-found {
  text-align: center;
  padding: 2.25rem 0 4rem;
}
.not-found .ornament-headpiece {
  margin: 0 auto 1.1rem;
}
.not-found h1 {
  font-size: 1.9rem;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 1.6rem;
}
.not-found-quote {
  font-size: 1.35rem;
  font-style: italic;
  color: var(--text);
  margin-bottom: 0.2rem;
}
.not-found-ref {
  font-size: 0.85rem;
  color: var(--rubric);
  letter-spacing: 0.04em;
  margin-bottom: 2rem;
}
.not-found-msg {
  color: var(--muted);
  font-size: 0.95rem;
  max-width: 30em;
  margin: 0 auto 1.6rem;
}
.not-found-home a {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-target);
  color: var(--accent);
  text-decoration: underline;
  text-decoration-color: var(--gold-line);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.3em;
}
.not-found-home a:hover {
  text-decoration-color: var(--accent);
}
.reminders {
  max-width: 38rem;
  margin: 0 auto;
}
.reminders .ornament-headpiece {
  width: 5rem;
  margin: 0 0 0.55rem;
  font-size: 0.75rem;
}
.reminders h1 {
  margin-bottom: 0.55rem;
  color: var(--text);
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 1.2;
}
.reminders-intro {
  max-width: 36rem;
  margin-bottom: 1.5rem;
  color: var(--muted);
  line-height: 1.5;
}
.privacy {
  max-width: 38rem;
  margin: 0 auto;
  line-height: 1.55;
}
.privacy .ornament-headpiece {
  width: 5rem;
  margin: 0 0 0.55rem;
  font-size: 0.75rem;
}
.privacy h1 {
  margin-bottom: 0.55rem;
  color: var(--text);
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 1.2;
}
.privacy h2 {
  margin: 1.6rem 0 0.35rem;
  color: var(--accent);
  font-size: 0.95rem;
  font-weight: normal;
  font-variant-caps: all-small-caps;
  letter-spacing: 0.08em;
}
.privacy p {
  margin-bottom: 0.8rem;
}
.privacy a {
  color: var(--accent);
  text-decoration-color: var(--gold-line);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}
.privacy-intro,
.privacy-updated {
  color: var(--muted);
}
.reminders fieldset {
  margin-bottom: 1.1rem;
  padding: 0.55rem 0.85rem 0.75rem;
  border: 1px solid var(--border);
  border-radius: 2px;
}
.reminders legend {
  padding: 0 0.45em;
  color: var(--accent);
  font-size: 0.82rem;
  font-variant-caps: all-small-caps;
  letter-spacing: 0.08em;
}
.reminder-hour-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  max-width: 24rem;
  min-height: var(--touch-target);
  border-bottom: 1px solid color-mix(in srgb, var(--border) 58%, transparent);
}
.reminder-hour-row:last-child {
  border-bottom: 0;
}
.reminder-hour-name,
.reminder-day {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  min-height: var(--touch-target);
  cursor: pointer;
}
.reminder-hour-name {
  color: var(--muted);
  transition: color 140ms ease;
}
.reminders input[type="checkbox"] {
  appearance: none;
  flex: 0 0 auto;
  width: 0.95rem;
  height: 0.95rem;
  margin: 0;
  border: 1px solid var(--muted);
  border-radius: 1px;
  background: var(--bg);
  cursor: pointer;
  transition:
    background-color 140ms ease,
    border-color 140ms ease;
}
.reminders input[type="checkbox"]:checked {
  border-color: var(--accent);
  background: var(--accent);
  box-shadow: inset 0 0 0 3px var(--bg);
}
@media (forced-colors: active) {
  .reminders input[type="checkbox"] { appearance: auto; }
}
.reminder-hour-row input[type="time"]::-webkit-calendar-picker-indicator {
  opacity: 0.5;
  cursor: pointer;
}
.reminder-hour-row.is-selected .reminder-hour-name {
  color: var(--text);
}
.reminder-hour-row input[type="time"],
.reminder-alarm select {
  min-height: var(--touch-target);
  border: 1px solid var(--border);
  border-radius: 2px;
  background: color-mix(in srgb, var(--surface) 70%, var(--bg));
  color: var(--text);
}
.reminder-hour-row input[type="time"] {
  width: auto;
  min-width: 9rem;
  padding: 0.3rem 0.5rem;
  transition:
    border-color 140ms ease,
    color 140ms ease,
    opacity 140ms ease;
}
.reminder-hour-row input[type="time"]:disabled {
  border-color: transparent;
  background: transparent;
  color: var(--muted);
  opacity: 0.48;
}
.reminder-days {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1rem;
}
.reminder-alarm select {
  width: min(100%, 14rem);
  padding: 0.35rem 0.55rem;
  font: inherit;
}
.reminder-result {
  margin: 1.45rem 0 1.2rem;
  padding-top: 1.15rem;
  border-top: 3px double var(--ornament-line);
}
.reminder-result h2 {
  margin-bottom: 0.7rem;
  font-size: 1.25rem;
  font-weight: normal;
}
.reminder-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-bottom: 0.55rem;
}
.reminder-subscribe,
.reminder-copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--touch-target);
  border-radius: 2px;
  padding: 0.55rem 0.8rem;
  font: inherit;
  font-size: 0.92rem;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}
.reminder-subscribe {
  border: 1px solid var(--accent);
  background: var(--accent);
  color: var(--bg);
}
.reminder-copy {
  border: 1px solid var(--border);
  background: transparent;
  color: var(--accent);
}
.reminder-subscribe:hover:not(.is-disabled),
.reminder-copy:hover:not(:disabled) {
  border-color: var(--text);
}
.reminder-subscribe.is-disabled,
.reminder-copy:disabled {
  border-color: var(--border);
  background: transparent;
  color: var(--muted);
  cursor: default;
  opacity: 0.58;
}
#reminder-copied {
  color: var(--accent);
  font-size: 0.88rem;
}
.reminder-address,
.reminder-help {
  color: var(--muted);
}
.reminder-address > summary,
.reminder-help > summary {
  display: flex;
  align-items: center;
  width: fit-content;
  min-height: var(--touch-target);
  color: var(--muted);
  cursor: pointer;
  font-size: 0.78rem;
  font-variant-caps: all-small-caps;
  letter-spacing: 0.07em;
  list-style: none;
}
.reminder-address > summary::-webkit-details-marker,
.reminder-help > summary::-webkit-details-marker {
  display: none;
}
.reminder-address > summary::after,
.reminder-help > summary::after {
  content: " ▾";
  margin-left: 0.3em;
  color: var(--gold-line);
  font-size: 0.85em;
}
.reminder-address[open] > summary::after,
.reminder-help[open] > summary::after {
  content: " ▴";
}
.reminder-url {
  display: block;
  padding: 0.55rem 0.7rem;
  border: 1px solid var(--border);
  border-radius: 2px;
  background: color-mix(in srgb, var(--surface) 72%, var(--bg));
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.reminder-help {
  border-top: 1px solid var(--border);
}
.reminder-help-content {
  padding-bottom: 0.4rem;
}
.reminder-help h3 {
  margin: 0.85rem 0 0.25rem;
  color: var(--text);
  font-size: 1rem;
}
.reminder-help p {
  max-width: 38em;
  margin-bottom: 0.5rem;
  color: var(--text);
  line-height: 1.5;
}
.reminder-help a {
  color: var(--accent);
}
@media (max-width: 540px) {
  .reminders h1 {
    font-size: 1.6rem;
  }
  .reminder-subscribe {
    flex: 1 1 13rem;
  }
  .reminder-copy {
    flex: 0 0 auto;
  }
}
.hour-meta,
.item-label,
.chapter-ref,
.scripture-ref,
.psalm-verses .verse-num,
.gloria-patri,
.home h1,
.calendar-header h1,
.year-nav a,
.month-table,
.day-office-hour {
  font-variant-numeric: oldstyle-nums;
}
::selection {
  background: rgba(201, 172, 114, 0.45);
  color: var(--text);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) ::selection {
    background: rgba(216, 188, 116, 0.3);
  }
}
:root[data-theme="dark"] ::selection {
  background: rgba(216, 188, 116, 0.3);
}
.psalm-verses .verse:first-child::first-letter,
.chapter .liturgical-block .plain-line:first-child::first-letter,
.chapter .liturgical-block .versicle-line:first-child .sigil-text::first-letter,
.collect .liturgical-block .plain-line:first-child::first-letter,
.hymn-stanza-opening .hymn-line:first-child::first-letter,
.marian-antiphon .chant-line-opening::first-letter,
.corporate-lord-prayer-officiant::first-letter,
.short-responsory-opening .sigil-text::first-letter {
  color: var(--ornament);
  text-shadow: 0 1px 0 color-mix(in srgb, var(--ornament) 30%, transparent);
}
@supports (initial-letter: 2) {
  .psalm-verses .verse:first-child::first-letter,
  .chapter .liturgical-block .plain-line:first-child::first-letter,
  .chapter .liturgical-block .versicle-line:first-child .sigil-text::first-letter,
  .collect .liturgical-block .plain-line:first-child::first-letter,
  .hymn-stanza-opening .hymn-line:first-child::first-letter,
  .marian-antiphon .chant-line-opening::first-letter,
  .corporate-lord-prayer-officiant::first-letter,
  .short-responsory-opening .sigil-text::first-letter {
    initial-letter: 2;
    margin-top: 0.1em;
    margin-bottom: calc(-0.1em + var(--initial-depth, 0) * 1em);
  }
}
@property --opening-line {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --opening-text {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@supports (not (initial-letter: 2)) and (width: 1lh) {
  .psalm-verses .verse:first-child,
  .chapter .liturgical-block .plain-line:first-child,
  .chapter .liturgical-block .versicle-line:first-child .sigil-text,
  .collect .liturgical-block .plain-line:first-child,
  .hymn-stanza-opening .hymn-line:first-child,
  .marian-antiphon .chant-line-opening,
  .corporate-lord-prayer-officiant {
    --opening-line: 1lh;
    --opening-text: 1em;
  }
  .psalm-verses .verse:first-child::first-letter,
  .chapter .liturgical-block .plain-line:first-child::first-letter,
  .chapter .liturgical-block .versicle-line:first-child .sigil-text::first-letter,
  .collect .liturgical-block .plain-line:first-child::first-letter,
  .hymn-stanza-opening .hymn-line:first-child::first-letter,
  .marian-antiphon .chant-line-opening::first-letter,
  .corporate-lord-prayer-officiant::first-letter {
    --opening-em: calc(3.05 * var(--opening-text));
    font-size: calc(var(--opening-text) + var(--opening-line) / 0.65);
    line-height: 0.88;
    margin-top: calc((var(--opening-line) - var(--opening-text)) / 2 + 0.06 * var(--opening-text));
    margin-right: calc(var(--initial-gap, 0.06) * var(--opening-em));
    margin-bottom: calc(-0.1em + var(--initial-depth, 0) * var(--opening-em));
    margin-left: calc(var(--initial-hang, 0) * var(--opening-em));
  }
  .psalm-verses .verse:first-child::first-letter {
    margin-left: calc(-1 * var(--verse-gutter) + var(--initial-hang, 0) * var(--opening-em));
  }
}
.elements [data-initial="A"] { --initial-gap: 0.06; --initial-tuck: -0.8; --initial-hang: -0.02; }
.elements [data-initial="B"] { --initial-gap: 0.08; --initial-tuck: -0.2; }
.elements [data-initial="C"] { --initial-gap: 0.08; --initial-tuck: -0.05; --initial-hang: -0.025; }
.elements [data-initial="D"] { --initial-gap: 0.03; --initial-tuck: 0.1; }
.elements [data-initial="E"] { --initial-gap: 0.08; --initial-tuck: -0.15; }
.elements [data-initial="F"] { --initial-gap: -0.135; --initial-tuck: 0.65; }
.elements [data-initial="G"] { --initial-gap: -0.005; --initial-tuck: 0; --initial-hang: -0.025; }
.elements [data-initial="H"] { --initial-gap: 0.06; --initial-tuck: 0; }
.elements [data-initial="I"] { --initial-gap: 0.03; --initial-tuck: 0; }
.elements [data-initial="J"] { --initial-gap: -0.055; --initial-tuck: 0.35; }
.elements [data-initial="K"] { --initial-gap: 0.06; --initial-tuck: 0; }
.elements [data-initial="L"] { --initial-gap: 0.06; --initial-tuck: -0.9; }
.elements [data-initial="M"] { --initial-gap: 0.06; --initial-tuck: -0.05; }
.elements [data-initial="N"] { --initial-gap: -0.055; --initial-tuck: 0.35; }
.elements [data-initial="O"] { --initial-gap: 0.045; --initial-tuck: 0; --initial-hang: -0.025; }
.elements [data-initial="P"] { --initial-gap: -0.215; --initial-tuck: 0.85; }
.elements [data-initial="Q"] { --initial-gap: 0.06; --initial-tuck: -0.2; --initial-hang: -0.025; --initial-depth: 0.1; }
.elements [data-initial="R"] { --initial-gap: 0.08; --initial-tuck: -0.8; }
.elements [data-initial="S"] { --initial-gap: 0.06; --initial-tuck: -0.05; }
.elements [data-initial="T"] { --initial-gap: -0.15; --initial-tuck: 0.65; --initial-hang: -0.06; }
.elements [data-initial="U"] { --initial-gap: -0.055; --initial-tuck: 0.35; }
.elements [data-initial="V"] { --initial-gap: -0.265; --initial-tuck: 1; --initial-hang: -0.025; }
.elements [data-initial="W"] { --initial-gap: -0.215; --initial-tuck: 0.85; --initial-hang: -0.025; }
.elements [data-initial="X"] { --initial-gap: 0.06; --initial-tuck: 0; }
.elements [data-initial="Y"] { --initial-gap: -0.1; --initial-tuck: 0.6; --initial-hang: -0.025; }
.elements [data-initial="Z"] { --initial-gap: 0.06; --initial-tuck: -0.05; }
.elements :is([data-initial="T"], [data-initial="V"], [data-initial="W"], [data-initial="Y"]) {
  --initial-raised-tuck: -0.04;
}
.opening-small-caps {
  font-variant-caps: all-small-caps;
}
.initial-word {
  font-variant-caps: all-small-caps;
  font-synthesis: none;
  letter-spacing: 0.025em;
  margin-left: calc(var(--initial-tuck, 0) * 1em);
}
.initial-raised > .initial-word,
.short-responsory-opening .initial-word {
  margin-left: calc(var(--initial-raised-tuck, 0) * 1em);
}
[data-initial-standalone] > .initial-word {
  margin-left: 0;
}
.psalm-verses .verse.initial-raised:first-child::first-letter,
.chapter .liturgical-block .plain-line.initial-raised:first-child::first-letter,
.chapter .liturgical-block .versicle-line:first-child .sigil-text.initial-raised::first-letter,
.collect .liturgical-block .plain-line.initial-raised:first-child::first-letter,
.corporate-lord-prayer-officiant.initial-raised::first-letter,
.short-responsory-opening .sigil-text::first-letter {
  initial-letter: normal;
  float: none;
  font-size: 1.65em;
  line-height: 0;
  margin: 0 0.035em 0 calc(var(--initial-hang, 0) * 1em);
}
.psalm-verses .verse.initial-raised:first-child:not(.numbered) {
  padding-left: 0;
}
.psalm-verses .verse.initial-elevated:first-child::first-letter {
  initial-letter: normal;
  float: none;
  line-height: 1;
  vertical-align: baseline;
  margin: 0 calc(var(--initial-gap, 0.06) * 1em) 0 calc(-1 * var(--verse-gutter) + var(--initial-hang, 0) * 1em);
}
.psalm-verses .verse.initial-elevated > .initial-word {
  margin-left: 0;
}
@supports (initial-letter: 2 1) {
  .psalm-verses .verse.initial-elevated:first-child::first-letter {
    initial-letter: 2 1;
  }
}
@media (max-width: 700px) {
  .page-home .home-day-head {
    margin-bottom: 0.2rem;
  }
  .page-home .home .commemorations {
    line-height: 1.4;
  }
  .page-home .home-day-head .not-today-notice {
    margin-block: 0.15rem 0;
  }
}
@media (max-width: 700px) and (max-height: 700px) {
  .page-home .home .commemorations {
    font-size: 0.85rem;
    line-height: 1.3;
  }
  .page-home .home-versicle {
    display: none;
  }
}
@media (max-width: 700px) {
  .page-home .home-hero {
    display: flex;
    flex-direction: column;
    min-height: calc(100svh - 10.9rem);
    box-sizing: border-box;
  }
  .page-home .home-summary {
    flex: 1 0 auto;
  }
}
@media (max-width: 700px) and (min-height: 800px) {
  .page-home .home-hero {
    --crown-size: 2.2rem;
    --crown-top: 3.1rem;
    --head-pad: calc(6.6rem - (var(--touch-target) - var(--date-line)) / 2);
  }
  .page-home .home h1 {
    max-width: calc(0.236 * var(--arch-w) + 130px);
  }
  .page-home .home .feast {
    max-width: min(calc(0.49 * var(--arch-w) + 87px), calc(0.82 * var(--arch-w) - 17px));
  }
  .page-home .home-summary {
    justify-content: flex-start;
  }
  .page-home .home-summary::before,
  .page-home .home-summary::after {
    content: "";
    flex: 2 1 0;
  }
  .page-home .home-summary::after {
    flex-grow: 3;
  }
}
@media (max-width: 700px) and (min-height: 880px) {
  .page-home .home-hero {
    --crown-size: 2.5rem;
    --crown-top: 3.4rem;
    --head-pad: calc(7.4rem - (var(--touch-target) - var(--date-line)) / 2);
  }
  .page-home .home .feast {
    max-width: calc(0.42 * var(--arch-w) + 94px);
  }
}
@media (min-width: 375px) and (max-width: 700px) and (min-height: 830px) {
  .page-home .home-hero {
    --date-line: 1.86rem;
  }
  .page-home .home h1 {
    max-width: calc(0.236 * var(--arch-w) + 130px);
    font-size: 1.55rem;
  }
  .page-home .home .feast {
    font-size: 1.16rem;
  }
  .page-home .home-day-head {
    margin-bottom: 0.6rem;
  }
  .page-home .home-prayer-card h2 {
    margin-bottom: 1rem;
  }
  .page-home .pray-now,
  .page-home .pray-now:hover {
    padding-block: 0.8rem;
    font-size: 1.4rem;
  }
  .page-home .pray-now-wrap {
    margin-bottom: 1.25rem;
  }
  .page-home .home-hour-links {
    grid-auto-rows: minmax(3.4rem, auto);
  }
  .page-home .home-hour-link {
    min-height: 3.4rem;
  }
  .page-home .home-day-meta {
    margin-top: 1rem;
  }
}
@media (min-width: 375px) and (max-width: 700px) and (min-height: 880px) {
  .page-home .home-hero {
    --date-line: 2.04rem;
  }
  .page-home .home h1 {
    max-width: calc(0.255 * var(--arch-w) + 112px);
    font-size: 1.7rem;
  }
  .page-home .home .feast {
    font-size: 1.25rem;
  }
  .page-home .home .commemorations {
    font-size: 1.02rem;
  }
  .page-home .home-prayer-card h2 {
    margin-bottom: 1.25rem;
    padding: 0.2rem 1rem 0.16rem;
    font-size: 0.85rem;
  }
  .page-home .pray-now,
  .page-home .pray-now:hover {
    padding-block: 0.95rem;
    font-size: 1.5rem;
  }
  .page-home .pray-now-wrap {
    margin-bottom: 1.5rem;
  }
  .page-home .home-hour-links {
    grid-auto-rows: minmax(3.9rem, auto);
  }
  .page-home .home-hour-link {
    min-height: 3.9rem;
  }
  .page-home .home-day-meta {
    margin-top: 1.2rem;
  }
}
.commemoration-heading .commemoration-kicker {
  display: block;
  font-size: 0.78em;
  color: var(--muted);
  margin-bottom: 0.3rem;
}
.commemoration-heading .commemoration-name {
  display: block;
  font-variant-caps: normal;
  letter-spacing: 0.015em;
  line-height: 1.35;
  text-wrap: balance;
}
.hymn-line {
  padding-left: 1.1rem;
  text-indent: -1.1rem;
}
.chapter .plain-line,
.chapter .sigil-text,
.collect .plain-line {
  text-wrap: pretty;
}
.liturgical-block > :is(.versicle-line, .response-line, .all-line) {
  margin-bottom: 0.25rem;
}
@media (min-width: 701px) {
  :root {
    scrollbar-width: thin;
    scrollbar-color: rgba(107, 58, 31, 0.32) transparent;
  }
}
@media (min-width: 701px) and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    scrollbar-color: rgba(208, 176, 106, 0.26) transparent;
  }
}
@media (min-width: 701px) {
  :root[data-theme="dark"] {
    scrollbar-color: rgba(208, 176, 106, 0.26) transparent;
  }
}
.site-brand,
.site-menu > summary,
.site-settings > summary,
.site-menu nav a,
.theme-option,
.hour-date-nav > summary,
.session-prayers > summary,
.day-nav a,
.not-today-notice a,
.home-hour-link,
.hour-continuation a,
.month-jump a,
.month-top,
.year-nav a,
.skip-link {
  -webkit-tap-highlight-color: transparent;
}
.site-brand,
.site-menu > summary,
.site-settings > summary,
.site-menu nav a,
.theme-option,
.hour-date-nav > summary,
.day-nav a,
.home-hour-link,
.month-jump a,
.month-top,
.continuation-label,
.home-hour-link-state {
  user-select: none;
}
.site-menu > summary:active,
.site-settings > summary:active,
.site-menu nav a:active,
.theme-option:active,
.text-size-option:active,
.hour-date-nav > summary:active,
.day-nav a:active,
.home-hour-link:active,
.hour-continuation a:active,
.month-jump a:active,
.month-top:active,
.year-nav a:active {
  background-color: var(--pressed-wash);
  box-shadow: inset 0 1px 2px var(--surface-edge);
}
@media (max-width: 540px) {
  .hour-continuation a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--touch-target);
  }
}
.ordo-continuation .hour-continuation-link {
  justify-content: center;
  min-height: var(--touch-target);
}
.ordo-continuation .day-hours-link {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-target);
}
@media (max-width: 700px) {
  .site-brand,
  .home-date-link,
  .not-today-notice .not-today-link,
  .hour-date-nav > summary,
  .day-nav a,
  .year-nav a,
  .month-jump a,
  .report-issue a {
    display: inline-flex;
    align-items: center;
    min-height: var(--touch-target);
  }
  .site-brand span {
    position: relative;
    top: -0.16em;
  }
  .session-prayers > summary {
    display: flex;
    min-height: var(--touch-target);
  }
  .home-date-link,
  .not-today-notice .not-today-link {
    justify-content: center;
  }
  .hour-date-nav > summary,
  .session-prayers > summary {
    justify-content: center;
  }
  .date-jump {
    min-height: var(--touch-target);
  }
  .report-issue a {
    justify-content: center;
    margin-inline: -0.35rem;
    padding-inline: 0.35rem;
  }
}
:root,
body.page-hour::before {
  --plaster-veil: color-mix(in srgb, var(--bg), transparent var(--plaster-strength));
  --plaster-layers:
    linear-gradient(var(--plaster-veil), var(--plaster-veil)),
    linear-gradient(var(--plaster-base), var(--plaster-base)),
    linear-gradient(var(--plaster-tint), var(--plaster-tint)),
    linear-gradient(var(--plaster-dodge), var(--plaster-dodge)),
    var(--plaster-image),
    linear-gradient(var(--plaster-knee), var(--plaster-knee));
}
:root {
  --plaster-image: url("plaster.jpg?v=a12954d1ba21");
  --plaster-soft-image: url("plaster-soft.jpg?v=75a5f40bc7ba");
}
@media (min-width: 1000px) and (orientation: landscape) {
  :root {
    --plaster-image: url("plaster-wide.jpg?v=98fb9ef1513d");
    --plaster-soft-image: url("plaster-wide-soft.jpg?v=be3303d67a3f");
  }
}
html:where(:has(> body:is(.page-home, .page-calendar, .page-reminders, .page-usage, .page-hour, .page-notice))) {
  background-color: var(--bg);
}
body.page-home,
body.page-calendar,
body.page-reminders,
body.page-usage,
body.page-hour,
body.page-notice {
  background: transparent;
}
html:where(:has(> body:is(.page-home, .page-calendar, .page-reminders, .page-usage, .page-hour, .page-notice)))::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
html:where(:has(> body:is(.page-home, .page-calendar, .page-reminders, .page-usage, .page-hour, .page-notice)))::before,
.page-calendar .month h2 {
  background: var(--plaster-layers);
  background-blend-mode: normal, multiply, screen, color-dodge, darken, normal;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
html:where(:has(> body.page-hour))::before {
  content: none;
}
@media (min-width: 1000px) {
  html:where(:has(> body.page-hour))::before { content: ""; }
  body.page-hour::before {
    --plaster-image: var(--plaster-soft-image);
    --soft-veil: color-mix(in srgb, var(--bg) 45%, transparent);
    --soft-band: linear-gradient(to right,
      transparent calc(50% - 34.5rem), rgb(0 0 0 / 0.1) calc(50% - 31.5rem),
      rgb(0 0 0 / 0.5) calc(50% - 28rem), rgb(0 0 0 / 0.9) calc(50% - 24.5rem),
      #000 calc(50% - 22.5rem), #000 calc(50% + 22.5rem),
      rgb(0 0 0 / 0.9) calc(50% + 24.5rem), rgb(0 0 0 / 0.5) calc(50% + 28rem),
      rgb(0 0 0 / 0.1) calc(50% + 31.5rem), transparent calc(50% + 34.5rem));
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(var(--soft-veil), var(--soft-veil)), var(--plaster-layers);
    background-blend-mode: normal, normal, multiply, screen, color-dodge, darken, normal;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-mask-image: var(--soft-band);
    mask-image: var(--soft-band);
  }
  :root[data-theme="dark"] body.page-hour::before {
    content: none;
  }
}
@media (min-width: 1000px) and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) body.page-hour::before {
    content: none;
  }
}
.page-calendar .month h2 {
  background-attachment: fixed;
}
@supports (-webkit-touch-callout: none) {
  .page-calendar .month h2 {
    background: var(--bg);
  }
}
@media (forced-colors: active) {
  html::before,
  body.page-hour::before {
    content: none !important;
  }
  .page-calendar .month h2 {
    background: Canvas;
  }
}
.page-reminders fieldset,
.page-reminders .reminder-url {
  background-color: var(--surface);
  background-image: var(--surface-material);
  border-radius: 2px;
  box-shadow: inset 0 1px 0 var(--material-highlight);
}
.page-calendar .calendar-header {
  padding-top: 0.65rem;
}
:root {
  --niche-stone: #e5dac9;
  --niche-edge: rgba(63, 55, 47, 0.3);
  --niche-recess: rgba(70, 40, 20, 0.2);
  --niche-sheen: rgba(255, 255, 255, 0.14);
  --niche-warm: rgba(232, 176, 84, 0.2);
  --niche-clear: transparent;
  --chapel-pool: rgba(240, 188, 96, 0.2);
  --chapel-shade: rgba(88, 60, 38, 0.36);
  --chapel-beam: rgba(255, 251, 238, 0.62);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --niche-stone: #243040;
    --niche-edge: rgba(208, 176, 106, 0.3);
    --niche-recess: rgba(0, 0, 0, 0.42);
    --niche-sheen: transparent;
    --niche-warm: rgba(208, 176, 106, 0.09);
    --niche-clear: var(--bg);
    --chapel-pool: rgba(214, 168, 90, 0.08);
    --chapel-shade: rgba(3, 7, 12, 0.62);
    --chapel-beam: rgba(200, 214, 234, 0.08);
  }
}
:root[data-theme="dark"] {
  --niche-stone: #243040;
  --niche-edge: rgba(208, 176, 106, 0.3);
  --niche-recess: rgba(0, 0, 0, 0.42);
  --niche-sheen: transparent;
  --niche-warm: rgba(208, 176, 106, 0.09);
  --niche-clear: var(--bg);
  --chapel-pool: rgba(214, 168, 90, 0.08);
  --chapel-shade: rgba(3, 7, 12, 0.62);
  --chapel-beam: rgba(200, 214, 234, 0.08);
}
@media (min-width: 701px) {
  .page-home .home-lining {
    --arch-d: calc(-1 * var(--lining-inset));
  }
  .page-home .home-lining::after {
    --arch-d: calc(-1 * var(--lining-inset) - 8px);
  }
  body.page-home::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
      radial-gradient(ellipse 40% 46% at 50% 54%, var(--chapel-pool), transparent 70%),
      radial-gradient(ellipse 74% 80% at 50% 52%, transparent 34%, var(--chapel-shade) 100%);
  }
  .page-home .home::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(100deg, transparent 43%, var(--chapel-beam) 49%, transparent 57%);
    -webkit-mask-image: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0.55) 38%, transparent 74%);
    mask-image: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0.55) 38%, transparent 74%);
  }
}
@media (min-width: 701px) and (max-height: 820px) {
  .page-home main { --niche-zoom: 0.9; }
}
@media (min-width: 1700px) and (min-height: 1000px) {
  .page-home main { --niche-zoom: 1.12; }
}
@media (min-width: 2100px) and (min-height: 1200px) {
  .page-home main { --niche-zoom: 1.28; }
}
@media (min-width: 2500px) and (min-height: 1400px) {
  .page-home main { --niche-zoom: 1.45; }
}
:root {
  --apse-star-tile: url("ornaments/vault.svg?v=6c3321396e66");
  --apse-leaf: url("leaf.png?v=73b194d9fa08");
  --apse-leaf-size: 1024px 1024px;
}
body {
  --apse-vault: none;
  --apse-gild: none;
  --apse-ink: transparent;
  --apse-copy-shadow: none;
  --wall-field: var(--apse-vault);
  --wall-ink: var(--apse-ink);
  --wall-tile-size: var(--apse-tile) var(--apse-tile);
  --wall-leaf: var(--apse-leaf);
  --wall-home-fade: linear-gradient(to bottom, transparent 0 3.5rem, #000 7rem 78%, rgba(0, 0, 0, 0.6) 100%);
  --wall-home-light: radial-gradient(ellipse 75% 85% at 50% 42%, #000 50%, rgba(0, 0, 0, 0.72));
  --wall-end-fade: linear-gradient(to top, #000 0 2.25rem, transparent 3.25rem);
  --wall-foot-fade: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0.4) 62%, transparent 94%);
}
:root {
  --nave-powder-tile: url("ornaments/powder.svg?v=87429c22a62a");
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) body:is(.page-home, .page-hour) {
    --wall-field: var(--nave-powder-tile);
    --wall-ink: color-mix(in srgb, var(--rubric) 12%, transparent);
    --wall-tile-size: 96px 168px;
    --wall-leaf: linear-gradient(#000, #000);
    --wall-home-fade: linear-gradient(to bottom, transparent 0 4rem, #000 4rem);
    --wall-home-light: linear-gradient(#000, #000);
    --wall-end-fade: linear-gradient(to top, #000 0 3.25rem, transparent 3.25rem);
    --wall-foot-fade: linear-gradient(#000, #000);
    --apse-copy-shadow: 0 0 0.12rem var(--bg), 0 0 0.35rem var(--bg), 0 0 0.6rem var(--bg);
    --niche-clear: var(--bg);
  }
}
:root[data-theme="light"] body:is(.page-home, .page-hour) {
  --wall-field: var(--nave-powder-tile);
  --wall-ink: color-mix(in srgb, var(--rubric) 12%, transparent);
  --wall-tile-size: 96px 168px;
  --wall-leaf: linear-gradient(#000, #000);
  --wall-home-fade: linear-gradient(to bottom, transparent 0 4rem, #000 4rem);
  --wall-home-light: linear-gradient(#000, #000);
  --wall-end-fade: linear-gradient(to top, #000 0 3.25rem, transparent 3.25rem);
  --wall-foot-fade: linear-gradient(#000, #000);
  --apse-copy-shadow: 0 0 0.12rem var(--bg), 0 0 0.35rem var(--bg), 0 0 0.6rem var(--bg);
  --niche-clear: var(--bg);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) body {
    --apse-copy-shadow: 0 0 0.12rem var(--bg), 0 0 0.35rem var(--bg), 0 0 0.6rem var(--bg);
    --apse-ink: var(--ornament);
    --apse-gild: var(--apse-gilding);
    --apse-vault: var(--apse-star-tile);
  }
}
:root[data-theme="dark"] body {
  --apse-copy-shadow: 0 0 0.12rem var(--bg), 0 0 0.35rem var(--bg), 0 0 0.6rem var(--bg);
  --apse-ink: var(--ornament);
  --apse-gild: var(--apse-gilding);
  --apse-vault: var(--apse-star-tile);
}
body {
  --apse-gilding: radial-gradient(ellipse 70% 60% at 50% 42%, var(--ornament-hi), var(--ornament) 55%, var(--ornament-lo));
}
body {
  --apse-tile: 528px;
}
@media (min-width: 701px) {
  body {
    --apse-tile: 704px;
  }
}
@media (min-width: 1800px) {
  body {
    --apse-tile: 832px;
  }
}
@media (min-width: 2400px) {
  body {
    --apse-tile: 960px;
  }
}
body.page-hour .hour-epilogue,
body.page-hour footer {
  position: relative;
  isolation: isolate;
}
body.page-hour .hour-epilogue::before,
body.page-hour footer::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  background-color: var(--wall-ink);
  -webkit-mask-repeat: repeat, no-repeat, repeat;
  mask-repeat: repeat, no-repeat, repeat;
  -webkit-mask-size: var(--wall-tile-size), 100% 100%, var(--apse-leaf-size);
  mask-size: var(--wall-tile-size), 100% 100%, var(--apse-leaf-size);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
body.page-hour .hour-epilogue::before {
  inset: 0 calc(-1 * max(var(--page-gutter), env(safe-area-inset-right))) 0 calc(-1 * max(var(--page-gutter), env(safe-area-inset-left)));
  -webkit-mask-position: bottom center;
  mask-position: bottom center;
  -webkit-mask-image: var(--wall-field), var(--wall-end-fade), var(--wall-leaf);
  mask-image: var(--wall-field), var(--wall-end-fade), var(--wall-leaf);
}
body.page-hour footer::after {
  inset: calc(-1 * var(--footer-gap)) 0 0;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-image: var(--wall-field), var(--wall-foot-fade), var(--wall-leaf);
  mask-image: var(--wall-field), var(--wall-foot-fade), var(--wall-leaf);
}
@media (max-width: 700px) {
  body.page-hour footer {
    padding-bottom: 4.5rem;
  }
  body {
    --wall-foot-fade: linear-gradient(to bottom, #000 0 45%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.25) 100%);
  }
}
body:is(.page-home, .page-hour) footer,
body.page-hour .report-issue {
  text-shadow: var(--apse-copy-shadow);
}
@media (min-width: 701px) {
  body.page-hour {
    overflow-x: clip;
  }
  body.page-hour .hour-epilogue::before,
  body.page-hour footer::after {
    inset-inline: calc(50% - 50vw);
  }
}
@keyframes apse-vault-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@media (min-width: 1680px) {
  @supports (animation-timeline: scroll()) {
    body.page-hour .office-hour::before,
    body.page-hour .office-hour::after {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      background-color: var(--apse-ink);
      opacity: 0;
      -webkit-mask-repeat: repeat, no-repeat, repeat;
      mask-repeat: repeat, no-repeat, repeat;
      -webkit-mask-size: var(--apse-tile) var(--apse-tile), 100% 100%, var(--apse-leaf-size);
      mask-size: var(--apse-tile) var(--apse-tile), 100% 100%, var(--apse-leaf-size);
      --apse-rest-seam: 9.72rem;
      -webkit-mask-position: left 50% bottom var(--apse-rest-seam), center, left 50% bottom var(--apse-rest-seam);
      mask-position: left 50% bottom var(--apse-rest-seam), center, left 50% bottom var(--apse-rest-seam);
      -webkit-mask-composite: source-in;
      mask-composite: intersect;
      animation: apse-vault-in linear both;
      animation-timeline: scroll(root);
    }
    body.page-hour .office-hour::before {
      -webkit-mask-image: var(--apse-vault), linear-gradient(to top, transparent 0, rgba(0, 0, 0, 0.4) 3.7rem, #000 9.72rem 11.97rem, transparent 12.97rem), var(--apse-leaf);
      mask-image: var(--apse-vault), linear-gradient(to top, transparent 0, rgba(0, 0, 0, 0.4) 3.7rem, #000 9.72rem 11.97rem, transparent 12.97rem), var(--apse-leaf);
      animation-range: calc(100% - 9rem) 100%;
    }
    body.page-hour .office-hour::after {
      -webkit-mask-image: var(--apse-vault), linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) calc(50% - 31rem), transparent calc(50% - 26.5rem), transparent calc(50% + 26.5rem), rgba(0, 0, 0, 0.6) calc(50% + 31rem), rgba(0, 0, 0, 0.6)), var(--apse-leaf);
      mask-image: var(--apse-vault), linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) calc(50% - 31rem), transparent calc(50% - 26.5rem), transparent calc(50% + 26.5rem), rgba(0, 0, 0, 0.6) calc(50% + 31rem), rgba(0, 0, 0, 0.6)), var(--apse-leaf);
      animation-range: 0 50vh;
    }
    body.page-hour .hour-epilogue::before,
    body.page-hour footer::after {
      content: none;
    }
  }
}
body.page-home::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-color: var(--wall-ink);
  background-image: var(--apse-gild);
  -webkit-mask-image: var(--wall-field), var(--wall-home-fade), var(--wall-home-light), var(--wall-leaf);
  mask-image: var(--wall-field), var(--wall-home-fade), var(--wall-home-light), var(--wall-leaf);
  -webkit-mask-repeat: repeat, no-repeat, no-repeat, repeat;
  mask-repeat: repeat, no-repeat, no-repeat, repeat;
  -webkit-mask-size: var(--wall-tile-size), 100% 100%, 100% 100%, var(--apse-leaf-size);
  mask-size: var(--wall-tile-size), 100% 100%, 100% 100%, var(--apse-leaf-size);
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
@media print {
  header,
  footer,
  .day-nav,
  .hour-date-nav,
  .year-nav,
  .report-issue,
  .not-today-notice,
  .color-band,
  .hour-scroll-progress,
  .offline-indicator {
    display: none;
  }
  .calendar-tools,
  .month-jump,
  .month-top,
  .ordo-continuation,
  .day-disclosures summary { display: none; }
  .month h2 { position: static; }
  .day-disclosures { display: block; }
  :root .page-calendar .day-disclosures details::details-content {
    content-visibility: visible;
    block-size: auto;
    overflow: visible;
  }
  .day-office-digest { background: none; }
  html { background: #fff; }
  html,
  html[data-text-size="small"],
  html[data-text-size="large"] {
    font-size: 100%;
  }
  body {
    max-width: none;
    padding: 0;
    font-size: 11pt;
    color: #000;
    background: #fff;
  }
  main,
  footer {
    max-width: none;
    padding: 0;
  }
  @page {
    margin: 0.75in 0.9in;
  }
  .elements {
    max-width: 30em;
    margin-inline: auto;
    font-size: inherit;
  }
  .elements > .antiphon-announce,
  .elements > .antiphon:has(+ .unrepeated-note),
  .unrepeated-note,
  .section-heading,
  .item-label,
  .hymn-title,
  .scripture-ref,
  .chapter-ref {
    break-after: avoid;
  }
  .hour-header {
    border: none;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
  }
  .hour-header {
    --title-rule: #888;
  }
  .hour-header h1 {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
  .hour-header .ornament-headpiece {
    color: #888;
  }
  .hour-header h1::after {
    background: #888;
    box-shadow: 0 0 0 2px #fff;
  }
  .hour-continuation::before {
    color: #888;
  }
  .rubric,
  .posture,
  .prayer-speaker,
  .cross,
  .sigil,
  .chapter-ref,
  .scripture-ref {
    color: #600;
  }
  .psalm,
  .canticle,
  .hymn {
    page-break-inside: avoid;
  }
  .mediant,
  .psalm-verses .verse-num {
    color: #555;
  }
  details.session-prayers {
    display: block;
  }
  details.session-prayers > summary {
    display: none;
  }
  details.session-prayers > * {
    display: block;
  }
  details.session-prayers > .session-prayers-content {
    display: grid;
  }
  .page-home .home-arch,
  .page-home .home-arch-fill,
  .page-home .home-hero::before,
  .page-home .home-hero::after {
    display: none;
  }
  body.page-home,
  body.page-calendar,
  body.page-reminders,
  .page-home .home-hero,
  .page-calendar .month-table tr,
  .page-calendar .month h2,
  .page-reminders fieldset,
  .page-reminders .reminder-url {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
  }
  body:is(.page-home, .page-hour)::before,
  body.page-hour .office-hour::before,
  body.page-hour .office-hour::after,
  html::before {
    content: none;
  }
  .psalm-verses .verse:first-child::first-letter,
  .chapter .liturgical-block .plain-line:first-child::first-letter,
  .chapter .liturgical-block .versicle-line:first-child .sigil-text::first-letter,
  .collect .liturgical-block .plain-line:first-child::first-letter,
  .hymn-stanza-opening .hymn-line:first-child::first-letter,
  .marian-antiphon .chant-line-opening::first-letter,
  .corporate-lord-prayer-officiant::first-letter,
  .short-responsory-opening .sigil-text::first-letter {
    background-image: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    color: #444;
  }
}
.page-usage main { max-width: 64rem; }
.usage-page { padding-block: 1.2rem 2rem; }
.usage-heading { margin-bottom: 1.4rem; }
.usage-heading .ornament-headpiece { width: 5rem; margin: 0 0 .55rem; font-size: .75rem; }
.usage-heading h1 { margin: 0; font-size: 2.15rem; font-weight: 400; line-height: 1.15; }
.usage-subtitle { margin: .3rem 0 0; color: var(--muted); font-size: .95rem; }
.usage-window { display: flex; border-bottom: 1px solid var(--border); }
.usage-window a { display: flex; align-items: center; justify-content: center; min-height: var(--touch-target); padding-inline: 1.1rem; border-bottom: 2px solid transparent; margin-bottom: -1px; color: var(--muted); text-decoration: none; font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; -webkit-tap-highlight-color: transparent; }
.usage-window a:first-child { padding-left: 0; }
.usage-window a:hover, .usage-window a[aria-current] { color: var(--accent); border-bottom-color: var(--gold-line); }
.usage-window a:active { background-color: var(--pressed-wash); }
.usage-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 2rem; padding-block: 1.5rem 1.6rem; border-bottom: 1px solid var(--border); }
.usage-summary > div { padding-inline: 1.2rem; border-left: 1px solid var(--border); }
.usage-summary > div:first-child { padding-left: 0; border-left: 0; }
.usage-summary dt { color: var(--accent); font-size: .9rem; font-variant-caps: all-small-caps; letter-spacing: .08em; }
.usage-summary dd { margin: .45rem 0 0; font-size: 2.8rem; line-height: 1; font-variant-numeric: lining-nums tabular-nums; }
.usage-summary .usage-stat-note { margin: .55rem 0 0; color: var(--muted); font-size: .82rem; line-height: 1.4; }
.usage-panel { min-width: 0; margin-block: 1.5rem; padding: 1.3rem 1.5rem 1.5rem; background: var(--surface); border: 1px solid var(--border); border-radius: 2px; }
.usage-section-heading { position: relative; display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1.4rem; padding-bottom: .55rem; border-bottom: 3px double var(--ornament-line); }
.usage-section-heading::after { content: ""; position: absolute; left: 50%; bottom: -1.5px; width: .22rem; height: .22rem; background: var(--ornament); box-shadow: 0 0 0 2px var(--surface); transform: translate(-50%, 50%) rotate(45deg); pointer-events: none; }
.usage-section-heading h2 { margin: 0; color: var(--accent); font-size: 1.2rem; font-weight: 400; font-variant-caps: small-caps; letter-spacing: .06em; line-height: 1.3; }
.usage-section-heading p { margin: .15rem 0 0; color: var(--muted); font-size: .88rem; }
.usage-period { color: var(--muted); font-size: .8rem; white-space: nowrap; }
.usage-trend { position: relative; margin: 0; }
.usage-plot { position: relative; margin-left: 2.4rem; }
.usage-chart { display: block; width: 100%; height: 11rem; overflow: visible; }
.usage-grid { fill: none; stroke: var(--border); stroke-width: 1; vector-effect: non-scaling-stroke; }
.usage-bar { fill: var(--accent); opacity: .8; }
.usage-bar-today { fill: var(--gold); opacity: 1; }
.usage-chart-scale { position: absolute; right: 100%; margin-right: .5rem; top: -.45rem; bottom: -.45rem; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; color: var(--muted); font-size: .8rem; font-variant-numeric: lining-nums tabular-nums; }
.usage-rolling { fill: none; stroke: var(--text); stroke-width: 1.5; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.usage-average-key { display: inline-flex; align-items: center; gap: .4rem; }
.usage-average-key::before { content: ""; width: 1.2rem; border-top: 1.5px solid var(--text); }
.usage-trend figcaption { display: flex; justify-content: space-between; gap: 1rem; margin: .7rem 0 0 2.4rem; color: var(--muted); font-size: .85rem; }
.usage-empty { position: absolute; inset: 2.3rem 0 auto 2.4rem; text-align: center; color: var(--text); background: var(--surface); padding-block: .7rem; }
.usage-empty span { font-size: .9rem; color: var(--muted); }
.usage-splits-note { max-width: 46rem; margin: 1.4rem 0 0; color: var(--muted); font-size: .85rem; line-height: 1.5; }
.usage-table-wrap { overflow: auto; max-height: 28rem; scrollbar-color: var(--border) var(--surface); }
.usage-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .95rem; font-variant-numeric: lining-nums tabular-nums; }
.usage-table th, .usage-table td { padding: .8rem .65rem; text-align: right; border-bottom: 1px solid var(--border); white-space: nowrap; }
.usage-table thead th { position: sticky; top: 0; z-index: 2; background: var(--surface); font-size: .7rem; font-weight: 400; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; }
.usage-table th:first-child { text-align: left; position: sticky; left: 0; background: var(--surface); font-weight: 400; }
.usage-table thead th:first-child { z-index: 3; }
.usage-table tbody th { z-index: 1; }
.usage-total { font-weight: 700; }
.usage-zero { color: var(--muted); }
.usage-weekday { margin-left: .35rem; color: var(--muted); font-size: .8rem; }
.usage-today .usage-weekday { color: var(--accent); }
.usage-today td, .usage-today th { border-bottom-color: var(--gold-line); }
.usage-notes { max-width: 46rem; margin-top: 2rem; color: var(--muted); }
.usage-notes h2 { font-size: 1.1rem; color: var(--text); font-weight: 400; margin-bottom: .6rem; }
.usage-notes p { font-size: .9rem; margin: .6rem 0 1rem; }
.usage-range { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .3rem 1rem; margin: .8rem 0 0; font-size: .9rem; }
.usage-range strong { font-weight: 400; color: var(--accent); }
.usage-range-note { color: var(--muted); font-size: .82rem; }
.usage-jump { display: flex; flex-wrap: wrap; gap: 0 1.5rem; margin-top: -1rem; }
.usage-jump a { color: var(--accent); display: inline-flex; align-items: center; min-height: 2.75rem; font-size: .85rem; text-decoration-color: var(--gold-line); text-underline-offset: .25em; }
.usage-page h2 { scroll-margin-top: 1.5rem; }
.usage-overview { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 1.5rem; }
.usage-overview .usage-panel { margin-bottom: 0; }
.usage-overview .usage-trend { margin-top: 2.2rem; }
.usage-overview .usage-chart { height: 12rem; }
.usage-office-totals { margin: 0; font-size: .9rem; font-variant-numeric: lining-nums tabular-nums; }
.usage-office-totals > div { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); align-items: center; gap: .75rem; margin-block: .55rem; }
.usage-office-totals dd { display: flex; align-items: center; gap: .7rem; margin: 0; }
.usage-office-totals svg { display: block; min-width: 0; width: 100%; height: .45rem; background: var(--surface-edge); fill: var(--accent); }
.usage-office-totals dd span { min-width: 3ch; text-align: right; }
.usage-table-hint { margin: -.5rem 0 .7rem; color: var(--muted); font-size: .8rem; }
.usage-table-wrap:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (hover: hover) {
  .usage-table tbody tr:hover > * { background: var(--bg); }
}
.usage-notes details { border-bottom: 1px solid var(--border); }
.usage-notes summary, .usage-trend-details summary { display: flex; align-items: center; gap: .7rem; min-height: 2.75rem; cursor: pointer; color: var(--text); font-size: .9rem; list-style: none; }
.usage-notes summary::-webkit-details-marker, .usage-trend-details summary::-webkit-details-marker { display: none; }
.usage-notes summary::after, .usage-trend-details summary::after { content: "▾"; color: var(--gold-line); }
.usage-notes details[open] > summary::after, .usage-trend-details[open] > summary::after { content: "▴"; }
@media (max-width: 850px) {
  .usage-overview { grid-template-columns: 1fr; gap: 0; }
}
@media (max-width: 540px) {
  .usage-page { padding-top: .5rem; }
  .usage-heading { margin-bottom: 1.4rem; }
  .usage-window { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .usage-window a, .usage-window a:first-child { padding-inline: 0; }
  .usage-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem 0; padding-block: 1.3rem; margin-bottom: 1.3rem; }
  .usage-summary > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .usage-jump { gap: 0 1rem; }
  .usage-range { flex-direction: column; }
  .usage-summary > div { padding-inline: .7rem; }
  .usage-summary dd { font-size: 2.3rem; }
  .usage-summary .usage-stat-note { font-size: .75rem; }
  .usage-panel { padding: 1rem .8rem; }
  .usage-section-heading { gap: .5rem; }
  .usage-overview .usage-chart { height: 9rem; }
  .usage-table th, .usage-table td { padding: .7rem .55rem; }
}
.usage-explore-link[hidden], .usage-explorer [hidden] { display: none; }
.usage-explore-controls { display: grid; grid-template-columns: minmax(0, 1.2fr) 1fr 1fr; gap: 1rem; }
.usage-explore-controls > div { display: flex; flex-direction: column; gap: .35rem; }
.usage-explore-controls label, .usage-explore-controls legend { color: var(--muted); font-size: .85rem; }
.usage-explore-controls select { min-height: 2.75rem; min-width: 0; width: 100%; padding: .4rem .6rem; border: 1px solid var(--border); background: var(--bg); color: var(--text); font: inherit; font-size: 1rem; border-radius: 0; }
.usage-segments { min-width: 0; margin: 0; padding: 0; border: 0; }
.usage-segments legend { padding: 0; margin-bottom: .35rem; }
.usage-segments > div { display: flex; }
.usage-segments label { position: relative; display: flex; align-items: center; justify-content: center; min-height: 2.75rem; flex: 1; padding-inline: .65rem; cursor: pointer; border-bottom: 1px solid var(--border); }
.usage-segments label:has(input:checked) { color: var(--text); box-shadow: inset 0 -2px 0 var(--gold); }
.usage-segments label:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 3px; }
.usage-value-primary { color: var(--text); }
.usage-value-secondary { color: var(--muted); font-size: .85rem; }
#usage-inspect-values .usage-value-primary { display: block; font-size: 1.25rem; }
#usage-inspect-values .usage-value-secondary { display: block; }
.usage-explorer .usage-splits-note a { color: var(--accent); }
.usage-explorer > .usage-splits-note { margin-top: .7rem; }
.usage-explore-legend { display: flex; flex-wrap: wrap; gap: .5rem 1.2rem; list-style: none; padding: 0; margin: 1.2rem 0; font-size: .9rem; }
.usage-explore-legend li { display: flex; gap: .45rem; align-items: center; }
.usage-explore-legend svg { width: 2rem; height: .5rem; }
.usage-explorer [class^="usage-series-"] { stroke: currentColor; stroke-width: 2; vector-effect: non-scaling-stroke; }
.usage-explorer path[class^="usage-series-"] { fill: none; }
.usage-explorer circle[class^="usage-series-"] { fill: var(--surface); stroke-dasharray: none; }
.usage-series-0 { color: var(--accent); }
.usage-series-1 { color: var(--text); stroke-dasharray: 7 4; }
.usage-series-2 { color: var(--muted); stroke-dasharray: 2 3; }
.usage-series-3 { color: var(--gold); stroke-dasharray: 10 3 2 3; }
.usage-explore-figure { position: relative; margin: 0; padding-left: 3rem; }
#usage-explore-chart { display: block; width: 100%; height: 15rem; cursor: crosshair; }
.usage-explore-scale { position: absolute; left: 0; top: .3rem; bottom: 2rem; display: flex; flex-direction: column; justify-content: space-between; color: var(--muted); font-size: .8rem; }
.usage-explore-figure figcaption { display: flex; justify-content: space-between; gap: 1rem; color: var(--muted); font-size: .8rem; }
#usage-explore-cursor { stroke: var(--muted); stroke-width: 1; stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; }
.usage-explore-help { margin: 1rem 0 .3rem; color: var(--muted); font-size: .85rem; }
.usage-inspector-controls { display: flex; align-items: center; gap: 1rem; }
.usage-inspector-controls input { flex: 1; min-width: 0; min-height: 2.75rem; accent-color: var(--accent); }
.usage-inspector { border-block: 1px solid var(--border); margin-top: .8rem; padding: .8rem 0; font-variant-numeric: lining-nums tabular-nums; }
#usage-inspect-date { margin: 0 0 .7rem; font-size: 1rem; }
#usage-inspect-values { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: .8rem 1.2rem; margin: 0; }
#usage-inspect-values dt { font-size: .85rem; color: var(--muted); }
#usage-inspect-values dd { font-size: .95rem; margin: .2rem 0 0; }
#usage-inspect-note { color: var(--muted); font-size: .8rem; margin: .6rem 0 0; }
#usage-explore-table th:first-child { white-space: normal; min-width: 8rem; max-width: 12rem; }
#usage-explore-table caption { text-align: left; font-size: .85rem; color: var(--muted); padding-block: .5rem; }
@media (max-width: 540px) {
  .usage-explore-controls { grid-template-columns: 1fr 1fr; gap: .6rem 1rem; }
  .usage-explore-controls > div { grid-column: 1 / -1; }
  .usage-explore-controls > div { display: grid; grid-template-columns: 5rem minmax(0, 1fr); align-items: center; }
  #usage-explore-chart { height: 12rem; }
  .usage-explore-figure { padding-left: 2.5rem; }
}
@media print {
  .usage-jump, .usage-table-hint { display: none; }
  .usage-overview { display: block; }
  .usage-table { font-size: .7rem; }
  .usage-table th, .usage-table td { padding: .35rem; }
  .usage-table-wrap { max-height: none; overflow: visible; }
  .usage-table th { position: static !important; }
}
:root:not([data-martyrology="on"]) [data-martyrology-variant="on"],
:root[data-martyrology="on"] [data-martyrology-variant="off"] { display: none !important; }
[data-leaders] { display: none !important; }
:root:not([data-leader]) [data-leaders~="private"],
:root[data-leader="private"] [data-leaders~="private"],
:root[data-leader="deacon"] [data-leaders~="deacon"],
:root[data-leader="priest"] [data-leaders~="priest"] { display: revert !important; }
.hour-context-controls { display: flex; flex-wrap: wrap; justify-content: center; align-items: start; gap: 0 .75rem; }
.hour-context-controls > .hour-date-nav { margin: 0; }
.leader-selector { max-width: 100%; color: var(--text); font-size: .9rem; }
.leader-selector > summary {
  cursor: pointer;
  list-style: none;
  min-height: var(--touch-target);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .25rem;
  padding: .35rem .5rem;
  color: var(--muted);
  font-size: .72rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.leader-selector > summary [data-leaders] { color: var(--text); }
.leader-selector[open] > summary { color: var(--accent); }
.leader-selector > summary::-webkit-details-marker { display: none; }
.leader-selector > summary::after { content: "▾"; margin-inline-start: .1em; color: color-mix(in srgb, currentColor 70%, transparent); font-size: .85em; letter-spacing: 0; }
.leader-selector[open] > summary::after { content: "▴"; }
.leader-selector[open] { flex: 1 1 100%; }
.leader-selector fieldset {
  text-align: left;
  border: 0;
  padding: 0;
  margin: .75rem auto .5rem;
  width: min(100%, 23rem);
  min-width: 0;
  color: var(--text);
}
.leader-selector legend {
  width: 100%;
  padding: 0 0 .65rem;
  color: var(--muted);
  font-size: .7rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.leader-options {
  border-block: 1px solid var(--border);
}
.leader-option {
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: .65rem .35rem;
  min-height: var(--touch-target);
  line-height: 1.4;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.leader-option + .leader-option { border-top: 1px solid var(--surface-edge); }
.leader-option:hover { background: var(--surface); }
.leader-option:active { background: var(--pressed-wash); }
.leader-option input {
  appearance: none;
  flex: 0 0 auto;
  width: .9rem;
  height: .9rem;
  border: 1px solid var(--muted);
  border-radius: 50%;
  background: var(--bg);
}
.leader-option input:checked {
  border-color: var(--accent);
  background: var(--accent);
  box-shadow: inset 0 0 0 3px var(--bg);
}
.leader-option input:checked + span {
  color: var(--accent);
  box-shadow: inset 0 -1px var(--gold-line);
}
.leader-selector p {
  color: var(--muted);
  font-size: .8rem;
  margin-top: .7rem;
  line-height: 1.45;
}
.leader-selector summary:focus-visible,
.leader-option:has(input:focus-visible) { outline: 2px solid var(--gold); outline-offset: 3px; }
.leader-option input:focus-visible { outline: none; }
@media (forced-colors: active) {
  .leader-option input { appearance: auto; }
}
.leader-print-label { display: none; }
@media print { .leader-selector { display: none; } .leader-print-label { display: block; } }
.usage-trend-details { margin-top: 1rem; }
.usage-trend-details summary { cursor: pointer; min-height: var(--touch-target); }