/* Project websites share a careful layout, not an embedded app. */
:root{--paper:#f5f4ee;--ink:#1f2d32;--muted:#5b6a6d;--line:#cdd3cc;--accent:#204f5a;--on-accent:#fff;--panel:#eceee8;--display:Georgia,'Times New Roman',serif;color-scheme:light;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;left:16px;top:-60px;padding:12px;background:var(--ink);color:var(--paper);z-index:10}.skip-link:focus{top:12px}
:root[data-theme=lola]{--paper:#f6f0df;--ink:#302c21;--muted:#706346;--line:#d4c7aa;--accent:#554f2d;--panel:#eae3cd}
:root[data-theme=solitaire]{--paper:#163c30;--ink:#f4edd7;--muted:#c0d2bc;--line:#456454;--accent:#eed9a0;--on-accent:#163c30;--panel:#214b3a;color-scheme:dark}
:root[data-theme=focus]{--paper:#eeefe7;--ink:#233d35;--muted:#597063;--line:#c2cbbf;--accent:#375848;--panel:#e0e7d9;--display:Arial,Helvetica,sans-serif}
:root[data-theme=cinema]{--paper:#121723;--ink:#edf2fa;--muted:#aebdd1;--line:#334155;--accent:#b3caf9;--on-accent:#142239;--panel:#1b2435;--display:Arial,Helvetica,sans-serif;color-scheme:dark}
:root[data-theme=studio]{--paper:#f3f5f3;--ink:#15334d;--muted:#51677b;--line:#c5d0d9;--accent:#18496f;--panel:#e5ecef;--display:Arial,Helvetica,sans-serif}
:root[data-theme=court]{--paper:#151515;--ink:#f8f4e7;--muted:#c8c2b4;--line:#484331;--accent:#e5bb5b;--on-accent:#171715;--panel:#20201b;--display:Arial,Helvetica,sans-serif;color-scheme:dark}
:root[data-theme=audio]{--paper:#231f29;--ink:#f3dfd2;--muted:#c8aba6;--line:#52434e;--accent:#e9b392;--on-accent:#251f27;--panel:#302932;color-scheme:dark}
.product-header{max-width:1200px;margin:0 auto;padding:25px 34px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.product-wordmark{text-decoration:none;font:700 22px var(--display);letter-spacing:-.6px}.product-header nav{display:flex;gap:25px;font-size:12px}.product-header nav a{text-decoration:none}.product-header nav a:hover{text-decoration:underline;text-underline-offset:5px}
.product-hero{max-width:1000px;margin:0 auto;padding:74px 34px 52px;text-align:center}.site-eyebrow{font:700 10px/1.7 Arial,sans-serif;letter-spacing:2px;color:var(--muted)}.product-hero h1{font:500 clamp(40px,6.7vw,82px)/1.04 var(--display);letter-spacing:-2.7px;margin:23px 0}.product-intro{font:17px/1.75 Arial,sans-serif;max-width:650px;margin:24px auto;color:var(--muted)}.product-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:26px;margin:28px 0 13px}.site-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;text-decoration:none;padding:17px 24px;border:1px solid var(--accent);font:700 13px/1.4 Arial,sans-serif;border-radius:3px;min-height:50px}.site-button.primary{background:var(--accent);color:var(--on-accent)}.site-button:hover{filter:brightness(1.08)}.secondary-link{font:13px Arial,sans-serif;text-underline-offset:5px}.launch-note{font:11px/1.7 Arial,sans-serif;max-width:620px;margin:16px auto;color:var(--muted)}
.product-preview{margin:8px auto 0;width:calc(100% - 68px);max-width:1132px}.preview-chrome{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--panel);border:1px solid var(--line);padding:11px 15px;border-radius:7px 7px 0 0;font:10px/1.4 Arial,sans-serif}.preview-chrome>span:first-child{font-size:9px;letter-spacing:3px;opacity:.5}.product-preview>img{width:100%;height:auto;aspect-ratio:auto 12/7;object-fit:contain;border:1px solid var(--line);border-top:0;background:var(--panel)}.product-preview figcaption{margin:0;padding:12px 2px;font:11px/1.65 Arial,sans-serif;color:var(--muted)}
.product-features{max-width:1132px;margin:55px auto 70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}.product-features article{border-top:1px solid var(--line);padding-top:21px}.feature-index{font:11px monospace;color:var(--muted)}.product-features h3{font:700 23px/1.2 var(--display);letter-spacing:-.4px;margin:19px 0 12px}.product-features p{font:14px/1.8 Arial,sans-serif;color:var(--muted);margin:0}
.product-story{max-width:1200px;margin:0 auto;padding:60px 34px;background:var(--panel);display:grid;grid-template-columns:1fr 1fr;gap:80px;border-block:1px solid var(--line)}.product-story h2{font:500 38px/1.15 var(--display);letter-spacing:-1px;margin:17px 0}.product-story>div>p:not(.site-eyebrow){font:16px/1.85 Arial,sans-serif;color:var(--muted)}.product-story .project-stack{font-size:11px!important;padding-top:18px;border-top:1px solid var(--line)}
.product-next{max-width:1132px;margin:0 auto;padding:60px 0;display:flex;justify-content:space-between;align-items:center;gap:35px}.product-next h2{font:500 36px/1.15 var(--display);margin:12px 0}.product-next p:not(.site-eyebrow){font:13px/1.75 Arial,sans-serif;color:var(--muted);max-width:570px}.product-next .site-button{flex-shrink:0}.related-projects{max-width:1132px;margin:0 auto 60px;border-top:1px solid var(--line);padding-top:24px;display:flex;gap:24px;flex-wrap:wrap;align-items:center}.related-projects h2{font:700 12px Arial,sans-serif;margin-right:auto}.related-projects a{display:flex;gap:25px;font:13px Arial,sans-serif;text-underline-offset:5px}.product-footer{max-width:1200px;margin:0 auto;padding:24px 34px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font:11px/1.7 Arial,sans-serif;color:var(--muted)}
@media(max-width:1200px){.product-features,.product-next,.related-projects{margin-left:34px;margin-right:34px}}@media(max-width:700px){.product-header{padding:19px 20px;gap:14px;align-items:flex-start}.product-wordmark{font-size:18px;max-width:52%}.product-header nav{gap:13px;font-size:11px;flex-wrap:wrap;justify-content:flex-end}.product-header nav a:first-child{display:none}.product-hero{padding:38px 22px 28px}.product-hero h1{font-size:clamp(38px,9.5vw,59px);letter-spacing:-1.7px}.product-intro{font-size:15px;margin:20px auto}.product-actions{gap:20px;margin-top:24px}.site-button{padding:14px 20px;font-size:12px}.product-preview{width:calc(100% - 28px)}.preview-chrome{font-size:9px;padding:9px}.product-preview figcaption{font-size:10px;padding:10px 6px}.product-features{grid-template-columns:1fr;gap:26px;margin:30px 22px 42px}.product-features article{padding-top:15px}.product-features h3{font-size:23px;margin:12px 0}.product-story{padding:35px 22px;grid-template-columns:1fr;gap:10px}.product-story h2{font-size:32px}.product-story>div>p:not(.site-eyebrow){font-size:15px}.product-next{margin:0;padding:35px 22px;flex-direction:column;align-items:flex-start;gap:15px}.product-next h2{font-size:30px}.related-projects{margin:10px 22px 35px;display:grid;gap:18px}.related-projects h2{margin:0}.product-footer{padding:22px;flex-wrap:wrap;gap:13px}.product-footer>span{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{animation:none!important}}