/* Product drawings and merch art. Loaded on every shop page. */

@font-face { font-family: "RF Caprasimo"; src: url("../fonts/caprasimo-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "RF Graduate"; src: url("../fonts/graduate-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "RF DM Sans"; src: url("../fonts/dm-sans-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "RF DM Sans"; src: url("../fonts/dm-sans-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "RF DM Sans"; src: url("../fonts/dm-sans-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "RF DM Sans"; src: url("../fonts/dm-sans-800.woff2") format("woff2"); font-weight: 800; font-display: swap; }

.rf-art { display: block; width: 100%; height: auto; overflow: hidden; }
.rf-art text { font-kerning: normal; }

.rf-floor { fill: #4a2a12; opacity: .3; }

.rf-part,
.rf-rib { fill: var(--rf-garment, #9f2534); }
.rf-rib { filter: brightness(.9); }
.rf-inside { fill: var(--rf-garment, #9f2534); filter: brightness(.45); }

.rf-seam path,
.rf-stitch path { fill: none; stroke: #000; stroke-opacity: .2; stroke-width: 2.2; stroke-linecap: round; }
.rf-stitch path { stroke-dasharray: 5 6; stroke-opacity: .28; }
.rf-crease { fill: none; stroke: #000; stroke-opacity: .32; stroke-width: 7; stroke-linecap: round; }
.rf-eyelet { fill: #000; fill-opacity: .4; stroke: var(--rf-garment, #9f2534); stroke-width: 3; }
.rf-button { fill: var(--rf-garment, #9f2534); stroke: #000; stroke-opacity: .25; stroke-width: 2; }
.rf-metal { fill: #b8a27c; stroke: #6b5a3a; stroke-width: 2; }

.rf-ribs path { fill: none; stroke: #000; stroke-opacity: .13; stroke-dasharray: 2 6; }
.rf-zip { fill: none; stroke: #000; stroke-opacity: .45; stroke-width: 7; }
.rf-zip-teeth { fill: none; stroke: #c9b996; stroke-width: 4; stroke-dasharray: 2 3; }

.rf-outline path { fill: none; stroke: #2b1c14; stroke-opacity: .32; stroke-width: 2; stroke-linejoin: round; }

/* Glass is see-through: the "garment" color is the glass tint. */
.rf-drawing--glass .rf-part { fill: var(--rf-garment, #dfe7ea); fill-opacity: .55; }
.rf-glass-base { fill: #fff; fill-opacity: .45; stroke: #fff; stroke-opacity: .7; stroke-width: 2; }
.rf-glass-back { fill: none; stroke: #6b7c82; stroke-opacity: .35; stroke-width: 3; }
.rf-glass-rim { fill: #fff; fill-opacity: .18; stroke: #fff; stroke-opacity: .9; stroke-width: 5; }
.rf-glass-edge { fill: none; stroke: #4c5d63; stroke-opacity: .35; stroke-width: 4; }
.rf-glass-hi { fill: none; stroke: #fff; stroke-opacity: .55; stroke-width: 16; stroke-linecap: round; }
.rf-glass-hi--thin { stroke-width: 7; stroke-opacity: .4; }
.rf-drawing--glass ~ .rf-shade,
.rf-art .rf-shade { mix-blend-mode: normal; }

.rf-place { overflow: hidden; }