@font-face{font-family:'Cormorant Garamond';font-weight:500;font-style:normal;font-display:swap;src:url(fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:500;font-style:italic;font-display:swap;src:url(fonts/cormorant-garamond-latin-500-italic.woff2) format('woff2')}
@font-face{font-family:'Jost';font-weight:300;font-style:normal;font-display:swap;src:url(fonts/jost-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Jost';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/jost-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Jost';font-weight:500;font-style:normal;font-display:swap;src:url(fonts/jost-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Jost';font-weight:600;font-style:normal;font-display:swap;src:url(fonts/jost-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Jost';font-weight:800;font-style:normal;font-display:swap;src:url(fonts/jost-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-style:normal;font-display:swap;src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:600;font-style:normal;font-display:swap;src:url(fonts/ibm-plex-mono-latin-600-normal.woff2) format('woff2')}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#10131a;color:#efe7d8;font-family:'Jost','Futura','Avenir Next','Century Gothic',system-ui,sans-serif;}
img{max-width:100%}
a{color:inherit}
a:hover{text-decoration-thickness:2px}
.btn:hover{filter:brightness(1.1);text-decoration:underline;text-underline-offset:5px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8ea8d6;outline-offset:3px}
.skip:focus{top:12px !important}
@media (min-width:900px){.navlist{justify-content:center}}
@media (max-width:860px){.span-mob{grid-column:1 / -1 !important}.g12{grid-template-columns:minmax(0,1fr) !important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
dialog.lb{padding:0;border:1px solid #454d5c;background:#0b0d12;color:#efe7d8;width:96vw;max-width:2200px;max-height:94vh}
dialog.lb::backdrop{background:rgba(5,6,9,.88)}
.lb-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px 10px 18px;border-bottom:1px solid #2b3240;position:sticky;top:0;background:#0b0d12}
.lb-cap{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:13px;color:#b9b1a2}
.lb-close{min-width:44px;min-height:44px;background:none;border:1px solid #454d5c;color:#efe7d8;font-family:'Jost','Futura','Avenir Next','Century Gothic',system-ui,sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;padding:0 14px}
.lb-body{overflow:auto;max-height:calc(94vh - 66px)}
.lb-body img{display:block;width:100%;height:auto;min-width:1100px}

/* Actual-engine audio examples: native accessible controls, no autoplay. */
.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;min-width:0}
.audio-demo{margin:0;min-width:0;padding:18px;border:1px solid #454d5c;background:#141820;color:#efe7d8}
.audio-demo figcaption{display:grid;gap:8px;font-family:Jost,system-ui,sans-serif}
.audio-demo strong{font-size:17px;font-weight:500;line-height:1.35}
.audio-demo figcaption span,.demo-note{font:13px/1.6 Jost,system-ui,sans-serif;color:#b9b1a2}
.audio-demo audio{display:block;width:100%;min-width:0;margin-top:16px;color-scheme:dark}
.demo-note{margin:16px 0 0}
.collection-grid{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.collection-grid li{display:grid;gap:6px;padding:18px;border-top:1px solid #bcb5a6}
.collection-grid span,.collection-grid small{font:12px/1.5 'IBM Plex Mono',monospace;color:#635d52}
.collection-grid strong{font:500 18px/1.4 Jost,system-ui,sans-serif;color:#14161b}

.demo-timeline{font:12px/1.6 Jost,system-ui,sans-serif;color:#b9b1a2}.demo-timeline summary{cursor:pointer;padding:6px 0;color:#efe7d8}.demo-timeline ol{padding-left:18px;margin:4px 0}.demo-timeline li{margin:5px 0}.demo-timeline span{font-family:"IBM Plex Mono",monospace;color:#8bbba8}

.preview-notice{padding:12px clamp(20px,5vw,56px);background:#233b35;color:#efe7d8;text-align:center;font:14px/1.5 Jost,system-ui,sans-serif;border-bottom:1px solid #456157}.preview-notice strong{font-weight:600}a[aria-disabled="true"]{cursor:default;pointer-events:none}