@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-standard-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-standard-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-standard-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/courier-prime-latin-ext-400-normal-B-EsvyE4.woff2)format("woff2"),url(/assets/courier-prime-latin-ext-400-normal-CKOCNFvK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/courier-prime-latin-400-normal-BbyBr73r.woff2)format("woff2"),url(/assets/courier-prime-latin-400-normal-BAlbUm6l.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/courier-prime-latin-ext-700-normal-ByMJlNdM.woff2)format("woff2"),url(/assets/courier-prime-latin-ext-700-normal-BIFoAzHx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/courier-prime-latin-700-normal-D1YCjmaD.woff2)format("woff2"),url(/assets/courier-prime-latin-700-normal-CVvp4Sof.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ground:#eff9f4;--surface:#fafefc;--surface-2:#e1ede7;--rule:#c8d4ce;--rule-strong:#71807a;--ink:#0b201b;--ink-2:#334943;--ink-3:#4e615b;--accent:#b3282c;--on-accent:#fef9f8;--slip:#fdfdfa;--deep:#071e19;--deep-ink:#e6f2ec;--deep-ink-2:#a9bdb5;--deep-accent:#f0948c;--deep-rule:#2c443d;--sans:"Archivo Variable", "Archivo", system-ui, sans-serif;--mono:"Courier Prime", ui-monospace, monospace;--gut:clamp(16px, 4vw, 48px);--max:1240px;--radius:2px;--dim:color-mix(in oklab, var(--ink) 52%, transparent);--lift:0 1px 2px color-mix(in oklab, var(--ink) 14%, transparent), 0 14px 34px -14px color-mix(in oklab, var(--ink) 40%, transparent)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font:400 1.0625rem/1.55 var(--sans);margin:0;font-stretch:100%}img,canvas,svg{max-width:100%;display:block}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:2px}::selection{background:var(--accent);color:var(--on-accent)}[hidden]{display:none!important}.vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.mono,code,kbd{font-family:var(--mono);font-variant-numeric:tabular-nums}.skip{z-index:10;background:var(--accent);color:var(--on-accent);border-radius:var(--radius);padding:10px 16px;font-weight:700;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}h1,h2,.display{text-transform:uppercase;letter-spacing:.015em;text-wrap:balance;margin:0;font-weight:800;font-stretch:125%;line-height:1.04}h1{font-size:clamp(2rem,4.4vw,3.7rem)}h2{font-size:clamp(1.45rem,2.8vw,2.2rem)}h3{margin:0;font-size:1.15rem;font-weight:700;line-height:1.25}.kicker{font:400 .9rem/1.35 var(--mono);color:var(--ink-2);margin:0 0 16px}.lede{color:var(--ink-2);max-width:34em;margin:18px 0 0;font-size:clamp(1.06rem,1.5vw,1.2rem)}.section{max-width:var(--max);padding:clamp(48px, 7vw, 96px) var(--gut) 0;margin:0 auto}.section-head{border-bottom:1.5px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:26px;padding-bottom:14px;display:flex}.section-head p{font:400 .95rem/1.4 var(--mono);color:var(--ink-2);margin:0}.slip{background:var(--slip);border:1px solid var(--rule-strong);font:400 .9rem/1.45 var(--mono);color:var(--ink);padding:14px 16px 15px}.slip .head{border-bottom:3px solid var(--accent);letter-spacing:.01em;margin-bottom:8px;padding-bottom:7px;font-weight:700;display:block}.slip p{margin:0}.slip .quiet{color:var(--ink-3)}.site-head{max-width:var(--max);padding:12px var(--gut);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;margin:0 auto;display:flex}.wordmark{min-height:44px;color:var(--ink);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:12px;font-size:1.02rem;font-weight:800;font-stretch:125%;text-decoration:none;display:inline-flex}.wordmark svg{flex:none;width:30px;height:24px}.wordmark .m-card{fill:var(--slip);stroke:var(--ink);stroke-width:1.5px}.wordmark .m-rule{fill:var(--accent)}.wordmark .m-line{fill:var(--ink)}.site-head nav ul{flex-wrap:wrap;gap:0 22px;margin:0;padding:0;list-style:none;display:flex}.site-head nav a{min-height:44px;color:var(--ink-2);align-items:center;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.site-head nav a:hover,.site-head nav a[aria-current]{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-decoration-thickness:2px}.btn{border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--surface);min-height:48px;color:var(--ink);font:700 1rem/1.1 var(--sans);letter-spacing:.01em;cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-stretch:112%;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover{background:var(--ink);border-color:var(--ink)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;background:var(--surface-2);border-color:var(--rule-strong);color:var(--ink-2)}.btn.small{min-height:44px;padding:0 16px;font-size:.95rem}input[type=search],input[type=text],select{width:100%;min-height:50px;font:400 1.05rem/1.3 var(--sans);color:var(--ink);background:var(--surface);border:1.5px solid var(--rule-strong);border-radius:var(--radius);padding:10px 14px}input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.field{gap:6px;min-width:0;margin:0 0 14px;display:grid}.field>label,.field>span{font:700 .85rem/1.3 var(--mono);color:var(--ink-2)}.hint{color:var(--ink-3);margin:0;font-size:.9rem}.status{min-height:1.55em;font:400 .95rem/1.45 var(--mono);color:var(--ink);margin:12px 0 0}.status[data-tone=error]{border-left:3px solid var(--ink);padding-left:12px;font-weight:700}.seg{flex-wrap:wrap;gap:8px;display:flex}.seg input,.ladder input,.products input{opacity:0;width:1px;height:1px;position:absolute}.seg label{cursor:pointer;border:1.5px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);align-items:center;min-height:44px;padding:0 16px;font-weight:600;display:inline-flex}.seg label:hover{border-color:var(--ink)}.seg input:checked+label{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.seg input:focus-visible+label,.ladder input:focus-visible+label,.products input:focus-visible+label{outline:3px solid var(--accent);outline-offset:2px}input[type=range]{width:100%;min-height:44px;accent-color:var(--accent);margin:0}.hero{max-width:var(--max);padding:clamp(12px, 3vw, 36px) var(--gut) 0;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);margin:0 auto;display:grid}.plate{margin:0}.plate .print{background:var(--surface-2);box-shadow:var(--lift)}.plate img{aspect-ratio:2/3;width:100%;height:auto}.plate figcaption{font:400 .82rem/1.45 var(--mono);color:var(--ink-3);margin-top:14px}.search{grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:36rem;margin:30px 0 0;display:grid}.search .field{margin:0}.search .btn{align-self:end;min-height:50px}.receipt{color:var(--ink-2);align-items:baseline;gap:12px;margin:16px 0 0;font-size:.98rem;display:flex}.receipt:before{content:"";background:var(--accent);flex:none;width:22px;height:3px;transform:translateY(-4px)}.examples{color:var(--ink-2);margin:18px 0 0;font-size:.95rem}.examples a{align-items:center;min-height:44px;display:inline-flex}.volumes,.sheets{gap:14px;margin:0;padding:0;list-style:none;display:grid}.volumes{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.volumes .slip{align-content:start;gap:4px;height:100%;display:grid}.volumes .btn{justify-self:start;margin-top:12px}.sheets{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}.sheets button{background:var(--slip);border:1px solid var(--rule-strong);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;font:400 .85rem/1.3 var(--mono);color:var(--ink);gap:8px;padding:8px;display:grid}.sheets button:hover{border-color:var(--accent)}.sheets button[aria-pressed=true]{border:2px solid var(--accent);padding:7px}.sheets img,.sheets .nothumb{aspect-ratio:3/4;object-fit:contain;background:var(--surface-2);width:100%;height:auto;display:block}.sheets .quiet{color:var(--ink-3);font-size:.8rem}.more{margin-top:18px}.studio-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.bench{margin:0}.cropper{background:var(--surface-2);touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.cropper img{-webkit-user-drag:none;pointer-events:none;width:100%;height:auto}.frame{border:2px solid var(--accent);box-shadow:0 0 0 100vmax var(--dim);cursor:move;touch-action:none;position:absolute;top:0;left:0}.frame:focus-visible{outline:3px solid var(--slip);outline-offset:0}.bench figcaption{font:400 .82rem/1.45 var(--mono);color:var(--ink-3);margin-top:10px}.controls{gap:4px;display:grid}.controls fieldset{border:0;border-top:1px solid var(--rule);min-width:0;margin:0;padding:16px 0 18px}.controls legend{float:left;width:100%;padding:0 0 12px;font-size:1.1rem;font-weight:700}.controls legend+*{clear:left}.readout{background:var(--slip);border:1px solid var(--rule-strong);border-left:6px solid var(--accent);font:400 1.05rem/1.45 var(--mono);margin:0 0 4px;padding:16px}.readout[data-holds=false]{border-left-color:var(--ink-3)}.readout b{font-size:1.3rem}.ladder{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ladder label{border:1.5px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;min-height:44px;font:400 .95rem/1.3 var(--mono);grid-template-columns:1fr auto auto;align-items:baseline;gap:4px 14px;padding:11px 14px;display:grid}.ladder label b{font-weight:700}.ladder input:checked+label{border:2px solid var(--accent);padding:10.5px 13.5px}.ladder input:disabled+label{cursor:not-allowed;color:var(--ink-3);background:0 0;border-style:dashed}.ladder s{text-decoration-thickness:1.5px}.products{gap:8px;display:grid}.products label{border:1.5px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;grid-template-columns:1fr auto;gap:2px 12px;min-height:44px;padding:12px 14px;display:grid}.products label small{color:var(--ink-2);grid-column:1/-1;font-size:.9rem}.products label .from{font:400 .85rem/1.6 var(--mono);color:var(--ink-2)}.products input:checked+label{border:2px solid var(--accent);padding:11.5px 13.5px}.proof-wrap{grid-template-columns:minmax(0,.8fr) minmax(300px,1fr);align-items:start;gap:clamp(24px,4vw,56px);margin-top:clamp(32px,5vw,56px);display:grid}.proof{margin:0}.proof canvas{background:var(--surface-2);width:100%;height:auto;box-shadow:var(--lift)}.proof figcaption{font:400 .82rem/1.45 var(--mono);color:var(--ink-3);margin-top:12px}.meter{border:1px solid var(--rule-strong);background:var(--surface);height:10px;margin:14px 0 0}.meter span{background:var(--accent);width:0;height:100%;display:block}.order{background:var(--surface);border:1.5px solid var(--ink);border-radius:var(--radius);padding:20px}.order h3{margin-bottom:12px}.total{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px;display:flex}.total output{font:700 1.6rem/1.1 var(--mono)}.total span{color:var(--ink-2);font-size:.9rem}.order .btn{width:100%;margin-top:16px}.order .note{color:var(--ink-2);margin:12px 0 0;font-size:.9rem}.saves{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.method{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.method .slip{font-size:.95rem;line-height:1.55}.method .slip p+p{margin-top:10px}.method blockquote{border-left:3px solid var(--rule-strong);color:var(--ink-2);margin:10px 0 0;padding-left:12px}.receipts{border-collapse:collapse;width:100%;margin-top:26px;font-size:.95rem}.receipts th,.receipts td{text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);padding:12px 16px 12px 0}.receipts thead th{font:700 .85rem/1.3 var(--mono);color:var(--ink-2);border-bottom:1.5px solid var(--ink)}.receipts td.mono{font-size:.9rem}.kin{color:var(--ink-2);max-width:46em;margin-top:26px}.site-foot{background:var(--deep);color:var(--deep-ink);margin-top:clamp(72px,10vw,128px)}.site-foot .in{max-width:var(--max);padding:40px var(--gut) 48px;grid-template-columns:1.1fr 1fr;gap:24px 48px;margin:0 auto;display:grid}.site-foot .claim{text-transform:uppercase;letter-spacing:.02em;margin:0 0 14px;font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:800;font-stretch:125%;line-height:1.15}.site-foot p{color:var(--deep-ink-2);margin:0 0 10px;font-size:.92rem}.site-foot a{color:var(--deep-accent)}.site-foot ul{flex-wrap:wrap;gap:0 18px;margin:0 0 12px;padding:0;list-style:none;display:flex}.site-foot ul a{align-items:center;min-height:44px;display:inline-flex}.site-foot hr{border:0;border-top:1px solid var(--deep-rule);grid-column:1/-1;width:100%;margin:0}.page{max-width:760px;padding:clamp(32px, 6vw, 72px) var(--gut) 0;margin:0 auto}.page-head{border-bottom:1.5px solid var(--ink);margin-bottom:8px;padding-bottom:12px}.prose h1{margin-bottom:16px;font-size:clamp(1.9rem,4.4vw,3rem)}.prose h2{margin:40px 0 10px;font-size:1.3rem}.prose h3{margin:28px 0 8px}.prose p,.prose li{color:var(--ink-2)}.prose strong{color:var(--ink)}.prose .updated{font:400 .85rem/1.4 var(--mono);color:var(--ink-3)}.prose .dek{color:var(--ink-2);font-size:1.15rem}.prose .answer{color:var(--ink);margin:0 0 6px;font-weight:700}.prose .browser-line{background:var(--slip);border:1px solid var(--rule-strong);border-left:6px solid var(--accent);margin:16px 0 18px;padding:12px 14px;font-size:.95rem}.prose table{border-collapse:collapse;width:100%;margin:16px 0;font-size:.95rem}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);color:var(--ink-2);padding:10px 12px 10px 0}.prose th{color:var(--ink)}.thanks-plate{max-width:420px;margin:24px 0}.thanks-plate img{border:1px solid var(--rule);background:var(--surface-2);width:100%;height:auto}@media (max-width:960px){.hero,.studio-grid,.proof-wrap{grid-template-columns:minmax(0,1fr)}.hero .door{order:-1}.plate{max-width:460px}.method{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.search{grid-template-columns:minmax(0,1fr)}.search .btn{width:100%}.site-foot .in{grid-template-columns:minmax(0,1fr)}.receipts thead{display:none}.receipts tr{border-bottom:1px solid var(--rule);padding:10px 0;display:grid}.receipts th,.receipts td{border:0;padding:2px 0}.ladder label{grid-template-columns:1fr auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}