/* ============================================================
   main-exact.css
   Values measured pixel-for-pixel from the Canva export
   "Wedding website daggasten.png" (1366 x 4608).

   Everything is expressed in design pixels and scaled through
   --u, so the page reproduces the Canva proportions at any width.
   Scoped to .page-main so the avondgasten page is untouched.
   ============================================================ */

.page-main {
  /* design canvas = 1366px wide; 1u == 1 design px */
  --dw: min(100vw, 1366px);
  --u: calc(var(--dw) / 1366);

  /* colours sampled from the export */
  --c-ivory:      #F2EDE0;
  --c-sage:       #9CAF88;   /* quote band + programma card */
  --c-deep:       #859C83;   /* hero right panel + RSVP band */
  --c-cream:      #F2EDE0;   /* text on green */
  --c-cream-warm: #FAF3DD;   /* text in RSVP band */
  --c-forest:     #5B6946;   /* headings on ivory */
  --c-olive:      #808A6C;   /* body text on ivory */

  /* butter yellow chosen by Lynn & Stan (overrides the sampled #E8D9A3) */
  --butter-yellow: #FFF4B3;

  background: var(--c-ivory);
  font-family: 'Jost', sans-serif;
  font-size: calc(26 * var(--u));
  line-height: 1.2;
  color: var(--c-olive);
}

.page-main .page-shell {
  max-width: 1366px;
  margin: 0 auto;
}

/* ---------------- hero (768 tall, split 570 / 796) ---------------- */

.page-main .split-hero {
  min-height: calc(768 * var(--u));
}

.page-main .split-hero-left {
  flex: 0 0 41.73%;
  background: var(--c-ivory);
  padding: 0;
}

.page-main .split-hero-right {
  flex: 1 1 58.27%;
  background: var(--c-deep);
  color: var(--c-cream);
  padding: calc(96 * var(--u)) calc(40 * var(--u)) calc(60 * var(--u));
  justify-content: flex-start;
}

.page-main .monogram-real {
  width: calc(328 * var(--u));
  max-width: 70%;
}

.page-main .hero-script {
  font-family: 'Grand Hotel', cursive;
  font-size: calc(52 * var(--u));
  line-height: 1.28;
  margin: 0 0 calc(52 * var(--u));
  color: var(--c-cream);
}

.page-main .hero-names {
  font-family: 'Poiret One', sans-serif;
  font-weight: 400;
  font-size: calc(102 * var(--u));
  line-height: 1;
  letter-spacing: 0;
  margin: 0 0 calc(56 * var(--u));
  color: var(--c-cream);
}

.page-main .hero-names .amp {
  font-family: 'Poiret One', sans-serif;
}

.page-main .hero-divider {
  width: calc(62 * var(--u));
  height: calc(2 * var(--u));
  background: var(--c-cream);
  opacity: 0.85;
  margin: 0 auto calc(56 * var(--u));
}

.page-main .hero-date {
  font-family: 'Jost', sans-serif;
  font-size: calc(39 * var(--u));
  letter-spacing: 0;
  text-transform: none;
  margin: 0;
  color: var(--c-cream);
}

/* ---------------- countdown (our addition, matched to the design) --- */

.page-main .countdown-section {
  background: var(--c-sage);      /* same green as the photo band below */
  color: var(--c-cream);
  padding: calc(70 * var(--u)) calc(40 * var(--u));
}

.page-main .countdown-section h2 {
  font-family: 'Grand Hotel', cursive;
  font-weight: 400;
  font-size: calc(64 * var(--u));
  letter-spacing: 0;
  margin-bottom: calc(40 * var(--u));
}

.page-main .countdown {
  gap: calc(34 * var(--u));
}

.page-main .countdown-item {
  background: transparent;
  border: calc(1 * var(--u)) solid rgba(242, 237, 224, 0.55);
  border-radius: calc(10 * var(--u));
  padding: calc(24 * var(--u)) calc(30 * var(--u));
  min-width: calc(150 * var(--u));
}

.page-main .countdown-item span {
  font-family: 'Poiret One', sans-serif;
  font-size: calc(62 * var(--u));
}

.page-main .countdown-item label {
  font-family: 'Jost', sans-serif;
  font-size: calc(20 * var(--u));
  letter-spacing: 0.18em;
  margin-top: calc(10 * var(--u));
}

/* ---------------- quote band + oval gallery (768 tall) ------------- */

.page-main .quote-section {
  background: var(--c-sage);
  min-height: calc(768 * var(--u));
  padding: calc(22 * var(--u)) calc(40 * var(--u)) calc(80 * var(--u));
}

.page-main .quote-line {
  font-family: 'Grand Hotel', cursive;
  font-size: calc(72 * var(--u));
  line-height: 0.95;
  color: var(--c-cream);
}

/* ovals: 280 x 399, 90 gap, all three on one line, no outline */
.page-main .photo-gallery {
  gap: calc(90 * var(--u));
  margin-top: calc(70 * var(--u));
  align-items: flex-start;
}

.page-main .photo-oval-wrap,
.page-main .photo-oval-wrap--down,
.page-main .photo-oval-wrap--up {
  margin-top: 0;
}

.page-main .photo-oval {
  width: calc(280 * var(--u));
  height: calc(399 * var(--u));
  border: none;
  background: none;
  border-radius: 50%;
}

.page-main .oval-accent {
  width: auto;
  transform: none;
}

/* offsets below are measured from each oval's top-left corner */
.page-main .oval-accent--tr {          /* yellow blossoms, oval 1 */
  width: calc(158 * var(--u));
  top: calc(-7 * var(--u));
  right: auto;
  left: calc(179 * var(--u));
}

.page-main .oval-accent--bl {          /* blue blossoms, oval 2 */
  width: calc(238 * var(--u));
  bottom: auto;
  top: calc(308 * var(--u));
  left: calc(5 * var(--u));
}

.page-main .oval-accent--top {         /* eucalyptus, oval 3 */
  width: calc(148 * var(--u));
  top: calc(-1 * var(--u));
  left: calc(-12 * var(--u));
  transform: none;
}

/* ---------------- Over de Bruiloft (1536 tall) --------------------- */

.page-main .about-section {
  background: var(--c-ivory);
  padding: calc(110 * var(--u)) 0 0;
}

.page-main .about-grid {
  max-width: 1366px;
  padding: 0 calc(62 * var(--u)) 0 calc(19 * var(--u));
  gap: calc(42 * var(--u));
  align-items: flex-start;
  flex-wrap: nowrap;   /* the two columns must stay side by side */
}

.page-main .about-intro {
  flex: 0 1 calc(600 * var(--u));
  padding-left: 0;
  text-align: center;
}

.page-main .about-intro h2 {
  font-family: 'Poiret One', sans-serif;
  font-weight: 400;
  font-size: calc(57 * var(--u));
  line-height: 1.05;
  letter-spacing: 0;
  color: var(--c-forest);
}

.page-main .about-intro h2 .script {
  font-family: 'Grand Hotel', cursive;
  font-size: calc(85 * var(--u));
  line-height: 1.1;
  color: var(--c-forest);
  margin-top: calc(6 * var(--u));
}

.page-main .palette-card {
  width: 100%;
  max-width: none;
  margin: calc(60 * var(--u)) 0 0;
  padding: calc(32 * var(--u)) calc(27 * var(--u)) calc(26 * var(--u));
  background: #fff;
  border-radius: calc(45 * var(--u));
  box-shadow: 0 calc(6 * var(--u)) calc(22 * var(--u)) rgba(91, 105, 70, 0.13);
}

.page-main .palette-grid {
  justify-items: stretch;
  gap: calc(25 * var(--u)) 0;
}

.page-main .palette-grid li {
  width: calc(182 * var(--u));
  gap: calc(16 * var(--u));
  align-items: center;
}

.page-main .palette-grid .swatch {
  width: calc(94 * var(--u));
  height: calc(94 * var(--u));
}

.page-main .palette-grid span:last-child {
  font-family: 'Jost', sans-serif;
  font-size: calc(18 * var(--u));
  letter-spacing: 0.03em;
  line-height: 0.95;
  text-transform: uppercase;
  color: var(--c-forest);
}

.page-main .info-cards {
  flex: 0 1 calc(628 * var(--u));
  gap: calc(17 * var(--u));
}

.page-main .info-card {
  background: var(--c-ivory);
  border: calc(1 * var(--u)) solid var(--c-olive);
  border-radius: calc(6 * var(--u));
  padding: calc(24 * var(--u)) calc(57 * var(--u)) calc(26 * var(--u));
  text-align: center;
}

.page-main .info-card h3 {
  font-family: 'Jost', sans-serif;
  font-weight: 600;
  font-size: calc(24 * var(--u));
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--c-forest);
  margin-bottom: calc(16 * var(--u));
}

.page-main .info-card p {
  font-family: 'Jost', sans-serif;
  font-size: calc(25 * var(--u));
  line-height: 1.17;
  color: var(--c-olive);
}

.page-main .info-card .maps-link {
  font-size: calc(21 * var(--u));
  margin-top: calc(8 * var(--u));
}

.page-main .info-card a {
  color: var(--c-forest);
}

/* ---------------- Programma (arch card 561 x 645) ------------------ */

.page-main .programma-section {
  background: var(--c-ivory);
  padding: calc(102 * var(--u)) 0 calc(62 * var(--u));
}

.page-main .programma-grid {
  max-width: 1366px;
  gap: calc(110 * var(--u));
  align-items: flex-end;
  justify-content: flex-start;
  padding-left: calc(99 * var(--u));
}

.page-main .programma-accent {
  width: calc(403 * var(--u));
}

.page-main .programma-card {
  width: calc(561 * var(--u));
  max-width: none;
  min-height: calc(645 * var(--u));
  background: var(--c-sage);
  color: var(--c-cream);
  border-radius: calc(280 * var(--u)) calc(280 * var(--u)) calc(8 * var(--u)) calc(8 * var(--u));
  padding: calc(75 * var(--u)) calc(36 * var(--u)) 0;
}

/* avondgasten: only three entries, so the card does not need the full height */
.page-main .programma-card--evening {
  min-height: calc(430 * var(--u));
}

.page-main .programma-card h2 {
  font-family: 'Grand Hotel', cursive;
  font-weight: 400;
  font-size: calc(72 * var(--u));   /* template heading is 266px wide, no tracking */
  letter-spacing: 0;
  text-indent: 0;
  line-height: 1.14;
  margin-bottom: calc(20 * var(--u));
}

.page-main .programma-list {
  width: calc(418 * var(--u));
  margin: 0 auto;
}

.page-main .programma-list li {
  font-family: 'Jost', sans-serif;
  font-size: calc(25 * var(--u));
  height: calc(65 * var(--u));
  padding: 0;
  gap: 0;
  align-items: center;
  justify-content: flex-start;
  border-top: none;
  border-bottom: calc(1 * var(--u)) solid rgba(242, 237, 224, 0.5);
}

.page-main .programma-list li:last-child {
  border-bottom: none;
}

.page-main .programma-time {
  font-family: 'Jost', sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  width: calc(178 * var(--u));
  flex: none;
}

/* ---------------- RSVP band (768 tall, 898 / 468 split) ------------ */

.page-main .rsvp-intro-section {
  background: var(--c-deep);
  color: var(--c-cream-warm);
  min-height: calc(768 * var(--u));
}

.page-main .rsvp-intro-text {
  flex: 0 0 65.74%;
  padding: calc(84 * var(--u)) calc(70 * var(--u)) calc(40 * var(--u)) calc(65 * var(--u));
}

.page-main .rsvp-flower {
  width: calc(83 * var(--u));
  top: calc(20 * var(--u));
  right: calc(3 * var(--u));
}

.page-main .rsvp-intro-text h2 {
  font-family: 'Jost', sans-serif;        /* Poiret One has no bold weight */
  font-weight: 600;
  font-size: calc(58 * var(--u));
  letter-spacing: 0.14em;
  text-indent: 0.14em;
  line-height: 1;
  text-align: center;
  margin: 0 0 calc(26 * var(--u));
  color: var(--c-cream-warm);
}

.page-main .rsvp-intro-divider {
  width: calc(725 * var(--u));
  height: calc(1 * var(--u));
  background: rgba(250, 243, 221, 0.55);
  margin: 0 0 calc(34 * var(--u)) calc(7 * var(--u));
}

.page-main .rsvp-intro-text p {
  font-family: 'Jost', sans-serif;
  font-size: calc(26 * var(--u));
  line-height: 1.23;
  margin: 0;
}

.page-main .rsvp-bullets {
  margin: calc(38 * var(--u)) 0 0;
  padding-left: calc(30 * var(--u));
  font-family: 'Jost', sans-serif;
  font-size: calc(20 * var(--u));
  line-height: 1.2;
}

.page-main .rsvp-bullets li {
  margin-bottom: calc(6 * var(--u));
}

.page-main .contact-badge-img {
  width: calc(343 * var(--u));
  margin: calc(48 * var(--u)) 0 0 calc(305 * var(--u));
}

.page-main .rsvp-intro-photo {
  flex: 0 0 34.26%;
  min-height: 0;
  border: none;
  background: none;
  padding: 0;
}

.page-main .rsvp-intro-photo img,
.page-main .rsvp-intro-photo video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---------------- RSVP form (card 369 x 747) ----------------------- */

.page-main .rsvp-form-section {
  background: var(--c-ivory);
  min-height: calc(768 * var(--u));
  padding: calc(10 * var(--u)) calc(40 * var(--u)) calc(12 * var(--u));
}

.page-main #rsvp-form.rsvp-form-card h2 {
  font-family: 'Grand Hotel', cursive;
  font-weight: 400;
  font-size: calc(62 * var(--u));
  line-height: 1.05;
  letter-spacing: 0;
  text-align: left;
  color: var(--c-forest);
  margin: 0 0 calc(14 * var(--u));
}

.page-main #rsvp-form.rsvp-form-card {
  width: calc(369 * var(--u));
  max-width: 100%;
  background: #fff;
  border: none;
  border-radius: calc(4 * var(--u));
  box-shadow: 0 calc(4 * var(--u)) calc(18 * var(--u)) rgba(91, 105, 70, 0.10);
  padding: calc(26 * var(--u)) calc(26 * var(--u)) calc(30 * var(--u));
  gap: calc(26 * var(--u));
}

.page-main #rsvp-form.rsvp-form-card label {
  font-family: 'Jost', sans-serif;
  font-size: calc(13 * var(--u));
  letter-spacing: 0.04em;
  text-transform: none;
  color: var(--c-olive);
  gap: calc(6 * var(--u));
}

.page-main #rsvp-form.rsvp-form-card input,
.page-main #rsvp-form.rsvp-form-card select,
.page-main #rsvp-form.rsvp-form-card textarea {
  font-family: 'Jost', sans-serif;
  font-size: calc(15 * var(--u));
  border: calc(1 * var(--u)) solid var(--c-sage);
  border-radius: calc(3 * var(--u));
  padding: calc(8 * var(--u)) calc(8 * var(--u));
  color: var(--c-forest);
}

.page-main #rsvp-form.rsvp-form-card button {
  font-family: 'Jost', sans-serif;
  font-size: calc(14 * var(--u));
  letter-spacing: 0.2em;
  background: var(--c-sage);
  color: #fff;
  border-radius: calc(4 * var(--u));
  padding: calc(11 * var(--u)) calc(20 * var(--u));
  align-self: stretch;
  margin-top: calc(6 * var(--u));
}

/* ---------------- footer + envelope ------------------------------- */

.page-main footer {
  background: var(--c-deep);
  color: var(--c-cream);
  font-family: 'Jost', sans-serif;
  font-size: calc(20 * var(--u));
  letter-spacing: 0.18em;
  padding: calc(34 * var(--u));
}

.page-main #envelope-overlay {
  background:
    radial-gradient(ellipse at 50% 38%, #FFFDF7 0%, var(--c-ivory) 62%, #E7E0CE 100%);
  gap: calc(56 * var(--u));
}

/* ---- the envelope ---- */

.page-main .envelope {
  width: calc(340 * var(--u));
  height: calc(226 * var(--u));
  perspective: 1400px;
  animation: env-float 5s ease-in-out infinite;
}

@keyframes env-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(calc(-7 * var(--u))); }
}

/* Back panel = the inside of the envelope. Only its top 60px stay uncovered,
   which is what gives the envelope a visible mouth for the card to come out
   of. Without that opening the card just slid up from behind a solid slab. */
.page-main .envelope-back {
  z-index: 1;
  border: none;
  border-radius: calc(5 * var(--u));
  background: linear-gradient(180deg, #DED7C4 0%, #E9E2D0 58%, var(--c-ivory) 100%);
  box-shadow:
    0 calc(2 * var(--u)) calc(4 * var(--u)) rgba(91, 105, 70, 0.10),
    0 calc(14 * var(--u)) calc(30 * var(--u)) rgba(91, 105, 70, 0.18),
    0 calc(34 * var(--u)) calc(60 * var(--u)) rgba(91, 105, 70, 0.10),
    inset 0 0 0 1px rgba(124, 144, 112, 0.30);
}

/* shadow inside the mouth, so it reads as depth rather than a flat edge */
.page-main .envelope-back::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: calc(70 * var(--u));
  border-radius: calc(5 * var(--u)) calc(5 * var(--u)) 0 0;
  background: linear-gradient(180deg, rgba(91, 105, 70, 0.30) 0%, rgba(91, 105, 70, 0) 100%);
}

/* the card — fully inside the pocket at rest */
.page-main .envelope-letter {
  z-index: 2;
  left: calc(24 * var(--u));
  right: calc(24 * var(--u));
  top: calc(72 * var(--u));
  bottom: auto;
  height: calc(150 * var(--u));
  border: none;
  border-radius: calc(3 * var(--u));
  background: linear-gradient(170deg, #FFFEFA 0%, #FBF6EA 100%);
  box-shadow:
    0 calc(6 * var(--u)) calc(16 * var(--u)) rgba(91, 105, 70, 0.20),
    inset 0 0 0 1px rgba(124, 144, 112, 0.22);
  transform: translateY(0);
  transition: transform 1.1s cubic-bezier(.22, .68, 0, 1) .75s;
}

/* front pocket: starts 60px below the top, so the mouth stays visible */
.page-main .envelope-front {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(166 * var(--u));
  border-radius: 0 0 calc(5 * var(--u)) calc(5 * var(--u));
  background: linear-gradient(158deg, #FBF7EC 0%, var(--c-ivory) 46%, #EAE3D1 100%);
  box-shadow:
    0 calc(-2 * var(--u)) calc(6 * var(--u)) rgba(91, 105, 70, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

/* the V fold on the front, plus its hairline creases */
.page-main .envelope-front::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(to bottom right,
      transparent calc(50% - 0.5px), rgba(124, 144, 112, 0.18) 50%,
      transparent calc(50% + 0.5px)),
    linear-gradient(to bottom left,
      transparent calc(50% - 0.5px), rgba(124, 144, 112, 0.18) 50%,
      transparent calc(50% + 0.5px));
}

.page-main .letter-monogram {
  font-family: 'Grand Hotel', cursive;
  font-size: calc(46 * var(--u));
  line-height: 1;
  color: var(--c-forest);
  letter-spacing: calc(2 * var(--u));
}

.page-main .letter-monogram .amp { color: var(--c-sage); }

/* top flap — above the front pocket while closed */
.page-main .envelope-flap {
  z-index: 4;
  height: calc(134 * var(--u));
  border-radius: calc(5 * var(--u)) calc(5 * var(--u)) 0 0;
  background:
    linear-gradient(168deg, #A8BA95 0%, var(--c-sage) 42%, #8CA178 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  filter: drop-shadow(0 calc(3 * var(--u)) calc(3 * var(--u)) rgba(91, 105, 70, 0.22));
  transition: transform .85s cubic-bezier(.66, 0, .34, 1);
}

/* wax seal */
.page-main .envelope-seal {
  z-index: 5;
  top: calc(106 * var(--u));
  width: calc(56 * var(--u));
  height: calc(56 * var(--u));
  border: none;
  background:
    radial-gradient(circle at 34% 30%, #FFFBD8 0%, var(--butter-yellow) 45%, #E4CE8A 100%);
  box-shadow:
    0 calc(2 * var(--u)) calc(6 * var(--u)) rgba(91, 105, 70, 0.30),
    inset 0 0 0 1px rgba(255, 255, 255, 0.75),
    inset 0 0 0 calc(4 * var(--u)) rgba(201, 176, 96, 0.35);
  font-family: 'Poiret One', sans-serif;
  font-size: calc(17 * var(--u));
  letter-spacing: 0.06em;
  color: #7A6A2E;
  transition: opacity .4s ease, transform .5s ease;
}

.page-main .envelope.open .envelope-seal {
  opacity: 0;
  transform: translateX(-50%) scale(.75);
}

/* The card stays behind the envelope's face (z-index 1) and only rises far
   enough that its lower part is still tucked inside - so it reads as being
   pulled OUT of the envelope rather than appearing from behind it. */
.page-main .envelope.open .envelope-letter {
  transform: translateY(calc(-132 * var(--u)));
}

.page-main .envelope:hover .envelope-flap {
  transform: rotateX(-16deg);
}

/* An animation rather than a transition, because the flap has to drop behind
   the face halfway through its swing - at that point it is edge-on, so the
   z-index switch is invisible, and the rising card then passes in front. */
.page-main .envelope.open .envelope-flap {
  animation: flap-open .9s cubic-bezier(.66, 0, .34, 1) forwards;
}

@keyframes flap-open {
  0%   { z-index: 4; transform: rotateX(0deg); }
  49%  { z-index: 4; transform: rotateX(-88deg); }
  50%  { z-index: 0; transform: rotateX(-92deg); }
  100% { z-index: 0; transform: rotateX(-172deg); }
}

.page-main .envelope-hint {
  font-family: 'Jost', sans-serif;
  font-size: calc(17 * var(--u));
  font-weight: 400;
  color: var(--c-olive);
  letter-spacing: 0.32em;
  text-indent: 0.32em;
  animation: env-hint 3.2s ease-in-out infinite;
}

@keyframes env-hint {
  0%, 100% { opacity: 0.55; }
  50%      { opacity: 1; }
}

/* ---------------- narrow screens ---------------------------------- */

@media (max-width: 820px) {
  .page-main { --u: calc(var(--dw) / 760); }

  .page-main .split-hero,
  .page-main .rsvp-intro-grid { flex-direction: column; }

  .page-main .split-hero-left,
  .page-main .split-hero-right,
  .page-main .rsvp-intro-text,
  .page-main .rsvp-intro-photo,
  .page-main .about-intro,
  .page-main .info-cards { flex: 1 1 100%; }

  .page-main .split-hero-left { padding: calc(50 * var(--u)) 0; }

  .page-main .about-grid { flex-direction: column; padding: 0 calc(40 * var(--u)); }
  .page-main .about-intro { padding-left: 0; }
  .page-main .palette-card { margin-left: 0; width: 100%; }
  .page-main .programma-grid { flex-direction: column; padding-left: 0; }
  .page-main .programma-card,
  .page-main .programma-list { width: 100%; }
  .page-main .contact-badge-img { margin-left: 0; }
  .page-main .rsvp-intro-divider { width: 100%; margin-left: 0; }
  .page-main .rsvp-intro-photo { min-height: calc(420 * var(--u)); }
  .page-main .photo-gallery { gap: calc(40 * var(--u)); }
}

/* phones: scale against a narrower design width so text stays readable */
@media (max-width: 560px) {
  .page-main { --u: calc(var(--dw) / 470); }

  .page-main .split-hero-right { padding: calc(60 * var(--u)) calc(30 * var(--u)); }
  .page-main .rsvp-intro-text { padding: calc(60 * var(--u)) calc(34 * var(--u)); }
  .page-main .info-card { padding: calc(24 * var(--u)) calc(30 * var(--u)) calc(26 * var(--u)); }
  .page-main .info-card h3 { white-space: normal; }
  .page-main .programma-accent { width: calc(300 * var(--u)); }
  .page-main .countdown-item { min-width: calc(105 * var(--u)); padding: calc(18 * var(--u)) calc(16 * var(--u)); }
}