@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');
[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #b88740;outline-offset:5px}
/* Every template owns its palette, artwork, type treatment and frame. */
.design-aspan{--paper:#f6eddf;--tone:#713248;--wash:#fbf5ed;--art:url('/static/floral.webp');--art-position:center;--frame:0px;--art-size:cover}
.design-aq-niet{--paper:#151617;--tone:#f4e8d5;--wash:#222428;--art:url('/static/black-silk.webp');--art-position:center;--frame:1px;--art-size:cover}
.design-tolqyn{--paper:#dce9e8;--tone:#20565d;--wash:#f2f7f5;--art:linear-gradient(145deg,#edf5ed,#b4d5d5);--art-position:center;--frame:1px;--art-size:cover}
.design-aru{--paper:#ebe0e8;--tone:#654060;--wash:#f7f1f6;--art:linear-gradient(#e7d3e850,#e9d5e830),url('/static/floral.webp');--art-position:center;--frame:0px;--art-size:cover}
.design-saukele{--paper:#fbf3e3;--tone:#85622a;--wash:#fffaf1;--art:url('/static/kazakh-gold.webp');--art-position:center;--frame:0px;--art-size:cover}
.design-batyr{--paper:#184539;--tone:#f0dba6;--wash:#244e43;--art:linear-gradient(#143e36c9,#143e36a6),url('/static/kazakh-gold.webp');--art-position:center;--frame:1px;--art-size:cover}
.design-kun{--paper:#e4eff5;--tone:#346788;--wash:#f4f8fc;--art:url('/static/baby-moon.webp');--art-position:center;--frame:0px;--art-size:cover}
.design-altyn{--paper:#211c17;--tone:#f3d697;--wash:#322920;--art:url('/static/black-silk.webp');--art-position:center;--frame:1px;--art-size:cover}
.design-saltanat{--paper:#914f3b;--tone:#fff0d0;--wash:#a65e48;--art:linear-gradient(#843f2aa3,#934d33c9),url('/static/kazakh-gold.webp');--art-position:center;--frame:1px;--art-size:cover}
.design-besik{--paper:#eef3f7;--tone:#657b95;--wash:#fbfcff;--art:url('/static/baby-moon.webp');--art-position:center;--frame:0px;--art-size:cover}
.design-shattyq{--paper:#232133;--tone:#f5d9b4;--wash:#373045;--art:linear-gradient(#49214460,#32254750),url('/static/black-silk.webp');--art-position:center;--frame:0px;--art-size:cover}
.design-qudalyq{--paper:#561f2c;--tone:#f0d6a4;--wash:#67293a;--art:linear-gradient(#4d1a27d9,#6a2b3ab3),url('/static/kazakh-gold.webp');--art-position:center;--frame:1px;--art-size:cover}
.design-qalyn{--paper:#f0e0cb;--tone:#8a5333;--wash:#faf1e4;--art:linear-gradient(#f6e6ce8c,#e8c9a173),url('/static/kazakh-gold.webp');--art-position:center;--frame:1px;--art-size:cover}
.design-qurmet{--paper:#e9ecef;--tone:#44525c;--wash:#f5f7f8;--art:linear-gradient(178deg,#f7f9fa,#dfe4e8);--art-position:center;--frame:1px;--art-size:cover}
.design-aq-tilek{--paper:#f4f0e7;--tone:#6a6053;--wash:#faf8f3;--art:linear-gradient(178deg,#fbf9f4,#e9e3d7);--art-position:center;--frame:1px;--art-size:cover}
.design-tusau{--paper:#e6f0e8;--tone:#42705a;--wash:#f5faf6;--art:linear-gradient(#dceee49c,#eaf4ec8c),url('/static/baby-moon.webp');--art-position:center;--frame:0px;--art-size:cover}
.design-art{background-color:var(--paper);background-image:var(--art);background-position:var(--art-position);background-size:var(--art-size);color:var(--tone);position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}
.design-art:before{content:'';position:absolute;inset:20px;border:var(--frame) solid currentColor;opacity:.5;z-index:-1;pointer-events:none}
.design-kicker{font:600 .75rem/1.7 'Manrope',sans-serif;text-transform:uppercase;letter-spacing:.2em;margin:0 0 18px;color:inherit}
.design-monogram{font:italic 3rem/1 'Playfair Display',serif;opacity:.7;margin:0 0 22px}
.design-names{font:500 2rem/1.22 'Playfair Display',serif;letter-spacing:-.03em;overflow-wrap:anywhere;color:inherit;margin:0;max-width:100%}
.design-date{font:500 .75rem/1.6 'Manrope',sans-serif;letter-spacing:.12em;margin:25px 0 0}
.design-caption{font:400 .75rem/1.6 'Manrope',sans-serif;margin-top:15px}
.card .design-art.card-face{height:390px;min-height:390px;border-radius:8px;padding:60px 35px 38px;background-color:var(--paper);background-image:var(--art);background-size:var(--art-size);background-position:var(--art-position);color:var(--tone);border:0;box-shadow:0 10px 25px #38282914}
.card .design-art.card-face:before{display:block;inset:18px;border:var(--frame) solid currentColor;border-radius:0;opacity:.45}
.design-aspan .design-monogram,.design-aru .design-monogram,.design-kun .design-monogram,.design-besik .design-monogram{display:none}
.card .design-aspan.card-face,.card .design-aru.card-face{padding-top:110px}
.card .design-tolqyn.card-face{border-radius:140px 140px 8px 8px}
.design-tolqyn.design-art:before,.design-tolqyn .design-art:before{border-radius:160px 160px 0 0}
.design-tolqyn .design-names{font-style:italic}
.design-tolqyn .design-monogram{border:1px solid currentColor;border-radius:50%;padding:20px;line-height:1;font-size:2.1rem}
.card .design-aru.card-face{border-radius:140px 140px 8px 8px}.design-aru .design-names{font-style:italic;font-size:2.7rem}
.design-saukele .design-monogram{font-size:2.8rem;border-bottom:1px solid currentColor;padding-bottom:16px}
.design-batyr .design-names{font-weight:600;letter-spacing:.015em}.design-batyr .design-monogram{border:1px solid currentColor;padding:14px 24px}
.design-kun .design-names{font:600 2rem/1.3 'Manrope',sans-serif}.card .design-kun.card-face{border-radius:100px 100px 10px 10px;padding-top:105px}
.design-altyn .design-names{font-size:2.8rem}.design-altyn .design-monogram{font-size:1.8rem;letter-spacing:.2em}.design-altyn.design-art:before,.design-altyn .design-art:before{inset:24px;border:3px double currentColor}
.design-saltanat .design-names{font-style:italic;font-size:2.5rem}.card .design-saltanat.card-face{border-radius:100px 100px 8px 8px}
.design-besik .design-names{font-style:italic;font-size:2.5rem}.card .design-besik.card-face{padding-top:135px;border-radius:12px}
.design-shattyq .design-names{font:500 2.6rem/1.05 'Manrope',sans-serif;letter-spacing:-.065em;text-transform:uppercase}.design-shattyq .design-monogram{font-size:4rem;font-style:normal;opacity:.45}
.design-qudalyq .design-names{font-size:2.3rem;letter-spacing:-.02em}.design-qudalyq .design-monogram{font-size:1.9rem;letter-spacing:.18em;border:1px solid currentColor;padding:12px 22px}.design-qudalyq.design-art:before,.design-qudalyq .design-art:before{inset:24px;border:3px double currentColor}
.design-qalyn .design-names{font-size:2.2rem}.design-qalyn .design-monogram{font-size:2.4rem;border-bottom:1px solid currentColor;padding-bottom:14px}.card .design-qalyn.card-face{border-radius:100px 100px 8px 8px;padding-top:95px}
.design-qurmet .design-monogram,.design-aq-tilek .design-monogram,.design-tusau .design-monogram{display:none}
.design-qurmet .design-names{font-size:2.2rem;font-weight:400;letter-spacing:-.01em}.design-qurmet .design-kicker{letter-spacing:.26em;opacity:.8}.design-qurmet .design-date{opacity:.85}
.design-aq-tilek .design-names{font-style:italic;font-size:2.3rem}.design-aq-tilek .design-kicker{letter-spacing:.26em;opacity:.8}
.design-tusau .design-names{font:600 2rem/1.3 'Manrope',sans-serif}.card .design-tusau.card-face{border-radius:100px 100px 10px 10px;padding-top:105px}
.card-desc{font-size:.875rem}.card-foot{flex-wrap:wrap}
/* A center stage, flanked by the neighboring invitation collections. */
.showcase{padding:44px 0 30px;background:radial-gradient(ellipse at 50% 90%,#e8d6d0,transparent 64%),#fcfaf7;overflow:hidden;border-bottom:1px solid #e7dcd7}
.showcase-intro{text-align:center;padding:0 22px 28px}.showcase-intro .eyebrow{font-size:.75rem;margin-bottom:12px}.showcase h1{font-size:clamp(2rem,3.8vw,3.7rem);font-weight:500;letter-spacing:-.04em;line-height:1.2}.showcase h1 em{color:#792f45;font-weight:400}.showcase-intro>p:last-child{font-size:.9375rem;color:#807074;margin:14px 0 0}
.carousel{position:relative;overflow:hidden;width:100%;padding:14px 0 22px;touch-action:pan-y}.carousel-track{display:flex;gap:28px;position:relative;transition:transform .6s cubic-bezier(.22,.8,.3,1);will-change:transform}
.feature-slide{position:relative;flex:0 0 min(940px,78vw);display:grid;grid-template-columns:1fr 300px;align-items:center;gap:35px;min-height:410px;padding:32px 55px;border-radius:22px;background:#f8f1e9;box-shadow:0 14px 35px #412d3820;opacity:.48;transform:scale(.92);transition:opacity .5s,transform .5s}
.feature-slide.is-current{opacity:1;transform:scale(1)}.feature-slide:nth-child(2){background:#eee4d1}.feature-slide:nth-child(3){background:#292525;color:#f4dfb8}.feature-slide:nth-child(4){background:#3d1822;color:#f0d6a4}.feature-slide:nth-child(5){background:#e4edf5}.feature-slide:nth-child(6){background:#dceceb}
.feature-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.feature-copy h2{font:500 clamp(2.2rem,3vw,3.4rem)/1.1 'Playfair Display',serif;margin:22px 0 20px;letter-spacing:-.035em}.feature-copy>p{font-size:.9375rem;line-height:1.85;max-width:35ch;opacity:.75}.feature-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:25px}.feature-choose{font-size:.8125rem;padding:9px 0;border-bottom:1px solid currentColor}.feature-price{display:block;font-size:.875rem;margin-top:26px}.feature-price span{font-size:.75rem;opacity:.65}
.feature-art{width:240px;min-height:335px;padding:65px 35px 30px;transform:rotate(6deg);border-radius:5px;box-shadow:0 12px 30px #30242430;justify-self:center}.feature-art.design-aspan{padding-top:115px}.feature-art .design-names{font-size:2.1rem}.feature-art .design-monogram{font-size:2.2rem}.feature-art .design-date{font-size:.75rem}.feature-art.design-besik{padding-top:125px}.feature-art.design-tusau{padding-top:115px}.feature-art.design-qalyn{padding-top:80px}.feature-art.design-qudalyq .design-names,.feature-art.design-qalyn .design-names{font-size:1.7rem}
.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fcfaf7f2;box-shadow:0 3px 15px #39222a25;border:1px solid #dbcfca;color:#542a39;font-size:2rem;display:grid;place-items:center;z-index:2}.carousel-arrow:hover{background:#792f45;color:#fff}.carousel-arrow.prev{left:max(20px,calc((100% - 1000px)/2))}.carousel-arrow.next{right:max(20px,calc((100% - 1000px)/2))}
.carousel-controls{display:flex;justify-content:center;align-items:center;gap:18px;padding-top:7px}.carousel-dots{display:flex;gap:6px}.carousel-dots button{width:26px;height:30px;position:relative;padding:0}.carousel-dots button:before{content:'';position:absolute;top:11px;left:9px;width:8px;height:8px;background:#baaaac;border-radius:9px;transition:.2s}.carousel-dots button[aria-current=true]:before{width:24px;left:1px;background:#792f45}.carousel-controls>span{font-size:.75rem;color:#826f76}
.preview-phone{max-width:390px;margin:auto;border:8px solid #3a3035;border-radius:32px;overflow:hidden;box-shadow:0 20px 45px #39232e20;background:#f6eddf}.preview-phone iframe{display:block;width:100%;height:690px;border:0}.full-preview{display:block;text-align:center;font-size:.875rem;margin:20px 0;color:#792f45}.field select{font:inherit;padding:13px;border:1px solid #dfd5d2;border-radius:8px;background:#fcfaf8;color:#37292e}.music-field{border-top:1px solid #e5d8d9;padding-top:22px}.music-field .demo-note{text-align:left;margin:12px 0 0}.music-field .field{margin-bottom:15px}.admin-link{font-size:.875rem;color:#792f45}
.lang-switch{display:inline-flex;align-items:center;gap:2px;margin-left:14px;padding:5px;border:1px solid #dbcfca;border-radius:20px;font:600 .75rem/1 'Manrope',sans-serif;background:#fffdfa;flex-shrink:0}
.lang-switch span{padding:6px 11px;border-radius:16px;background:#792f45;color:#fff}
.lang-switch i{padding:6px 11px;font-style:normal;color:#8b7a7e}
.lang-switch:hover i{color:#792f45}
@media(max-width:900px){.lang-switch{margin-left:auto;margin-right:10px}}
a.btn-choose{display:inline-flex;align-items:center;justify-content:center;text-align:center}
a.feature-choose{display:inline-block}
.builder-back{display:inline-block;font-size:.875rem;color:#792f45;margin-bottom:22px;border-bottom:1px solid transparent;padding-bottom:3px}.builder-back:hover{border-bottom-color:currentColor}
/* Конверт: первый экран, который гость открывает сам — тогда же включается музыка. */
.intro-gate{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;
  background:radial-gradient(ellipse at 50% 38%,var(--paper),color-mix(in srgb,var(--tone) 16%,var(--paper)));
  transition:opacity .85s ease,transform .85s ease}
.intro-gate.is-open{opacity:0;transform:scale(1.07);pointer-events:none}
.gate-card{position:relative;width:100%;max-width:530px;min-height:min(80svh,660px);padding:64px 42px 56px;border-radius:9px;
  box-shadow:0 26px 70px #1a121233,0 3px 12px #1a121218;animation:gate-card-in .9s cubic-bezier(.2,.75,.3,1) both}
.intro-gate .gate-card.design-art:before{inset:17px;border:1px solid currentColor;opacity:.4}
.gate-card:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 76% 58% at 50% 52%,color-mix(in srgb,var(--paper) 82%,transparent),color-mix(in srgb,var(--paper) 52%,transparent) 58%,transparent 84%)}
.gate-card>*{animation:gate-rise .85s cubic-bezier(.2,.75,.3,1) both}
.gate-kicker{font:600 .75rem/1.7 'Manrope',sans-serif;text-transform:uppercase;letter-spacing:.24em;margin:0;opacity:.85;animation-delay:.15s}
.gate-seal{width:92px;height:92px;margin:30px 0 26px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;position:relative;animation-delay:.25s}
.gate-seal:before{content:'';position:absolute;inset:6px;border:1px solid currentColor;border-radius:50%;opacity:.45}
.gate-seal span{font:italic 1.9rem/1 'Playfair Display',serif;letter-spacing:.06em}
.gate-names{font:400 clamp(2.1rem,5.4vw,3.1rem)/1.22 'Playfair Display',serif;letter-spacing:-.02em;margin:0;max-width:14ch;animation-delay:.35s}
.gate-date{font:500 .8125rem/1.6 'Manrope',sans-serif;letter-spacing:.16em;margin:26px 0 0;opacity:.85;animation-delay:.45s}
.gate-guest{font:italic 1.05rem/1.5 'Playfair Display',serif;margin:20px 0 0;max-width:22ch;opacity:.95;animation-delay:.5s}
.gate-btn{margin-top:38px;padding-inline:34px;letter-spacing:.03em;animation-delay:.6s;box-shadow:0 6px 20px #1a121226}
.gate-btn:hover{transform:translateY(-2px)}
.gate-hint{font:400 .75rem/1.6 'Manrope',sans-serif;margin:16px 0 0;opacity:.65;animation-delay:.7s}
@keyframes gate-card-in{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
@keyframes gate-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.gate-locked{overflow:hidden}
.gate-locked body{overflow:hidden}
.gate-locked .screen-nav,.gate-locked .music-toggle,.gate-locked .demo-ribbon{opacity:0;pointer-events:none;transition:opacity .5s ease}
@media(max-width:760px){.gate-card{padding:46px 24px 44px;min-height:min(84svh,620px);border-radius:7px}
  .gate-seal{width:78px;height:78px;margin:24px 0 22px}.gate-seal span{font-size:1.6rem}
  .gate-names{font-size:2.1rem;max-width:12ch}.gate-date{font-size:.75rem;letter-spacing:.12em;margin-top:22px}
  .gate-btn{margin-top:30px;width:100%;padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.gate-card,.gate-card>*{animation:none}.intro-gate{transition:opacity .2s ease}}

/* Four complete screens; the text can expand freely on small devices. */
.invitation{margin:0;background:var(--paper);color:var(--tone);font-family:'Manrope',sans-serif;font-size:16px;line-height:1.7}.invitation a{color:inherit;text-decoration:none}.invitation button{font-family:inherit;cursor:pointer}.invitation .amp{font-family:'Playfair Display',serif;color:inherit;font-size:.58em;line-height:1.3;margin:10px 0}.invite-screen{min-height:100svh;padding:74px 24px 85px;display:flex;align-items:center;justify-content:center;position:relative;scroll-margin-top:0;overflow-wrap:anywhere}
.cover-screen{padding:24px;background:var(--paper)}.cover-paper{width:100%;max-width:720px;min-height:calc(100svh - 48px);padding:110px 95px 65px;border-radius:8px;box-shadow:0 15px 60px #16161618}
.cover-paper .design-names{font-size:clamp(2.8rem,6vw,5rem);font-weight:400;line-height:1.12}.cover-paper .design-kicker{margin-bottom:28px}.cover-paper .design-date{font-size:.875rem;margin:28px 0}.cover-paper .design-monogram{font-size:3.8rem}.cover-invitation{font-size:.9375rem;max-width:28ch;margin:25px auto 0;line-height:1.8}.guest-address{font:italic 1.35rem/1.5 'Playfair Display',serif;margin:30px auto 0;max-width:24ch;opacity:.95}.guest-address+.cover-invitation{margin-top:10px;opacity:.85}.invite-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 25px;border:1px solid var(--tone);background:var(--tone);color:var(--paper)!important;border-radius:6px;font:600 .875rem/1.5 'Manrope',sans-serif;text-align:center;transition:transform .2s,opacity .2s}.invite-btn:hover{transform:translateY(-2px);opacity:.86}.invite-btn:disabled{opacity:.6;cursor:default;transform:none}.music-hint{font-size:.75rem;margin:15px 0 0;opacity:.7}.guest-photo{width:150px;height:180px;object-fit:cover;border-radius:100px 100px 6px 6px;border:4px solid #fff9;margin:0 0 25px}
.invitation.design-aspan .cover-paper{padding-top:160px}.invitation.design-aru .cover-paper{border-radius:300px 300px 8px 8px;padding-top:160px}.invitation.design-tolqyn .cover-paper{border-radius:300px 300px 8px 8px}.invitation.design-tolqyn .cover-paper:after{content:'';position:absolute;inset:35px;border:1px solid currentColor;border-radius:280px 280px 0 0;opacity:.2;pointer-events:none}.invitation.design-besik .cover-paper,.invitation.design-kun .cover-paper,.invitation.design-tusau .cover-paper{padding-top:210px}.invitation.design-tusau .cover-paper .design-names{font-family:'Manrope',sans-serif;font-weight:600;font-size:clamp(2.5rem,6vw,4.4rem)}.invitation.design-qalyn .cover-paper{border-radius:260px 260px 8px 8px;padding-top:150px}.invitation.design-qudalyq .cover-paper .design-names,.invitation.design-qalyn .cover-paper .design-names{font-size:clamp(2.2rem,4.6vw,3.6rem)}.invitation.design-aq-tilek .cover-paper .design-names{font-style:italic}.invitation.design-kun .cover-paper .design-names{font-family:'Manrope',sans-serif;font-size:clamp(2.6rem,6vw,4.7rem);font-weight:600}.invitation.design-besik .cover-paper .design-names{font-style:italic}.invitation.design-altyn .cover-paper .design-names{font-size:clamp(2.8rem,6vw,5rem)}.invitation.design-shattyq .cover-paper .design-names{font-family:'Manrope',sans-serif;text-transform:uppercase;font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.06;font-weight:500}
.screen-content{width:100%;max-width:540px;text-align:center}.screen-number{font-size:.75rem;letter-spacing:.16em;margin:0 0 32px;opacity:.7}.invitation h2{font:400 clamp(2.3rem,4vw,3.5rem)/1.18 'Playfair Display',serif;letter-spacing:-.025em;margin:0 0 26px;color:inherit}.invitation h3{font:500 1.5rem/1.3 'Playfair Display',serif;margin:30px 0 20px}.invitation-message{font-size:1rem;line-height:1.9;max-width:42ch;margin:0 auto 30px}.details-screen{background:var(--wash)}.event-date{display:flex;align-items:center;justify-content:center;gap:23px;padding:20px 0;margin:15px 0;border-top:1px solid color-mix(in srgb,var(--tone) 25%,transparent);border-bottom:1px solid color-mix(in srgb,var(--tone) 25%,transparent)}.event-date>span{font:400 4rem/1 'Playfair Display',serif}.event-date>div{text-align:left;border-left:1px solid currentColor;padding-left:23px}.event-date b{font-weight:500;font-size:.875rem;letter-spacing:.13em}.event-date p{font-size:1rem;margin:2px 0}.countdown{margin:26px auto 4px;max-width:430px}
.countdown-label{font:600 .6875rem/1.6 'Manrope',sans-serif;text-transform:uppercase;letter-spacing:.2em;opacity:.7;margin:0 0 14px}
.countdown-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cd-cell{padding:14px 6px 12px;border:1px solid color-mix(in srgb,var(--tone) 24%,transparent);border-radius:8px;background:color-mix(in srgb,var(--paper) 55%,transparent)}
.cd-cell b{display:block;font:400 1.9rem/1 'Playfair Display',serif;font-variant-numeric:tabular-nums}
.cd-cell span{display:block;margin-top:6px;font:500 .625rem/1.4 'Manrope',sans-serif;text-transform:uppercase;letter-spacing:.1em;opacity:.7}
@media(max-width:760px){.countdown{margin-top:22px}.countdown-row{gap:7px}.cd-cell{padding:11px 4px 10px;border-radius:7px}.cd-cell b{font-size:1.5rem}.cd-cell span{font-size:.5625rem;letter-spacing:.06em}}
.event-program{margin:0 auto;padding:0;list-style:none;max-width:380px;text-align:left}.event-program li{position:relative;padding:13px 0 13px 24px;border-left:1px solid color-mix(in srgb,var(--tone) 35%,transparent);font-size:.9375rem}.event-program li:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;left:-4px;top:23px;background:var(--tone)}.dress-block{padding-top:25px}.dress-block>span{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.dress-block p{margin:8px 0;font-size:.9375rem}.screen-next{display:inline-block;margin-top:35px;font-size:.8125rem;border-bottom:1px solid currentColor;padding-bottom:7px}
.location-screen{background:var(--paper)}.location-icon{font-size:3.2rem;line-height:1;display:block;margin:0 0 25px;opacity:.7}.venue-name{font:500 1.5rem/1.5 'Playfair Display',serif;margin:0 auto 12px;max-width:30ch}.invitation address{font-style:normal;font-size:1rem;line-height:1.8}.location-card{padding:32px 20px;border:1px solid color-mix(in srgb,var(--tone) 30%,transparent);margin:35px 0 0;border-radius:12px;background:var(--wash)}.location-card>span{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.location-card p{font-size:.875rem;line-height:1.85;margin:14px 0 23px}.reply-screen{background:var(--wash)}.reply-intro{font-size:.9375rem;margin-bottom:28px}.guest-form{text-align:left;display:flex;flex-direction:column;gap:20px;max-width:420px;margin:auto}.guest-form>label{display:flex;flex-direction:column;gap:8px;font-size:.875rem}.guest-form input:not([type=radio]),.guest-form textarea{font:400 1rem/1.5 'Manrope',sans-serif;min-width:0;width:100%;padding:12px 14px;background:var(--paper);color:var(--tone);border:1px solid color-mix(in srgb,var(--tone) 30%,transparent);border-radius:6px}.guest-form input::placeholder,.guest-form textarea::placeholder{color:var(--tone);opacity:.55}.guest-form input[type=radio]{accent-color:var(--tone);margin:0 8px 0 0}.guest-form fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.guest-form legend{font-size:.875rem;margin-bottom:10px}.attendance{font-size:.875rem;border:1px solid color-mix(in srgb,var(--tone) 30%,transparent);padding:12px;border-radius:6px;cursor:pointer}.attendance:has(:checked){border-color:var(--tone);background:var(--paper)}#rsvpMsg{font-size:.875rem;padding:16px;border:1px solid currentColor;border-radius:6px;margin:0}.guest-signoff{font:italic 1.7rem/1.5 'Playfair Display',serif;margin:42px 0 24px}.guest-brand{font:italic 1.4rem 'Playfair Display',serif;opacity:.6}.screen-nav{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:6px;border-radius:50px;background:#fffef9ed;color:#62564d;box-shadow:0 4px 25px #22141d25;z-index:20;backdrop-filter:blur(10px)}.screen-nav a{font-size:.75rem;display:grid;place-items:center;width:38px;height:38px;border-radius:50%}.screen-nav a[aria-current=true]{background:#3c3034;color:#fff}.music-toggle{position:fixed;right:20px;top:20px;z-index:30;display:flex;gap:7px;align-items:center;border:1px solid #dacfc1;border-radius:24px;background:#fffef8eb;color:#514336;padding:9px 15px;box-shadow:0 3px 20px #20121515;font-size:.75rem}.music-toggle>span:first-child{font-size:1.2rem;line-height:1}.demo-ribbon{position:fixed;top:20px;left:20px;z-index:25;border-radius:20px;padding:8px 14px;background:#fffef8e8;color:#514336!important;font-size:.75rem;max-width:calc(100% - 145px);box-shadow:0 3px 20px #20121515}
@media(max-width:1000px){.feature-slide{grid-template-columns:1fr 235px;padding:30px 35px;gap:15px;flex-basis:84vw}.feature-art{width:210px;min-height:325px}.feature-copy h2{font-size:2.6rem}.feature-actions .btn{padding-inline:16px;font-size:.8125rem}.feature-price span{display:block;margin-top:4px}.card .design-art.card-face{height:355px;min-height:355px;padding-inline:25px}}
@media(max-width:760px){.showcase{padding:27px 0 20px}.showcase-intro{padding-bottom:14px}.showcase h1{font-size:2.2rem}.showcase-intro .eyebrow{font-size:.75rem}.showcase-intro>p:last-child{font-size:.875rem}.carousel-track{gap:12px}.feature-slide{flex-basis:86vw;grid-template-columns:1fr;padding:24px 22px;min-height:585px;gap:25px;border-radius:15px;text-align:center}.feature-copy{order:2}.feature-copy h2{font-size:2rem;margin:9px 0 10px}.feature-copy>p{font-size:.875rem;line-height:1.65;margin:0 auto;max-width:30ch}.feature-label{font-size:.75rem}.feature-actions{margin-top:17px;align-items:center;gap:5px}.feature-actions .btn{width:100%;font-size:.8125rem;min-height:44px}.feature-price{margin-top:15px;font-size:.8125rem}.feature-price span{display:none}.feature-art{order:1;min-height:265px;width:190px;padding:55px 25px 24px;transform:rotate(4deg)}.feature-art .design-names{font-size:1.65rem}.feature-art .design-kicker{font-size:.75rem;letter-spacing:.12em;margin-bottom:12px}.feature-art .design-monogram{font-size:1.8rem;margin-bottom:15px}.feature-art .design-caption{display:none}.feature-art .design-date{font-size:.75rem;margin-top:17px}.feature-art.design-aspan{padding-top:80px}.feature-art.design-besik{padding-top:100px}.carousel-arrow{width:38px;height:38px;font-size:1.6rem;top:35%}.carousel-arrow.prev{left:5px}.carousel-arrow.next{right:5px}.card .design-art.card-face{height:305px;min-height:305px;padding:55px 17px 25px}.card .design-names{font-size:1.5rem}.card .design-monogram{font-size:2rem;margin-bottom:15px}.card .design-kicker{font-size:.75rem;letter-spacing:.05em}.card .design-date{font-size:.75rem;letter-spacing:0}.card .design-caption{display:none}.card .design-aspan.card-face,.card .design-aru.card-face{padding-top:98px}.card .design-besik.card-face{padding-top:115px}.card .design-kun.card-face,.card .design-tusau.card-face{padding-top:95px}.card .design-qalyn.card-face{padding-top:85px}.card .design-qudalyq .design-names,.card .design-qalyn .design-names{font-size:1.3rem}.card .design-altyn .design-names,.card .design-shattyq .design-names{font-size:1.8rem}.preview-phone{max-width:360px;border-width:6px}.preview-phone iframe{height:640px}.invite-screen{padding:75px 26px 90px}.cover-screen{padding:12px}.cover-paper{min-height:calc(100svh - 24px);padding:85px 38px 75px;border-radius:6px}.cover-paper .design-names{font-size:2.9rem}.cover-paper .design-kicker{font-size:.75rem;letter-spacing:.12em}.cover-paper .design-date{font-size:.8125rem;letter-spacing:.07em}.cover-paper .design-monogram{font-size:3rem;margin-bottom:22px}.cover-invitation{font-size:.875rem}.invitation.design-aspan .cover-paper,.invitation.design-aru .cover-paper{padding-top:130px}.invitation.design-kun .cover-paper,.invitation.design-besik .cover-paper,.invitation.design-tusau .cover-paper{padding-top:160px}.invitation.design-qalyn .cover-paper{padding-top:120px}.invitation.design-qudalyq .cover-paper .design-names,.invitation.design-qalyn .cover-paper .design-names{font-size:2.1rem}.invitation.design-batyr .cover-paper .design-names{font-size:2.5rem}.invitation.design-saukele .cover-paper{padding-inline:48px}.invitation h2{font-size:2.5rem}.invitation-message{font-size:.9375rem}.screen-number{font-size:.75rem;letter-spacing:.1em}.music-toggle{right:12px;top:12px;padding:8px 10px}.demo-ribbon{left:12px;top:12px;padding:8px 10px;font-size:.75rem}.guest-photo{width:110px;height:135px}.screen-nav{bottom:12px}.location-card{padding:26px 15px}.venue-name{font-size:1.4rem}.guest-signoff{font-size:1.5rem}.invite-btn{font-size:.8125rem;padding:13px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}