.retro-os{--os-paper:#f6f5ef;--os-ink:#161714;--os-muted:#676860;--os-line:#a5a69b;--os-scale:1;box-sizing:border-box;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative;background:var(--os-paper);color:var(--os-ink);font:calc(15px * var(--os-scale))/1.4 "Courier New",Courier,monospace;text-align:left;isolation:isolate;color-scheme:light;user-select:none;container-type:size;container-name:retro-screen;-webkit-font-smoothing:initial}
.retro-os *{box-sizing:border-box}.retro-os button,.retro-os a,.retro-os input,.retro-os canvas{font:inherit;touch-action:manipulation}.retro-os button{color:inherit;cursor:pointer;background:none;border:0;padding:0}.retro-os a{color:inherit;text-decoration:none}.retro-os button:disabled{opacity:.35;cursor:default}.retro-os button:focus-visible,.retro-os a:focus-visible,.retro-os input:focus-visible,.retro-os canvas:focus-visible{outline:2px dotted currentColor;outline-offset:3px}.retro-os h1,.retro-os h2,.retro-os h3,.retro-os p,.retro-os dl{margin:0}.retro-os [hidden]{display:none!important}.retro-os svg{flex-shrink:0}.retro-os img{display:block;max-width:100%}.retro-os .os-icon{width:2em;height:1.9em}.retro-os.os-crt:after{content:"";position:absolute;z-index:30;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#00000006 0,#00000006 1px,transparent 1px,transparent 4px);opacity:.5}.retro-os.os-high-contrast{--os-paper:#fff;--os-ink:#000;--os-muted:#222;--os-line:#333}.retro-os.os-high-contrast.os-crt:after{display:none}
.retro-os .os-menubar{height:2.6em;min-height:34px;display:flex;align-items:stretch;flex-shrink:0;border-bottom:2px solid var(--os-ink);padding:0 .7em;background:var(--os-paper);position:relative;z-index:15;gap:.5em;white-space:nowrap}.retro-os .os-brand{font-size:1.18em;font-weight:700;letter-spacing:-.055em;padding:0 .2em}.retro-os .os-main-menu{display:flex;align-items:stretch;margin-left:.25em}.retro-os .os-main-menu>button{padding:0 .55em}.retro-os .os-main-menu>button:hover,.retro-os .os-brand:hover,.retro-os .os-main-menu>button.is-open,.retro-os .os-brand.is-open{background:var(--os-ink);color:var(--os-paper)}.retro-os .os-system-name{font-size:.82em;font-weight:700;margin-left:auto;align-self:center;letter-spacing:-.035em}.retro-os .os-clock{font-size:.82em;align-self:center;margin-left:.45em;font-weight:700}
.retro-os .os-menu-layer{position:absolute;z-index:25;inset:2.6em 0 auto;min-height:0}.retro-os .os-dropdown{position:absolute;top:0;width:230px;max-width:calc(100% - 8px);background:var(--os-paper);border:2px solid;box-shadow:4px 4px 0 var(--os-ink);padding:.3em 0}.retro-os .os-dropdown button{display:block;width:100%;text-align:left;padding:.45em .8em;font-size:.95em}.retro-os .os-dropdown button:hover,.retro-os .os-dropdown button:focus{background:var(--os-ink);color:var(--os-paper);outline:0}
.retro-os .os-workspace{flex:1;min-height:0;padding:12px;position:relative;outline:none;overflow:hidden;background-image:radial-gradient(#57584f35 .65px,transparent .65px);background-size:7px 7px}.retro-os .os-taskbar{height:2.65em;min-height:34px;border-top:2px solid;display:flex;align-items:stretch;flex-shrink:0;position:relative;z-index:12;background:var(--os-paper);white-space:nowrap}.retro-os .os-taskbar button{display:flex;align-items:center;gap:.55em;padding:0 .75em;font-weight:700}.retro-os .os-taskbar button:hover{background:var(--os-ink);color:var(--os-paper)}.retro-os .os-taskbar .os-icon{width:1.6em;height:1.6em}.retro-os .os-tv-button{margin-left:auto;border-left:2px solid!important}.retro-os .os-location{align-self:center;max-width:35%;overflow:hidden;text-overflow:ellipsis;font-size:.75em;color:var(--os-muted);padding:0 .5em}.retro-os .os-notice{position:absolute;z-index:50;bottom:3.4em;left:50%;transform:translateX(-50%);background:var(--os-ink);color:var(--os-paper);padding:.6em 1em;max-width:90%;font-size:.9em;text-align:center;box-shadow:3px 3px 0 #888}
.retro-os .os-desktop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));width:min(100%,560px);height:calc(100% - 2.8em);margin:auto;gap:1em 3.2em;padding:1.1em 1.8em}.retro-os .os-desktop-item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.4em;min-height:0}.retro-os .os-desktop-item>.os-icon{width:5.2em;height:4.9em;filter:drop-shadow(3px 3px 0 var(--os-ink));background:var(--os-paper)}.retro-os .os-desktop-item>span{font-size:1.15em;font-weight:700;padding:0 .35em;line-height:1.15;background:var(--os-paper)}.retro-os .os-desktop-item>small{display:none;font-size:.8em}.retro-os .os-desktop-item:hover>span,.retro-os .os-desktop-item.is-selected>span{background:var(--os-ink);color:var(--os-paper)}.retro-os .os-desktop-signature{text-align:center;font-size:.83em;font-weight:700;padding:.3em 0}.retro-os .os-desktop-signature span{display:block;color:var(--os-muted);font-size:.9em;font-weight:400}
.retro-os[data-layout=list] .os-desktop{display:flex;flex-direction:column;padding:1em 1.5em;gap:0;max-width:520px}.retro-os[data-layout=list] .os-desktop-item{flex:1;min-height:2.7em;flex-direction:row;justify-content:flex-start;gap:1em;border-bottom:1px solid var(--os-line);padding:.35em}.retro-os[data-layout=list] .os-desktop-item:last-child{border:0}.retro-os[data-layout=list] .os-desktop-item>.os-icon{width:2.3em;height:2.2em;filter:none}.retro-os[data-layout=list] .os-desktop-item>small{display:block;margin-left:auto;color:var(--os-muted)}
.retro-os .os-window{height:100%;width:100%;background:var(--os-paper);border:2px solid;box-shadow:4px 4px 0 var(--os-ink);display:flex;flex-direction:column;overflow:hidden;position:relative;min-height:0}.retro-os .os-titlebar{height:2.25em;min-height:29px;display:flex;align-items:center;gap:.5em;padding:0 .4em;border-bottom:2px solid;flex-shrink:0;background:repeating-linear-gradient(to bottom,var(--os-paper) 0,var(--os-paper) 2px,#85877e 2px,#85877e 3px)}.retro-os .os-titlebar>.os-icon{width:1.5em;height:1.5em;background:var(--os-paper)}.retro-os .os-titlebar h1{font-size:1.05em;font-weight:700;line-height:1.25;padding:0 .4em;background:var(--os-paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retro-os .os-window-controls{display:flex;gap:4px;margin-left:auto;flex-shrink:0}.retro-os .os-window-controls button{width:1.45em;height:1.45em;min-width:22px;min-height:22px;display:flex;align-items:center;justify-content:center;background:var(--os-paper);border:2px solid;font-weight:700;font-size:1.1em;line-height:1}.retro-os .os-window-controls button:hover{background:var(--os-ink);color:var(--os-paper)}.retro-os .os-window-content{flex:1;min-height:0;overflow:auto;outline:none;padding:1em;scrollbar-color:var(--os-ink) var(--os-paper);scrollbar-width:thin;overscroll-behavior:contain;user-select:text}.retro-os .os-window-content:focus-visible{outline:2px dotted var(--os-muted);outline-offset:-5px}.retro-os .os-window-content::-webkit-scrollbar{width:12px;height:12px}.retro-os .os-window-content::-webkit-scrollbar-track{background:repeating-linear-gradient(45deg,var(--os-paper) 0,var(--os-paper) 2px,#b9bbb1 2px,#b9bbb1 3px);border-left:1px solid}.retro-os .os-window-content::-webkit-scrollbar-thumb{background:var(--os-paper);border:2px solid}.retro-os .os-window-content::-webkit-scrollbar-button{display:block;height:13px;background:var(--os-paper);border:1px solid}.retro-os .os-pathbar,.retro-os .os-browser-toolbar{display:flex;align-items:center;gap:.5em;padding:.4em .6em;border-bottom:2px solid;flex-shrink:0;min-height:2.6em}.retro-os .os-pathbar>span{font-size:.86em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.retro-os .os-small-button{display:inline-flex;align-items:center;justify-content:center;min-width:1.8em;height:1.7em;border:1.5px solid;font-size:1.05em;font-weight:700;background:var(--os-paper);flex-shrink:0}.retro-os .os-small-button:hover{background:var(--os-ink);color:var(--os-paper)}.retro-os .os-layout-switch{display:flex;gap:.35em;margin-left:auto;flex-shrink:0}.retro-os .os-layout-switch button{font-size:1.5em;border:1px solid;width:1.35em;line-height:1.1}.retro-os .os-layout-switch button[aria-pressed=true]{background:var(--os-ink);color:var(--os-paper)}.retro-os .os-window-footer{flex-shrink:0;display:flex;border-top:2px solid;min-height:2.7em}.retro-os .os-window-footer button{display:flex;align-items:center;gap:.5em;padding:.35em .8em;width:50%;font-size:.9em;font-weight:700;text-align:left}.retro-os .os-window-footer button+button{border-left:2px solid}.retro-os .os-window-footer button:hover{background:var(--os-ink);color:var(--os-paper)}.retro-os .os-window-footer .os-icon{width:1.6em;height:1.6em}.retro-os .os-window-footer button>span:last-child{margin-left:auto}.retro-os .os-window-footer strong{font-size:.8em;margin-left:.2em;border:1px solid;padding:0 .3em}
.retro-os .os-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1em 1.2em}.retro-os .os-project-card{display:block;text-align:left;min-width:0}.retro-os .os-cover-frame{display:block;border:2px solid;position:relative;overflow:hidden;aspect-ratio:1.95}.retro-os .os-case-cover{width:100%;object-fit:cover;aspect-ratio:1.95;border:1px solid var(--os-ink);background:#ddd}.retro-os .os-cover-frame .os-case-cover{height:100%;border:0;aspect-ratio:auto}.retro-os .os-cover-index{position:absolute;right:4px;bottom:4px;background:var(--os-paper);border:1px solid;padding:0 .3em;font-size:.75em;font-weight:700}.retro-os .os-project-card-label{display:flex;align-items:flex-start;gap:.4em;padding:.35em .1em}.retro-os .os-project-card-label .os-icon{width:1.8em;height:1.6em}.retro-os .os-project-card-label strong{font-size:1em;line-height:1.15;display:block}.retro-os .os-project-card-label small{font-size:.8em;line-height:1.15;display:block;margin-top:.12em;color:var(--os-muted)}.retro-os .os-project-card:hover .os-project-card-label,.retro-os .os-project-card.is-selected .os-project-card-label{background:var(--os-ink);color:var(--os-paper)}.retro-os .os-project-card:hover small,.retro-os .os-project-card.is-selected small{color:inherit}.retro-os[data-layout=list] .os-project-grid{grid-template-columns:1fr;gap:.6em}.retro-os[data-layout=list] .os-project-card{display:grid;grid-template-columns:7em 1fr;align-items:center;gap:.75em;border-bottom:1px solid var(--os-line);padding-bottom:.6em}.retro-os[data-layout=list] .os-project-card .os-project-card-label{padding:.4em}.retro-os[data-layout=list] .os-project-card .os-cover-frame{aspect-ratio:1.95}
.retro-os .os-case-window .os-window-content{padding:0}.retro-os .os-case-layout{display:grid;grid-template-columns:9em minmax(0,1fr);min-height:100%}.retro-os .os-case-tabs{border-right:2px solid;padding:.5em .25em;display:flex;flex-direction:column;gap:.2em;background:var(--os-paper)}.retro-os .os-case-tabs button{display:flex;align-items:center;gap:.45em;text-align:left;font-size:.9em;padding:.6em .4em}.retro-os .os-case-tabs button .os-icon{width:1.7em;height:1.7em}.retro-os .os-case-tabs button:hover,.retro-os .os-case-tabs button[aria-current=page]{background:var(--os-ink);color:var(--os-paper)}.retro-os .os-case-body{min-width:0;padding:1em}.retro-os .os-case-body>h2,.retro-os .os-demo-page>h2{font-size:1.45em;line-height:1.2;letter-spacing:-.045em;margin:.55em 0 .8em}.retro-os .os-status{display:flex;align-items:center;gap:.4em;margin:.65em 0;font-size:.8em;font-weight:700}.retro-os .os-project-facts{display:flex;flex-direction:column;gap:.7em;font-size:.91em;line-height:1.45;margin:0 0 1.2em}.retro-os .os-project-facts>div{display:grid;grid-template-columns:4.7em 1fr;gap:.7em}.retro-os .os-project-facts dt{color:var(--os-muted)}.retro-os .os-project-facts dd{margin:0;overflow-wrap:anywhere}.retro-os .os-actions{display:flex;gap:.6em;align-items:stretch;flex-wrap:wrap;margin:1em 0 .25em}.retro-os .os-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;border:1.5px solid!important;background:var(--os-paper)!important;padding:.45em .7em!important;min-height:2.4em;box-shadow:2px 2px 0 var(--os-ink);font-size:.9em;font-weight:700;line-height:1.3}.retro-os .os-button:hover{background:var(--os-ink)!important;color:var(--os-paper)!important}.retro-os .os-button:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--os-ink)}.retro-os .os-button-dark{background:var(--os-ink)!important;color:var(--os-paper)!important;box-shadow:2px 2px 0 var(--os-ink)}.retro-os .os-button-dark:hover{background:var(--os-paper)!important;color:var(--os-ink)!important}.retro-os .os-case-heading{margin:0 0 1.2em}.retro-os .os-case-heading>span{font-size:.75em;color:var(--os-muted)}.retro-os .os-case-heading h2{font-size:1.5em;line-height:1.2;letter-spacing:-.045em;margin-top:.35em}.retro-os .os-process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1em 1.3em;position:relative;padding:.2em .4em .6em}.retro-os .os-process-step{border:2px solid;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:.6em .4em;position:relative;min-height:7em;box-shadow:3px 3px 0 var(--os-ink);background:var(--os-paper)}.retro-os .os-process-step:after{content:"";position:absolute;top:50%;right:-1.5em;width:1.3em;height:2px;background:var(--os-ink)}.retro-os .os-process-step:nth-child(even):after{top:100%;right:50%;width:2px;height:1.1em}.retro-os .os-process-step:last-child:after{display:none}.retro-os .os-process-step .os-icon{width:2em;height:2em;margin:.2em 0}.retro-os .os-step-index{font-size:.7em;position:absolute;top:.2em;left:.4em}.retro-os .os-process-step strong{font-size:.85em;line-height:1.25}.retro-os .os-process-step.is-active,.retro-os .os-process-step:hover{background:var(--os-ink);color:var(--os-paper)}.retro-os .os-step-detail{border:1px solid;margin:1em 0;padding:.8em;font-size:.88em;line-height:1.45}.retro-os .os-step-detail h3{font-size:1.1em;margin-bottom:.5em}.retro-os .os-step-output{border-top:1px solid var(--os-line);padding-top:.6em;margin-top:.6em!important}.retro-os .os-step-output strong{display:block;font-size:.85em;color:var(--os-muted);margin-bottom:.2em}.retro-os .os-tools{display:flex;flex-wrap:wrap;gap:.35em}.retro-os .os-tools span{font-size:.7em;border:1px solid;padding:.15em .4em}.retro-os .os-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9em}.retro-os .os-material-grid>button{border:1.5px solid;text-align:left;min-height:7em}.retro-os .os-material-grid>button:hover{box-shadow:3px 3px 0 var(--os-ink)}.retro-os .os-material-cover{grid-column:1/-1;display:flex;align-items:center;gap:.8em;padding:.5em!important}.retro-os .os-material-cover img{width:54%;flex-shrink:0}.retro-os .os-material-cover span{font-size:.85em;text-decoration:underline}.retro-os .os-material-file{display:flex;flex-direction:column;gap:.35em;padding:.65em!important}.retro-os .os-material-file .os-icon{width:2em;height:2em}.retro-os .os-material-file strong{font-size:.9em}.retro-os .os-material-file span{font-size:.72em;color:var(--os-muted)}.retro-os .os-footnote{font-size:.75em;color:var(--os-muted);margin-top:1.1em!important;line-height:1.45}
.retro-os .os-browser-toolbar{gap:.4em;padding:.4em}.retro-os .os-address{border:1.5px solid;padding:.2em .45em;font-size:.85em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;background:var(--os-paper)}.retro-os .os-journal{display:grid;grid-template-columns:minmax(0,1fr) 10em;gap:1.3em;max-width:920px;margin:0 auto}.retro-os .os-journal>article{min-width:0}.retro-os .os-journal-masthead{border-bottom:2px solid;padding-bottom:.2em;margin-bottom:.3em;font-size:1.6em;font-weight:700;letter-spacing:-.065em;white-space:nowrap}.retro-os .os-issue{font-size:.7em;color:var(--os-muted)}.retro-os .os-journal article>h2{font-size:1.7em;line-height:1.1;letter-spacing:-.055em;margin:.35em 0}.retro-os .os-journal .os-case-cover{margin:.6em 0 .9em}.retro-os .os-journal-lead{font-size:1em;font-weight:700;line-height:1.5}.retro-os .os-journal article>section{margin-top:1.1em}.retro-os .os-journal article>section h3{font-size:1.15em;line-height:1.2;margin-bottom:.4em}.retro-os .os-journal article>section p{font-size:.91em;line-height:1.6;white-space:pre-line}.retro-os .os-journal-sidebar{border-left:1px solid;padding-left:1em}.retro-os .os-print-ad{border:1.5px solid;padding:.65em;text-align:center}.retro-os .os-print-ad>span{font-size:.63em}.retro-os .os-print-ad h3{font-size:1.7em;line-height:1.05;letter-spacing:-.06em;margin:.5em 0}.retro-os .os-print-ad strong{font-size:.88em;line-height:1.1;display:block}.retro-os .os-print-ad p{font-size:.72em;line-height:1.4;margin:.8em 0}.retro-os .os-print-ad .os-button{font-size:.72em;width:100%;padding:.4em!important}.retro-os .os-sound-wave{font-size:1.1em;letter-spacing:-.18em;margin:.7em 0}.retro-os .os-folder-return{display:flex;align-items:center;gap:.5em;border-top:1px solid!important;text-align:left;width:100%;padding:.7em 0!important;margin-top:.7em;font-size:.76em;text-decoration:underline}.retro-os .os-folder-return .os-icon{width:1.8em;height:1.8em}.retro-os .os-journal-colophon{border-top:2px solid;margin:1.5em 0 .5em;padding-top:.7em;font-size:.75em;line-height:1.5;color:var(--os-muted)}.retro-os .os-demo-page{max-width:760px;margin:auto}.retro-os .os-demo-page>p{font-size:.95em;line-height:1.5}.retro-os .os-inset{border:1.5px solid;padding:.8em;margin:1em 0;font-size:.9em;line-height:1.5;min-width:0}.retro-os .os-inset h3{border-bottom:1px solid;margin:-.5em -.5em .6em;padding:.2em .5em;font-size:1.05em;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,#00000010 2px,#00000010 3px)}.retro-os .os-image-view{max-width:850px;margin:auto}.retro-os .os-image-view .os-case-cover{object-fit:contain;aspect-ratio:auto}.retro-os .os-image-view p{font-size:.85em;margin:.7em 0 1em}
.retro-os .os-skills-layout{display:grid;grid-template-columns:minmax(0,1fr) 12em;gap:1.1em;min-height:100%}.retro-os .os-skills-map{min-width:0;position:relative}.retro-os .os-skill-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5em 1.3em;padding:.4em .3em 1em;position:relative}.retro-os .os-skill-node{border:2px solid;box-shadow:3px 3px 0 var(--os-ink);min-height:6.4em;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.45em .2em;position:relative;background:var(--os-paper)}.retro-os .os-skill-node:nth-child(odd):after{content:"";position:absolute;top:50%;left:100%;width:1.5em;height:2px;background:var(--os-ink)}.retro-os .os-skill-node:not(:nth-last-child(-n+2)):before{content:"";position:absolute;top:100%;left:50%;height:1.7em;width:2px;background:var(--os-ink)}.retro-os .os-skill-node .os-icon{width:2.6em;height:2.6em}.retro-os .os-skill-node strong{font-size:.82em;line-height:1.2;margin-top:.5em;max-width:100%;overflow-wrap:anywhere}.retro-os .os-skill-node.is-active,.retro-os .os-skill-node:hover{background:var(--os-ink);color:var(--os-paper)}.retro-os .os-skill-inspector{border-left:1px solid;padding-left:1em}.retro-os .os-skill-inspector .os-inset{margin:0 0 1em;padding:.55em;font-size:.8em}.retro-os .os-tool-list{padding:0 0 0 1.1em;margin:.2em 0;line-height:1.6}.retro-os .os-related-project{display:flex;align-items:center;gap:.4em;width:100%;text-align:left;border:1px solid!important;padding:.45em!important;font-weight:700;font-size:.9em;margin:.5em 0;line-height:1.3}.retro-os .os-related-project:hover{background:var(--os-ink);color:var(--os-paper)}.retro-os .os-related-project .os-icon{width:1.4em;height:1.4em}.retro-os .os-related-project span{margin-left:auto}
.retro-os .os-contact-window{max-width:610px;margin:auto;height:100%}.retro-os .os-contact-window .os-window-content{display:flex;flex-direction:column}.retro-os .os-contact{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;gap:.65em;padding:1em 0 2em}.retro-os .os-contact>.os-icon{width:6.5em;height:6.5em;filter:drop-shadow(3px 3px 0 var(--os-ink));margin-bottom:.5em}.retro-os .os-contact h2{font-size:2.5em;line-height:1.1;letter-spacing:-.075em}.retro-os .os-contact p{font-size:1.05em;font-weight:700;margin:0 0 .6em}.retro-os .os-contact .os-button{width:min(100%,24em);min-height:2.8em;font-size:1em}.retro-os .os-postmark{position:absolute;bottom:0;right:0;transform:rotate(-9deg);font-size:.55em;border:1px dashed;padding:.4em .6em;line-height:1.4}.retro-os .os-settings-window{max-width:610px;margin:auto}.retro-os .os-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1em}.retro-os .os-settings fieldset{margin:0;padding:.6em .7em .7em;border:1.5px solid;min-width:0}.retro-os .os-settings legend{font-size:.9em;font-weight:700;padding:0 .25em}.retro-os .os-settings label{display:flex;align-items:center;gap:.6em;margin:.45em 0;font-size:.9em;cursor:pointer}.retro-os .os-settings input{width:1.15em;height:1.15em;accent-color:var(--os-ink);margin:0;flex-shrink:0}.retro-os .os-settings fieldset p{font-size:.75em;color:var(--os-muted);margin-top:.7em}.retro-os .os-settings-actions{grid-column:1/-1;display:flex;justify-content:center;gap:1em;padding:.5em 0}.retro-os .os-settings-actions .os-button{min-width:9em}.retro-os .os-empty-collection{display:flex;min-height:100%;flex-direction:column;align-items:center;justify-content:center;gap:1em;text-align:center;max-width:430px;margin:auto;padding:1em 0}.retro-os .os-empty-collection>.os-icon{width:5em;height:5em}.retro-os .os-empty-collection h2{font-size:1.6em;letter-spacing:-.05em}.retro-os .os-empty-collection p{font-size:.95em;line-height:1.5}.retro-os .os-library-intro{font-size:.9em;margin-bottom:1em!important}.retro-os .os-video-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:2em;height:2em;background:var(--os-ink);color:var(--os-paper);border:1px solid var(--os-paper);font-size:1.5em}
@container retro-screen (min-width:850px){.retro-os .os-workspace{padding:20px}.retro-os .os-desktop{max-width:700px;gap:1.2em 4em;padding:2em}.retro-os .os-desktop-item>.os-icon{width:6em;height:5.7em}.retro-os .os-desktop-item>span{font-size:1.3em}.retro-os .os-project-grid{gap:1.2em 1.6em}.retro-os .os-window-content{padding:1.3em}.retro-os .os-case-window .os-window-content{padding:0}.retro-os .os-case-layout{grid-template-columns:10.5em minmax(0,1fr)}.retro-os .os-case-body{padding:1.3em}.retro-os .os-process{grid-template-columns:repeat(3,minmax(0,1fr))}.retro-os .os-process-step:nth-child(even):after{top:50%;right:-1.5em;width:1.3em;height:2px}.retro-os .os-process-step:nth-child(3n):after{top:100%;right:50%;width:2px;height:1.1em}.retro-os .os-process-step:last-child:after{display:none}.retro-os .os-skills-layout{grid-template-columns:minmax(0,1fr) 15em}.retro-os .os-skill-nodes{grid-template-columns:repeat(3,minmax(0,1fr));gap:2em 1.5em}.retro-os .os-skill-node:nth-child(odd):after{display:none}.retro-os .os-skill-node:not(:nth-child(3n)):after{display:block;content:"";position:absolute;top:50%;left:100%;width:1.6em;height:2px;background:var(--os-ink)}.retro-os .os-skill-node:not(:nth-last-child(-n+2)):before{display:none}.retro-os .os-skill-node:nth-child(-n+3):before{display:block;content:"";position:absolute;top:100%;left:50%;height:2.2em;width:2px;background:var(--os-ink)}.retro-os .os-skill-node{min-height:8.5em}.retro-os .os-journal{grid-template-columns:minmax(0,1fr) 12em}}
@container retro-screen (max-width:570px){.retro-os .os-system-name{display:none}.retro-os .os-clock{margin-left:auto}.retro-os .os-desktop{padding:.7em 1em;gap:.7em 1em}.retro-os .os-desktop-item>.os-icon{width:4.3em;height:4.1em}.retro-os .os-desktop-item>span{font-size:1.03em}.retro-os .os-case-layout{grid-template-columns:1fr}.retro-os .os-case-tabs{flex-direction:row;position:sticky;top:0;border-right:0;border-bottom:1.5px solid;z-index:1;padding:.25em;gap:.2em}.retro-os .os-case-tabs button{justify-content:center;flex:1;font-size:.75em;padding:.4em .2em;white-space:nowrap;gap:.3em}.retro-os .os-case-tabs button .os-icon{width:1.35em;height:1.35em}.retro-os .os-case-body{padding:.8em}.retro-os .os-case-body>h2{font-size:1.4em}.retro-os .os-journal{grid-template-columns:minmax(0,1fr) 8em;gap:.8em}.retro-os .os-journal-sidebar{padding-left:.7em}.retro-os .os-journal-masthead{font-size:1.35em}.retro-os .os-journal article>h2{font-size:1.5em}.retro-os .os-print-ad h3{font-size:1.3em}.retro-os .os-skills-layout{grid-template-columns:minmax(0,1fr) 10em;gap:.8em}.retro-os .os-skill-inspector{padding-left:.7em}.retro-os .os-skill-node{min-height:5.8em}.retro-os .os-skill-node strong{font-size:.75em}.retro-os .os-contact>.os-icon{width:5em;height:5em}.retro-os .os-contact h2{font-size:2.2em}.retro-os .os-window-footer button{padding:.4em;font-size:.8em}.retro-os .os-location{display:none}}
@container retro-screen (max-width:400px){.retro-os .os-menubar{padding:0 .35em;gap:.25em}.retro-os .os-brand{font-size:1.05em}.retro-os .os-main-menu{margin-left:0}.retro-os .os-main-menu>button{font-size:.86em;padding:0 .35em}.retro-os .os-clock{font-size:.7em}.retro-os .os-workspace{padding:7px}.retro-os .os-taskbar button{font-size:.88em;padding:0 .5em}.retro-os .os-window-controls{gap:3px}.retro-os .os-window-controls button{min-width:20px;min-height:20px;width:1.3em;height:1.3em}.retro-os .os-titlebar h1{font-size:.9em}.retro-os .os-desktop{padding:.6em .2em;gap:.5em}.retro-os .os-desktop-item>span{font-size:.9em}.retro-os .os-desktop-item>.os-icon{width:3.5em;height:3.4em}.retro-os .os-desktop-signature{font-size:.72em}.retro-os .os-project-grid{grid-template-columns:1fr;gap:1em}.retro-os .os-project-card-label strong{font-size:.95em}.retro-os .os-cover-frame{aspect-ratio:1.95}.retro-os .os-window-content{padding:.7em}.retro-os .os-pathbar{padding:.3em}.retro-os .os-pathbar>span{font-size:.72em}.retro-os .os-window-footer button{font-size:.7em;gap:.3em}.retro-os .os-window-footer .os-icon{width:1.4em;height:1.4em}.retro-os .os-project-facts>div{grid-template-columns:1fr;gap:.15em}.retro-os .os-project-facts dt{font-size:.85em}.retro-os .os-case-body>h2{font-size:1.25em}.retro-os .os-actions{gap:.5em}.retro-os .os-actions .os-button{font-size:.78em;padding:.45em .6em!important}.retro-os .os-journal{grid-template-columns:1fr}.retro-os .os-journal-sidebar{border-left:0;border-top:2px solid;padding:.8em 0 0;display:grid;grid-template-columns:1fr;gap:.5em}.retro-os .os-print-ad{display:flex;align-items:center;flex-wrap:wrap;gap:.7em;text-align:left;padding:.7em}.retro-os .os-print-ad>span,.retro-os .os-print-ad p,.retro-os .os-sound-wave{display:none}.retro-os .os-print-ad h3{margin:0;font-size:1.1em}.retro-os .os-print-ad strong{font-size:.72em}.retro-os .os-print-ad .os-button{width:auto;margin-left:auto}.retro-os .os-folder-return{margin:0}.retro-os .os-skills-layout{grid-template-columns:1fr}.retro-os .os-skill-inspector{border:0;padding:0;display:grid;gap:.7em}.retro-os .os-skill-inspector .os-inset{margin:0}.retro-os .os-skill-nodes{gap:1.2em}.retro-os .os-skill-node{min-height:6.5em}.retro-os .os-skill-node:not(:nth-last-child(-n+2)):before{height:1.4em}.retro-os .os-settings{gap:.7em;grid-template-columns:1fr}.retro-os .os-settings fieldset{padding:.3em .7em}.retro-os .os-settings label{font-size:.85em}.retro-os .os-settings-actions{gap:.65em}.retro-os .os-settings-actions .os-button{min-width:0;flex:1;font-size:.8em}.retro-os .os-contact h2{font-size:1.95em}.retro-os .os-contact .os-button{font-size:.85em}.retro-os .os-contact>.os-icon{width:4em;height:4em}.retro-os .os-postmark{font-size:.48em}.retro-os .os-material-grid{grid-template-columns:1fr}.retro-os .os-material-cover{flex-direction:column;align-items:flex-start}.retro-os .os-material-cover img{width:100%}.retro-os[data-layout=list] .os-desktop{padding:.6em}.retro-os[data-layout=list] .os-desktop-item>small{display:none}.retro-os[data-layout=list] .os-project-card{grid-template-columns:5.5em minmax(0,1fr);gap:.4em}.retro-os[data-layout=list] .os-project-card-label>.os-icon{display:none}}
@container retro-screen (max-height:360px){.retro-os .os-menubar{height:2.15em;min-height:28px}.retro-os .os-menu-layer{top:2.15em}.retro-os .os-taskbar{height:2.1em;min-height:27px}.retro-os .os-desktop{padding:.25em 1em;height:calc(100% - 1.6em);gap:.2em 1em}.retro-os .os-desktop-item>.os-icon{width:2.8em;height:2.5em;filter:drop-shadow(2px 2px 0 var(--os-ink))}.retro-os .os-desktop-item>span{font-size:.85em}.retro-os .os-desktop-signature{font-size:.7em;padding:0}.retro-os .os-desktop-signature span{display:none}.retro-os .os-workspace{padding:6px}.retro-os .os-titlebar{min-height:25px;height:1.8em}.retro-os .os-titlebar>.os-icon{width:1.25em;height:1.25em}.retro-os .os-window-controls button{min-height:19px;min-width:19px;height:1.2em;width:1.2em}.retro-os .os-pathbar{min-height:2em;padding:.2em .4em}.retro-os .os-contact{padding:.3em 0 1.5em;gap:.4em}.retro-os .os-contact>.os-icon{width:2.9em;height:2.9em;margin:0}.retro-os .os-contact h2{font-size:1.8em}.retro-os .os-contact p{margin:0}.retro-os .os-contact .os-button{min-height:2.2em}.retro-os .os-postmark{display:none}}
@media(prefers-reduced-motion:no-preference){.retro-os:not(.os-reduce-motion) .os-desktop-item:hover>.os-icon{transform:translateY(-2px)}.retro-os:not(.os-reduce-motion) .os-window{animation:os-window-arrive .12s steps(3)}}
@keyframes os-window-arrive{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}
/* System navigation stays reachable when content is enlarged to 150%. */
.retro-os .os-menubar{font-size:clamp(12px,2.5cqw,18px);height:clamp(32px,6.5cqw,44px);min-height:0}
.retro-os .os-menu-layer{inset:clamp(32px,6.5cqw,44px) 0 auto}
.retro-os .os-taskbar{font-size:clamp(12px,2.5cqw,18px)}
.retro-os .os-dropdown{font-size:clamp(13px,2.6cqw,18px);max-height:calc(100cqh - 90px);overflow:auto;overscroll-behavior:contain}
/* Icons cast shadows from their strokes, never from the rectangular SVG box. */
.retro-os .os-desktop-item>.os-icon{background:transparent;filter:drop-shadow(2px 2px 0 #a4a59a)}
.retro-os .os-taskbar{font-size:clamp(11px,2.2cqw,16px);min-width:0}
.retro-os .os-taskbar button{min-width:0;flex-shrink:1;padding-left:.55em;padding-right:.55em;gap:.4em}
.retro-os .os-taskbar button>span{min-width:0}
.retro-os .os-tv-button{flex:0 1 auto}
@container retro-screen (max-width:400px){.retro-os .os-taskbar button{font-size:1em;padding-left:.4em;padding-right:.4em;gap:.35em}.retro-os .os-taskbar .os-icon{width:1.4em;height:1.4em}.retro-os .os-desktop-button{flex:1}.retro-os .os-tv-button{flex:0 0 auto}}
/* Reading size and a compact lead image leave room for the case itself. */
.retro-os{font-size:calc(17px * var(--os-scale))}
.retro-os .os-case-body>.os-case-cover{height:clamp(140px,25cqh,220px);aspect-ratio:auto;object-fit:cover}
/* Row order is explicit: 1 → 2, then 4 ← 3. DOM/tab order stays chronological. */
.retro-os .os-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5em 1.8em;padding:.2em .4em .6em}
.retro-os .os-process-step:after{display:none;background:none;width:1.1em;height:1.1em;line-height:1;font-size:1.5em;color:var(--os-ink);border:0;transform:none}
.retro-os .os-process-step[data-flow=right]:after{content:"→";display:block;top:calc(50% - .55em);right:-1.25em;left:auto;width:1.1em;height:1.1em}
.retro-os .os-process-step[data-flow=left]:after{content:"←";display:block;top:calc(50% - .55em);left:-1.25em;right:auto;width:1.1em;height:1.1em}
.retro-os .os-process-step[data-flow=down]:after{content:"↓";display:block;top:100%;left:calc(50% - .55em);right:auto;width:1.1em;height:1.1em}
.retro-os .os-process-step[data-flow=none]:after{display:none}
@container retro-screen (max-width:400px){.retro-os .os-process{grid-template-columns:1fr;gap:1.6em}.retro-os .os-process-step{grid-row:auto!important;grid-column:1!important;min-height:5.8em}.retro-os .os-process-step[data-flow]:after{content:"↓";top:100%;left:calc(50% - .55em);right:auto}.retro-os .os-process-step[data-flow=none]:after{display:none}}
.retro-os .os-window-content{position:relative}
.retro-os .os-map-return{display:none}
@container retro-screen (max-width:570px){.retro-os .os-map-return{display:inline-flex;align-items:center;justify-self:start;border:1px solid;padding:.25em .5em;margin-bottom:.7em;font-size:.8em;background:var(--os-paper);color:var(--os-ink);line-height:1.3}.retro-os .os-map-return:hover{background:var(--os-ink);color:var(--os-paper)}}
@container retro-screen (max-width:570px){
  .retro-os .os-case-layout{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}
  .retro-os .os-case-tabs{width:100%;max-width:100%;min-width:0;gap:2px}
  .retro-os .os-case-tabs button{flex:1 1 0;min-width:0;min-height:36px;font-size:clamp(12px,3.4cqw,15px);white-space:normal;overflow-wrap:anywhere;line-height:1.2;padding:4px 3px}
  .retro-os .os-case-tabs button span{min-width:0}
  .retro-os .os-case-body{max-width:100%;min-width:0;overflow-wrap:anywhere}
  .retro-os .os-case-body>.os-case-cover{max-width:100%}
  .retro-os .os-desktop-item>span{font-size:clamp(14px,4.6cqw,18px);max-width:100%;overflow-wrap:anywhere}
  .retro-os .os-skill-node strong{max-width:100%;min-width:0;overflow-wrap:anywhere}
}
@container retro-screen (max-width:400px){.retro-os .os-case-tabs button>.os-icon{display:none}}

/* Three destinations share the same compact system navigation at every text scale. */
.retro-os .os-taskbar .os-desktop-button{flex:0 1 auto}
.retro-os .os-taskbar .os-tv-button{margin-left:auto;flex:0 1 auto}
.retro-os .os-taskbar .os-radio-button{flex:0 1 auto;border-left:2px solid!important}
.retro-os .os-taskbar button{justify-content:center;min-width:0}
.retro-os .os-taskbar button>span{min-width:0;white-space:nowrap}
@container retro-screen (max-width:570px){
  .retro-os .os-taskbar .os-desktop-button{flex:0 0 auto;padding-inline:.8em}
  .retro-os .os-taskbar .os-desktop-button>span{display:none}
  .retro-os .os-taskbar .os-tv-button,.retro-os .os-taskbar .os-radio-button{flex:1 1 0;margin-left:0;padding-inline:.45em;gap:.35em}
  .retro-os .os-taskbar .os-icon{width:1.4em;height:1.4em}
}

/* Fine desktop outlines carry a small ink edge, without raster aliasing or blur. */
.retro-os .os-icon-pixel{height:auto;aspect-ratio:1;overflow:visible;shape-rendering:geometricPrecision}
.retro-os .os-icon-pixel .os-icon-face{fill:var(--os-icon-face,var(--os-paper))}
.retro-os .os-desktop-item>.os-icon-pixel{width:5.8em;height:5.8em;max-height:19cqh;max-width:19cqh;filter:none;background:transparent}
.retro-os .os-contact>.os-icon-pixel{filter:none}
.retro-os .os-taskbar button:hover,
.retro-os .os-window-footer button:hover,
.retro-os .os-project-card:hover .os-project-card-label,
.retro-os .os-project-card.is-selected .os-project-card-label,
.retro-os .os-case-tabs button:hover,
.retro-os .os-case-tabs button[aria-current=page],
.retro-os .os-related-project:hover{--os-icon-face:var(--os-ink)}
.retro-os[data-layout=list] .os-desktop-item>.os-icon-pixel{width:2.3em;height:2.3em;max-width:none;max-height:none}
@container retro-screen (min-width:850px){.retro-os .os-desktop-item>.os-icon-pixel{width:6.8em;height:6.8em}}
@container retro-screen (max-width:570px){.retro-os .os-desktop-item>.os-icon-pixel{width:4.8em;height:4.8em}}
@container retro-screen (max-width:400px){.retro-os .os-desktop-item>.os-icon-pixel{width:4.1em;height:4.1em}}
@container retro-screen (max-height:360px){.retro-os .os-desktop-item>.os-icon-pixel{width:2.9em;height:2.9em}}
/* Keep the four desktop objects composed as one group, like the reference. */
@container retro-screen (min-width:571px){.retro-os:not([data-layout=list]) .os-desktop{width:56%;max-width:760px;padding-left:0;padding-right:0;column-gap:0}}
.retro-os:not([data-layout=list]) .os-desktop-item[data-go=games]>.os-icon-pixel{transform:scaleX(1.12)}
@media(prefers-reduced-motion:no-preference){.retro-os:not(.os-reduce-motion):not([data-layout=list]) .os-desktop-item[data-go=games]:hover>.os-icon-pixel{transform:translateY(-2px) scaleX(1.12)}}
/* System destinations follow the physical desk: radio, computer, television. */
.retro-os .os-taskbar{display:grid;grid-template-columns:1fr 1.45fr 1fr}
.retro-os .os-taskbar>button{width:100%;margin:0;min-width:0;justify-content:center;border-left:0!important;border-right:2px solid!important}
.retro-os .os-taskbar>.os-tv-button{border-right:0!important;margin:0}
.retro-os .os-taskbar>.os-radio-button{border-left:0!important}
.retro-os .os-taskbar .os-location{display:none}
.retro-os .os-desktop-signature{font-weight:400;font-size:.88em;letter-spacing:-.015em;padding:.5em 0}