/* data-table · cloth textures + garment silhouettes for row thumbnails.
   Generated from phase-1/src/fabric.py (no third-party photos). Hex lives here only (CONTRACT §4 exception). */
.dt-ph{position:relative;overflow:hidden}
.dt-ph .garment{position:absolute;inset:9% 12% 5%;filter:drop-shadow(0 3px 3px rgba(0,0,0,.28))}
.dt-ph .g-fill{position:absolute;inset:0}
.dt-ph .g-detail{position:absolute;inset:0;width:100%;height:100%}
.dt-sw{position:relative;overflow:hidden}
.fab-birdseye{background-color:#1E2A47;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(circle,rgba(220,228,255,.28) .7px,transparent 1.1px) 0 0/3px 3px,radial-gradient(circle,rgba(0,0,0,.35) .6px,transparent 1px) 1.5px 1.5px/3px 3px,#1E2A47}
.fab-birdseye.lit{background:linear-gradient(112deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 32%,rgba(0,0,0,.22) 64%,rgba(0,0,0,.04) 84%,rgba(255,255,255,.08) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(circle,rgba(220,228,255,.28) .7px,transparent 1.1px) 0 0/3px 3px,radial-gradient(circle,rgba(0,0,0,.35) .6px,transparent 1px) 1.5px 1.5px/3px 3px,#1E2A47}
.fab-herringbone{background-color:#3B3C41;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5'%3E%3Cpath d='M0 5 L5 0 M-1 1 L1 -1 M4 6 L6 4' stroke='rgba(255,255,255,.22)' stroke-width='1.1'/%3E%3Cpath d='M5 0 L10 5 M4 -1 L6 1 M9 4 L11 6' stroke='rgba(0,0,0,.25)' stroke-width='1.1'/%3E%3C/svg%3E") 0 0/10px 5px,#3B3C41}
.fab-herringbone.lit{background:linear-gradient(112deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 32%,rgba(0,0,0,.22) 64%,rgba(0,0,0,.04) 84%,rgba(255,255,255,.08) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5'%3E%3Cpath d='M0 5 L5 0 M-1 1 L1 -1 M4 6 L6 4' stroke='rgba(255,255,255,.22)' stroke-width='1.1'/%3E%3Cpath d='M5 0 L10 5 M4 -1 L6 1 M9 4 L11 6' stroke='rgba(0,0,0,.25)' stroke-width='1.1'/%3E%3C/svg%3E") 0 0/10px 5px,#3B3C41}
.fab-flannel{background-color:#8C8E93;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 40px 70px/260px 260px,radial-gradient(ellipse at 30% 40%,rgba(255,255,255,.14),transparent 60%),#8C8E93}
.fab-flannel.lit{background:linear-gradient(112deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 32%,rgba(0,0,0,.22) 64%,rgba(0,0,0,.04) 84%,rgba(255,255,255,.08) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 40px 70px/260px 260px,radial-gradient(ellipse at 30% 40%,rgba(255,255,255,.14),transparent 60%),#8C8E93}
.fab-chalk{background-color:#1C2232;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(90deg,transparent 0 15px,rgba(235,238,245,.30) 15px 16.5px,transparent 16.5px 18px),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px),#1C2232}
.fab-chalk.lit{background:linear-gradient(112deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 32%,rgba(0,0,0,.22) 64%,rgba(0,0,0,.04) 84%,rgba(255,255,255,.08) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(90deg,transparent 0 15px,rgba(235,238,245,.30) 15px 16.5px,transparent 16.5px 18px),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px),#1C2232}
.fab-glen{background-color:#6A5440;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(90deg,rgba(255,255,255,.10) 0 9px,transparent 9px 18px),repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 9px,transparent 9px 18px),repeating-linear-gradient(90deg,transparent 0 35px,rgba(186,96,52,.55) 35px 36px),repeating-linear-gradient(0deg,transparent 0 35px,rgba(186,96,52,.45) 35px 36px),#6A5440}
.fab-glen.lit{background:linear-gradient(112deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 32%,rgba(0,0,0,.22) 64%,rgba(0,0,0,.04) 84%,rgba(255,255,255,.08) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(90deg,rgba(255,255,255,.10) 0 9px,transparent 9px 18px),repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 9px,transparent 9px 18px),repeating-linear-gradient(90deg,transparent 0 35px,rgba(186,96,52,.55) 35px 36px),repeating-linear-gradient(0deg,transparent 0 35px,rgba(186,96,52,.45) 35px 36px),#6A5440}
.fab-linen{background-color:#CBC1AC;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6 .04' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 3px),#CBC1AC}
.fab-linen.lit{background:linear-gradient(112deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 32%,rgba(0,0,0,.22) 64%,rgba(0,0,0,.04) 84%,rgba(255,255,255,.08) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6 .04' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 3px),#CBC1AC}
.fab-mohair{background-color:#141A2C;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(100deg,transparent 20%,rgba(120,140,200,.22) 45%,transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 2px),#141A2C}
.fab-mohair.lit{background:linear-gradient(112deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 32%,rgba(0,0,0,.22) 64%,rgba(0,0,0,.04) 84%,rgba(255,255,255,.08) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(100deg,transparent 20%,rgba(120,140,200,.22) 45%,transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 2px),#141A2C}
.g-jacket{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 400'%3E%3Cpath d='M112 40 L150 60 L188 40 L232 56 Q256 64 262 92 L278 332 L246 338 L236 172 L232 372 Q190 384 150 384 Q110 384 68 372 L64 172 L54 338 L22 332 L38 92 Q44 64 68 56 Z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 400'%3E%3Cpath d='M112 40 L150 60 L188 40 L232 56 Q256 64 262 92 L278 332 L246 338 L236 172 L232 372 Q190 384 150 384 Q110 384 68 372 L64 172 L54 338 L22 332 L38 92 Q44 64 68 56 Z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}
.g-trousers{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 400'%3E%3Cpath d='M94 28 L206 28 L216 120 L226 384 L162 384 L152 140 L148 140 L138 384 L74 384 L84 120 Z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 400'%3E%3Cpath d='M94 28 L206 28 L216 120 L226 384 L162 384 L152 140 L148 140 L138 384 L74 384 L84 120 Z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}
.g-waistcoat{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 400'%3E%3Cpath d='M108 34 L150 70 L192 34 L230 62 Q222 110 238 150 L242 304 L206 344 L150 326 L94 344 L58 304 L62 150 Q78 110 70 62 Z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 400'%3E%3Cpath d='M108 34 L150 70 L192 34 L230 62 Q222 110 238 150 L242 304 L206 344 L150 326 L94 344 L58 304 L62 150 Q78 110 70 62 Z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}