/**
 * Deep Perfume — Story page (template-story.php). Depends on tokens.css.
 * Long-scroll narrative; scroll-fade respects prefers-reduced-motion.
 */
.deep-story-page{
  background:var(--grad-site); color:var(--c-cream);
  padding-block:var(--s-9);
}
.deep-story-page__head{ text-align:center; max-width:760px; margin-inline:auto; padding-inline:var(--gutter); margin-bottom:var(--s-9); }
.deep-story-page__eyebrow{ font-family:var(--f-ar); font-size:var(--fs-label); color:var(--c-brass-light); letter-spacing:0; }
.deep-story-page__title{
  font-family:var(--f-display); font-weight:500; color:var(--c-cream);
  font-size:clamp(2.1rem, 1.4rem+3.4vw, 3.6rem); line-height:var(--lh-ar-head); margin:var(--s-3) 0 0; text-wrap:balance;
}

.deep-story-block{
  max-width:var(--container); margin-inline:auto; padding:var(--s-7) var(--gutter);
  display:grid; grid-template-columns:1fr 1fr; gap:var(--s-8); align-items:center;
}
.deep-story-block.is-reverse{ direction:ltr; }        /* swap sides, text stays RTL below */
.deep-story-block.is-reverse .deep-story-block__text{ direction:rtl; }
.deep-story-block__media img{
  width:100%; height:100%; max-height:460px; object-fit:cover; border-radius:var(--r-lg);
  box-shadow:0 20px 50px rgb(0 0 0 / .4);
}
.deep-story-block__text p{
  font-family:var(--f-ar); font-size:clamp(1.05rem, 1rem+.5vw, 1.4rem);
  line-height:var(--lh-ar-body); color:#EFE7DC; margin:0; text-wrap:balance;
}
:root:lang(en) .deep-story-block__text p,
[lang="en"] .deep-story-block__text p{ font-family:var(--f-en); line-height:var(--lh-en-body); }

.deep-story-page__cta{ text-align:center; margin-top:var(--s-8); }

/* Scroll-triggered fade-and-rise (subtle, slow). */
.deep-story-block{ opacity:1; }
@media (prefers-reduced-motion:no-preference){
  .deep-story-block{ opacity:0; transform:translateY(28px); transition:opacity .8s var(--ease), transform .8s var(--ease); }
  .deep-story-block.is-visible{ opacity:1; transform:none; }
}

@media (max-width:768px){
  .deep-story-block,
  .deep-story-block.is-reverse{ grid-template-columns:1fr; gap:var(--s-4); direction:rtl; }
  .deep-story-block__media img{ max-height:300px; }
}

/* Extra story blocks (quote / heading / emphasis / solo). */
.deep-story-solo{ max-width:760px; margin:var(--s-6) auto; padding-inline:var(--gutter); }
.deep-story-solo p{ font-family:var(--f-ar); font-size:clamp(1.05rem,1rem+.5vw,1.35rem); line-height:var(--lh-ar-body); color:#EFE7DC; margin:0; text-wrap:balance; }
.deep-story-heading{
  max-width:760px; margin:var(--s-9) auto var(--s-4); padding-inline:var(--gutter);
  font-family:var(--f-display); font-weight:500; color:var(--c-brass-light);
  font-size:clamp(1.5rem,1.1rem+1.6vw,2.25rem); text-align:center;
}
.deep-story-quote{
  max-width:720px; margin:var(--s-7) auto; padding:var(--s-5) var(--gutter); text-align:center;
  font-family:var(--f-display); color:var(--c-brass-light);
  font-size:clamp(1.4rem,1.1rem+1.4vw,2rem); line-height:var(--lh-ar-head); border:0;
}
.deep-story-emphasis{
  max-width:720px; margin:var(--s-6) auto; padding-inline:var(--gutter); text-align:center;
  font-family:var(--f-ar); font-weight:700; color:var(--c-cream);
  font-size:clamp(1.15rem,1rem+.8vw,1.6rem); line-height:var(--lh-ar-body);
}