.stage,.cover{--c: #8f86ff;position:relative;display:block;width:100%;height:100%;overflow:hidden;container-type:inline-size;background:color-mix(in oklab,var(--c) 7%,#121213);color:#eceae5}.stage-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden}.stage picture{display:contents}.stage-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}.stage-shot{background:#0f0f10}.stage-shot.is-light img,.cover-shot.is-light img{filter:brightness(.9) saturate(.96)}.stage-words{display:flex;flex-direction:column;justify-content:space-between;gap:4cqw;padding:7% 8% 7.5%}.stage-say{font-family:var(--font-serif);font-weight:400;line-height:1.24;letter-spacing:-.012em;text-wrap:pretty;color:color-mix(in oklab,var(--c) 10%,#ECEAE5);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.stage-note{font-size:max(11px,2.6cqw);line-height:1.3;color:#eceae56b;letter-spacing:0}.tier-xl .stage-say{font-size:8.6cqw;line-height:1.16;max-width:88%}.tier-l .stage-say{order:-1;font-size:6.7cqw;max-width:92%}.tier-m .stage-say{order:-1;font-size:5.5cqw;line-height:1.3}.stage-say:lang(en){letter-spacing:-.005em}.tier-xl .stage-say:lang(en){font-size:9.4cqw}.tier-l .stage-say:lang(en){font-size:7.6cqw}.tier-m .stage-say:lang(en){font-size:6.6cqw}.stage-code{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:3cqw;padding:7% 8% 7.5%;background:color-mix(in oklab,var(--c) 5%,#0F0F10)}.stage-pre,.cover-pre{margin:0;font-family:var(--font-mono);font-weight:400;color:#e4e2dc;white-space:pre-wrap;overflow-wrap:normal;word-break:normal;-moz-tab-size:2;tab-size:2}.stage-pre{font-size:var(--fs, 4cqw);line-height:1.6;align-self:start;overflow:hidden}.stage-code.is-short .stage-pre{align-self:center;line-height:1.7}.c-l{display:block;padding-left:2ch;text-indent:-2ch}.c-gap{height:.6em}.c-p{color:#e4e2dc5c}.c-k{color:#e4e2dc94}.c-s{color:color-mix(in oklab,var(--c) 42%,#E4E2DC)}.stage-quiet{display:grid;place-items:center}.stage-logo{width:24cqw;aspect-ratio:1;border-radius:22%;overflow:hidden;display:grid;place-items:center;background:#ffffff0a}.stage-logo img{width:100%;height:100%;object-fit:cover}.stage-mono{font:600 11cqw/1 var(--font-sans, system-ui);color:color-mix(in oklab,var(--c) 40%,#ECEAE5)}@container (max-width: 260px){.stage-note{display:none}.stage-words{justify-content:center;padding:8% 9%}.stage-say{-webkit-line-clamp:4;line-height:1.2}.tier-xl .stage-say{font-size:max(12px,12cqw);max-width:none}.tier-l .stage-say{font-size:max(11px,10cqw);max-width:none}.tier-m .stage-say{font-size:max(11px,8.6cqw)}.stage-code{grid-template-rows:1fr;padding:8%}.stage-code .stage-pre{align-self:center}.stage-code .c-gap{display:none}.stage-code.has-small .stage-pre{font-size:var(--fs-s);line-height:1.5}.stage-code.has-small .c-long{display:none}}.cover-shot{background:#0f0f10}.product-preview.is-code{aspect-ratio:auto;background:none;border:1px solid var(--hairline, #28282A)}.cover-code{height:auto;padding:6% 8% 5%;display:grid;gap:18px}.cover-pre{font-size:min(16px,var(--fs, 4cqw));line-height:1.7}.cover-source{justify-self:start;font-size:12px;color:#eceae580;text-decoration:underline;text-decoration-color:#eceae533;text-underline-offset:3px}.cover-source:hover{color:#eceae5}.ed-figure:empty{display:none}.c-w{white-space:nowrap}:is(.directory-product-image,.board-shot,.work-image,.product-preview):has(>.stage-v8,>.cover-v8,>*>.cover-v8){aspect-ratio:1200 / 630!important;height:auto!important;min-height:0!important}.stage-v8,.cover-v8{background:#19191a}.stage-v8 .stage-frame img,.cover-v8 .stage-frame img{object-fit:contain;object-position:center}