.demo[data-astro-cid-trxcs2lc]{width:100%}.stage[data-astro-cid-trxcs2lc]{aspect-ratio:3/2;border:var(--rule);background:#fff;position:relative;overflow:hidden;container-type:size}.stage[data-astro-cid-trxcs2lc].clear{background:0 0;border:0}.clear[data-astro-cid-trxcs2lc] iframe[data-astro-cid-trxcs2lc]{color-scheme:light}.ghost[data-astro-cid-trxcs2lc]{z-index:1;pointer-events:none;border:2px dashed var(--pencil);background:color-mix(in srgb,var(--pencil) 10%,transparent);opacity:0;transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1),opacity .25s;position:absolute;translate:-50% -50%}[data-astro-cid-trxcs2lc]:is(.up,.filming) .ghost[data-astro-cid-trxcs2lc].on{opacity:1}.rule[data-astro-cid-trxcs2lc]{z-index:1;border-top:2px solid var(--pencil);transform-origin:0 0;opacity:0;pointer-events:none;height:0;transition:opacity .3s,scale 0s .3s;position:absolute;scale:0 1}.rule[data-astro-cid-trxcs2lc]:before,.rule[data-astro-cid-trxcs2lc]:after{content:"";background:var(--pencil);width:2px;height:10px;position:absolute;top:-6px;left:-1px}.rule[data-astro-cid-trxcs2lc]:after{left:auto;right:-1px}[data-astro-cid-trxcs2lc]:is(.up,.filming) .rule[data-astro-cid-trxcs2lc].on{opacity:1;transition:scale .3s cubic-bezier(.4,0,.2,1);scale:1}.says[data-astro-cid-trxcs2lc]{z-index:2;color:var(--pencil);font:400 clamp(15px,11px + 1vw,22px)/1.15 var(--hand);white-space:nowrap;pointer-events:none;opacity:0;background:#fff;padding:0 5px;transition:opacity .2s .15s;position:absolute;translate:-50% -50%}[data-astro-cid-trxcs2lc]:is(.up,.filming) .says[data-astro-cid-trxcs2lc].on{opacity:1}.anew[data-astro-cid-trxcs2lc] [data-astro-cid-trxcs2lc]:is(.ghost,.rule,.says),[data-astro-cid-trxcs2lc]:is(.up,.filming) .anew[data-astro-cid-trxcs2lc] .rule[data-astro-cid-trxcs2lc].on{transition:none}.wait[data-astro-cid-trxcs2lc]{color:#63676c;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.still[data-astro-cid-trxcs2lc]{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.up[data-astro-cid-trxcs2lc] .still[data-astro-cid-trxcs2lc]{visibility:hidden;transition:visibility 0s .4s}.film[data-astro-cid-trxcs2lc]{max-width:none;height:100%;position:absolute;top:0;left:50%;translate:-50%}.filmed[data-astro-cid-trxcs2lc] .film[data-astro-cid-trxcs2lc]{visibility:hidden;transition:visibility 0s .4s}.demo[data-astro-cid-trxcs2lc].filming iframe[data-astro-cid-trxcs2lc]{opacity:0;pointer-events:none!important}iframe[data-astro-cid-trxcs2lc]{opacity:0;border:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.up[data-astro-cid-trxcs2lc] iframe[data-astro-cid-trxcs2lc]{opacity:1}.enter[data-astro-cid-trxcs2lc]{z-index:2;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.enter[data-astro-cid-trxcs2lc]:before{content:"";opacity:0;background:radial-gradient(#0003 35%,#0009 80%,#000c 100%);transition:opacity .15s;position:absolute;inset:0}.enter[data-astro-cid-trxcs2lc] .btn[data-astro-cid-trxcs2lc]{opacity:0;height:48px;padding:0 20px;font-size:18px;transition:opacity .15s;position:relative}@media (width>=641px){.enter[data-astro-cid-trxcs2lc] .btn[data-astro-cid-trxcs2lc]{height:60px;padding:0 30px;font-size:22px}}.enter[data-astro-cid-trxcs2lc]:hover:before,.enter[data-astro-cid-trxcs2lc]:focus-visible:before,.enter[data-astro-cid-trxcs2lc]:hover .btn[data-astro-cid-trxcs2lc],.enter[data-astro-cid-trxcs2lc]:focus-visible .btn[data-astro-cid-trxcs2lc]{opacity:1}@media (hover:none){.enter[data-astro-cid-trxcs2lc]:before,.enter[data-astro-cid-trxcs2lc] .btn[data-astro-cid-trxcs2lc]{opacity:1}}.inputs[data-astro-cid-trxcs2lc]{color-scheme:light;background:var(--panel);color:var(--ink);flex-wrap:wrap;align-items:flex-end;gap:10px 14px;margin:0;padding:10px 12px;display:flex}.inputs[data-astro-cid-trxcs2lc]>div[data-astro-cid-trxcs2lc]{width:112px}.inputs[data-astro-cid-trxcs2lc]>div[data-astro-cid-trxcs2lc]:has(select){width:auto}.inputs[data-astro-cid-trxcs2lc][hidden]{display:none}.tick[data-astro-cid-trxcs2lc]{min-height:44px}:root{color-scheme:light;--bg:#fff url(/tex/wall.webp) 0 0/160px;--panel:light-dark(#fff,#191b1e);--ink:light-dark(#16181a,#ecedee);--muted:light-dark(#63676c,#9a9ea4);--line:light-dark(#e1e2e5,#2c2f33);--line2:light-dark(#edeef0,#23262a);--ctl:light-dark(#f0f1f3,#23262a);--accent:light-dark(#16181a,#f2f3f4);--accent-ink:light-dark(#fff,#16181a);--accent-deep:light-dark(#000,#fff);--pencil:light-dark(#2456b3,#8fb4ff);--r:0px;--r2:0px;--r3:0px;--shadow:0 1px 2px light-dark(#16181a14,#0007),0 10px 30px light-dark(#16181a24,#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:light-dark(#3b3f44,#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{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)}a:hover{color:var(--accent-deep)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[id]{scroll-margin-top:24px}@media (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 (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;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 (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 (width>=861px){.beside{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.hand{font-family:var(--hand);color:var(--pencil)}.btn{border-radius:var(--r2);background:var(--accent);height:44px;color:var(--accent-ink);font:600 16px var(--body);white-space:nowrap;border:0;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.btn:hover{color:var(--accent-ink);opacity:.86}.btn.second{color:var(--ink);background:0 0;box-shadow:inset 0 0 0 1.5px}.btn.second:hover{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink);opacity:1}.btn.big{height:46px;padding:0 20px;font-size:16px}@media (width>=641px){.btn.big{height:52px;padding:0 24px;font-size:17px}}.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);border-radius:var(--r2);color-scheme:light;background:var(--panel);width:100%;height:44px;color:var(--ink);font:16px var(--body);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,.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 (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}