.wr{--chalk:#f4e9d2;--crumb:#ebddbd;--paper:#fbf4e2;--paper-deep:#f5ead0;--ink:#2a1810;--ink-soft:#3d2418;--muted:#8a6f53;--muted-2:#a88e6e;--hair:#d9c49e;--hair-soft:#e8d9b8;--pink:#e8849c;--pink-deep:#c4526e;--pink-tint:#f7d6de;--cherry:#c2342e;--cherry-deep:#8f1e1e;--gold:#e8b547;--saffron:#f2b53a;--accent:var(--pink);--accent-deep:var(--pink-deep);--display-serif:var(--font-fraunces),Georgia,serif;--sans:var(--font-dm-sans),system-ui,sans-serif;--mono:var(--font-jetbrains-mono),ui-monospace,monospace;font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;font-synthesis:none;letter-spacing:-.005em;font-size:14px;line-height:1.5}.wr *,.wr :before,.wr :after{box-sizing:border-box}.wr img{max-width:100%;display:block}.wr button{font:inherit;color:inherit;cursor:pointer}.wr .serif{font-family:var(--display-serif);font-optical-sizing:auto;font-variation-settings:"opsz" 144}.wr .mono{font-family:var(--mono)}.wr .lc{text-transform:lowercase}.wr .up{text-transform:uppercase;letter-spacing:.1em}.wr .eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}.wr .wr-mark{font-family:var(--display-serif);font-variation-settings:"opsz" 144;letter-spacing:-.025em;text-transform:lowercase;font-weight:300}.wr .wr-mark em{color:var(--accent);font-style:italic;font-weight:300}.wr .tape{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;background:var(--ink);color:var(--paper);text-align:center;padding:8px 16px;font-size:10px}.wr .tape em{color:var(--accent);font-style:normal}.wr .btn{border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--sans);letter-spacing:.02em;text-transform:lowercase;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:13px;font-weight:500;text-decoration:none;transition:transform .12s,background .12s,color .12s;display:inline-flex}.wr .btn:hover{transform:translateY(-1px)}.wr .btn.block{width:100%;padding:16px 22px;font-size:14px;display:flex}.wr .btn.ghost{color:var(--ink);background:0 0}.wr .btn.ghost:hover{background:var(--ink);color:var(--paper)}.wr .btn.pink{background:var(--accent);border-color:var(--accent);color:var(--ink)}.wr .btn.small{padding:9px 14px;font-size:12px}.wr .btn.tiny{padding:6px 10px;font-size:11px}.wr .btn[disabled]{opacity:.4;pointer-events:none}.wr .link-u{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair);cursor:pointer}.wr .link-u:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);color:var(--accent)}.wr .field{flex-direction:column;gap:6px;display:flex}.wr .field label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px}.wr .field input,.wr .field select,.wr .field textarea{font:inherit;background:var(--paper);border:1px solid var(--hair);color:var(--ink);border-radius:0;outline:none;padding:13px 14px;transition:border-color .12s}.wr .field input:focus,.wr .field select:focus,.wr .field textarea:focus{border-color:var(--ink)}.wr .field input::placeholder{color:var(--muted-2)}.wr .field .row{gap:10px;display:flex}.wr .field .row>*{flex:1}.wr .size-box{border:1px solid var(--hair);background:var(--paper);letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:13px;display:inline-flex}.wr .size-box[data-on=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.wr .size-box[data-oos=true]{color:var(--muted-2);cursor:not-allowed;background:0 0;position:relative}.wr .size-box[data-oos=true]:after{content:"";background:var(--muted-2);height:1px;position:absolute;top:50%;left:6px;right:6px;transform:rotate(-22deg)}.wr .na{position:relative}.wr .na:before{content:attr(data-na);background:var(--ink);color:var(--paper);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;z-index:60;border-radius:3px;padding:5px 9px;font-size:9px;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.wr .na:hover:before{opacity:1;transform:translate(-50%)translateY(0)}.wr .color-swatch{border:1px solid var(--hair);border-radius:50%;width:32px;height:32px;padding:0;position:relative}.wr .color-swatch[data-on=true]{outline:1px solid var(--ink);outline-offset:3px}.wr .color-swatch[data-oos=true]{cursor:not-allowed}.wr .color-swatch[data-oos=true]:after{content:"";background:var(--paper);opacity:.8;height:1px;position:absolute;top:50%;left:2px;right:2px;transform:rotate(-22deg)}.wr .spec-list{margin:0;padding:0;list-style:none}.wr .spec-list li{border-top:1px solid var(--hair);justify-content:space-between;gap:18px;padding:10px 0;font-size:13px;line-height:1.35;display:flex}.wr .spec-list li:last-child{border-bottom:1px solid var(--hair)}.wr .spec-list li>span:first-child{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);flex-shrink:0;font-size:10px}.wr .spec-list li>span:last-child{text-align:right;color:var(--ink-soft)}.wr .hair{background:var(--hair);border:0;height:1px;margin:0}.wr .hair-soft{background:var(--hair-soft);border:0;height:1px;margin:0}.wr .ph{background:repeating-linear-gradient(135deg,#2a18100d 0 10px,transparent 10px 22px),var(--crumb);position:relative;overflow:hidden}.wr .cb{color:var(--ink-soft);align-items:center;gap:10px;font-size:13px;display:inline-flex}.wr .cb input{appearance:none;border:1px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:0;width:16px;height:16px;position:relative}.wr .cb input:checked{background:var(--ink)}.wr .cb input:checked:after{content:"";border:solid var(--paper);border-width:0 2px 2px 0;width:6px;height:11px;position:absolute;top:0;left:3px;transform:rotate(45deg)}.wr .exp{border-top:1px solid var(--hair)}.wr .exp:last-child{border-bottom:1px solid var(--hair)}.wr .exp .head{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:18px 0;display:flex}.wr .exp .head .t{font-family:var(--display-serif);letter-spacing:-.01em;font-size:18px;font-weight:300}.wr .exp .head .pl{font-family:var(--mono);color:var(--muted);font-size:14px}.wr .exp .body{color:var(--ink-soft);padding:0 0 22px;font-size:13.5px;line-height:1.65}.wr .size-table{border-collapse:collapse;width:100%;font-size:13px}.wr .size-table th,.wr .size-table td{text-align:left;border-bottom:1px solid var(--hair);padding:10px 8px}.wr .size-table th{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:500}.wr .size-table tr:last-child td{border-bottom:0}.wr .progress{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.wr .progress .seg{background:var(--hair);width:24px;height:1px}.wr .progress .seg[data-on=true]{background:var(--ink)}.wr .progress .seg[data-cur=true]{background:var(--accent)}.wr .card{background:var(--paper);border:1px solid var(--hair)}.wr .card.tinted{background:var(--paper-deep)}.wr .tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;background:var(--paper-deep);color:var(--ink-soft);border:1px solid var(--hair);padding:4px 8px;font-size:9.5px;display:inline-block}.wr .tag.accent{background:var(--pink-tint);color:var(--cherry-deep);border-color:var(--pink-tint)}.wr .tag.warn{color:var(--cherry-deep);background:#f4dcc9;border-color:#e9c5ab}.wr .tag.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.wr .icon-btn{width:32px;height:32px;color:var(--ink);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.wr .icon-btn:hover{background:var(--paper-deep)}.wr .flex{display:flex}.wr .col{flex-direction:column;display:flex}.wr .between{justify-content:space-between;align-items:center;display:flex}.wr .gap-s{gap:8px}.wr .gap-m{gap:14px}.wr .gap-l{gap:24px}.wr .muted{color:var(--muted)}.wr .tiny{font-size:11px}.wr .small{font-size:12px}.wr .big{font-size:18px}.wr .bold{font-weight:600}.wr .center{text-align:center}.wr .tee-mini{width:100%;height:100%}.wr .overlay{z-index:90;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}
