.gbf{--gbf-gold:#a68a52;--gbf-gold-dark:#8a6e3c;--gbf-ink:#4b4136;--gbf-form-ink:#2f2f2f;--gbf-paper:#faf8ec;--gbf-ease:cubic-bezier(.19, 1, .22, 1);--gbf-script:var(--font-gbf-script), "Snell Roundhand", cursive;--gbf-serif:var(--font-gbf-serif), "Times New Roman", Georgia, serif;background:var(--gbf-paper) url(/templates/golden-butterfly/v1/img/texture.webp) center top / auto repeat;color:var(--gbf-ink);font-family:var(--gbf-serif);text-align:center;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:100%;text-size-adjust:100%;font-weight:400}.gbf-frame{width:100%;max-width:520px;margin-inline:auto;position:relative;container-type:inline-size}.gbf-page{--gbf-u:calc(min(100vw, 520px) / 375);isolation:isolate;position:relative;overflow:hidden}@supports (width:1cqw){.gbf-page{--gbf-u:calc(100cqw / 375)}}.gbf :where(p,h1,h2,ul,li,table){margin:0;padding:0}.gbf :where(h1,h2){font-weight:400}.gbf-page img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;display:block}.gbf-nowrap{white-space:nowrap}.gbf-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gbf-heading{font-family:var(--gbf-script);color:var(--gbf-gold);text-wrap:balance;line-height:1.2}.gbf-caps{color:var(--gbf-gold-dark);font-size:calc(var(--gbf-u) * 15.5 * var(--gbf-s,1));letter-spacing:.2em;text-transform:uppercase;padding-left:.2em;line-height:1.3}.gbf-button-row{justify-content:center;display:flex}.gbf-button-size{display:inline-block}.gbf-button{box-sizing:border-box;min-width:calc(var(--gbf-u) * 211);min-height:calc(var(--gbf-u) * 49);padding:calc(var(--gbf-u) * 4) calc(var(--gbf-u) * 16);border:1px solid var(--gbf-gold-dark);color:var(--gbf-gold-dark);font-family:var(--gbf-serif);font-size:calc(var(--gbf-u) * 17 * var(--gbf-s,1));text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;appearance:none;background:0 0;border-radius:0;justify-content:center;align-items:center;margin:0;line-height:1.2;text-decoration:none;transition:background-color .2s ease-in-out;display:inline-flex}a.gbf-button:active,button.gbf-button:active{background-color:#a68a5214}.gbf-button:focus-visible{outline:2px solid var(--gbf-gold-dark);outline-offset:3px}.gbf-button[data-off]{opacity:.45}.gbf-still .gbf-button{cursor:default}.gbf-cover{justify-content:center;align-items:center;display:flex;position:relative}.gbf:not(.gbf-still) .gbf-cover{min-height:100svh}.gbf-still .gbf-cover{min-height:calc(var(--gbf-u) * 375 * 844 / 390)}.gbf-stage{aspect-ratio:375/667;width:100%;color:var(--gbf-ink);flex:none;position:relative}.gbf-cover-frame{top:calc(var(--gbf-u) * 45);left:calc(var(--gbf-u) * 1);width:calc(var(--gbf-u) * 373);height:auto;position:absolute}.gbf-dove{top:calc(var(--gbf-u) * 28);width:calc(var(--gbf-u) * 52);height:auto;position:absolute}.gbf-dove-left{left:calc(var(--gbf-u) * 26)}.gbf-dove-right{right:calc(var(--gbf-u) * 26)}.gbf-cover-content{top:calc(var(--gbf-u) * 133);left:calc(var(--gbf-u) * 22);right:calc(var(--gbf-u) * 22);flex-direction:column;align-items:center;display:flex;position:absolute}.gbf-eyebrow{font-size:calc(var(--gbf-u) * 12 * var(--gbf-s,1));letter-spacing:.06em;text-transform:uppercase;padding-left:.06em;line-height:1.17}.gbf-cover-names{max-width:100%;margin-top:calc(var(--gbf-u) * 22);font-family:var(--gbf-script);text-wrap:balance;flex-direction:column;align-items:center;line-height:1.15;display:flex}.gbf-cover-amp{font-size:.6em;line-height:1}.gbf-cover-date{margin-top:calc(var(--gbf-u) * 22);flex-direction:column;align-items:center;display:flex}.gbf-weekday{font-size:calc(var(--gbf-u) * 23 * var(--gbf-s,1));letter-spacing:.04em;text-transform:uppercase;padding-left:.04em;line-height:1.17}.gbf-cartouche{width:calc(var(--gbf-u) * 133);margin-top:calc(var(--gbf-u) * 22);display:block;position:relative}.gbf-cartouche img{width:100%;height:auto}.gbf-cartouche-day,.gbf-cartouche-month{white-space:nowrap;font-variant-numeric:lining-nums;line-height:1;position:absolute;left:50%;translate:-50% -50%}.gbf-cartouche-day{font-size:calc(var(--gbf-u) * 25 * var(--gbf-s,1));top:26%}.gbf-cartouche-month{font-size:calc(var(--gbf-u) * 23 * var(--gbf-s,1));letter-spacing:.04em;text-transform:uppercase;padding-left:.04em;top:69%}.gbf-scroll{align-items:center;gap:calc(var(--gbf-u) * 6);margin-top:calc(var(--gbf-u) * 10);color:var(--gbf-gold-dark);font-size:calc(var(--gbf-u) * 11 * var(--gbf-s,1));letter-spacing:.2em;text-transform:uppercase;flex-direction:column;padding-left:.2em;line-height:1;display:flex}.gbf-chevron{width:calc(var(--gbf-u) * 16);height:calc(var(--gbf-u) * 9);fill:none;stroke:currentColor;stroke-width:1.3px;animation:2.2s ease-in-out infinite gbf-nudge;overflow:visible}@keyframes gbf-nudge{0%,to{translate:0}50%{translate:0 calc(var(--gbf-u) * 4)}}.gbf:not(.gbf-still) .gbf-reveal{opacity:0;translate:0 calc(var(--gbf-u) * 24)}.gbf:not(.gbf-still) .gbf-cover-frame.gbf-reveal{translate:none}.gbf:not(.gbf-still) .gbf-dove-left.gbf-reveal{translate:calc(var(--gbf-u) * -40) calc(var(--gbf-u) * -30)}.gbf:not(.gbf-still) .gbf-dove-right.gbf-reveal{translate:calc(var(--gbf-u) * 40) calc(var(--gbf-u) * -30)}.gbf-intro:is([data-phase=opening],[data-phase=open])~.gbf-frame .gbf-reveal{animation:gbf-reveal 1.8s var(--gbf-ease) forwards}.gbf-intro:is([data-phase=opening],[data-phase=open])~.gbf-frame .gbf-cover-frame{animation-name:gbf-fade;animation-delay:.3s}.gbf-intro:is([data-phase=opening],[data-phase=open])~.gbf-frame .gbf-dove{animation:gbf-land 2.4s var(--gbf-ease) .9s forwards, gbf-hover 5s ease-in-out 3.3s infinite}.gbf-intro:is([data-phase=opening],[data-phase=open])~.gbf-frame .gbf-eyebrow{animation-delay:.8s}.gbf-intro:is([data-phase=opening],[data-phase=open])~.gbf-frame .gbf-cover-names{animation-delay:1s}.gbf-intro:is([data-phase=opening],[data-phase=open])~.gbf-frame .gbf-weekday{animation-delay:1.45s}.gbf-intro:is([data-phase=opening],[data-phase=open])~.gbf-frame .gbf-cartouche{animation-delay:1.6s}.gbf-intro:is([data-phase=opening],[data-phase=open])~.gbf-frame .gbf-scroll{animation-delay:2s}@keyframes gbf-reveal{to{opacity:1;translate:0}}@keyframes gbf-fade{to{opacity:1}}@keyframes gbf-land{to{opacity:1;translate:0}}@keyframes gbf-hover{0%,to{opacity:1;translate:0}50%{opacity:1;translate:0 calc(var(--gbf-u) * -4)}}.gbf-welcome{padding:calc(var(--gbf-u) * 24) calc(var(--gbf-u) * 17.5) calc(var(--gbf-u) * 30);flex-direction:column;align-items:center;display:flex}.gbf-rings{width:calc(var(--gbf-u) * 174);height:auto}.gbf-scrolls{justify-content:center;gap:calc(var(--gbf-u) * 5);flex:none;display:flex}.gbf-scrolls img{width:calc(var(--gbf-u) * 180);height:auto}.gbf-welcome .gbf-scrolls{margin-top:calc(var(--gbf-u) * -2)}.gbf-card-top{width:100%;margin-top:calc(var(--gbf-u) * 4);color:var(--gbf-gold-dark);font-size:calc(var(--gbf-u) * 22.1 * var(--gbf-s,1));letter-spacing:.14em;text-wrap:balance;padding-left:.14em;font-variant-caps:all-small-caps;line-height:.91}.gbf-card-top:first-line{color:var(--gbf-gold);font-family:var(--gbf-script);font-size:var(--gbf-greet,calc(var(--gbf-u) * 35));letter-spacing:0;font-variant-caps:normal;line-height:1.9}.gbf-greeting-guest{max-width:100%;color:var(--gbf-gold);font-family:var(--gbf-script);letter-spacing:0;font-variant-caps:normal;line-height:1.9;display:inline-block}.gbf-card-names{max-width:100%;margin-top:calc(var(--gbf-u) * 2);color:var(--gbf-gold);font-family:var(--gbf-script);text-wrap:balance;flex-direction:column;align-items:center;line-height:1.2;display:flex}.gbf-card-joiner{font-size:.6em;line-height:1}.gbf-card-bottom{max-width:calc(var(--gbf-u) * 300);margin-top:calc(var(--gbf-u) * 12);font-size:calc(var(--gbf-u) * 20 * var(--gbf-s,1));white-space:pre-line;text-wrap:pretty;line-height:1.3}.gbf-hosts{max-width:100%;margin-top:calc(var(--gbf-u) * 16);flex-direction:column;align-items:center;display:flex}.gbf-hosts-line{max-width:100%;margin-top:calc(var(--gbf-u) * 1);color:var(--gbf-gold);font-family:var(--gbf-script);text-wrap:balance;line-height:1.2}.gbf-week{width:calc(var(--gbf-u) * 297);margin-top:calc(var(--gbf-u) * 25)}.gbf-week-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:calc(var(--gbf-u) * 17.5 * var(--gbf-s,1));line-height:calc(var(--gbf-u) * 20 * var(--gbf-s,1));font-variant-numeric:lining-nums}.gbf-week-table th{padding:0 0 calc(var(--gbf-u) * 19);font-weight:400}.gbf-week-table td{padding:0}.gbf-week-day{position:relative}.gbf-week-heart{width:calc(var(--gbf-u) * 49);height:calc(var(--gbf-u) * 46);fill:none;stroke:var(--gbf-gold);stroke-linecap:round;stroke-width:1.7px;position:absolute;top:50%;left:50%;overflow:visible;translate:-50% -48%}.gbf-month{max-width:100%;margin-top:calc(var(--gbf-u) * 17);color:var(--gbf-gold);font-family:var(--gbf-script);line-height:1.2}.gbf-time{max-width:100%;margin-top:calc(var(--gbf-u) * 8)}.gbf-welcome .gbf-button-row{margin-top:calc(var(--gbf-u) * 20)}.gbf-programme{padding-top:calc(var(--gbf-u) * 8)}.gbf-programme-title{padding-inline:calc(var(--gbf-u) * 17.5)}.gbf-track{margin-top:calc(var(--gbf-u) * 8);position:relative}.gbf-thread{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gbf-thread path{fill:none;stroke:var(--gbf-gold);stroke-width:1.5px;vector-effect:non-scaling-stroke}.gbf-page .gbf-stop-icon{object-fit:contain;position:absolute}.gbf-stops{position:absolute;inset:0}.gbf-stop{flex-direction:column;align-items:center;display:flex;position:absolute}.gbf-stop-time{color:var(--gbf-gold);font-family:var(--gbf-script);font-size:calc(var(--gbf-u) * 36 * var(--gbf-s,1));line-height:calc(var(--gbf-u) * 44 * var(--gbf-s,1));white-space:nowrap}.gbf-stop-title{max-width:100%;font-size:calc(var(--gbf-u) * 20 * var(--gbf-s,1));line-height:calc(var(--gbf-u) * 25 * var(--gbf-s,1));overflow-wrap:break-word}.gbf-butterfly{left:calc(var(--gbf-u) * 294);top:calc(var(--gbf-u) * 15);z-index:1;width:calc(var(--gbf-u) * 78);pointer-events:none;will-change:transform;position:absolute}.gbf-butterfly img{width:100%;height:auto}.gbf-venue{padding:calc(var(--gbf-u) * 6) 0 calc(var(--gbf-u) * 9)}.gbf-venue-card{width:calc(var(--gbf-u) * 354);aspect-ratio:960/1360;justify-content:center;align-items:center;margin-inline:auto;display:flex;position:relative}.gbf-page .gbf-venue-frame{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.gbf-venue-body{width:calc(var(--gbf-u) * 296);padding-block:calc(var(--gbf-u) * 64);flex-direction:column;align-items:center;display:flex;position:relative}.gbf-venue-title{max-width:100%}.gbf-venue-kind{max-width:100%;margin-top:calc(var(--gbf-u) * 19);color:#4b413699;font-size:calc(var(--gbf-u) * 15.2 * var(--gbf-s,1));letter-spacing:.23em;text-transform:uppercase;padding-left:.23em;line-height:1.2}.gbf-venue-name{max-width:100%;margin-top:calc(var(--gbf-u) * 1);text-transform:uppercase;text-wrap:balance;line-height:1.2}.gbf-venue-title+.gbf-venue-name{margin-top:calc(var(--gbf-u) * 20)}.gbf-venue-address{max-width:100%;margin-top:calc(var(--gbf-u) * 5);font-size:calc(var(--gbf-u) * 17 * var(--gbf-s,1));text-wrap:balance;line-height:1.3}.gbf-venue .gbf-button-row{margin-top:calc(var(--gbf-u) * 15)}.gbf-dress{padding:calc(var(--gbf-u) * 26) calc(var(--gbf-u) * 17.5) calc(var(--gbf-u) * 33);flex-direction:column;align-items:center;display:flex}.gbf-dress-title{max-width:100%}.gbf-dress-text{max-width:calc(var(--gbf-u) * 300);margin-top:calc(var(--gbf-u) * 26);font-size:calc(var(--gbf-u) * 20 * var(--gbf-s,1));text-wrap:pretty;line-height:1.25}.gbf-silks{grid-template-columns:repeat(3, calc(var(--gbf-u) * 90));gap:calc(var(--gbf-u) * 5);margin-top:calc(var(--gbf-u) * 10);list-style:none;display:grid}.gbf-silk img{width:calc(var(--gbf-u) * 90);height:calc(var(--gbf-u) * 89);object-fit:cover;border-radius:50%}.gbf-countdown{padding:calc(var(--gbf-u) * 18) calc(var(--gbf-u) * 10) calc(var(--gbf-u) * 30)}.gbf-timer-box{margin-top:calc(var(--gbf-u) * 26);justify-content:center;display:flex}.gbf-timer{white-space:nowrap;justify-content:center;align-items:flex-start;display:flex}.gbf-timer-cell{flex-direction:column;align-items:center;display:inline-flex}.gbf-timer-num,.gbf-timer-sep{color:var(--gbf-gold);font-family:var(--font-gbf-figures), var(--gbf-script);font-size:calc(var(--gbf-u) * 45 * var(--gbf-s,1));line-height:1}.gbf-timer-sep{padding:0 calc(var(--gbf-u) * 10 * var(--gbf-s,1))}.gbf-timer-unit{color:var(--gbf-gold-dark);font-family:var(--font-gbf-units), var(--gbf-serif);font-size:calc(var(--gbf-u) * 11 * var(--gbf-s,1));line-height:1}.gbf-rsvp{padding:calc(var(--gbf-u) * 4) calc(var(--gbf-u) * 10) calc(var(--gbf-u) * 22);flex-direction:column;align-items:center;display:flex}.gbf-rsvp-intro{max-width:calc(var(--gbf-u) * 305);font-size:calc(var(--gbf-u) * 20 * var(--gbf-s,1));white-space:pre-line;text-wrap:pretty;line-height:1.3}.gbf-rsvp-deadline{max-width:calc(var(--gbf-u) * 315);margin-top:calc(var(--gbf-u) * 12);color:var(--gbf-gold-dark);font-size:calc(var(--gbf-u) * 17 * var(--gbf-s,1));line-height:1.3}.gbf-rsvp-form{width:calc(var(--gbf-u) * 315);margin-top:calc(var(--gbf-u) * 44);text-align:left}.gbf-form{color:var(--gbf-form-ink);position:relative}.gbf-form-group{margin-bottom:calc(var(--gbf-u) * 20)}.gbf-form-title{padding:0 calc(var(--gbf-u) * 10) calc(var(--gbf-u) * 5) 0;font-size:calc(var(--gbf-u) * 22 * var(--gbf-s,1));line-height:1.25;display:block}.gbf-form-input{box-sizing:border-box;width:100%;height:calc(var(--gbf-u) * 50);border:0;border-bottom:1px solid var(--gbf-gold);color:var(--gbf-form-ink);font-family:var(--gbf-serif);font-size:calc(var(--gbf-u) * 17.5 * var(--gbf-s,1));appearance:none;background:0 0;border-radius:0;outline:none;margin:0;padding:0;line-height:1.33;display:block}input.gbf-form-input:focus-visible{border-bottom-color:var(--gbf-gold-dark);box-shadow:0 1px 0 var(--gbf-gold-dark)}.gbf-form-options{gap:calc(var(--gbf-u) * 10);padding-top:calc(var(--gbf-u) * 8);flex-direction:column;display:flex}.gbf-form-option{gap:calc(var(--gbf-u) * 10);font-size:calc(var(--gbf-u) * 20 * var(--gbf-s,1));line-height:1.2;display:flex;position:relative}label.gbf-form-option{cursor:pointer;-webkit-tap-highlight-color:transparent}.gbf-form-dot{box-sizing:border-box;width:calc(var(--gbf-u) * 20);height:calc(var(--gbf-u) * 20);margin-top:calc((1.2em - var(--gbf-u) * 20) / 2);border:calc(var(--gbf-u) * 2) solid var(--gbf-gold);opacity:.6;border-radius:50%;flex:none;transition:opacity .2s;position:relative}.gbf-form-dot:after{content:"";width:calc(var(--gbf-u) * 10);height:calc(var(--gbf-u) * 10);background:var(--gbf-gold);opacity:0;border-radius:50%;transition:opacity .2s;position:absolute;top:50%;left:50%;translate:-50% -50%}.gbf-form-option input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.gbf-form-option input:checked+.gbf-form-dot,.gbf-form-option input:checked+.gbf-form-dot:after{opacity:1}.gbf-form-option input:focus-visible+.gbf-form-dot{outline:2px solid var(--gbf-gold-dark);outline-offset:3px}.gbf-form-note{padding:0 calc(var(--gbf-u) * 10) calc(var(--gbf-u) * 5) 0;font-family:var(--font-gbf-light), var(--gbf-serif);font-size:calc(var(--gbf-u) * 13 * var(--gbf-s,1));font-weight:300;line-height:1.55}.gbf-form-people{transition:opacity .2s}.gbf-form-people[data-off]{opacity:.45}.gbf-form-stepper{margin-top:calc(var(--gbf-u) * 5);align-items:center;display:flex}.gbf-form-step{box-sizing:border-box;width:calc(var(--gbf-u) * 44);height:calc(var(--gbf-u) * 44);border:1px solid var(--gbf-gold);appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;transition:opacity .2s;display:flex}button.gbf-form-step{cursor:pointer}.gbf-form-step svg{fill:none;width:100%;height:100%;stroke:var(--gbf-gold-dark);stroke-width:1.5px;display:block}.gbf-form-step:disabled{cursor:default;opacity:.35}.gbf-form-step:focus-visible{outline:2px solid var(--gbf-gold-dark);outline-offset:3px}.gbf-form-count{min-width:calc(var(--gbf-u) * 64);font-size:calc(var(--gbf-u) * 26.5 * var(--gbf-s,1));text-align:center;font-variant-numeric:lining-nums;line-height:1}.gbf-form-submit{width:calc(var(--gbf-u) * 228);min-width:0;margin:calc(var(--gbf-u) * 4) auto 0;font-size:calc(var(--gbf-u) * 15.5 * var(--gbf-s,1));display:flex}button.gbf-form-submit:disabled{cursor:default;opacity:.6}.gbf-form-error{margin-top:calc(var(--gbf-u) * 10);color:#9a3b2c;font-size:calc(var(--gbf-u) * 16 * var(--gbf-s,1));text-align:center;line-height:1.3}.gbf-form-captcha:empty{display:none}.gbf-form-captcha{margin-top:calc(var(--gbf-u) * 10);justify-content:center;display:flex}.gbf-form-reply{align-items:center;gap:calc(var(--gbf-u) * 10);min-height:calc(var(--gbf-u) * 300);text-align:center;flex-direction:column;justify-content:center;display:flex}.gbf-form-thanks{color:var(--gbf-gold);font-family:var(--gbf-script);font-size:calc(var(--gbf-u) * 46 * var(--gbf-s,1));line-height:1.2}.gbf-form-reply-text{font-size:calc(var(--gbf-u) * 20 * var(--gbf-s,1));white-space:pre-line;text-wrap:balance;line-height:1.3}.gbf-form-reply-name{color:var(--gbf-gold-dark);font-size:calc(var(--gbf-u) * 16 * var(--gbf-s,1));line-height:1.3}.gbf-form-closed{padding:calc(var(--gbf-u) * 12) calc(var(--gbf-u) * 16);border:1px solid var(--gbf-gold);font-size:calc(var(--gbf-u) * 18 * var(--gbf-s,1));line-height:1.3}.gbf-form-again{margin-top:calc(var(--gbf-u) * 8)}.gbf-form[data-off]>:not(.gbf-form-off){opacity:.35}.gbf-form-off{z-index:2;width:calc(var(--gbf-u) * 260);padding:calc(var(--gbf-u) * 12) calc(var(--gbf-u) * 16);border:1px solid var(--gbf-gold);background:var(--gbf-paper);color:var(--gbf-gold-dark);font-size:calc(var(--gbf-u) * 17 * var(--gbf-s,1));text-align:center;line-height:1.3;position:absolute;top:50%;left:50%;translate:-50% -50%}.gbf-finale{padding:calc(var(--gbf-u) * 13) 0 calc(var(--gbf-u) * 72);flex-direction:column;align-items:center;display:flex}.gbf-sketch{width:calc(var(--gbf-u) * 272);height:auto;margin-left:calc(var(--gbf-u) * 83.5);align-self:flex-start}.gbf-finale-words{max-width:calc(var(--gbf-u) * 340);margin-top:calc(var(--gbf-u) * -52);color:var(--gbf-gold);font-family:var(--gbf-script);text-wrap:balance;line-height:1.2;position:relative}.gbf-scrolls-turned{gap:calc(var(--gbf-u) * 2);margin-top:calc(var(--gbf-u) * 45)}.gbf-scrolls-turned img{rotate:180deg}.gbf-scrolls-turned img:first-child{width:calc(var(--gbf-u) * 178)}.gbf-scrolls-turned img:last-child{width:calc(var(--gbf-u) * 175)}.gbf:not(.gbf-still) [data-anim]{opacity:0}.gbf:not(.gbf-still) [data-anim].is-in{animation:gbf-up 1s var(--gbf-ease) both}.gbf:not(.gbf-still) [data-anim].is-instant{opacity:1;animation:none}@keyframes gbf-up{0%{opacity:0;translate:0 calc(var(--gbf-u) * 100)}to{opacity:1;translate:none}}.gbf-still .gbf-chevron{animation:none}.gbf-intro{--gbf-u:min(calc(100vw / 375), calc((100vh - 40px) / 709));z-index:100;transition:opacity 3s,visibility 0s linear 3s;position:fixed;inset:0;overflow:hidden}@supports (height:1dvh){.gbf-intro{--gbf-u:min(calc(100vw / 375), calc((100dvh - 40px) / 709))}}.gbf-intro[data-phase=opening]{opacity:0;visibility:hidden;pointer-events:none}.gbf-intro[data-phase=open]{display:none}.gbf-intro-tap{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.gbf-intro-tap:focus-visible .gbf-gate-plate{outline:2px solid var(--gbf-gold-dark);outline-offset:4px}.gbf-gates{width:calc(var(--gbf-u) * 375);height:calc(var(--gbf-u) * 709);position:absolute;top:50%;left:50%;translate:-50% -50%}.gbf-gate{width:calc(var(--gbf-u) * 285);height:calc(var(--gbf-u) * 709.3);background:var(--gbf-paper) url(/templates/golden-butterfly/v1/img/texture.webp) center / auto repeat;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;transition:translate 5s linear;display:block;position:absolute;top:0}.gbf-gate-left{left:calc(var(--gbf-u) * -96.5)}.gbf-gate-right{left:calc(var(--gbf-u) * 186.5);scale:-1 1}.gbf-intro[data-phase=opening] .gbf-gate-left{translate:calc(var(--gbf-u) * -214) 0}.gbf-intro[data-phase=opening] .gbf-gate-right{translate:calc(var(--gbf-u) * 226) 0}.gbf-gate-plate{top:calc(var(--gbf-u) * 305);left:calc(var(--gbf-u) * 91);box-sizing:border-box;width:calc(var(--gbf-u) * 193);height:calc(var(--gbf-u) * 53);border:1px solid var(--gbf-gold-dark);color:var(--gbf-gold-dark);font-family:var(--gbf-serif);font-size:calc(var(--gbf-u) * 15.5);white-space:nowrap;background:#fcfaee;justify-content:center;align-items:center;line-height:1.55;transition:opacity 1s linear;display:flex;position:absolute}.gbf-intro[data-phase=opening] .gbf-gate-plate{opacity:0}.gbf-music{right:max(16px, env(safe-area-inset-right), calc((100vw - 520px) / 2 + 16px));bottom:max(16px, env(safe-area-inset-bottom));z-index:110;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#faf7ece6;border:0;border-radius:50%;width:48px;height:48px;margin:0;padding:0;position:fixed;box-shadow:0 2px 12px #4b41362e}.gbf-music img{width:40px;height:40px;transition:opacity .3s cubic-bezier(.37,0,.63,1);display:block;position:absolute;top:4px;left:4px}.gbf-music-pause,.gbf-music[data-playing=true] .gbf-music-play{opacity:0}.gbf-music[data-playing=true] .gbf-music-pause{opacity:1}.gbf-music:focus-visible{outline:2px solid var(--gbf-gold-dark);outline-offset:3px}.gbf-wm-layer{z-index:6;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.gbf-wm{color:#faf8ec40;font-family:var(--gbf-serif);font-size:calc(var(--gbf-u) * 24);letter-spacing:calc(var(--gbf-u) * 4);white-space:nowrap;text-transform:uppercase;-webkit-text-stroke:calc(var(--gbf-u) * .6) #8a6e3c6b;line-height:1;position:absolute;transform:rotate(-24deg)}.gbf-wm-stamp{z-index:7;padding:calc(var(--gbf-u) * 8) calc(var(--gbf-u) * 16) calc(var(--gbf-u) * 7);border:calc(var(--gbf-u) * 1.6) solid #8a6e3cbf;border-radius:calc(var(--gbf-u) * 4);color:#8a6e3ce6;font-family:var(--gbf-serif);font-size:calc(var(--gbf-u) * 22);letter-spacing:calc(var(--gbf-u) * 4);white-space:nowrap;pointer-events:none;background:#faf8ec99;line-height:1;position:absolute;left:50%;transform:translate(-50%)rotate(-7deg)}@media (prefers-reduced-motion:reduce){.gbf:not(.gbf-still) .gbf-reveal,.gbf:not(.gbf-still) .gbf-dove-left.gbf-reveal,.gbf:not(.gbf-still) .gbf-dove-right.gbf-reveal{opacity:1;translate:none}.gbf-intro:is([data-phase=opening],[data-phase=open])~.gbf-frame .gbf-reveal,.gbf-intro:is([data-phase=opening],[data-phase=open])~.gbf-frame .gbf-dove,.gbf-chevron{animation:none}.gbf:not(.gbf-still) [data-anim],.gbf:not(.gbf-still) [data-anim].is-in{opacity:1;animation:none}.gbf-intro{transition:opacity .4s linear,visibility 0s linear .4s}.gbf-gate,.gbf-gate-plate{transition:none}.gbf-intro[data-phase=opening] .gbf-gate-left,.gbf-intro[data-phase=opening] .gbf-gate-right{translate:none}}