/* V04.9 — approved homepage copy and an invitation anchored to the doorway. */
/* The inscription shares the photographed doorway's projection as the journey moves. */
.doorway-invitation{
  display:block;width:var(--doorway-width,230px);height:auto;min-height:44px;
  color:var(--porcelain);text-decoration:none;pointer-events:auto;
  filter:drop-shadow(0 .7px .25px rgba(255,250,241,.24)) drop-shadow(0 -.6px .3px rgba(36,24,13,.6));
}
.doorway-etching{display:block;width:100%;height:auto;overflow:visible;}
.doorway-lettering{fill:currentColor;stroke:none;font:500 13px "House Sans",sans-serif;letter-spacing:2.1px;}
.doorway-invitation:focus-visible{outline:2px solid #f4eee6;outline-offset:7px;border-radius:50% 50% 4px 4px;}
.js .doorway-invitation{position:fixed;left:56.22%;top:26.57%;z-index:2;transform:translate(-50%,-50%) scale(var(--doorway-zoom,1));transform-origin:center;opacity:var(--doorway-opacity,1);}
.js .home:not([data-chapter="0"]) .doorway-invitation{visibility:hidden;pointer-events:none;}
.ritual-chapter .chapter-copy>p:not(.eyebrow){max-width:440px;}
.science-chapter .philosophy{max-width:480px;}
.science-chapter .philosophy p{max-width:100%;min-height:168px;}
body.home .science-chapter .chapter-copy>p.philosophy-signature{
  font-family:var(--display-face),Georgia,serif;font-size:23px;font-weight:300;line-height:1.2;
  letter-spacing:-.01em;max-width:none;margin:20px 0 18px;
}
@media(max-width:760px){
  body.home .ritual-chapter .glass-gesture{display:none;}
  .science-chapter .philosophy p{min-height:0;line-height:1.6;}
  body.home .science-chapter .chapter-copy>p.philosophy-signature{font-size:21px;margin:16px 0 12px;}
}
@media(max-height:780px) and (min-width:761px){
  .science-chapter .chapter-copy{top:51%;}
  body.home .science-chapter .chapter-copy h2{font-size:48px;}
  .science-chapter .chapter-copy>p:not(.eyebrow){margin-bottom:12px;}
  body.home .science-chapter .philosophy p{line-height:1.6;min-height:140px;margin:10px 0;}
  body.home .science-chapter .chapter-copy>p.philosophy-signature{margin:12px 0;font-size:21px;}
}
@media(max-width:760px) and (max-height:820px){
  html.js body.home .chapter.cover{padding-top:max(calc(var(--header) + 150px),calc(36svh + 12px));}
}
@media(prefers-reduced-motion:reduce){.doorway-invitation{transition:none;}}

/* V04.14 — the inscription belongs to the stone; the Tide lives inside the doorway. */
.doorway-invitation{filter:none;color:#745c40}
.doorway-lettering{fill:#725b41;filter:url(#stone-incision);paint-order:stroke fill;stroke:#543e2b40;stroke-width:.3px}
.doorway-mark{color:#6c4c34;opacity:var(--tide-mark-opacity,1);filter:drop-shadow(0 1px .4px #fff4dc80)}
.doorway-mark path{animation:doorway-tide-breathe 4.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.doorway-mark path:nth-child(2){animation-delay:.32s}.doorway-mark path:nth-child(3){animation-delay:.64s}
@keyframes doorway-tide-breathe{0%,100%{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-1.2px)}}
.motion-paused .doorway-mark path{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.doorway-mark path{animation:none;opacity:1}}
