.mix-examples{padding-block:36px 64px;}
.mix-examples-heading{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end;margin-bottom:26px;}
.mix-examples-heading h2{font-size:clamp(34px,4.3vw,58px);line-height:1.04;letter-spacing:-1.8px;margin:14px 0 0;}
.mix-examples-heading>p{color:var(--muted);font-size:16px;line-height:1.65;max-width:48ch;margin:0;}
.mix-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.mix-example-card{display:flex;flex-direction:column;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;}
.mix-example-card[data-current="true"]{border-color:var(--accent);}
.mix-example-label{font-size:13px;font-weight:700;letter-spacing:1px;margin:0;color:var(--accent);}
.mix-example-card figure{background:var(--raised);border-radius:15px;margin:18px -8px;overflow:hidden;}
.mix-example-card img{display:block;width:100%;height:auto;aspect-ratio:1200/560;object-fit:contain;filter:drop-shadow(0 9px 8px #0002);}
.mix-example-image-labels{display:flex;justify-content:space-between;padding:0 14px 12px;font-size:11px;color:var(--muted);}
.mix-example-audience{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 9px;}
.mix-example-card h3{font-family:inherit;font-size:23px;line-height:1.18;letter-spacing:-.6px;margin:0 0 15px;}
.mix-example-description{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 18px;}
.mix-example-measures{display:grid;gap:6px;font-size:12px;line-height:1.55;font-variant-numeric:tabular-nums;padding:14px 0;border-top:1px solid var(--line);margin-top:auto;}
.mix-example-card .button{width:100%;margin-top:12px;min-height:48px;padding:12px 8px;font-size:13px;white-space:normal;}
.mix-example-note{font-size:12px;line-height:1.6;color:var(--muted);margin:18px 0 0;max-width:84ch;}
.mix-hero-link{font-size:14px;line-height:1.6;color:var(--accent);text-underline-offset:4px;}
html:not([data-design="double"]) .mix-hero-link{display:none;}
@media(max-width:1000px){.mix-example-grid{gap:12px;}.mix-example-card{padding:16px;}.mix-example-card h3{font-size:21px;}}
@media(max-width:760px){.mix-examples{padding-block:22px 42px;}.mix-examples-heading{grid-template-columns:1fr;gap:18px;}.mix-example-grid{grid-template-columns:1fr;gap:18px;}.mix-example-card{padding:22px;}.mix-example-card h3{font-size:25px;}.mix-example-card figure{margin:16px -8px;}.mix-example-card img{aspect-ratio:1200/500;}.mix-example-card .button{font-size:14px;}}