/* Warm materials and readable closing sections. Hero film geometry is unchanged. */
.yane-site main {
  background:
    radial-gradient(ellipse 85% 15% at 10% 30%, #ad895b0e, transparent 75%),
    radial-gradient(ellipse 70% 19% at 100% 55%, #8b9daa0b, transparent 75%),
    radial-gradient(ellipse 80% 12% at 45% 90%, #e2c38a0c, transparent 78%),
    linear-gradient(180deg, #101112 0%, #141413 32%, #111315 63%, #151410 100%);
}
.introduction {
  background: radial-gradient(ellipse at 75% 18%, #ebcc890a, transparent 68%);
}
.manifesto {
  background:
    radial-gradient(ellipse at 36% 42%, #e8c47e10, transparent 66%),
    radial-gradient(ellipse at 90% 75%, #c7d7e306, transparent 60%);
}
.manifesto-signature {
  color: #dbcca4;
  text-shadow: 0 0 26px #e0bb6e1c;
}
.intro-film {
  border-image: linear-gradient(90deg, #f3dfae9c, #d5c8a233 38%, #ffffff0d 85%) 1;
}
.intro-player {
  outline: 1px solid #efdab62c;
  box-shadow: 0 28px 70px #00000052, 0 0 65px #dfbd7b08;
}
.intro-play-disc {
  background: radial-gradient(circle at 35% 25%, #f4e5bd17, #10111266 75%);
  box-shadow: inset 0 1px 0 #fff3d630, 0 0 35px #e5c87914;
}
.atelier-figure {
  position: relative;
}
.atelier-figure img {
  outline: 1px solid #e9d5b22e;
  box-shadow: 0 32px 80px #00000059, 0 0 80px #d8bc7c09;
}
.atelier-figure::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, #fff0c675 24%, #e2c28530 62%, transparent);
}
.atelier-figure figcaption {
  color: #c3beb1;
}
.process-list li {
  border-bottom-color: #d1c4a422;
  background: linear-gradient(100deg, #f0dab503, transparent 50%);
}
.process-number {
  color: #d5c296;
  text-shadow: 0 0 18px #c9ab6b12;
}
.craft-promise {
  border-image: linear-gradient(90deg, #ddc99950, #ffffff12 65%, transparent) 1;
}
.shared-moments {
  background: radial-gradient(ellipse at 15% 55%, #d7b7780b, transparent 65%);
}
.invitation {
  background:
    radial-gradient(ellipse at 90% 75%, #e3c78b14, transparent 65%),
    radial-gradient(ellipse at 10% 0%, #9aa7af08, transparent 70%);
}
.invitation-link {
  border-image: linear-gradient(90deg, #e5c98a80, #eee1ba30 45%, #eee1ba14) 1;
}
.site-footer {
  background:
    radial-gradient(ellipse at 28% 72%, #d8b76d10, transparent 60%),
    linear-gradient(180deg, #121310, #101112 80%);
  border-top-color: #d3bd8b24;
}
.site-header {
  box-shadow: 0 8px 32px #00000012;
}
.craft-promise { padding-block: 48px 20px; gap: 7%; }
.craft-promise .reading-heading > p,
.shared-moments .reading-kicker {
  color: #cfbb93; font-size: 12px; letter-spacing: .1em;
  margin: 0 0 18px; line-height: 1.6;
}
.craft-promise h3 { font-size: clamp(26px, 2.8vw, 38px); line-height: 1.5; font-weight: 400; word-break: keep-all; }
.craft-promise > div > p { max-width: 39em; }
.craft-promise > div:not(.reading-heading) > p:first-child { margin-top: 0; }
.shared-moments { grid-template-columns: 1fr 1fr; align-items: center; gap: 7%; padding-block: 76px; }
.moments-image { margin: 0; min-width: 0; }
.moments-image img { display: block; width: 100%; height: auto; border: 1px solid #d9c29a30; box-shadow: 0 24px 60px #0004; }
.moments-image figcaption { color: #aaa596; font-size: 11px; letter-spacing: .06em; margin-top: 14px; }
.shared-moments h2 { font-size: clamp(26px, 2.8vw, 38px); line-height: 1.5; font-weight: 400; word-break: keep-all; margin: 0; }
.shared-moments .moments-copy > p:not(.reading-kicker) { margin-top: 22px; font-size: 15px; line-height: 1.95; }
.moments-details { padding: 0; margin: 24px 0 0; list-style: none; color: #cfc9bc; font-size: 13px; line-height: 1.8; }
.moments-details li { border-top: 1px solid #d5c39826; padding: 10px 0; }
.moments-details li::before { content: '·'; color: #d8be84; margin-right: 10px; }
.invitation h2 { font-size: clamp(34px, 4.6vw, 62px); line-height: 1.35; }
.invitation .eyebrow { letter-spacing: .12em; }
.invitation-note { margin-top: 24px; }
.invitation-note p + p { margin-top: 3px; }
@media (max-width: 700px) {
  .craft-promise { display: block; padding-top: 32px; }
  .craft-promise .reading-heading { margin-bottom: 24px; }
  .shared-moments { display: flex; flex-direction: column; align-items: stretch; gap: 32px; padding-block: 44px 54px; }
  .shared-moments h2 { font-size: 28px; }
  .shared-moments .moments-copy > p:not(.reading-kicker) { font-size: 14px; }
}
@media (hover: hover) {
  .process-list li:hover {
    background: linear-gradient(90deg, #edcf8b08, #edcf8b0d 60%, transparent);
    border-bottom-color: #d5bd8059;
  }
  .intro-play:hover .intro-play-disc {
    box-shadow: inset 0 1px 0 #fff3d64a, 0 0 46px #e5c87930;
  }
  .invitation-link:hover .invitation-arrow {
    text-shadow: 0 0 26px #e4c78855;
  }
}

.subscriber-thanks{max-width:630px;margin:30px 0 34px;padding:22px 0 0;border-top:1px solid #d5c19330;color:#c9c5bb;font-size:14px;line-height:1.95;word-break:keep-all;overflow-wrap:break-word}.subscriber-thanks p{margin:0}.subscriber-thanks p+p{margin-top:10px}.subscriber-thanks-signature{display:block;margin-top:16px;font-size:12px;letter-spacing:.08em;color:#d5c193}@media(max-width:600px){.subscriber-thanks{font-size:14px;line-height:1.9;margin-block:25px 30px}}
