/* AVAVA Station — donate.css: the design's styles, scoped to the design (.avava-legacy).
   To change them, add your own rules in Appearance → Editor → Styles → Additional CSS. */


@keyframes dn-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }

@scope (.avava-legacy, .editor-styles-wrapper) {
  .dn-sec {
    padding-top: 0;
    padding-bottom: 0;
  }

  .dn-sec--first {
    padding-top: 40px;
  }

  .dn-sec--last {
    padding-bottom: 60px;
  }

  .dn-card {
    border: 1px solid var(--i12);
    background: var(--card);
  }

  .dn-card--pad {
    padding: clamp(26px, 2.8vw, 42px) clamp(24px, 2.6vw, 44px);
  }

  .dn-card--paper {
    background: var(--paper);
  }

  .dn-head {
    align-items: flex-end;
    margin-bottom: clamp(16px, 2vw, 26px);
    gap: 20px;
  }
  .dn-head:is(:first-child, :last-child) {
    margin-bottom: clamp(16px, 2vw, 26px);
  }

  .dn-head--tight {
    margin-bottom: clamp(14px, 1.8vw, 22px);
  }
  .dn-head--tight:is(:first-child, :last-child) {
    margin-bottom: clamp(14px, 1.8vw, 22px);
  }

  .dn-head--inset {
    padding: 0 clamp(24px, 2.6vw, 44px);
  }

  .dn-head-l {
    display: flex;
    flex-direction: column;
    gap: 11px;
    min-width: 0;
  }

  .dn-head-l h2 {
    margin: 0;
    font: 700 clamp(24px, 3.2vw, 52px) / .95 var(--wp--preset--font-family--bricolage);
    letter-spacing: -.045em;
    text-transform: uppercase;
  }
  .dn-head-l h2:is(:first-child, :last-child) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .dn-head-r {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: clamp(14px, 1.8vw, 26px);
  }

  .dn-goal {
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
  }

  .dn-goal-n {
    font: 800 clamp(26px, 3vw, 44px) / .95 var(--wp--preset--font-family--orbitron);
    color: var(--accent);
  }

  .dn-switch {
    display: flex;
    align-items: center;
    border: 1px solid var(--i28);
  }

  .dn-sw {
    padding: 9px 13px;
    border: 0;
    background: none;
    font-family: var(--wp--preset--font-family--dm-mono);
    font-size: 12px;
    letter-spacing: .1em;
    color: var(--i7);
    white-space: nowrap;
    cursor: pointer;
  }

  .dn-sw--wide {
    padding: 10px 16px;
    letter-spacing: .14em;
  }

  .dn-sw.is-on {
    background: var(--accent);
    color: #fff;
  }

  .dn-sw:hover {
    color: var(--accent-text);
  }

  .dn-sw.is-on:hover {
    color: #fff;
  }

  .dn-foot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: clamp(14px, 1.8vw, 22px);
    padding-top: 14px;
    border-top: 1px solid var(--i16);
  }
  .dn-foot:is(:first-child, :last-child) {
    margin-top: clamp(14px, 1.8vw, 22px);
  }

  .dn-foot--inset {
    margin-top: 0;
    padding: 14px clamp(24px, 2.6vw, 44px) 0;
    border-top: 0;
  }
  .dn-foot--inset:is(:first-child, :last-child) {
    margin-top: 0;
  }

  .dn-split {
    display: flex;
    gap: 3px;
  }

  .dn-seg {
    min-width: 0;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
  }

  .dn-seg--0 {
    background: var(--accent);
    color: #fff;
  }

  .dn-seg--1 {
    background: var(--i35);
  }

  .dn-seg--2 {
    background: var(--i28);
  }

  .dn-seg--3 {
    background: var(--i22);
  }

  .dn-seg--4 {
    background: var(--i14);
  }

  .dn-scale {
    display: flex;
    justify-content: space-between;
    padding: 8px 0 clamp(16px, 2vw, 24px);
    border-bottom: 1px solid var(--i12);
  }

  .dn-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 22px;
    padding-top: 12px;
  }

  .dn-key {
    display: flex;
    align-items: baseline;
    gap: 8px;
    color: var(--i6);
    text-wrap: pretty;
  }

  .dn-key--on {
    color: var(--accent-text);
  }

  .dn-dot {
    width: 9px;
    height: 9px;
    flex: none;
  }

  .dn-dot--0 {
    background: var(--accent);
  }

  .dn-dot--1 {
    background: var(--i35);
  }

  .dn-dot--2 {
    background: var(--i28);
  }

  .dn-dot--3 {
    background: var(--i22);
  }

  .dn-dot--4 {
    background: var(--i14);
  }

  .dn-lines {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: clamp(12px, 1.6vw, 24px);
    padding-top: clamp(16px, 2vw, 26px);
  }

  .dn-line {
    display: flex;
    flex-direction: column;
    gap: 9px;
    min-width: 0;
    padding: 15px;
    border: 1px solid var(--i16);
    transition: transform .16s ease, border-color .16s ease;
  }

  .dn-line:hover {
    transform: translateY(-4px);
    border-color: var(--accent);
  }

  .dn-line--on {
    border-color: color-mix(in srgb, var(--accent) 55%, transparent);
    background: color-mix(in srgb, var(--accent) 7%, transparent);
  }

  .dn-line-top {
    display: flex;
    align-items: baseline;
    gap: 10px;
  }

  .dn-sum {
    font: 800 clamp(18px, 1.9vw, 26px) / 1 var(--wp--preset--font-family--orbitron);
  }

  .dn-line--on .dn-sum,
  .dn-line--on .dn-line-t,
  .dn-line--on .dn-line-top .mono {
    color: var(--accent-text);
  }

  .dn-line-top .mono {
    color: var(--t45);
  }

  .dn-line-t {
    margin: 0;
    font: 700 clamp(15px, 1.5vw, 19px) / 1.1 var(--wp--preset--font-family--bricolage);
    letter-spacing: -.03em;
    text-transform: uppercase;
    text-wrap: pretty;
  }
  .dn-line-t:is(:first-child, :last-child) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .dn-line-x {
    font: 400 14px / 1.5 var(--wp--preset--font-family--archivo);
    color: var(--i68);
    text-wrap: pretty;
  }

  .dn-line-foot {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: auto;
    padding-top: 9px;
    border-top: 1px solid var(--i14);
  }
  .dn-line-foot:is(:first-child, :last-child) {
    margin-top: auto;
  }

  .dn-line-cov {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--t45);
  }

  .dn-line-cov .push {
    color: var(--t42);
  }

  .dn-line .abar > span {
    background: var(--i42);
  }

  .dn-line--on .abar > span {
    background: var(--accent);
  }

  .dn-total {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: clamp(12px, 1.6vw, 24px);
    margin-top: clamp(16px, 2vw, 26px);
    padding-top: 14px;
    border-top: 2px solid var(--ink);
  }
  .dn-total:is(:first-child, :last-child) {
    margin-top: clamp(16px, 2vw, 26px);
  }

  .dn-total-bar {
    flex: 1 1 220px;
    min-width: 140px;
  }

  .dn-total-bar > span {
    background: var(--accent);
  }

  .dn-by-month {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: clamp(14px, 1.8vw, 22px);
  }
  .dn-by-month:is(:first-child, :last-child) {
    margin-top: clamp(14px, 1.8vw, 22px);
  }

  .dn-by-head {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 12px;
  }

  .dn-months {
    display: flex;
    align-items: flex-end;
    gap: 3px;
  }

  .dn-arrs {
    display: flex;
    gap: 3px;
  }

  .dn-mo,
  .dn-arr {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--t4);
  }

  .dn-mo > i,
  .dn-arr > i {
    display: block;
    background: var(--i28);
  }

  .dn-mo.is-on,
  .dn-arr.is-on {
    color: var(--accent-text);
  }

  .dn-mo.is-on > i,
  .dn-arr.is-on > i {
    background: var(--accent);
  }

  .dn-arr > i {
    background: var(--i22);
  }

  .dn-arr:first-child > i {
    background: var(--i42);
  }

  .dn-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    padding: 14px clamp(24px, 2.6vw, 44px);
    border-bottom: 1px solid var(--i16);
  }

  .dn-month {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: clamp(16px, 2vw, 24px) clamp(24px, 2.6vw, 44px);
    border-bottom: 1px solid var(--i12);
  }

  .dn-month-top {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 12px;
  }

  .dn-month-bar {
    display: flex;
    height: 10px;
    background: var(--i10);
  }

  .dn-month-in {
    background: var(--accent);
  }

  .dn-month-you {
    background: color-mix(in srgb, var(--accent) 45%, transparent);
  }

  .dn-desk {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, .85fr);
  }

  .dn-pick {
    display: flex;
    flex-direction: column;
    gap: clamp(14px, 1.8vw, 22px);
    min-width: 0;
    padding: clamp(20px, 2.4vw, 32px) clamp(24px, 2.6vw, 44px);
    border-right: 1px solid var(--i12);
  }

  .dn-plan-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
  }

  .dn-tiers {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: clamp(12px, 1.6vw, 22px);
  }

  .dn-tier {
    display: flex;
    flex-direction: column;
    gap: 11px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--i16);
    transition: transform .16s ease, border-color .16s ease;
  }

  .dn-tier:hover {
    transform: translateY(-4px);
    border-color: var(--accent);
  }

  .dn-tier--on {
    border-color: color-mix(in srgb, var(--accent) 60%, transparent);
    background: color-mix(in srgb, var(--accent) 8%, transparent);
  }

  .dn-tier-top {
    display: flex;
    align-items: baseline;
    gap: 10px;
  }

  .dn-tier--on .dn-tier-top .mono,
  .dn-tier--on .dn-price,
  .dn-tier--on .dn-tier-price .mono,
  .dn-tier--on .dn-tier-cov .mono {
    color: var(--accent-text);
  }

  .dn-picked {
    margin-left: auto;
    padding: 4px 8px;
    background: var(--accent);
    color: #fff;
    font-family: var(--wp--preset--font-family--dm-mono);
    font-size: 12px;
    letter-spacing: .14em;
  }

  .dn-tier-price {
    display: flex;
    align-items: baseline;
    gap: 8px;
  }

  .dn-price {
    font: 800 clamp(26px, 3vw, 44px) / .95 var(--wp--preset--font-family--orbitron);
  }

  .dn-tier-x {
    font: 400 14px / 1.5 var(--wp--preset--font-family--archivo);
    color: var(--i75);
    text-wrap: pretty;
  }

  .dn-tier-foot {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: auto;
    padding-top: 9px;
    border-top: 1px solid var(--i14);
  }
  .dn-tier-foot:is(:first-child, :last-child) {
    margin-top: auto;
  }

  .dn-tier--on .dn-tier-foot {
    border-top-color: color-mix(in srgb, var(--accent) 50%, transparent);
  }

  .dn-tier-cov {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--t45);
  }

  .dn-tier-cov .push {
    color: var(--t4);
  }

  .dn-tier .abar > span {
    background: var(--i35);
  }

  .dn-tier--on .abar > span {
    background: var(--accent);
  }

  .dn-own {
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding-top: 6px;
    border-top: 1px solid var(--i14);
  }

  .dn-own-top {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 12px;
  }

  .dn-own-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
  }

  .dn-own-field {
    flex: 1 1 220px;
    min-width: 160px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 6px;
    border-bottom: 2px solid var(--accent);
  }

  .dn-cur {
    font: 800 clamp(20px, 2vw, 28px) / 1 var(--wp--preset--font-family--orbitron);
    color: var(--accent);
  }

  .dn-quicks,
  .dn-pays {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .dn-quick,
  .dn-pay,
  .dn-pick-b,
  .dn-tab {
    padding: 9px 13px;
    border: 1px solid var(--i28);
    background: none;
    font-family: var(--wp--preset--font-family--dm-mono);
    font-size: 12px;
    letter-spacing: .1em;
    color: var(--i7);
    cursor: pointer;
  }

  .dn-quick:hover,
  .dn-pay:hover,
  .dn-pick-b:hover,
  .dn-tab:hover {
    border-color: var(--accent);
    color: var(--accent-text);
  }

  .dn-quick.is-on,
  .dn-pay.is-on {
    border-color: var(--accent);
    color: var(--accent-text);
  }

  .dn-pick-b,
  .dn-tab {
    padding: 8px 12px;
  }

  .dn-pick-b.is-on,
  .dn-tab.is-on {
    border-color: color-mix(in srgb, var(--accent) 60%, transparent);
    background: color-mix(in srgb, var(--accent) 14%, transparent);
    color: var(--accent-text);
  }

  .dn-range {
    position: relative;
    height: 6px;
    background: var(--i10);
  }

  .dn-range-in {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: var(--accent);
  }

  .dn-range-pin {
    position: absolute;
    top: -5px;
    width: 2px;
    height: 16px;
    background: var(--ink);
  }

  .dn-range-ticks {
    display: flex;
    justify-content: space-between;
  }

  .dn-slip {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    padding: clamp(20px, 2.4vw, 32px) clamp(24px, 2.6vw, 44px);
  }

  .dn-slip-sum {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;
  }

  .dn-slip-n {
    font: 800 clamp(30px, 3.4vw, 52px) / .95 var(--wp--preset--font-family--orbitron);
    color: var(--accent);
  }

  .dn-slip-rows {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 11px 0;
    border-top: 1px dashed var(--i28);
    border-bottom: 1px dashed var(--i28);
  }

  .dn-slip-row {
    display: flex;
    align-items: baseline;
    gap: 12px;
  }

  .dn-field {
    display: flex;
    flex-direction: column;
    gap: 7px;
  }

  .dn-send {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 20px;
    border: 0;
    background: var(--accent);
    color: #fff;
    font-family: var(--wp--preset--font-family--dm-mono);
    font-size: 12px;
    letter-spacing: .22em;
    text-transform: uppercase;
    cursor: pointer;
  }

  .dn-send:hover {
    background: var(--accent-hot);
  }

  .dn-promises {
    display: flex;
    flex-direction: column;
    gap: 6px;
    list-style: none;
  }

  .dn-kvk {
    margin-top: auto;
    text-wrap: pretty;
  }
  .dn-kvk:is(:first-child, :last-child) {
    margin-top: auto;
  }

  .dn-log {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    padding: 13px clamp(24px, 2.6vw, 44px);
    border-top: 1px solid var(--i16);
  }

  .dn-picks {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    padding-bottom: 14px;
  }

  .dn-perks {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
    gap: clamp(12px, 1.6vw, 24px);
    border-top: 2px solid var(--ink);
    padding-top: clamp(16px, 2vw, 26px);
  }

  .dn-perk {
    display: flex;
    flex-direction: column;
    gap: 11px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--i16);
    transition: transform .16s ease, border-color .16s ease;
  }

  .dn-perk:hover {
    transform: translateY(-4px);
    border-color: var(--accent);
  }

  .dn-perk--on {
    border-color: color-mix(in srgb, var(--accent) 60%, transparent);
    background: color-mix(in srgb, var(--accent) 8%, transparent);
  }

  .dn-shot {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: repeating-linear-gradient(135deg, var(--i10) 0 9px, var(--i14) 9px 18px);
  }

  .dn-stamp {
    position: absolute;
    padding: 4px 8px;
    background: var(--shell);
    color: #fff;
    font-family: var(--wp--preset--font-family--dm-mono);
    font-size: 12px;
    letter-spacing: .14em;
  }

  .dn-stamp--tl {
    left: 10px;
    top: 10px;
  }

  .dn-stamp--tr {
    right: 10px;
    top: 10px;
  }

  .dn-stamp--bl {
    left: 10px;
    bottom: 10px;
  }

  .dn-stamp--c {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    background: transparent;
    color: var(--i6);
    font-size: 14px;
  }

  .dn-perk--on .dn-stamp--tl,
  .dn-perk--on .dn-stamp--tr {
    background: var(--accent);
  }

  .dn-perk--on .dn-stamp--bl {
    color: var(--accent-text);
  }

  .dn-perk-t {
    margin: 0;
    font: 700 clamp(16px, 1.7vw, 22px) / 1.1 var(--wp--preset--font-family--bricolage);
    letter-spacing: -.03em;
    text-transform: uppercase;
    text-wrap: pretty;
  }
  .dn-perk-t:is(:first-child, :last-child) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .dn-perk--on .dn-perk-t {
    color: var(--accent-text);
  }

  .dn-perk-x {
    font: 400 14px / 1.5 var(--wp--preset--font-family--archivo);
    color: var(--i7);
    text-wrap: pretty;
  }

  .dn-perk-foot {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: auto;
    padding-top: 9px;
    border-top: 1px solid var(--i14);
  }
  .dn-perk-foot:is(:first-child, :last-child) {
    margin-top: auto;
  }

  .dn-perk--on .dn-perk-foot {
    border-top-color: color-mix(in srgb, var(--accent) 50%, transparent);
  }

  .dn-perk-meta {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--t45);
  }

  .dn-perk-meta a {
    color: var(--t4);
  }

  .dn-perk-meta a:hover {
    color: var(--accent-text);
  }

  .dn-perk--on .dn-perk-meta,
  .dn-perk--on .dn-perk-meta a {
    color: var(--accent-text);
  }

  .dn-far-head {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 18px;
    margin-bottom: clamp(16px, 2vw, 26px);
  }
  .dn-far-head:is(:first-child, :last-child) {
    margin-bottom: clamp(16px, 2vw, 26px);
  }

  .dn-far-t {
    font: 700 clamp(20px, 2.2vw, 32px) / 1 var(--wp--preset--font-family--bricolage);
    letter-spacing: -.04em;
    text-transform: uppercase;
  }

  .dn-far {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: clamp(20px, 2.6vw, 44px);
    border-top: 2px solid var(--ink);
    padding-top: clamp(16px, 2vw, 26px);
  }

  .dn-far-n {
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex: none;
  }

  .dn-far-h {
    font: 800 clamp(30px, 3.6vw, 54px) / .95 var(--wp--preset--font-family--orbitron);
    color: var(--accent);
  }

  .dn-far-x {
    flex: 1 1 320px;
    min-width: 0;
    font: 400 clamp(16px, 1.7vw, 21px) / 1.35 var(--wp--preset--font-family--instrument-serif);
    font-style: italic;
    text-wrap: pretty;
  }

  .dn-weeks {
    display: flex;
    gap: 3px;
    padding-top: clamp(14px, 1.8vw, 22px);
  }

  .dn-week {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .dn-week .mono {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--t55);
  }

  .dn-week--now .mono {
    color: var(--accent-text);
  }

  .dn-week--open .mono {
    color: var(--t45);
  }

  .dn-week-bar {
    position: relative;
    display: block;
    height: 28px;
    background: var(--i12);
  }

  .dn-week--open .dn-week-bar {
    background-image: repeating-linear-gradient(135deg, var(--i22) 0 4px, transparent 4px 8px);
  }

  .dn-week-bar > i {
    display: block;
    height: 100%;
    background: var(--accent);
  }

  .dn-week-now {
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: 86%;
    width: 2px;
    background: var(--ink);
  }

  .dn-gap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: clamp(12px, 1.6vw, 22px);
    margin: 0 clamp(24px, 2.6vw, 44px) clamp(14px, 1.8vw, 22px);
    padding: clamp(13px, 1.5vw, 18px) clamp(14px, 1.6vw, 20px);
    border: 1px solid color-mix(in srgb, var(--accent) 60%, transparent);
    background: color-mix(in srgb, var(--accent) 8%, transparent);
  }
  .dn-gap:is(:first-child, :last-child) {
    margin-top: 0;
    margin-bottom: clamp(14px, 1.8vw, 22px);
  }

  .dn-pulse {
    width: 7px;
    height: 7px;
    flex: none;
    border-radius: 50%;
    background: var(--accent);
    animation: dn-pulse 1.6s ease-in-out infinite;
  }

  @media (prefers-reduced-motion: reduce) {
    .dn-pulse {
      animation: none;
    }
  }

  .dn-gap-t {
    font: 600 clamp(15px, 1.5vw, 19px) / 1.2 var(--wp--preset--font-family--archivo);
    text-wrap: pretty;
  }

  .dn-gap-b {
    letter-spacing: .18em;
    padding: 11px 16px;
  }

  .dn-shelf {
    display: flex;
    gap: clamp(12px, 1.6vw, 22px);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 10px clamp(24px, 2.6vw, 44px) 14px;
    border-top: 2px solid var(--ink);
    scrollbar-width: none;
  }

  .dn-shelf::-webkit-scrollbar {
    display: none;
  }

  .dn-way {
    flex: 0 0 clamp(240px, 24vw, 300px);
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--i16);
    transition: transform .16s ease, border-color .16s ease;
  }

  .dn-way:hover {
    transform: translateY(-4px);
    border-color: var(--accent);
  }

  .dn-way--on {
    border-color: color-mix(in srgb, var(--accent) 60%, transparent);
    background: color-mix(in srgb, var(--accent) 8%, transparent);
  }

  .dn-way-top,
  .dn-q-top {
    display: flex;
    align-items: baseline;
    gap: 10px;
    color: var(--t4);
  }

  .dn-way--on .dn-way-top,
  .dn-q--on .dn-q-top {
    color: var(--accent-text);
  }

  .dn-tag {
    margin-left: auto;
    padding: 4px 8px;
    background: var(--i12);
    color: var(--i75);
    font-family: var(--wp--preset--font-family--dm-mono);
    font-size: 12px;
    letter-spacing: .14em;
  }

  .dn-way--on .dn-tag,
  .dn-q--on .dn-tag {
    background: var(--accent);
    color: #fff;
  }

  .dn-way-t {
    margin: 0;
    font: 700 clamp(16px, 1.7vw, 22px) / 1.1 var(--wp--preset--font-family--bricolage);
    letter-spacing: -.03em;
    text-transform: uppercase;
    text-wrap: pretty;
  }
  .dn-way-t:is(:first-child, :last-child) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .dn-way--on .dn-way-t {
    color: var(--accent-text);
  }

  .dn-way-x {
    font: 400 14px / 1.5 var(--wp--preset--font-family--archivo);
    color: var(--i7);
    text-wrap: pretty;
  }

  .dn-way-foot {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: auto;
    padding-top: 9px;
    border-top: 1px solid var(--i14);
  }
  .dn-way-foot:is(:first-child, :last-child) {
    margin-top: auto;
  }

  .dn-way--on .dn-way-foot {
    border-top-color: color-mix(in srgb, var(--accent) 50%, transparent);
  }

  .dn-way-cta {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;
  }

  .dn-way-cta a {
    color: var(--i6);
    white-space: nowrap;
  }

  .dn-way-cta a:hover,
  .dn-way--on .dn-way-cta a {
    color: var(--accent-text);
  }

  .dn-nights {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: clamp(14px, 1.8vw, 22px) clamp(24px, 2.6vw, 44px) 0;
  }

  .dn-days {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
  }

  .dn-day {
    flex: 1 1 22px;
    min-width: 22px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--i10);
    color: var(--t4);
  }

  .dn-day.is-open {
    background: var(--accent);
    color: var(--ink);
  }

  .dn-stats {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: clamp(14px, 1.8vw, 26px);
  }

  .dn-stat {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .dn-stat > b {
    font: 800 clamp(16px, 1.7vw, 24px) / 1 var(--wp--preset--font-family--orbitron);
  }

  .dn-stat--on > b {
    color: var(--accent-text);
  }

  .dn-stat .mono {
    white-space: nowrap;
  }

  .dn-tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    padding-bottom: 14px;
  }

  .dn-qs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: clamp(12px, 1.6vw, 24px);
    border-top: 2px solid var(--ink);
    padding-top: clamp(16px, 2vw, 26px);
  }

  .dn-q {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--i16);
    transition: transform .16s ease, border-color .16s ease;
  }

  .dn-q:hover {
    transform: translateY(-4px);
    border-color: var(--accent);
  }

  .dn-q--on {
    border-color: color-mix(in srgb, var(--accent) 60%, transparent);
    background: color-mix(in srgb, var(--accent) 8%, transparent);
  }

  .dn-q-t {
    margin: 0;
    font: 600 clamp(15px, 1.5vw, 19px) / 1.25 var(--wp--preset--font-family--archivo);
    text-wrap: pretty;
  }
  .dn-q-t:is(:first-child, :last-child) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .dn-q--on .dn-q-t {
    color: var(--accent-text);
  }

  .dn-q-x {
    font: 400 14px / 1.55 var(--wp--preset--font-family--archivo);
    color: var(--i75);
    text-wrap: pretty;
  }

  .dn-q-foot {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: auto;
    padding-top: 9px;
    border-top: 1px solid var(--i14);
    color: var(--t55);
  }
  .dn-q-foot:is(:first-child, :last-child) {
    margin-top: auto;
  }

  .dn-q--on .dn-q-foot {
    border-top-color: color-mix(in srgb, var(--accent) 50%, transparent);
    color: var(--accent-text);
  }

  .dn-q-who {
    font: 400 14px / 1.2 var(--wp--preset--font-family--instrument-serif);
    font-style: italic;
    color: var(--t45);
    text-wrap: pretty;
  }

  .dn-ask {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: clamp(12px, 1.6vw, 24px);
    margin-top: clamp(16px, 2vw, 26px);
    padding: clamp(14px, 1.6vw, 20px);
    border: 1px solid color-mix(in srgb, var(--accent) 50%, transparent);
    background: color-mix(in srgb, var(--accent) 7%, transparent);
  }
  .dn-ask:is(:first-child, :last-child) {
    margin-top: clamp(16px, 2vw, 26px);
  }

  .dn-ask-field {
    flex: 1 1 260px;
    min-width: 180px;
    display: flex;
    flex-direction: column;
    gap: 7px;
  }

  .dn-ask-b {
    letter-spacing: .18em;
    padding: 13px 18px;
  }

  @media (max-width: 1100px) {
    .dn-desk {
      grid-template-columns: minmax(0, 1fr);
    }
    .dn-pick {
      border-right: 0;
      border-bottom: 1px solid var(--i12);
    }
  }

  @media (max-width: 760px) {
    .dn-sec--last {
      padding-bottom: 40px;
    }
    .dn-card--pad {
      padding: 20px 18px;
    }
    .dn-head,
    .dn-head--tight {
      margin-bottom: 18px;
    }
    .dn-head:is(:first-child, :last-child),
    .dn-head--tight:is(:first-child, :last-child) {
      margin-bottom: 18px;
    }
    .dn-head--inset,
    .dn-bar,
    .dn-month,
    .dn-pick,
    .dn-slip,
    .dn-log,
    .dn-nights,
    .dn-foot--inset {
      padding-left: 18px;
      padding-right: 18px;
    }
    .dn-gap {
      margin-left: 18px;
      margin-right: 18px;
    }
    .dn-shelf {
      padding-left: 18px;
      padding-right: 18px;
    }
    .dn-lines,
    .dn-perks,
    .dn-qs,
    .dn-tiers {
      grid-template-columns: minmax(0, 1fr);
    }
    .dn-seg {
      height: 40px;
    }
    .dn-far-n {
      flex: 1 1 100%;
      min-width: 0;
      flex-wrap: wrap;
    }
    .dn-far-x {
      flex-basis: 100%;
    }
    .dn-day {
      flex-basis: 26px;
    }
    .dn-key {
      flex-basis: 100%;
    }
  }

  .dn-own-field .rq,
  .dn-field .rq,
  .dn-ask-field .rq {
    padding: 7px 0;
    border-bottom-color: var(--i28);
  }

  .dn-field .rq:focus,
  .dn-own-field .rq:focus,
  .dn-ask-field .rq:focus {
    border-bottom-color: var(--accent);
  }

  .dn-sw,
  .dn-quick,
  .dn-pay,
  .dn-pick-b,
  .dn-tab,
  .dn-send {
    line-height: normal;
  }

  .dn-promises li {
    display: flex;
  }

  .dn-tag,
  .dn-picked,
  .dn-stamp,
  .dn-gap-b,
  .dn-ask-b {
    line-height: normal;
  }

  .dn-foot--far {
    margin-top: clamp(18px, 2.2vw, 28px);
  }
  .dn-foot--far:is(:first-child, :last-child) {
    margin-top: clamp(18px, 2.2vw, 28px);
  }

  .dn-by-month--perks,
  .dn-foot--perks {
    margin-top: clamp(16px, 2vw, 26px);
  }
  .dn-by-month--perks:is(:first-child, :last-child),
  .dn-foot--perks:is(:first-child, :last-child) {
    margin-top: clamp(16px, 2vw, 26px);
  }

  .dn-by-month--perks {
    gap: 9px;
  }

  .page .divider {
    background: var(--i10);
  }

  .dn-tier {
    cursor: pointer;
  }

  .dn-tier-top,
  .dn-tier-price,
  .dn-tier-x,
  .dn-tier-foot,
  .dn-tier-cov {
    display: flex;
  }

  .dn-tier-x {
    display: block;
  }

  .dn-tier:has(input:checked) {
    border-color: color-mix(in srgb, var(--accent) 60%, transparent);
    background: color-mix(in srgb, var(--accent) 8%, transparent);
  }

  .dn-tier:has(input:checked) .dn-tier-top .mono,
  .dn-tier:has(input:checked) .dn-price,
  .dn-tier:has(input:checked) .dn-tier-price .mono,
  .dn-tier:has(input:checked) .dn-tier-cov .mono {
    color: var(--accent-text);
  }
  .dn-tier:has(input:checked) .dn-price {
    color: var(--accent);
  }

  .dn-tier:has(input:checked) .dn-tier-foot {
    border-top-color: color-mix(in srgb, var(--accent) 50%, transparent);
  }

  .dn-tier:has(input:checked) .abar > span {
    background: var(--accent);
  }

  .dn-tier:has(input:focus-visible) {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
  }

  .dn-picked {
    display: none;
  }

  .dn-tier:has(input:checked) .dn-picked {
    display: inline-block;
    margin-left: auto;
  }

  .dn-tier:has(input:checked) .dn-share {
    display: none;
  }

  .dn-slider {
    position: absolute;
    left: 0;
    top: -7px;
    width: 100%;
    height: 20px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
  }
  .dn-slider:is(:first-child, :last-child) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .dn-slider:focus-visible + .dn-range-ticks,
  .dn-range:has(.dn-slider:focus-visible) {
    outline: 2px solid var(--accent);
    outline-offset: 4px;
  }

  .dn-note:empty {
    display: none;
  }

  .dn-note.is-ok {
    color: var(--accent-text);
    letter-spacing: .06em;
    line-height: 1.5;
  }

  .dn-day {
    border: 0;
    cursor: pointer;
  }

  .dn-day:hover {
    outline: 1px solid var(--accent);
    outline-offset: -1px;
  }

  .dn-day.is-pick {
    outline: 2px solid var(--ink);
    outline-offset: -2px;
  }

  .dn-copy {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    cursor: pointer;
  }

  .dn-way-cta .dn-copy:hover,
  .dn-way-cta .js-dn-share:hover {
    color: var(--accent-text);
  }

  .js-dn-share {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    cursor: pointer;
  }

  .dn-q[hidden] {
    display: none;
  }

  .js-dn-asknote.is-ok,
  .js-dn-asknote.is-err {
    color: var(--accent-text);
  }

  .dn-shot--img {
    background: var(--i10);
    overflow: hidden;
  }

  .dn-shot--img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

}