/* pages — design block */
body { margin: 0px; background: rgb(15, 18, 32); color: rgb(217, 219, 230); font-family: "IM Fell English", Georgia, serif; font-size: 18.5px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
a { color: rgb(217, 201, 163); }
a:hover { color: rgb(236, 224, 194); }
h1, h2 { font-family: Almendra, Georgia, serif; font-weight: 700; margin: 0px; }
h3, h4 { font-family: "IM Fell English", Georgia, serif; font-weight: 400; margin: 0px; }
p { margin: 0px; }
header nav[data-r] a + a::before { content: "✦"; margin-right: 22px; color: rgba(217, 201, 163, 0.45); font-size: 9px; vertical-align: middle; font-family: serif; }
button { font: inherit; }
summary::-webkit-details-marker { display: none; }
summary { list-style: none; }
details[open] summary [data-x] { transform: rotate(45deg); }
table { border-collapse: collapse; }
@keyframes flicker { 
  0%, 100% { opacity: 1; box-shadow: rgba(217, 201, 163, 0.55) 0px 0px 18px 4px; }
  40% { opacity: 0.85; box-shadow: rgba(217, 201, 163, 0.4) 0px 0px 12px 2px; }
  60% { opacity: 0.95; box-shadow: rgba(217, 201, 163, 0.6) 0px 0px 22px 5px; }
}
@keyframes rise { 
  0% { opacity: 0; transform: translateY(16px); }
  100% { opacity: 1; transform: none; }
}
@keyframes drift { 
  0% { left: 38%; top: 36%; }
  50% { left: 66%; top: 52%; }
  100% { left: 38%; top: 36%; }
}
[data-rv] { animation: 0.8s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal both running rise; }
@keyframes ghost { 
  0% { transform: translate(0px, 0px) rotate(-3deg); }
  33% { transform: translate(60px, -90px) rotate(3deg); }
  66% { transform: translate(-40px, -160px) rotate(-2deg); }
  100% { transform: translate(0px, 0px) rotate(-3deg); }
}
@keyframes haunt { 
  0%, 100% { opacity: 0.35; }
  50% { opacity: 0.9; }
}
@keyframes slidein { 
  0% { transform: translateX(40px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
@keyframes nudge { 
  0%, 100% { transform: translate(0px, -55%); }
  50% { transform: translate(4px, -55%); }
}
@container site (max-width: 1100px) {
  [data-r~="hero"] { padding-top: 40px !important; padding-bottom: 56px !important; min-height: 0px !important; }
  [data-r~="heroimg"] { order: 2; }
  [data-r~="pull"] { margin-top: -90px !important; }
  [data-r~="arch"] { height: 52cqw !important; border-radius: 40cqw 40cqw 0px 0px / 40cqw 40cqw 0px 0px !important; }
  [data-r~="short"] { height: 48cqw !important; }
  nav[data-screen-label="Quick nav"]::after, nav[data-screen-label="Section nav"]::after { content: ""; position: absolute; right: 0px; top: 0px; bottom: 0px; width: 64px; background: linear-gradient(90deg, transparent, rgba(15, 18, 32, 0.96) 60%); pointer-events: none; z-index: 1; }
  nav[data-screen-label="Quick nav"]::before, nav[data-screen-label="Section nav"]::before { content: "›"; position: absolute; right: 10px; top: 50%; z-index: 2; color: rgb(217, 201, 163); font-size: 22px; line-height: 1; pointer-events: none; animation: 2.4s ease-in-out 0s infinite normal none running nudge; }
  nav[data-screen-label="Quick nav"] > div, nav[data-screen-label="Section nav"] > div { scrollbar-color: rgba(217, 201, 163, 0.45) transparent; scroll-snap-type: x; scroll-padding-left: 16px; scrollbar-width: thin !important; padding-right: 72px !important; }
  nav[data-screen-label="Quick nav"] a, nav[data-screen-label="Section nav"] a { scroll-snap-align: start; }
  [data-r~="hide"] { display: none !important; }
  [data-r~="show"] { display: flex !important; }
  [data-r~="col"] { grid-template-columns: 1fr !important; }
  [data-r~="col2"] { grid-template-columns: 1fr 1fr !important; }
  [data-r~="stack"] { flex-direction: column !important; align-items: stretch !important; }
  [data-r~="pad"] { padding-left: 36px !important; padding-right: 36px !important; }
  [data-r~="h1"] { font-size: 44px !important; }
  [data-r~="static"] { position: static !important; transform: none !important; width: auto !important; margin: 28px 0px 0px !important; max-width: none !important; }
  [data-r~="short"] { height: 48cqw !important; }
  [data-r~="notilt"] { transform: none !important; }
  [data-r~="unstick"] { position: static !important; }
}
@container site (max-width: 700px) {
  [data-r~="pad"] { padding-left: 16px !important; padding-right: 16px !important; }
  [data-r~="h1"] { font-size: 46px !important; }
  h2[style*="font-size: 4"], h2[style*="font-size: 5"], h2[style*="font-size:4"], h2[style*="font-size:5"] { font-size: 32px !important; line-height: 1.1 !important; }
  h3[style*="font-size: 3"], h3[style*="font-size: 40"], h3[style*="font-size:3"], h3[style*="font-size:40"] { font-size: 26px !important; }
  [data-r~="one"] { grid-template-columns: 1fr !important; }
  [data-r~="doors"] { grid-template-columns: 1fr 1fr !important; gap: 14px !important; }
  [data-r~="doors"] > a { transform: none !important; }
  [data-r~="doors"] h3 { font-size: 19px !important; }
  [data-r~="doors"] p { font-size: 13px !important; }
  [data-r~="tabs"] { gap: 8px !important; }
  [data-r~="tabs"] button { padding: 16px 6px 12px !important; border-radius: 80px 80px 6px 6px !important; }
  [data-r~="tabs"] button span:nth-child(2) { font-size: 16px !important; }
  [data-r~="tabs"] button span:nth-child(3) { font-size: 10px !important; }
  [data-r~="box"] { padding: 28px 18px !important; }
  [data-r~="static"] > div:first-child { right: 6px !important; top: -22px !important; }
  [data-r~="pull"] { margin-top: -120px !important; }
  [data-r~="short"] { height: 78cqw !important; }
  [data-r~="ellip"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  button { min-height: 44px !important; box-sizing: border-box !important; }
  a[style*="background:#d9c9a3"], a[style*="rgb(217, 201, 163)"] { padding-top: 12px !important; padding-bottom: 12px !important; }
  nav[data-screen-label="Quick nav"] a { padding-top: 14px !important; padding-bottom: 14px !important; }
  [data-r~="vpad"] { padding-top: 48px !important; padding-bottom: 48px !important; }
  [data-r~="phide"] { display: none !important; }
  [data-r~="strip"] { overflow-x: auto; scroll-snap-type: x mandatory; padding: 0px 20px 8px; scrollbar-width: thin; scrollbar-color: rgba(217, 201, 163, 0.4) transparent; display: flex !important; gap: 8px !important; margin: 14px -20px 0px !important; }
  [data-r~="strip"] button { scroll-snap-align: center; flex: 0 0 72% !important; width: 72% !important; min-width: 72% !important; aspect-ratio: 4 / 3 !important; border-radius: 4px !important; }
  [data-r~="strip"] button span:last-child { font-size: 15px !important; padding: 28px 14px 12px !important; }
  [data-r~="span2"] { grid-column: 1 / -1; }
  footer a[style*="border-radius:999px"] { font-size: 13.5px !important; padding: 7px 12px !important; }
  [data-r~="cards"] tr { display: block !important; }
  [data-r~="cards"] td { grid-area: auto !important; }
  [data-r~="tabsrow"] { grid-template-columns: repeat(3, 1fr); display: grid !important; width: 100% !important; }
  [data-r~="tabsrow"] button { text-align: center; padding: 10px 6px !important; font-size: 15px !important; }
  [data-r~="rowcards"] { grid-template-columns: 1fr !important; }
  [data-r~="rowcards"] > a { display: grid !important; grid-template-columns: 112px 1fr !important; transform: none !important; }
  [data-r~="rowcards"] > a > span:first-child { align-self: start; aspect-ratio: 1 / 1 !important; border-radius: 56px 56px 4px 4px !important; margin: 10px 0px 10px 10px !important; }
  [data-r~="rowcards"] > a > div { padding: 12px 14px !important; gap: 6px !important; }
  [data-r~="rowcards"] > a h3 { font-size: 17px !important; }
  [data-r~="rowcards"] > a p { font-size: 14px !important; }
  [data-r~="glance"] { grid-template-columns: 1fr 1fr !important; }
  [data-r~="glance"] > div { padding: 10px 12px !important; }
  [data-r~="glance"] > div p:first-child { font-size: 10.5px !important; }
  [data-r~="glance"] > div p:nth-child(2) { font-size: 16px !important; margin-top: 3px !important; }
  [data-r~="glance"] > div p:nth-child(3) { font-size: 13px !important; }
  [data-r~="hero"] { padding-top: 24px !important; padding-bottom: 44px !important; min-height: 0px !important; }
  [data-r~="full"] { opacity: 0.5; position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; }
  [data-r~="tabs"] { margin-top: 14px !important; }
  [data-r~="heroimg"] { order: 2; }
  [data-r~="arch"] { height: 52cqw !important; }
  [data-r~="short"] { height: 52cqw !important; }
  [data-r~="pull"] { margin-top: -60px !important; }
  [data-r~="h1"] { margin-top: 8px !important; }
  [data-r~="route"] { gap: 18px !important; }
  [data-r~="route"] ol { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; grid-auto-rows: 1fr !important; gap: 10px !important; border-top: 0px !important; }
  [data-r~="route"] ol li { height: 100% !important; display: block !important; }
  [data-r~="route"] ol button { display: grid !important; grid-template-columns: 1fr !important; grid-template-rows: auto 1fr !important; place-items: start center !important; text-align: center !important; gap: 6px !important; width: 100% !important; height: 100% !important; min-height: 122px !important; box-sizing: border-box !important; padding: 12px 6px 10px !important; border: 1px solid rgba(217, 201, 163, 0.5) !important; border-radius: 48px 48px 6px 6px !important; background: linear-gradient(rgba(217, 201, 163, 0.09), rgba(20, 24, 48, 0.9)) !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 18px, rgba(217, 201, 163, 0.25) 0px 1px 0px inset !important; font-size: 13.5px !important; line-height: 1.2 !important; cursor: pointer !important; }
  [data-r~="route"] ol button[aria-pressed="true"] { border-color: rgb(127, 174, 154) !important; background: linear-gradient(rgba(127, 174, 154, 0.28), rgba(20, 24, 48, 0.95)) !important; box-shadow: rgb(127, 174, 154) 0px 0px 0px 1px, rgba(0, 0, 0, 0.4) 0px 8px 22px !important; }
  [data-r~="route"] ol button > span:nth-of-type(1) { font-size: 17px !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; display: grid !important; place-items: center !important; border: 1px solid rgba(217, 201, 163, 0.45) !important; color: rgb(217, 201, 163) !important; background: none !important; }
  [data-r~="route"] ol button[aria-pressed="true"] > span:nth-of-type(1) { background: rgb(127, 174, 154) !important; color: rgb(15, 18, 32) !important; border-color: rgb(127, 174, 154) !important; }
  [data-r~="route"] ol button > span:nth-of-type(2) { text-wrap: balance; display: block !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; background: none !important; font-size: 12.5px !important; line-height: 1.2 !important; color: inherit !important; }
}
@container site (max-width: 480px) {
  [data-r~="col2"]:not([data-r~="glance"]) { grid-template-columns: 1fr !important; }
}
@media (max-width: 1100px) {
  [data-panel] [data-r~="hide"] { display: none !important; }
}
@media (max-width: 700px) {
  [data-panel] { padding-left: 16px !important; padding-right: 16px !important; }
  [data-panel] [data-r~="ellip"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
[data-ledger] th, [data-ledger] td { vertical-align: top; }
@container site (max-width: 700px) {
  [data-ledger] thead { display: none; }
  [data-ledger] tr { grid-template-columns: 1fr 1fr; gap: 6px 14px; padding: 16px 0px 18px; border-bottom: 1px solid rgba(217, 201, 163, 0.25); display: grid !important; }
  [data-ledger] td { display: block; padding: 0px !important; border: 0px !important; }
  [data-ledger] td[data-label]::before { content: attr(data-label); display: block; font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(174, 179, 201); margin-bottom: 3px; }
  [data-ledger] td[data-span] { grid-column: 1 / -1; }
  [data-r~="rung"] { grid-template-columns: 44px 1fr !important; }
  [data-r~="rung"] > :nth-child(n+3) { grid-column: 1 / -1; }
  [data-r~="sign"] { grid-template-columns: 1fr !important; }
  [data-r~="zone"] { grid-template-columns: 1fr !important; }
  [data-r~="zone"] > div:first-child { border-bottom: 1px solid rgba(217, 201, 163, 0.25); border-right: 0px !important; padding: 0px 0px 16px !important; }
  [data-r~="switch"] { gap: 6px !important; }
  [data-r~="switch"] a { font-size: 12px !important; padding: 8px 10px !important; }
  [data-r~="four04"] { font-size: 120px !important; }
}
[data-flat] p { font-size: 19px; line-height: 1.65; max-width: 66ch; text-wrap: pretty; }
[data-flat] p + p { margin-top: 1.1em; }
[data-flat] h2 { font-family: "IM Fell English SC", "IM Fell English", serif; font-weight: 400; font-size: 19px; letter-spacing: 0.08em; margin: 2.2em 0px 0.7em; padding-top: 0.9em; border-top: 1px solid rgba(217, 201, 163, 0.35); display: flex; gap: 14px; align-items: baseline; }
[data-flat] h2::before { content: "§"; color: rgb(143, 152, 214); font-family: "IM Fell English", serif; font-size: 17px; }
[data-flat] .lede { font-size: 23px; line-height: 1.45; color: rgb(201, 205, 219); }
[data-flat] .lede::first-letter { font-family: Almendra, serif; font-weight: 700; font-size: 3.6em; float: left; line-height: 0.8; padding: 6px 10px 0px 0px; color: rgb(217, 201, 163); }
[data-flat] ul { padding-left: 1.2em; max-width: 66ch; }
[data-flat] li { margin: 0.35em 0px; font-size: 18px; }
[data-flat] a { text-decoration-thickness: 1px; text-underline-offset: 3px; }
[data-mt="80"] { margin-top: 80px; }
[data-mt="48"] { margin-top: 48px; }
[data-num] { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
[data-scen] [data-for] { display: none !important; }
[data-scen]:has(#sc-solo:checked) [data-for="solo"], [data-scen]:has(#sc-two:checked) [data-for="two"], [data-scen]:has(#sc-family:checked) [data-for="family"], [data-scen]:has(#sc-group:checked) [data-for="group"] { display: grid !important; }
[data-scen] label { box-sizing: border-box; min-width: 0px; }
[data-r~="col"] > * { min-width: 0px; }
[data-r~="rung"] a > span { min-width: 0px; }
[data-r~="ex"] { -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: normal !important; display: -webkit-box !important; }
@container site (max-width: 1100px) {
  [data-r~="rung"] { grid-template-columns: 56px 1fr !important; }
  [data-r~="rung"] > :nth-child(n+3) { grid-column: 1 / -1; }
  [data-r~="rung"] > :last-child { gap: 10px; flex-wrap: wrap; justify-content: space-between; display: flex !important; }
}
@container site (max-width: 700px) {
  [data-r~="switch"] { overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap !important; padding-top: 6px !important; padding-bottom: 6px !important; }
  [data-r~="switch"] a { white-space: nowrap; flex: 0 0 auto; }
}
@container site (max-width: 480px) {
  [data-r~="scen"] { grid-template-columns: 1fr !important; }
}
[data-scen] input:checked + label { background: rgb(217, 201, 163) !important; color: rgb(15, 18, 32) !important; border-color: rgb(217, 201, 163) !important; }
[data-scen] input:focus-visible + label { outline: rgb(236, 224, 194) solid 2px; outline-offset: 2px; }
[data-matrix] td, [data-matrix] th { padding: 12px 10px; border-bottom: 1px solid rgba(217, 201, 163, 0.18); text-align: center; font-size: 15px; }
[data-matrix] th:first-child, [data-matrix] td:first-child { text-align: left; }
@container site (max-width: 700px) {
  [data-matrix] { display: block; overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(217, 201, 163, 0.45) transparent; }
  [data-matrix] table { min-width: 560px; }
  [data-ledger] td[data-thumb] { grid-column: 1 / -1; max-width: 160px; }
  [data-r~="tiers"] { grid-template-columns: 1fr !important; }
  [data-r~="three"] { grid-template-columns: 1fr !important; }
  [data-r~="scen"] { grid-template-columns: 1fr 1fr !important; }
}
@media (prefers-reduced-motion: reduce) {
  * { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}

/* pages — interaction states */
.k-pages-0:hover { color: rgb(236, 224, 194) !important; background: rgba(217, 201, 163, 0.05) !important; }
.k-pages-1:hover { color: rgb(236, 224, 194) !important; }
.k-pages-2:hover { background: rgb(236, 224, 194) !important; }
.k-pages-3:hover { color: rgb(236, 224, 194) !important; border-color: rgb(217, 201, 163) !important; }
.k-pages-4::before { content: "✦"; margin-right: 10px; color: rgb(143, 152, 214); font-size: 10px; vertical-align: 2px; }
.k-pages-5:hover { border-color: rgb(217, 201, 163) !important; }
.k-pages-6:hover { background: rgba(217, 201, 163, 0.05) !important; }
.k-pages-7:hover { border-color: rgb(236, 224, 194) !important; }
.k-pages-8:hover { background: rgb(26, 31, 56) !important; border-color: rgb(217, 201, 163) !important; }
.k-pages-9:hover { background: rgb(26, 31, 56) !important; }
.k-pages-a:hover { background: rgb(58, 52, 80) !important; }
.k-pages-b:hover { background: rgba(217, 201, 163, 0.04) !important; }
.k-pages-c:hover { border-color: rgb(143, 152, 214) !important; }
.k-pages-d:hover { }
.k-pages-e:hover { border-color: rgb(192, 138, 114) !important; }
.k-pages-f:hover { border-color: rgb(26, 22, 38) !important; }
.k-pages-g:hover { border-color: rgb(217, 201, 163) !important; color: rgb(236, 224, 194) !important; }
.k-pages-h:hover { background: rgb(31, 36, 64) !important; border-color: rgb(236, 224, 194) !important; }