.pkg-root{--pkg-serif: "Fraunces", Georgia, serif;--pkg-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--pkg-focus: var(--orange, #c2614f);min-height:100vh;background:var(--paper, #fdf6f0);color:var(--ink, #1c1917);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}.pkg-root *,.pkg-root *:before,.pkg-root *:after{box-sizing:border-box}.pkg-root button,.pkg-root input{color:inherit;font:inherit}.pkg-root button{border:0;background:none}.pkg-root button:not(:disabled),.pkg-root label:has(input:not(:disabled)){cursor:pointer}.pkg-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pkg-ground{position:relative;min-height:100vh}.pkg-card{position:relative;min-height:100vh;background:var(--surface, #ffffff)}.pkg-margin-note,.pkg-cropmarks{display:none}.pkg-stage{position:relative;overflow:hidden;padding:18px 20px 20px;background:var(--ink, #1c1917);color:var(--paper, #fdf6f0)}.pkg-stage-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.pkg-monogram{display:grid;width:40px;height:40px;flex:none;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--paper, #fdf6f0) 60%,transparent);border-radius:50%;font:430 17px/1 var(--pkg-serif)}.pkg-monogram--logo{background:var(--paper, #fdf6f0)}.pkg-monogram img{width:100%;height:100%;object-fit:cover}.pkg-folio{max-width:24ch;color:color-mix(in srgb,var(--paper, #fdf6f0) 72%,transparent);font:500 8.5px/1.65 var(--pkg-mono);letter-spacing:.2em;text-align:right;text-transform:uppercase}.pkg-kicker{display:flex;align-items:center;gap:10px;margin-top:18px;color:color-mix(in srgb,var(--paper, #fdf6f0) 72%,transparent);font:500 9px/1 var(--pkg-mono);letter-spacing:.28em;text-transform:uppercase}.pkg-kicker:before{width:22px;height:1px;background:var(--orange, #c2614f);content:""}.pkg-stage-name{max-width:14ch;margin:9px 0 0;font:370 clamp(32px,9vw,44px) / .98 var(--pkg-serif);letter-spacing:-.015em;text-wrap:balance}.pkg-stage-welcome{max-width:38ch;margin:10px 0 0;color:color-mix(in srgb,var(--paper, #fdf6f0) 92%,transparent);font:italic 360 14.5px/1.55 var(--pkg-serif);text-wrap:pretty}.pkg-stage-return{display:flex;align-items:baseline;gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--paper, #fdf6f0) 22%,transparent)}.pkg-stage-return a{min-height:44px;display:inline-flex;align-items:center;color:var(--paper, #fdf6f0);font:500 9px/1.3 var(--pkg-mono);letter-spacing:.16em;text-decoration:none;text-transform:uppercase}.pkg-stage-return a:hover{color:color-mix(in srgb,var(--paper, #fdf6f0) 75%,transparent)}.pkg-sheet{width:100%;max-width:560px;margin-inline:auto;padding:18px 18px 0}.pkg-running-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--rule, #e7d5cc);color:var(--ink-soft, #78716c);font:500 8.5px/1.4 var(--pkg-mono);letter-spacing:.22em;text-transform:uppercase}.pkg-running-head span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pkg-running-head span:last-child{flex:none;white-space:nowrap}.pkg-glance{padding:16px 0 15px;border-bottom:1px solid var(--rule, #e7d5cc)}.pkg-mono-label{color:var(--ink, #1c1917);font:500 9px/1.3 var(--pkg-mono);letter-spacing:.24em;text-transform:uppercase}.pkg-glance p{max-width:52ch;margin:10px 0 0;font:420 19px/1.3 var(--pkg-serif);letter-spacing:-.01em;text-wrap:pretty}.pkg-glance small{display:block;margin-top:9px;color:var(--ink-soft, #78716c);font:500 9px/1.7 var(--pkg-mono);letter-spacing:.13em;text-transform:uppercase}.pkg-step,.pkg-step-body,.pkg-member-catalog{margin-top:20px}.pkg-step-head{display:flex;align-items:baseline;gap:12px}.pkg-step-no{flex:none;color:var(--orange, #c2614f);font:500 10px/1 var(--pkg-mono)}.pkg-step-title{margin:0;color:var(--ink, #1c1917);font:500 9.5px/1.4 var(--pkg-mono);letter-spacing:.26em;text-transform:uppercase}.pkg-step-rule{align-self:center;flex:1;border-top:1px solid var(--rule, #e7d5cc)}.pkg-step-note{flex:none;color:var(--ink-soft, #78716c);font:500 8px/1.4 var(--pkg-mono);letter-spacing:.12em;text-transform:uppercase}.pkg-step-head.is-locked .pkg-step-no,.pkg-step-head.is-locked .pkg-step-title{color:var(--ink-faint, #99928d)}.pkg-step-filled{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:10px;padding:11px 12px;background:var(--paper-soft, #f8eae3)}.pkg-fill-main{font:500 15px/1.4 var(--pkg-serif)}.pkg-fill-meta{color:var(--ink-soft, #78716c);font:500 9px/1.4 var(--pkg-mono);letter-spacing:.08em;text-transform:uppercase}.pkg-change{min-height:44px;margin-left:auto;color:var(--orange-deep, #7e3f33);font:500 9px/1.4 var(--pkg-mono);letter-spacing:.16em;text-transform:uppercase}.pkg-fieldset{padding:0;border:0}.pkg-packs{margin-top:12px;border-top:1px solid var(--rule, #e7d5cc)}.pkg-pack{position:relative;display:grid;grid-template-areas:"photo photo photo" "tick name price" "tick punches punches" "tick meta meta" "tick desc desc";grid-template-columns:24px minmax(0,1fr) auto;gap:2px 12px;align-items:baseline;padding:15px 10px 17px;border-bottom:1px solid var(--rule, #e7d5cc);transition:background .22s ease}.pkg-pack:hover{background:color-mix(in srgb,var(--paper-soft, #f8eae3) 65%,transparent)}.pkg-pack.is-selected{background:var(--paper-soft, #f8eae3)}.pkg-pack:has(input:focus-visible){outline:2px solid var(--pkg-focus);outline-offset:-2px}.pkg-tick{position:relative;top:2px;display:grid;grid-area:tick;width:22px;height:22px;align-self:start;place-items:center;border:1px solid var(--ink-soft, #78716c);border-radius:50%;color:var(--ink-soft, #78716c);font:500 10px/1 var(--pkg-mono)}.pkg-pack.is-selected .pkg-tick{border-color:var(--orange, #c2614f);background:var(--orange, #c2614f);color:var(--surface, #ffffff)}.pkg-photo{position:relative;grid-area:photo;height:clamp(160px,46vw,240px);margin:-15px -10px 12px;overflow:hidden;background:var(--paper-soft, #f8eae3)}.pkg-photo img{width:100%;height:100%;object-fit:cover}.pkg-photo-caption{position:absolute;bottom:8px;left:10px;padding:3px 6px;background:color-mix(in srgb,var(--surface, #ffffff) 88%,transparent);color:var(--ink-soft, #78716c);font:500 8px/1.4 var(--pkg-mono);letter-spacing:.18em;text-transform:uppercase}.pkg-pack-name{display:flex;min-width:0;grid-area:name;align-items:baseline;gap:12px}.pkg-pack-name b{font:600 18px/1.25 var(--pkg-serif);letter-spacing:-.01em}.pkg-leader{display:none;min-width:16px;flex:1;transform:translateY(-4px);border-bottom:1px dotted color-mix(in srgb,var(--ink-soft, #78716c) 38%,transparent)}.pkg-pack-price{grid-area:price;text-align:right}.pkg-pack-price b{display:block;color:var(--package-accent-text, var(--orange-deep, #7e3f33));font:430 24px/1.1 var(--pkg-serif)}.pkg-pack-price i,.pkg-amount i{display:block;margin-top:2px;color:var(--ink-soft, #78716c);font:normal 500 8.5px/1.5 var(--pkg-mono);letter-spacing:.08em;text-transform:uppercase}.pkg-pack-punches{display:flex;grid-area:punches;align-items:center;gap:7px;margin-top:6px;flex-wrap:wrap}.pkg-punches{display:inline-flex;gap:5px;flex-wrap:wrap}.pkg-stub{width:11px;height:11px;flex:none;border:1px solid var(--ink-soft, #78716c);border-radius:50%}.pkg-stub.is-punched{border-color:var(--ink, #1c1917);background:var(--ink, #1c1917)}.pkg-stub-count,.pkg-unlimited{color:var(--ink, #1c1917);font:500 9px/1.4 var(--pkg-mono);letter-spacing:.13em;text-transform:uppercase}.pkg-pack-meta{grid-area:meta;margin:6px 0 0;color:var(--ink-soft, #78716c);font:500 8.5px/1.8 var(--pkg-mono);letter-spacing:.1em;text-transform:uppercase}.pkg-pack-desc{max-width:52ch;grid-area:desc;margin-top:6px;color:var(--ink-soft, #78716c);font:400 13.5px/1.55 var(--pkg-serif)}.pkg-pack.is-selected .pkg-pack-desc{color:var(--ink, #1c1917)}.pkg-commit{margin-top:14px}.pkg-commit>p,.pkg-helper{margin:12px 0 0;color:var(--ink-soft, #78716c);font:italic 400 13.5px/1.55 var(--pkg-serif);text-align:center}.pkg-root .pkg-cta{position:relative;display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:12px;margin-top:18px;overflow:hidden;padding:14px 22px;border:0;border-radius:0;background:var(--ink, #1c1917);box-shadow:0 14px 30px -18px color-mix(in srgb,var(--ink, #1c1917) 55%,transparent);color:var(--paper, #fdf6f0);font-size:15px;font-weight:600;text-decoration:none;transition:transform .12s ease}.pkg-root .pkg-cta:before{position:absolute;inset:0;background:var(--orange-deep, #7e3f33);content:"";transform:scaleX(0);transform-origin:left;transition:transform .34s cubic-bezier(.7,0,.2,1)}.pkg-root .pkg-cta:hover:before{transform:scaleX(1)}.pkg-root .pkg-cta>span{position:relative;z-index:1}.pkg-root .pkg-cta:active{transform:translateY(1px)}.pkg-root .pkg-cta:disabled{cursor:default;opacity:.45}.pkg-root .pkg-cta:disabled:before{display:none}.pkg-existing{display:flex;min-height:44px;align-items:center;margin:10px auto 0;color:var(--ink-soft, #78716c);font:500 9px/1.4 var(--pkg-mono);letter-spacing:.13em;text-decoration:underline;text-underline-offset:3px;text-transform:uppercase}.pkg-step-lede,.pkg-settled>p,.pkg-empty>p,.pkg-member-note{max-width:65ch;margin:12px 0 0;font:400 15px/1.6 var(--pkg-serif);text-wrap:pretty}.pkg-step-lede strong{font-weight:600}.pkg-amount{padding:16px 0 14px;border-bottom:1px solid var(--rule, #e7d5cc)}.pkg-amount b{display:block;margin-top:6px;color:var(--package-accent-text, var(--orange-deep, #7e3f33));font:430 34px/1.15 var(--pkg-serif);letter-spacing:-.01em}.pkg-identify,.pkg-proof,.pkg-attestation{margin-top:14px}.pkg-root .s-pk-label{display:block;margin:14px 0 7px;color:var(--ink, #1c1917);font:500 9px/1.4 var(--pkg-mono);letter-spacing:.18em;text-transform:uppercase}.pkg-root .s-pk-input,.pkg-root .s-pk-file{width:100%;min-height:44px;padding:11px 12px;border:1px solid var(--rule, #e7d5cc);border-radius:0;background:var(--surface, #ffffff)}.pkg-root .s-pk-toggles{display:flex;gap:0;margin:12px 0 4px;border:1px solid var(--rule, #e7d5cc)}.pkg-root .s-pk-toggle{min-height:44px;flex:1;padding:9px 12px;color:var(--ink-soft, #78716c);font:500 9px/1.4 var(--pkg-mono);letter-spacing:.08em;text-transform:uppercase}.pkg-root .s-pk-toggle+.s-pk-toggle{border-left:1px solid var(--rule, #e7d5cc)}.pkg-root .s-pk-toggle.is-selected{background:var(--ink, #1c1917);color:var(--paper, #fdf6f0)}.pkg-root .s-pk-btn{min-height:44px;margin-top:14px;padding:11px 18px;border:1px solid var(--ink, #1c1917);border-radius:0;font:500 9.5px/1.4 var(--pkg-mono);letter-spacing:.13em;text-transform:uppercase}.pkg-root .s-pk-btn--primary{width:100%;background:var(--ink, #1c1917);color:var(--paper, #fdf6f0)}.pkg-root .s-pk-linkbtn{min-height:44px;margin-top:8px;color:var(--ink-soft, #78716c);font:500 9px/1.4 var(--pkg-mono);letter-spacing:.12em;text-decoration:underline;text-underline-offset:3px;text-transform:uppercase}.pkg-root .s-pk-lede,.pkg-root .s-pk-note{margin:10px 0 0;color:var(--ink, #1c1917);font:400 14.5px/1.55 var(--pkg-serif)}.pkg-root .s-pk-note{color:var(--ink-soft, #78716c);font-size:12px;font-style:italic}.pkg-error,.pkg-root .s-pk-error{margin-top:10px;padding:10px 12px;border:1px solid var(--orange-deep, #7e3f33);color:var(--orange-deep, #7e3f33);font:500 10px/1.5 var(--pkg-mono);letter-spacing:.04em}.pkg-root .pay-instructions-display{margin-top:16px;border-bottom:1px solid var(--rule, #e7d5cc)}.pkg-root .pay-gcash-row,.pkg-root .pay-generic-qr,.pkg-root .pay-bank-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px;padding:13px 0;border-top:1px solid var(--rule, #e7d5cc)}.pkg-root .pay-gcash-number,.pkg-root .bff-receipt-v{font:500 13px/1.5 var(--pkg-mono)}.pkg-root .bff-receipt-k,.pkg-root .pay-generic-qr-label{color:var(--ink-soft, #78716c);font:500 9px/1.4 var(--pkg-mono);letter-spacing:.14em;text-transform:uppercase}.pkg-root .pay-copy,.pkg-root .pay-qr-toggle{min-height:44px;padding:8px 14px;border:1px solid var(--rule, #e7d5cc);color:var(--ink-soft, #78716c);font:500 8.5px/1.4 var(--pkg-mono);letter-spacing:.14em;text-transform:uppercase}.pkg-root .pay-instruction-tip,.pkg-root .pay-note,.pkg-root .pay-generic-qr-hint{display:block;margin:8px 0 12px;color:var(--ink-soft, #78716c);font:italic 400 12.5px/1.5 var(--pkg-serif)}.pkg-root .pay-qr-image{width:min(240px,100%);margin:10px auto}.pkg-proof{padding-top:14px;border-top:1px solid var(--rule, #e7d5cc)}.pkg-root .s-pk-file{padding:12px;border-style:dashed}.pkg-root .s-pk-receipt{margin:16px 0 0;border-top:1px solid var(--rule, #e7d5cc)}.pkg-root .s-pk-receipt-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--rule, #e7d5cc)}.pkg-root .s-pk-receipt dt{font:500 9px/1.4 var(--pkg-mono);letter-spacing:.14em;text-transform:uppercase}.pkg-root .s-pk-receipt dd{margin:0;font:500 12px/1.5 var(--pkg-mono);text-align:right}.pkg-settled{margin-top:14px}.pkg-stamp{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid var(--ink, #1c1917);font:500 9px/1.4 var(--pkg-mono)!important;letter-spacing:.17em;text-transform:uppercase;animation:pkg-stamp .5s cubic-bezier(.16,1,.3,1) both}.pkg-stamp:before{width:8px;height:8px;border-radius:50%;background:var(--orange, #c2614f);content:""}@keyframes pkg-stamp{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.pkg-settled h2,.pkg-member-pack h2,.pkg-empty h2{margin:16px 0 0;font:500 21px/1.25 var(--pkg-serif);letter-spacing:-.01em;text-wrap:pretty}.pkg-member-pack{margin-top:12px;padding:16px 14px 18px;background:var(--paper-soft, #f8eae3)}.pkg-member-pack h2{margin-top:8px}.pkg-member-punches{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.pkg-helper button{min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:3px}.pkg-empty{padding:26px 0 8px}.pkg-load-error{padding:20px 10px;border-bottom:1px solid var(--rule, #e7d5cc)}.pkg-load-error p{font:400 15px/1.5 var(--pkg-serif)}.pkg-load-error button{min-height:44px;margin-top:10px;padding:10px 18px;border:1px solid var(--ink, #1c1917);font:500 9.5px/1.4 var(--pkg-mono);letter-spacing:.15em;text-transform:uppercase}.pkg-skeleton{margin-top:12px;border-top:1px solid var(--rule, #e7d5cc)}.pkg-skeleton span{display:block;height:12px;margin:18px 10px;background:var(--paper-soft, #f8eae3);animation:pkg-pulse 1.4s ease-in-out infinite}.pkg-skeleton span:nth-child(2){width:58%}.pkg-skeleton span:nth-child(3){width:34%}@keyframes pkg-pulse{50%{opacity:.45}}.pkg-colophon{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:30px;padding:14px 0 20px;border-top:1px solid var(--rule, #e7d5cc)}.pkg-colophon a,.pkg-colophon span{color:var(--ink-soft, #78716c);font:500 8px/1.5 var(--pkg-mono);letter-spacing:.17em;text-decoration:none;text-transform:uppercase}.pkg-root .s-pk-turnstile-well{position:relative;width:100%}.pkg-root :focus-visible{outline:2px solid var(--pkg-focus);outline-offset:2px}.pkg-stage :focus-visible{outline-color:var(--paper, #fdf6f0)}@media(max-width:899px){.pkg-commit{padding:12px 0 calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--rule, #e7d5cc);background:var(--surface, #ffffff)}}@media(min-width:900px){.pkg-ground{padding:56px 24px 72px}.pkg-card{max-width:760px;min-height:0;margin-inline:auto;border:1px solid var(--rule, #e7d5cc)}.pkg-cropmarks{display:block;position:absolute;inset:0;pointer-events:none}.pkg-crop{position:absolute;width:18px;height:18px}.pkg-crop:before,.pkg-crop:after{position:absolute;background:var(--ink-faint, #99928d);content:""}.pkg-crop:before{width:18px;height:1px}.pkg-crop:after{width:1px;height:18px}.pkg-crop--tl{top:-26px;left:-26px}.pkg-crop--tr{top:-26px;right:-26px}.pkg-crop--bl{bottom:-26px;left:-26px}.pkg-crop--br{right:-26px;bottom:-26px}.pkg-crop--tl:before,.pkg-crop--tr:before{bottom:0}.pkg-crop--bl:before,.pkg-crop--br:before{top:0}.pkg-crop--tl:after,.pkg-crop--bl:after{right:0}.pkg-crop--tr:after,.pkg-crop--br:after{left:0}.pkg-stage{padding:24px 44px 26px}.pkg-stage-name{font-size:48px}.pkg-sheet{max-width:640px;padding:24px 0 0}.pkg-leader{display:block}.pkg-colophon{padding-bottom:26px}}@media(min-width:1240px){.pkg-margin-note{position:fixed;top:50%;display:block;color:var(--ink-soft, #78716c);font:500 9px/1.4 var(--pkg-mono);letter-spacing:.26em;text-transform:uppercase;white-space:nowrap;writing-mode:vertical-rl}.pkg-margin-note--left{left:36px;transform:translateY(-50%) rotate(180deg)}.pkg-margin-note--right{right:36px;transform:translateY(-50%)}}@media(prefers-reduced-motion:reduce){.pkg-root *,.pkg-root *:before,.pkg-root *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
