.product-digital{display:grid;grid-template-columns:1fr 1.25fr;gap:7vw;align-items:center;padding:86px 0 80px;border-bottom:1px solid var(--line)}.digital-copy>.process-index{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:50px}.digital-copy>.eyebrow{font-size:11px;color:var(--wine)}.digital-copy h3{font-size:clamp(48px,5.4vw,84px);font-weight:400;letter-spacing:-.055em;line-height:1.02;margin:24px 0 34px}.digital-copy h3 i{font:1.22em/.9 var(--serif)}.digital-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:480px;color:#62625a}.digital-copy .digital-detail{margin-top:20px}.digital-copy .step-deliverable{font-size:12px}.digital-sculpture{position:relative;background:transparent;color:#303a4a;min-width:0;aspect-ratio:1/1.12;overflow:hidden;border-radius:2px;isolation:isolate}.digital-sculpture canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y;cursor:grab}.digital-sculpture canvas:active{cursor:grabbing}.digital-panel-top{position:absolute;z-index:2;top:24px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;pointer-events:none}.digital-pause{pointer-events:auto;background:none;color:#b9bcc8;border:1px solid #ffffff30;border-radius:30px;padding:8px 13px;font-size:11px}.digital-panel-bottom{position:absolute;bottom:24px;left:15px;right:15px;text-align:center;pointer-events:none}.digital-panel-bottom p{font-size:11px;color:#969bac;letter-spacing:.03em;margin-bottom:17px}.digital-shapes{display:flex;justify-content:center;gap:5px;pointer-events:auto}.digital-shapes button{border:1px solid transparent;background:none;color:#a3a9ba;font-size:12px;border-radius:30px;padding:9px 15px;transition:background .2s,color .2s}.digital-shapes button[aria-pressed=true]{background:#edf0ff;color:#171c2c}.digital-shapes button:hover{border-color:#6e7791}.digital-caption{display:block;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#686e80;margin-top:20px}.digital-sculpture button:focus-visible{outline:2px solid #a1c5ff;outline-offset:4px}@media(max-width:760px){.product-digital{grid-template-columns:1fr;gap:35px;padding:50px 0}.digital-copy>.process-index{margin-bottom:28px}.digital-copy h3{font-size:55px}.digital-copy>p:not(.eyebrow){font-size:15px}.digital-sculpture{aspect-ratio:1/1.18}.digital-panel-top{left:18px;right:18px;top:18px;font-size:9px}.digital-shapes button{padding:9px 12px}.digital-panel-bottom{bottom:20px}}

/* Mineral particles float directly on the page, with only a floor shadow. */
.digital-sculpture{background:transparent;color:#303a4a}.digital-panel-top{color:#3c4656}.digital-pause{color:#374252;border-color:#55617455;background:#e3e8ef30}.digital-panel-bottom p{color:#354256}.digital-shapes button{color:#364357}.digital-shapes button[aria-pressed=true]{background:#deded6;color:#263143}.digital-shapes button:hover{border-color:#6d7b91}.digital-caption{color:#4d5c72}.digital-sculpture button:focus-visible{outline-color:#253b61}

/* Longer product-category labels stay readable on narrow screens. */
.digital-shapes{flex-wrap:wrap;gap:3px}.digital-shapes button{padding:9px 11px;white-space:nowrap}
@media(max-width:480px){.digital-sculpture{aspect-ratio:1/1.32;min-height:420px}.digital-shapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:285px;margin:0 auto;gap:3px 5px}.digital-shapes button{min-height:36px;font-size:12px}.digital-panel-bottom p{margin-bottom:10px}.digital-caption{margin-top:12px}}