@font-face{font-family:"Workshop Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fonts/instrument-serif-italic-tag.woff2?v=c8ff72f273eddf00") format("woff2")}.letter-zone{position:relative;overflow:hidden;min-height:240px;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(color-mix(in srgb,var(--accent) 14%,transparent) 1px,transparent 1px) 0 0 / 60px 60px,linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,transparent) 1px,transparent 1px) 0 0 / 60px 60px,linear-gradient(color-mix(in srgb,var(--accent) 6%,transparent) 1px,transparent 1px) 0 0 / 12px 12px,linear-gradient(90deg,color-mix(in srgb,var(--accent) 6%,transparent) 1px,transparent 1px) 0 0 / 12px 12px,var(--surface)}.letter-zone[hidden]{display:none}.masonry.js-packed .letter-zone{min-height:0;align-self:stretch}.letter-zone.lz-compact .lz-svg,.letter-zone.lz-compact .lz-word,.letter-zone.lz-compact .lz-toggle{display:none}.letter-zone .lz-svg{position:absolute;inset:8% 6%;width:88%;height:84%;overflow:visible}.letter-zone .lz-guide{stroke:var(--accent);stroke-width:.25;stroke-dasharray:1.2 1.2;opacity:.55}.letter-zone .lz-outline,.letter-zone .lz-fill{text-anchor:middle}.letter-zone .lz-outline{fill:none;stroke:var(--accent);stroke-width:.45;font-family:var(--font-sans);font-size:var(--size-letter-outline);font-weight:800;stroke-dasharray:420}.letter-zone .lz-fill{fill:var(--accent);font-family:"Workshop Instrument Serif",Georgia,serif;font-size:var(--size-letter-fill);font-style:italic;font-weight:400}.letter-zone .lz-plan{opacity:.3}.letter-zone .lz-word{position:absolute;right:14px;bottom:12px;color:var(--accent-strong);font-family:var(--font-mono);font-size:var(--size-tech-s);letter-spacing:.1em;text-transform:uppercase}.lz-cycle .lz-outline{animation:workshop-lz-draw 5.6s ease both}.lz-cycle .lz-plan{animation:workshop-lz-plan 5.6s ease both}.lz-cycle .lz-fill{animation:workshop-lz-fill 5.6s ease both}.lz-cycle .lz-word{animation:workshop-lz-labels 5.6s ease both}.lz-toggle{position:absolute;top:4px;right:4px;display:grid;width:44px;height:44px;padding:0;place-items:center;border:0;border-radius:var(--radius-m);background:transparent;color:var(--accent-strong);cursor:pointer}.lz-toggle[hidden]{display:none}.lz-toggle::before{content:'';display:block;width:14px;height:16px;background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65% 100%)}.lz-toggle:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.lz-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.lz-toggle[data-paused]::before{width:0;height:0;background:none;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid currentColor}@keyframes workshop-lz-draw{0%{stroke-dashoffset:420}25%,100%{stroke-dashoffset:0}}@keyframes workshop-lz-plan{0%{opacity:0}8%,40%{opacity:1}55%,88%{opacity:.25}100%{opacity:0}}@keyframes workshop-lz-fill{0%,25%{opacity:1;clip-path:inset(100% 0 0 0)}50%{clip-path:inset(0 0 0 0)}88%{opacity:1;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(0 0 0 0)}}@keyframes workshop-lz-labels{0%{opacity:0}10%,88%{opacity:1}100%{opacity:0}}@media (prefers-reduced-motion:reduce){.letter-zone .lz-svg *,.letter-zone .lz-word{animation:none !important}.lz-toggle{display:none}}
