@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap";:root{--bg:#fafaf8;--surface:#fff;--surface-2:#f3f2ee;--surface-3:#eceae4;--text:#16161a;--text-muted:#5c5c66;--border:#e4e3de;--border-strong:#cfcdc5;--danger:#b3261e;--signal:#e0562b;--signal-soft:#e0562b1f;--stage-bg:#16161a;--stage-bar:#1e1e23;--stage-text:#ededea;--stage-muted:#a3a3ad;--stage-border:#2a2a30;--font-body:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:var(--font-body);--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius-card:20px;--radius-media:16px;--radius-pill:999px;--radius-input:10px;--shell:1200px;--gutter:clamp(20px, 5vw, 48px);--section-gap:clamp(64px, 10vh, 120px);--nav-height:64px;--ease:cubic-bezier(.22, .61, .36, 1);--speed-fast:.15s;--speed:.2s;--speed-slow:.25s;--violet:var(--text);--violet-text:var(--text);--violet-soft:var(--surface-2);--violet-line:var(--border-strong);--on-violet:var(--bg);--lime-deep:var(--text);--accent:var(--text);--accent-strong:var(--text);--accent-soft:var(--surface-2);--card-bg:var(--surface);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--bg:#121214;--surface:#19191d;--surface-2:#1e1e23;--surface-3:#26262c;--text:#ededea;--text-muted:#9a9aa4;--border:#2a2a30;--border-strong:#3a3a42;--danger:#ff9d94;--signal:#e8663a;--signal-soft:#e8663a29;--stage-bg:#0c0c0e;--stage-bar:#141417;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not(.light){--bg:#121214;--surface:#19191d;--surface-2:#1e1e23;--surface-3:#26262c;--text:#ededea;--text-muted:#9a9aa4;--border:#2a2a30;--border-strong:#3a3a42;--danger:#ff9d94;--signal:#e8663a;--signal-soft:#e8663a29;--stage-bg:#0c0c0e;--stage-bar:#141417;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 24px)}body{font-family:var(--font-body);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.6;overflow-x:hidden}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.025em;line-height:1.1}a{color:var(--text);text-underline-offset:3px}img{max-width:100%}p,h1,h2,h3,h4,h5,h6,li{overflow-wrap:break-word}:focus-visible{outline:2px solid var(--text);outline-offset:3px;border-radius:4px}.shell{width:100%;max-width:var(--shell);padding-inline:var(--gutter);margin:0 auto}.section{padding-block:var(--section-gap);scroll-margin-top:calc(var(--nav-height) + 16px)}.eyebrow{color:var(--text-muted);line-height:1.6;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem;font-size:.75rem;font-weight:500;display:block}.section-title{margin:0;font-size:clamp(2rem,5.2vw,3.25rem);font-weight:700}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.page{min-height:100vh;position:relative}.page-main{display:block}.admin-route{padding-top:calc(var(--nav-height) + 16px)}.admin-topbar{justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.admin-brand{color:var(--text);font-size:1rem;font-weight:600;text-decoration:none}.admin-brand:hover{text-decoration:underline}.admin{width:100%;max-width:var(--shell);padding:2rem var(--gutter) 1rem;margin:0 auto}.admin-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-bar-actions{align-items:center;gap:1rem;display:flex}.admin-heading{margin:0 0 .5rem;font-size:1.75rem}.admin-subheading{margin:0 0 .75rem;font-size:1rem}.admin-note{color:var(--text-muted);margin:0 0 1rem;font-size:.875rem;line-height:1.6}.admin-error{color:var(--danger);margin:1rem 0 0;font-size:.875rem;line-height:1.6}.admin-failures{margin:.5rem 0;padding-left:1.25rem;font-size:.8125rem}.admin-login{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);max-width:22rem;padding:1.5rem}.admin-migration{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);margin-top:3rem;padding:1.5rem}.admin-back,.admin-back-link{font-size:.875rem}.admin-back-link{color:var(--text-muted)}.admin-back-link:hover{color:var(--accent-strong)}.add-work{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);margin-top:2rem;padding:1.5rem}.add-work-heading{margin:0 0 1.5rem;font-size:1.25rem}.add-work-field{flex-direction:column;gap:.375rem;margin-bottom:1.25rem;display:flex}.add-work-label{color:var(--text-muted);letter-spacing:.02em;font-size:.8125rem}.add-work-input{border:1px solid var(--border);border-radius:var(--radius-input);background:var(--bg);width:100%;color:var(--text);padding:.625rem .75rem;font-family:inherit;font-size:.9375rem}.add-work-input:focus-visible{border-color:var(--accent-strong);outline:1px solid var(--accent-strong)}textarea.add-work-input{resize:vertical;line-height:1.6}.add-work-file{color:var(--text-muted);font-family:inherit;font-size:.875rem}.add-work-preview{flex-wrap:wrap;gap:.75rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.add-work-preview-item{position:relative}.add-work-thumb-remove{border:1px solid var(--border);background:var(--bg);width:20px;height:20px;color:var(--text-muted);cursor:pointer;border-radius:50%;padding:0;font-size:.6875rem;line-height:1;position:absolute;top:-6px;right:-6px}.add-work-thumb-remove:hover{border-color:var(--accent-strong);color:var(--accent-strong)}.add-work-thumb{border:1px solid var(--border);border-radius:var(--radius-input);object-fit:cover;width:72px;height:72px;display:block}.add-work-buttons{align-items:center;gap:.75rem;display:flex}.add-work-cancel{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.5rem .25rem;font-family:inherit;font-size:.875rem}.add-work-cancel:hover{color:var(--text)}.add-work-submit{border:1px solid var(--accent-strong);background:var(--accent-strong);color:var(--bg);cursor:pointer;border-radius:999px;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem}.add-work-submit:disabled{opacity:.6;cursor:default}.add-work-submit:hover:not(:disabled){background:var(--text);border-color:var(--text)}.add-work-status{color:var(--text-muted);margin:1rem 0 0;font-size:.8125rem}.add-work-section{border:1px solid var(--border);border-radius:var(--radius-media);margin-bottom:1.25rem;padding:1rem 1rem 0}.add-work-subheading{margin:0 0 1rem;font-size:.9375rem}.story-editor{border:1px solid var(--border);border-radius:var(--radius-media);min-width:0;margin:0 0 1.5rem;padding:1rem}.story-legend{padding:0 .4rem}.story-help,.story-empty{color:var(--text-muted);margin:0 0 1rem;font-size:.875rem}.story-steps{gap:1rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.story-step{border:1px solid var(--border);border-radius:var(--radius-media);background:var(--bg);padding:1rem 1rem .25rem}.story-step.is-hidden{border-style:dashed;border-color:var(--text-muted)}.story-step-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.story-step-title{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}.story-step-tools{gap:.25rem;display:flex}.story-icon{border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface);width:32px;height:32px;color:var(--text);font:inherit;cursor:pointer}.story-icon:disabled{opacity:.35;cursor:default}.story-icon.is-danger:hover{border-color:var(--danger);color:var(--danger)}.story-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;display:grid}.story-row.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.story-mono{font-family:var(--font-mono);font-size:.8125rem}.story-image{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.story-public{cursor:pointer;align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.9375rem;display:flex}.story-public input{width:18px;height:18px;accent-color:var(--text)}.story-public-note{color:var(--text-muted);font-size:.8125rem}.story-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}@media (width<=560px){.story-row,.story-row.is-three{grid-template-columns:1fr}}.story-root{z-index:100;position:fixed;inset:0}.story-scrim{animation:story-fade var(--speed) var(--ease);background:#0a0a0c80;position:absolute;inset:0}.story-drawer{border-left:1px solid var(--border);border-radius:var(--radius-card) 0 0 var(--radius-card);background:var(--bg);width:min(580px,92vw);color:var(--text);animation:story-in var(--speed-slow) var(--ease);outline:none;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}@keyframes story-in{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}@keyframes story-fade{0%{opacity:0}to{opacity:1}}.story-head{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem .75rem;display:flex}.story-title{margin:0;font-size:1.375rem;font-weight:600}.story-subtitle{color:var(--text-muted);margin:.15rem 0 0;font-size:.9375rem}.story-close{border:1px solid var(--border);border-radius:var(--radius-pill);width:36px;height:36px;color:var(--text);cursor:pointer;transition:border-color var(--speed-fast) var(--ease);background:0 0;flex:none;font-size:.9375rem}.story-close:hover{border-color:var(--text-muted)}.story-timeline{scrollbar-width:none;gap:0;padding:.5rem 1.5rem 1rem;display:flex;overflow-x:auto}.story-timeline::-webkit-scrollbar{display:none}.story-node{min-width:5.5rem;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;flex:1 0 auto;justify-items:center;gap:.4rem;padding:0 .5rem;display:grid;position:relative}.story-node:before{content:"";background:var(--border-strong);width:100%;height:1px;position:absolute;top:15px;right:50%}.story-node:first-child:before{display:none}.story-node-dot{z-index:1;border:1px solid var(--border-strong);background:var(--bg);width:30px;height:30px;color:var(--text);font-family:var(--font-mono);transition:border-color var(--speed) var(--ease), background-color var(--speed) var(--ease);border-radius:50%;place-items:center;font-size:.75rem;display:grid;position:relative}.story-node-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:.6875rem}.story-node:hover .story-node-dot{border-color:var(--text-muted)}.story-node.is-current{color:var(--text)}.story-node.is-current .story-node-dot{border-color:var(--signal);background:var(--signal-soft);box-shadow:0 0 0 1px var(--signal)}.story-body{overscroll-behavior:contain;flex:1;min-height:0;padding:.5rem 1.5rem 1.5rem;overflow-y:auto}.story-card{animation:story-card-in var(--speed) var(--ease)}.story-card.from-left{--shift:-16px}.story-card.from-right{--shift:16px}@keyframes story-card-in{0%{opacity:0;transform:translateX(var(--shift,16px))}to{opacity:1;transform:none}}.story-card-meta{color:var(--text-muted);font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:.75rem;margin:0 0 .75rem;font-size:.75rem;display:flex}.story-chip{border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text);letter-spacing:.06em;text-transform:uppercase;padding:.15rem .6rem}.story-card-title{margin:0 0 .5rem;font-size:clamp(1.375rem,4vw,1.75rem);font-weight:600}.story-card-text{color:var(--text-muted);margin:0 0 1.25rem;font-size:1rem;line-height:1.65}.story-prompt{border:1px solid var(--stage-border);border-radius:var(--radius-media);background:var(--stage-bg);color:var(--stage-text);margin:0 0 1.25rem;padding:1rem 1.15rem}.story-prompt-label{color:var(--stage-muted);font-family:var(--font-mono);margin:0 0 .6rem;font-size:.75rem}.story-prompt-text{font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.875rem;line-height:1.6}.story-card-image{border:1px solid var(--border);border-radius:var(--radius-media);width:100%;height:auto;display:block}.story-foot{padding:1rem 1.5rem calc(1rem + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.story-summary{margin-bottom:.9rem}.story-stats{color:var(--text-muted);font-family:var(--font-mono);margin:0 0 .25rem;font-size:.8125rem}.story-lesson{margin:0;font-size:.9375rem}.story-lesson-key{font-weight:600}.story-pager{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.story-pager-button{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text);font:500 .875rem var(--font-body);cursor:pointer;transition:border-color var(--speed-fast) var(--ease);background:0 0;padding:.5rem .9rem}.story-pager-button:hover:not(:disabled){border-color:var(--text-muted)}.story-pager-button:disabled{opacity:.4;cursor:default}.story-pager-count{color:var(--text-muted);font-family:var(--font-mono);font-size:.8125rem}@media (width<=767px){.story-scrim{display:none}.story-drawer{border-left:0;border-radius:0;width:100%}.story-head,.story-body,.story-foot{padding-inline:1.25rem}.story-timeline{padding-inline:.75rem}}@media (pointer:coarse){.story-close{width:44px;height:44px}.story-node{min-height:56px}.story-pager-button{min-height:44px}}@media (prefers-reduced-motion:reduce){.story-scrim,.story-drawer,.story-card{animation:none}.story-close,.story-node-dot,.story-pager-button{transition:none}}.nav{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.nav-inner{min-height:var(--nav-height);align-items:center;gap:1.25rem;display:flex}.nav-brand{color:var(--text);letter-spacing:-.01em;margin-right:auto;font-size:1rem;font-weight:600;text-decoration:none}.nav-links{align-items:center;gap:1.75rem;display:flex}.nav-link{color:var(--text-muted);transition:color var(--speed-fast) var(--ease);font-size:.9375rem;text-decoration:none}.nav-link:hover,.nav-link:focus-visible{color:var(--text)}.nav-actions{align-items:center;gap:.5rem;display:flex}.nav-menu-button{border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:0 9px;display:none}.nav-menu-bar{background:var(--text);height:1.5px;transition:transform var(--speed) var(--ease);display:block}.nav-menu-button[aria-expanded=true] .nav-menu-bar:first-child{transform:translateY(3.25px)rotate(45deg)}.nav-menu-button[aria-expanded=true] .nav-menu-bar:last-child{transform:translateY(-3.25px)rotate(-45deg)}.nav-mobile{padding:.25rem var(--gutter) 1rem;border-top:1px solid var(--border);background:var(--bg);display:none}.nav-mobile-links{flex-direction:column;display:flex}.nav-mobile-link{border-bottom:1px solid var(--border);color:var(--text);padding:.8rem 0;font-size:1.125rem;font-weight:500;text-decoration:none}.nav-mobile-link:last-child{border-bottom:0}@media (width<=640px){.nav-links{display:none}.nav-menu-button{display:flex}.nav-mobile.is-open{display:block}}@media (prefers-reduced-motion:reduce){.nav-menu-bar,.nav-link{transition:none}}.skip-link{z-index:60;border:1px solid var(--text);border-radius:var(--radius-input);background:var(--bg);color:var(--text);padding:.5rem .9rem;font-size:.875rem;font-weight:500;position:absolute;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip-link:focus{transform:none}@media (pointer:coarse){.theme-toggle,.nav-menu-button{width:44px;height:44px}.nav-brand{align-items:center;min-height:44px;display:inline-flex}}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-pill);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:border-color var(--speed-fast) var(--ease), color var(--speed-fast) var(--ease);background:0 0;place-items:center;padding:0;font-family:inherit;font-size:.9375rem;line-height:1;display:grid;overflow:hidden}.theme-toggle:hover{border-color:var(--text-muted);color:var(--text)}.theme-toggle-icon{animation:theme-icon-in var(--speed-slow) var(--ease) both;display:block}@keyframes theme-icon-in{0%{opacity:0;transform:rotate(-45deg)scale(.6)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle-icon{transition:none;animation:none}}@media (pointer:coarse){.theme-toggle,.nav-menu-button{width:44px;height:44px}}.reveal{opacity:0;transition:opacity var(--speed-slow) var(--ease), transform var(--speed-slow) var(--ease);display:block;transform:translateY(10px)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.hero{padding-block:clamp(56px,11vh,120px) clamp(24px,4vh,48px)}.hero-title{letter-spacing:-.04em;max-width:14ch;margin:0;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:600;line-height:1.02}.hero-lede{max-width:44ch;color:var(--text-muted);margin:1.5rem 0 0;font-size:clamp(1.0625rem,1.8vw,1.25rem);line-height:1.55}.hero-title,.hero-lede{animation:hero-rise .25s var(--ease) backwards}.hero-lede{animation-delay:80ms}@keyframes hero-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero-title,.hero-lede{animation:none}}.works{--work-preview-frame:#fff;--work-preview-text:#17181b;--work-preview-border:#15171d1f;--work-preview-shadow:#1b1d2329;--work-preview-shadow-strong:#1b1d2338}.dark .works{--work-preview-frame:#f5f5f2;--work-preview-text:#17181b;--work-preview-border:#ffffff24;--work-preview-shadow:#00000061;--work-preview-shadow-strong:#00000085}.works-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem 2rem;margin-bottom:clamp(2rem,4vw,3.25rem);display:flex}.works-filters{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.25rem;padding:.25rem;display:flex}.works-filter{border-radius:var(--radius-pill);color:var(--text-muted);font-family:var(--font-display);cursor:pointer;transition:color var(--speed-fast) var(--ease), background-color var(--speed-fast) var(--ease);background:0 0;border:0;padding:.45rem .95rem;font-size:.8125rem;font-weight:600}.works-filter:hover{color:var(--text)}.works-filter.is-active{background:var(--text);color:var(--bg)}.works-message{color:var(--text-muted);margin:0;padding:2.5rem 0}.works-message.is-success{color:var(--lime-deep)}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.5rem,5vw,4.5rem) clamp(1.25rem,2.4vw,2rem);margin:0;padding:0;list-style:none;display:grid}.works-card{min-width:0;animation:works-card-enter .25s var(--ease) backwards;animation-delay:var(--enter-delay,0s)}.works-card:only-child{grid-column:1/-1}@keyframes works-card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.works-card.is-editing .work-preview-link{outline:2px solid var(--violet-text);outline-offset:4px}.works-card-body{flex-direction:column;padding:1.15rem .2rem 0;display:flex;position:relative}.works-card-meta{align-items:center;gap:.6rem;min-height:24px;margin-bottom:.65rem;display:flex}.works-card-number{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.works-card-category{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.6875rem;font-weight:600;display:inline-flex}.works-card-category:before{content:"";background:var(--violet-text);border-radius:50%;width:5px;height:5px}.works-card-admin{gap:.35rem;margin-left:auto;display:flex}.works-card-action{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);min-width:28px;min-height:28px;color:var(--text-muted);font:500 .75rem var(--font-body);cursor:pointer;padding:.25rem .6rem}.works-card-action:hover{border-color:var(--violet);color:var(--violet-text)}.works-card-action.is-delete:hover{border-color:var(--danger);color:var(--danger)}.works-card-action:disabled{opacity:.55;cursor:wait}.works-card-title{letter-spacing:-.035em;max-width:calc(100% - 52px);margin:0;font-size:clamp(1.3rem,2vw,1.65rem);font-weight:600}.works-card-title-link{color:var(--text);text-decoration:none}.works-card-title-link:hover{color:var(--violet-text)}.works-card-description{max-width:58ch;color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.7rem 0 0;font-size:.875rem;line-height:1.62;display:-webkit-box;overflow:hidden}.works-card-cta{border:1px solid var(--border-strong);width:40px;height:40px;color:var(--text);font-family:var(--font-display);transition:border-color var(--speed) var(--ease), background-color var(--speed) var(--ease), color var(--speed) var(--ease);border-radius:50%;place-items:center;text-decoration:none;display:grid;position:absolute;top:2.35rem;right:.2rem}.works-card-cta>span:first-child{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.works-card-cta-arrow{transition:transform var(--speed) var(--ease);font-size:1rem}.works-card-cta:hover{border-color:var(--violet);background:var(--violet);color:var(--on-violet)}.works-card-cta:hover .works-card-cta-arrow{transform:translate(2px,-2px)}.works-card.no-media{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:2rem}.works-card.no-media .works-card-body{min-height:230px}.works-card-skeleton{border-radius:var(--radius-card);background:var(--surface-2);min-height:420px;animation:none}.works-skeleton-media{border-radius:var(--radius-card);background:var(--surface-3);min-height:300px}.works-skeleton-line{border-radius:var(--radius-pill);background:var(--surface-3);width:70%;height:.75rem;margin:1.1rem .2rem 0}.works-skeleton-line.is-short{width:45%;margin-top:.65rem}@media (width<=760px){.works-grid{grid-template-columns:1fr}}@media (width<=680px){.works-head{align-items:flex-start}.works-filters{flex-wrap:nowrap;width:100%;overflow-x:auto}.works-filter{flex:none}}@media (prefers-reduced-motion:reduce){.works-card{animation:none}.works-card-cta-arrow{transition:none}}.works.is-admin .works-card-cta{top:3.5rem}@media (pointer:coarse){.works-filter{min-height:44px}}.work-preview{min-width:0}.work-preview-link{aspect-ratio:16/10;color:inherit;background:0 0;border-radius:20px;place-items:center;padding:0;text-decoration:none;display:grid;position:relative;overflow:visible}.work-preview-frame{z-index:1;aspect-ratio:16/10;border:1px solid var(--work-preview-border);background:var(--work-preview-frame);width:100%;height:100%;box-shadow:0 16px 42px var(--work-preview-shadow);transition:transform .52s var(--ease), box-shadow .52s var(--ease);border-radius:20px;display:block;position:relative;overflow:hidden;transform:translateY(0)scale(1)}.work-preview-tour{object-fit:cover;background:#f5f6f2;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.work-preview-hit{z-index:2;border-radius:inherit;position:absolute;inset:0}.work-preview-image{object-fit:cover;object-position:top center;opacity:0;width:100%;height:100%;transition:opacity .7s var(--ease), transform 1.2s var(--ease);display:block;position:absolute;inset:0;transform:scale(1.015)}.work-preview-image.is-active{opacity:1;transform:scale(1)}.work-preview-link:hover .work-preview-frame,.work-preview-link:focus-within .work-preview-frame{box-shadow:0 32px 72px var(--work-preview-shadow-strong);transform:translateY(-6px)scale(1.018)}.work-preview-live{z-index:2;border:1px solid var(--work-preview-border);border-radius:var(--radius-pill);background:var(--work-preview-frame);color:var(--work-preview-text);font-family:var(--font-display);align-items:center;gap:.45rem;padding:.42rem .7rem;font-size:.6875rem;font-weight:600;display:inline-flex;position:absolute;bottom:1rem;left:1rem}.work-preview-live>span{background:#4ca46b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #4ca46b24}@media (width<=680px){.work-preview-link,.work-preview-frame{border-radius:16px}}@media (prefers-reduced-motion:reduce){.work-preview-frame{transition:none}.work-preview-link:hover .work-preview-frame{transform:none}.work-preview-image{transition:none}}.stage{gap:1.25rem;display:grid}.stage-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:clamp(1.25rem,3vw,2rem);display:grid}.stage-main{min-width:0}.stage-frame{border:1px solid var(--stage-border);border-radius:var(--radius-card);background:var(--stage-bg);color:var(--stage-text);overflow:hidden}.stage-bar{border-bottom:1px solid var(--stage-border);background:var(--stage-bar);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.75rem;display:flex}.stage-dot{background:var(--signal);border-radius:50%;flex:none;width:8px;height:8px}.stage-bar-text{min-width:0;color:var(--stage-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage-screen{aspect-ratio:16/10;position:relative}.stage-screen-inner{animation:stage-swap var(--speed-fast) var(--ease);display:grid;position:absolute;inset:0}@keyframes stage-swap{0%{opacity:0}to{opacity:1}}.stage-iframe{background:#fff;border:0;width:100%;height:100%}.stage-video{object-fit:contain;background:#000;width:100%;height:100%}.stage-loading,.stage-empty{color:var(--stage-muted);font-family:var(--font-mono);pointer-events:none;place-items:center;margin:0;font-size:.8125rem;display:grid;position:absolute;inset:0}.stage-images{width:100%;height:100%;position:relative}.stage-image{object-fit:contain;width:100%;height:100%}.stage-images-nav{border:1px solid var(--stage-border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--stage-bg) 88%, transparent);font-family:var(--font-mono);align-items:center;gap:.5rem;padding:.25rem;font-size:.75rem;display:flex;position:absolute;bottom:.75rem;right:.75rem}.stage-images-nav button{width:30px;height:30px;color:var(--stage-text);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1rem}.stage-images-nav button:hover{background:var(--stage-border)}.stage-images-nav button:focus-visible,.stage-frame :focus-visible{outline-color:var(--stage-text)}.stage-foot{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;margin-top:.85rem;display:flex}.stage-hint{color:var(--text-muted);flex:18rem;margin:0;font-size:.9375rem}.stage-hint-key{color:var(--text);font-weight:600}.stage-actions{flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.stage-link{color:var(--text);font:500 .875rem var(--font-body);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:4px;cursor:pointer;transition:text-decoration-color var(--speed-fast) var(--ease);background:0 0;border:0;padding:0}.stage-link:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.stage-side{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);animation:stage-swap var(--speed-fast) var(--ease);padding:1.25rem}.stage-side-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem;font-size:.75rem}.stage-side-title{margin:0;font-size:1.5rem;font-weight:600}.stage-side-text{color:var(--text-muted);margin:.75rem 0 0;font-size:.9375rem;line-height:1.6}.stage-side-rows{margin:1.25rem 0 0}.stage-side-row{border-top:1px solid var(--border);grid-template-columns:5rem minmax(0,1fr);gap:.75rem;padding:.65rem 0;font-size:.875rem;display:grid}.stage-side-row dt{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.stage-side-row dd{margin:0}.stage-story-button{border:1px solid var(--text);border-radius:var(--radius-media);background:var(--text);width:100%;color:var(--bg);font:600 .9375rem var(--font-body);text-align:left;cursor:pointer;transition:opacity var(--speed-fast) var(--ease);margin-top:1.25rem;padding:.7rem 1rem}.stage-story-button:hover{opacity:.88}.channel-strip{scroll-snap-type:x proximity;scrollbar-width:thin;gap:.75rem;padding:2px;display:flex;overflow-x:auto}.channel{border:1px solid var(--border);border-radius:var(--radius-media);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;scroll-snap-align:start;transition:border-color var(--speed-fast) var(--ease);flex:0 0 clamp(10rem,22vw,13rem);gap:.2rem;padding:.85rem 1rem;display:grid}.channel:hover{border-color:var(--text-muted)}.channel.is-active{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal)}.channel-number{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;align-items:center;gap:.45rem;font-size:.6875rem;display:flex}.channel-dot{background:var(--signal);border-radius:50%;width:6px;height:6px}.channel-title{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:600;overflow:hidden}.channel-category{color:var(--text-muted);font-size:.8125rem}@media (width<=900px){.stage-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=767px){.stage-frame.is-embed .stage-screen{aspect-ratio:auto;height:min(72dvh,560px)}}@media (pointer:coarse){.stage-link{align-items:center;min-height:44px;display:inline-flex}.stage-story-button{min-height:48px}.channel{min-height:64px}.stage-images-nav button{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.stage-screen-inner,.stage-side{animation:none}.channel,.stage-link,.stage-story-button{transition:none}}.about-grid{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,3rem);padding-top:1.5rem;display:grid}.about-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem;font-size:.75rem;font-weight:500}.about-text{letter-spacing:-.015em;max-width:40ch;margin:0;font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.45}@media (width<=640px){.about-grid{grid-template-columns:1fr}}.services-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem 2rem;margin-bottom:clamp(2rem,4vw,3.25rem);display:flex}.services-tabs{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);align-items:center;gap:.25rem;padding:.25rem;display:flex}.services-tab{border-radius:var(--radius-pill);color:var(--text-muted);font-family:var(--font-display);cursor:pointer;transition:color var(--speed-fast) var(--ease), background-color var(--speed-fast) var(--ease);background:0 0;border:0;padding:.45rem .95rem;font-size:.8125rem;font-weight:600}.services-tab:hover{color:var(--text)}.services-tab.is-active{background:var(--text);color:var(--bg)}.services-tab:focus-visible{outline-offset:2px;border-radius:var(--radius-pill)}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1.25rem);margin:0;padding:10px 0 4px;list-style:none;display:grid}.service-card{border-radius:var(--radius-card);cursor:pointer;min-width:0;transition:transform .28s var(--ease)}.service-card.is-selected{transform:translateY(-6px)scale(1.03)}@media (hover:hover){.service-card:not(.is-selected):hover{transform:translateY(-4px)}.service-card:not(.is-selected):hover .service-card-inner{box-shadow:0 10px 28px -12px #0000002e}}.service-card:focus-visible{outline-offset:4px;border-radius:var(--radius-card)}.service-card-inner{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);height:100%;transition:border-color .28s var(--ease), box-shadow .28s var(--ease);flex-direction:column;padding:clamp(1.25rem,2.2vw,1.75rem);display:flex}.service-card.is-selected .service-card-inner{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal-soft), 0 14px 36px -16px var(--signal-soft)}.service-card-top{justify-content:space-between;align-items:center;gap:.75rem;min-height:26px;display:flex}.service-card-name{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:500}.service-card-badge{border-radius:var(--radius-pill);background:var(--signal-soft);color:var(--signal);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;padding:.2rem .6rem;font-size:.6875rem;font-weight:500}.service-card-title{margin:.75rem 0 0;font-size:1.375rem;font-weight:600}.service-card-price{letter-spacing:-.035em;margin:1rem 0 0;font-size:clamp(2.25rem,4vw,2.75rem);font-weight:600;line-height:1}.service-card-terms{border-block:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.25rem 0 0;padding-block:.85rem;display:grid}.service-card-terms dt{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem}.service-card-terms dd{margin:.15rem 0 0;font-size:.9375rem;font-weight:500}.service-card-features{gap:.6rem;margin:1.25rem 0 1.5rem;padding:0;font-size:.9375rem;line-height:1.5;list-style:none;display:grid}.service-card-features li{grid-template-columns:1rem minmax(0,1fr);gap:.6rem;display:grid}.service-check{color:var(--text-muted);font-size:.875rem}.service-card-actions{gap:.5rem;margin-top:auto;display:grid}.service-card-features li.is-note{color:var(--text-muted);margin-top:.15rem;font-size:.8125rem;line-height:1.45}.service-note-icon{width:14px;height:14px;margin-top:.15rem}.service-button{border:1px solid var(--border-strong);border-radius:var(--radius-media);min-height:44px;color:var(--text);font:600 .9375rem var(--font-body);text-align:center;transition:border-color var(--speed-fast) var(--ease), opacity var(--speed-fast) var(--ease);background:0 0;justify-content:center;align-items:center;padding:.6rem 1.1rem;text-decoration:none;display:inline-flex}.service-button:hover{border-color:var(--text)}.service-button.is-primary{border-color:var(--text);background:var(--text);color:var(--bg)}.service-button.is-primary:hover{opacity:.88}.service-demo{border:1px solid var(--border-strong);border-radius:var(--radius-media);background:var(--surface-2);color:var(--text);text-align:center;transition:border-color var(--speed-fast) var(--ease);justify-items:center;gap:.1rem;margin-bottom:.35rem;padding:.55rem 1rem;text-decoration:none;display:grid;position:relative}.service-demo:hover{border-color:var(--text)}.service-demo-label{align-items:center;gap:.45rem;font-size:.9375rem;font-weight:600;display:inline-flex}.service-demo-icon{width:15px;height:15px;color:var(--text-muted)}.service-demo-caption{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.02em;font-size:.6875rem}.service-demo.is-disabled{border-style:dashed;border-color:var(--border-strong);color:var(--text-muted);cursor:not-allowed;background:0 0}.service-demo.is-disabled .service-demo-label{font-weight:500}.service-demo-preview{display:none}@media (hover:hover) and (width>=961px){.service-demo-preview{z-index:2;border:1px solid var(--border);background:var(--surface);opacity:0;pointer-events:none;width:240px;transition:opacity var(--speed) var(--ease), transform var(--speed) var(--ease);border-radius:12px;padding:4px;display:block;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,6px);box-shadow:0 16px 40px -18px #00000059}.service-demo-preview img{border-radius:8px;width:100%;height:auto;display:block}.service-demo:hover .service-demo-preview,.service-demo:focus-visible .service-demo-preview{opacity:1;transform:translate(-50%)}}.services-addons{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:clamp(1.75rem,3vw,2.25rem);display:flex}.services-addons-title{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:500}.services-addons-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.services-addon{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);min-height:40px;color:var(--text);transition:border-color var(--speed-fast) var(--ease);align-items:center;gap:.5rem;padding:.4rem .95rem;font-size:.875rem;text-decoration:none;display:inline-flex}.services-addon:hover{border-color:var(--text-muted)}.services-addon:focus-visible{border-radius:var(--radius-pill)}.services-addon-price{color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;font-size:.8125rem}.services-custom{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2rem;margin-top:clamp(2rem,4vw,3rem);padding:clamp(1.25rem,2.2vw,1.75rem);display:flex}.services-custom>div{flex:22rem;min-width:0}.services-custom-title{margin:0;font-size:1.375rem;font-weight:600}.services-custom-text{max-width:52ch;color:var(--text-muted);margin:.5rem 0 0}.services-custom .service-button{flex:none}.services-steps{margin-top:clamp(2.5rem,5vw,3.5rem)}.services-steps-title{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem;font-size:.75rem;font-weight:500}.services-steps-list{border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2.4vw,2rem);margin:0;padding:1.25rem 0 0;list-style:none;display:grid}.services-step{gap:.4rem;font-size:1rem;font-weight:500;line-height:1.4;display:grid}.services-step-number{color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;font-weight:500}.services-soon{border:1px dashed var(--border-strong);border-radius:var(--radius-card);justify-items:start;gap:.75rem;padding:clamp(1.5rem,4vw,3rem);display:grid}.services-soon-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:500}.services-soon-text{letter-spacing:-.015em;max-width:44ch;margin:0 0 .5rem;font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.45}@media (width<=960px){.services-grid{grid-template-columns:minmax(0,1fr);row-gap:1.5rem}.services-steps-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.services-steps-list{grid-template-columns:minmax(0,1fr)}.services-custom .service-button{flex:100%}}@media (prefers-reduced-motion:reduce){.service-card,.service-card.is-selected,.service-card:not(.is-selected):hover{transform:none}.service-card,.service-card-inner,.services-tab,.service-button,.service-demo,.service-demo-preview,.services-addon{transition:none}}.contact-title{letter-spacing:-.035em;max-width:18ch;margin:0 0 2rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:600}.contact-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.contact-link{border:1px solid var(--border);border-radius:var(--radius-media);background:var(--surface);min-width:0;color:var(--text);transition:border-color var(--speed) var(--ease);grid-template-columns:auto 1fr auto;align-items:center;gap:.15rem .85rem;padding:1rem 1.15rem;text-decoration:none;display:grid}.contact-link:hover{border-color:var(--text-muted)}.contact-icon{width:20px;height:20px;color:var(--text-muted);grid-row:1/3}.contact-name{font-size:.9375rem;font-weight:600}.contact-value{min-width:0;color:var(--text-muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:.8125rem;overflow:hidden}.contact-arrow{color:var(--text-muted);transition:transform var(--speed) var(--ease);grid-area:1/3/3}.contact-link:hover .contact-arrow{transform:translate(2px,-2px)}@media (width<=640px){.contact-links{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.contact-link,.contact-arrow{transition:none}.contact-link:hover .contact-arrow{transform:none}}.footer{border-top:1px solid var(--border)}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding-block:2rem;display:flex}.footer-name{margin:0;font-size:.9375rem;font-weight:600}.footer-meta{color:var(--text-muted);font-family:var(--font-mono);align-items:center;gap:.6rem;margin:0;font-size:.75rem;display:flex}