/* Six material treatments; no shared recoloring of one template. */
.demo-bar{background:linear-gradient(115deg,#252a32,#151a21);box-shadow:inset 0 -1px #ffffff18;position:relative;z-index:3}
.site-nav .pill,.cart-button{background:linear-gradient(130deg,#ffffff36,transparent);box-shadow:inset 0 1px #ffffff88,inset 0 -1px #0000000c,0 4px 8px #00000008}
.demo-foot{flex-wrap:wrap}.demo-foot .depth-toggle{font-size:11px}.demo-foot p{flex:1;min-width:min(100%,260px)}
.house-photo,.project-card,.product-image,.tech-grid>button{backface-visibility:hidden}
.demo-les .retreat-copy .light-button{background:linear-gradient(135deg,#fffff4,#dfe6ce);border-radius:13px;box-shadow:inset 0 1px 1px #fff,0 3px 0 #99a78f,0 15px 25px #0004}
.demo-les .hero-caption{background:#19302473;border:1px solid #dbe9cc45;border-top-color:#ffffff77;border-radius:16px;padding:18px 22px;backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff2e,0 10px 22px #0b170f30}
.demo-les .booking-strip{position:relative;background:linear-gradient(130deg,#f1f3e8,#dbe1cc);box-shadow:inset 0 1px #fff,0 16px 45px #20351a12;z-index:1}
.demo-les .house-photo{border-radius:16px;box-shadow:0 5px 0 #8a987b3b,0 18px 30px #1a361b20}
.demo-les .house-photo span{left:16px;right:16px;bottom:16px;padding:12px;background:#1d3027b8;border:1px solid #ffffff44;border-radius:10px;backdrop-filter:blur(9px);box-shadow:inset 0 1px #ffffff33}
.demo-les .house-note{border-radius:16px;background:radial-gradient(ellipse at 10% 0%,#f6f8e3,#dce2c9 70%);box-shadow:inset 0 1px #fff,0 5px 0 #bdc6ab,0 20px 35px #1a361b15}
.demo-les .solid{border-radius:10px;background:linear-gradient(135deg,#4a6547,#2e452f);box-shadow:inset 0 1px #ffffff44,0 3px 0 #1b2d1a,0 10px 16px #30452a20}
.demo-atelier .atelier-hero figure{padding:10px;background:#faf9f5;border:1px solid #fff;box-shadow:0 5px 0 #dad6c9,0 25px 45px #3b35271a;transform:rotate(-.5deg);margin-top:55px}
.demo-atelier .atelier-hero figcaption{padding:16px 10px;border:0}
.demo-atelier .project-card{background:#fbfaf6;padding:10px 10px 0;box-shadow:0 3px 0 #d6d3c7,0 14px 25px #4c473712;border:1px solid #fff}
.demo-atelier .project-card>span{padding:18px 8px;border:0}
.demo-atelier .round-link{background:radial-gradient(ellipse at 30% 10%,#fff,#f2f0e7);box-shadow:inset 0 1px #fff,0 3px 0 #d0ccbe,0 8px 15px #5b513015}
.demo-atelier .brief-section form{padding:32px;background:#faf9f5;border:1px solid #fff;box-shadow:0 4px 0 #d7d1c3,0 20px 35px #39301b12}
.demo-form .shop-hero{border-radius:22px;box-shadow:inset 0 1px #fff,0 8px 0 #d6c9b654,0 25px 45px #51331917;overflow:hidden}
.demo-form .product-image{border-radius:18px;background:radial-gradient(ellipse at 35% 0%,#fff5e3,#e3d6c1 70%);box-shadow:inset 0 2px 1px #ffffffaa,inset 0 -2px 0 #bbaa8e33,0 6px 0 #ded3c1,0 18px 26px #6445261a}
.demo-form .product-card:nth-child(2) .product-image{background:radial-gradient(ellipse at 30% 0%,#fff3e6,#e5cbb6 75%)}
.demo-form .product-card:nth-child(3) .product-image{background:radial-gradient(ellipse at 30% 0%,#f8f7e8,#d7d6ba 75%)}
.demo-form .product-image .object-art{filter:drop-shadow(1px 1px 0 #fff7) drop-shadow(3px 3px 0 #8a684b55) drop-shadow(0 15px 8px #6a492326);transform:perspective(700px) rotateY(-10deg) rotateX(5deg)}
.demo-form .product-image:hover .object-art{transform:perspective(700px) rotateY(8deg) rotateX(-3deg) translateY(-5px)}
.demo-form .product-plus{background:linear-gradient(135deg,#fff8ed,#d9c7b4);box-shadow:inset 0 1px #fff,0 3px 0 #bc9f82,0 5px 9px #5f3c2824;width:42px;height:42px}
.demo-form .solid{background:linear-gradient(130deg,#a55932,#843b1d);border-radius:10px;box-shadow:inset 0 1px #ffffff55,0 3px 0 #60250e,0 10px 20px #713c2426}
.demo-muse .muse-hero{background:radial-gradient(ellipse at 80% 35%,#ffe9cc,#f8d8ce 65%);box-shadow:inset 0 2px 1px #fff7,0 5px 0 #eec1b8,0 25px 35px #8c32551a}
.demo-muse .muse-flower{color:#eda18c;text-shadow:1px 1px 0 #ffd9ba,2px 3px 0 #e88f80,3px 5px 0 #d67f75,0 20px 24px #8c3b5338}
.demo-muse .muse-orbit{background:radial-gradient(ellipse at 30% 12%,#fffbea,#f3dcaa 85%);border:1px solid #fff9;box-shadow:inset 0 2px 2px #fff,0 3px 0 #dfbd90,0 7px 0 #c8a382,0 25px 30px #9e5b6544;transform:perspective(700px) rotateY(-14deg) rotate(-11deg)}
.demo-muse .muse-sticker{background:linear-gradient(130deg,#f4def2,#d9b6d9);border:1px solid #fffa;box-shadow:inset 0 1px #fff,0 4px 0 #b88fb9,0 12px 19px #86466a30}
.demo-muse .service-grid>button{box-shadow:inset 0 2px #fff8,inset 0 -1px #975b6010,0 4px 0 #97697022,0 16px 25px #71354512}
.demo-muse .appointment form{border:1px solid #fff;box-shadow:inset 0 2px #fff,0 5px 0 #d9c5bf,0 25px 35px #71354515}
.demo-muse .solid{background:linear-gradient(135deg,#8c3456,#651633);box-shadow:inset 0 1px #ffffff66,0 3px 0 #49122a,0 10px 18px #782d4b25}
.demo-muse .slots button[aria-pressed=true]{box-shadow:inset 0 1px #ffffff66,0 2px 0 #51122f,0 6px 10px #782d4b20}
.demo-flow .flow-main{background:radial-gradient(ellipse at 95% 0%,#e1eeeb88,transparent 60%)}
.demo-flow .flow-sidebar{background:linear-gradient(120deg,#fff,#f1f6f3);box-shadow:inset -1px 0 #fff,8px 0 25px #214c3c06}
.demo-flow .metric-grid article{background:linear-gradient(130deg,#fff,#f5f9f6);box-shadow:inset 0 2px #fff,0 3px 0 #dce7e1,0 10px 20px #1b483c08;border-color:#dce8e1}
.demo-flow .automation-banner{background:linear-gradient(125deg,#f1faf4,#dcece4);border-top-color:#fff;box-shadow:inset 0 1px #fff,0 4px 0 #cadfd3,0 15px 24px #214c3c0d}
.demo-flow .solid{background:linear-gradient(135deg,#248e75,#116a57);box-shadow:inset 0 1px #ffffff60,0 3px 0 #0b4b3b,0 8px 14px #125c4222}
.demo-flow .kanban-column{background:linear-gradient(160deg,#e9efec,#eff3f2);box-shadow:inset 0 1px 2px #849c8c18,inset 0 -1px #fff}
.demo-flow .lead-card{background:linear-gradient(135deg,#fff,#fcfdfc);box-shadow:inset 0 1px #fff,0 2px 0 #d3dfd8,0 7px 12px #1a4a3110;border-color:#d5e1da}
.demo-flow .lead-card:hover{transform:translateY(-2px);box-shadow:0 4px 0 #c9dad1,0 10px 15px #1a4a3118}
.demo-spark .spark-device{background:radial-gradient(ellipse at 35% 15%,#52664066,#1b291b 55%,#101810);border-top-color:#b2ce8277;box-shadow:inset 0 2px 1px #e3ffb244,inset 0 -3px 1px #050b05,0 6px 0 #080e08,0 25px 50px #0007}
.demo-spark .spark-device .object-art{filter:drop-shadow(1px 1px 0 #eaffb8) drop-shadow(3px 4px 0 #769b38) drop-shadow(6px 7px 0 #33491c) drop-shadow(0 25px 12px #0009);animation:spark-volume 7s ease-in-out infinite;transform:perspective(700px) rotateY(-17deg) rotate(-9deg)}
.demo-spark .device-ring{border-color:#c7e99933;box-shadow:0 1px 0 #e6ffc333,inset 0 1px 0 #0006}
.demo-spark .device-spec{background:#172315bb;border:1px solid #b4d28244;border-radius:13px;padding:10px 15px;backdrop-filter:blur(12px);box-shadow:inset 0 1px #d6ff9c33,0 7px 14px #0003}
.demo-spark .solid{background:linear-gradient(135deg,#e1ffa5,#afd957);box-shadow:inset 0 2px 1px #faffd7,0 3px 0 #6e8b30,0 14px 23px #0004;color:#14210d}
.demo-spark .chat-shell{border:1px solid #d0dfbd;box-shadow:inset 0 2px #fff,0 5px 0 #9eaf89,0 25px 50px #0005}
.demo-spark .tech-grid>button{background:linear-gradient(135deg,#2e3e25,#172016 65%);border-top-color:#a5c47955;box-shadow:inset 0 1px #ccebaa33,0 4px 0 #0b120a,0 20px 25px #0003}
.demo-spark .tech-grid .object-art{filter:drop-shadow(1px 1px 0 #eaffb855) drop-shadow(3px 4px 0 #45642b) drop-shadow(0 12px 8px #0008)}
@keyframes spark-volume{50%{transform:perspective(700px) rotateY(7deg) rotate(-5deg) translateY(-9px)}}
body[data-depth=off] .spark-device .object-art,body[data-depth=off] .muse-flower{animation:none}
@media(max-width:600px){.demo-les .hero-caption{left:6%;right:6%;bottom:20px;padding:14px 15px;gap:12px}.demo-les .retreat-hero{min-height:570px}.demo-atelier .atelier-hero figure{padding:6px;margin-top:35px}.demo-atelier .atelier-hero figcaption{padding:12px 5px}.demo-atelier .brief-section form{padding:25px 20px}.demo-form .shop-hero{border-radius:17px}.demo-spark .device-spec{font-size:25px;bottom:50px;left:20px;padding:9px 13px}.demo-foot .depth-toggle{order:4;width:100%;font-size:11px}.demo-muse .muse-orbit{transform:rotate(-11deg)}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.demo-spark .spark-device .object-art{animation:none;transform:rotate(-8deg)}.demo-muse .muse-flower{animation:none}.demo-form .product-image:hover .object-art{transform:none}.demo-flow .lead-card:hover{transform:none}}