:root{
  --bg: #0d0d0f;
  --fg: #f4f3f1;
  --muted: #bdbdbd;
  --accent: #d7b673;
}
html,body{margin:0;padding:0;height:100%;}
body.deck{background:var(--bg);color:var(--fg);font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";}
.deck__scroller{height:100vh;overflow:auto;scroll-snap-type:y mandatory;}
.slide{min-height:100vh;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;padding:6vh 6vw;}
.slide .inner{max-width: 1200px; width: 100%;}
.slide--title{background:linear-gradient(180deg, #151518, #0d0d0f);} 
.slide__title{font-size: clamp(42px, 8vw, 96px); margin: 0 0 0.2em 0; line-height:1.05;}
.slide__subtitle{font-size: clamp(18px, 2.4vw, 28px); color: var(--muted); margin:0;}
.slide--image .image, .slide .image{width:100%; height: 70vh; background-size: contain; background-repeat:no-repeat; background-position:center; border-radius: 8px; box-shadow: 0 8px 40px rgba(0,0,0,0.5);} 
.quote{font-size: clamp(28px, 4.8vw, 56px); line-height:1.2; font-weight:600;}
.attrib{margin-top: 12px; color: var(--muted); font-size: clamp(16px, 1.8vw, 20px);} 
.slide__heading{font-size: clamp(32px, 5.4vw, 64px); margin: 0 0 0.4em 0;}
.slide__blurb{font-size: clamp(18px, 2.4vw, 28px); color: var(--fg);}
.kicker{color: var(--accent); font-weight:600; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 8px;}
.deck__controls{position: fixed; right: 20px; bottom: 20px; display:flex; gap:10px; z-index:10;}
.deck__controls .btn{background: rgba(255,255,255,0.08); color: var(--fg); border:1px solid rgba(255,255,255,0.2); padding:10px 14px; border-radius:8px; cursor:pointer; font-size:18px;}
.deck__controls .btn:hover{background: rgba(255,255,255,0.16);} 

/* Print each slide on its own page */
@media print{
  .deck__controls{display:none}
  .deck__scroller{overflow:visible}
  .slide{page-break-after: always; min-height:auto; height:100vh;}
}