/* ============================================================================
   Primaura Updates — luxury editorial feed
   Standalone stylesheet for the server-rendered /updates pages. It deliberately
   does not depend on the React bundle: these pages must render fully without
   any JavaScript (spec §31), so all layout is plain CSS.

   Tokens mirror src/index.css so the section is visually continuous with the
   rest of primaura.in.
   ========================================================================== */

@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300;font-display:swap;src:url('/fonts/cormorant-garamond-300.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/cormorant-garamond-400.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/cormorant-garamond-500.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/cormorant-garamond-600.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/cormorant-garamond-400i.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url('/fonts/jost-300.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/jost-400.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/jost-500.woff2') format('woff2')}

:root{
  --cream:#F9F5EE;
  --warm-white:#FDFAF4;
  --dark:#2C1810;
  --gold:#9B7D3A;
  --gold-light:#C4A55A;
  --burgundy:#6B1E2E;
  --primaura:#3A2A1A;
  --muted:#8A7A6A;
  --hairline:rgba(155,125,58,.28);
  --shadow-sm:0 1px 2px rgba(44,24,16,.04),0 8px 24px -12px rgba(44,24,16,.10);
  --shadow-md:0 2px 4px rgba(44,24,16,.05),0 24px 48px -24px rgba(44,24,16,.18);
  --ease:cubic-bezier(.22,.61,.36,1);
  --shell:min(1200px,100% - 2.5rem);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--cream);color:var(--primaura);
  font-family:'Jost',system-ui,sans-serif;font-weight:300;
  font-size:clamp(1rem,.97rem + .15vw,1.0625rem);line-height:1.75;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}

/* ── Shared primitives ─────────────────────────────────────────────────── */
.pu-shell{width:var(--shell);margin-inline:auto}
.pu-eyebrow{
  font-size:.6875rem;letter-spacing:.26em;text-transform:uppercase;
  font-weight:400;color:var(--gold);margin:0;
}
.pu-display{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  line-height:1.08;letter-spacing:-.01em;color:var(--dark);margin:0;
}
.pu-rule{height:1px;border:0;margin:0;
  background:linear-gradient(90deg,transparent,var(--gold-light) 18%,var(--gold) 50%,var(--gold-light) 82%,transparent);
  opacity:.65}
.pu-rule--short{width:132px;margin-inline:auto}

/* ── Site header (mirrors the React navbar so the section feels continuous) ── */
.pu-header{
  position:sticky;top:0;z-index:50;background:rgba(249,245,238,.92);
  backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--hairline);
}
.pu-header__in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  height:64px;width:var(--shell);margin-inline:auto}
.pu-logo{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:500;
  color:var(--dark);text-decoration:none;letter-spacing:.01em;white-space:nowrap}
.pu-logo em{font-style:italic;font-weight:300;color:var(--gold)}
.pu-nav{display:none;gap:1.65rem;align-items:center}
.pu-nav a{
  font-size:.72rem;letter-spacing:.19em;text-transform:uppercase;font-weight:400;
  color:var(--primaura);text-decoration:none;position:relative;padding-block:.35rem;
  transition:color .3s var(--ease);
}
.pu-nav a::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);
  transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease);
}
.pu-nav a:hover{color:var(--gold)}
.pu-nav a:hover::after,.pu-nav a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.pu-nav a[aria-current="page"]{color:var(--gold)}
@media(min-width:900px){.pu-nav{display:flex}}

/* ── Page hero ─────────────────────────────────────────────────────────── */
.pu-hero{position:relative;text-align:center;padding:clamp(3.5rem,7vw,6.5rem) 0 clamp(2rem,4vw,3rem);overflow:hidden}
.pu-hero::before{ /* soft ambient wash, transform/opacity only — stays on the GPU */
  content:'';position:absolute;inset:-30% -10% auto;height:150%;pointer-events:none;
  background:radial-gradient(58% 46% at 50% 32%,rgba(196,165,90,.16),transparent 70%);
  animation:puDrift 26s ease-in-out infinite alternate;
}
.pu-hero__brand{margin-bottom:1.4rem}
.pu-hero h1{font-size:clamp(2.6rem,1.6rem + 4.4vw,5rem);margin:.35rem 0 0}
.pu-hero__sub{max-width:44ch;margin:1.5rem auto 0;color:var(--muted);font-size:1.05rem;line-height:1.8}
.pu-hero .pu-rule--short{margin-top:2.25rem}
@keyframes puDrift{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,1.5%,0) scale(1.08)}}

/* ── Section heading ───────────────────────────────────────────────────── */
.pu-sechead{display:flex;align-items:center;gap:1.5rem;margin:0 0 clamp(2rem,4vw,3rem)}
.pu-sechead h2{font-family:'Cormorant Garamond',serif;font-weight:300;color:var(--dark);
  font-size:clamp(1.6rem,1.2rem + 1.4vw,2.4rem);margin:0;white-space:nowrap;letter-spacing:.01em}
.pu-sechead::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent);opacity:.5}

/* ── Featured post ─────────────────────────────────────────────────────── */
.pu-featured{padding-bottom:clamp(3rem,6vw,5rem)}
.pu-featured__card{
  display:grid;gap:0;background:var(--warm-white);
  border:1px solid var(--hairline);box-shadow:var(--shadow-md);
  border-radius:2px;overflow:hidden;position:relative;
}
.pu-featured__card::before{ /* gold top edge */
  content:'';position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,var(--gold-light),var(--gold),var(--gold-light));
}
.pu-featured__media{position:relative;overflow:hidden;background:#EFE7DA;aspect-ratio:4/3}
.pu-featured__media img{width:100%;height:100%;object-fit:cover;
  transition:transform 1.1s var(--ease)}
.pu-featured__card:hover .pu-featured__media img{transform:scale(1.04)}
.pu-featured__body{padding:clamp(1.75rem,4vw,3.25rem);display:flex;flex-direction:column;justify-content:center}
.pu-featured__body h3{font-family:'Cormorant Garamond',serif;font-weight:300;color:var(--dark);
  font-size:clamp(1.75rem,1.2rem + 2vw,2.9rem);line-height:1.14;margin:.85rem 0 0;letter-spacing:-.005em}
.pu-featured__body h3 a{text-decoration:none;background-image:linear-gradient(var(--gold),var(--gold));
  background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;
  transition:background-size .5s var(--ease)}
.pu-featured__body h3 a:hover{background-size:100% 1px}
.pu-featured__excerpt{color:var(--muted);margin:1.15rem 0 0;line-height:1.85;max-width:52ch}
@media(min-width:900px){
  .pu-featured__card{grid-template-columns:1.15fr 1fr}
  .pu-featured__media{aspect-ratio:auto;height:100%;min-height:440px}
}

/* ── Meta line ─────────────────────────────────────────────────────────── */
.pu-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;
  font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:400}
.pu-meta__type{color:var(--burgundy);font-weight:500}
.pu-meta__dot{width:3px;height:3px;border-radius:50%;background:var(--gold);opacity:.7;flex:none}
.pu-taxo{margin:1.4rem 0 0;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:400}

/* ── CTA ───────────────────────────────────────────────────────────────── */
.pu-cta{
  display:inline-flex;align-items:center;gap:.6rem;align-self:flex-start;
  margin-top:1.9rem;padding:.85rem 1.9rem;border:1px solid var(--gold);
  font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;font-weight:400;
  color:var(--gold);text-decoration:none;background:transparent;position:relative;
  overflow:hidden;transition:color .45s var(--ease);border-radius:1px;
}
.pu-cta::before{content:'';position:absolute;inset:0;background:var(--gold);
  transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease);z-index:-1}
.pu-cta:hover{color:var(--warm-white)}
.pu-cta:hover::before{transform:scaleX(1);transform-origin:left}
.pu-cta span{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.6rem}
.pu-cta__arrow{transition:transform .45s var(--ease)}
.pu-cta:hover .pu-cta__arrow{transform:translateX(4px)}

/* ── Filters (progressive enhancement: real links, JS only smooths them) ── */
.pu-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 2.5rem;padding-bottom:.25rem}
.pu-filters a{
  font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;font-weight:400;
  padding:.6rem 1.15rem;border:1px solid var(--hairline);color:var(--muted);
  text-decoration:none;border-radius:1px;white-space:nowrap;
  transition:border-color .35s var(--ease),color .35s var(--ease),background-color .35s var(--ease);
}
.pu-filters a:hover{border-color:var(--gold);color:var(--gold)}
.pu-filters a[aria-current="true"]{background:var(--burgundy);border-color:var(--burgundy);color:var(--warm-white)}

/* ── Search ────────────────────────────────────────────────────────────── */
.pu-search{display:flex;gap:.6rem;margin:0 0 2.5rem;max-width:30rem}
.pu-search input{
  flex:1;padding:.8rem 1rem;border:1px solid var(--hairline);background:var(--warm-white);
  font-family:inherit;font-size:.9rem;font-weight:300;color:var(--primaura);border-radius:1px;
  transition:border-color .3s var(--ease);
}
.pu-search input::placeholder{color:var(--muted);opacity:.75}
.pu-search input:focus{outline:none;border-color:var(--gold)}
.pu-search button{
  padding:.8rem 1.4rem;border:1px solid var(--gold);background:transparent;color:var(--gold);
  font-family:inherit;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;
  cursor:pointer;border-radius:1px;transition:background-color .35s var(--ease),color .35s var(--ease);
}
.pu-search button:hover{background:var(--gold);color:var(--warm-white)}

/* ── Feed: alternating editorial layouts (spec §8) ─────────────────────── */
.pu-feed{display:flex;flex-direction:column;gap:clamp(3rem,6vw,5.5rem);
  padding-bottom:clamp(3rem,6vw,5rem)}
.pu-post{display:grid;gap:1.75rem;align-items:center}
.pu-post__media{position:relative;overflow:hidden;background:#EFE7DA;border-radius:2px;
  aspect-ratio:4/3;box-shadow:var(--shadow-sm)}
.pu-post__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.pu-post:hover .pu-post__media img{transform:scale(1.045)}
/* hairline frame that draws in on hover */
.pu-post__media::after{
  content:'';position:absolute;inset:12px;border:1px solid rgba(253,250,244,.5);
  opacity:0;transition:opacity .5s var(--ease);pointer-events:none;
}
.pu-post:hover .pu-post__media::after{opacity:1}
.pu-post__body h3{font-family:'Cormorant Garamond',serif;font-weight:300;color:var(--dark);
  font-size:clamp(1.5rem,1.15rem + 1.5vw,2.3rem);line-height:1.16;margin:.8rem 0 0}
.pu-post__body h3 a{text-decoration:none;background-image:linear-gradient(var(--gold),var(--gold));
  background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;
  transition:background-size .5s var(--ease)}
.pu-post__body h3 a:hover{background-size:100% 1px}
.pu-post__body p{color:var(--muted);margin:1rem 0 0;line-height:1.85;max-width:56ch}

@media(min-width:860px){
  .pu-post{grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,4.5rem)}
  /* Odd posts: image left. Even posts: image right — achieved by reordering,
     which keeps the DOM in reading order for screen readers and crawlers. */
  .pu-post--right .pu-post__media{order:2}
  .pu-post--right .pu-post__body{order:1}
  /* Every third post runs full width with the copy beneath. */
  .pu-post--wide{grid-template-columns:1fr}
  .pu-post--wide .pu-post__media{aspect-ratio:21/9}
  .pu-post--wide .pu-post__body{max-width:70ch}
}

/* ── Pagination ────────────────────────────────────────────────────────── */
.pu-pager{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap;
  padding:clamp(2rem,4vw,3rem) 0 clamp(3rem,6vw,5rem);border-top:1px solid var(--hairline)}
.pu-pager a,.pu-pager span{
  min-width:2.6rem;padding:.6rem .85rem;text-align:center;text-decoration:none;
  font-size:.78rem;letter-spacing:.08em;color:var(--muted);border:1px solid transparent;
  border-radius:1px;transition:color .3s var(--ease),border-color .3s var(--ease);
}
.pu-pager a:hover{color:var(--gold);border-color:var(--hairline)}
.pu-pager [aria-current="page"]{color:var(--warm-white);background:var(--burgundy);border-color:var(--burgundy)}

/* ── Empty state ───────────────────────────────────────────────────────── */
.pu-empty{text-align:center;padding:clamp(3rem,8vw,6rem) 1.5rem;border:1px dashed var(--hairline);
  border-radius:2px;background:var(--warm-white)}
.pu-empty h3{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:1.8rem;
  color:var(--dark);margin:0 0 .6rem}
.pu-empty p{color:var(--muted);margin:0;max-width:40ch;margin-inline:auto}

/* ── Individual post page ──────────────────────────────────────────────── */
.pu-breadcrumb{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
  padding:1.75rem 0 0}
.pu-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.pu-breadcrumb a{color:var(--muted);text-decoration:none;transition:color .3s var(--ease)}
.pu-breadcrumb a:hover{color:var(--gold)}
.pu-breadcrumb li:not(:last-child)::after{content:'→';margin-left:.5rem;color:var(--gold);opacity:.55}
.pu-breadcrumb [aria-current="page"]{color:var(--primaura)}

.pu-article{padding:clamp(1.5rem,3vw,2.5rem) 0 0}
.pu-article__head{max-width:60rem;margin-inline:auto;text-align:center;padding-bottom:clamp(2rem,4vw,3rem)}
.pu-article__head h1{font-size:clamp(2.1rem,1.4rem + 3.2vw,4rem);margin:1rem 0 0}
/* The AI-friendly answer directly under the H1 (spec §13) */
.pu-summary{
  max-width:62ch;margin:1.75rem auto 0;font-size:1.12rem;line-height:1.85;color:var(--primaura);
  font-family:'Cormorant Garamond',serif;font-weight:400;font-style:italic;
}
.pu-article__hero{margin:0 0 clamp(2rem,4vw,3.25rem);border-radius:2px;overflow:hidden;
  box-shadow:var(--shadow-md);background:#EFE7DA;aspect-ratio:16/10}
.pu-article__hero img{width:100%;height:100%;object-fit:cover}

.pu-prose{max-width:68ch;margin-inline:auto;font-size:1.0625rem;line-height:1.9;color:var(--primaura)}
.pu-prose p{margin:0 0 1.4rem}
.pu-prose p:last-child{margin-bottom:0}

.pu-gallery{display:grid;gap:1rem;margin:clamp(2rem,4vw,3rem) auto 0;max-width:68rem;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.pu-gallery figure{margin:0;border-radius:2px;overflow:hidden;background:#EFE7DA;
  aspect-ratio:1;box-shadow:var(--shadow-sm)}
.pu-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.pu-gallery figure:hover img{transform:scale(1.05)}

/* Key info + FAQ */
.pu-panel{max-width:68ch;margin:clamp(2.5rem,5vw,3.5rem) auto 0;padding:clamp(1.5rem,3vw,2.25rem);
  background:var(--warm-white);border:1px solid var(--hairline);border-radius:2px}
.pu-panel h2{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:1.6rem;
  color:var(--dark);margin:0 0 1.2rem}
.pu-facts{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.pu-facts li{display:flex;gap:.85rem;align-items:baseline;font-size:.95rem;line-height:1.7}
.pu-facts dt,.pu-facts .k{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold);min-width:8.5rem;flex:none;font-weight:400}
.pu-faq details{border-bottom:1px solid var(--hairline);padding:1rem 0}
.pu-faq details:last-of-type{border-bottom:0;padding-bottom:0}
.pu-faq summary{cursor:pointer;font-weight:400;color:var(--dark);font-size:1.02rem;
  list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.pu-faq summary::-webkit-details-marker{display:none}
.pu-faq summary::after{content:'+';color:var(--gold);font-size:1.3rem;line-height:1;
  transition:transform .35s var(--ease);flex:none}
.pu-faq details[open] summary::after{transform:rotate(45deg)}
.pu-faq p{margin:.9rem 0 0;color:var(--muted);line-height:1.8}

/* Product link + share + related */
.pu-product{max-width:68ch;margin:clamp(2.5rem,5vw,3.5rem) auto 0;padding:clamp(1.5rem,3vw,2rem);
  border:1px solid var(--gold);border-radius:2px;background:linear-gradient(180deg,rgba(196,165,90,.06),transparent);
  display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center;justify-content:space-between}
.pu-product__label{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 .4rem}
.pu-product__name{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:400;color:var(--dark);margin:0}

.pu-share{max-width:68ch;margin:clamp(2.5rem,5vw,3.5rem) auto 0;padding-top:2rem;
  border-top:1px solid var(--hairline);display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.pu-share__label{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-right:.5rem}
.pu-share a,.pu-share button{
  display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border:1px solid var(--hairline);
  background:var(--warm-white);color:var(--primaura);font-family:inherit;font-size:.7rem;
  letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;border-radius:1px;
  transition:border-color .3s var(--ease),color .3s var(--ease);
}
.pu-share a:hover,.pu-share button:hover{border-color:var(--gold);color:var(--gold)}

.pu-related{padding:clamp(3rem,6vw,5rem) 0}
.pu-related__grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.pu-card{background:var(--warm-white);border:1px solid var(--hairline);border-radius:2px;
  overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;
  transition:box-shadow .45s var(--ease),transform .45s var(--ease)}
.pu-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.pu-card__media{aspect-ratio:4/3;overflow:hidden;background:#EFE7DA}
.pu-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.pu-card:hover .pu-card__media img{transform:scale(1.05)}
.pu-card__body{padding:1.35rem 1.5rem 1.6rem}
.pu-card__body h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.28rem;
  line-height:1.25;color:var(--dark);margin:.6rem 0 0}
.pu-card__body h3 a{text-decoration:none}
.pu-card__body h3 a::after{content:'';position:absolute;inset:0}      /* whole-card click target */
.pu-card{position:relative}

/* Internal link cluster (spec §16) */
.pu-links{max-width:68ch;margin:clamp(2rem,4vw,3rem) auto 0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.pu-links__label{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);width:100%;margin-bottom:.35rem}
.pu-links a{font-size:.78rem;padding:.45rem 1rem;border:1px solid var(--hairline);border-radius:999px;
  color:var(--primaura);text-decoration:none;transition:border-color .3s var(--ease),color .3s var(--ease)}
.pu-links a:hover{border-color:var(--gold);color:var(--gold)}

/* ── Footer ────────────────────────────────────────────────────────────── */
.pu-footer{border-top:1px solid var(--hairline);background:var(--warm-white);
  padding:clamp(2.5rem,5vw,4rem) 0;text-align:center}
.pu-footer p{margin:0;color:var(--muted);font-size:.85rem}
.pu-footer a{color:var(--gold);text-decoration:none}
.pu-footer a:hover{text-decoration:underline}
.pu-footer__nav{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;margin:0 0 1.5rem;
  padding:0;list-style:none;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}
.pu-footer__nav a{color:var(--primaura)}
.pu-footer__nav a:hover{color:var(--gold);text-decoration:none}

.pu-img-placeholder{width:100%;height:100%;min-height:200px;
  background:linear-gradient(135deg,#EFE7DA,#E4D9C6)}

/* ── Entrance animation, capability- and preference-gated ──────────────── */
/* Opt-in, not opt-out: the hidden state applies only under .js-reveal, which the
   script adds to <html> as its first action. If the script never runs, is blocked
   by CSP, or errors, the content was never hidden in the first place — an
   animation must not be able to make a page blank. */
@media (prefers-reduced-motion:no-preference){
  .js-reveal .pu-reveal{opacity:0;transform:translateY(18px);
    transition:opacity .8s var(--ease),transform .8s var(--ease)}
  .js-reveal .pu-reveal.is-in{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
}
.no-js .pu-reveal{opacity:1;transform:none}

/* ── Print ─────────────────────────────────────────────────────────────── */
@media print{
  .pu-header,.pu-share,.pu-filters,.pu-search,.pu-pager,.pu-related{display:none}
  body{background:#fff}
}