.site .demo-page .still{border-bottom:1px solid var(--line);height:min(38svh,320px);position:relative;overflow:hidden}.site .demo-page .still img{object-fit:cover;object-position:62% 34%;width:100%;height:100%;position:absolute;inset:0}.site .demo-page .still:after{content:"";background:linear-gradient(to bottom,color-mix(in oklab,var(--black) 42%,transparent),color-mix(in oklab,var(--black) 92%,transparent));position:absolute;inset:0}.site .demo-page .still .cap{z-index:2;color:var(--tan2);font-family:var(--mono);letter-spacing:normal;text-transform:uppercase;justify-content:space-between;gap:24px;font-size:.625rem;display:flex;position:absolute;bottom:14px;left:0;right:0}.site .demo-page .still h1{z-index:2;letter-spacing:-.045em;color:var(--bone);text-wrap:balance;font-size:clamp(2.25rem,5.4vw,4rem);font-weight:700;line-height:1;position:absolute;bottom:44px;left:0;right:0}.site .demo-page .still h1 span{width:min(100% - 64px,1440px);margin-inline:auto;display:block}@media (max-width:640px){.site .demo-page .still h1 span{width:calc(100% - 32px)}.site .demo-page .still .cap span:last-child{display:none}}.site .demo-page .grid{grid-template-columns:5fr 7fr;align-items:start;gap:64px;padding:64px 0 96px;display:grid}.site .demo-page .lede{color:var(--bone);max-width:34em;font-size:1.125rem;line-height:1.5}.site .demo-page .walk{border-top:1px solid var(--line);margin:32px 0 0;padding:0;list-style:none}.site .demo-page .walk li{border-bottom:1px solid var(--line);color:var(--tan);grid-template-columns:2.5rem 1fr;gap:12px;padding:16px 0;font-size:.9375rem;display:grid}.site .demo-page .walk li b{color:var(--marker);font-family:var(--mono);letter-spacing:.12em;padding-top:4px;font-size:.6875rem;font-weight:500}.site .demo-page .walk li strong{color:var(--bone);margin-bottom:2px;font-weight:500;display:block}.site .demo-page .note{color:var(--tan2);max-width:38em;margin-top:28px;font-size:.8125rem;line-height:1.6}.site .demo-page .note a{color:var(--tan)}.site .demo-page .corpora{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.site .demo-page .corpora h2{font-family:var(--mono);letter-spacing:normal;text-transform:uppercase;color:var(--tan2);margin:0 0 12px;font-size:.6875rem;font-weight:500;line-height:1.4}.site .demo-page .corpora p{color:var(--tan2);max-width:38em;font-size:.8125rem;line-height:1.6}.site .demo-page .corpora a{color:var(--tan);word-break:break-word}.site .demo-page .demo{background:var(--g0);border:1px solid var(--line);gap:20px;padding:32px;display:grid}.site .demo-page .demo label{color:var(--tan);gap:6px;font-size:.875rem;display:grid}.site .demo-page .demo .row2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.site .demo-page .demo input,.site .demo-page .demo select,.site .demo-page .demo textarea{font:inherit;color:var(--bone);background:var(--black);border:1px solid var(--line);min-height:44px;transition:border-color var(--t-color);border-radius:2px;padding:11px 12px;font-size:1rem}.site .demo-page .demo input:hover,.site .demo-page .demo select:hover,.site .demo-page .demo textarea:hover{border-color:var(--tan2)}.site .demo-page .demo input:focus-visible,.site .demo-page .demo select:focus-visible,.site .demo-page .demo textarea:focus-visible{outline:2px solid var(--marker);outline-offset:1px;border-color:#0000}.site .demo-page .demo small{color:var(--tan2)}.site .demo-page .demo .opt{color:var(--tan2);font-family:var(--mono);letter-spacing:normal;text-transform:uppercase;margin-left:6px;font-size:.6875rem}.site .demo-page .demo fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}.site .demo-page .demo legend{color:var(--tan);margin-bottom:8px;padding:0;font-size:.875rem}.site .demo-page .demo .chk{border:1px solid var(--line);color:var(--bone);cursor:pointer;min-height:44px;transition:border-color var(--t-color),background var(--t-color);border-radius:2px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:11px 12px;font-size:.9375rem;display:grid}.site .demo-page .demo .chk:hover{border-color:var(--tan2)}.site .demo-page .demo .chk:has(:checked){border-color:var(--marker);background:var(--marker-tint)}.site .demo-page .demo .chk input{accent-color:var(--marker);width:16px;height:16px;margin:0}.site .demo-page .demo .after,.site .demo-page .demo .privacy{color:var(--tan2);font-size:.8125rem;line-height:1.6}.site .demo-page .demo .btn{height:48px;padding:0 22px;font-size:1rem}@media (max-width:900px){.site .demo-page .grid{grid-template-columns:1fr;gap:40px;padding:40px 0 72px}.site .demo-page .demo{padding:20px}.site .demo-page .demo .row2{grid-template-columns:1fr}}