/* Daily Stack fluid layer (Oct 6 2026, pass i). Loaded last; wins over site/ds-system/ds-compact.
   Goal: natural momentum scrolling (no reveal-on-scroll, no blur repaint on the sticky header,
   no mandatory snapping), softer section transitions, and two clear CTAs: Be a Guest / Sponsor the Show. */

/* ---------- 1. Scroll smoothness ---------- */
html{scroll-behavior:auto !important;-webkit-text-size-adjust:100%}
html body#ds#ds{overflow-x:hidden}
/* Content is simply there: no fade/slide-in when a section scrolls into view */
html body#ds#ds .reveal,html.js-enabled body#ds#ds .reveal,html body#ds#ds .reveal.is-visible{opacity:1 !important;transform:none !important;transition:none !important;animation:none !important}
html body#ds#ds .motion-card{will-change:auto !important;transition-delay:0s !important}
html body#ds#ds [style*="transition-delay"]{transition-delay:0s !important}
html body#ds#ds .section-head.motion-lined:after,html body#ds#ds .motion-lined:before{transition:none !important}
html body#ds#ds .page-progress{display:none !important}
/* Sticky header: solid, no live backdrop blur (iOS re-blurs it on every scroll frame) */
html body#ds#ds .site-header{background:rgba(10,10,11,.97) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;transform:translateZ(0);border-bottom:1px solid rgba(255,255,255,.07) !important}
/* Horizontal swipe rows: gentle snap only, never grab a vertical swipe */
html body#ds#ds .yt-grid-home,html body#ds#ds .clip-grid,html body#ds#ds .yt-grid{scroll-snap-type:x proximity !important;overscroll-behavior-x:contain}
@media (prefers-reduced-motion:reduce){html body#ds#ds *{animation:none !important;transition:none !important}}

/* ---------- 2. Softer section rhythm (no hard rules between sections) ---------- */
html body#ds#ds main > section{border-top:0 !important;border-bottom:0 !important;position:relative}
html body#ds#ds main > .ds-clips,html body#ds#ds main > .partner-proof-strip,html body#ds#ds main > .programming{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.028) 22%,rgba(255,255,255,.028) 78%,rgba(255,255,255,0) 100%) !important}
html body#ds#ds .site-footer{border-top:0 !important;background:linear-gradient(180deg,#0a0a0b 0,#08080a 120px) !important}

/* Tap + hover states: subtle, quick */
html body#ds#ds a,html body#ds#ds button{-webkit-tap-highlight-color:transparent}
html body#ds#ds .btn{transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .12s ease !important}
html body#ds#ds .btn:active{transform:scale(.97) !important}
html body#ds#ds .motion-card:hover{transform:none !important}

/* ---------- 3. CTAs ---------- */
/* Header pair */
html body#ds#ds .nav-actions{display:flex !important;align-items:center;gap:8px}
html body#ds#ds .nav-actions .guest-header-cta,html body#ds#ds .nav-actions .partner-header-cta{display:inline-flex !important;align-items:center;justify-content:center;white-space:nowrap;min-height:38px;padding:0 16px !important;font-size:14px !important;font-weight:600 !important;border-radius:999px !important;letter-spacing:-.01em}
html body#ds#ds .nav-actions .guest-header-cta{background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.18) !important;color:#f5f5f7 !important}
html body#ds#ds .nav-actions .guest-header-cta:hover{background:rgba(255,255,255,.12) !important}
html body#ds#ds .cta-short{display:none}
@media (max-width:1060px){
  html body#ds#ds .cta-long{display:none}
  html body#ds#ds .cta-short{display:inline}
  html body#ds#ds .nav-actions{gap:6px}
  html body#ds#ds .nav-actions .guest-header-cta,html body#ds#ds .nav-actions .partner-header-cta{min-height:32px;padding:0 11px !important;font-size:12.5px !important}
}
@media (max-width:520px){
  /* the logo mark already reads DAILY STACK; drop the duplicate word so the CTA pair fits */
  html body#ds#ds .site-header .brand-word{display:none !important}
  html body#ds#ds .site-header .nav{gap:8px !important}
  html body#ds#ds .site-header .brand-logo{width:38px !important;height:38px !important}
}

/* Mobile menu pair */
html body#ds#ds .mobile-cta-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 8px}
html body#ds#ds .mobile-cta-pair .btn{min-height:44px;border-radius:12px !important;font-size:15px !important;font-weight:600 !important;padding:0 10px !important;display:flex;align-items:center;justify-content:center;border-bottom-width:1px !important}

/* Band near the top */
html body#ds#ds .ds-cta-band{padding:44px 0 48px !important;background:linear-gradient(180deg,rgba(247,147,26,0) 0,rgba(247,147,26,.06) 50%,rgba(247,147,26,0) 100%)}
html body#ds#ds .ds-cta-head{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}
html body#ds#ds .ds-cta-head .eyebrow{color:var(--ds-accent) !important;font-size:12px !important;letter-spacing:.14em !important;text-transform:uppercase;font-weight:700}
html body#ds#ds .ds-cta-head h2{font-size:clamp(26px,3.4vw,40px) !important;line-height:1.08 !important;letter-spacing:-.03em !important;margin:0 !important;font-weight:700 !important;color:#f5f5f7}
html body#ds#ds .ds-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
html body#ds#ds .ds-cta-card{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:20px;background:#141416;border:1px solid rgba(255,255,255,.09);color:#f5f5f7 !important;text-decoration:none !important;transition:border-color .2s ease,background-color .2s ease,transform .12s ease}
html body#ds#ds .ds-cta-card:hover{border-color:rgba(247,147,26,.55);background:#18181b}
html body#ds#ds .ds-cta-card:active{transform:scale(.985)}
html body#ds#ds .ds-cta-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a1a1a6;font-weight:700}
html body#ds#ds .ds-cta-card strong{font-size:24px;line-height:1.1;letter-spacing:-.025em;font-weight:700;color:#f5f5f7}
html body#ds#ds .ds-cta-card p{margin:0;color:#a1a1a6 !important;font-size:15px;line-height:1.45}
html body#ds#ds .ds-cta-btn{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#f5f5f7}
html body#ds#ds .ds-cta-sponsor .ds-cta-btn{background:var(--ds-accent);border-color:var(--ds-accent);color:#111}
html body#ds#ds .ds-cta-card i{font-style:normal;transition:transform .2s ease}
html body#ds#ds .ds-cta-card:hover i{transform:translateX(3px)}
@media (max-width:700px){
  html body#ds#ds .ds-cta-band{padding:32px 0 34px !important}
  html body#ds#ds .ds-cta-head{margin-bottom:14px}
  html body#ds#ds .ds-cta-grid{grid-template-columns:1fr;gap:10px}
  html body#ds#ds .ds-cta-card{padding:16px 16px 16px;gap:4px;border-radius:16px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"k b" "t b" "p p";align-items:center;column-gap:12px}
  html body#ds#ds .ds-cta-kicker{grid-area:k;font-size:10.5px}
  html body#ds#ds .ds-cta-card strong{grid-area:t;font-size:20px}
  html body#ds#ds .ds-cta-card p{grid-area:p;font-size:13.5px;margin-top:6px}
  html body#ds#ds .ds-cta-btn{grid-area:b;margin:0;align-self:center;min-height:36px;padding:0 13px;font-size:13px}
  html body#ds#ds .ds-cta-btn .cta-btn-long{display:none}
}

/* Footer pair */
html body#ds#ds .footer-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;margin:0 0 32px;border-radius:20px;background:#141416;border:1px solid rgba(255,255,255,.09)}
html body#ds#ds .footer-cta-kicker{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ds-accent);font-weight:700;margin-bottom:4px}
html body#ds#ds .footer-cta p{margin:0;color:#d2d2d7 !important;font-size:15px;line-height:1.4;max-width:460px}
html body#ds#ds .footer-cta-actions{display:flex;gap:8px;flex-shrink:0}
html body#ds#ds .footer-cta-actions .btn{min-height:42px;padding:0 18px !important;border-radius:999px !important;font-size:14px !important;font-weight:600 !important;display:inline-flex;align-items:center;white-space:nowrap}
@media (max-width:700px){
  html body#ds#ds .footer-cta{flex-direction:column;align-items:stretch;padding:16px;gap:12px;margin-bottom:22px;border-radius:16px}
  html body#ds#ds .footer-cta p{font-size:14px}
  html body#ds#ds .footer-cta-actions{display:grid;grid-template-columns:1fr 1fr}
  html body#ds#ds .footer-cta-actions .btn{justify-content:center;padding:0 10px !important}
}

html body#ds#ds .site-footer .footer-cta-actions .btn-primary{color:#111 !important;background:var(--ds-accent) !important;border:1px solid var(--ds-accent) !important;font-size:14px !important}
html body#ds#ds .site-footer .footer-cta-actions .btn-primary:hover{background:var(--ds-accent-2) !important;color:#111 !important}
html body#ds#ds .site-footer .footer-cta-actions .btn-secondary{color:#f5f5f7 !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.18) !important;font-size:14px !important}
html body#ds#ds .site-footer .footer-cta-actions .btn-secondary:hover{background:rgba(255,255,255,.12) !important;color:#fff !important}
html body#ds#ds .mobile-cta-pair .btn-primary{color:#111 !important}
html body#ds#ds .mobile-cta-pair .btn-secondary{color:#f5f5f7 !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.18) !important}
.cta-s{display:none}
@media (max-width:700px){
  html body#ds#ds .ds-cta-head h2{font-size:24px !important}
  html body#ds#ds .ds-cta-head .eyebrow{font-size:11px !important}
  html body#ds#ds .ds-cta-card p{font-size:13.5px;line-height:1.4}
  html body#ds#ds .ds-cta-btn .cta-l{display:none}
  html body#ds#ds .ds-cta-btn .cta-s{display:inline}
}