body.order-page{padding-top:0}.order-page>.header{position:static;transform:none;opacity:1;min-height:72px;padding:20px max(24px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;color:#fff}.order-page>.header .wordmark{opacity:1;transform:none;color:#fff}.header>span{font-size:14px}
.preview-page{box-sizing:border-box;width:min(100%,1240px);margin-inline:auto;padding:40px 40px 72px}.preview-page>.eyebrow,.preview-page>h1,.preview-intro{text-align:center;margin-inline:auto}.preview-page h1{font-size:clamp(36px,4.5vw,58px);line-height:1.08;letter-spacing:-.045em;margin-block:12px 18px}.preview-intro{max-width:65ch;line-height:1.6;color:#4a5369}.preview-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:40px;align-items:center;margin:32px auto;width:100%}.preview-layout figure{margin:0;min-width:0;display:grid;justify-items:center}.shirt-stage{width:100%;max-width:560px;aspect-ratio:1;position:relative;isolation:isolate;background:#e9edf4;border-radius:16px;overflow:hidden}.shirt-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.shirt-tint{position:absolute;inset:0;background:var(--shirt-color);mask:url('assets/cotton-blank-v2.png') center/contain no-repeat;-webkit-mask:url('assets/cotton-blank-v2.png') center/contain no-repeat;mix-blend-mode:multiply}.shirt-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.preview-layout figcaption{font-weight:600;text-align:center;margin-top:18px}.preview-layout figure .field-note{text-align:center;max-width:52ch;margin:10px auto}.preview-layout .field{margin-bottom:18px}.preview-layout .order-workspace{width:100%;box-sizing:border-box;padding:28px;box-shadow:none}.preview-page details{border-top:1px solid #dbe1f0;padding-top:20px;line-height:1.6}.preview-page summary{cursor:pointer}.preview-page select{width:100%;font-size:16px}.preview-page p{line-height:1.6}#selection{min-height:1.6em}.color-swatches{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.color-swatch{width:40px;height:40px;border-radius:50%;background:var(--swatch);border:2px solid #fff;outline:1px solid #a8b1c2;cursor:pointer;padding:0}.color-swatch[aria-pressed=true]{outline:3px solid #163ce8;outline-offset:3px}.color-swatch:focus-visible{outline:3px solid #101425;outline-offset:4px}
@media(max-width:700px){.preview-page{padding:28px 20px 48px}.preview-layout{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px}.shirt-stage{max-width:440px}.preview-layout .order-workspace{padding:22px}.preview-page h1{font-size:36px}.order-page>.header{padding:18px 20px}.header>span{font-size:12px}}
#shirt{width:100%;display:grid;place-items:center}.shirt-layer{inset:6%;width:88%;height:88%}.shirt-tint{inset:6%}.shirt-art{inset:6%;width:88%;height:88%}
.preview-page>.eyebrow{justify-content:center}

.garment-SWC .shirt-tint{mask-image:url('assets/fleece-blank-v3.png');-webkit-mask-image:url('assets/fleece-blank-v3.png')}

.garment-TSV .shirt-tint{mask-image:url('assets/tsv-blank-v1.png');-webkit-mask-image:url('assets/tsv-blank-v1.png')}
.garment-TLC .shirt-tint{mask-image:url('assets/tlc-blank-v1.png');-webkit-mask-image:url('assets/tlc-blank-v1.png')}
.garment-TLV .shirt-tint{mask-image:url('assets/tlv-blank-v1.png');-webkit-mask-image:url('assets/tlv-blank-v1.png')}
.garment-TBB .shirt-tint{mask-image:url('assets/tbb-blank-v1.png');-webkit-mask-image:url('assets/tbb-blank-v1.png')}
.garment-HDP .shirt-tint{mask-image:url('assets/hdp-blank-v1.png');-webkit-mask-image:url('assets/hdp-blank-v1.png')}
.garment-HDZ .shirt-tint{mask-image:url('assets/hdz-blank-v1.png');-webkit-mask-image:url('assets/hdz-blank-v1.png')}
.garment-JDN .shirt-tint{mask-image:url('assets/jdn-blank-v1.png');-webkit-mask-image:url('assets/jdn-blank-v1.png')}
.garment-QJZ .shirt-tint{mask-image:url('assets/qjz-blank-v1.png');-webkit-mask-image:url('assets/qjz-blank-v1.png')}
.garment-FHT .shirt-tint{mask-image:url('assets/fht-blank-v1.png');-webkit-mask-image:url('assets/fht-blank-v1.png')}
.garment-THT .shirt-tint{mask-image:url('assets/tht-blank-v1.png');-webkit-mask-image:url('assets/tht-blank-v1.png')}
.garment-BHT .shirt-tint{mask-image:url('assets/bht-blank-v1.png');-webkit-mask-image:url('assets/bht-blank-v1.png')}
.garment-GHT .shirt-tint{mask-image:url('assets/ght-blank-v1.png');-webkit-mask-image:url('assets/ght-blank-v1.png')}
.garment-KNB .shirt-tint{mask-image:url('assets/knb-blank-v1.png');-webkit-mask-image:url('assets/knb-blank-v1.png')}
.garment-SCF .shirt-tint{mask-image:url('assets/scf-blank-v1.png');-webkit-mask-image:url('assets/scf-blank-v1.png')}
.garment-BLK .shirt-tint{mask-image:url('assets/blk-blank-v1.png');-webkit-mask-image:url('assets/blk-blank-v1.png')}