/* Local concept styling. Existing brand assets; not a brand approval. */
.preview-note{background:#ffdb39;color:#111;padding:10px 24px;font:600 14px/1.4 sans-serif;text-align:center}.preview-form-note{color:#161616;font-weight:700;margin-bottom:1rem}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid #ffdb39;outline-offset:4px}#mnav-panel{display:none} .preview-hero .container-page{max-width:1400px;margin:auto} .preview-hero h1{font-size:clamp(2.8rem,5.2vw,5.7rem)!important;max-width:14ch}.preview-examples .container-page{max-width:1400px}.preview-examples figure{border:0!important;border-radius:0!important}.preview-examples video{max-width:100%;max-height:600px;object-fit:contain;background:#131619}.preview-limits .container-page{max-width:1300px}.preview-depth{max-width:none!important;padding:5rem max(24px,calc((100vw - 1200px)/2))!important}.preview-depth img{width:100%;height:auto}.preview-depth figure{max-width:700px}.preview-hero .lead-demo{max-width:350px}.lead-demo figure{background:none!important;border:0!important;padding:0!important}.lead-demo video{max-height:550px;max-width:290px}.lead-demo figcaption{color:#fff}.variant-a .preview-hero .container-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,350px);gap:7vw;align-items:center}.variant-a .preview-examples .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem}.variant-a .preview-examples figure:nth-child(2n){margin-top:6rem}.variant-b .preview-depth{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem 5rem;align-items:start}.variant-b .preview-depth h2{grid-column:1}.variant-b .preview-depth figure{grid-column:2;grid-row:1 / span 3}.variant-b .preview-examples .grid{display:block}.variant-b .preview-examples figure{display:grid;grid-template-columns:minmax(180px,320px) minmax(0,1fr);align-items:center;gap:4rem;padding:2rem 0;border-bottom:1px solid #aaa!important}.variant-c .preview-limits .container-page>div{display:block}.variant-c .preview-examples .grid{display:flex;overflow-x:auto;gap:2rem;padding-bottom:1rem;scroll-snap-type:x proximity}.variant-c .preview-examples figure{flex:0 0 min(70vw,350px);scroll-snap-align:start}.variant-c .preview-depth{border-left:12px solid #ffdb39}form [disabled]{opacity:.65;cursor:not-allowed} @media(max-width:767px){header nav{display:flex!important;flex-wrap:wrap;gap:12px!important}header .container-page{height:auto;min-height:64px;flex-wrap:wrap;padding-block:12px}header nav a{font-size:12px!important}.variant-a .preview-hero .container-page{display:block}.preview-hero .lead-demo{margin:2rem auto 0}.variant-a .preview-examples .grid{display:block}.variant-a .preview-examples figure:nth-child(2n){margin-top:0}.variant-b .preview-depth{display:block}.variant-b .preview-examples figure{display:block}.variant-b .preview-examples video{max-width:250px}.variant-c .preview-examples .grid{display:block;overflow:visible}.preview-depth{padding:3rem 24px!important}.preview-hero h1{font-size:clamp(2.6rem,12vw,4rem)!important} }
/* The clip is the product: give the examples different scale and a tighter rhythm. */
.preview-note{font-size:15px;line-height:1.5}.variant-a .preview-examples .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;align-items:start}.variant-a .preview-examples figure,.variant-b .preview-examples figure,.variant-c .preview-examples figure{background:transparent!important;padding:0!important}.variant-a .preview-examples figure:nth-child(2n){margin-top:0}.variant-a .preview-examples figure:last-child{grid-column:2 / 4;border-top:1px solid #aaa!important;padding-top:2rem!important}.variant-a .preview-examples video{max-height:440px}.variant-a .preview-examples .container-page,.variant-a .preview-limits .container-page{padding-top:4rem;padding-bottom:4rem}.variant-b .reference-figure{float:right;width:40%;margin:0 0 2rem 4rem}.variant-b .reference-figure img{width:100%;height:auto}.variant-b .preview-examples .grid{clear:both}.variant-c .preview-examples .container-page{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:2rem 5rem}.variant-c .preview-examples .container-page>div:first-child{grid-column:1}.variant-c .preview-examples .grid{grid-column:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:2rem}.variant-c .preview-examples .preview-limits{grid-column:2;grid-row:1 / span 2;align-self:start;position:sticky;top:1rem}.variant-c .preview-limits .container-page{display:block;padding:1rem 0}.variant-c .preview-limits h2{font-size:2rem!important}.variant-c .preview-limits .grid>div{background:transparent!important;border:0!important;border-top:1px solid #aaa!important;padding:1rem 0!important}
@media(max-width:767px){.variant-a .preview-examples .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.variant-a .preview-examples figure:last-child{grid-column:1 / -1}.variant-a .preview-examples video{max-height:290px}.variant-a .preview-examples .container-page,.variant-a .preview-limits .container-page{padding-top:3rem;padding-bottom:3rem}.variant-b .reference-figure{float:none;width:100%;margin:0 0 2rem}.variant-c .preview-examples .container-page{display:flex;flex-direction:column}.variant-c .preview-examples .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;order:2}.variant-c .preview-examples .preview-limits{position:static;order:1}.variant-c .preview-examples video{max-height:290px}.variant-c .preview-examples figure:last-child{grid-column:1 / -1}}
.variant-b .reference-figure figure{display:block!important}.variant-b .reference-figure figcaption{display:block;max-width:none!important}
@media(max-width:380px){.variant-a .preview-examples .grid{display:block}.variant-a .preview-examples figure{margin-bottom:2rem}.variant-a .preview-examples video{max-width:250px;max-height:400px}}
@media(max-width:767px){header nav a{display:inline-flex;align-items:center;min-height:44px}header .container-page>a{min-height:44px;align-items:center}}
a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid #ffdb39!important;outline-offset:4px}.btn-primary:focus-visible{outline-color:#111!important}