@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-opsz-normal-BjhtXyW2.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-opsz-normal-BQn1nviT.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-opsz-normal-s-izfB6B.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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-opsz-italic-DTr-ymY4.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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-opsz-italic-CSPGnFdO.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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-opsz-italic-kJKFiXvB.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}:root{--ground:#cfd1d4;--ground-2:#bbbec2;--sheet:#f9fafb;--ink:#131823;--ink-2:#383d47;--ink-3:#51555e;--rule:#a2a5a8;--rule-sheet:#d2d4d7;--rule-strong:#71757a;--cyan:#006589;--on-cyan:#f9fafb;--red:#c02c29;--deep:#181d26;--deep-ink:#e6e8ea;--deep-ink-2:#b4b8bc;--display:"Bricolage Grotesque Variable", "Arial Narrow", system-ui, sans-serif;--text:"Newsreader Variable", Georgia, "Times New Roman", serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--measure:62ch;--page:1240px;--gutter:clamp(16px, 4vw, 40px);--mark:14px;--lift:.9s;--turn:.4s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--s5)}body{background:var(--ground);color:var(--ink);font-family:var(--text);font-variant-numeric:lining-nums;font-optical-sizing:auto;margin:0;font-size:1.125rem;line-height:1.55}img,canvas,svg{max-width:100%;display:block}a{color:var(--ink);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{left:var(--s4);z-index:10;background:var(--sheet);padding:var(--s3) var(--s4);font-family:var(--display);font-weight:600;position:absolute;top:-100px}.skip:focus{top:var(--s4)}.masthead{max-width:var(--page);padding:var(--s5) var(--gutter) var(--s4);align-items:baseline;gap:var(--s3) var(--s6);border-bottom:1px solid var(--rule);flex-wrap:wrap;margin:0 auto;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:var(--s3);min-height:44px;font-size:1.5rem;font-weight:800;text-decoration:none;display:inline-flex}.wordmark svg{flex:none;width:26px;height:26px}.priority{font-family:var(--display);color:var(--ink-2);margin:0;font-size:.95rem;font-weight:600}.masthead nav{margin-left:auto}.masthead nav ul{gap:0 var(--s5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.masthead nav a{font-family:var(--display);align-items:center;min-height:44px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.masthead nav a:hover,.masthead nav a[aria-current=page]{text-decoration:underline}.hero{max-width:var(--page);padding:var(--s7) var(--gutter) var(--s5);gap:var(--s5);grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}.hero h1{font-family:var(--display);font-variation-settings:"opsz" 96;letter-spacing:-.035em;max-width:13ch;margin:0;font-size:clamp(2.6rem,7.4vw,6.2rem);font-weight:800;line-height:.92}.lede{max-width:var(--measure);color:var(--ink);margin:0;font-size:clamp(1.15rem,1.8vw,1.35rem)}.receipt{color:var(--ink-2);margin:0;font-style:italic}.doors{gap:var(--s3);margin-top:var(--s2);flex-wrap:wrap;display:flex}@media (min-width:1100px){.hero{column-gap:var(--s7);row-gap:var(--s4);grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:start}.hero h1{grid-area:1/1/span 4}.hero>:not(h1){grid-column:2}}.door{justify-content:center;align-items:center;gap:var(--s2);min-height:52px;padding:0 var(--s5);cursor:pointer;font-family:var(--display);letter-spacing:.005em;background:var(--sheet);color:var(--ink);border:1px solid var(--rule-strong);border-radius:2px;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.door:hover{border-color:var(--ink)}.door.primary{background:var(--cyan);color:var(--on-cyan);border-color:var(--cyan)}.door.primary:hover{background:var(--ink);border-color:var(--ink)}.door[disabled]{cursor:not-allowed;background:var(--ground-2);color:var(--ink-2);border-color:var(--ground-2)}input[type=file]:focus-visible+.door,.doors input:focus-visible+label{outline:3px solid var(--cyan);outline-offset:3px}.studio{max-width:var(--page);padding:var(--s5) var(--gutter) var(--s7);margin:0 auto}.proof{gap:var(--s5);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (min-width:900px){.proof{grid-template-columns:minmax(0,.82fr) minmax(0,1fr)}}.panel{margin:0}.panel figcaption{margin-top:var(--s3);color:var(--ink-2);gap:var(--s2) var(--s4);flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:.98rem;display:flex}.panel-label{margin:0 0 var(--s2);font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:.82rem;font-weight:600}.photo-frame{background:var(--ground-2);padding:var(--s3)}.photo-frame img{width:100%;height:auto}.trim{--o:calc(var(--mark) + 6px);padding:var(--o);background:linear-gradient(var(--ink), var(--ink)) left 0 top var(--o) / var(--mark) 1px, linear-gradient(var(--ink), var(--ink)) left var(--o) top 0 / 1px var(--mark), linear-gradient(var(--ink), var(--ink)) right 0 top var(--o) / var(--mark) 1px, linear-gradient(var(--ink), var(--ink)) right var(--o) top 0 / 1px var(--mark), linear-gradient(var(--ink), var(--ink)) left 0 bottom var(--o) / var(--mark) 1px, linear-gradient(var(--ink), var(--ink)) left var(--o) bottom 0 / 1px var(--mark), linear-gradient(var(--ink), var(--ink)) right 0 bottom var(--o) / var(--mark) 1px, linear-gradient(var(--ink), var(--ink)) right var(--o) bottom 0 / 1px var(--mark);background-repeat:no-repeat;position:relative}.flip{perspective:1800px;position:relative}.faces{transform-style:preserve-3d;transition:transform var(--turn) cubic-bezier(.3, 0, .2, 1);position:relative}.flip.over .faces{transform:rotateY(180deg)}.face{backface-visibility:hidden}.face.back{background:var(--sheet);position:absolute;inset:0;overflow:auto;transform:rotateY(180deg)}.plate-box{background:var(--sheet);box-shadow:0 1px 0 var(--rule);position:relative}.plate-box canvas,.plate-box img{width:100%;height:auto}.plate-box img.static{position:absolute;inset:0}.lift-line{background:var(--cyan);opacity:0;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.plate-box.lifting canvas{animation:reveal var(--lift) cubic-bezier(.2, .6, .2, 1) both}.plate-box.lifting .lift-line{animation:sweep var(--lift) cubic-bezier(.2, .6, .2, 1) both}@keyframes reveal{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes sweep{0%{opacity:1;top:0}92%{opacity:1}to{opacity:0;top:calc(100% - 2px)}}.reverse{color:var(--ink-2);padding:clamp(16px,4%,40px);font-size:.98rem}.reverse h3{margin:0 0 var(--s3);font-family:var(--display);color:var(--ink);font-size:1.15rem;font-weight:800}.reverse p{margin:0 0 var(--s3);max-width:58ch}.slug{margin:var(--s3) 0 0;align-items:center;gap:var(--s2) var(--s4);font-variant-numeric:tabular-nums;color:var(--ink-2);flex-wrap:wrap;font-size:.95rem;display:flex}.slug svg{flex:none;width:22px;height:22px}.slug b{color:var(--ink);font-weight:600}.metric{gap:var(--s1) var(--s4);margin:0 0 var(--s4);font-variant-numeric:tabular-nums;grid-template-columns:max-content 1fr;display:grid}.metric dt{color:var(--ink-3)}.metric dd{color:var(--ink);margin:0}.bar{margin:var(--s3) 0 0;border:1px solid var(--rule-strong);background:var(--sheet);flex-wrap:wrap;gap:0;padding:0;list-style:none;display:flex}.bar li{font-variant-numeric:tabular-nums;min-width:64px;color:var(--ink-2);flex:64px;grid-template-rows:28px auto;font-size:.82rem;display:grid}.bar li span:first-child{border-bottom:1px solid var(--rule-sheet);display:block}.bar li span:last-child{padding:var(--s1) var(--s2)}.progress{margin:var(--s4) 0 0;min-height:1.6em;color:var(--ink-2);align-items:center;gap:var(--s3);font-style:italic;display:flex}.progress:before{content:"";background:var(--cyan);flex:none;width:28px;height:2px}.error{margin:var(--s4) 0 0;padding:var(--s3) var(--s4);background:var(--sheet);color:var(--red);border-left:3px solid var(--red);max-width:var(--measure)}.red-note{color:var(--red);background:var(--sheet);padding:var(--s1) var(--s3);font-style:italic}.turn{border:1px solid var(--rule-strong);min-height:44px;padding:0 var(--s4);font-family:var(--display);color:var(--ink);cursor:pointer;background:0 0;border-radius:2px;font-size:.95rem;font-weight:600}.turn:hover{border-color:var(--ink)}.controls{margin-top:var(--s6);gap:var(--s4);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:700px){.controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.controls{grid-template-columns:repeat(3,minmax(0,1fr))}}fieldset{padding:var(--s4);border:1px solid var(--rule);background:var(--sheet);min-width:0;margin:0}legend{padding:0 var(--s2);font-family:var(--display);color:var(--ink);font-size:1rem;font-weight:600}.hint{margin:var(--s2) 0 0;color:var(--ink-3);font-size:.92rem}.range{gap:var(--s3);grid-template-columns:1fr auto;align-items:center;display:grid}input[type=range]{width:100%;min-height:44px;accent-color:var(--cyan);font-size:1rem}output{font-family:var(--display);font-variant-numeric:tabular-nums;text-align:right;min-width:4ch;font-weight:600}.seg{gap:var(--s2);flex-wrap:wrap;display:flex}.seg label{position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg span{align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s4);border:1px solid var(--rule-strong);background:var(--sheet);font-family:var(--display);border-radius:2px;font-size:.95rem;font-weight:600;display:inline-flex}.seg input:checked+span{background:var(--cyan);color:var(--on-cyan);border-color:var(--cyan)}.seg input:focus-visible+span{outline:3px solid var(--cyan);outline-offset:2px}.seg input:disabled+span{color:var(--ink-3);cursor:not-allowed;border-style:dashed}.chip{border:1px solid var(--rule-strong);flex:none;width:14px;height:14px}.chip.white{background:var(--sheet)}.field{gap:var(--s1);display:grid}.field+.field{margin-top:var(--s3)}.field label{color:var(--ink-2);font-size:.95rem}input[type=text],input[type=number],select{font:inherit;min-height:48px;padding:0 var(--s3);background:var(--sheet);width:100%;color:var(--ink);border:1px solid var(--rule-strong);border-radius:2px;font-size:1rem}.pair{gap:var(--s3);grid-template-columns:minmax(0,1fr) 7.5rem;display:grid}.print-sec{max-width:var(--page);padding:var(--s7) var(--gutter);border-top:1px solid var(--rule);margin:0 auto}.print-sec h2,.method h2{margin:0 0 var(--s4);font-family:var(--display);font-variation-settings:"opsz" 72;letter-spacing:-.03em;font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800;line-height:1}.products{gap:var(--s3);margin:var(--s4) 0;border:0;grid-template-columns:minmax(0,1fr);padding:0;display:grid}@media (min-width:700px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.products{grid-template-columns:repeat(4,minmax(0,1fr))}}.product{padding:var(--s4);border:1px solid var(--rule-strong);background:var(--sheet);cursor:pointer;min-height:44px;display:block;position:relative}.product input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.product strong{font-family:var(--display);font-size:1.05rem;font-weight:600;display:block}.product small{margin-top:var(--s1);color:var(--ink-2);font-size:.95rem;display:block}.product .from{margin-top:var(--s2);font-variant-numeric:tabular-nums;color:var(--ink)}.product:has(input:checked){border-color:var(--cyan);box-shadow:inset 0 0 0 2px var(--cyan)}.product:has(input:focus-visible){outline:3px solid var(--cyan);outline-offset:3px}.order-row{gap:var(--s4);margin-top:var(--s4);grid-template-columns:minmax(0,1fr);align-items:end;display:grid}@media (min-width:900px){.order-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr)}}.total{font-family:var(--display);font-variant-numeric:tabular-nums;margin:0;font-size:1.6rem;font-weight:800}.total small{font-family:var(--text);color:var(--ink-2);font-size:.95rem;font-weight:400;display:block}.till{margin:var(--s3) 0 0;color:var(--ink-2);max-width:var(--measure)}.method{max-width:var(--page);padding:var(--s7) var(--gutter) var(--s8);border-top:1px solid var(--rule);margin:0 auto}.steps{gap:var(--s5) var(--s6);margin:var(--s5) 0 0;counter-reset:step;grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}@media (min-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.steps li{counter-increment:step;border-top:2px solid var(--ink);padding-top:var(--s3)}.steps h3{margin:0 0 var(--s2);font-family:var(--display);font-size:1.2rem;font-weight:600}.steps h3:before{content:counter(step, decimal-leading-zero) "  ";color:var(--cyan);font-variant-numeric:tabular-nums}.steps p{margin:0 0 var(--s2);max-width:var(--measure)}.site-foot{background:var(--deep);color:var(--deep-ink)}.site-foot .inner{max-width:var(--page);padding:var(--s7) var(--gutter);gap:var(--s5);grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}@media (min-width:900px){.site-foot .inner{grid-template-columns:1.3fr 1fr 1fr}}.site-foot a{color:var(--deep-ink);align-items:center;min-height:44px;display:inline-flex}.site-foot p{margin:0 0 var(--s2);color:var(--deep-ink-2);font-size:.98rem}.site-foot h2{margin:0 0 var(--s2);font-family:var(--display);color:var(--deep-ink);font-size:1rem;font-weight:600}.site-foot ul{margin:0;padding:0;list-style:none}.site-foot .word{font-family:var(--display);color:var(--deep-ink);margin-bottom:var(--s2);font-size:1.4rem;font-weight:800}.page{max-width:var(--page);padding:var(--s7) var(--gutter) var(--s8);margin:0 auto}.prose{max-width:72ch}.prose h1{font-family:var(--display);letter-spacing:-.03em;margin:0 0 var(--s4);font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1}.prose h2{font-family:var(--display);margin:var(--s6) 0 var(--s2);font-size:1.35rem;font-weight:600}.prose p,.prose li{max-width:var(--measure)}.kicker{margin:0 0 var(--s2);font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:.85rem;font-weight:600}.dek{font-size:1.2rem}.updated{color:var(--ink-2);font-size:.95rem}.sheet-card{background:var(--sheet);padding:var(--s5);border:1px solid var(--rule);margin:var(--s5) 0}.thanks-plate img{border:1px solid var(--rule);background:var(--sheet);width:100%;max-width:520px}@media (prefers-reduced-motion:reduce){.faces{transition:none}.plate-box.lifting canvas,.plate-box.lifting .lift-line{animation:none}}@media (max-width:600px){.masthead nav{width:100%;margin-left:0}.door{flex:100%}}
