/* Original cream stationery ornaments. New template 107 only. */
.vi-cream.vi-pearl.vi-story{--cream-ink:#59452e;background:#f4ebdf;color:var(--cream-ink)!important}
.vi-cream.vi-pearl.vi-story :is(h1,h2,h3,p,strong,span,i,label,button,a){color:var(--cream-ink)}
.vi-cream.vi-pearl.vi-story :is(.vi-couple,.vi-scene-names,.pearl-title,.vi-small-heading,.pearl-event-date,.pearl-quote,.pearl-eyebrow,.vi-slogan,.vi-story-families,.vi-invitation-message,.pearl-caption){color:var(--cream-ink)!important;text-shadow:none!important}
.vi-cream.vi-pearl.vi-story .vi-couple{font-size:clamp(36px,calc(var(--paper-width)*.105),54px)!important}
.vi-cream.vi-pearl.vi-story .vi-scene-names{font-size:clamp(27px,calc(var(--paper-width)*.078),39px)!important}
.vi-cream.vi-pearl.vi-story .vi-invitation-message{font-size:clamp(14px,calc(var(--paper-width)*.038),18px)!important;line-height:1.65}
.vi-cream.vi-pearl.vi-story .vi-slogan{font-size:clamp(14px,calc(var(--paper-width)*.042),21px)!important;letter-spacing:.18em}
.vi-cream .pearl-divider{width:180px;height:35px;background:url('/templates/krem-zarafet/divider.png') center/cover no-repeat;color:transparent!important}
.vi-cream .pearl-divider:before,.vi-cream .pearl-divider:after{display:none!important}
.vi-cream .pearl-title:after{content:"";background:transparent url('/templates/krem-zarafet/divider.png') center/cover no-repeat;width:150px;height:30px;left:calc(50% - 75px);bottom:-22px}
.vi-cream .night-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;max-width:340px;margin:18px auto 22px}
.vi-cream .night-countdown-unit{aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:center/100% 100% no-repeat;padding:13px 3px 8px;box-sizing:border-box}
.vi-cream .night-countdown-unit:nth-child(1){background-image:url('/templates/krem-zarafet/countdown-days.png')}
.vi-cream .night-countdown-unit:nth-child(2){background-image:url('/templates/krem-zarafet/countdown-hours.png')}
.vi-cream .night-countdown-unit:nth-child(3){background-image:url('/templates/krem-zarafet/countdown-minutes.png')}
.vi-cream .night-countdown-unit:nth-child(4){background-image:url('/templates/krem-zarafet/countdown-seconds.png')}
.vi-cream .night-countdown-unit strong{font-size:clamp(20px,calc(var(--paper-width)*.06),29px);line-height:1.1;font-weight:600;font-variant-numeric:tabular-nums}
.vi-cream .night-countdown-unit span{font:600 clamp(7px,calc(var(--paper-width)*.02),10px)/1.5 Arial,sans-serif;letter-spacing:.02em;margin-top:3px}
.vi-cream.vi-pearl.vi-story :is(.pearl-pill,button[type=submit]){background:#795d36!important;color:#fff8ee!important;border:1px solid #795d36;text-shadow:none}
.vi-cream.vi-pearl.vi-story :is(input,select,textarea){background:#fffaf2!important;color:#59452e!important;border:1px solid #b89a67!important}
.vi-cream.vi-pearl.vi-story :is(input,textarea)::placeholder{color:#796b54!important;opacity:1}
.vi-cream.vi-pearl.vi-story .pearl-iban{white-space:nowrap;overflow-wrap:normal;word-break:normal;letter-spacing:0;font-size:clamp(9px,calc(var(--paper-width)*.029),13px);color:#59452e!important}
.vi-cream.vi-pearl.vi-story .pearl-location-art{width:260px!important;height:260px!important;max-width:100%!important;max-height:none!important;object-fit:contain;filter:none!important}
.vi-cream.vi-pearl.vi-story .pearl-venue{background:transparent url('/templates/krem-zarafet/venue-plaque.png') center/100% 100% no-repeat!important;border:0!important;outline:none!important;box-shadow:none!important;border-radius:0!important;min-height:88px;padding:26px 42px 20px!important;box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:center}
.vi-cream .pearl-venue:before,.vi-cream .pearl-venue:after,.vi-cream .pearl-venue>span{display:none!important}
.vi-cream.vi-pearl.vi-story .pearl-venue h3{margin:0;font-size:22px;color:#59452e!important;text-shadow:none}
.vi-cream.vi-pearl.vi-story .pearl-directions{background:transparent url('/templates/krem-zarafet/directions-button.png') center/100% 100% no-repeat!important;border:0!important;outline:none!important;box-shadow:none!important;border-radius:0!important;width:235px;min-height:76px;padding:20px 42px 20px 52px;box-sizing:border-box;justify-content:center;color:#59452e!important}
.vi-cream .pearl-directions svg{display:none}
.vi-cream.vi-pearl.vi-story :is(.vi-replay-opening,.vi-swipe-hint,.vi-auto-toggle,.pearl-count button){background:#f6eddc!important;color:#59452e!important;border-color:#b89a67!important}
.vi-cream.vi-pearl.vi-story .pearl-answer label{background:#fffaf2!important;border-color:#b89a67!important}
.vi-cream.vi-pearl.vi-story .pearl-answer label.selected{background:#f0e3c9!important}
.vi-cream.vi-pearl.vi-story :is(.program-title,.pearl-scene-4>.pearl-title,.pearl-scene-5>.pearl-title){background:transparent center/100% 100% no-repeat!important;color:#59452e!important;border:0!important;outline:none!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box;width:100%!important;max-width:310px;min-height:100px;padding:30px 38px 22px!important;margin:0 auto 14px!important;display:block;font-size:24px!important;line-height:1.2!important;text-shadow:none!important;text-align:center}
.vi-cream.vi-pearl.vi-story .program-timeline .program-title{background-image:url('/templates/krem-zarafet/heading-program.png')!important}
.vi-cream.vi-pearl.vi-story .pearl-scene-4>.pearl-title{background-image:url('/templates/krem-zarafet/heading-gallery.png')!important;min-height:110px;padding:29px 46px 23px!important;font-size:21px!important;line-height:25px!important}
.vi-cream.vi-pearl.vi-story .pearl-scene-5>.pearl-title{background-image:url('/templates/krem-zarafet/heading-rsvp.png')!important}
.vi-cream.vi-pearl.vi-story :is(.program-title,.pearl-scene-4>.pearl-title,.pearl-scene-5>.pearl-title):before,.vi-cream.vi-pearl.vi-story :is(.program-title,.pearl-scene-4>.pearl-title,.pearl-scene-5>.pearl-title):after,.vi-cream.vi-pearl.vi-story :is(.program-title,.pearl-scene-4>.pearl-title,.pearl-scene-5>.pearl-title)>span[aria-hidden]{display:none!important}

.vi-cream.vi-pearl.vi-story{--cream-ink:#59452e;aspect-ratio:auto!important;background:#f4ebdf;max-height:none}
.vi-cream.vi-pearl.vi-story .vi-couple{font-size:clamp(40px,calc(var(--paper-width)*.12),58px)!important;line-height:1.14!important}
.vi-cream.vi-pearl.vi-story .vi-scene-names{font-size:clamp(30px,calc(var(--paper-width)*.092),42px)!important}
.vi-cream.vi-pearl.vi-story .vi-invitation-message{font-size:clamp(15px,calc(var(--paper-width)*.043),19px)!important;line-height:1.65}
.vi-cream.vi-pearl.vi-story .vi-small-heading{font-size:18px!important}
.vi-cream .night-countdown-unit strong{font-size:clamp(18px,calc(var(--paper-width)*.058),25px);direction:ltr;unicode-bidi:isolate;white-space:nowrap;letter-spacing:-.02em}
.vi-cream .night-countdown-unit span{font-size:clamp(7px,calc(var(--paper-width)*.021),10px);letter-spacing:0}
.vi-cream .pearl-divider{background-size:100% auto!important;width:180px;height:44px}
.vi-cream.vi-pearl.vi-story .pearl-location-art{width:268px!important;height:268px!important}
.vi-cream.vi-pearl.vi-story .pearl-venue h3{font-size:clamp(18px,calc(var(--paper-width)*.052),24px)!important;line-height:1.25;overflow-wrap:anywhere}
.vi-cream.vi-pearl.vi-story .pearl-venue{min-height:88px;padding:24px 34px 20px!important}
.vi-cream.vi-pearl.vi-story .pearl-directions{color:#59452e!important;width:230px;min-height:76px;padding:22px 36px;font-size:15px}
.vi-cream.vi-pearl.vi-story :is(.program-title,.pearl-scene-4>.pearl-title,.pearl-scene-5>.pearl-title){font-size:22px!important;line-height:1.2!important;min-height:106px;padding:30px 40px 25px!important}
.vi-cream.vi-pearl.vi-story .pearl-scene-4>.pearl-title{min-height:120px;padding:30px 45px 25px!important;font-size:21px!important}
.vi-cream :is(.program-time,.program-title,.program-timeline time){color:#59452e!important}
.vi-cream.vi-pearl.vi-story .pearl-iban{direction:ltr;unicode-bidi:isolate;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
.vi-cream[dir=rtl] .night-countdown-unit strong{direction:ltr}
.vi-cream.vi-pearl.vi-story :is(.vi-opening-background,.vi-video){object-fit:fill!important}
.vi-cream.vi-pearl.vi-story .vi-scene{inset:10% 11% 27%!important}
.vi-cream.vi-pearl.vi-story .vi-story-families{font-size:14px!important;line-height:1.5}
.vi-cream.vi-pearl.vi-story .pearl-event-date{font-size:14px!important;letter-spacing:.01em}
.vi-cream.vi-pearl.vi-story .program-time{font-size:12px!important;letter-spacing:.12em}
.vi-cream.vi-pearl.vi-story .program-timeline p{font-size:14px!important;line-height:1.45}
.vi-cream .night-countdown-unit span{font-size:9px}
.vi-cream.vi-pearl.vi-story :is(.gift-details,.gift-detail-row,.gift-method-label,.gift-detail-label,.gift-detail-value){text-align:center!important}
.vi-cream .gift-detail-value{font-size:16px}
.vi-cream .gift-detail-value[dir=ltr]{font-size:14px!important;direction:ltr;unicode-bidi:isolate;white-space:nowrap;letter-spacing:0}
.vi-cream :is(.gift-detail-label,.gift-copy,.gift-open-link){font-size:12px}
.vi-cream.vi-pearl.vi-story .pearl-venue{background-size:100% 160%!important}
.vi-cream.vi-pearl.vi-story .pearl-directions{background-size:100% 180%!important}
.vi-cream.vi-pearl.vi-story .pearl-scene-5>.pearl-title{background-size:100% 140%!important}
.vi-cream:lang(es) .pearl-scene-5>.pearl-title{font-size:18px!important;line-height:1.05!important}
.vi-cream:lang(ar) :is(label,.pearl-caption,.gift-detail-label){font-size:14px!important;letter-spacing:normal!important}
.vi-cream:lang(hi) :is(label,.pearl-caption,.vi-small-heading){letter-spacing:normal!important}