@font-face{font-family:Rubik;src:url('assets/Rubik-500.ttf')}@font-face{font-family:Rubik;src:url('assets/Rubik-700.ttf');font-weight:700}@font-face{font-family:Rubik;src:url('assets/Rubik-900.ttf');font-weight:900}
:root{--ink:#1b1740;--orange:#f2542d;--yellow:#ffc529;--teal:#119e9b;--paper:#fffaf1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Rubik,system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}header{background:var(--ink);color:white;padding:18px max(24px,calc((100vw - 1220px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:24px;text-decoration:none;font-size:13px;letter-spacing:2px}.brand img{width:128px}.brand b{color:var(--yellow)}.order-link{font-weight:700;font-size:15px}main{max-width:1280px;padding:0 30px;margin:auto}.intro{padding:48px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:2px;margin:0 0 10px}.intro h1{font-size:clamp(34px,5vw,60px);line-height:1.1;letter-spacing:-2px;margin:0 0 14px;font-weight:900}.lead{font-size:20px;margin:0}.palette{flex-shrink:0}.swatch{display:inline-block;width:30px;height:30px;border-radius:50%;margin-right:4px;border:1px solid #0002}.navy{background:var(--ink)}.orange{background:var(--orange)}.yellow{background:var(--yellow)}.teal{background:var(--teal)}.palette p{font-size:14px;line-height:1.5;margin:7px 0}nav{display:flex;gap:8px;flex-wrap:wrap;border-block:1px solid #1b174026;padding:15px 0}nav a{font-size:14px;font-weight:700;padding:8px 14px;border-radius:5px;text-decoration:none;background:#1b174008}nav a:hover{background:var(--yellow)}.review-note{font-size:14px;margin:17px 0 35px;color:#545066}section{padding:28px 0 45px;border-bottom:2px solid var(--ink)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px}h2{font-size:clamp(27px,3.4vw,40px);line-height:1.16;font-weight:900;letter-spacing:-1px;margin:0}h3{font-size:19px;margin:0 0 10px;line-height:1.3}p{margin:0 0 14px}.pill{font-size:13px;padding:7px 12px;border:1px solid var(--ink);border-radius:30px;white-space:nowrap}.board{display:block;border:1px solid #1b174020;background:#f5f2ed;overflow:hidden;border-radius:7px}.board img{display:block;width:100%;height:auto}.board:focus-visible{outline:4px solid var(--teal)}.details{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:26px 0 8px}.spec{border-left:3px solid var(--orange);padding-left:24px}.small{font-size:14px;color:#575167;line-height:1.55}.production-note{font-size:14px;line-height:1.55;padding:14px 18px;background:#ffc52921;border-left:3px solid var(--yellow);margin:18px 0}.choice{display:block;max-width:550px;font-size:14px;font-weight:700;margin:20px 0 10px}select,input,textarea{font:inherit;color:var(--ink);border:1px solid #898496;background:#fff;border-radius:5px;padding:11px;min-width:0}select{width:100%;margin-top:6px}button{font:700 15px Rubik,sans-serif;padding:14px 20px;background:var(--ink);color:white;border:2px solid var(--ink);border-radius:5px;cursor:pointer}button:hover{background:#322b63}.secondary{background:transparent;color:var(--ink)}.secondary:hover{background:#e9e5dc}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.order-section{padding-top:45px}.order-section h2{margin-bottom:18px}.order-inputs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:25px 0}.order-inputs label{font-size:14px;font-weight:700}.order-inputs input{display:block;width:100%;margin-top:8px}.sizing{display:block;font-size:14px;font-weight:700;margin:20px 0 12px}textarea{display:block;width:100%;margin-top:8px;line-height:1.5;resize:vertical}.table-wrap{overflow:auto;border:1px solid #1b174030;border-radius:6px;margin:26px 0 12px}table{border-collapse:collapse;width:100%;font-size:14px;min-width:690px}th,td{padding:16px;text-align:left;border-bottom:1px solid #1b174020}th{background:var(--ink);color:white;font-size:13px}tbody tr:last-child td{border-bottom:0}td small{display:block;font-size:12px;color:#656074}input[type=checkbox]{width:22px;height:22px;accent-color:var(--teal);cursor:pointer}.total{background:var(--yellow);display:flex;justify-content:space-between;gap:25px;padding:24px;border-radius:6px;margin:24px 0}.total span{display:block;font-size:13px}.total strong{display:block;font-size:24px;line-height:1.25;margin-top:5px}.actions{display:flex;gap:12px;flex-wrap:wrap}.approval-type{max-width:100%}#messagePanel{margin-top:25px;padding:22px;background:white;border:1px solid #1b174033;border-radius:8px}#messagePanel textarea{font-size:14px;margin-bottom:15px}#copyStatus{margin-top:12px;font-size:14px}footer{padding:32px 0 45px;display:flex;gap:30px;align-items:center;font-size:13px}footer img{width:100px}footer p{margin:0;flex:1}footer a{flex-shrink:0}
@media(min-width:1000px){#shirts .board{max-width:1000px;margin:auto}}@media(max-width:720px){main{padding:0 18px}.brand{gap:12px}.brand img{width:90px}.brand span{font-size:11px;letter-spacing:1px}.order-link{font-size:13px}.intro{padding:30px 0 20px;display:block}.intro h1{letter-spacing:-1px}.lead{font-size:17px}.palette{margin-top:17px;display:flex;align-items:center;gap:3px}.palette p{margin-left:12px;font-size:12px}.swatch{width:23px;height:23px;margin:0}.eyebrow{font-size:11px;letter-spacing:1.5px}.section-head{display:block}.pill{display:inline-block;margin-top:12px}.details{grid-template-columns:1fr;gap:18px}.spec{padding-left:18px}.order-inputs{grid-template-columns:1fr 1fr;gap:15px}.order-inputs label:last-child{grid-column:1/-1}.total{display:block}.total>div+div{margin-top:20px}footer{flex-wrap:wrap;gap:18px}footer p{min-width:190px}footer a{display:block;width:100%}.review-note{margin-bottom:20px}nav{gap:5px}nav a{padding:7px 9px;font-size:13px}section{padding-top:23px}h2{font-size:29px}}