@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--interview-max:1080px;--interview-pad:clamp(1rem, 4vw, 2rem);--primary:#9a7348;--primary-light:#c4a06a;--primary-dark:#7a5a38;--primary-soft:#9a73481f;--primary-muted:#9a73480f;--bg:#f6f1e8;--surface:#fffdf9;--surface-raised:#efe8dc;--border:#ddd2c0;--text:#2a241c;--muted:#7a7165;--accent:var(--primary);--accent-soft:var(--primary-soft);--glass:#fffdf96b;--shadow:#2a241c12;--serif:"Instrument Serif", Georgia, serif;--sans:"DM Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{min-height:100vh}.showcase{max-width:1400px;margin:0 auto;padding:4rem 2rem 6rem}.showcase__header{margin-bottom:3rem}.showcase__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem;font-size:.75rem}.showcase__title{font-family:var(--serif);margin:0 0 1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:400;line-height:1.05}.showcase__subtitle{color:var(--muted);max-width:540px;margin:0 0 2rem;font-size:1.1rem;line-height:1.6}.showcase__stats{flex-wrap:wrap;gap:1.5rem;display:flex}.showcase__stat{flex-direction:column;gap:.15rem;display:flex}.showcase__stat-count{font-family:var(--serif);font-size:1.75rem}.showcase__stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.showcase__controls{z-index:10;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1rem 0;display:flex;position:sticky;top:0}.showcase__search{border:1px solid var(--border);background:var(--surface);width:100%;max-width:400px;color:var(--text);border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.showcase__search:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.showcase__filters{flex-wrap:wrap;gap:.5rem;display:flex}.showcase__filters button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:.45rem .9rem;font-family:inherit;font-size:.8rem;transition:all .2s}.showcase__filters button:hover,.showcase__filters button.active{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-soft)}.showcase__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.motion-card{background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 3px var(--shadow);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.motion-card__preview{background:var(--surface-raised);justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.motion-card__shader,.shader-preview{width:100%;height:100%}.motion-card__demo-inner{font-family:var(--serif);text-align:center;color:var(--text);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;padding:1rem;font-size:1.5rem;display:flex}.motion-card__stagger-item{background:var(--accent-soft);border:1px solid var(--border);width:36px;height:36px;font-family:var(--sans);border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;display:flex}.motion-card__orb{background:radial-gradient(circle, var(--accent), transparent);opacity:.7;border-radius:50%;width:24px;height:24px}.motion-card__grain,.motion-card__noise{width:100%;height:100%;position:absolute;inset:0}.motion-card__panel{background:var(--border);border-radius:4px;flex-shrink:0;min-width:80px;padding:.5rem;font-size:.75rem}.motion-card__interactive{cursor:pointer;border:1px solid var(--border);border-radius:6px;padding:.5rem 1rem;font-family:var(--sans)!important;font-size:.9rem!important}.motion-card__meta{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem;display:flex}.motion-card__category{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:.7rem}.motion-card__name{font-family:var(--serif);margin:0;font-size:1.25rem;font-weight:400}.motion-card__desc{color:var(--muted);flex:1;margin:0;font-size:.85rem;line-height:1.5}.motion-card__tags{flex-wrap:wrap;gap:.35rem;display:flex}.motion-card__tag{background:var(--surface-raised);color:var(--muted);border-radius:4px;padding:.2rem .5rem;font-size:.65rem}.motion-card__replay{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;align-self:flex-start;margin-top:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;transition:background .2s}.motion-card__replay:hover{background:var(--accent-soft);border-color:var(--accent)}.catalog{width:100%}.catalog-nav{z-index:100;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:0 4px 24px var(--shadow);border-radius:12px;flex-direction:column;gap:.15rem;max-height:80vh;padding:.75rem;display:flex;position:fixed;top:50%;left:1rem;overflow-y:auto;transform:translateY(-50%)}.catalog-nav__brand{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:.25rem;padding:.25rem .5rem .5rem;font-size:.65rem}.catalog-nav__link{color:var(--muted);border-radius:6px;padding:.35rem .5rem;font-size:.75rem;text-decoration:none;transition:color .2s,background .2s}.catalog-nav__link:hover{color:var(--text);background:var(--accent-soft)}.catalog-divider{text-align:center;background:var(--bg);max-width:720px;margin:0 auto;padding:5rem 2rem 3rem}.catalog-section__title{font-family:var(--serif);margin:0 0 1rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:400}.catalog-section__desc{color:var(--muted);margin:0;line-height:1.6}.catalog-section__desc code{background:var(--surface-raised);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem;font-size:.85em}.catalog-intro__stats{justify-content:center;gap:2rem;margin:2rem 0;display:flex}.catalog-intro__stats div{flex-direction:column;gap:.15rem;display:flex}.catalog-intro__stats strong{font-family:var(--serif);font-size:2rem;font-weight:400}.catalog-intro__stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.catalog-motions{max-width:1400px;margin:0 auto;padding:4rem 2rem 6rem}.catalog-motions .showcase__controls{z-index:10;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:1.5rem;padding:1rem 0;position:sticky;top:0}.motion-grid__header{margin-bottom:2rem}@media (width<=900px){.catalog-nav{border-radius:12px 12px 0 0;flex-flow:wrap;justify-content:center;max-height:none;inset:auto 0 0;transform:none}.catalog-nav__brand{text-align:center;border-bottom:none;width:100%;margin:0;padding-bottom:0}}.page-stack{width:100%}.shader-page{isolation:isolate;width:100%;position:relative;overflow:hidden}.shader-page__canvas,.page-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.shader-page__canvas canvas{width:100%!important;height:100%!important}.shader-page__content{z-index:1;pointer-events:auto;perspective:900px;width:100%;max-width:720px;margin:0 auto;padding:6rem 2rem;position:relative}.shader-page--align-center .shader-page__content{min-height:inherit;flex-direction:column;justify-content:center;display:flex}.shader-page--align-start .shader-page__content{padding-top:8rem}.shader-page--immersive .shader-page__canvas{pointer-events:auto}.r3f-html-content{text-align:center;pointer-events:auto;width:min(720px,92vw);max-width:720px;color:var(--text);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb, var(--border) 60%, transparent);box-shadow:0 4px 24px var(--shadow);perspective:900px;border-radius:20px;padding:2.5rem 2rem;overflow:hidden}.shader-page--immersive .r3f-html-content .page-title,.shader-page--immersive .r3f-html-content .page-quote{text-shadow:0 1px 24px #fffdf9e6}.shader-page--dark-shader .shader-page__content{color:#fffdf9}.shader-page--dark-shader .shader-page__content .page-eyebrow{color:var(--primary-light)}.shader-page--dark-shader .shader-page__content .page-body,.shader-page--dark-shader .shader-page__content .page-lede,.shader-page--dark-shader .shader-page__content .page-cite{color:#fffdf9d1}.shader-page--dark-shader .shader-page__content .page-cta{color:#fffdf9;border-color:#fffdf959}.shader-page--dark-shader .shader-page__content .page-cta:hover{border-color:var(--primary-light);color:#fffdf9;background:#fffdf91f}.writing{will-change:transform;display:block}.r3f-html-content .writing--scroll-tilt,.r3f-html-content .writing--scroll-rotate,.r3f-html-content .writing--scroll-rise{transform-style:flat}.writing--scroll-tilt,.writing--scroll-rotate,.writing--scroll-rise{transform-style:preserve-3d}.writing--scroll-rotate.page-quote{transform-origin:12% 60%}.writing--scroll-tilt.page-title,.writing--scroll-tilt.page-heading{transform-origin:50% 100%}.writing--scroll-drift.page-lede,.writing--scroll-drift.page-body{transform-origin:50%}.writing--float{transform-origin:50%}.page-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 1.5rem;font-size:.75rem}.page-title{font-family:var(--serif);margin:0 0 1.5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;line-height:1.05}.page-lede{color:var(--muted);margin:0;max-width:480px;margin-inline:auto;font-size:1.15rem;line-height:1.6}.page-heading{font-family:var(--serif);margin:0 0 1.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.1}.page-body{color:color-mix(in srgb, var(--text) 85%, var(--muted));margin:0;font-size:1.1rem;line-height:1.75}.page-quote{font-family:var(--serif);border:none;margin:0 0 1.5rem;padding:0;font-size:clamp(1.75rem,4vw,2.75rem);font-style:italic;line-height:1.25}.page-cite{color:var(--muted);font-size:.9rem;font-style:normal}.page-cta{border:1px solid var(--border);color:var(--text);border-radius:999px;margin-top:2rem;padding:.75rem 1.5rem;font-size:.9rem;text-decoration:none;transition:background .2s,border-color .2s;display:inline-block}.page-cta:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark)}.principles-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:2rem;display:grid}.principle-card{background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 8px var(--shadow);border-radius:12px;padding:1.5rem}.principle-card__index{color:var(--accent);letter-spacing:.1em;font-size:.7rem}.principle-card h3{font-family:var(--serif);margin:.5rem 0;font-size:1.35rem;font-weight:400}.principle-card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.shader-page--dark-shader .principle-card{background:#fffdf9eb}.interview{background:var(--bg)}.interview .shader-page__content.interview-section,.interview .shader-page__content.passage-row__shader-wrap{z-index:1;width:100%;max-width:none;margin:0;padding:0;position:relative}.interview-shell{width:100%;max-width:var(--interview-max);padding-inline:var(--interview-pad);margin:0 auto}.interview-nav{z-index:100;background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:.25rem;padding:.65rem 1.25rem;display:flex;position:fixed;top:0;left:0;right:0;overflow-x:auto}.interview-nav__home{font-family:var(--serif);color:var(--text);white-space:nowrap;margin-right:.75rem;font-size:1rem;text-decoration:none}.interview-nav__link{color:var(--muted);white-space:nowrap;border-radius:6px;padding:.35rem .65rem;font-size:.75rem;text-decoration:none}.interview-nav__link:hover{color:var(--primary-dark);background:var(--primary-muted)}.interview-nav__muted{margin-left:auto}.interview-section{padding-block:2.5rem}.interview-hero-layered{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;max-width:none!important;padding:5.5rem var(--interview-pad) 3rem!important}.interview-hero-layered .r3f-html-content{margin:0 auto}.interview-hero-layered .interview-hero__note{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);text-align:center;margin-top:1.25rem;max-width:520px;margin-inline:auto;padding-top:1rem}.interview-hero__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin:0 0 1rem;font-size:.72rem}.interview-hero__title{font-family:var(--serif);margin:0 0 1.25rem;font-size:clamp(2.75rem,7vw,4.25rem);font-weight:400;line-height:1.02}.interview-hero__meta{color:var(--muted);margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.interview-hero__note{color:color-mix(in srgb, var(--text) 70%, var(--muted));border-top:1px solid var(--border);margin:0;padding-top:1rem;font-size:.9rem;line-height:1.65}.interview-passages{z-index:5;background:var(--bg);padding-bottom:4rem;position:relative}.interview .shader-page .shader-page__content{z-index:10;position:relative}.interview .shader-page .shader-page__canvas{z-index:0;pointer-events:none}.passage-row__shader-wrap{padding-block:2.5rem}.act{padding:0 0 .5rem}.passage-row .act:first-child{padding-top:0}.act__label{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0 0 .5rem;font-size:.7rem}.act__title{font-family:var(--serif);margin:0 0 1.75rem;font-size:1.65rem;font-weight:400;line-height:1.2}.act__dialogue{flex-direction:column;gap:1.1rem;display:flex}.turn{margin:0;font-size:1.02rem;line-height:1.7}.turn__speaker{letter-spacing:.1em;text-transform:uppercase;color:var(--primary-dark);margin-bottom:.25rem;font-size:.68rem;font-weight:600;display:block}.turn[data-speaker=Josh] .turn__speaker{color:#5a6b7d}.turn[data-speaker=Rae] .turn__speaker{color:#6b5a7d}.turn__text{color:var(--text)}.passage-row{align-items:start;gap:clamp(1.5rem,4vw,3rem);width:100%;display:grid}@media (width>=820px){.passage-row{grid-template-columns:minmax(180px,260px) minmax(0,1fr)}.passage-row--art-right{grid-template-columns:minmax(0,1fr) minmax(180px,260px)}.passage-row--art-right .art-panel{grid-area:1/2}.passage-row--art-right .passage-row__text{grid-area:1/1}.passage-row--art-left .art-panel{grid-column:1}.passage-row--art-left .passage-row__text{grid-column:2}}.passage-row__text{z-index:20;background:var(--surface);opacity:1;visibility:visible;border:1px solid var(--border);min-width:0;box-shadow:0 4px 28px var(--shadow);color:var(--text);border-radius:6px;padding:2.25rem 2.5rem;position:relative}.passage-row--art-right .passage-row__text,.passage-row--art-left .passage-row__text{justify-self:stretch}.interview .shader-page--dark-shader .passage-row__text,.interview .shader-page--dark-shader .interview-hero{color:var(--text)}.interview .shader-page--dark-shader .passage-row__text .page-eyebrow,.interview .shader-page--dark-shader .interview-hero .page-eyebrow,.interview .shader-page--dark-shader .passage-row__text .act__label{color:var(--primary)}.interview .shader-page--dark-shader .passage-row__text .page-heading,.interview .shader-page--dark-shader .passage-row__text .page-body,.interview .shader-page--dark-shader .passage-row__text .page-lede,.interview .shader-page--dark-shader .passage-row__text .turn__text,.interview .shader-page--dark-shader .interview-hero .page-title,.interview .shader-page--dark-shader .interview-hero .page-lede,.interview .shader-page--dark-shader .interview-hero .page-body{color:var(--text)}.interview .shader-page--dark-shader .passage-row__text .turn__speaker{color:var(--primary-dark)}.interview .shader-page--dark-shader .passage-row__text .turn[data-speaker=Josh] .turn__speaker{color:#5a6b7d}.interview .shader-page--dark-shader .passage-row__text .turn[data-speaker=Rae] .turn__speaker{color:#6b5a7d}.art-panel{position:sticky;top:5.5rem}.art-panel__piece{will-change:transform;transform-origin:50%}.art-panel__work{aspect-ratio:273/364;width:100%;height:auto;max-height:min(58vh,480px);box-shadow:0 14px 40px var(--shadow);border:1px solid var(--border);background-repeat:no-repeat;border-radius:3px}.art-panel__photo{box-shadow:0 14px 40px var(--shadow);border:4px solid var(--surface);border-radius:3px;overflow:hidden}.art-panel__photo img{vertical-align:middle;width:100%;height:auto;display:block}@media (width<=819px){.passage-row{grid-template-columns:1fr}.passage-row--art-right .art-panel,.passage-row--art-left .art-panel{order:-1;max-width:260px;margin:0 auto;position:relative;top:auto}.passage-row__text{max-width:100%;justify-self:stretch!important}}.closing-summary{padding:0}.closing-summary__p{color:color-mix(in srgb, var(--text) 88%, var(--muted));margin:0 0 1.15rem;font-size:1.02rem;line-height:1.75}.closing-summary__signoff{font-family:var(--serif);color:var(--primary-dark);margin:1.75rem 0 0;font-size:1.1rem}.page-cta--ghost{color:var(--muted);background:0 0}.page-cta--ghost:hover{color:var(--primary-dark);background:var(--primary-muted)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}