.dwg[data-astro-cid-k4bim55n]{--bp:#123f86;--bp-ink:#eaf1ff;--film:0;z-index:1;background:color-mix(in srgb, var(--bp), var(--stock) calc(var(--film) * 100%));color:var(--bp-ink);position:relative}.dwg__head[data-astro-cid-k4bim55n]{max-width:var(--maxw);padding:var(--sec) var(--gutter) 0;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 32px;margin:0 auto;display:flex}.dwg__title[data-astro-cid-k4bim55n]{font-size:clamp(1.6rem,.6rem + 3.2vw,4rem);line-height:1}.dwg__body[data-astro-cid-k4bim55n]{max-width:26rem;font-size:var(--t-m);color:#eaf1ffc7;line-height:1.45}.dwg__track[data-astro-cid-k4bim55n]{height:640vh}.dwg__pin[data-astro-cid-k4bim55n]{height:calc(100dvh - 72px);position:sticky;top:72px;overflow:hidden}.dwg__sheet[data-astro-cid-k4bim55n]{width:100%;height:100%;opacity:calc(1 - var(--film));outline:none}.dwg__then[data-astro-cid-k4bim55n]{left:var(--gutter);bottom:var(--gutter);opacity:clamp(0, var(--film) * 2 - 1, 1);font-size:clamp(1rem,.6rem + 1.4vw,1.75rem);position:absolute}.dwg__sheet[data-astro-cid-k4bim55n]:focus-visible{outline:1px solid var(--bp-ink);outline-offset:-6px}.dwg__sheet[data-astro-cid-k4bim55n] .bp{--g:var(--bp);--i:var(--bp-ink);width:100%;height:100%;display:block;overflow:visible}.dwg__sheet[data-astro-cid-k4bim55n] .bp :where(path,rect,circle,ellipse):where(:not([fill])){fill:none}.dwg__sheet[data-astro-cid-k4bim55n] .bp :is(path,rect,circle,ellipse){stroke:var(--i)}.dwg__sheet[data-astro-cid-k4bim55n] .bp .fill{fill:var(--i);stroke:none}.dwg__sheet[data-astro-cid-k4bim55n] .bp .body{fill:var(--g)}.dwg__sheet[data-astro-cid-k4bim55n] .bp .void{fill:var(--g);stroke:none}.dwg__sheet[data-astro-cid-k4bim55n] .bp .halo{stroke:var(--g)}.dwg__sheet[data-astro-cid-k4bim55n] .bp .cu{opacity:.32}.dwg__sheet[data-astro-cid-k4bim55n] .bp pattern path{stroke:var(--i)}.dwg__sheet[data-astro-cid-k4bim55n] .bp.is-cutting{cursor:crosshair}@media (width<=760px){.dwg__track[data-astro-cid-k4bim55n]{height:480vh}}:root{--sec:clamp(72px, 12vh, 128px)}.load{z-index:90;place-items:center;animation:0s 4s forwards load-failsafe;display:grid;position:fixed;inset:0}html:not(.js) .load,html.seen .load,html:not(.motion) .load{display:none}@keyframes load-failsafe{to{visibility:hidden}}.load__stock{background:var(--stock);clip-path:inset(0);position:absolute;inset:0}.load__core{justify-items:center;gap:28px;display:grid;position:relative}.load__mark{aspect-ratio:1;width:clamp(72px,12vw,112px);height:auto;color:var(--opal);--mark-fill:var(--stock);opacity:0;overflow:visible}.load__strip{--c:clamp(26px, 8vw, 36px);padding-block:11px;display:flex;position:relative}.load__strip:before,.load__strip:after{content:"";background:repeating-linear-gradient(90deg, #ecede959 0 5px, transparent 5px calc(var(--c) / 2)) calc(var(--c) / 4 - 2.5px) 0 / auto 100%;height:4px;position:absolute;left:0;right:0}.load__strip:before{top:2px}.load__strip:after{bottom:2px}.load__strip i{width:var(--c);aspect-ratio:1;transition:background-color var(--t2) var(--soft), border-color var(--t2) var(--soft);border:1px solid #ecede94d;margin-left:-1px}.load__strip i:first-child{margin-left:0}.load__strip i.is-lit{background:#ecede9eb;border-color:#ecede9eb}.load__strip i.is-now{background:#ff4a3d40;border-color:#ff4a3d}html.loading .hd__mark{visibility:hidden}.reel-gl{width:100%;height:100%;z-index:var(--z-world);opacity:0;transition:opacity var(--t4) var(--soft);pointer-events:none;position:fixed;inset:0}html.reel-live .reel-gl{opacity:1}.hero{--k:clamp(.6px, calc(100vw / 1440), 1.3px);height:100svh;min-height:620px;position:relative;overflow:clip}.hero__reel{pointer-events:none;position:absolute;inset:0}.hero__poster{object-fit:cover;object-position:left top;width:100%;height:100%;transition:opacity var(--t4) var(--soft);translate:0 -32px}html.reel-live .hero__poster{opacity:0}html.seen .reel-gl{transition:none}html.gl .hero__poster{visibility:hidden}.hero__say{right:var(--gutter);top:calc(78px + 173 * var(--k) + 34px);z-index:2;text-align:right;justify-items:end;gap:20px;max-width:min(880px,60vw);display:grid;position:absolute}.hero__title{font-size:clamp(1.4rem,.4rem + 2.7vw,3.3rem)}.hero__title .lt svg{margin-left:auto}.hero__lede{text-align:left;max-width:min(32ch,27vw);font-size:var(--t-m);color:var(--c-muted);line-height:1.5}.hero__act{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.hero__cmd{background:linear-gradient(rgb(var(--ink-rgb) / .035) 0 0) var(--c-bg);align-items:center;gap:12px;min-width:0;min-height:44px;padding:0 6px 0 14px;display:flex}.hero__cmd code{min-width:0;font-family:var(--f-mono);font-size:var(--t-xs);white-space:nowrap;scrollbar-width:none;font-stretch:75%;overflow-x:auto}.hero__cmd .term__copy{border-radius:6px;margin-left:0}.gate{z-index:1;background:var(--c-bg);position:relative}.gate__pin{--sl:clamp(16px, 6.6vw, 110px);--sw:clamp(150px, 16vw, 250px);--scr-l:calc(var(--sl) + var(--sw) + clamp(120px, 13.5vw, 220px));height:100svh;position:relative;overflow:clip}.gate__strip{left:var(--sl);width:var(--sw);height:100%;position:absolute;top:0;-webkit-mask:linear-gradient(#0000,#000 12% 88%,#0000);mask:linear-gradient(#0000,#000 12% 88%,#0000)}.gate__box{left:calc(var(--sl) + var(--sw) * 96 / 738 - 5px);width:calc(var(--sw) * 546 / 738 + 10px);height:calc(var(--sw) * 302 / 738 + 10px);border:2px solid var(--pencil);z-index:1;position:absolute;top:50%;translate:0 -50%}.gate__beam{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gate__beam polygon{fill:url(#beam-light);transition:opacity var(--t3) var(--soft);opacity:.75}.gate__beam line{stroke:var(--pencil);stroke-width:1px}.gate.is-playing .gate__beam polygon{opacity:1}.gate__head{left:var(--scr-l);right:var(--gutter);justify-content:space-between;align-items:flex-end;gap:32px;display:flex;position:absolute;top:clamp(84px,11vh,120px)}.gate__title{font-size:clamp(1.1rem,.6rem + 1.2vw,1.8rem)}.gate__body{max-width:28ch;font-size:var(--t-body);color:var(--c-muted);line-height:1.5}.gate__screen{left:var(--scr-l);right:var(--gutter);aspect-ratio:16/9;background:var(--stock);outline:1px solid var(--pencil);max-height:58svh;position:absolute;top:50%;translate:0 -42%}.gate__screen canvas{width:100%;height:100%}.gate__screen:focus-visible{outline:2px solid var(--c-ink);outline-offset:4px}.gate__screen .gate__tc{font-family:var(--f-mono);color:#a9a9a3;pointer-events:none;font-size:12px;position:absolute;bottom:10px;right:12px}.looks__credit{padding:clamp(28px, 5vh, 52px) var(--gutter) 0;color:#8a8a84}.dwg~.looks{padding-top:0}.looks{z-index:1;background:var(--c-bg);padding-top:var(--sec);position:relative;overflow:clip}.looks__head{z-index:1;padding:clamp(24px, 5vh, 56px) var(--gutter) clamp(28px, 5vh, 52px);text-align:center;justify-items:center;gap:18px;display:grid;position:relative}.looks__title{color:#f4f4f0;font-size:clamp(1.5rem,.3rem + 3.6vw,4.1rem)}.looks__title .lt svg{margin-inline:auto}.looks__body{max-width:40ch;font-size:var(--t-body);color:#a9a9a3;line-height:1.5}.looks__run{padding:0 var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.5vw,36px);display:grid;position:relative}.looks__run:before{content:"";opacity:.7;background:#ff4a3d;width:1px;position:absolute;top:calc(-1*clamp(28px,5vh,52px));bottom:0;left:50%}.stock{background:var(--stock);padding:60px 0 64px;position:relative}.stock:before,.stock:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 22px,#fff 22px 38px,#0000 38px 48px);height:18px;position:absolute;left:0;right:0}.stock:before{top:16px}.stock:after{bottom:16px}.look{align-content:start;gap:12px;display:grid}.look__k{font-size:var(--t-s);color:#f4f4f0;font-weight:600}.look__frame{aspect-ratio:16/9;background:#050505;outline:1px solid #303030;position:relative;overflow:hidden}.look__frame video,.look__frame canvas{object-fit:cover;width:100%;height:100%;display:block}.look__frame video.is-flying{--fe:1;z-index:0;transform-origin:0 0;pointer-events:none;width:1280px;max-width:none;height:720px;mask-image:linear-gradient(90deg, transparent, #000 calc(var(--fe) * 16%), #000 calc(100% - var(--fe) * 16%), transparent), linear-gradient(transparent, #000 calc(var(--fe) * 22%), #000 calc(100% - var(--fe) * 22%), transparent);position:fixed;top:0;left:0;mask-composite:intersect}.look__say{max-width:40ch;font-size:var(--t-m);color:#f4f4f0;margin-top:8px;line-height:1.4}.dim{--x:0px;width:100%;padding:0 1px calc(8px + var(--x));font:inherit;letter-spacing:.06em;text-transform:uppercase;text-align:center;white-space:nowrap;color:inherit;background:linear-gradient(currentColor, currentColor) 0 calc(100% - 3px - var(--x)) / 100% 1px no-repeat;font-size:10px;line-height:1;display:block;position:relative}.dim:before,.dim:after{content:"";bottom:calc(2px + var(--x));background:currentColor;width:8px;height:3px;position:absolute}.dim:before{clip-path:polygon(0 50%,100% 0,100% 100%);left:0}.dim:after{clip-path:polygon(100% 50%,0 0,0 100%);right:0}.acts{color:#8a8a84;margin:0;padding:0;list-style:none;display:flex;position:relative}.acts li{min-width:0;transition:color var(--t2) var(--soft);border-left:1px solid;container-type:inline-size}.acts li:last-child{border-right:1px solid}.acts li.is-now{color:#f4f4f0}.acts .dim{--x:4px;letter-spacing:.02em;cursor:pointer;padding-top:12px}.acts .dim:focus-visible{outline-offset:2px;outline:1px solid #f4f4f0}@media (hover:hover){.acts li:hover{color:#f4f4f0}}@container (width<=36px){.acts li:not(.is-now) .dim{padding-top:22px;font-size:0}}.acts:after{content:"";left:calc(var(--p,0) * 100%);pointer-events:none;background:#ff4a3d;width:1px;position:absolute;top:6px;bottom:0}.make{z-index:1;background:var(--c-bg);padding:var(--sec) var(--gutter) calc(var(--sec) - clamp(40px, 5vh, 56px));position:relative}.make__head{border-bottom:1px solid var(--c-ink);grid-template-columns:auto minmax(0,40ch);justify-content:space-between;align-items:baseline;gap:12px 40px;padding-bottom:20px;display:grid}.make__title{font-size:clamp(1rem,.65rem + .8vw,1.45rem)}.make__body{font-size:var(--t-body);color:var(--c-muted);line-height:1.5}.make__run{margin-top:clamp(24px,4vh,40px)}.monitor{--ar:16 / 9;background:var(--film-bg,var(--stock));transition:background-color var(--t3) var(--soft);justify-items:center;gap:14px;padding:40px 40px 16px;display:grid}.monitor__stage{aspect-ratio:var(--ar);height:min(68svh, calc((100vw - 2 * var(--gutter) - 80px) / (var(--ar))));max-width:100%;position:relative;container-type:size}.monitor .dim{z-index:1;color:#8a8a84;border-inline:1px solid;width:100cqw;position:absolute;bottom:calc(100% + 6px);left:0}.monitor .dim--h{transform-origin:0 0;width:100cqh;top:100%;bottom:auto;transform:rotate(-90deg)translateY(calc(-100% - 6px))}.monitor canvas,.monitor video{width:100%;height:100%;position:absolute;inset:0}.monitor video{object-fit:cover}.monitor [hidden]{display:none}.monitor__foot{justify-self:stretch;align-items:baseline;gap:16px;display:flex}.monitor__note{font-size:var(--t-xs);color:#9a9a94}.monitor .monitor__tc{font-family:var(--f-mono);color:#9a9a94;margin-left:auto;font-size:12px}.cmd{flex-direction:column;align-items:flex-start;gap:28px;padding:clamp(28px,5vh,56px) clamp(24px,3vw,48px) clamp(24px,4vh,40px);display:flex}.cmd__line{font-family:var(--f-mono);letter-spacing:-.03em;color:#f4f4f0;flex-wrap:wrap;align-items:baseline;gap:6px .9ch;font-size:clamp(1.25rem,.3rem + 2.5vw,3rem);line-height:1.3;display:flex}.cmd__p{color:#ff4a3d}.cmd__fixed{color:#8a8a84}.cmd__acts{flex-wrap:wrap;gap:12px;display:flex}.tok{color:#f4f4f0;white-space:nowrap;min-height:24px;transition:background-color var(--t2) var(--soft), box-shadow var(--t2) var(--soft), scale var(--t1) var(--soft);border-radius:4px;align-items:baseline;gap:.6ch;margin:-2px -.25ch;padding:2px .25ch;display:inline-flex;position:relative;box-shadow:inset 0 -1px #ecede966}.tok:after{content:"";border:solid;opacity:.5;width:.3em;height:.3em;transition:rotate var(--t2) var(--soft), opacity var(--t2) var(--soft);border-width:0 2px 2px 0;flex:none;align-self:center;margin-left:.2ch;translate:0 -.1em;rotate:45deg}.tok__f{color:#a9a9a3}.tok[hidden]{display:none}@media (hover:hover){.tok:hover{background-color:#ecede91a;box-shadow:inset 0 -1px #f4f4f0}.tok:hover:after{opacity:1}}.tok:focus-visible{outline-offset:3px;outline:2px solid #f4f4f0}.tok[aria-expanded=true]{background-color:#ecede91a;box-shadow:inset 0 -1px #ff4a3d}.tok[aria-expanded=true]:after{opacity:1;rotate:225deg}.tok:active{scale:.97}.pick{background:var(--opal);width:min(380px,100vw - 32px);color:var(--stock);box-shadow:0 0 0 1px var(--stock), 0 18px 40px -16px #00000080;opacity:1;transition:opacity var(--t2) var(--soft), translate var(--t2) var(--soft);border:0;border-radius:8px;margin:0;padding:6px;position:fixed;inset:auto;translate:0}@starting-style{.pick:popover-open{opacity:0;translate:0 -6px}}.pick__list{display:grid}.pick__o{text-align:left;min-height:44px;font-family:var(--f-mono);color:var(--stock);transition:background-color var(--t1) var(--soft);justify-content:space-between;align-items:center;gap:16px;padding:0 12px 0 16px;font-size:.875rem;display:flex;position:relative}.pick__o>span:first-child{align-items:center;gap:10px;display:inline-flex}.pick__o .silk{color:#4a4a46;text-align:right}.pick__o:hover,.pick__o:focus-visible{background:#0b0b0b12;outline:none}.pick__o:focus-visible{box-shadow:inset 0 0 0 1.5px var(--stock)}.pick__o[aria-checked=true]:before{content:"";background:var(--pencil);width:3px;height:14px;position:absolute;top:50%;left:4px;translate:0 -50%}.pick__o[aria-checked=true]>span:first-child{font-weight:600}.pick__o--own{color:#c4221a;margin-top:4px;box-shadow:inset 0 1px #0b0b0b24}.pick--grid .pick__list{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:2px}.pick--boards{--cols:3;width:min(720px,100vw - 32px)}.pick--aspects,.pick--inks{--cols:4;width:min(640px,100vw - 32px)}.pick__tile{min-height:0;color:var(--c-muted);align-content:start;place-items:start center;gap:8px;padding:18px 14px 12px;display:grid}.pick__tile[aria-checked=true]{color:var(--stock);background:#0b0b0b0f}.pick__tile[aria-checked=true]:before{top:18px;left:6px;translate:none}.pick__plan{aspect-ratio:2;width:100%;overflow:visible}.pick__plan path,.pick__plan circle{fill:none;stroke:currentColor;vector-effect:non-scaling-stroke}.pick__plan .pick__edge{stroke-width:1.4px}.pick__plan .pick__parts{stroke-width:.6px;opacity:.55}.pick__plan .pick__hero{fill:var(--pencil);stroke:none}.pick__tile .dim{color:var(--c-muted);font-size:9px}.pick__id{width:100%;color:var(--stock);text-align:left;gap:2px;display:grid}.pick__id .silk{text-align:left}.pick__id>span:first-child{font-weight:600}@media (hover:hover){.pick__tile:hover{color:var(--stock)}}.pick--boards .pick__o--own{grid-column:1/-1}.pick__o>span.pick__stage{grid-template-rows:96px auto;justify-items:center;gap:8px;display:grid}.pick__frame{border:1.5px solid;align-self:end;display:block}.pick__still{aspect-ratio:16/9;border-radius:3px;width:100%;display:block}@media (width<=760px){.pick--grid{--cols:2}.pick__tile{padding:14px 10px 10px}}.drop{z-index:var(--z-drop);text-align:center;border:2px dashed var(--pencil);background:rgb(var(--opal-rgb) / .92);opacity:0;pointer-events:none;transition:opacity var(--t2) var(--soft);place-content:center;gap:10px;display:grid;position:fixed;inset:14px}html.dragging .drop{opacity:1}.drop__say{font-size:calc(var(--t-xl) * .62)}.drop__say .lt svg{margin-inline:auto}.drop__note{font-size:var(--t-s);color:var(--c-muted)}.toast{z-index:var(--z-drop);background:var(--stock);color:#f4f4f0;max-width:min(560px,100vw - 32px);font-size:var(--t-s);opacity:0;pointer-events:none;transition:opacity var(--t2) var(--soft), translate var(--t3) var(--soft);border-radius:8px;padding:14px 18px;line-height:1.5;position:fixed;bottom:20px;left:50%;translate:-50% 16px}.toast[data-on]{opacity:1;translate:-50%}html:not(.motion) .gate__pin{height:auto;min-height:100svh}html:not(.motion) .gate__body{display:none}@media (width<=900px){.hero__poster{translate:none}.hero__say{left:var(--gutter);right:var(--gutter);text-align:left;justify-items:start;gap:14px;max-width:none;top:84px}.hero__act{justify-content:flex-start;max-width:100%}.hero__open{display:none}.hero__cmd{max-width:100%}.hero__lede{max-width:32ch}}@media (width<=760px){.make__head{grid-template-columns:minmax(0,1fr)}.gate__pin{--sh:150px;--scr-w:min(calc(100vw - 2 * var(--gutter)), calc((100svh - 396px) * 16 / 9));--top:max(72px, calc((100svh - var(--scr-w) * 9 / 16 - var(--sh) - 220px) / 2 + 20px));--strip-t:calc(var(--top) + 92px + var(--scr-w) * 9 / 16 + 72px)}.gate__head{left:var(--gutter);top:var(--top);flex-direction:column;align-items:flex-start;gap:12px}.gate__body{display:none}.gate__screen{left:50%;right:auto;top:calc(var(--top) + 92px);width:var(--scr-w);max-height:none;translate:-50%}.gate__strip{left:0;top:var(--strip-t);width:100%;height:var(--sh);-webkit-mask:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.gate__box{left:50%;top:calc(var(--strip-t) + var(--sh) / 2);width:calc(var(--sh) * 546 / 494 + 10px);height:calc(var(--sh) * 302 / 494 + 10px);translate:-50% -50%}.looks__run{grid-template-columns:1fr;row-gap:48px}.looks__run:before{display:none}.monitor{padding:34px 30px 12px}.monitor__stage{height:min(46svh, calc((100vw - 2 * var(--gutter) - 60px) / (var(--ar))))}.cmd{gap:20px;padding:20px 16px 22px}.cmd__line{gap:8px .9ch;font-size:1rem}.cmd__acts{grid-template-columns:minmax(0,1fr);width:100%;display:grid}}@media (width<=760px) and (height<=720px){.gate__pin{--sh:116px;--scr-w:min(calc(100vw - 2 * var(--gutter)), calc((100svh - 370px) * 16 / 9))}}