/* Companion stylesheet for taayush-2.html — upload to /wp-content/uploads/.
   It holds every media query, because BuddyBoss's mention autolinker rewrites
   a literal "at-media" token inside the pasted block into an <a> tag, which
   invalidates the query. Keep the <link> that loads this file AFTER the inline
   <style> block: media queries add no specificity, so these desktop rules only
   beat the mobile base rules by coming later in the document. */

@media (prefers-reduced-motion: reduce){
  .tay-root.tay-js .tay-reveal{ opacity:1; transform:none; transition:none; }
}

/* =========================================================
   TABLET / DESKTOP
   ========================================================= */
@media (min-width:720px){
  .tay-container{ padding-inline:2.5rem; }
  .tay-section{ padding:4.5rem 0; }
  .tay-spaces{ display:grid; grid-template-columns:repeat(3, 1fr); gap:1.2rem; }
  .tay-sessions{ display:grid; grid-template-columns:repeat(3, 1fr); gap:1.2rem; }
  .tay-acts{ display:grid; grid-template-columns:repeat(3, 1fr); gap:1.4rem; }
  .tay-people{ display:grid; grid-template-columns:repeat(2, 1fr); gap:1.4rem; }
  .tay-hero-inner{ padding-block:3.5rem 4rem; }
}

@media (min-width:960px){
  .tay-section{ padding:5.5rem 0; }
  .tay-split{ flex-direction:row; gap:3rem; }
  .tay-split-media{ flex:1 1 50%; aspect-ratio:1/1; }
  .tay-split-text{ flex:1 1 50%; text-align:right; }
  .tay-split-text .tay-h2{ text-align:right; }
  .tay-soft-card{ padding:3rem 3.2rem; }
  .tay-dates-card{ padding:3.4rem 3rem; }
  .tay-shift-row{ display:flex; align-items:center; gap:1.4rem; }
  .tay-shift-from{ flex:1; }
  .tay-shift-to{ flex:1; margin-top:0; padding-right:1.8rem; }
  .tay-shift-to::before{ content:"←"; top:50%; transform:translateY(-50%); }
}