/* A quiet introduction on the homepage; the full experience lives at /demo/. */
.studio-photo img{height:clamp(350px,39vw,510px)}
.studio-photo figcaption{border-bottom:0;padding-block:15px}
.demo-entry{padding-block:85px}
.demo-entry-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:65px;align-items:end;margin-bottom:40px}
.demo-entry-heading h2{margin-top:13px}
.demo-entry-heading p{max-width:420px;color:var(--muted);font-size:1rem;line-height:1.8}
.demo-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);scroll-margin-top:100px}
.demo-entry-links>a{display:flex;flex-direction:column;min-width:0;padding:30px 28px;text-decoration:none;transition:background .2s}
.demo-entry-links>a:first-child{padding-left:0}
.demo-entry-links>a+a{border-left:1px solid var(--line)}
.demo-entry-links>a:hover{background:var(--sage)}
.demo-entry-links>a:hover .demo-entry-action{text-decoration:underline}
.demo-entry-number{font-size:.875rem;letter-spacing:.045em;color:var(--olive)}
.demo-entry-links h3{font-size:2rem;line-height:1.1;margin:20px 0 14px}
.demo-entry-links p{font-size:1rem;line-height:1.7;color:var(--muted);margin-bottom:24px}
.demo-entry-action{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:.9375rem;font-weight:600;min-height:44px;margin-top:auto;text-underline-offset:5px}
.demo-entry-action svg{width:20px;height:20px}
.demo-entry-note{font-size:.875rem;color:var(--muted);margin-top:19px;max-width:700px}
.vb-stories-featured{grid-template-columns:1fr}
.vb-stories-featured>.vb-testimonial{max-width:900px;padding:30px 36px}
.vb-stories-featured blockquote{max-width:780px;margin-bottom:20px}
@media(max-width:900px){.demo-entry-heading{gap:30px}.demo-entry-links>a{padding:25px 18px}.demo-entry-links h3{font-size:1.8rem}}
@media(max-width:700px){.studio-photo img{height:300px}.demo-entry{padding-block:55px}.demo-entry-heading{grid-template-columns:1fr;gap:19px;margin-bottom:28px}.demo-entry-heading p{max-width:none}.demo-entry-links{grid-template-columns:1fr}.demo-entry-links>a,.demo-entry-links>a:first-child{padding:27px 0}.demo-entry-links>a+a{border-left:0;border-top:1px solid var(--line)}.demo-entry-links h3{font-size:2rem;margin:14px 0 10px}.demo-entry-links p{max-width:500px;margin-bottom:13px}.demo-entry-action{justify-content:flex-start;gap:16px}.demo-entry-note{line-height:1.7}}
@media(prefers-reduced-motion:reduce){.demo-entry-links>a{transition:none}}

/* Concise editorial entrances: the label names the product, the headline its value. */
.demo-entry-heading{gap:55px;margin-bottom:35px}
.demo-entry-heading p{max-width:350px;font-size:1.0625rem;line-height:1.7}
.demo-entry-links{border:0;gap:17px}
.demo-entry-links>a,.demo-entry-links>a:first-child{padding:30px 27px;background:#f0f2e9;border:1px solid #d7dfd2;border-radius:5px;min-height:345px}
.demo-entry-links>a+a{border-left:1px solid #d7dfd2}
.demo-entry-links>.demo-entry-registry{background:#f5f0e5;border-color:#e3d9c4}
.demo-entry-links>.demo-entry-panel{background:#204635;color:#f8f5e9;border-color:#204635}
.demo-entry-number{display:flex;align-items:center;gap:13px;font-size:1.2rem;font-family:var(--display);letter-spacing:0;color:#496344}
.demo-entry-number>span{font:500 .875rem/1.4 var(--body);letter-spacing:.07em}
.demo-entry-links h3{font-size:clamp(1.8rem,2.45vw,2.35rem);letter-spacing:-.025em;line-height:1.08;font-weight:400;margin:25px 0 19px}
.demo-entry-links h3 em{color:#596f4e}
.demo-entry-links p{font-size:1rem;line-height:1.7;margin-bottom:27px;max-width:30ch;color:#53604f}
.demo-entry-action{font-size:.9375rem;border-top:1px solid #cbd5c1;padding-top:16px;min-height:50px;font-weight:500;line-height:1.4}
.demo-entry-links>.demo-entry-panel :is(.demo-entry-number,p,h3 em){color:#d4e0c9}
.demo-entry-panel .demo-entry-action{border-color:#668064}
.demo-entry-links>a:hover{background:#e8eddf}
.demo-entry-links>.demo-entry-registry:hover{background:#ede5d4}
.demo-entry-links>.demo-entry-panel:hover{background:#163c2b}
.demo-entry-panel:focus-visible{outline-offset:5px}
.demo-entry-note{font-size:.875rem;line-height:1.65;margin-top:22px}
@media(max-width:1000px){.demo-entry-links{gap:12px}.demo-entry-links>a,.demo-entry-links>a:first-child{padding:24px 20px}.demo-entry-number{gap:9px}.demo-entry-number>span{letter-spacing:.01em}}
@media(max-width:700px){.demo-entry-heading{gap:17px}.demo-entry-heading p{max-width:36ch}.demo-entry-links{gap:15px}.demo-entry-links>a,.demo-entry-links>a:first-child{padding:27px;min-height:0}.demo-entry-links>a+a{border:1px solid #d7dfd2}.demo-entry-links>.demo-entry-panel{border-color:#204635}.demo-entry-links h3{font-size:2.5rem;margin:20px 0 17px}.demo-entry-links p{max-width:36ch;margin-bottom:20px}.demo-entry-action{justify-content:space-between}.demo-entry-number>span{letter-spacing:.04em}}