.ww{--matte-bag:#e7ddd8}@layer base{.ww{background:var(--background);color:var(--foreground)}.ww .dark{color:var(--foreground)}.ww h1,.ww h2,.ww h3{line-height:1.12}.ww .on-stone :focus-visible{outline-color:var(--stone-fg)}}@layer components{.ww .ww-container{width:100%;max-width:1400px;margin-inline:auto;padding-inline:1rem}.ww .frame{border-inline-width:1px}.ww .rule-b{border-bottom-width:1px}.ww .rule-t{border-top-width:1px}.ww .pad{padding:1.5rem}.ww .pad-x{padding-inline:1.5rem}@media (min-width:768px){.ww .pad{padding:2rem}.ww .pad-x{padding-inline:2rem}}@media (min-width:1024px){.ww .pad{padding:2.5rem}.ww .pad-x{padding-inline:2.5rem}}.ww .ruled{display:grid}.ww .ruled>*+*{border-top-width:1px}@media (min-width:768px){.ww .ruled-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ww .ruled-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ww .ruled-2>*+*,.ww .ruled-3>*+*{border-top-width:0}.ww .ruled-2>:nth-child(n+3),.ww .ruled-3>:nth-child(n+4){border-top-width:1px}.ww .ruled-2>:nth-child(2n),.ww .ruled-3>:not(:nth-child(3n+1)){border-left-width:1px}}.ww .btn{height:2.5rem;font-family:var(--font-sans);white-space:nowrap;cursor:pointer;transition:background-color var(--default-transition-duration)var(--ease),color var(--default-transition-duration)var(--ease),border-color var(--default-transition-duration)var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding-inline:1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.ww .btn svg{width:1rem;height:1rem;transition:transform var(--default-transition-duration)var(--ease)}.ww .btn:hover svg.nudge{transform:translate(4px)}.ww .btn-primary{background:var(--primary);color:var(--primary-foreground)}.ww .btn-primary:hover{background:color-mix(in srgb,var(--primary)90%,transparent)}.ww .btn-outline{background:var(--card);color:var(--foreground);border-color:var(--input)}.ww .btn-outline:hover{background:var(--accent)}.ww .btn-ghost{color:var(--foreground)}.ww .btn-ghost:hover,.ww .btn-ghost[data-state=open]{background:var(--accent)}.ww .btn-ghost[aria-current=page]{background:var(--fill)}.ww .on-stone .btn-primary{background:var(--stone-fg);color:var(--stone)}.ww .on-stone .btn-primary:hover{background:color-mix(in srgb,var(--stone-fg)90%,transparent)}.ww .on-stone .btn-outline{color:var(--stone-fg);border-color:color-mix(in srgb,var(--stone-fg)50%,transparent);background:0 0}.ww .on-stone .btn-outline:hover{background:color-mix(in srgb,var(--stone-fg)10%,transparent)}.ww .btn-sm{height:2.25rem;padding-inline:.875rem}.ww .btn-lg{height:2.75rem;padding-inline:1.5rem;font-size:.90625rem}.ww .btn-icon{width:2.25rem;padding:0}.ww .tag{white-space:nowrap;align-items:center;gap:.4rem;padding:.25rem .5rem;display:inline-flex}.ww .tag-warm{background:color-mix(in srgb,var(--warm)10%,transparent);color:var(--warm-ink)}.ww .tag-cool{background:color-mix(in srgb,var(--cool)10%,transparent);color:var(--cool-ink)}.ww .tag-outline{border:1px solid color-mix(in srgb,var(--warm)40%,transparent);background:color-mix(in srgb,var(--warm)10%,transparent);color:var(--warm-ink)}.ww .tag-solid{background:var(--page)}.ww .dot{background:currentColor;border-radius:999px;width:6px;height:6px}.ww .card{background:var(--card);color:var(--card-foreground);border:1px solid var(--border)}.ww .card-soft{background:color-mix(in srgb,var(--card)40%,transparent);border:1px solid color-mix(in srgb,var(--border)60%,transparent)}.ww .stone{background:var(--stone);color:var(--stone-fg)}.ww .meter{background:var(--fill);height:6px;display:flex;overflow:hidden}.ww .meter>span{height:100%;display:block}.ww .hero{border-bottom:1px dashed color-mix(in srgb,var(--stone-fg)25%,transparent);position:relative;overflow:hidden}.ww .hero-ribbon{-webkit-mask-image:linear-gradient(90deg,#0000 6%,#000 42%);mask-image:linear-gradient(90deg,#0000 6%,#000 42%)}.ww .hero-rails{position:relative}.ww .hero-rails:before,.ww .hero-rails:after{content:"";pointer-events:none;border-left:1px dashed color-mix(in srgb,var(--stone-fg)25%,transparent);position:absolute;inset-block:0}.ww .hero-rails:before{left:1rem}.ww .hero-rails:after{right:1rem}.ww .melt{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.ww .cta-ribbon{opacity:.5;-webkit-mask-image:radial-gradient(40% 44% at 50% 52%,#0000 48%,#000 100%);mask-image:radial-gradient(40% 44% at 50% 52%,#0000 48%,#000 100%)}}.ww .hero .type-lead{color:color-mix(in srgb,var(--stone-fg)75%,transparent)}@keyframes ww-reveal-in{0%{opacity:0;transform:translate3d(0,var(--reveal-shift,12px),0)}to{opacity:1;transform:none}}@keyframes ww-fill-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ww .enter{animation:ww-reveal-in .55s var(--ease-out-expo)var(--d,0s)both}.ww [data-reveal=pending] .reveal,.ww [data-reveal=pending] .motion-fill{opacity:0}.ww [data-reveal=done] .reveal{animation:ww-reveal-in .55s var(--ease-out-expo)var(--d,0s)both}.ww .reveal .reveal{--reveal-shift:6px}.ww [data-reveal=done] .motion-fill{transform-origin:0;animation:ww-fill-in .8s var(--ease-out-expo)var(--d,0s)both}@keyframes ww-scan{0%{top:0%}to{top:100%}}.ww .scan-line{background:var(--cool);height:1px;animation:ww-scan 1.6s var(--ease)infinite alternate;position:absolute;inset-inline:0}@media (prefers-reduced-motion:reduce){.ww [data-reveal=pending] .reveal,.ww [data-reveal=pending] .motion-fill{opacity:1}}