#sleeve-dialog[data-section=shop] .gatefold{grid-template-columns:1fr}
#sleeve-dialog[data-section=shop] .inside-cover{display:none}
#sleeve-dialog[data-section=shop] .inside-page h1{font-size:42px;margin:14px 0 25px}
.clothing-rack{position:relative;isolation:isolate;max-width:840px;margin:0 auto 20px;padding:48px 42px 75px;background:radial-gradient(ellipse at 50% 30%,#fff,#dddeda 85%);border:1px solid #666;box-shadow:inset 0 0 60px #0001}
.rack-frame{position:absolute;inset:0;pointer-events:none;z-index:-1}
.rack-rail{position:absolute;left:24px;right:24px;top:65px;height:10px;border-radius:6px;background:linear-gradient(#aaa,#f5f5f5 20%,#555 40%,#999 75%,#333);box-shadow:0 3px 4px #0004}
.rack-upright{position:absolute;top:65px;bottom:35px;width:11px;border-radius:5px;background:linear-gradient(90deg,#555,#eee 25%,#999 50%,#555 80%,#aaa);box-shadow:4px 2px 6px #0002}
.rack-left{left:24px}.rack-right{right:24px}
.rack-foot{position:absolute;bottom:29px;width:65px;height:10px;border-radius:8px;background:linear-gradient(#999,#eee 25%,#666 60%,#333);box-shadow:0 9px 6px #0003}
.foot-left{left:5px}.foot-right{right:5px}
.rack-foot:before,.rack-foot:after{content:'';position:absolute;top:9px;width:11px;height:13px;border-radius:4px;background:#272727;border:2px solid #666}
.rack-foot:before{left:4px}.rack-foot:after{right:4px}
#shop-panel .clothing-rack #shop-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin:0;position:relative}
#shop-panel .clothing-rack .product{min-width:0}
#shop-panel .clothing-rack .product-image{border:0;background:transparent;aspect-ratio:820/1070;box-shadow:none;transition:transform .3s;transform-origin:50% 5%;mix-blend-mode:multiply}
#shop-panel .clothing-rack .product-image img{mix-blend-mode:multiply}
#shop-panel .clothing-rack .product-image:hover{transform:rotate(-2deg)}
#shop-panel .clothing-rack .product-image:focus-visible{outline:2px solid #333;outline-offset:3px}
#shop-panel .clothing-rack .product-image:after{background:#222;color:white;bottom:12px;right:8px}
#shop-panel .clothing-rack .product h2{font:11px/1.5 var(--mono);color:#252525;margin:12px 0 4px}
#shop-panel .clothing-rack .product p{color:#666}
#shop-panel .clothing-rack .product-stock{background:transparent;color:#555;border:1px solid #999;font-size:9px;padding:10px 4px;margin-top:12px}
@media(max-width:600px){.clothing-rack{padding:44px 22px 60px}.rack-rail{top:51px;left:12px;right:12px;height:8px}.rack-upright{top:51px;width:8px;bottom:29px}.rack-left{left:12px}.rack-right{right:12px}.rack-foot{width:38px;height:8px;bottom:24px}.foot-left{left:2px}.foot-right{right:2px}#shop-panel .clothing-rack #shop-products{gap:12px}#shop-panel .clothing-rack .product h2{font-size:9px}#shop-panel .clothing-rack .product-stock{font-size:7px;letter-spacing:.5px}#sleeve-dialog[data-section=shop] .inside-page{padding:18px 12px}#sleeve-dialog[data-section=shop] .inside-page h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){#shop-panel .clothing-rack .product-image{transition:none}}
.clothing-rack{max-width:660px}#shop-panel .clothing-rack .product-stock{opacity:1;color:#666}
/* Render the existing shirt photos through their original garment silhouette. */
.clothing-rack{max-width:660px;padding:48px 42px 75px;background:radial-gradient(ellipse at 50% 90%,#20202080,transparent 65%);border:0;box-shadow:none}
#shop-panel .clothing-rack #shop-products{gap:0;max-width:440px;margin:auto;perspective:1000px}
#shop-panel .clothing-rack .product-image{mix-blend-mode:normal;transform:rotateY(-48deg) rotateZ(3deg);transform-origin:50% 5%;transition:transform .45s ease,filter .45s;filter:drop-shadow(12px 8px 7px #0008)}
#shop-panel .clothing-rack .product:nth-child(even) .product-image{transform:rotateY(-55deg) rotateZ(-2deg)}
#shop-panel .clothing-rack .product-image:hover,#shop-panel .clothing-rack .product-image:focus-visible{transform:rotateY(-15deg) translateZ(30px) rotateZ(0);filter:drop-shadow(8px 12px 10px #000a)}
#shop-panel .clothing-rack .product-image img{mix-blend-mode:normal}
#shop-panel .clothing-rack .product h2{color:#ccc}
#shop-panel .clothing-rack .product p{color:#999}
#shop-panel .clothing-rack .product-stock{color:#999;border-color:#444}
.rack-upright{background:linear-gradient(90deg,#333,#aaa 25%,#555 50%,#222 80%,#777)}
.rack-rail{background:linear-gradient(#777,#ccc 20%,#444 40%,#777 75%,#222)}
#art-dialog{background:#101010;border-color:#555;width:min(650px,92vw)}
#art-dialog>img{background:transparent;filter:drop-shadow(8px 12px 12px #0008)}
@media(max-width:600px){.clothing-rack{padding:44px 22px 60px}#shop-panel .clothing-rack #shop-products{gap:0}.rack-rail{top:51px}#shop-panel .clothing-rack .product h2{font-size:9px}}
@media(prefers-reduced-motion:reduce){#shop-panel .clothing-rack .product-image{transition:none}}

#shop-panel .clothing-rack .product-image img,#art-dialog>img{mask-image:url("/assets/shirt-silhouette.svg");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("/assets/shirt-silhouette.svg");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}

/* Restrained display: matte rail, unwarped photographic garments. */
.clothing-rack{max-width:680px;background:none;padding:42px 25px 30px}
.rack-upright,.rack-foot{display:none}
.rack-rail{top:60px;left:15px;right:15px;height:4px;border-radius:1px;background:#585858;box-shadow:0 1px 0 #8884,0 3px 4px #0005}
#shop-panel .clothing-rack #shop-products{max-width:none;gap:28px}
#shop-panel .clothing-rack .product-image,#shop-panel .clothing-rack .product:nth-child(even) .product-image{transform:rotate(-2deg);filter:drop-shadow(3px 8px 5px #0005)}
#shop-panel .clothing-rack .product:nth-child(even) .product-image{transform:rotate(2deg)}
#shop-panel .clothing-rack .product-image:hover,#shop-panel .clothing-rack .product-image:focus-visible{transform:translateY(-5px) rotate(0)}
#shop-panel .clothing-rack .product-image img,#art-dialog>img{mask-image:url("/assets/shirt-silhouette-v2.svg");-webkit-mask-image:url("/assets/shirt-silhouette-v2.svg")}
#art-dialog>img{display:block;width:min(100%,calc(76svh * .766355));height:auto;max-height:none;margin-inline:auto}
#shop-panel .clothing-rack .product-image:after{font-size:13px;padding:5px;background:#171717}
@media(max-width:600px){.clothing-rack{padding:40px 8px 20px}.rack-rail{top:49px;left:0;right:0}#shop-panel .clothing-rack #shop-products{gap:14px}}

/* Brushed steel hardware; hooks sit across the top of the tube. */
#shop-panel .clothing-rack .product-image,#shop-panel .clothing-rack .product:nth-child(even) .product-image{transform:none;filter:drop-shadow(2px 5px 3px #0005)}
#shop-panel .clothing-rack .product-image:hover,#shop-panel .clothing-rack .product-image:focus-visible{transform:translateY(-3px) rotate(-1deg)}
.hanger-hardware{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.rack-rail{height:7px;border-radius:50% / 3px;background:linear-gradient(180deg,#343637 0%,#777979 16%,#a1a29f 26%,#797b79 36%,#535655 60%,#292c2b 89%,#1c1e1d 100%);box-shadow:0 1px 1px #000,0 5px 7px #0006;border-top:1px solid #94958e55;border-bottom:1px solid #090909}
.rack-rail:before,.rack-rail:after{content:'';position:absolute;top:-1px;width:7px;height:9px;border-radius:50%;background:linear-gradient(110deg,#747773,#303432 45%,#171a18);border:1px solid #63665e}
.rack-rail:before{left:-2px}.rack-rail:after{right:-2px}
@media(max-width:600px){.rack-rail{height:5px}.rack-rail:before,.rack-rail:after{height:7px;width:5px}}
