.ff-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s var(--ease,cubic-bezier(.19,1,.22,1))}.ff-popup.is-open{opacity:1}.ff-popup-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#211f1a6b}.ff-popup-card{position:relative;width:min(520px,calc(100vw - 32px));max-height:min(90vh,90dvh);overflow:auto;-webkit-overflow-scrolling:touch;background:var(--paper-lift,#FCFAF7);color:var(--ink,#211F1A);border:1px solid var(--line,#D6CDBA);box-shadow:0 30px 80px #211f1a40;padding:44px 44px 36px;font-family:var(--serif,Georgia,serif);transform:translateY(12px);transition:transform .5s var(--ease,cubic-bezier(.19,1,.22,1))}.ff-popup.is-open .ff-popup-card{transform:none}.ff-popup-card:focus{outline:0}.ff-popup-close{position:sticky;top:0;float:right;margin:-34px -34px 0 0;width:44px;height:44px;border:0;background:var(--paper-lift,#FCFAF7);color:var(--ink-faint,#675F50);font:400 26px/1 var(--serif,Georgia,serif);cursor:pointer;z-index:1}.ff-popup-close:hover,.ff-popup-close:focus-visible{color:var(--ink,#211F1A)}.ff-popup-eyebrow{font-variant-caps:all-small-caps;letter-spacing:var(--ls-sc,.16em);font-size:18px;color:var(--ink-faint,#675F50);margin:0 0 14px}.ff-popup-card h2{font-weight:400;font-size:clamp(1.45rem,2.7vw,2.1rem);line-height:1.15;margin:0 0 14px;letter-spacing:-.01em}.ff-popup-body{font-size:1.1rem;line-height:1.55;color:var(--ink-soft,#5A544A);margin:0 0 24px}.ff-popup-field{display:block;margin:0 0 16px}.ff-popup-field>span{display:block;font-variant-caps:all-small-caps;letter-spacing:var(--ls-sc,.16em);font-size:17px;color:var(--ink-faint,#675F50);margin:0 0 6px}.ff-popup-field input{width:100%;box-sizing:border-box;font:inherit;font-size:max(16px,1.1rem);padding:12px 14px;border:1px solid var(--line-strong,#C7BCA4);background:var(--paper,#F7F4EE);color:var(--ink,#211F1A);border-radius:0}.ff-popup-field input:focus{outline:1.5px solid var(--accent,#1E3A5F);outline-offset:2px}.ff-popup-roles{display:flex;gap:10px;flex-wrap:wrap;margin:0;padding:0;border:0;min-width:0}.ff-popup-roles legend{font-variant-caps:all-small-caps;letter-spacing:var(--ls-sc,.16em);font-size:17px;color:var(--ink-faint,#675F50);padding:0;margin:0 0 6px;width:100%}.ff-popup-role{flex:1 1 30%;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong,#C7BCA4);padding:11px 12px;font-size:max(16px,1.05rem);cursor:pointer;background:var(--paper,#F7F4EE)}.ff-popup-role:has(input:checked){border-color:var(--accent,#1E3A5F);box-shadow:inset 0 0 0 1px var(--accent,#1E3A5F)}.ff-popup-role:has(input:focus-visible){outline:1.5px solid var(--accent,#1E3A5F);outline-offset:2px}.ff-popup-role input{margin:0;accent-color:var(--accent,#1E3A5F)}.ff-popup-submit{display:block;width:100%;margin:22px 0 0;padding:14px 22px;background:var(--accent,#1E3A5F);color:var(--paper,#F7F4EE);border:0;font-family:var(--sans,Arial,sans-serif);font-size:13px;letter-spacing:var(--ls-caps,.12em);text-transform:uppercase;cursor:pointer}.ff-popup-submit:focus-visible{outline:1.5px solid var(--accent,#1E3A5F);outline-offset:3px}.ff-popup-form.is-busy{opacity:.6;pointer-events:none}.ff-popup-error{margin:14px 0 0;font-family:var(--sans,Arial,sans-serif);font-size:var(--meta,13px);letter-spacing:.06em;color:var(--accent,#1E3A5F)}.ff-popup-fine{font-size:.98rem;line-height:1.5;color:var(--ink-faint,#675F50);margin:16px 0 0}.ff-popup-fine a{color:var(--accent,#1E3A5F)}.ff-popup-quiet{display:block;margin:14px auto 0;background:none;border:0;font:inherit;font-size:1rem;color:var(--ink-faint,#675F50);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ff-popup-received{padding-top:6px}body.ff-popup-open{overflow:hidden}@media(max-width:560px){.ff-popup{align-items:flex-end}.ff-popup-card{width:100vw;max-width:100vw;max-height:min(88vh,88dvh);padding:20px 22px 26px;border-left:0;border-right:0;border-bottom:0}.ff-popup-close{margin:-8px -12px 0 0}.ff-popup-roles{flex-direction:column}.ff-popup-role{flex-basis:auto}.ff-popup-card h2{font-size:1.45rem}}.ff-popup-tab{position:fixed;left:0;top:50%;z-index:47;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;margin:0;padding:16px 11px;border:0;border-radius:0;background:var(--accent,#1E3A5F);color:var(--paper,#F7F4EE);font-family:var(--sans,Arial,sans-serif);font-size:12px;letter-spacing:var(--ls-caps,.12em);text-transform:uppercase;line-height:1;cursor:pointer;box-shadow:0 8px 24px -10px #211f1a73;opacity:.94;transition:opacity .3s var(--ease,cubic-bezier(.19,1,.22,1))}.ff-popup-tab:hover,.ff-popup-tab:focus-visible{opacity:1;outline:0}.ff-popup-tab:focus-visible{box-shadow:0 0 0 2px var(--paper,#F7F4EE),0 0 0 4px var(--accent,#1E3A5F)}@media(max-width:560px){.ff-popup-tab{padding:14px 10px;font-size:11px}}body.menu-open .ff-popup-tab{display:none}@media(prefers-reduced-motion:reduce){.ff-popup,.ff-popup-card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/forefront-popup.css.map */
