.bowmen-page{--bg:#0f2318;--cream:#faf4e4;--gold:#c1ab72;--paper:#f4efe2;--serif:"Playfair Display", Georgia, serif;--sans:"Avenir Next", Avenir, Futura, "Segoe UI", system-ui, sans-serif;text-align:center;background-color:var(--bg);min-height:100svh;color:var(--cream);background-image:radial-gradient(120% 85% at 50% 40%,#fffaeb07,#0000 64%),radial-gradient(105% 95%,#0000 42%,#00000030 100%);flex-direction:column;justify-content:center;align-items:center;padding:clamp(3rem,6svh,5rem) 2rem clamp(3.5rem,7svh,6rem);display:flex;position:relative}.bowmen-frame{pointer-events:none;z-index:10;border:1px solid #c1ab7259;position:fixed;inset:18px}.bowmen-figure{margin:0}.bowmen-arch{aspect-ratio:330/420;background:var(--paper);border-radius:999px 999px 0 0;width:min(330px,68vw,30svh);animation:.85s cubic-bezier(.22,1,.36,1) 50ms both rise;position:relative}.bowmen-arch:after{content:"";pointer-events:none;border:1px solid #c1ab728c;border-radius:999px 999px 0 0;position:absolute;inset:-13px}.bowmen-arch img{object-fit:contain;object-position:50% 45%;mix-blend-mode:multiply;width:100%;height:100%;padding:12% 8% 14%}.bowmen-caption,.bowmen-eyebrow,.bowmen-status,.bowmen-done{font-family:var(--sans);letter-spacing:.24em;text-transform:uppercase;font-size:.66rem;font-weight:600}.bowmen-caption{color:var(--gold);margin:clamp(1.2rem,2.5svh,2.1rem) -.24em 0 0;animation:.85s cubic-bezier(.22,1,.36,1) .16s both rise}.bowmen-headline{font-family:var(--serif);letter-spacing:0;color:var(--cream);text-wrap:balance;margin:clamp(1.8rem,3.8svh,3.2rem) 0 0;font-size:clamp(2.6rem,5.2vw,4.2rem);font-weight:500;line-height:1.12;animation:.85s cubic-bezier(.22,1,.36,1) .27s both rise}.bowmen-headline em{color:var(--gold);font-style:normal}.bowmen-rule{background:var(--gold);border:0;width:5rem;height:1px;margin:clamp(1.1rem,2svh,1.6rem) auto clamp(1.3rem,2.3svh,1.9rem);animation:.85s cubic-bezier(.22,1,.36,1) .38s both ruleIn}.bowmen-sub{font-family:var(--serif);color:#faf4e4eb;margin:0;font-size:clamp(1rem,1.4vw,1.2rem);font-weight:500;animation:.85s cubic-bezier(.22,1,.36,1) .49s both rise}.bowmen-sub i{font-style:italic;font-weight:400}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ruleIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.bowmen-page *,.bowmen-page :before,.bowmen-page :after{transition:none!important;animation:none!important}.bowmen-page .bowmen-done{opacity:1!important}}.bowmen-mark{z-index:20;width:54px;height:54px;animation:.5s cubic-bezier(.22,1,.36,1) .75s both markIn;position:fixed;top:36px;left:38px}.bowmen-mark svg{width:100%;height:100%;display:block}@keyframes markIn{0%{opacity:0}to{opacity:1}}@media (width<=600px){.bowmen-mark{width:45px;height:45px;top:30px;left:30px}}.bowmen-grain{z-index:30;pointer-events:none;opacity:.04;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");background-repeat:repeat;position:fixed;inset:0}.bowmen-signup{flex-direction:column;align-items:center;margin-top:clamp(2rem,4.5svh,3.2rem);animation:.85s cubic-bezier(.22,1,.36,1) .6s both rise;display:flex}.bowmen-eyebrow{color:#c1ab72bf;margin:0 -.24em 0 0}.bowmen-swap{flex-direction:column;align-items:center;display:flex;position:relative}.bowmen-swap.is-done .bowmen-eyebrow,.bowmen-swap.is-done .bowmen-field{opacity:0;visibility:hidden;transition:opacity .32s .32s,visibility 0s linear .64s}.bowmen-field{width:min(360px,78vw);margin-top:1rem;position:relative}.bowmen-input{width:100%;font-family:var(--serif);color:var(--cream);text-align:center;background:0 0;border:0;border-bottom:1px solid #c1ab7273;border-radius:0;outline:none;padding:0 2rem .7rem;font-size:1rem;font-weight:400;transition:border-color .3s}.bowmen-input::placeholder{color:#faf4e48c;font-family:var(--serif)}.bowmen-input:focus{border-bottom-color:var(--gold)}.bowmen-input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.bowmen-input:disabled{-webkit-text-fill-color:var(--cream);opacity:1}.bowmen-field.is-error .bowmen-input,.bowmen-field.is-error .bowmen-input:focus{border-bottom-color:#c08674}.bowmen-send{cursor:pointer;opacity:.6;background:0 0;border:0;padding:16px 9px;line-height:0;transition:opacity .3s,transform .32s cubic-bezier(.22,1,.36,1);position:absolute;top:-9.5px;right:-9px}.bowmen-send:hover,.bowmen-input:focus~.bowmen-send{opacity:1}.bowmen-send:focus-visible{opacity:1;outline:1px solid var(--gold);outline-offset:3px}.bowmen-send:disabled{cursor:default}.bowmen-swap.is-loosed .bowmen-send{opacity:0;transform:translate(26px)}.bowmen-status-slot{min-height:1.4rem;margin-top:.85rem}.bowmen-status{color:#c1ab72bf;min-height:1.4rem;margin:0 -.24em 0 0}.bowmen-status:focus{outline:none}.bowmen-status.is-error{color:#c08674}.bowmen-status.is-hidden-visually{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.bowmen-done{white-space:nowrap;color:var(--gold);opacity:0;margin:0;animation:.32s .64s both fadeIn;position:absolute;top:0;left:50%;transform:translate(calc(.12em - 50%))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bowmen-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.bowmen-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}