.wd{--wd-black:var(--color-ink);--wd-mid:var(--color-muted);--wd-light:var(--color-faint);--wd-line:var(--color-hairline);--wd-serif:var(--font-heading);--wd-sans:var(--font-sans)}.wd .case-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.wd .case-heading{flex-direction:column;gap:.35rem;min-width:0;display:flex}.wd .case-title{font-family:var(--wd-serif);color:var(--wd-black);margin:0;font-size:21px;font-style:italic;font-weight:400;line-height:1.2}.wd .case-title-row .wd-visit{flex-shrink:0;margin-top:0}.wd .case-stats{font-family:var(--wd-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--wd-light);margin:0;font-size:.72rem}.wd .case-stats b{color:var(--wd-mid);font-weight:400}.wd .case-stats-sep{margin:0 .5em}.wd .case-body{font-family:var(--wd-sans);color:var(--wd-mid);margin:0 0 1.25rem;font-size:1.05rem;font-weight:400;line-height:1.65}.wd .case-body strong{color:var(--wd-black);font-weight:400}.wd .case-quote{border:1px solid var(--wd-line);border-left:2px solid #b85c4a;border-radius:.75rem;margin:1.75rem 0 0;padding:1.25rem 1.5rem}.wd .case-quote blockquote{border:0;margin:0;padding:0}.wd .case-quote blockquote p{font-family:var(--wd-serif);color:var(--wd-black);margin:0;font-size:1.05rem;font-style:italic;font-weight:400;line-height:1.65}.wd .case-attrib{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.wd .case-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem}.wd .case-attrib-text{flex-direction:column;gap:0;display:flex}.wd .case-attrib-name{font-family:var(--wd-sans);color:var(--wd-black);font-size:.72rem;font-weight:400}.wd .case-attrib-role{font-family:var(--wd-sans);color:var(--wd-mid);font-size:.72rem;font-weight:400}.wd .case-seq{margin-bottom:2rem;container-type:inline-size}.wd .seq-ticks{font-family:var(--wd-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--wd-mid);flex-wrap:wrap;gap:.9rem;margin:0 0 .75rem;font-size:.625rem;line-height:1;display:flex}.wd .seq-ticks button{appearance:none;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:-7px 0;padding:7px 0;transition:color .4s}@media (hover:hover){.wd .seq-ticks button:hover{color:var(--wd-black)}}.wd .seq-ticks button:focus-visible{outline:1px solid var(--wd-black);outline-offset:3px}.wd .seq-ticks .seq-replay{color:var(--wd-light);margin:-7px 0 -7px auto;padding:7px 0 7px 10px;line-height:0;display:none}.wd .seq-ticks .seq-replay svg{width:12px;height:12px;display:block}@media (hover:hover) and (min-width:810px){.wd .seq-ticks .seq-replay{display:block}.wd .seq-ticks .seq-replay:hover{color:var(--wd-black)}}.wd .case-seq[data-state=sketch] .seq-ticks [data-s=sketch],.wd .case-seq[data-state=wire] .seq-ticks [data-s=wire],.wd .case-seq[data-state=design] .seq-ticks [data-s=design],.wd .case-seq[data-state=code] .seq-ticks [data-s=code],.wd .case-seq[data-state=live] .seq-ticks [data-s=live]{color:var(--wd-black);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.wd .case-seq--wh{--sq-accent:#f12e3b;--sq-accent-soft:#ffe1e3;--sq-hl:#f12e3b57;--sq-ink:#282828;--sq-page:#fff;--sq-panel:#fff;--sq-line:#e5e7eb;--sq-line-2:#f3f4f6;--sq-grey:#9ca3af;--sq-grey-2:#6b7280;--sq-busy:#fed7aa;--sq-code:#1f1f1f;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.wd .seq-frame{--sq-rail:9.5em;--sq-pad:10px;--sq-colgap:6px;--sq-gap:3px;--sq-ctl:1.9em;height:19em;color:var(--sq-ink);background-color:var(--sq-page);border:1px solid var(--wd-line);border-radius:.5rem;flex-direction:column;font-size:clamp(8.5px,3.1cqw,12.5px);line-height:1.35;transition:border-radius .55s cubic-bezier(.2,.8,.2,1),border-color .5s,transform .55s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px -22px #00000047}.wd .seq-bar,.wd .seq-foot{min-height:calc(var(--sq-ctl) + 1.2em);flex:none;align-items:center;gap:.6em;padding:.6em .9em;transition:border-color .5s;display:flex}.wd .seq-bar{border-bottom:1px solid var(--sq-line)}.wd .seq-foot{border-top:1px solid var(--sq-line)}.wd .seq-dot{background-color:var(--sq-accent);border-radius:50%;flex:none;width:.5em;height:.5em;transition:background-color .5s}.wd .seq-pair{flex:1;min-width:0;display:grid}.wd .seq-pair>*{grid-area:1/1;align-self:center;min-width:0}.wd .seq-pair--tail{flex:0 0 8em}.wd .seq-pair--wide{display:none}.wd .seq-ph{background-color:var(--sq-line);border-radius:1px;height:.38em;transition:opacity .4s,background-color .5s,height .4s}.wd .seq-ph--sm{background-color:var(--sq-line-2);width:58%;height:.3em}.wd .seq-t{color:var(--sq-ink);white-space:nowrap;text-overflow:ellipsis;opacity:0;font-size:.72em;line-height:1.25;transition:opacity .45s;overflow:hidden}.wd .seq-t--quiet{color:var(--sq-grey-2);font-size:.66em}.wd .seq-btn{height:var(--sq-ctl);color:#fff;background-color:var(--sq-accent);border:1px solid var(--sq-accent);border-radius:3px;flex:none;justify-content:center;align-items:center;padding:0 .95em;transition:border-radius .55s cubic-bezier(.2,.8,.2,1),border-color .5s,background-color .5s,color .5s;display:inline-flex;position:relative}.wd .seq-btn i{letter-spacing:.04em;font-size:.66em;font-style:normal;line-height:1;display:block}.wd .seq-body{align-content:center;gap:var(--sq-colgap);padding:var(--sq-pad);flex:1;min-height:0;display:grid}.wd .seq-body--wh{grid-template-columns:var(--sq-rail) 1fr}.wd .seq-side{gap:var(--sq-gap);min-width:0;padding-top:calc(.725em + var(--sq-gap));flex-direction:column;display:flex;position:relative}.wd .seq-room{flex:none;align-items:stretch;gap:.5em;height:3em;display:flex}.wd .seq-thumb{background-color:var(--sq-line-2);border:1px solid var(--sq-line);border-radius:2px;flex:none;width:2.6em;height:100%;transition:border-radius .55s cubic-bezier(.2,.8,.2,1),border-color .5s,background-color .5s;position:relative;overflow:hidden}.wd .seq-thumb img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s}.wd .seq-stack{flex-direction:column;flex:1;justify-content:center;gap:.22em;min-width:0;display:flex}.wd .seq-grid{gap:var(--sq-gap);flex-direction:column;min-width:0;display:flex;position:relative}.wd .seq-hours,.wd .seq-line{gap:var(--sq-gap);flex:none;grid-template-columns:repeat(5,1fr);display:grid}.wd .seq-hours span{text-align:center;color:var(--sq-grey);opacity:0;font-size:.58em;line-height:1.25;transition:opacity .45s}.wd .seq-slot{border:1px solid var(--sq-line);background-color:#0000;border-radius:2px;height:3em;transition:border-radius .55s cubic-bezier(.2,.8,.2,1),border-color .5s,background-color .5s,box-shadow .4s,transform .5s;position:relative}.wd .seq-legend{gap:1em;margin-top:.15em;display:flex}.wd .seq-key{align-items:center;gap:.3em;min-width:0;display:flex}.wd .seq-key i{border:1px solid var(--sq-line);border-radius:2px;flex:none;width:.7em;height:.7em;transition:border-radius .55s cubic-bezier(.2,.8,.2,1),border-color .5s,background-color .5s}.wd .seq-key--busy{background-color:var(--sq-busy);border-color:var(--sq-busy)}.wd .seq-key--sel{background-color:var(--sq-accent);border-color:var(--sq-accent)}.wd .seq-slot--busy{background-color:var(--sq-busy);border-color:var(--sq-busy)}.wd .seq-slot--sel{background-color:var(--sq-accent);border-color:var(--sq-accent)}.wd .case-seq--w1{--sq-accent:#478261;--sq-accent-soft:#d9e7de;--sq-hl:#47826161;--sq-ink:#231f20;--sq-page:#fff;--sq-line:#e5e7eb;--sq-line-2:#f3f4f6;--sq-grey:#9ca3af;--sq-grey-2:#6b7280;--sq-code:#1f1f1f;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.wd .seq-body--w1{grid-template-columns:var(--sq-rail) 1fr}.wd .seq-t--num{font-variant-numeric:tabular-nums}.wd .seq-pill{min-width:5.4em;height:var(--sq-ctl);border:1px solid var(--sq-line);border-radius:999px;flex:none;place-items:center;padding:0 .75em;transition:border-color .5s,background-color .5s;display:grid}.wd .seq-pill>*{grid-area:1/1}.wd .seq-pill .seq-ph{width:3.2em}.wd .seq-pill .seq-t{text-align:center;line-height:1}.wd .seq-pill--set{border-color:var(--sq-ink);background-color:var(--sq-line-2)}.wd .seq-specs{grid-template-columns:1fr;align-content:start;gap:.6em .8em;min-width:0;display:grid;position:relative}.wd .seq-spec{flex-direction:column;gap:.3em;min-width:0;display:flex}.wd .seq-spec .seq-k{letter-spacing:.1em;text-transform:uppercase;color:var(--sq-grey);opacity:0;font-size:.55em;line-height:1;transition:opacity .45s}.wd .seq-opt{border:1px solid var(--sq-line);border-radius:3px;align-items:center;gap:.55em;margin-top:.1em;padding:.55em;transition:border-radius .55s cubic-bezier(.2,.8,.2,1),border-color .5s,background-color .5s;display:flex}.wd .seq-swatch{border:1px solid var(--sq-line);background-color:#0000;border-radius:2px;flex:none;width:1.6em;height:1.6em;transition:border-radius .55s cubic-bezier(.2,.8,.2,1),border-color .5s,background-color .5s}.wd .seq-plan{border:1px solid var(--sq-line);border-radius:3px;min-width:0;min-height:0;padding:.5em;transition:border-radius .55s cubic-bezier(.2,.8,.2,1),border-color .5s,background-color .5s;position:relative}.wd .seq-plan svg{width:100%;height:100%;display:block}.wd .plan-wall,.wd .plan-room{fill:none;stroke:var(--sq-grey);transition:stroke .5s,fill .5s}.wd .plan-wall{stroke-width:2.4px}.wd .plan-room{stroke-width:1.1px}.wd .plan-fix{fill:none;stroke:var(--sq-line);stroke-width:1px;transition:stroke .5s,opacity .45s}.wd .plan-label{letter-spacing:.04em;fill:var(--sq-grey-2);opacity:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:7px;transition:opacity .45s,fill .5s}.wd .plan-label--tiny{fill:var(--sq-grey);font-size:6px}.wd .plan-hit{fill:#0000;stroke:var(--sq-grey);stroke-width:1.1px;transition:fill .55s,stroke .5s,stroke-width .4s}.wd .plan-hit-label{opacity:0;fill:var(--sq-accent);font-weight:600}.wd .case-seq--w1 .seq-cursor{top:42%;left:51%}.wd .case-seq[data-state=sketch] .seq-frame{border-color:var(--sq-ink);border-radius:14em 1em 12em 1.2em/1.2em 12em 1em 14em;transform:rotate(-.3deg)}.wd .case-seq[data-state=sketch] .seq-slot,.wd .case-seq[data-state=sketch] .seq-thumb,.wd .case-seq[data-state=sketch] .seq-btn,.wd .case-seq[data-state=sketch] .seq-preview,.wd .case-seq[data-state=sketch] .seq-qrow,.wd .case-seq[data-state=sketch] .seq-qtick,.wd .case-seq[data-state=sketch] .seq-plan,.wd .case-seq[data-state=sketch] .seq-opt,.wd .case-seq[data-state=sketch] .seq-swatch{border-color:var(--sq-ink);border-radius:3em .5em 2.6em .6em/.6em 2.4em .5em 3em}.wd .case-seq[data-state=sketch] .seq-pill{border-color:var(--sq-ink);background-color:#0000}.wd .case-seq[data-state=sketch] :is(.plan-wall,.plan-room,.plan-hit){stroke:var(--sq-ink);fill:#0000}.wd .case-seq[data-state=sketch] .plan-fix{opacity:0}.wd .case-seq[data-state=sketch] .seq-slot:nth-child(2n){transform:rotate(.7deg)}.wd .case-seq[data-state=sketch] .seq-slot:nth-child(3n){transform:rotate(-.6deg)}.wd .case-seq[data-state=sketch] .seq-ph{background-color:var(--sq-ink);height:.12em}.wd .case-seq[data-state=sketch] .seq-dot{background-color:var(--sq-ink)}.wd .case-seq[data-state=sketch] .seq-foot .seq-ph{opacity:0}.wd .case-seq[data-state=sketch] .seq-key i,.wd .case-seq[data-state=sketch] :is(.seq-slot--busy,.seq-slot--sel,.seq-qtick,.seq-btn,.seq-thumb,.seq-qrow,.seq-preview,.seq-plan,.seq-opt,.seq-swatch){border-color:var(--sq-ink);background-color:#0000}.wd .case-seq[data-state=sketch] .seq-btn{color:var(--sq-ink)}.wd .seq-note{opacity:0;max-width:22em;margin:0;transition:opacity .45s,transform .45s;position:absolute;bottom:.5em;left:.9em;transform:translateY(.35em)}.wd .seq-note i{font-family:var(--wd-serif);color:var(--sq-grey-2);font-size:.9em;font-style:italic;line-height:1.2}.wd .case-seq[data-state=sketch] .seq-note{opacity:1;transition-delay:.35s;transform:none}.wd .seq-ann,.wd .seq-tag{color:var(--sq-accent);opacity:0;transition:opacity .4s;display:none;position:absolute}.wd .seq-ann{background-color:currentColor;height:1px}.wd .seq-ann:before,.wd .seq-ann:after{content:"";background-color:currentColor;width:1px;height:5px;position:absolute;top:-2px}.wd .seq-ann:before{left:0}.wd .seq-ann:after{right:0}.wd .seq-ann i{position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.wd .seq-ann i,.wd .seq-tag i{letter-spacing:.05em;font-size:.55em;font-style:normal;line-height:1}.wd .seq-ann--pad,.wd .seq-ann--gap{top:1.4em;right:100%}.wd .seq-ann--pad{width:var(--sq-pad)}.wd .seq-ann--gap{width:var(--sq-colgap)}.wd .seq-tag--ratio{bottom:4px;left:4px}.wd .seq-tag--scale{bottom:.35em;left:.5em}.wd .case-seq[data-state=wire] :is(.seq-ann,.seq-tag){opacity:1}.wd .case-seq[data-state=wire] .seq-dot{background-color:var(--sq-grey)}.wd .case-seq[data-state=wire] .seq-qtick{background-color:#0000}.wd .case-seq[data-state=wire] :is(.seq-slot--busy,.seq-slot--sel,.seq-key i,.seq-swatch){background-color:var(--sq-line-2);border-color:var(--sq-line)}.wd .case-seq[data-state=wire] .seq-pill--set{border-color:var(--sq-line);background-color:#0000}.wd .case-seq[data-state=wire] .seq-btn{color:var(--sq-grey-2);background-color:var(--sq-line-2);border-color:var(--sq-line)}.wd .case-seq:is([data-state=design],[data-state=code],[data-state=live]) :is(.seq-t,.seq-hours span,.seq-qhold,.seq-k,.plan-label){opacity:1}.wd .case-seq:is([data-state=design],[data-state=code],[data-state=live]) .plan-hit{fill:var(--sq-accent-soft);stroke:var(--sq-accent)}.wd .case-seq:is([data-state=design],[data-state=code],[data-state=live]) .seq-swatch{background-color:var(--sq-accent-soft);border-color:var(--sq-accent-soft)}.wd .case-seq:is([data-state=design],[data-state=code],[data-state=live]) .seq-ph{opacity:0}.wd .case-seq:is([data-state=design],[data-state=code],[data-state=live]) .seq-thumb img,.wd .case-seq:is([data-state=design],[data-state=code],[data-state=live]) .seq-art,.wd .case-seq:is([data-state=design],[data-state=code],[data-state=live]) .seq-scrub{opacity:1}.wd .case-seq:is([data-state=design],[data-state=code],[data-state=live]) .seq-qrow--out{opacity:.34}.wd .seq-code{color:#e8e8e8;background-color:var(--sq-code);white-space:normal;margin:0;padding:.9em 1.1em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.72em;line-height:1.75;transition:transform .55s cubic-bezier(.3,.9,.25,1);position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(101%)}.wd .seq-code .ln{white-space:pre;display:block}.wd .seq-code .dim{color:#9aa7b0}.wd .seq-code .hl{color:#fff;background-color:var(--sq-hl);box-shadow:-1.1em 0 0 var(--sq-hl), 1.1em 0 0 var(--sq-hl);display:block}.wd .case-seq[data-state=code] .seq-code{transform:none}.wd .case-seq[data-state=code] .seq-slot--sel{box-shadow:0 0 0 2px var(--sq-page), 0 0 0 3px var(--sq-accent)}.wd .case-seq[data-state=code] .seq-qrow--lit{background-color:var(--sq-accent-soft);border-color:var(--sq-accent)}.wd .case-seq[data-state=code] .plan-hit{stroke-width:2.2px}.wd .seq-cursor{width:.85em;height:1.1em;color:var(--sq-ink);opacity:0;pointer-events:none;transition:opacity .3s,transform .7s cubic-bezier(.3,.9,.25,1);position:absolute;top:58%;left:58%;transform:translate(-3.6em,3.4em)}.wd .seq-cursor svg{width:100%;height:100%;display:block}.wd .case-seq[data-state=live] .seq-cursor{opacity:1;transition-delay:0s,.12s;transform:translate(-.1em,-.15em)}.wd .case-seq[data-state=live] .seq-slot--sel{transform:scale(1.05)}.wd .case-seq[data-state=live] .plan-hit{fill:var(--sq-accent);stroke:var(--sq-accent)}.wd .case-seq[data-state=live] .plan-hit-label{opacity:1;fill:#fff}.wd .case-seq[data-state=live] .seq-swatch{background-color:var(--sq-accent);border-color:var(--sq-accent)}.wd .case-seq[data-state=live] .seq-caption{opacity:1;transition-delay:.5s;transform:none}.wd .case-seq[data-state=live] .seq-scrub i{width:72%;transition:width 2.2s linear .4s}.wd .seq-chip{height:var(--sq-ctl);white-space:nowrap;color:var(--sq-page);background-color:var(--sq-ink);opacity:0;border-radius:999px;align-items:center;padding:0 .9em;transition:opacity .35s,transform .45s cubic-bezier(.2,1.3,.4,1);display:flex;position:absolute;top:.9em;left:50%;transform:translate(-50%,-.6em)scale(.92)}.wd .seq-chip i{letter-spacing:.09em;text-transform:uppercase;font-size:.62em;font-style:normal;line-height:1;display:block}.wd .case-seq[data-state=live] .seq-chip{opacity:1;transition-delay:.85s;transform:translate(-50%)scale(1)}.wd .seq-x{display:none}@media (min-width:810px){.wd .case-seq{margin-bottom:1.75rem}}@container (min-width:560px){.wd .seq-frame{--sq-rail:13em;--sq-pad:16px;--sq-colgap:8px;--sq-gap:4px;height:19.8em;font-size:clamp(11px,2.05cqw,15.5px)}.wd .seq-hours,.wd .seq-line{grid-template-columns:repeat(8,1fr)}.wd .seq-thumb{width:3.6em}.wd .seq-body--w1{grid-template-columns:1fr 1.35fr}.wd .seq-specs{grid-template-columns:1fr 1fr}.wd .seq-specs .seq-opt{grid-column:1/-1}.wd .seq-qhead{display:block}.wd .seq-pair--wide{display:grid}.wd .seq-x,.wd .seq-ann,.wd .seq-tag{display:block}}