.showcase-shelf{margin:0 0 21px;padding:13px 12px 10px;border:1px solid #e2e6d8;border-radius:10px;background:linear-gradient(145deg,#f8f9f2,#fff)}
.showcase-label{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;color:#73805f;font-size:9px;font-weight:700;letter-spacing:1.2px}
.showcase-label small{color:#9a9d91;font-size:10px;font-weight:400;letter-spacing:0}
.showcase-list{display:grid;gap:6px}
.showcase-list button{display:flex;align-items:center;gap:9px;padding:7px 8px;text-align:left;border-color:#e9eae3;background:#fff}
.showcase-list button:hover{border-color:#97a87a;background:#f5f7ef;transform:translateY(-1px)}
.showcase-list button>span{display:block;flex:1;min-width:0}
.showcase-list strong,.showcase-list small{display:block}
.showcase-list strong{font-size:11px;font-weight:600}
.showcase-list small{margin-top:4px;color:#878d7c;font-size:9px;line-height:1.35}
.showcase-list b{color:#89966e;font-size:12px}
.sample-art{position:relative;display:block;width:45px;height:38px;flex:none;overflow:hidden;border-radius:5px;background:#25282c}
.sample-art:before,.sample-art:after{position:absolute;content:""}
.sample-art:before{inset:8px 13px 0;background:linear-gradient(145deg,#dec08e,#8a6850 48%,#20232a);clip-path:polygon(50% 0,100% 100%,0 100%)}
.sample-art:after{width:9px;height:9px;top:6px;right:7px;border-radius:50%;background:#f0d7a4;box-shadow:0 0 13px 5px #c7a36b55}
.sample-auto{background:linear-gradient(155deg,#13161b,#414952)}
.sample-auto:before{inset:18px 4px 6px;background:linear-gradient(160deg,#d5b579,#8b623f);clip-path:polygon(14% 55%,30% 10%,72% 5%,91% 55%,100% 75%,100% 100%,0 100%,0 72%)}
.sample-auto:after{top:26px;right:8px;background:#11151a;box-shadow:-23px 0 #11151a;width:8px;height:8px}
.sample-product{background:#e6e6d9}
.sample-product:before{inset:5px 13px 4px;background:linear-gradient(145deg,#d6ef9e,#829759);border-radius:50% 48% 39% 56%;transform:rotate(-20deg)}
.sample-product:after{top:5px;left:5px;width:8px;height:25px;background:#2c3529;transform:rotate(18deg)}
.sample-travel{background:linear-gradient(#d8c4a2 0 38%,#95a58a 39% 68%,#526d66 69%)}
.sample-travel:before{inset:13px 6px 0;background:linear-gradient(135deg,#dfd1b7,#8e856f);clip-path:polygon(45% 0,76% 0,100% 100%,0 100%)}
.sample-travel:after{width:7px;height:7px;top:6px;right:8px;border-radius:50%;background:#fff0c9;box-shadow:0 0 9px #fff0c9}
.showcase-hint{margin:9px 1px 0;color:#92978b;font-size:9px;line-height:1.5}
.image-alt-dialog{width:min(560px,calc(100vw - 24px));padding:26px;max-height:90vh;overflow:auto}
.image-alt-dialog .dialog-copy{color:#72796a;font-size:12px;line-height:1.65}
.image-alt-dialog input[type=text]{width:100%}
.image-alt-dialog .decorative-option{display:flex;align-items:center;gap:9px;margin:17px 0 8px;letter-spacing:0;font-size:11px;color:#59634c}
.image-alt-dialog .decorative-option input{width:auto;margin:0;accent-color:#71884d}
.image-alt-dialog .fine{font-size:10px;line-height:1.6}
.original-showcases{margin-top:28px;padding-top:22px;border-top:1px solid #e4e7dd}
.original-showcases-head{margin-bottom:14px}
.original-showcases-head h3{margin:7px 0 5px;font:400 23px Georgia,serif;color:#30362b;letter-spacing:-.4px}
.original-showcases-head p{margin:0;color:#858a7d;font-size:11px;line-height:1.55}
.preview-dental{background:radial-gradient(ellipse at 72% 38%,#b4e2dc,#4b8e8a 48%,#1f3e41 85%)}
.preview-dental i{width:34%;height:80%;top:9%;right:17%;border-radius:50%;background:radial-gradient(circle at 33% 26%,#f5ffff,#c1e8e3 36%,#5d9693 72%);box-shadow:0 16px 35px #163d3b66}
.preview-garage{background:linear-gradient(145deg,#2c343a,#13181e 65%,#c77e39)}
.preview-garage i{width:57%;height:38%;top:42%;right:8%;border-radius:50% 48% 11% 11%;background:linear-gradient(180deg,#e0b26c,#6d7370 50%,#171b1f 53%);clip-path:polygon(12% 52%,28% 5%,74% 0,90% 44%,100% 66%,100% 100%,0 100%,0 68%);filter:drop-shadow(0 15px 16px #0008)}
.preview-beauty{background:linear-gradient(145deg,#ead5c9,#b77c75 48%,#49343b)}
.preview-beauty i{width:41%;height:82%;top:8%;right:14%;border-radius:48% 52% 39% 61%;background:radial-gradient(circle at 31% 25%,#ffeadf,#e5b0a0 30%,#7b4f55 76%);transform:rotate(15deg);box-shadow:0 15px 32px #33202966}
.preview-property{background:linear-gradient(140deg,#d8c4a4,#9b8870 45%,#363a36)}
.preview-property i{width:43%;height:72%;top:12%;right:15%;border-radius:0;background:linear-gradient(90deg,#e6ddca 0 12%,#768276 12% 62%,#dfcfb4 62% 100%);transform:perspective(600px) rotateY(-22deg);box-shadow:12px 14px 0 #343a34,23px 26px 0 #242925}
.sample-atelier{background:radial-gradient(ellipse at 70% 38%,#a18e75,#38353a 46%,#17181b)}
.sample-atelier:before{inset:6px 11px 0;background:radial-gradient(circle at 38% 28%,#f0dfbe,#a88d68 35%,#292930 77%);border-radius:50%}
.sample-atelier:after{width:8px;height:28px;top:5px;right:9px;border-radius:0;background:#e6dac4;transform:rotate(18deg)}
.sample-object{background:radial-gradient(ellipse at 55% 70%,#506748,#131916 72%)}
.sample-object:before{inset:7px 14px 4px;background:radial-gradient(circle at 32% 25%,#eeffc3,#9ac35f 38%,#2c4631 78%);border-radius:44% 56% 45% 55%;transform:rotate(16deg)}
.sample-object:after{width:5px;height:28px;top:5px;right:14px;background:#efffc499;transform:rotate(22deg)}
.sample-culture{background:radial-gradient(ellipse at 66% 38%,#a259bd,#342540 60%,#14121a)}
.sample-culture:before{inset:4px 10px 4px;background:radial-gradient(circle at 32% 25%,#ffe3d1,#e28ec2 29%,#73509a 64%,#262036 82%);border-radius:50%}
.sample-culture:after{width:7px;height:28px;top:5px;right:12px;border-radius:0;background:#e0c8f6aa;transform:rotate(24deg)}
@media(max-width:700px){.showcase-list{grid-template-columns:1fr 1fr}.showcase-list button{min-width:0;gap:6px;padding:7px 5px}.sample-art{width:34px;height:32px}.showcase-list small{font-size:8px}.showcase-hint{display:none}}
.showcase-open{width:100%;margin-top:8px;padding:8px;border-style:dashed;color:#66744e;font-size:10px;background:transparent}
.showcase-open:hover{border-color:#97a87a;background:#f5f7ef}
.showcase-dialog{width:min(1000px,calc(100vw - 24px));padding:30px;max-height:90vh}
.showcase-dialog .dialog-head{margin-bottom:10px}
.showcase-dialog .dialog-copy{margin:0 0 22px}
.showcase-catalog{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.showcase-catalog article{overflow:hidden;border:1px solid #e2e5da;border-radius:10px;background:white}
.showcase-screen{position:relative;display:flex;min-height:220px;aspect-ratio:16/8;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:20px;color:#fff;background:#15171b}
.showcase-screen:after{position:absolute;inset:0;z-index:0;content:"";background:linear-gradient(90deg,#07090bd9,#07090b25 90%),linear-gradient(0deg,#08090bc9,transparent 70%)}
.showcase-screen>span,.showcase-screen>strong,.showcase-screen>small{position:relative;z-index:1}
.showcase-screen>span{position:absolute;top:16px;left:18px;font:9px Arial,sans-serif;letter-spacing:1.5px;opacity:.8}
.showcase-screen>strong{font:400 clamp(28px,4vw,48px)/.92 Georgia,serif;letter-spacing:-2px}
.showcase-screen>small{margin-top:17px;font:8px Arial,sans-serif;letter-spacing:1.4px;opacity:.75}
.showcase-screen>i{position:absolute;right:12%;top:13%;width:45%;height:88%;background:radial-gradient(ellipse at 40% 35%,#d7c19b,#82715d 34%,#262932 68%,#15171b 85%);border-radius:50% 50% 0 0;filter:drop-shadow(0 15px 30px #0005)}
.preview-film{background:linear-gradient(145deg,#6c655a,#1a1c21 60%,#101114)}
.preview-film>i{width:40%;height:95%;right:14%;top:7%;background:radial-gradient(circle at 45% 30%,#e7cf9f,#977850 30%,#34343a 64%,#111318 88%);border-radius:50% 50% 0 0}
.preview-auto{background:linear-gradient(160deg,#222a33,#10141a 70%)}
.preview-auto>i{top:40%;right:8%;width:60%;height:31%;border-radius:55% 48% 12% 10%;background:linear-gradient(180deg,#d2b17b,#674d34 45%,#11151a 47%);clip-path:polygon(10% 48%,25% 12%,70% 0,89% 42%,100% 62%,100% 100%,0 100%,0 65%);filter:drop-shadow(0 15px 20px #0009)}
.preview-product{background:linear-gradient(145deg,#c8cbbd,#737b6b)}
.preview-product>i{top:13%;right:18%;width:38%;height:75%;border-radius:48% 52% 40% 60%;background:linear-gradient(145deg,#e2f3b8,#a5ca72 44%,#536443);transform:rotate(12deg);box-shadow:inset -16px -12px 20px #27312055}
.preview-travel{background:linear-gradient(#c9b994 0 28%,#82917e 29% 59%,#364e49 60%)}
.preview-travel>i{top:17%;right:13%;width:58%;height:85%;border-radius:0;background:linear-gradient(145deg,#eee1c9,#a59d87 48%,#536a5e);clip-path:polygon(43% 0,78% 0,100% 100%,0 100%);box-shadow:none}
.showcase-card-copy{padding:14px 16px 16px}
.showcase-card-copy h3{margin:0;font-size:14px;font-weight:600}
.showcase-card-copy p{min-height:34px;margin:7px 0 13px;color:#73796d;font-size:11px;line-height:1.6}
.showcase-card-copy button{width:100%;border-color:#dce4ce;background:#f3f7e9;color:#405331;font-size:11px;font-weight:600}
.showcase-card-copy button:hover{background:#e8f0d8;border-color:#a8bf80}
@media(max-width:700px){.showcase-dialog{padding:20px}.showcase-catalog{grid-template-columns:1fr}.showcase-screen{min-height:180px}.showcase-card-copy p{min-height:0}}

/* 3D sample art and showcase catalog treatments */
.sample-orbit{background:radial-gradient(ellipse at 50% 85%,#405a3b,#101713 62%)}
.sample-orbit:before{inset:8px 12px 7px;border:1px solid #b7ee7777;border-radius:50%;transform:rotate(-28deg)}
.sample-orbit:after{width:12px;height:12px;top:8px;right:8px;background:#d9ffa0;box-shadow:0 0 13px 5px #b6f36b88}
.sample-space{background:linear-gradient(145deg,#c5b69e,#736858 55%,#343735)}
.sample-space:before{inset:9px 11px 6px;background:linear-gradient(150deg,#ece5d7,#8a877c 48%,#353d39);transform:perspective(45px) rotateY(-18deg) rotateX(8deg);box-shadow:5px 4px 0 #4c554b}
.sample-space:after{width:6px;height:19px;top:10px;right:15px;border-radius:0;background:#efd0a0;box-shadow:0 0 12px 3px #ebd1a555}
.sample-depth{background:linear-gradient(135deg,#211e2d,#66558d)}
.sample-depth:before{inset:9px 13px 7px;background:linear-gradient(145deg,#e0d3ff,#8272ae);transform:perspective(45px) rotateY(18deg) rotateX(-8deg);box-shadow:-5px 4px 0 #a88ee8, -9px 8px 0 #4e426d}
.sample-depth:after{width:8px;height:8px;top:7px;right:7px;background:#cdb8ff;box-shadow:0 0 12px 4px #b9a0ff77}
.showcase-screen.preview-orbit{background:radial-gradient(ellipse at 65% 58%,#34503d,#141a16 60%,#0d100e);perspective:800px}
.preview-orbit i{width:155px;height:155px;right:15%;top:12%;border:1px solid #d1ffa088;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d8ffa6,#79a75c 18%,#344b39 48%,#17201a 72%);box-shadow:0 0 36px #b6f36b33;transform:rotateX(62deg) rotateZ(-28deg);animation:preview-orbit 9s linear infinite}
.preview-orbit:before{position:absolute;content:"";width:180px;height:82px;right:10%;top:34%;border:1px solid #e1ffa066;border-radius:50%;transform:rotate(-22deg)}
.showcase-screen.preview-space{background:linear-gradient(135deg,#d0c3ae,#726e61 48%,#293430);perspective:900px}
.preview-space i{width:48%;height:72%;right:12%;top:14%;border-radius:3px;background:linear-gradient(90deg,#d6c3a1 0 7%,#738073 7% 58%,#2e3a34 58%);transform:rotateY(-24deg) rotateX(7deg);box-shadow:14px 16px 0 #323a35,28px 30px 0 #212925}
.showcase-screen.preview-depth{background:radial-gradient(ellipse at 75% 45%,#69528e,#191621 70%);perspective:900px}
.preview-depth i{width:43%;height:72%;right:15%;top:14%;border-radius:4px;background:linear-gradient(145deg,#ddd0ff,#8172ad);transform:rotateY(-22deg) rotateX(8deg);box-shadow:-10px 9px 0 #aa92e0,-20px 18px 0 #645480,-30px 27px 0 #3c334d;animation:preview-depth 5s ease-in-out infinite alternate}
.preview-atelier{background:radial-gradient(ellipse at 72% 42%,#78675b,#25272d 46%,#101114)}
.preview-atelier i{width:39%;height:94%;top:5%;right:16%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eddfc4,#ab8b66 34%,#302e36 74%);box-shadow:inset -18px -18px 24px #1114,0 15px 35px #0008;animation:preview-depth 7s ease-in-out infinite alternate}
.preview-object{background:radial-gradient(ellipse at 65% 54%,#526c46,#17201a 62%,#101512)}
.preview-object i{width:39%;height:72%;top:13%;right:17%;border-radius:42% 58% 45% 55%;background:radial-gradient(circle at 30% 25%,#edffc9,#a6cf6c 30%,#3a573b 74%);box-shadow:inset -18px -16px 25px #18211888,0 18px 34px #0007;animation:preview-orbit 10s ease-in-out infinite alternate}
.preview-culture{background:radial-gradient(ellipse at 72% 46%,#a457bf,#34233e 55%,#111018)}
.preview-culture i{width:42%;height:80%;top:10%;right:13%;border-radius:50%;background:radial-gradient(circle at 32% 24%,#ffe3d7,#e49bcc 25%,#7e4a9d 65%,#26203a);box-shadow:0 0 35px #da73ff44;animation:preview-orbit 8s ease-in-out infinite alternate}
@keyframes preview-orbit{to{transform:rotateX(62deg) rotateZ(332deg)}}
@keyframes preview-depth{to{transform:translateY(-5px) rotateY(-14deg) rotateX(5deg)}}

@media(prefers-reduced-motion:reduce){.preview-orbit i,.preview-depth i{animation:none!important}}
.live-inspiration{margin-top:30px;padding-top:24px;border-top:1px solid #e4e7dd}
.live-inspiration-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}
.live-kicker{font:700 9px Arial,sans-serif;letter-spacing:1.8px;color:#778560}
.live-inspiration-head h3{margin:7px 0 5px;font:400 25px Georgia,serif;letter-spacing:-.5px;color:#30362b}
.live-inspiration-head p{margin:0;color:#858a7d;font-size:11px;line-height:1.55}
.live-inspiration-head>a,.live-credit a{color:#53683e;text-decoration:underline;text-decoration-color:#b8c4a6;text-underline-offset:3px;font-size:11px;white-space:nowrap}
.live-site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.live-site{display:block;min-width:0;overflow:hidden;border:1px solid #e2e5dc;border-radius:9px;background:#fff;color:#30362b;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.live-site:hover{transform:translateY(-3px);border-color:#bac7a8;box-shadow:0 12px 28px #33401c12}
.live-site:focus-visible{outline:3px solid #7c9160;outline-offset:3px}
.live-site-art{position:relative;display:flex;align-items:flex-end;aspect-ratio:16/8;overflow:hidden;padding:12px;color:#fff;background:#222}
.live-site-art:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#10120dd1,#10120d14 90%),linear-gradient(0deg,#0c0d0ac9,transparent 72%)}
.live-site-art>b{position:relative;z-index:1;font:700 8px Arial,sans-serif;letter-spacing:1.4px}
.live-site-art>i{position:absolute;right:14%;top:12%;width:44%;height:90%;border-radius:50% 50% 2px 2px;background:linear-gradient(145deg,#e8dfc5,#7f8574 52%,#323a34);box-shadow:0 15px 35px #0004;transform:rotate(8deg)}
.live-diamond .live-site-art{background:linear-gradient(150deg,#d3be9c 0 22%,#67766b 23% 56%,#193b36 57%)}
.live-diamond .live-site-art>i{right:17%;background:linear-gradient(90deg,#c7baa1,#eee5d5 48%,#8c8678);clip-path:polygon(10% 17%,84% 0,100% 100%,0 100%);border-radius:2px}
.live-hungry .live-site-art{background:radial-gradient(ellipse at 70% 56%,#d47721,#8b2418 42%,#2b1712 78%)}
.live-hungry .live-site-art>i{width:36%;height:64%;top:25%;right:17%;border-radius:44% 56% 47% 53%;background:radial-gradient(circle at 35% 28%,#ffd88d,#dc5524 34%,#6c231d 71%);box-shadow:0 0 30px #ff9b3266}
.live-qrefinish .live-site-art{background:linear-gradient(135deg,#252b31,#707b80 56%,#b9bdb6)}
.live-qrefinish .live-site-art>i{width:53%;height:46%;top:27%;right:11%;border-radius:56% 46% 10% 10%;background:linear-gradient(180deg,#d9d6c8,#72766f 49%,#24282c 52%);transform:skewX(-13deg)}
.live-amrit .live-site-art{background:linear-gradient(145deg,#8f3d22,#d48432 50%,#39271d)}
.live-amrit .live-site-art>i{right:13%;background:linear-gradient(135deg,#e6bf84,#a74e27 55%,#542c1f);border-radius:50% 50% 3px 3px;transform:rotate(-9deg)}
.live-ponder .live-site-art{background:radial-gradient(ellipse at 70% 44%,#4a5966,#171b20 54%,#0d0f12)}
.live-ponder .live-site-art>i{width:47%;height:68%;top:14%;right:13%;border:1px solid #b5d0e777;border-radius:48%;background:radial-gradient(circle at 40% 30%,#d6e9ed,#66869a 24%,#222c37 65%,#171b20);transform:rotate(18deg);box-shadow:0 0 34px #89bdd133}
.live-site-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 13px 13px}
.live-site-copy strong{font-size:12px;font-weight:650}
.live-site-copy small{min-height:29px;color:#7e8577;font-size:10px;line-height:1.45}
.live-site-copy em{margin-top:4px;color:#596d43;font-size:10px;font-style:normal;font-weight:650}
.live-credit{margin:14px 0 0;color:#8b8f85;font-size:9px;line-height:1.6}
@media(max-width:700px){.live-inspiration-head{align-items:flex-start;flex-direction:column;gap:10px}.live-site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.live-site-grid{grid-template-columns:1fr}.live-site-art{aspect-ratio:16/7}.live-site-copy small{min-height:0}}
@media(prefers-reduced-motion:reduce){.live-site{transition:none}.live-site:hover{transform:none}}