.studio-process[data-astro-cid-q6k35ago]{width:100%;max-width:570px;margin-top:30px;color:var(--ink)}.process-scene[data-astro-cid-q6k35ago]{position:relative;display:grid;place-items:center;height:190px;overflow:hidden;background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:14px 14px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.process-browser[data-astro-cid-q6k35ago]{position:relative;width:78%;max-width:350px;border:1px solid var(--line);background:var(--paper);transform:rotate(-3deg) scale(.92);border-radius:2px;box-shadow:5px 7px 0 var(--line);transition:transform .9s cubic-bezier(.22,1,.36,1),border-color .7s,box-shadow .7s}.process-chrome[data-astro-cid-q6k35ago]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--line);color:var(--muted);font:8px var(--font-label)}.process-dots[data-astro-cid-q6k35ago]{font-size:6px;letter-spacing:2px}.process-published[data-astro-cid-q6k35ago]{margin-left:auto;color:var(--green);opacity:0;transform:translateY(4px);transition:opacity .6s,transform .6s}.process-preview[data-astro-cid-q6k35ago]{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;padding:20px}.preview-copy[data-astro-cid-q6k35ago]{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.preview-kicker[data-astro-cid-q6k35ago]{font:6px var(--font-label);color:var(--muted);letter-spacing:.08em}.preview-copy[data-astro-cid-q6k35ago] strong[data-astro-cid-q6k35ago]{font:700 clamp(15px,2vw,23px)/1.05 var(--font-heading);letter-spacing:-.04em}.preview-line[data-astro-cid-q6k35ago]{display:block;height:3px;width:92%;background:var(--line)}.preview-line[data-astro-cid-q6k35ago].short{width:65%}.preview-button[data-astro-cid-q6k35ago]{display:block;margin-top:3px;padding:5px 8px;border:1px dashed var(--muted);font:7px var(--font-label);transition:color .7s,background .7s,border-color .7s}.preview-blocks[data-astro-cid-q6k35ago]{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-self:stretch}.preview-blocks[data-astro-cid-q6k35ago] i[data-astro-cid-q6k35ago]{border:1px dashed var(--line);background:transparent;transform:translateY(0);transition:border-color .7s,border-radius .7s,background .7s,transform 1s cubic-bezier(.22,1,.36,1)}.preview-blocks[data-astro-cid-q6k35ago] i[data-astro-cid-q6k35ago]:first-child{grid-column:span 2}.preview-blocks[data-astro-cid-q6k35ago] i[data-astro-cid-q6k35ago]:last-child{display:none}.process-guide[data-astro-cid-q6k35ago]{position:absolute;z-index:2;border-color:color-mix(in srgb,var(--orange) 50%,transparent);border-style:dashed;border-width:0;opacity:.6;transition:opacity .6s}.guide-top[data-astro-cid-q6k35ago]{left:6%;right:6%;top:28px;border-top-width:1px}.guide-side[data-astro-cid-q6k35ago]{left:14%;top:10px;bottom:10px;border-left-width:1px}.process-pencil[data-astro-cid-q6k35ago]{position:absolute;right:10%;bottom:22px;color:var(--orange);font:22px var(--font-label);transition:opacity .5s,transform 1s}.process-code[data-astro-cid-q6k35ago]{position:absolute;inset:auto 6% 15px auto;width:245px;max-width:85%;padding:12px;border:1px solid var(--line);background:var(--ink);color:var(--paper);box-shadow:0 10px 25px var(--shadow);opacity:0;transform:translate(12px,16px) rotate(3deg);transition:opacity .5s,transform .8s cubic-bezier(.22,1,.36,1)}.process-code[data-astro-cid-q6k35ago]>span[data-astro-cid-q6k35ago]{font:8px var(--font-label);opacity:.55}.process-code[data-astro-cid-q6k35ago] code[data-astro-cid-q6k35ago]{display:block;margin-top:8px;font:9px/1.8 var(--font-label)}.process-code[data-astro-cid-q6k35ago] em[data-astro-cid-q6k35ago]{color:var(--orange);font-style:normal}.process-code[data-astro-cid-q6k35ago] b[data-astro-cid-q6k35ago]{font-weight:400;color:color-mix(in srgb,var(--paper) 65%,var(--green))}.process-code[data-astro-cid-q6k35ago] i[data-astro-cid-q6k35ago]{display:inline-block;width:5px;height:10px;margin-left:4px;background:var(--orange);animation:studio-caret 1s steps(1) infinite}[data-astro-cid-q6k35ago][data-phase="1"] .process-browser[data-astro-cid-q6k35ago],[data-astro-cid-q6k35ago][data-phase="3"] .process-browser[data-astro-cid-q6k35ago]{transform:rotate(0) scale(1)}[data-astro-cid-q6k35ago][data-phase="1"] .preview-blocks[data-astro-cid-q6k35ago] i[data-astro-cid-q6k35ago],[data-astro-cid-q6k35ago][data-phase="2"] .preview-blocks[data-astro-cid-q6k35ago] i[data-astro-cid-q6k35ago],[data-astro-cid-q6k35ago][data-phase="3"] .preview-blocks[data-astro-cid-q6k35ago] i[data-astro-cid-q6k35ago]{border:1px solid color-mix(in srgb,var(--orange) 28%,var(--line));border-radius:3px;background:color-mix(in srgb,var(--orange) 12%,var(--paper))}[data-astro-cid-q6k35ago][data-phase="1"] .preview-blocks[data-astro-cid-q6k35ago] i[data-astro-cid-q6k35ago]:nth-child(2),[data-astro-cid-q6k35ago][data-phase="3"] .preview-blocks[data-astro-cid-q6k35ago] i[data-astro-cid-q6k35ago]:nth-child(2){background:var(--wash);transition-delay:.1s}[data-astro-cid-q6k35ago][data-phase="1"] .preview-button[data-astro-cid-q6k35ago],[data-astro-cid-q6k35ago][data-phase="2"] .preview-button[data-astro-cid-q6k35ago],[data-astro-cid-q6k35ago][data-phase="3"] .preview-button[data-astro-cid-q6k35ago]{background:var(--orange);color:var(--white);border:1px solid var(--orange)}[data-astro-cid-q6k35ago][data-phase="2"] .process-code[data-astro-cid-q6k35ago]{opacity:1;transform:translate(0) rotate(0)}[data-astro-cid-q6k35ago][data-phase="2"] .process-browser[data-astro-cid-q6k35ago]{transform:translate(-22px,-6px) rotate(-3deg) scale(.93)}[data-astro-cid-q6k35ago][data-phase="2"] .process-guide[data-astro-cid-q6k35ago],[data-astro-cid-q6k35ago][data-phase="3"] .process-guide[data-astro-cid-q6k35ago],[data-astro-cid-q6k35ago][data-phase="2"] .process-pencil[data-astro-cid-q6k35ago],[data-astro-cid-q6k35ago][data-phase="3"] .process-pencil[data-astro-cid-q6k35ago]{opacity:0}[data-astro-cid-q6k35ago][data-phase="3"] .process-browser[data-astro-cid-q6k35ago]{border-color:var(--green);box-shadow:0 8px 22px color-mix(in srgb,var(--green) 12%,transparent)}[data-astro-cid-q6k35ago][data-phase="3"] .process-published[data-astro-cid-q6k35ago]{opacity:1;transform:none}.process-controls[data-astro-cid-q6k35ago]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.process-controls[data-astro-cid-q6k35ago] button[data-astro-cid-q6k35ago]{position:relative;display:flex;gap:6px;padding:9px 0 12px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font:10px var(--font-label);color:var(--muted);white-space:nowrap}.process-controls[data-astro-cid-q6k35ago] button[data-astro-cid-q6k35ago]>span[data-astro-cid-q6k35ago]{font-size:8px;opacity:.6}.process-controls[data-astro-cid-q6k35ago] button[data-astro-cid-q6k35ago] i[data-astro-cid-q6k35ago]{position:absolute;bottom:-1px;left:0;width:0;height:2px;background:var(--orange)}.process-controls[data-astro-cid-q6k35ago] button[data-astro-cid-q6k35ago][aria-pressed=true]{color:var(--ink)}.process-controls[data-astro-cid-q6k35ago] button[data-astro-cid-q6k35ago][aria-pressed=true] i[data-astro-cid-q6k35ago]{width:100%}.is-playing[data-astro-cid-q6k35ago] .process-controls[data-astro-cid-q6k35ago] button[data-astro-cid-q6k35ago][aria-pressed=true] i[data-astro-cid-q6k35ago]{animation:studio-progress 3.5s linear both}.process-caption[data-astro-cid-q6k35ago]{display:flex;align-items:center;gap:12px;margin-top:9px;min-height:25px;color:var(--muted)}.process-caption[data-astro-cid-q6k35ago] p[data-astro-cid-q6k35ago]{flex:1;font:10px/1.5 var(--font-label)}.process-caption[data-astro-cid-q6k35ago] button[data-astro-cid-q6k35ago]{padding:2px 6px;border:0;background:transparent;color:var(--muted);font-size:18px}.process-caption[data-astro-cid-q6k35ago] button[data-astro-cid-q6k35ago]:hover{color:var(--orange)}@keyframes studio-progress{0%{width:0}to{width:100%}}@keyframes studio-caret{50%{opacity:0}}@media(max-width:1000px){.process-scene[data-astro-cid-q6k35ago]{height:180px}.process-preview[data-astro-cid-q6k35ago]{gap:12px;padding:15px}.process-controls[data-astro-cid-q6k35ago]{gap:8px}.process-controls[data-astro-cid-q6k35ago] button[data-astro-cid-q6k35ago]{font-size:9px}}@media(max-width:700px){.studio-process[data-astro-cid-q6k35ago]{margin-top:24px}.process-scene[data-astro-cid-q6k35ago]{height:205px}.process-preview[data-astro-cid-q6k35ago]{padding:20px}.process-controls[data-astro-cid-q6k35ago] button[data-astro-cid-q6k35ago]{font-size:10px}}@media(prefers-reduced-motion:reduce){[data-astro-cid-q6k35ago],[data-astro-cid-q6k35ago]:before,[data-astro-cid-q6k35ago]:after{animation:none!important;transition:none!important}}@font-face{font-family:DCS Bricolage;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/dcs-studio/bricolage-grotesque-latin-800-normal.woff2) format("woff2")}.studio-link[data-astro-cid-yc2vy25o]{display:inline-flex;align-items:center;justify-content:space-between;align-self:flex-start;gap:28px;max-width:100%;min-height:76px;padding:22px 24px;border:1px solid #323742;background:#0d0f14;color:#f5f3ee;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.studio-wordmark[data-astro-cid-yc2vy25o]{display:inline-flex;align-items:baseline;gap:8px;line-height:1;white-space:nowrap}.studio-dcs[data-astro-cid-yc2vy25o]{font:800 32px/.9 DCS Bricolage,sans-serif;letter-spacing:-.08em}.studio-dot[data-astro-cid-yc2vy25o]{color:#93a3ff}.studio-name[data-astro-cid-yc2vy25o]{font:400 16px/1 var(--font-body);letter-spacing:-.04em}.studio-arrow[data-astro-cid-yc2vy25o]{display:inline-flex;font-size:17px;color:#93a3ff;transition:transform .3s ease}.studio-link[data-astro-cid-yc2vy25o]:hover{border-color:#93a3ff;transform:translateY(-3px);box-shadow:0 5px #93a3ff33}.studio-link[data-astro-cid-yc2vy25o]:hover .studio-arrow[data-astro-cid-yc2vy25o]{transform:translate(3px,-3px)}.studio-link[data-astro-cid-yc2vy25o]:focus-visible{outline-color:#93a3ff}@media(prefers-reduced-motion:reduce){.studio-link[data-astro-cid-yc2vy25o],.studio-arrow[data-astro-cid-yc2vy25o]{transition:none}.studio-link[data-astro-cid-yc2vy25o]:hover,.studio-link[data-astro-cid-yc2vy25o]:hover .studio-arrow[data-astro-cid-yc2vy25o]{transform:none}}