/* 4:5 Instagram slides, sized in container units so the same markup is a thumbnail or a 1080x1350 export. */
.slide { container-type: inline-size; position: relative; display: flex; flex-direction: column; aspect-ratio: 4 / 5; padding: 8%; overflow: hidden; border-radius: var(--radius-sm); background: var(--slide-bg); color: var(--slide-fg); font-family: var(--font-sans); print-color-adjust: exact; -webkit-print-color-adjust: exact; }
.slides.theme-dark { --slide-bg: #0F1714; --slide-fg: #F4F2EC; --slide-accent: #D4B06A; --slide-muted: rgb(244 242 236 / .64); --slide-band: #B68D40; }
.slides.theme-sanctuary { --slide-bg: #163628; --slide-fg: #FAF9F5; --slide-accent: #D4B06A; --slide-muted: rgb(250 249 245 / .74); --slide-band: #B68D40; }
.slides.theme-cream { --slide-bg: #FAF9F5; --slide-fg: #111614; --slide-accent: #1B4332; --slide-muted: #4A544F; --slide-band: #B68D40; }
.slide::before { content: ""; position: absolute; top: 0; left: 8%; width: 16%; height: 1.2cqw; background: var(--slide-band); }
.slide p { margin: 0; }
.slide-eyebrow { font-size: 3cqw; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--slide-accent); }
.slide-number { margin-top: 4cqw !important; font-family: var(--font-display); font-size: 18cqw; font-weight: 400; line-height: 1; color: var(--slide-accent); }
.slide-title { margin: 4cqw 0 0; font-family: var(--font-display); font-size: 8.4cqw; font-weight: 400; line-height: 1.1; letter-spacing: -.015em; }
.slide-cover .slide-title { margin-top: auto; font-size: 12cqw; line-height: 1.02; }
.slide-application .slide-title, .slide-cta .slide-title { margin-top: 8cqw; font-size: 9.6cqw; }
.slide-text { margin-top: 4.5cqw !important; font-size: 4.6cqw; line-height: 1.45; color: var(--slide-muted); }
.slide-cover .slide-text { font-size: 4.8cqw; font-weight: 600; color: var(--slide-fg); }
.slide-reference { margin-top: 5cqw !important; align-self: flex-start; padding: 1.4cqw 3.6cqw; border: .3cqw solid var(--slide-accent); border-radius: .8cqw; font-family: var(--font-mono); font-size: 3.4cqw; font-weight: 500; color: var(--slide-accent); }
.slide-link { margin-top: 6cqw !important; padding: 3cqw 4.5cqw; border-radius: 1cqw; background: var(--slide-band); color: #fff; font-size: 3.8cqw; font-weight: 600; }
.slide-schedule { margin-top: 3cqw !important; font-family: var(--font-mono); font-size: 3.4cqw; font-variant-numeric: tabular-nums; color: var(--slide-accent); }
.slide-signature b { margin-left: 1.6cqw; font-family: var(--font-mono); font-weight: 500; color: var(--slide-accent); }
.slide-footer { display: flex; justify-content: space-between; gap: 4cqw; margin-top: auto; padding-top: 5cqw; font-size: 3.2cqw; font-weight: 600; color: var(--slide-muted); }
.slide-cover .slide-schedule { margin-top: 3cqw !important; font-family: var(--font-mono); font-size: 3.4cqw; font-variant-numeric: tabular-nums; color: var(--slide-accent); }
.slide-signature b { margin-left: 1.6cqw; font-family: var(--font-mono); font-weight: 500; color: var(--slide-accent); }
.slide-footer { margin-top: 6cqw; }