:root{color-scheme:dark;--bg:#111314;--panel:#171a1c;--ink:#e8e9e5;--muted:#949b9d;--line:#2a2e30;--accent:#d8c9a9;font:14px Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.masthead{height:66px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand b{font-size:25px;letter-spacing:-3px}.brand>span{font-size:10px;letter-spacing:1.5px}.brand small{display:block;font-size:8px;color:var(--muted);margin-top:5px;letter-spacing:1.7px}nav{display:flex;gap:25px;font-size:12px;color:var(--muted)}nav [aria-current]{color:var(--ink)}main{max-width:1480px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:35px 4% 28px}.eyebrow{font:9px monospace;letter-spacing:1.5px;color:var(--accent)}h1{font-size:clamp(25px,2.5vw,36px);font-weight:400;letter-spacing:-1.2px;margin:13px 0}h1 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}.intro p:not(.eyebrow){font-size:12px;line-height:1.7;color:var(--muted);margin:0;max-width:710px}.story-link{font-size:12px;white-space:nowrap}.story-link span{display:block;font:8px monospace;color:var(--muted);letter-spacing:1px;margin-bottom:10px}.archive-strip{margin:0 4%;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:26px;font-size:11px;color:var(--muted)}.archive-strip strong{color:var(--ink);font-weight:500;margin-right:4px}.credit-line{margin-left:auto}.credit-line a{color:var(--accent)}.collection{padding:22px 4% 45px;scroll-margin-top:15px}.toolbar{display:flex;align-items:center;gap:20px}.search{display:flex;align-items:center;gap:10px;flex:1}.search>span{font-size:23px;color:var(--muted)}.search input{width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);font-size:13px;padding:12px 0;min-width:100px}.search kbd{border:1px solid var(--line);padding:2px 5px;color:var(--muted);font-size:10px}.select-label{display:flex;flex-direction:column;gap:6px;font-size:9px;color:var(--muted)}select{background:var(--bg);color:var(--ink);border:0;font-size:11px;padding:2px 14px 2px 0}.categories{display:flex;gap:17px;flex-wrap:wrap;margin-top:15px}.categories button{border:0;border-bottom:1px solid transparent;background:none;color:var(--muted);padding:8px 0;font-size:11px}.categories button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.results-line{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:10px monospace;margin:12px 0 6px}.quiet{background:none;border:0;color:var(--muted);font-size:10px;padding:6px 0}.project{border-top:1px solid var(--line);display:grid;grid-template-columns:32px minmax(0,1fr) 200px 150px;gap:16px;align-items:center;min-height:67px;padding:10px 0}.project:hover{background:#ffffff03}.project:last-child{border-bottom:1px solid var(--line)}.project-image{height:32px;width:32px;object-fit:contain;border-radius:2px}.placeholder{display:flex;align-items:center;justify-content:center;font:12px Georgia;color:#a7afb0;background:#202527}.project-title{font-size:15px;font-weight:400;border:0;background:none;color:var(--ink);padding:0;text-align:left;line-height:1.4}.project-title:hover{color:var(--accent)}.project-description{display:none}.project-id{display:block;font:9px monospace;letter-spacing:.5px;color:#80898d;margin-top:5px}.project-meta{display:grid;grid-template-columns:70px 1fr;gap:5px 14px;font:10px monospace;color:var(--muted)}.status{grid-row:1/3;align-self:center;font-size:8px;letter-spacing:.8px;color:#afc6b2}.status.pending{color:#a49a87}.project-actions{display:flex;align-items:center;justify-content:end;gap:20px}.project-actions button{font-size:11px;background:none;border:0;color:var(--ink);padding:0}.download{font-size:11px;color:var(--accent);white-space:nowrap}.empty{padding:40px 10px;text-align:center;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4%;font-size:9px;color:var(--muted)}footer>span{letter-spacing:1px}footer p{line-height:1.7}dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(670px,96vw);max-width:96vw;height:100dvh;max-height:100dvh;overflow-y:auto;border:0;border-left:1px solid var(--line);background:var(--panel);color:var(--ink);padding:0;box-shadow:-20px 0 60px #0005}dialog::backdrop{background:#080a0cb8;backdrop-filter:blur(4px)}body:has(dialog[open]){overflow:hidden}.dialog-top{position:sticky;top:0;background:#171a1cf5;z-index:2;padding:15px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:8px monospace;letter-spacing:1px}.icon-button{background:none;border:1px solid var(--line);color:var(--ink);border-radius:50%;height:28px;width:28px}.detail-head{padding:23px 25px 18px}.detail-hero{float:right;width:62px;height:62px;object-fit:contain;margin:0 0 12px 18px}.detail-head h2{font-size:27px;letter-spacing:-.7px;font-weight:400;margin:10px 0 16px;overflow-wrap:anywhere}.detail-sub{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font:10px monospace;line-height:1.7}.detail-tabs{display:flex;padding:0 25px;border-bottom:1px solid var(--line);gap:22px}.detail-tabs button{border:0;border-bottom:1px solid transparent;background:none;color:var(--muted);font-size:12px;padding:13px 0}.detail-tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent)}.detail-panel{padding:18px 25px 40px}.detail-panel h3{font-weight:400;font-size:18px;margin-top:25px}.prose{font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;color:#b8c0c2}.source-label{font:10px/1.6 monospace;color:var(--muted)}.id-line{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:15px 0}.id-line code{font-size:12px;color:var(--accent)}.small-button{border:1px solid var(--line);background:none;color:var(--ink);padding:5px 8px;font-size:10px;border-radius:3px}.dependency{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}.dependency strong{font-size:13px;font-weight:400}.dependency code{display:block;color:var(--muted);font-size:10px;margin-top:7px}.dependency a{font-size:11px;color:var(--accent)}.notice{border-left:1px solid var(--accent);padding:5px 0 5px 15px;margin:20px 0;font-size:13px;line-height:1.8}.notice strong{display:block}.historical summary{cursor:pointer;padding:14px 0;font-size:12px;color:var(--accent)}.historical pre{white-space:pre-wrap;font:11px/1.8 monospace;overflow-wrap:anywhere;color:#aeb6b8;max-height:420px;overflow:auto}.sha{overflow-wrap:anywhere;font:10px/1.8 monospace;color:var(--muted)}.detail-download{display:inline-block;border-bottom:1px solid var(--accent);color:var(--accent);padding:9px 0;font-size:12px;margin:10px 0}.text-link{display:inline-block;font-size:12px;color:var(--accent);margin:10px 0;padding-bottom:4px;border-bottom:1px solid var(--line)}.detail-panel[hidden]{display:none}.license-page{max-width:850px;margin:auto;padding:45px 4% 70px}.license-page h1{font-size:38px}.license-full{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.license-full pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.85 Arial;color:#b8c0c2}.story-layout{display:grid;grid-template-columns:210px minmax(0,700px);gap:65px;padding:40px 4% 70px;justify-content:center}.story-toc{position:sticky;top:25px;align-self:start;display:flex;flex-direction:column;gap:15px;font-size:11px;color:var(--muted)}.story-toc a:hover{color:var(--accent)}.story-reader h1{font-size:38px}.story-reader .story-lead{font:20px/1.6 Georgia;color:var(--accent)}.story-reader section{padding:24px 0;border-top:1px solid var(--line);scroll-margin-top:25px}.story-reader h2{font-size:22px;font-weight:400;margin:12px 0}.story-reader p{font-size:14px;line-height:1.9;color:#b8c0c2}.story-reader .chapter-label{font:9px monospace;letter-spacing:1px;color:var(--accent)}.story-reader .source-note{font-size:11px;color:var(--muted)}@media(max-width:900px){.intro{align-items:start}.intro h1 em{display:block}.project{grid-template-columns:28px minmax(0,1fr) 150px;gap:12px}.project-meta{display:none}.project-image{width:28px;height:28px}.story-layout{gap:30px;grid-template-columns:160px minmax(0,1fr)}}@media(max-width:600px){.masthead{height:62px;gap:12px}.brand>span{font-size:8px;letter-spacing:.6px}.brand small{font-size:7px}.brand b{font-size:22px}nav{gap:12px;font-size:10px}.intro{padding-top:25px;display:block}.intro h1{font-size:29px;line-height:1.3}.story-link{display:block;margin-top:18px;font-size:11px}.story-link span{display:inline;margin-right:12px}.archive-strip{gap:17px;flex-wrap:wrap;font-size:10px;padding:12px 0}.credit-line{margin-left:0;width:100%}.toolbar{flex-wrap:wrap;gap:12px}.search{flex-basis:100%}.select-label{flex:1}.categories{gap:7px 15px}.categories button{font-size:10px}.project{grid-template-columns:24px minmax(0,1fr) 70px;min-height:68px;gap:10px}.project-title{font-size:13px}.project-id{font-size:8px}.project-image{width:24px;height:24px}.project-actions{flex-direction:column;align-items:end;gap:8px}.project-actions button,.download{font-size:10px}.project-actions .source-label{font-size:8px}footer{flex-direction:column;align-items:start;gap:10px}.detail-head,.detail-panel{padding-left:20px;padding-right:20px}.detail-tabs{padding:0 20px;gap:17px}.detail-tabs button{font-size:11px}.story-layout{display:block;padding-top:25px}.story-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:12px;margin-bottom:30px}.story-toc .eyebrow{width:100%}.story-reader h1{font-size:32px}.story-reader .story-lead{font-size:18px}.story-reader p{font-size:13px}}@media(prefers-reduced-motion:no-preference){dialog[open]{animation:enter .18s ease-out}@keyframes enter{from{transform:translateX(25px);opacity:.5}to{transform:translateX(0);opacity:1}}}
@media(prefers-reduced-motion:no-preference){.intro{animation:rise .45s ease-out}.project{animation:rise .24s ease-out both;transition:background .2s}.project:nth-child(2){animation-delay:.025s}.project:nth-child(3){animation-delay:.05s}.project:nth-child(4){animation-delay:.075s}.project:nth-child(5){animation-delay:.1s}.project:nth-child(6){animation-delay:.125s}.project-title,.story-link,.download{transition:color .18s,transform .18s}.story-link:hover{transform:translateX(3px)}.detail-panel:not([hidden]){animation:rise .2s ease-out}.story-reader{animation:rise .4s ease-out}@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}.story-reader section:target{border-top-color:var(--accent)}
.project{grid-template-columns:32px minmax(0,1fr) 180px 210px}.project-id{display:inline-block;margin-right:14px}.row-workshop{display:inline-block;font-size:9px;color:var(--accent);margin-top:5px}.project-title{display:block}.project-actions{gap:16px}@media(max-width:900px){.project{grid-template-columns:28px minmax(0,1fr) 190px}}@media(max-width:600px){.project{grid-template-columns:24px minmax(0,1fr) 70px}.project-actions{gap:7px}.project-id{font-size:8px}.row-workshop{font-size:8px}}
/* OSAL cinematic entrance */
html{scroll-behavior:smooth}.masthead{position:relative;z-index:3;background:#111314dd}.cinematic{position:relative;min-height:min(760px,85svh);padding:70px 6% 95px;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1.2fr 1fr;background:radial-gradient(ellipse at 78% 48%,#29363b55,transparent 60%)}.cinematic:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 98%,#ffffff04 98%);background-size:100% 7px;z-index:-1}.cinematic h1{font-size:clamp(48px,5.7vw,82px);line-height:1.04;letter-spacing:-3px;margin:28px 0}.cinematic h1 em{display:block;margin-top:12px;font-size:.82em}.cinematic .hero-copy>p:not(.eyebrow){max-width:420px;font-size:15px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px;font-size:12px}.enter-library{padding:17px 20px;background:var(--ink);color:#111;display:flex;gap:40px;transition:background .2s,transform .2s}.enter-library:hover{background:var(--accent);transform:translateY(-3px);text-decoration:none}.hero-caption{font:8px monospace;letter-spacing:1.4px;color:var(--muted);margin-top:30px;display:flex;align-items:center;gap:10px}.live-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #d8c9a966}.logo-stage{position:relative;display:grid;place-items:center;padding:35px;min-width:0}.logo-stage img{width:100%;max-width:370px;mix-blend-mode:screen;position:relative;filter:drop-shadow(0 0 25px #ffffff08)}.logo-halo{position:absolute;width:105%;aspect-ratio:1;border:1px solid #ffffff0a;border-radius:50%;box-shadow:0 0 0 35px #ffffff02,0 0 0 75px #ffffff01}.coordinate{position:absolute;bottom:0;font:8px monospace;letter-spacing:3px;color:var(--muted)}.hero-bottom{position:absolute;bottom:26px;left:6%;right:6%;display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1.5px;color:var(--muted)}.orbital{position:absolute;inset:0;z-index:-1;overflow:hidden}.orbital i{position:absolute;width:700px;height:700px;border:1px solid #ffffff05;border-radius:50%;left:50%;top:-200px;transform:rotate(-25deg) scaleX(1.7)}.orbital i:nth-child(2){top:-130px}.orbital i:nth-child(3){top:-60px}.chapter-ribbon{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:35px 4%;color:var(--muted)}.chapter-ribbon>span{font:9px monospace;letter-spacing:2px}.chapter-ribbon em{font:clamp(18px,2vw,28px) Georgia;color:var(--accent)}.chapter-ribbon a{font-size:10px}.collection-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0}.collection-heading h2{font-size:28px;letter-spacing:-.7px;font-weight:400;margin:10px 0 28px}.project{transition:background .2s,box-shadow .2s!important}.project:hover{background:#ffffff06;box-shadow:inset 2px 0 var(--accent)}.project:hover .project-image{transform:scale(1.12)}.project-image{transition:transform .2s}.boot[hidden]{display:none}.boot{position:fixed;inset:0;z-index:100;background:#090b0d;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .6s,visibility .6s}.boot img{width:min(260px,50vw);mix-blend-mode:screen;animation:logo-arrive 1s ease both}.boot p{font:9px monospace;letter-spacing:2px;color:var(--accent);margin:35px 15px 20px;text-align:center}.boot>span{font:11px Georgia;color:var(--muted);margin-top:17px}.boot-track{width:210px;height:1px;background:#ffffff20;overflow:hidden}.boot-track i{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left;animation:boot-progress 2.4s ease both}.boot button{position:absolute;bottom:35px;background:none;border:0;color:var(--muted);font:10px monospace;padding:15px}.boot.leaving{opacity:0;visibility:hidden;pointer-events:none}.boot-active{overflow:hidden}@keyframes boot-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes logo-arrive{from{opacity:0;transform:translateY(12px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes breathe{50%{transform:translateY(-10px)}}@keyframes orbit{to{transform:rotate(335deg) scaleX(1.7)}}@media(prefers-reduced-motion:no-preference){.logo-stage img{animation:breathe 7s ease-in-out infinite}.orbital i{animation:orbit 100s linear infinite}.hero-copy{animation:logo-arrive 1s ease both}.chapter-ribbon,.collection-heading{animation:rise .7s ease both}dialog[open]{animation:enter .3s cubic-bezier(.2,.7,.2,1)}}@media(max-width:800px){.cinematic{min-height:680px;padding:45px 6% 80px;grid-template-columns:1.3fr 1fr;gap:12px}.cinematic h1{font-size:52px}.logo-stage{padding:0}.chapter-ribbon{flex-wrap:wrap}.chapter-ribbon a{width:100%}}@media(max-width:560px){.cinematic{display:flex;flex-direction:column-reverse;align-items:stretch;min-height:auto;padding:25px 6% 75px;gap:25px}.logo-stage{height:175px}.logo-stage img{width:155px}.logo-halo{width:190px}.coordinate{display:none}.cinematic h1{font-size:46px;letter-spacing:-2px;margin:20px 0}.cinematic .hero-copy>p:not(.eyebrow){font-size:13px}.hero-actions{gap:20px;margin-top:24px}.hero-caption{font-size:7px}.hero-bottom{font-size:7px;letter-spacing:.3px}.chapter-ribbon{padding:25px 6%;gap:14px}.collection-heading h2{font-size:24px}.collection-heading{align-items:flex-start}.collection-heading .quiet{font-size:9px;max-width:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.boot{display:none!important}}
.logo-stage{mix-blend-mode:screen}.boot img{filter:none}
.logo-stage img,.boot img{mask-image:url(/thumbnails/studio-logo.png);mask-mode:luminance;mask-size:100% 100%;mask-repeat:no-repeat}
.farewell-hero{text-align:center;padding:75px 6% 95px;background:radial-gradient(ellipse at 50% 20%,#31414944,transparent 65%);border-bottom:1px solid var(--line)}.farewell-hero>img{width:135px;mask-image:url(/thumbnails/studio-logo.png);mask-mode:luminance;mask-size:100% 100%;margin-bottom:30px}.farewell-hero h1{font-size:clamp(48px,7vw,96px);line-height:1.07;letter-spacing:-3px;margin:35px 0}.farewell-hero>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.8}.farewell-letter{max-width:690px;margin:auto;padding:100px 25px;scroll-margin-top:35px}.farewell-letter h2{font:400 clamp(30px,4vw,48px)/1.22 Georgia;color:var(--accent);margin:30px 0 50px}.farewell-letter p{font-size:16px;line-height:1.95;color:#b9c0c2;margin:25px 0}.farewell-letter strong{color:var(--ink);font-weight:400}.farewell-letter .eyebrow{font:9px monospace}.farewell-letter blockquote{margin:55px 0;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:italic 32px/1.5 Georgia;color:var(--accent)}.farewell-letter .farewell-signoff{font:24px/1.6 Georgia;color:var(--ink);margin-top:40px}.farewell-letter .signature{font:italic 20px Georgia;color:var(--accent);margin-top:40px}.thanks-roll{padding:60px 6%;border-top:1px solid var(--line);background:#15191b}.thanks-heading{display:flex;gap:35px;justify-content:space-between;align-items:end}.thanks-heading h2{font-size:clamp(32px,4vw,52px);font-weight:400;letter-spacing:-1.5px;line-height:1.18}.thanks-heading h2 em{font-family:Georgia;color:var(--accent)}.thanks-heading>p{max-width:310px;font-size:13px;line-height:1.8;margin-bottom:45px}.thanks-heading>p span{color:var(--muted);font-size:11px}.credit-search{max-width:440px;margin-bottom:20px}.credit-names{list-style:none;padding:30px 0 55px;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 25px}.credit-names li{padding:15px 0;min-width:0;overflow-wrap:anywhere;font-size:14px;color:#c9cece;border-bottom:1px solid #ffffff08;transition:color .2s,transform .2s}.credit-names li:hover{color:var(--accent);transform:translateX(4px)}.credit-names li[hidden]{display:none}.thanks-roll>.source-label{max-width:850px;line-height:1.9}.farewell-end{text-align:center;padding:100px 5%}.farewell-end h2{font:400 clamp(42px,6vw,76px) Georgia;margin:28px 0 40px}.farewell-end .enter-library{width:max-content;margin:0 auto 20px}.home-thanks{padding:65px 6%;border-top:1px solid var(--line);background:radial-gradient(ellipse at 80%,#29363b33,transparent 70%)}.home-thanks>a{display:block;font-size:clamp(25px,3vw,42px);letter-spacing:-1px;line-height:1.5}.home-thanks em{color:var(--accent);font-family:Georgia}.home-thanks span{display:block;margin-top:20px;font:11px Arial;letter-spacing:0;color:var(--muted)}@media(prefers-reduced-motion:no-preference){.farewell-hero>img{animation:logo-arrive 1.2s ease both}.farewell-hero h1{animation:rise 1s ease both}.farewell-letter{animation:rise .8s ease both}}@media(max-width:700px){.credit-names{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.credit-names li{font-size:12px}.thanks-heading{display:block}.farewell-letter{padding:60px 6%}.farewell-letter p{font-size:14px}.farewell-hero{padding:45px 6% 60px}.farewell-hero h1{letter-spacing:-2px}.farewell-hero>img{width:100px}.farewell-end{padding:70px 6%}.masthead nav{gap:10px}.brand>span{letter-spacing:.5px}}

.download-count{color:var(--accent);grid-column:2}.project-meta .status{grid-row:1/4}

.mobile-download-count{display:none}@media(max-width:900px){.mobile-download-count{display:inline-block;font:9px monospace;color:var(--accent);margin:5px 12px 0 0}}