:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#000;color:#f2f2f2}
*{box-sizing:border-box}
body{margin:0;min-width:280px;background:#000;font-size:16px}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,.gallery-stage:focus-visible{outline:1px solid #fff;outline-offset:5px}
.skip-link{position:fixed;left:24px;top:-100px;z-index:10;padding:12px;background:#fff;color:#000}
.skip-link:focus{top:16px}
.works-navigation{position:fixed;inset:0 auto 0 0;width:180px;display:flex;flex-direction:column;align-items:flex-start;padding:38px 32px;z-index:2}
.works-logo{font-family:"Times New Roman",Times,serif;font-size:38px;letter-spacing:-.07em;line-height:1}
.works-navigation h1{font-size:14px;font-weight:400;margin:62px 0 0;line-height:1.5}
.orders-link{font-size:14px;color:#aaa;min-height:44px;display:flex;align-items:center;margin-top:12px}
.orders-link:hover{color:#fff}
.return-link{font-size:14px;color:#aaa;margin-top:auto;min-height:44px;display:flex;align-items:center}
.return-link:hover{color:#fff}
.works-floor{min-height:100svh;padding:82px 32px 64px 180px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:40px 28px}
.work-piece{margin:0;max-width:100%}
.work-image-link{display:block;width:100%}
.work-product-image{position:relative;display:block;width:100%;aspect-ratio:3/4;overflow:hidden}
.work-product-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.work-information{text-align:center;margin-top:28px;line-height:1.5}
.work-information h2{font-size:16px;font-weight:400;margin:0}
.work-price{font-size:16px;margin:8px 0 0;font-variant-numeric:tabular-nums}
.work-sale-state{font-size:12px;color:#aaa;margin:8px 0 0}
.work-image-link:hover .work-information h2{text-decoration:underline;text-underline-offset:4px}
.work-gallery{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#f2f2f2;overflow:hidden}
.work-gallery[open],.work-gallery[data-standalone-gallery]{display:grid;grid-template-columns:112px minmax(0,1fr) minmax(290px,28%);grid-template-rows:72px minmax(0,1fr) 72px;column-gap:24px}
.work-gallery::backdrop{background:#000}
.gallery-header{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 28px;background:#000;z-index:2}
.gallery-context{font-size:14px;margin:0}
.gallery-price{font-size:20px;margin:14px 0 38px;font-variant-numeric:tabular-nums}
.work-commerce{margin:-18px 0 34px}
.work-checkout{font-size:14px;line-height:1.4;min-height:44px;min-width:144px;padding:11px 18px;border:1px solid #888;text-align:center}
.work-checkout:hover:not(:disabled){border-color:#fff}
.work-checkout:disabled{color:#888;border-color:#333;cursor:default}
.work-commerce-status{max-width:270px;font-size:12px;line-height:1.5;color:#aaa;margin:10px 0 0}
.gallery-position{font-size:14px;color:#aaa;margin:0;min-width:36px;text-align:center;white-space:nowrap}
.gallery-header button,.gallery-header a{font-size:14px;min-height:44px;padding:0 4px;display:flex;align-items:center;gap:18px}
.gallery-header button span{font-size:26px;font-weight:300}
.gallery-stage{grid-column:2;grid-row:2;min-height:0;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom}
.gallery-stage::-webkit-scrollbar{display:none}
.gallery-track{display:flex;width:100%;height:100%}
.gallery-slide{flex:0 0 100%;min-width:0;height:100%;margin:0;padding:12px 20px;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}
.gallery-slide img{display:block;width:100%;height:100%;object-fit:contain}
.gallery-stage.is-zoomed{overflow:hidden;scroll-snap-type:none}
.gallery-slide.is-zoomed{padding:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#444 #000}
.gallery-slide.is-zoomed img{height:auto;max-width:none;max-height:none;object-fit:initial}
.gallery-thumbnails{grid-column:1;grid-row:2;align-self:center;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:6px 12px 6px 28px;scrollbar-width:thin}
.gallery-thumbnails button{padding:0;opacity:.5;transition:opacity .2s;min-height:44px;flex-shrink:0}
.gallery-thumbnails button:hover,.gallery-thumbnails button[aria-pressed="true"]{opacity:1}
.gallery-thumbnails img{display:block;width:100%;height:108px;object-fit:contain}
.gallery-controls{grid-column:2;grid-row:3;display:flex;align-items:center;justify-content:center;gap:22px;padding:10px 16px 18px}
.gallery-controls button{min-width:48px;min-height:44px;font-size:24px;font-weight:300}
.product-details{grid-column:3;grid-row:2/4;min-width:0;overflow-y:auto;padding:26px 36px 42px 12px;scrollbar-color:#444 #000}
.product-details h1,.product-details h2{font-size:26px;font-weight:400;line-height:1.25;margin:0}
.product-details>.work-sale-state{margin:-22px 0 34px}
.product-description{font-size:16px;line-height:1.65;text-transform:uppercase}
.product-description p{margin:0 0 24px}
.product-description ul{padding:0;margin:0;list-style:none}
.product-description li{margin:0 0 8px}
.product-specification{margin-top:30px}
.product-specification h3{font-size:.875rem;font-weight:400;letter-spacing:.08em;color:#aaa;margin:0 0 12px}
.product-specification p:last-child{margin-bottom:0}
.product-measurements{margin:0;font-variant-numeric:tabular-nums}
.product-measurements div{display:flex;justify-content:space-between;gap:20px;margin-bottom:8px}
.product-measurements dd{margin:0;white-space:nowrap}
.measurements-pending{color:#aaa}
@media(min-width:701px) and (max-width:1200px){.works-floor{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}}
@media(min-width:701px) and (max-width:1000px){.works-floor{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:160px}}
@media(max-width:700px){
  .works-navigation{position:relative;inset:auto;width:100%;height:88px;padding:20px;display:grid;grid-template-columns:1fr auto auto auto;gap:18px;align-items:center}
  .works-logo{font-size:32px}
  .works-navigation h1{margin:0}
  .orders-link{margin:0}
  .return-link{margin:0;justify-self:end}
  .works-floor{min-height:calc(100svh - 88px);grid-template-columns:repeat(2,minmax(0,1fr));padding:30px 20px 44px;gap:36px 20px}
  .work-piece{min-width:0;width:100%}
  .work-product-image img{padding:8px}
  .work-information{margin-top:18px}
  .work-information h2,.work-price{font-size:.875rem}
  .work-price{margin-top:6px}
}
@media(max-width:900px){
  .work-gallery{overflow-y:auto;overscroll-behavior:contain}
  .work-gallery[open],.work-gallery[data-standalone-gallery]{grid-template-columns:68px minmax(0,1fr);grid-template-rows:64px min(62svh,620px) 64px auto;column-gap:0;align-content:start}
  .gallery-header{position:sticky;top:0;min-height:64px;padding:10px 20px}
  .gallery-stage{grid-column:2;grid-row:2}
  .gallery-slide{padding:12px 20px 12px 4px}
  .gallery-thumbnails{grid-column:1;grid-row:2;gap:16px;padding:8px 4px 8px 14px}
  .gallery-thumbnails img{height:76px}
  .gallery-controls{grid-column:2;grid-row:3;padding:6px 12px;gap:12px}
  .gallery-controls button{min-width:44px}
  .product-details{grid-column:1/-1;grid-row:4;overflow:visible;padding:30px 24px max(42px,env(safe-area-inset-bottom))}
  .product-details h1,.product-details h2{font-size:24px}
  .gallery-price{margin:12px 0 30px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
