.reference-intro-note{max-width:800px;color:#bcb09c;font-size:12px;line-height:1.8;margin:12px 0 26px}.reference-filters{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.reference-filters button{background:transparent;border:1px solid #76613c;color:#d9c59f;padding:11px 18px;border-radius:30px;font:inherit;font-size:12px;cursor:pointer}.reference-filters button[aria-pressed=true]{background:#d0b17a;color:#17130e;border-color:#d0b17a}.reference-filters button:focus-visible,.reference-expand:focus-visible{outline:2px solid #e8c68d;outline-offset:4px}
#reference-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px!important;align-items:start}.reference-card{margin:0;min-width:0;border:1px solid #5d4c31;background:#14120f}.reference-card .concept-label{margin:0;padding:12px 18px;color:#d3bd95;background:#221d15;font-size:10px;letter-spacing:.7px;line-height:1.6}.comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#9d8358}.comparison-half{position:relative;overflow:hidden;aspect-ratio:3/4;background:#c6b39c}.comparison-half img{display:block;position:absolute;top:0;left:0;width:200%;height:100%;max-width:none;object-fit:fill}.comparison-half.after img{left:-100%}.comparison-half .comparison-label{position:absolute;left:12px;bottom:13px;background:#111b;color:white;border:1px solid #e5d3b347;z-index:2;padding:7px 13px;font-size:10px;letter-spacing:1px}.comparison-half.after .comparison-label{background:#e7cf9de8;color:#251c0c}.comparison-half canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.comparison-half.after:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 32%,#fff2 46%,transparent 58%);background-size:240% 100%;animation:reference-sheen 9s ease-in-out infinite;mix-blend-mode:soft-light}.reference-card figcaption{padding:25px}.reference-card h3{font:normal 30px/1.2 Georgia,serif;color:#e9d1a7;margin:0 0 12px}.reference-card .reference-description{color:#bfb5a4;font-size:13px;line-height:1.8;min-height:46px;margin:0 0 18px}.reference-expand{background:transparent;border:0;border-bottom:1px solid #8f7445;color:#dcc394;padding:8px 0;cursor:pointer;font:inherit;font-size:12px}.reference-motion-note{display:block;font-size:10px;color:#9b8e78;margin-top:15px;line-height:1.7}.reference-source-note{color:#aa9d86;font-size:11px;line-height:1.8;margin-top:28px}.reference-source-note a{color:#d6b77c}
.reference-lightbox{background:#14120f;color:#e9d1a7;border:1px solid #9c7e48;width:min(1100px,94vw);padding:22px;max-height:94vh}.reference-lightbox::backdrop{background:#080706e8}.reference-lightbox img{display:block;max-width:100%;max-height:70vh;object-fit:contain;margin:16px auto}.reference-lightbox h3{font:normal 25px Georgia,serif;margin:0}.reference-lightbox p{font-size:12px;color:#d2c1a3;line-height:1.8}.reference-lightbox button{float:right;background:#e2c794;color:#1a150e;border:0;padding:8px 13px;cursor:pointer;font:inherit}
.client-comments{background:#f4efe5;color:#272219;border-top:1px solid #b99a63}.client-comments .eyebrow{color:#84642f}.client-comments .eyebrow:before{background:#84642f}.client-comments h2{color:#2c2419}.comments-intro{max-width:650px;color:#75674f;font-size:14px;line-height:1.8}.comments-demo-notice{font-size:11px;color:#826d46;background:#e9dfcb;padding:12px 16px;display:inline-block;line-height:1.8}.comment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}.client-comment{margin:0;border:1px solid #d8c9af;background:#fffdf7;padding:28px;display:flex;flex-direction:column}.client-comment .quote-mark{color:#b5955d;font:normal 58px/1 Georgia,serif;height:42px}.client-comment blockquote{margin:18px 0 25px;padding:0;border:0;font:italic 19px/1.65 Georgia,serif;color:#4b402d;flex:1}.client-comment .comment-category{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#8a6c38}.client-comment .comment-author{border-top:1px solid #e4d8c3;padding-top:16px;font-size:11px;color:#776950}.client-comment .comment-author a{color:#82642e}.service-icon{width:50px;height:50px;border:1px solid #8b70433d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#cbaa6c;margin:0 0 20px;background:#b9974e08}.service-icon svg{width:25px;height:25px;stroke-width:1.5}.service .service-number{font-size:11px}.service h3{transition:color .2s}.service:hover h3{color:#dfbf85}
@keyframes reference-sheen{0%,20%{background-position:130% 0}70%,100%{background-position:-90% 0}}@media(prefers-reduced-motion:reduce){.comparison-half.after:after{animation:none;display:none}}
.comparison-half.real-result img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
@media(max-width:800px){#reference-gallery{grid-template-columns:1fr}.comment-grid{grid-template-columns:1fr}.client-comment{padding:26px}.reference-card figcaption{padding:20px}.reference-card h3{font-size:26px}}
@media(max-width:600px){#reference-gallery{grid-template-columns:1fr;gap:24px!important}.reference-card .concept-label{font-size:9px}.reference-filters{gap:8px}.reference-filters button{font-size:11px;padding:9px 13px}.reference-card .reference-description{min-height:0}.comparison-half .comparison-label{left:8px;bottom:8px;font-size:9px;padding:6px 9px}.service-icon{width:46px;height:46px;margin-bottom:16px}}