.studio:where(.astro-f7eamszi){--studio-paper: transparent;--studio-ink: #323a33;--studio-muted: #606454;--studio-accent: #855b37;--studio-line: rgba(107, 99, 77, .12);display:block;container-type:inline-size;margin:20px 0 8px;color:var(--studio-ink)}.studio-frame:where(.astro-f7eamszi){position:relative;isolation:isolate;display:flex;align-items:center;min-height:440px}html.dark .studio:where(.astro-f7eamszi){--studio-paper: transparent;--studio-ink: #f1eee4;--studio-muted: #c5c9bc;--studio-accent: #e1b986;--studio-line: rgba(218, 220, 201, .12)}.studio-art:where(.astro-f7eamszi){position:absolute;inset:0 0 0 30%;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 80%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 80%,transparent);mask-composite:intersect}.studio-art-plane:where(.astro-f7eamszi){position:absolute;inset:-12px;transform:perspective(1000px) translate3d(var(--studio-x, 0px),var(--studio-y, 0px),0) rotateY(var(--studio-turn, 0deg));transform-origin:65% 55%}.studio-poster:where(.astro-f7eamszi),.studio-video:where(.astro-f7eamszi){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}.studio-video:where(.astro-f7eamszi){opacity:0}.studio:where(.astro-f7eamszi)[data-video-ready] .studio-video:where(.astro-f7eamszi){opacity:1}html.dark .studio-art-plane:where(.astro-f7eamszi){filter:brightness(.67) saturate(.72)}.studio-canvas:where(.astro-f7eamszi){position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.studio-copy:where(.astro-f7eamszi){position:relative;z-index:3;width:56%;padding:16px 0}.studio-eyebrow:where(.astro-f7eamszi){display:flex;align-items:center;gap:10px;margin:0 0 32px;font-family:var(--font-satoshi),sans-serif;font-size:10px;font-weight:600;letter-spacing:.17em;color:var(--studio-muted)}.studio-eyebrow:where(.astro-f7eamszi) span:where(.astro-f7eamszi){width:5px;height:5px;border-radius:50%;background:var(--studio-accent)}.studio-eyebrow:where(.astro-f7eamszi) i:where(.astro-f7eamszi){width:34px;height:1px;background:var(--studio-line)}.studio:where(.astro-f7eamszi) h2:where(.astro-f7eamszi){margin:0;font-family:LXGW WenKai,Songti SC,serif;font-size:clamp(26px,5.4cqi,42px);font-weight:400;line-height:1.58;letter-spacing:-.025em;color:var(--studio-ink)}.studio:where(.astro-f7eamszi) h2:where(.astro-f7eamszi) span:where(.astro-f7eamszi){color:var(--studio-accent)}.studio-description:where(.astro-f7eamszi){margin:24px 0 0;font-size:15px;line-height:1.95;color:var(--studio-muted)}.studio-actions:where(.astro-f7eamszi){display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.studio-actions:where(.astro-f7eamszi) a:where(.astro-f7eamszi){display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:46px;padding:10px 18px;border:1px solid var(--studio-line);border-radius:8px;font-size:13px;text-decoration:none;transition:background-color .18s,transform .18s}.studio-actions:where(.astro-f7eamszi) a:where(.astro-f7eamszi):hover{transform:translateY(-2px)}.studio-primary:where(.astro-f7eamszi){background:#855b37;color:#fffaf1;box-shadow:0 5px 16px #6646281c}.studio-primary:where(.astro-f7eamszi):hover{background:#694425;color:#fff}.studio-secondary:where(.astro-f7eamszi){background:#ffffff8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--studio-ink)}html.dark .studio-secondary:where(.astro-f7eamszi){background:#ffffff14}.studio-secondary:where(.astro-f7eamszi):hover{color:var(--studio-accent)}html.dark .studio-primary:where(.astro-f7eamszi){background:#ddbc8b;color:#222e29}html.dark .studio-primary:where(.astro-f7eamszi):hover{background:#eed1a8;color:#222e29}.studio-note:where(.astro-f7eamszi){display:flex;align-items:center;gap:12px;margin-top:25px;font-size:12px;letter-spacing:.08em;color:var(--studio-muted)}.studio-stamp:where(.astro-f7eamszi){position:absolute;z-index:3;top:30px;right:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:82px;height:82px;border:1px solid var(--studio-line);outline:1px solid var(--studio-line);outline-offset:-5px;border-radius:50%;background:#ffffff59;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--studio-muted);font:6px var(--font-satoshi),sans-serif;letter-spacing:.12em;transform:rotate(12deg)}.studio-footer:where(.astro-f7eamszi){position:absolute;z-index:4;inset:auto 0 14px;display:flex;align-items:center;justify-content:flex-end}.studio-media-controls:where(.astro-f7eamszi){display:flex;align-items:center;gap:12px}.studio-motion:where(.astro-f7eamszi){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;border:1px solid var(--studio-line);border-radius:24px;padding:8px 13px;background:#ffffff73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--studio-ink);font:inherit;cursor:pointer}.studio-motion:where(.astro-f7eamszi)[hidden],.studio-pause-icon:where(.astro-f7eamszi){display:none}.studio:where(.astro-f7eamszi)[data-motion=playing] .studio-play-icon:where(.astro-f7eamszi){display:none}.studio:where(.astro-f7eamszi)[data-motion=playing] .studio-pause-icon:where(.astro-f7eamszi){display:block}.studio:where(.astro-f7eamszi) a:where(.astro-f7eamszi):focus-visible,.studio:where(.astro-f7eamszi) button:where(.astro-f7eamszi):focus-visible{outline:3px solid var(--studio-accent);outline-offset:4px}.studio-sr-only:where(.astro-f7eamszi){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@container (max-width: 720px){.studio-frame:where(.astro-f7eamszi){min-height:420px}.studio-copy:where(.astro-f7eamszi){width:60%;padding:8px 0}.studio-art:where(.astro-f7eamszi){inset:0 0 0 34%}.studio-description:where(.astro-f7eamszi){font-size:14px}.studio-stamp:where(.astro-f7eamszi){width:66px;height:66px;font-size:5px}}@container (max-width: 560px){.studio-frame:where(.astro-f7eamszi){display:flex;flex-direction:column;min-height:0;padding-bottom:56px}.studio-copy:where(.astro-f7eamszi){order:0;width:100%;padding:16px 0 0;margin-bottom:8px}.studio-eyebrow:where(.astro-f7eamszi){margin-bottom:18px;font-size:9px}.studio:where(.astro-f7eamszi) h2:where(.astro-f7eamszi){font-size:clamp(26px,8cqi,34px);line-height:1.5}.studio-description:where(.astro-f7eamszi){font-size:14px;margin-top:16px}.studio-actions:where(.astro-f7eamszi){gap:8px;margin-top:20px}.studio-actions:where(.astro-f7eamszi) a:where(.astro-f7eamszi){min-height:42px;padding:9px 12px;gap:12px;font-size:12px}.studio-note:where(.astro-f7eamszi){margin-top:18px}.studio-art:where(.astro-f7eamszi){order:1;position:relative;inset:auto;width:100%;aspect-ratio:4 / 3;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 82%,transparent)}.studio-stamp:where(.astro-f7eamszi){top:auto;bottom:70px;right:8px;width:56px;height:56px;font-size:4.5px}.studio-footer:where(.astro-f7eamszi){inset:auto 0 8px}.studio-media-controls:where(.astro-f7eamszi){gap:8px}.studio-motion-label:where(.astro-f7eamszi){display:none}}@container (max-width: 380px){.studio-description:where(.astro-f7eamszi) br:where(.astro-f7eamszi){display:none}.studio-actions:where(.astro-f7eamszi) a:where(.astro-f7eamszi){flex:1 1 100%}}@media(prefers-reduced-motion:reduce){.studio:where(.astro-f7eamszi) :where(.astro-f7eamszi),.studio:where(.astro-f7eamszi) :where(.astro-f7eamszi):after{transition:none!important}.studio-actions:where(.astro-f7eamszi) a:where(.astro-f7eamszi):hover{transform:none}.studio-art-plane:where(.astro-f7eamszi){transform:none}}