.studio-main:has(.artwork-page) { padding-top:112px; background-image:var(--page-art,radial-gradient(ellipse at 0 0,rgba(179,202,185,.22),transparent 65%),linear-gradient(135deg,#203e31,#0d251b)); }
.artwork-page { max-width:1408px; margin:auto; padding:96px 64px; min-height:100vh; }
.artwork-breadcrumb { display:flex; align-items:center; gap:8px; font-size:14px; margin-bottom:40px; color:var(--text-secondary); }
.artwork-breadcrumb a { color:inherit; text-decoration:none; }
.artwork-browse { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; margin-bottom:32px; }
.artwork-browse p { font-size:11px; text-transform:uppercase; letter-spacing:.35em; color:var(--text-muted); }
.artwork-browse a,.artwork-browse button { justify-self:start; display:flex; gap:8px; padding:8px 20px; border:1px solid var(--accent-primary); border-radius:99px; color:var(--text-secondary); text-transform:uppercase; font:inherit; font-size:12px; text-decoration:none; background:transparent; }
.artwork-browse>:last-child { justify-self:end; }.artwork-browse button:disabled { opacity:.35; }
.artwork-composition { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,420px); align-items:start; gap:64px; }
.artwork-story { min-width:0; }.artwork-main-image { display:flex; align-items:center; justify-content:center; min-height:620px; width:100%; padding:0; border:0; background:transparent; cursor:zoom-in; overflow:hidden; }
.artwork-main-image img { width:100%; max-height:72vh; object-fit:contain; border-radius:0; transition:transform .5s; }.artwork-main-image:hover img { transform:scale(1.02); }
.artwork-thumbnails { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-top:20px; }
.artwork-thumbnails button { padding:0; overflow:hidden; border:1px solid #ffffff1a; border-radius:16px; background:transparent; cursor:zoom-in; }
.artwork-thumbnails button[aria-pressed=true] { border-color:var(--accent-primary); box-shadow:0 0 0 1px #f59e0b66; }.artwork-thumbnails img { display:block; width:100%; aspect-ratio:1; object-fit:cover; }
.artwork-information { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); gap:32px; margin-top:40px; }
.artwork-description p { font-size:18px; line-height:32px; margin:0 0 20px; color:var(--text-secondary); }
.artwork-specifications { margin:0; display:grid; gap:16px; align-content:start; }.artwork-specifications div { border-top:1px solid #ffffff1a; padding-top:16px; }.artwork-specifications dt { font-size:12px; text-transform:uppercase; letter-spacing:.28em; color:#64748b; }.artwork-specifications dd { margin:8px 0 0; font-size:16px; }
.artwork-purchase { display:grid; gap:32px; position:sticky; top:112px; min-width:0; }.artwork-purchase:has([data-artwork-contact]:not([hidden])) { position:static; }
.artwork-badges { display:flex; gap:12px; flex-wrap:wrap; }.artwork-badge { font-size:12px; line-height:20px; padding:0 10px; border:1px solid #34d39966; border-radius:99px; color:#a7f3d0; background:#10b98126; }.artwork-badge.sold { color:#fca5a5; border-color:#f8717166; background:#ef444426; }.artwork-badge.limited { color:#e9d5ff; background:#a855f726; }.artwork-badge.prints { color:#bfdbfe; background:#3b82f626; }
.artwork-eyebrow { font-size:12px; letter-spacing:.4em; text-transform:uppercase; margin:0 0 12px; color:var(--accent-primary); }.artwork-purchase h1 { font:300 60px/.95 'Playfair Display',serif; margin:0; color:var(--text-primary); }.artwork-price { font-size:30px; font-weight:600; color:var(--accent-primary); margin:16px 0 0; }.artwork-price small { font-size:14px; text-transform:uppercase; letter-spacing:.28em; font-weight:400; }
.artwork-actions { display:grid; gap:16px; }.artwork-actions .studio-button { width:100%; min-height:64px; font-size:16px; display:flex; align-items:center; justify-content:center; gap:12px; background:linear-gradient(110deg,#dff3e8,#4db87c); color:#123826; }.artwork-actions p { padding-top:12px; font-size:14px; line-height:28px; margin:0; color:var(--text-secondary); }
[data-artwork-icon] { display:inline-flex; flex-shrink:0; }[data-artwork-icon] svg { width:20px; height:20px; }
.artwork-contact-inline[hidden],.artwork-actions[hidden] { display:none; }.artwork-contact-inline form { display:grid; gap:16px; }.artwork-contact-inline header { display:flex; gap:12px; align-items:start; justify-content:space-between; }.artwork-contact-inline header button { display:none; }.artwork-contact-inline h2 { font:400 30px 'Playfair Display',serif; margin:8px 0; }.artwork-contact-inline label { display:grid; gap:6px; min-width:0; }.artwork-contact-inline input,.artwork-contact-inline textarea { box-sizing:border-box; width:100%; min-width:0; padding:10px 12px; border:1px solid var(--border-color); border-radius:10px; background:var(--bg-secondary); color:var(--text-primary); font:inherit; }.artwork-contact-inline footer { display:flex; justify-content:flex-end; gap:12px; }.artwork-contact-inline [hidden] { display:none; }.artwork-contact-inline output { color:var(--accent-primary); }
.artwork-contact-inline form { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.artwork-contact-inline header,.artwork-contact-inline footer,.artwork-contact-inline output,.artwork-contact-inline label:has([name=phone]),.artwork-contact-inline label:has(textarea),.artwork-contact-inline [data-offer-field],.artwork-contact-inline [data-licensing-fields] { grid-column:1/-1; }
.artwork-contact-inline [data-licensing-fields] { display:grid; gap:16px; }.artwork-contact-inline [data-licensing-fields][hidden] { display:none; }
@media(max-width:1279px) { .artwork-page { padding-inline:48px; }.artwork-composition { gap:40px; }.artwork-information { grid-template-columns:1fr; }.artwork-specifications { grid-template-columns:1fr 1fr; } }
@media(max-width:1023px) { .artwork-page { padding-inline:32px; }.artwork-composition { grid-template-columns:1fr; gap:32px; }.artwork-browse { display:none; }.artwork-main-image { min-height:420px; }.artwork-purchase { position:static; }.artwork-information { margin-top:32px; } }
@media(max-width:639px) { .artwork-page { padding:80px 16px; }.artwork-main-image { min-height:280px; }.artwork-main-image img { max-height:68vh; }.artwork-purchase h1 { font-size:23.2px; }.artwork-thumbnails { grid-template-columns:repeat(4,minmax(0,1fr)); }.artwork-specifications { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .artwork-main-image img { transition:none; } }