:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafaf7;--panel:var(--lightningcss-light,#fff)var(--lightningcss-dark,#191b1e);--ink:var(--lightningcss-light,#16181a)var(--lightningcss-dark,#ecedee);--muted:var(--lightningcss-light,#55595e)var(--lightningcss-dark,#a4a8ad);--line:var(--lightningcss-light,#e1e2e5)var(--lightningcss-dark,#2c2f33);--line2:var(--lightningcss-light,#edeef0)var(--lightningcss-dark,#23262a);--ctl:var(--lightningcss-light,#f0f1f3)var(--lightningcss-dark,#23262a);--accent:var(--lightningcss-light,#2456b3)var(--lightningcss-dark,#7fa6f0);--accent-ink:var(--lightningcss-light,#fff)var(--lightningcss-dark,#16181a);--accent-deep:var(--lightningcss-light,#1b4290)var(--lightningcss-dark,#a9c3f5);--pencil:var(--lightningcss-light,#2456b3)var(--lightningcss-dark,#8fb4ff);--r:4px;--r2:8px;--r3:16px;--shadow:0 1px 2px var(--lightningcss-light,#16181a14)var(--lightningcss-dark,#0007),0 10px 30px var(--lightningcss-light,#16181a24)var(--lightningcss-dark,#000b);--rule:1.5px solid var(--ink);--plaster:#f5f5f6 url(/tex/plaster.webp) 0 0/512px;--concrete:#e6e6e7 url(/tex/concrete.webp) 0 0/512px;--slate:linear-gradient(#ffffff14,#ffffff14),#131517 url(/tex/slate.webp) 0 0/1024px;--paper:#fcfcfc url(/tex/paper.webp) 0 0/512px;--ink2:var(--lightningcss-light,#3b3f44)var(--lightningcss-dark,#cacdd1);--display:"Besley","Rockwell",serif;--body:"Archivo","Helvetica Neue",Arial,sans-serif;--hand:"Architects Daughter","Bradley Hand",cursive;--sect:clamp(48px,8.75vw,112px);--part:clamp(40px,5.6vw,72px);--top:clamp(20px,4.4vw,56px);--pad:clamp(20px,2.9vw,28px);--rows:clamp(24px,3.1vw,40px);--mark:32px}.app{--r:8px;--r2:12px;--r3:16px}@supports (corner-shape:squircle){.app,.app *,.app :before,.app :after{corner-shape:squircle}.app{--r:12px;--r2:18px;--r3:24px}}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--slate);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:clamp(16px,15.5px + .15vw,17px)/1.55 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}img,svg{max-width:100%;display:block}a{color:var(--accent-deep)}a:hover{color:var(--ink)}:focus-visible{outline:2px solid var(--pencil);outline-offset:3px}[id]{scroll-margin-top:24px}@media (min-width:560px){html{scroll-padding-top:88px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.wrap{--gut:20px;--page:1200px;max-width:calc(var(--page) + 2*var(--gut));padding-inline:var(--gut);margin-inline:auto}@media (min-width:481px){.wrap{--gut:32px}}main>.wrap:first-child{padding-top:var(--top)}.section{padding-top:var(--sect)}.framed{--two:12px;--bay:12px;--air:32px;--arris:#00000040,#0000 2px calc(100% - 2px),#00000059;--muted:#5c6065;width:calc(100% - 16px);max-width:var(--page);margin-top:var(--sect);padding:calc(5*var(--two)) calc(2*var(--two) + var(--bay)) calc(var(--two) + var(--air));background:linear-gradient(var(--arris)) 0 0/100% var(--two) no-repeat,url(/tex/plate.jpg) 0 0/auto var(--two) repeat-x, linear-gradient(var(--arris)) 0 var(--two)/100% var(--two) no-repeat,url(/tex/plate.jpg) -310px var(--two)/auto var(--two) repeat-x, linear-gradient(var(--arris)) 0 100%/100% var(--two) no-repeat,url(/tex/plate.jpg) -140px 100%/auto var(--two) repeat-x, linear-gradient(90deg,var(--arris)) 0 0/var(--two) 100% no-repeat,url(/tex/stud.jpg) 0 0/var(--two) auto repeat-y, linear-gradient(90deg,var(--arris)) 100% 0/var(--two) 100% no-repeat,url(/tex/stud.jpg) 100% -200px/var(--two) auto repeat-y, linear-gradient(90deg,var(--arris)) var(--two) 0/var(--two) 100% no-repeat,url(/tex/stud.jpg) var(--two) -310px/var(--two) auto repeat-y, linear-gradient(90deg,var(--arris)) calc(100% - var(--two)) 0/var(--two) 100% no-repeat,url(/tex/stud.jpg) calc(100% - var(--two)) -480px/var(--two) auto repeat-y, linear-gradient(#0000003d,#0000) 0 calc(2*var(--two))/100% calc(1.6*var(--two)) no-repeat, linear-gradient(90deg,#00000029,#0000) calc(2*var(--two)) 0/calc(.6*var(--bay)) 100% no-repeat, linear-gradient(270deg,#00000014,#0000) calc(100% - 2*var(--two)) 0/calc(.3*var(--bay)) 100% no-repeat, linear-gradient(#00000017,#00000017),var(--paper);position:relative;box-shadow:0 0 0 1px #0000001f,inset 0 4px 5px -2px #0000003d,inset 4px 0 5px -2px #00000026}.framed:before{--oc:calc(11*var(--two));content:"";inset:calc(2*var(--two)) calc(2*var(--two)) auto;height:calc(3*var(--two));pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(var(--oc) - var(--two)),#00000040 0,#0000 calc(var(--oc) - var(--two) + 2px) calc(var(--oc) - 2px),#00000059 var(--oc)),url(/tex/stud.jpg) 0 0/var(--two) auto;-webkit-mask:repeating-linear-gradient(90deg,#0000 0 calc(var(--oc) - var(--two)),#000 0 var(--oc));mask:repeating-linear-gradient(90deg,#0000 0 calc(var(--oc) - var(--two)),#000 0 var(--oc));position:absolute}.framed>.title:first-child{max-width:none;margin:0 calc(-1*(var(--two) + var(--bay))) calc(var(--air) - 16px);padding:calc(1.3*var(--two)) calc(var(--two) + var(--bay));background:linear-gradient(var(--arris)),url(/builder/tex/lumber.jpg) 0 0/calc(32*var(--two)) max(100%,calc(8*var(--two)));box-shadow:0 14px 16px -12px #00000059}@media (min-width:641px){.framed{--two:22px;--bay:48px;--air:56px;width:calc(100% - 2*var(--gut))}}.title{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(26px,20px + 1.6vw,44px);font-weight:700;line-height:1.1}h1.title{font-size:clamp(31px,20px + 2.8vw,56px);line-height:1.06}.lede{max-width:700px;color:var(--muted);text-wrap:pretty;margin-top:clamp(14px,1.5vw,16px);font-size:clamp(17px,16px + .25vw,18px)}.name{font-family:var(--display);font-size:clamp(20px,18px + .5vw,24px);font-weight:700;line-height:1.2}.name+p{color:var(--muted);margin-top:10px;font-size:16px}.credits{color:var(--muted);margin-top:28px;font-size:14px}.beside{align-items:center;gap:var(--rows) 48px;grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:861px){.beside{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.hand{font-family:var(--hand);color:var(--accent-deep)}.btn{background:var(--accent);height:44px;color:var(--accent-ink);font:600 16px var(--body);white-space:nowrap;border:0;border-radius:0;align-items:center;padding:0 18px;text-decoration:none;transition:background-color .15s;display:inline-flex}.btn:hover{background:var(--accent-deep);color:var(--accent-ink)}.btn.second{--mark:var(--ink);color:var(--ink);background:0 0;padding-inline:4px;position:relative}.btn.second:after{--slash:linear-gradient(135deg,#0000 calc(50% - .75px),var(--mark) 0 calc(50% + .75px),#0000 0);content:"";pointer-events:none;background:linear-gradient(var(--mark) 0 0) 50% 50%/calc(100% - 9px) 1.5px,linear-gradient(var(--mark) 0 0) 3.75px 0/1.5px 100%,linear-gradient(var(--mark) 0 0) calc(100% - 3.75px) 0/1.5px 100%,var(--slash) 0 50%/9px 9px,var(--slash) 100% 50%/9px 9px;background-repeat:no-repeat;height:9px;position:absolute;inset:auto -6px 6px}.btn.second:hover{--mark:var(--pencil);color:var(--ink);background:0 0}.btn.big{height:46px;padding:0 20px;font-size:16px}@media (min-width:641px){.btn.big{height:52px;padding:0 24px;font-size:17px}}.btn.second.big{padding-inline:4px}.inputs{font-size:14px;font-weight:600;line-height:1.35}.inputs div>label{margin-bottom:5px;display:block}kbd{--deep:3px;--down:0px;min-width:34px;box-shadow:inset 0 1px 0 #fff,0 calc(var(--deep) - var(--down)) 0 #b1b6bd,0 calc(var(--deep) - var(--down) + 1px) 3px #16181a2e;translate:0 var(--down);color:var(--ink2);font:700 15px/20px var(--body);text-align:center;background:linear-gradient(#fff,#eceef1);border:1px solid #c3c7cd;border-radius:7px;padding:4px 9px;transition:translate 80ms,box-shadow 80ms;display:inline-block}:is(button:active,.down)>kbd,kbd.down{--down:calc(var(--deep) - 1px)}.field{border:var(--rule);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--panel);width:100%;height:44px;color:var(--ink);font:16px var(--body);border-radius:0;padding:0 14px}.field::placeholder{color:var(--muted)}select.field{appearance:none;text-overflow:ellipsis;background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2316181A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") right 12px center/16px no-repeat;padding-right:38px}.num{display:block;position:relative}.num .field{appearance:textfield;font-variant-numeric:tabular-nums;padding-right:52px}.num ::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num ::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num .unit{color:var(--muted);pointer-events:none;font-weight:400;position:absolute;top:50%;right:14px;translate:0 -50%}.tick{cursor:pointer;align-items:center;gap:10px;display:flex}.tick input{appearance:none;border:var(--rule);border-radius:var(--r);background:var(--panel);flex:none;width:20px;height:20px;margin:0}.tick input:checked{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center/14px no-repeat}.ruled{border-top:var(--rule);padding-top:20px}.slab{padding:var(--pad);background:var(--concrete)}.plate{border:var(--rule)}@media (min-width:641px){:root{--mark:44px}}.mark{width:var(--mark);height:var(--mark);border:1.5px solid;border-radius:50%;place-items:center;font-size:clamp(14px,13px + .3vw,17px);display:grid}.mark svg{width:55%;height:55%}main:has(>.ground:last-child)+.foot{margin-top:0}.icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}