/* give v9 (17 Oct night): the ways to give as one ruled list on white (no cards on mixed grounds); It's Time as a full-width photograph */
.ways .inner.w80 { width: min(80%, 1400px); }
.wlist { border-top: 1px solid var(--border); }
.way { align-items: start; display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--s-s) var(--gap); padding-block: var(--s-m); border-bottom: 1px solid var(--border); }
.way h3 { font-size: var(--t-l); font-weight: 500; letter-spacing: -.02em; display: flex; align-items: center; gap: .5em; }
.way h3 svg { width: .9em; height: .9em; color: var(--gold-700); }
.way .detail { display: grid; gap: var(--s-s); }
.way .detail > p { color: #3F3F3F; }
.copy-line { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-xs) var(--s-s); }
.copy-line .lab { flex: 1 1 100%; color: var(--muted, #4A4A4A); font-size: var(--t-small); }
.copy-line code { font-family: var(--font); font-size: var(--t-xl); font-weight: 900; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.way details.qa summary { font-size: var(--t-s); }
.its-photo { position: relative; min-height: min(80svh, 820px); display: grid; align-items: center; color: var(--white); overflow: hidden; isolation: isolate; }
.its-photo > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.its-photo::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(14, 16, 19, .9) 0%, rgba(14, 16, 19, .72) 38%, rgba(14, 16, 19, 0) 72%); }
.its-photo .txt { display: grid; gap: var(--s-s); justify-items: start; max-width: 34em; padding-block: var(--s-xl); }
.its-photo .txt p { color: var(--white); text-shadow: 0 1px 12px rgba(0, 0, 0, .4); }
@media (max-width: 1024px) { .ways .inner.w80 { width: var(--shell); } .way { grid-template-columns: 1fr; } .its-photo::after { background: linear-gradient(0deg, rgba(14, 16, 19, .92) 30%, rgba(14, 16, 19, .25)); } .its-photo { align-items: end; } }
/* 18 Oct: the gold moment of the page: their value verse in Light, its promise in Medium */
.grace { text-align: center; padding-block: var(--s-xl); overflow: hidden; }
.grace .inner { display: grid; justify-items: center; gap: var(--s-s); position: relative; z-index: 1; }
.grace .t-accent { max-width: 22em; color: var(--white); }
.grace .t-accent b { font-weight: 500; color: var(--gold-50); }
.grace .watermark { width: min(70%, 900px); right: -16%; bottom: -40%; color: rgba(255, 240, 210, .1); }
/* 18 Oct round 2: the four ways to give are choices, so they are cards: two by two, one white ground, the numbers as Black figures */
.wlist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap); }
.way h3 { padding-bottom: var(--s-xs); border-bottom: 1px solid var(--border); }
@media (max-width: 1024px) { .wlist { grid-template-columns: 1fr; } }