/* Layout additions only. Sections, typography and buttons use branch.css and styles.css. */
.sunday-animation {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 8px;
  background: var(--soft);
}
.sunday-animation > :is(video, canvas, img, svg, iframe) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border: 0;
}
.sunday-appointment-note {
  margin-top: 28px;
}
.sunday-appointment-note p {
  max-width: 78ch;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.7;
}
#pazar-subeler {
  scroll-margin-top: 100px;
}
/* A self-contained, looping film; the rest of the page uses the shared branch theme. */
@media (min-width: 901px) {
  .sunday-page .branch-hero-grid { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 40px; }
}
.sunday-animation { position: relative; isolation: isolate; background: #122033; aspect-ratio: 4 / 3; }
.sunday-film-stage, .sunday-dream, .sunday-reality, .sunday-reality-shade, .sunday-film-message { position: absolute; inset: 0; }
.sunday-dream { transform-origin: 39% 64%; }
.sunday-beach-art, .sunday-workshop-art { display: block; width: 100%; height: 100%; }
.sunday-workshop-art { filter: blur(2px); transform: scale(1.04); }
.sunday-reality-shade { background: rgba(5, 14, 27, .52); }
.sunday-dream-title { position: absolute; top: 6%; left: 0; width: 100%; margin: 0; color: #284c59; text-align: center; font-size: clamp(22px, 3vw, 36px); font-weight: 600; letter-spacing: -.03em; }
.sunday-film-message { display: grid; place-items: center; padding: 8%; opacity: 0; }
.sunday-film-message p { margin: 0; color: white; font-size: clamp(24px, 3.1vw, 40px); font-weight: 650; line-height: 1.25; letter-spacing: -.035em; text-align: center; }
.sunday-film-message span { display: block; }
.sunday-line-two { margin-top: .55em; color: #ff9970; }
.sunday-eyelids { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; }
.sunday-wake { fill: #090e16; transform-box: view-box; }
.sunday-wake-top { transform: translateY(-60%); }
.sunday-wake-bottom { transform: translateY(60%); }
.sunday-animation.is-playing .sunday-dream { animation: sunday-dream 22s linear infinite both; }
.sunday-animation.is-playing .sunday-wake-top { animation: sunday-lid-top 22s infinite both; }
.sunday-animation.is-playing .sunday-wake-bottom { animation: sunday-lid-bottom 22s infinite both; }
.sunday-animation.is-playing .sunday-film-message { animation: sunday-message 22s linear infinite both; }
.sunday-animation.is-playing .sunday-line-one { animation: sunday-first 22s linear infinite both; }
.sunday-animation.is-playing .sunday-line-two { animation: sunday-second 22s linear infinite both; }
.sunday-animation.is-playing .sunday-surf { animation: sunday-surf 4s ease-in-out infinite alternate; }
.sunday-animation.is-playing .sunday-waves { animation: sunday-drift 5s ease-in-out infinite alternate; }
.sunday-animation.is-playing .sunday-cloud { animation: sunday-drift 12s ease-in-out infinite alternate; }
.sunday-animation.is-playing .sunday-boat { animation: sunday-boat 4s ease-in-out infinite alternate; transform-origin: 475px 264px; }
.sunday-animation.is-playing .sunday-resting { animation: sunday-breathe 4s ease-in-out infinite; transform-origin: 330px 420px; }
.sunday-animation.is-playing .sunday-palm { animation: sunday-palm 5s ease-in-out infinite alternate; transform-origin: 782px 153px; }
.sunday-animation.is-paused * { animation-play-state: paused !important; }
@keyframes sunday-dream {
  0%,29.545% { opacity: 1; transform: scale(1); filter: blur(0); }
  33.636% { opacity: 1; transform: scale(1.035); filter: blur(2px); }
  36.364%,90.909% { opacity: 0; transform: scale(1.055); filter: blur(4px); }
  95.455% { opacity: 0; transform: scale(1); filter: blur(0); }
  100% { opacity: 1; transform: scale(1); filter: blur(0); }
}
@keyframes sunday-lid-top {
  0%,30% { transform: translateY(-60%); }
  33.636%,36.364% { transform: translateY(0); }
  40.909% { transform: translateY(-43%); }
  42.273% { transform: translateY(-4%); }
  46.818%,100% { transform: translateY(-60%); }
}
@keyframes sunday-lid-bottom {
  0%,30% { transform: translateY(60%); }
  33.636%,36.364% { transform: translateY(0); }
  40.909% { transform: translateY(40%); }
  42.273% { transform: translateY(3%); }
  46.818%,100% { transform: translateY(60%); }
}
@keyframes sunday-message { 0%,47.727% { opacity: 0; } 54.545%,90.909% { opacity: 1; } 95.455%,100% { opacity: 0; } }
@keyframes sunday-first { 0%,47.727% { opacity: 0; transform: translateY(14px); } 56.818%,100% { opacity: 1; transform: translateY(0); } }
@keyframes sunday-second { 0%,56.818% { opacity: 0; transform: translateY(12px); } 63.636%,100% { opacity: 1; transform: translateY(0); } }
@keyframes sunday-surf { to { transform: translateY(7px); opacity: .4; } }
@keyframes sunday-drift { to { transform: translateX(12px); } }
@keyframes sunday-boat { to { translate: 5px 2px; rotate: 2deg; } }
@keyframes sunday-breathe { 50% { transform: translateY(-1.5px) rotate(.3deg); } }
@keyframes sunday-palm { to { transform: rotate(2deg); } }
@media (max-width: 600px) { .sunday-film-message p { font-size: clamp(23px, 6.4vw, 36px); } }
@media (prefers-reduced-motion: reduce) {
 .sunday-animation * { animation: none !important; }
 .sunday-dream, .sunday-wake { display: none; }
 .sunday-film-message { opacity: 1; }
}

/* Resolve only the original workshop sign after the closing message arrives. */
.sunday-workshop-sign { position: absolute; inset: 0; display: block; width: 100%; height: 100%; transform: scale(1.04); opacity: 0; }
.sunday-animation.is-playing .sunday-workshop-sign { animation: sunday-sign 22s linear infinite both; }
@keyframes sunday-sign { 0%,63.636% { opacity: 0; } 69.091%,90.909% { opacity: 1; } 95.455%,100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .sunday-workshop-sign { opacity: 1; } }