/* Page-local composition; shared navigation, footer, fonts and buttons are inherited. */
.remembrance-page .skip{z-index:40}
.remembrance-page .header{z-index:30}
.remembrance-intro{padding-top:95px;padding-bottom:100px}
.remembrance-intro h1{font-size:clamp(48px,5.9vw,90px);line-height:1.06;letter-spacing:-.05em;color:var(--deep);margin:30px 0 40px}
.remembrance-intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.remembrance-intro-bottom p{max-width:570px;font-size:15px;line-height:1.8}
.remembrance-intro-bottom .button{flex-shrink:0}
/* Original-ratio images keep the arrangements intact, without zoom or parallax. */
.remembrance-photo{overflow:hidden;border-radius:30px 100px 30px 30px}
.remembrance-photo img{height:auto;object-fit:cover;object-position:center;transform:none}
.remembrance-hero-image{margin-top:55px;aspect-ratio:4539/3030}
.remembrance-heart-image{margin-top:35px;aspect-ratio:3/4;border-radius:24px}
.remembrance-detail-image{margin-top:35px;aspect-ratio:2670/4000}
.remembrance-selection{align-items:center}
.remembrance-selection .craft-title>p:not(.eyebrow){max-width:320px;font-size:15px;line-height:1.7}
.remembrance-guidance{align-items:center}
.remembrance-page h2{color:var(--deep)}
.remembrance-offerings article{padding:30px 0;border-top:1px solid var(--line)}
.remembrance-offerings article:first-child{padding-top:0;border-top:0}
.remembrance-offerings h3,.remembrance-details h3{font-size:25px;line-height:1.2;letter-spacing:-.03em;margin-bottom:14px}
.remembrance-offerings p,.remembrance-details p{max-width:440px;font-size:14px;line-height:1.8}
.remembrance-guidance{display:grid;grid-template-columns:1fr 1.3fr;gap:12%;padding-top:0}
.remembrance-guidance h2,.remembrance-request h2{font-size:clamp(48px,5vw,76px);line-height:1.06;letter-spacing:-.05em;margin:23px 0}
.remembrance-guidance-copy>p{max-width:470px;font-size:15px;line-height:1.8}
.remembrance-details{margin-top:35px}
.remembrance-details h3:not(:first-child){margin-top:30px}
.remembrance-request{margin:0 3%;border-radius:60px;background:var(--deep);color:var(--paper);display:grid;grid-template-columns:1fr 1.3fr;gap:12%;padding-top:75px;padding-bottom:75px}
.remembrance-request h2{color:var(--paper)}
.remembrance-request>div>p:not(.eyebrow){max-width:370px;font-size:15px;line-height:1.8}
.remembrance-contact{align-self:center;min-width:0}
.remembrance-mail-hint{font-size:12px;line-height:1.8;margin-top:16px}
.remembrance-mail{display:inline-block;font-size:14px;line-height:1.8;margin-top:8px;overflow-wrap:anywhere;text-underline-offset:5px}
.remembrance-mail:hover,.remembrance-mail:focus-visible{text-decoration:underline}
.remembrance-in-person{margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}
.remembrance-in-person p{font-size:14px;line-height:1.8;margin-bottom:16px}
.remembrance-in-person .text-link:hover{color:var(--paper)}
.remembrance-page .button:active{transform:translateY(0)}
/* Quiet, one-time opacity reveals: no travel, word stagger or picture parallax. */
.remembrance-page main .motion-item{translate:none;transition:opacity .85s var(--motion-ease)}
.remembrance-page main .motion-heading{opacity:1}
.remembrance-page main .word-ink{translate:none;clip-path:inset(-1em);transition:opacity .8s ease}
.remembrance-page main .motion-waiting .word-ink{translate:none;clip-path:inset(-1em);opacity:0}
.remembrance-page main .motion-waiting:focus-within .word-ink{opacity:1}
.remembrance-page main .button.motion-item{transition:opacity .85s var(--motion-ease),background .35s,color .35s,transform .35s var(--motion-ease),box-shadow .35s}
@media(max-width:1000px){
  .remembrance-intro{padding-top:70px;padding-bottom:70px}
  .remembrance-guidance,.remembrance-request{gap:7%}
  .remembrance-offerings h3,.remembrance-details h3{font-size:23px}
}
@media(max-width:700px){
  .remembrance-intro{padding-top:55px;padding-bottom:55px}
  .remembrance-intro h1{font-size:clamp(40px,10.5vw,65px);margin:25px 0 30px}
  .remembrance-intro-bottom{flex-direction:column;align-items:flex-start;gap:25px}
  .remembrance-photo{border-radius:22px 65px 22px 22px}
  .remembrance-hero-image{margin-top:35px;border-radius:24px}
  .remembrance-heart-image{margin-top:30px;border-radius:24px}
  .remembrance-detail-image{margin-top:30px}
  .remembrance-selection .craft-title>p:not(.eyebrow){max-width:340px;font-size:14px}
  .remembrance-guidance-copy{margin-top:20px}
  .remembrance-intro-bottom p,.remembrance-guidance-copy>p,.remembrance-request>div>p:not(.eyebrow){font-size:14px}
  .remembrance-selection h2,.remembrance-guidance h2,.remembrance-request h2{font-size:clamp(40px,10.5vw,55px)}
  .remembrance-offerings p,.remembrance-details p{font-size:13px}
  .remembrance-guidance{grid-template-columns:1fr;gap:10px;padding-top:0}
  .remembrance-request{margin:0 4%;border-radius:32px;grid-template-columns:1fr;gap:30px;padding:45px 6%}
}
@media(prefers-reduced-motion:reduce){
  .remembrance-page main .motion-item,.remembrance-page main .word-ink{transition:none;opacity:1}
}
