/* Product studio: scoped to avoid the gallery, briefs and old material study. */
.product-studio{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,6vw,100px);align-items:center}
.product-studio [hidden]{display:none!important}
.product-studio .ps-panel,.product-studio .ps-copy{min-width:0}
.product-studio .ps-panel:focus-visible{outline:2px solid #8b553b;outline-offset:6px}
.product-studio .ps-surface{position:relative;width:100%;aspect-ratio:4/5;max-height:min(640px,calc(100svh - 170px));min-height:280px;overflow:hidden;background:#f5f3ee;isolation:isolate}
.product-studio .ps-reference{position:relative;display:block;width:100%;height:100%;object-fit:cover;z-index:1}
.product-studio .ps-model,.product-studio model-viewer{position:absolute;inset:0;width:100%;height:100%;display:block}
.product-studio model-viewer{background:#f5f3ee;--poster-color:#f5f3ee;--progress-bar-color:#8b553b;--progress-bar-height:2px}
.product-studio .ps-media-label{position:absolute;top:20px;left:20px;z-index:2;padding:7px 10px;background:rgba(255,255,255,.88);color:#575953;font-size:10px;letter-spacing:.07em;text-transform:uppercase;pointer-events:none}
.product-studio .ps-loading{position:absolute;inset:auto 20px 58px;z-index:3;display:grid;gap:9px;padding:14px 16px;background:rgba(255,255,255,.94);color:#575953;font-size:12px;pointer-events:none}
.product-studio progress{display:block;width:100%;height:3px;accent-color:#8b553b;border:0;background:#e9e4dc}
.product-studio .ps-help{position:absolute;bottom:18px;left:20px;right:20px;z-index:2;margin:0;color:#6c6c64;font-size:11px;pointer-events:none}
.product-studio .ps-help span{font-size:21px;margin-right:8px;vertical-align:-1px}
.product-studio .ps-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.product-studio .ps-controls .button{padding:11px 16px;min-height:44px;font-size:12px}
.product-studio .ps-status{margin:13px 0 0;font-size:11px;line-height:1.65;color:#72736b}
.product-studio .ps-retry{margin-top:9px}
.product-studio .ps-eyebrow,.product-studio .ps-kind{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#8b553b}
.product-studio .ps-eyebrow{margin:0 0 15px}
.product-studio h2{margin:0 0 32px}
.product-studio .ps-selected-copy{min-height:150px}
.product-studio .ps-kind{margin:0 0 8px;font-size:9px;color:#7e8077}
.product-studio h3{margin:0 0 12px;font-family:var(--serif);font-size:clamp(27px,2.7vw,38px);font-weight:400;line-height:1.1}
.product-studio .ps-selected-copy>p:last-child{max-width:350px;margin:0;color:#72736b;font-size:13px;line-height:1.8}
.product-studio .ps-choose{display:flex;justify-content:space-between;gap:12px;margin:20px 0 12px;color:#62665d;font-size:11px}
.product-studio .ps-choose span:last-child{font-variant-numeric:tabular-nums;color:#96978e}
.product-studio .ps-tabs{display:grid;grid-template-columns:repeat(var(--ps-tab-count,3),minmax(0,1fr));gap:10px}
.product-studio .ps-tab{display:flex;flex-direction:column;gap:9px;width:100%;min-width:0;margin:0;padding:5px 5px 10px;align-items:stretch;text-align:left;border:1px solid #e6e5df;background:#fff;color:#77796f;font:inherit;cursor:pointer;transition:border-color .18s ease,color .18s ease}
.product-studio .ps-tab[aria-selected="true"]{border-color:#8b553b;color:#242521}
.product-studio .ps-tab:focus-visible{outline:2px solid #8b553b;outline-offset:3px}
.product-studio .ps-tab img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.product-studio .ps-tab span{padding:0 3px;overflow-wrap:anywhere;font-size:10px;line-height:1.4}
.product-studio .ps-tab small{padding:0 3px;margin-top:-5px;color:#8b553b;font-size:9px;line-height:1.3}
.product-studio .ps-material{margin:23px 0 22px;color:#85867c;font-size:11px;line-height:1.8}
.product-studio .ps-controls button:disabled{opacity:.5;cursor:default}
.art-3d-link{margin:0 0 12px;text-align:left;font-size:11px;color:#8b553b}
@media(max-width:760px){.product-studio{grid-template-columns:minmax(0,1fr);gap:34px}.product-studio .ps-copy{display:flex;flex-direction:column}.product-studio h2{margin-bottom:24px}.product-studio .ps-selected-copy{min-height:0}.product-studio .ps-choose{margin-top:25px}.product-studio .ps-tabs{gap:9px;max-width:420px}.product-studio .ps-media-label{top:14px;left:14px}.product-studio .ps-loading{left:14px;right:14px}.product-studio .ps-help{left:14px;right:14px;font-size:10px}.product-studio .ps-controls .button{flex:1;justify-content:space-between}.product-studio .ps-material{max-width:420px}.product-studio .ps-status{font-size:10px}}
@media(prefers-reduced-motion:reduce){.product-studio .ps-tab{transition:none}}

/* Keep the complete piece visible beneath the fixed navigation. */
.product-studio{scroll-margin-top:-100px}
@media(min-width:761px){.product-studio .ps-surface{max-height:min(640px,calc(100svh - 170px));min-height:320px}}
@media(max-width:920px){.product-studio{scroll-margin-top:-70px}}
@media(max-width:640px){.product-studio{scroll-margin-top:-58px}}
