
/* Narrow floating profiles. Borders sit outside the unchanged artwork area. */
.finish-black{--frame-color:#292825;--frame-light:#55534e;--frame-dark:#111110}
.finish-walnut{--frame-color:#624937;--frame-light:#85664e;--frame-dark:#3d2c22}
.finish-oak{--frame-color:#bf945b;--frame-light:#e2bd84;--frame-dark:#8d6336}
.finish-pine{--frame-color:#dbc398;--frame-light:#f1dfb9;--frame-dark:#ae9062}
.product .product-frame:is(.finish-black,.finish-walnut,.finish-oak,.finish-pine),
.frame-mini:is(.finish-black,.finish-walnut,.finish-oak,.finish-pine),
.finish-demo{
 border:8px solid var(--frame-color);border-image:none;background:#29251f;
 box-shadow:inset 0 0 0 1px var(--frame-dark),0 0 0 1px var(--frame-dark),0 1px 0 2px var(--frame-light),5px 10px 15px #30241930;
 overflow:visible;position:relative;
}
.product .product-frame:is(.finish-black,.finish-walnut,.finish-oak,.finish-pine)::after,
.frame-mini:is(.finish-black,.finish-walnut,.finish-oak,.finish-pine)::after,
.finish-demo::after{
 content:'';position:absolute;inset:-2px;pointer-events:none;z-index:4;
 border:3px solid #29251f;box-shadow:inset 1px 2px 3px #0009,0 0 0 1px var(--frame-light);
}
.product .product-frame.finish-none{border:0;box-shadow:1px 3px 8px #30241918}
.frame-mini:is(.finish-black,.finish-walnut,.finish-oak,.finish-pine){border-width:3px}
.frame-mini:is(.finish-black,.finish-walnut,.finish-oak,.finish-pine)::after{inset:-1px;border-width:1px;box-shadow:inset 0 1px 1px #0008}
.frame-mini-art{overflow:hidden}
.frame-guide-link{display:inline-block;font-size:13px;text-decoration:underline;text-underline-offset:4px;margin-top:14px}
.frame-guide{max-width:1280px;margin:auto}.frame-guide>h1{font-size:clamp(32px,4vw,52px)}
.frame-guide-intro{max-width:670px;margin:16px 0 32px;color:var(--muted)}
.finish-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;background:#eee8df;padding:32px 24px;border-radius:8px}
.finish-gallery figure{margin:0;min-width:0}.finish-demo{aspect-ratio:3/4;margin:0 8px 24px}
.finish-demo img{display:block;width:100%;height:100%;object-fit:cover}
.finish-gallery figcaption strong{display:block;font-size:16px}.finish-gallery figcaption span{font-size:12px;color:var(--muted)}
.supplier-frame-reference{margin:36px 0 0;max-width:850px}.supplier-frame-reference summary{cursor:pointer;font-size:20px;font-family:Georgia,serif;padding:18px 0}
.supplier-frame-reference img{display:block;width:100%;height:auto;border-radius:4px}
.supplier-frame-reference p{font-size:13px;color:var(--muted);margin:12px 0 20px;line-height:1.7}
@media(max-width:760px){.finish-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding:24px 16px}.finish-demo{border-width:6px;margin:0 4px 20px}.product .product-frame:is(.finish-black,.finish-walnut,.finish-oak,.finish-pine){border-width:6px}}

.arveo-frame-editorial{margin:0}.arveo-frame-editorial img{display:block;width:100%;height:auto;border-radius:6px}.arveo-frame-editorial figcaption{font-size:12px;color:var(--muted);margin:10px 0 24px}.finish-materials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);padding-top:20px}.finish-materials strong,.finish-materials span{display:block}.finish-materials span{font-size:12px;color:var(--muted);margin-top:5px}.frame-guide>.button{margin-top:26px}@media(max-width:760px){.finish-materials{grid-template-columns:repeat(2,minmax(0,1fr))}}

.artwork-review-controls,.photo-check{padding:14px;background:#f4eee6;border-radius:8px;margin:14px 0}.artwork-review-controls select{display:block;width:100%;padding:10px;margin:8px 0}.artwork-versions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.artwork-confirm{display:block;padding:14px;border:1px solid #b6a18d;margin:15px 0}.artwork-confirm small{display:block;margin:8px 0}.artwork-confirm input,.photo-check input{width:auto!important;display:inline-block!important;margin-right:8px}.photo-thumbnails{display:flex;gap:8px;flex-wrap:wrap}.photo-thumbnails img{height:90px;width:90px;object-fit:contain;background:#fff}.artwork-review-controls[hidden]{display:none}

/* Finish colors follow the supplier samples; retain a thin dark float gap. */
.finish-black{--frame-color:#282725;--frame-light:#454440;--frame-dark:#151513}
.finish-walnut{--frame-color:#644734;--frame-light:#7d5b43;--frame-dark:#3e2b20}
.finish-oak{--frame-color:#c28d48;--frame-light:#d9ab6b;--frame-dark:#94652f}
.finish-pine{--frame-color:#dec397;--frame-light:#efdab7;--frame-dark:#b69a70}
.product .product-frame:is(.finish-black,.finish-walnut,.finish-oak,.finish-pine),.frame-mini:is(.finish-black,.finish-walnut,.finish-oak,.finish-pine),.finish-demo{
 border-image:linear-gradient(135deg,var(--frame-light) 0%,var(--frame-color) 32%,var(--frame-color) 65%,var(--frame-dark) 100%) 1;
 box-shadow:0 0 0 1px var(--frame-dark),2px 3px 3px #241a1220,7px 12px 18px #241a1226;
}
.product .product-frame:is(.finish-black,.finish-walnut,.finish-oak,.finish-pine)::after,.finish-demo::after{inset:-2px;border-width:2px;border-color:#24221e;box-shadow:inset 0 1px 2px #0008}
.frame-mini-art>.frame-customer-preview{display:block;width:100%;height:100%;margin:0;padding:0;background:white;object-position:50% 50%}
.frame-mini-art:has(>.frame-customer-preview){background:none}
.frame-mini:has(.frame-customer-preview){height:auto}
