.ob-progress{display:none}@supports (animation-timeline:scroll()){.ob-progress{z-index:60;pointer-events:none;background:linear-gradient(90deg, var(--accent), var(--accent-ink));transform-origin:0;height:2px;animation:linear both ob-progress;animation-timeline:scroll(root);display:block;position:fixed;inset:0 0 auto;transform:scaleX(0)}}@keyframes ob-progress{to{transform:scaleX(1)}}.ob-stage{isolation:isolate;background:radial-gradient(60% 80% at 85% 0%, #c79a6829, transparent 65%), var(--ink)}.ob-stage-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#f5f3ec0b 1px,#0000 1px),linear-gradient(90deg,#f5f3ec0b 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 85% at 60% 30%,#000 10%,#0000 80%);mask-image:radial-gradient(75% 85% at 60% 30%,#000 10%,#0000 80%)}.ob-grid-ink{pointer-events:none;background-image:linear-gradient(#f5f3ec0a 1px,#0000 1px),linear-gradient(90deg,#f5f3ec0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 90% at 0 0,#000,#0000 75%);mask-image:radial-gradient(90% 90% at 0 0,#000,#0000 75%)}.ob-glow{pointer-events:none;background:radial-gradient(50% 70% at 85% 100%,#c79a6833,#0000 70%);position:absolute;inset:0}.ob-on-ink{background:radial-gradient(120% 60% at 100% 0,#c79a681f,#0000 60%),#2a241c;box-shadow:0 0 0 1px #f5f3ec17,inset 0 1px #f5f3ec12,0 50px 100px -40px #000000bf}.ob-spot{isolation:isolate}.ob-spot:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%), #9a6a4121, transparent 62%);opacity:0;transition:opacity .4s var(--ease-brand);position:absolute;inset:0}.ob-spot[data-spot=on]:before{opacity:1}.ob-kinetic{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.ob-marquee{white-space:nowrap;will-change:transform;width:max-content;animation:48s linear infinite ob-marquee;display:flex}.ob-kinetic:hover .ob-marquee{animation-play-state:paused}@keyframes ob-marquee{to{transform:translate(-50%)}}.ob-outline{color:#0000;-webkit-text-stroke:1.25px color-mix(in srgb, var(--accent) 80%, transparent)}.reveal .ob-bar{transform-origin:0;transition:transform 1.1s var(--ease-brand);transition-delay:calc(var(--reveal-delay,0s) + var(--i,0) * .16s + .25s);transform:scaleX(0)}.reveal[data-visible=true] .ob-bar{transform:none}.reveal .ob-underline{transform-origin:0;transition:transform .9s var(--ease-brand) .45s;transform:scaleX(0)}.reveal[data-visible=true] .ob-underline{transform:none}.reveal .ob-rail-fill{transform-origin:top;transition:transform 1.6s var(--ease-brand) .2s;transform:scaleY(0)}.reveal[data-visible=true] .ob-rail-fill{transform:none}.ob-ring-fill{stroke-dasharray:1;stroke-dashoffset:var(--off,1);animation:ob-ring 1.5s .35s var(--ease-brand) backwards}@keyframes ob-ring{0%{stroke-dashoffset:1px}}.ob-journey-fill{transform-origin:top;transform:scaleY(var(--fill,0));animation:ob-journey 1.4s .5s var(--ease-brand) backwards}@keyframes ob-journey{0%{transform:scaleY(0)}}.ob-pop{animation:.55s cubic-bezier(.34,1.5,.5,1) backwards ob-pop;animation-delay:calc(var(--i,0) * .14s + .45s)}@keyframes ob-pop{0%{opacity:0;transform:scale(.4)}}.ob-rise{animation:ob-rise .6s var(--ease-brand) backwards;animation-delay:calc(var(--i,0) * 90ms + var(--rise-base,.3s))}@keyframes ob-rise{0%{opacity:0;transform:translateY(14px)}}.ob-halo{position:relative}.ob-halo:after{content:"";border-radius:inherit;pointer-events:none;animation:2.2s ease-out infinite ob-halo;position:absolute;inset:-1px;box-shadow:0 0 0 2px #c79a688c}@keyframes ob-halo{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.ob-current{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent), 0 24px 48px -28px #9a6a418c, 0 2px 6px #221d160f}.ob-seg{position:relative;overflow:hidden}.ob-seg>span{border-radius:inherit;transform-origin:0;transition:transform .6s var(--ease-brand);position:absolute;inset:0;transform:scaleX(0)}.ob-seg[data-state=done]>span,.ob-seg[data-state=current]>span{transform:none}.ob-seg[data-state=current]>span{animation:ob-seg-in .7s var(--ease-brand) backwards}@keyframes ob-seg-in{0%{transform:scaleX(0)}}.ob-burst{position:relative}.ob-burst:after{content:"";box-shadow:0 0 0 2px var(--accent-ink);pointer-events:none;border-radius:999px;animation:.9s ease-out .15s both ob-burst;position:absolute;inset:0}@keyframes ob-burst{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.ob-in{animation:ob-in .45s var(--ease-brand) both}@keyframes ob-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}.ob-field{transition:border-color .2s var(--ease-brand), box-shadow .25s var(--ease-brand), background-color .2s var(--ease-brand)}.ob-field:focus,.ob-field:focus-visible{border-color:var(--accent);background-color:var(--cream);box-shadow:0 0 0 4px var(--brass-wash);outline:none}.ob-sig-line{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 20%, transparent))}.ob-sig-name{animation:ob-in .3s var(--ease-brand) both}.ob-drop{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent) 45%, transparent) 0 8px, transparent 8px 14px) top / 100% 1.5px no-repeat, repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent) 45%, transparent) 0 8px, transparent 8px 14px) bottom / 100% 1.5px no-repeat, repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent) 45%, transparent) 0 8px, transparent 8px 14px) left / 1.5px 100% no-repeat, repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent) 45%, transparent) 0 8px, transparent 8px 14px) right / 1.5px 100% no-repeat, color-mix(in srgb, var(--accent) 5%, var(--paper));transition:background-color .2s}.ob-cta .bz-magnet{transition:transform .35s var(--ease-brand)}.ob-dock{opacity:0;transition:transform .5s var(--ease-brand), opacity .3s var(--ease-brand);transform:translateY(150%)}.ob-dock[data-show=true]{opacity:1;transform:none}.ob-pay-ink>div{background:radial-gradient(120% 60% at 100% 0,#c79a681f,#0000 60%),#2a241c;box-shadow:0 0 0 1px #f5f3ec1a,inset 0 1px #f5f3ec12,0 50px 100px -40px #000000bf}.ob-pay-ink .border-ink\/10{border-color:#f5f3ec1a}.ob-pay-ink .text-slate{color:#f5f3ec8c}.ob-pay-ink .text-ink,.ob-pay-ink .hover\:text-ink:hover{color:var(--paper)}.ob-pay-ink .ring-ink\/15{--tw-ring-color:#f5f3ec33}.ob-pay-ink .hover\:bg-ink\/\[0\.05\]:hover{background-color:#f5f3ec14}.ob-pay-ink .bg-ink{background-color:var(--paper);color:var(--ink)}@media (prefers-reduced-motion:reduce){.ob-marquee,.ob-ring-fill,.ob-journey-fill,.ob-pop,.ob-rise,.ob-sig-name,.ob-in,.ob-seg[data-state=current]>span{animation:none}.ob-halo:after,.ob-burst:after{opacity:0;animation:none}.ob-dock,.ob-seg>span,.ob-field,.ob-cta .bz-magnet{transition:none}.reveal .ob-bar,.reveal .ob-underline,.reveal .ob-rail-fill{transition:none;transform:none}}@media print{.ob-progress,.ob-dock,.ob-decor{display:none!important}.ob-stage{background:0 0!important;border-radius:0!important}.ob-stage :is(h1,p,span,a,div){color:#000!important}}
