/* Original AI Art gallery and its shared marketing preview. */
.qr-art-eyebrow{display:inline-flex;gap:.5rem;align-items:center;color:#066849;font-size:.75rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.qr-art-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#059669}
.qr-art-hero{padding:8rem 0 4.5rem;background:#fafaf7;border-bottom:1px solid #e5e7eb}
.qr-art-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}
.qr-art-hero h1{font-size:clamp(2.5rem,5.5vw,4.5rem);line-height:1.04;letter-spacing:-.055em;margin:1.1rem 0 1.25rem;font-weight:800;color:#10251d}
.qr-art-hero h1 span{display:block;color:#059669}
.qr-art-lead{font-size:1.125rem;line-height:1.75;color:#525b55;max-width:40rem}
.qr-art-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.75rem 0 1rem}
.qr-art-note{font-size:.8125rem;line-height:1.65;color:#606c64;max-width:45rem}
.qr-art-stage{padding:1rem;background:#fff;border:1px solid #dedfd8;border-radius:1.5rem;box-shadow:0 18px 50px -35px #233d30}
.qr-art-stage img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:.75rem;background:#141414}
.qr-art-stage figcaption{padding:.875rem .25rem .25rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.8125rem;color:#4f5e54}
.qr-art-stage figcaption a{color:#066849;text-underline-offset:3px;white-space:nowrap}
.qr-art-tabs{display:flex;gap:.5rem;margin:1rem 0 0;flex-wrap:wrap}
.qr-art-tabs button{border:1px solid #d9e0d9;padding:.625rem .875rem;border-radius:999px;background:#fff;color:#4f5e54;font-size:.8125rem;cursor:pointer}
.qr-art-tabs button[aria-selected=true]{background:#e5f4eb;border-color:#059669;color:#07563c}
.qr-art-tabs button:focus-visible,.qr-art-card a:focus-visible{outline:3px solid #059669;outline-offset:4px}
.qr-art-section-title{font-size:clamp(1.75rem,3.5vw,2.5rem);letter-spacing:-.035em;line-height:1.15;color:#10251d;margin:.75rem 0 1rem;font-weight:750}
.qr-art-section-copy{max-width:45rem;color:#526158;line-height:1.75;margin-bottom:2rem}
.qr-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.qr-art-card{margin:0;border:1px solid #e0e5de;border-radius:1rem;overflow:hidden;background:#fff}
.qr-art-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;background:#141414}
.qr-art-card figcaption{padding:1.25rem}
.qr-art-card strong{display:block;color:#132c20;font-size:1.0625rem;margin-bottom:.5rem}
.qr-art-card p{font-size:.875rem;color:#526158;line-height:1.65;margin:0}
.qr-art-card a{color:#066849;text-underline-offset:3px}
.qr-art-recipe{font-size:.8125rem!important;margin-top:.75rem!important;padding-top:.75rem;border-top:1px solid #e7ebe5}
.qr-art-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;list-style:none;counter-reset:art-steps;padding:0;margin:2rem 0}
.qr-art-steps li{counter-increment:art-steps;border-top:1px solid #cbd9cf;padding-top:1.5rem;color:#526158;line-height:1.7;font-size:.9375rem}
.qr-art-steps li::before{content:"0" counter(art-steps);display:block;color:#059669;font-size:.8125rem;font-weight:700;margin-bottom:1rem}
.qr-art-steps strong{display:block;color:#132c20;font-size:1.0625rem;margin-bottom:.5rem}
.qr-art-facts{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.qr-art-facts h3{font-size:1.125rem;font-weight:700;color:#132c20;margin-bottom:.75rem}
.qr-art-facts p,.qr-art-facts li{color:#526158;line-height:1.75;font-size:.9375rem}
.qr-art-facts ul{padding-left:1.25rem;list-style:disc}
.qr-art-facts a,.qr-art-faq a{color:#066849;text-decoration:underline;text-underline-offset:3px}
.qr-art-faq{max-width:52rem}
.qr-art-faq details{border-bottom:1px solid #dfe5df;padding:1.4rem 0}
.qr-art-faq summary{font-size:1.0625rem;font-weight:650;color:#132c20;cursor:pointer}
.qr-art-faq p{margin:1rem 0 0;color:#526158;line-height:1.75}
.qr-art-preview{padding:4rem 0;background:#fafaf7;border-block:1px solid #e5e7eb}
.qr-art-preview-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.75rem}
.qr-art-preview-head p{max-width:42rem;color:#526158;line-height:1.7;margin:0}
.qr-art-preview-head h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:750;letter-spacing:-.035em;line-height:1.15;color:#10251d;margin:.7rem 0 1rem}
.qr-art-preview .qr-art-card{display:grid;grid-template-columns:120px 1fr;align-items:center;border-radius:.875rem}
.qr-art-preview .qr-art-card img{border-radius:0;max-width:120px}
.qr-art-preview .qr-art-card figcaption{padding:.875rem}
.qr-art-preview .qr-art-card p{font-size:.8125rem}
@media(max-width:1000px){.qr-art-preview .qr-art-card{grid-template-columns:1fr}.qr-art-preview .qr-art-card img{max-width:none}.qr-art-hero-grid{gap:2rem}}
@media(max-width:700px){.qr-art-hero{padding-top:6.5rem}.qr-art-hero-grid,.qr-art-facts{grid-template-columns:1fr}.qr-art-hero-grid{gap:2.5rem}.qr-art-grid{gap:.75rem}.qr-art-card figcaption{padding:.875rem}.qr-art-card strong{font-size:.9375rem}.qr-art-card p{font-size:.8125rem}.qr-art-steps{grid-template-columns:1fr 1fr}.qr-art-preview-head{display:block}.qr-art-preview-head>a{margin-top:1.25rem}.qr-art-preview .qr-art-card{grid-template-columns:1fr}.qr-art-preview .qr-art-card figcaption{padding:.75rem}.qr-art-preview .qr-art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-art-preview .qr-art-card p{display:none}}
@media(max-width:420px){.qr-art-grid{grid-template-columns:1fr}.qr-art-preview .qr-art-card strong{font-size:.8125rem}.qr-art-stage figcaption{align-items:start;flex-direction:column;gap:.4rem}}
@media(max-width:700px){.qr-art-hero h1 span{font-size:1.5rem;line-height:1.25;letter-spacing:-.025em;margin-top:.5rem}.qr-art-lead{font-size:1rem;line-height:1.65}.qr-art-hero .qr-art-actions{gap:.5rem}.qr-art-hero .qr-art-actions a{font-size:.8125rem;padding-inline:.625rem}}

/* Industry designer-code gallery: compact thumbnails, not hero cards */
#industries .qr-art-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem}
#industries .qr-art-card img{background:#fff}
#industries .qr-art-card figcaption{padding:.75rem .875rem}
#industries .qr-art-card strong{font-size:.875rem;margin-bottom:.25rem}
#industries .qr-art-card p{font-size:.75rem;line-height:1.5}
@media(max-width:700px){#industries .qr-art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}