/* Photographs and responsive gallery. Original artwork files are preserved. */
.featured-piece{padding:30px 25px 67px;width:100%;transition:background .2s}
.featured-piece:hover{background:#eee8dc}
.featured-photo{width:100%;height:auto;max-height:420px;object-fit:contain;position:relative;z-index:1}
.art-caption{color:#66594f;z-index:1}
.hero-art:before{pointer-events:none}
.work-photo{padding:0;aspect-ratio:4/4.5;background:#232424;border:0;display:block}
.work-photo img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s}
.work-photo:hover img{transform:scale(1.025)}
.work-photo:after{inset:0;border:0;background:linear-gradient(180deg,#0002,transparent 24%,transparent 70%,#0009);opacity:1;pointer-events:none}
.work-photo:hover:after{inset:0}
.work-photo .piece-number{left:18px;top:16px;background:#fdfcf5e8;color:#4e332b;padding:3px 7px;z-index:1;font-size:9px}
.work-photo .view-label{bottom:14px;left:19px;right:19px;color:#fff;font-size:11px}
.piece-information{display:block;padding-top:18px}
.piece-information h3{font-size:27px;line-height:1.15}
.piece-price{display:inline-block;margin-top:11px;font-size:11px;border-bottom:1px solid #bb9294;padding-bottom:2px}
.piece-price:hover{color:#4b0013}
.gallery-grid{row-gap:38px}
.dialog-grid{grid-template-columns:1.15fr 1fr;align-items:stretch}
.dialog-media{background:#222424;min-width:0}
.dialog-image{background:#222424;min-height:0;aspect-ratio:1;display:block}
.dialog-image:before{display:none}
.dialog-image>img{width:100%;height:100%;object-fit:contain;display:block}
.dialog-copy{display:flex;flex-direction:column;justify-content:center;padding:57px 30px 34px;min-width:0}
.dialog-copy h2{line-height:1.05}
.dialog-copy .button{font-size:11px}
.dialog-thumbnails{display:flex;justify-content:center;gap:10px;padding:14px}
.dialog-thumbnails:empty{display:none}
.photo-thumb{width:58px;height:58px;border:2px solid transparent;padding:0;background:transparent;opacity:.7}
.photo-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.photo-thumb[aria-pressed='true']{border-color:#fff;opacity:1}
.photo-thumb:hover{opacity:1}
.enquiry-price{color:var(--wine);font-family:var(--serif);font-size:26px;border-block:1px solid var(--line);padding:18px 0;margin:13px 0 24px}
.enquiry-price small{display:block;font-family:var(--sans);font-size:10px;line-height:1.7;color:var(--muted);margin-top:5px}
.contact-row>span:first-child{min-width:0}
.contact-value{overflow-wrap:anywhere}
.work-photo{background:#f7f4ea;padding:15px;border:1px solid #eee7dd}
.work-photo:after{background:linear-gradient(180deg,transparent 70%,#f7f4eacc)}
.work-photo .view-label{color:#650a22}
.work-photo .piece-number{background:#fdfcf5d9;color:#650a22}
.dialog-media,.dialog-image{background:#f7f4ea}
.dialog-image{padding:20px}
.dialog-thumbnails{flex-wrap:wrap;padding-top:5px}
.photo-thumb{background:#f7f4ea;opacity:.8;border-color:#ded7cb}
.photo-thumb[aria-pressed='true']{border-color:#760b25}
.photo-caption{font-size:10px;text-align:center;margin:0;padding:5px 15px 14px;color:#746b64}
.featured-piece{background:#f7f4ea}
.original-necklace img{clip-path:inset(8.2% 0 7.8%);transform:scale(1.14)}
.original-necklace:hover img{transform:scale(1.16)}
@media(max-width:360px){.contact-value{font-size:15px}}
@media(min-width:801px){.hero-art{min-height:440px}}
@media(min-width:581px) and (max-width:800px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{min-height:320px}.featured-piece{padding:24px 18px 55px}.contact-value{font-size:18px}}
@media(max-width:580px){.hero-art{min-height:0;aspect-ratio:auto}.featured-piece{padding:20px 20px 58px}.featured-photo{max-height:none}.work-photo{aspect-ratio:1/1.1}.piece-information{display:block}.piece-information h3{font-size:28px}.piece-price{font-size:12px;margin-top:11px;min-height:30px;padding-top:2px}.work-photo .view-label{bottom:18px;left:22px;right:22px;font-size:12px}.gallery-grid{row-gap:33px}.dialog-grid{grid-template-columns:1fr}.dialog-image{aspect-ratio:1;max-height:52dvh}.dialog-copy{padding:28px 24px}.dialog-copy h2{font-size:38px}.dialog-copy .button{font-size:12px}.dialog-phone{padding-block:18px 5px}.dialog-close{width:44px;height:44px}.contact-row{gap:12px}.site-header{gap:12px}.contact-value{font-size:clamp(17px,5.4vw,22px)}}
@media(max-width:360px){.brand-words{font-size:18px}.brand-mark{width:34px;height:33px}.brand{gap:7px}.site-header nav .nav-contact{font-size:9px;gap:6px}.hero h1{font-size:43px}.hero .eyebrow{font-size:8px}.contact h2{font-size:53px}.site-footer{column-gap:8px}.footer-name{font-size:22px}}

/* Browse the collection and contact the maker without leaving a piece. */
.piece-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.piece-dialog .dialog-grid{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.dialog-navigation{flex-shrink:0}
.collection-tools[hidden],.piece-card[hidden]{display:none!important}
.collection-tools{margin:0 0 28px;min-width:0}
.collection-filters{display:flex;flex-wrap:wrap;gap:8px}
.collection-filter{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;max-width:100%;padding:10px 16px;border:1px solid var(--line);background:transparent;color:var(--wine);font-family:var(--sans);font-size:11px;line-height:1.4;transition:background .2s,border-color .2s,color .2s}
.collection-filter:hover{border-color:#ab7b84;background:#f0e6e3}
.collection-filter[aria-pressed='true']{border-color:var(--wine);background:var(--wine);color:var(--cream)}
.filter-count{font-size:10px;font-variant-numeric:tabular-nums;opacity:.8}
.collection-results{min-height:1.7em;margin:13px 0 0;color:var(--muted);font-size:11px;line-height:1.7}
.dialog-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:14px 24px;border-top:1px solid var(--line);background:var(--cream)}
.dialog-navigation button{min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line);background:transparent;color:var(--wine);font-size:11px;line-height:1.4;transition:background .2s,border-color .2s}
.dialog-navigation button:hover:not(:disabled){border-color:#ab7b84;background:#f0e6e3}
.dialog-navigation button:disabled{opacity:.42;cursor:not-allowed}
#piece-position{min-width:3.5em;text-align:center;white-space:nowrap;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}
.direct-email{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;min-width:0;margin-top:16px}
#dialog-email-address{flex:1 1 185px;min-width:0;padding-block:8px;color:var(--wine);font-size:11px;line-height:1.7;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
#copy-email{flex:0 0 auto;min-height:44px;padding:10px 12px;border:1px solid var(--line);background:transparent;color:var(--wine);font-size:11px;line-height:1.4}
#copy-email:hover{border-color:#ab7b84;background:#f0e6e3}
.dialog-copy .copy-status{min-height:1.7em;margin:5px 0 0;color:var(--wine);font-size:10px;line-height:1.7;overflow-wrap:anywhere}
.collection-filter:focus-visible,.dialog-navigation button:focus-visible,#copy-email:focus-visible,#dialog-email-address:focus-visible{outline:3px solid #b57338;outline-offset:3px}
@media(max-width:580px){
  .collection-tools{margin-bottom:24px}
  .collection-filters{gap:7px}
  .collection-filter{gap:7px;padding:10px 12px}
  .dialog-navigation{gap:8px;padding:12px 18px}
  .dialog-navigation button{padding:10px 8px;font-size:10px}
  .direct-email{gap:5px 10px}
  #dialog-email-address{font-size:12px}
  #copy-email{font-size:12px}
}