/* 4.3.1 — original ink framing and colour, with neutral artwork presentation. */
:root{--ink:#f0ebdb;--muted:#aaa99d;--paper:#111310;--soft:#1b201b;--line:#555b50;--blue:#f5df76;--cobalt:#285b49;--pink:#f0be8b;--mint:#a5dac4}
body{background:#111310;isolation:isolate}
body:after{display:none!important}body:before{content:'';display:block!important;position:fixed;inset:0;z-index:-1;pointer-events:none;background:#111310 url('images/ink-perimeter.webp') center center/cover no-repeat;filter:grayscale(1) sepia(.18);opacity:1}
.os-shell{width:calc(100% - 100px);max-width:1680px;padding:14px 24px 12px;background:#111310f7;box-shadow:0 0 0 1px #b7ae8855;margin:0 auto;min-height:100vh}
.os-masthead{position:relative;padding:20px 0;isolation:isolate;overflow:hidden}
.os-masthead:before{content:'';position:absolute;z-index:-1;inset:0 22% 0 34%;opacity:.42;background:linear-gradient(90deg,#111310,transparent 40%,#111310),url('images/ink-perimeter.webp') 97% 8%/650px auto no-repeat;pointer-events:none}
.os-logo{text-shadow:3px 3px 0 #537358,5px 5px 0 #22281e;font-size:44px}
.system-id{color:#e4e1d1}.system-id i,.os-path i{background:var(--mint)}
.os-nav,.project-selector,.crate-toolbar{background:#151914}.archive-tools{background:#191e17}
.os-nav>a:hover,.os-nav>a[aria-current],.home .os-nav>a:first-child,.directory-links a:hover,.directory-links a[aria-current],.home .directory-links>a:first-child{background:#285b49}
.os-nav>a[aria-current],.home .os-nav>a:first-child{box-shadow:inset 0 -2px var(--pink)}
.os-directory,.os-main,.session-panel,.os-footer{background:var(--paper)}
.os-path,.directory-details summary,.session-heading{background:#1a2019}
.directory-platforms a>span,.ascii-signature{color:var(--mint)}
.directory-note p:first-of-type{color:var(--pink)}
.scene-splash{background:#191e17;isolation:isolate;padding:12px 18px 16px}
.scene-splash:before{content:'';position:absolute;z-index:-1;inset:0 0 0 55%;background:linear-gradient(90deg,#191e17 2%,#191e1788 40%,#191e1733),url('images/ink-perimeter.webp') right 24%/660px auto no-repeat;opacity:.8;pointer-events:none}
.scene-splash:after{content:'';position:absolute;right:32px;top:47px;width:38px;height:64px;background:var(--pink);clip-path:polygon(48% 0,57% 41%,100% 50%,57% 58%,48% 100%,40% 58%,0 50%,40% 41%);transform:rotate(16deg);pointer-events:none}
.scene-stamp{color:#c9c09b}.scene-stamp>span:last-child{color:#b6b7a5}.scene-signature{grid-template-columns:auto 1fr 60px;padding-top:13px;gap:28px}
.scene-signature pre{font-size:11px;background-image:linear-gradient(#f7e59c 10%,#ded395 48%,#a7c1a1 72%,#91c7b2);text-shadow:none}
.signature-copy .scene-kicker{color:var(--pink)}.signature-copy>p:nth-child(2){font-size:17px}.scene-raster{color:var(--pink);opacity:.2}
.scene-terminal{background:#121710}.scene-terminal form{border-bottom-color:#3e4838;padding:8px 18px}.scene-terminal label{color:var(--blue)}.scene-terminal input::placeholder{color:#b0b39f}.scene-terminal button{border-color:#6a775b;color:#dce5c5}.scene-terminal button:hover{background:#2b3924}.terminal-bottom p{color:#b3b8a5}.terminal-bottom{padding-block:2px}
.scene-projects{--work-accent:var(--blue)}.scene-projects:has(#project-tab-1[aria-selected=true]){--work-accent:var(--mint)}.scene-projects:has(#project-tab-2[aria-selected=true]){--work-accent:var(--pink)}.scene-projects:has(#project-tab-3[aria-selected=true]){--work-accent:#a6d6df}
.scene-projects>.panel-heading{background:#20271d;border-bottom-color:#647451}.project-selector button{color:#c1c4b0;min-height:44px}.project-selector button[aria-selected=true]{background:#2e412b;color:var(--ink);border-bottom-color:var(--work-accent)}.project-selector button:hover{background:#2a3625}.selector-number{color:var(--blue)}.selector-year{color:#b0b6a3}
.scene-stage{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:12px;padding:12px}.scene-stage-projects{min-width:0;border:1px solid var(--line)}.scene-stage .preview-layout{display:block}.scene-stage .preview-frame{padding:0}.scene-stage .os-feature-image{margin:0;border:0;border-bottom:1px solid var(--line)}.scene-stage .os-feature-image img{aspect-ratio:1.95;max-height:none;object-fit:cover;object-position:center}.scene-stage .image-caption{display:none}
.scene-stage .file-inspector{padding:13px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;border:0;background:#1a2017;animation:none!important;min-height:104px}
.scene-stage .file-kind{grid-column:1;font-size:8px;margin:0;color:var(--muted)}.scene-stage .file-inspector h2{grid-column:1;grid-row:2;font-size:20px}.scene-stage .inspector-artist{grid-column:1;grid-row:3;font-size:11px;color:var(--work-accent);margin:0}.scene-stage .file-inspector dl{display:none}.scene-stage .file-inspector .os-action{grid-column:2;grid-row:1/4;margin:auto 0;align-self:center;white-space:nowrap;width:auto;background:var(--work-accent);border-color:var(--work-accent)}
.os-action,.pill-link{border-radius:30px;color:#1a1d11;padding:10px 18px;min-height:40px;text-transform:uppercase;font-size:10px;font-weight:600}.os-action:hover,.pill-link:hover{background:#fff0a4;color:#161a10;box-shadow:0 0 0 2px #161a10,0 0 0 3px var(--blue)}
.scene-spotlight{border:1px solid var(--line);display:flex;flex-direction:column;min-width:0;background:#181d16}.spotlight-heading{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:9px;background:#34442c;border-bottom:1px solid var(--line);color:#e9e6cf}.spotlight-heading>span:last-child{font-size:15px;color:var(--pink)}
.spotlight-art{display:block;margin:10px 10px 0;background:#d9d5c9}.spotlight-art img{width:100%;height:238px;object-fit:contain;padding:12px;filter:none}.spotlight-copy{padding:12px;display:flex;flex-direction:column;flex:1}.spotlight-copy>p{font-size:9px;color:var(--pink);margin-bottom:6px}.spotlight-copy h2{font-size:17px;line-height:1.35}.spotlight-copy dl{font-size:9px;margin:12px 0 16px}.spotlight-copy dl>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line)}.spotlight-copy dt{color:var(--muted)}.spotlight-copy .os-action{margin-top:auto;display:flex;justify-content:space-between}
.panel-heading{background:#242c1e}.panel-heading h2{color:#e8e4c9}.panel-heading>a{color:#d7d5b7}.crate-toolbar button{color:#c0c3b0}.crate-toolbar button[aria-selected=true]{background:#304028;border-bottom-color:var(--pink);color:#f0ecd5}.crate-toolbar>span{color:#b2b69c}.edition-crate .card-content{background:#1c2117}.edition-peek{border-top-color:#536446;color:#d6d1a0}.edition-peek:hover{color:#fff1a3}.card-image:hover{outline-color:var(--pink)}.edition-card .card-image,.edition-art,.peek-layout figure{background:#d9d5c9}.edition-crate .card-image{border-bottom-color:var(--line)}
.card-content h2 a:hover,.card-content h3 a:hover{color:var(--pink)}.card-artist,.edition-artist{color:var(--mint)}.platform-row:hover{color:var(--pink)}.status-badge{background:var(--blue);color:#181c10}.view-switch button.active,.view-switch button[aria-pressed=true]{background:var(--cobalt);color:#fff}.catalogue-filters{background:#20291a}.catalogue-filters input,.catalogue-filters select{background:#111310}.catalogue-filters button{background:var(--blue);color:#1b2013}.log-code{color:var(--mint)}
#edition-peek,#archive-nfo{border-color:#8c9877}#edition-peek .nfo-heading,.nfo-heading{background:#3c4b2d}#peek-artist{color:var(--pink)}.peek-close,.nfo-close{min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
@media(min-width:1600px){.scene-stage{grid-template-columns:minmax(0,1fr) 260px}.spotlight-art img{height:276px}.scene-stage .os-feature-image img{aspect-ratio:2.02}}
@media(max-width:1250px){.os-shell{width:calc(100% - 48px);padding-inline:18px}.os-workspace{grid-template-columns:185px minmax(0,1fr)}.scene-stage{grid-template-columns:minmax(0,1fr) 185px;gap:9px;padding:9px}.spotlight-art img{height:192px}.spotlight-copy{padding:10px}.scene-stage .os-feature-image img{aspect-ratio:1.45}.scene-stage .file-inspector{display:block;padding:12px}.scene-stage .file-inspector h2{font-size:18px;margin:6px 0}.scene-stage .file-inspector .os-action{display:flex;margin-top:14px}.scene-signature{gap:20px}.scene-signature pre{font-size:10px}}
@media(max-width:1000px){.os-shell{width:calc(100% - 28px);padding:12px 14px}.os-workspace{grid-template-columns:170px minmax(0,1fr)}.scene-stage{grid-template-columns:minmax(0,1fr) 165px}.spotlight-art img{height:175px}.spotlight-copy h2{font-size:15px}.spotlight-copy>p{font-size:8px}.spotlight-copy dl{font-size:8px}.spotlight-copy .os-action{font-size:8px;padding:10px 12px}.scene-stage .os-feature-image img{aspect-ratio:1.15}.scene-signature{grid-template-columns:auto 1fr;gap:16px}.scene-signature pre{font-size:8px}.signature-copy>p:nth-child(2){font-size:13px}.scene-splash:after{display:none}.scene-raster{display:none}.directory-links a{padding-inline:7px;gap:8px}}
@media(max-width:800px){.os-workspace{grid-template-columns:1fr}.os-shell{width:calc(100% - 24px);padding:12px}.scene-stage{grid-template-columns:minmax(0,1fr) 200px}.scene-stage .os-feature-image img{aspect-ratio:1.4}.spotlight-art img{height:215px}.scene-signature pre{font-size:10px}.signature-copy>p:nth-child(2){font-size:16px}.os-logo{font-size:38px}}
@media(max-width:560px){body{background-size:auto 900px;background-position:55% top}.os-shell{width:calc(100% - 16px);padding:8px;background:#111310fa}.os-masthead{padding:15px 0 12px}.os-logo{font-size:30px}.system-id{font-size:8px;margin-top:7px}.os-nav>a{min-height:48px}.window-title{padding-top:2px}.os-workspace{margin-top:8px;gap:8px}.directory-details summary{min-height:40px;padding:9px 12px}.scene-splash{padding:12px}.scene-signature{gap:13px;padding-top:12px}.scene-signature pre{font-size:7px}.signature-copy>p:nth-child(2){font-size:10px}.scene-stamp{font-size:7px}.scene-splash:before{inset-inline-start:65%;opacity:.35}.scene-terminal form{padding:8px 10px}.terminal-bottom{padding-inline:10px}.scene-stage{display:block;padding:10px}.scene-stage .os-feature-image img{aspect-ratio:1.4}.scene-stage .file-inspector{display:grid;grid-template-columns:1fr;padding:12px;gap:4px;min-height:0}.scene-stage .file-kind{grid-column:1;grid-row:1;font-size:8px}.scene-stage .file-inspector h2{grid-column:1;grid-row:2;font-size:22px;margin:2px 0}.scene-stage .inspector-artist{grid-column:1;grid-row:3;font-size:11px}.scene-stage .file-inspector .os-action{grid-column:1;grid-row:4;margin-top:12px;min-height:44px;font-size:10px}.scene-spotlight{display:grid;grid-template-columns:45% minmax(0,1fr);margin-top:12px}.spotlight-heading{grid-column:1/-1;font-size:9px}.spotlight-art{margin:10px 0 10px 10px;align-self:stretch;display:flex;align-items:center}.spotlight-art img{height:198px;padding:9px}.spotlight-copy{padding:14px 11px}.spotlight-copy>p{font-size:8px;line-height:1.6}.spotlight-copy h2{font-size:15px}.spotlight-copy dl{font-size:8px;margin:13px 0}.spotlight-copy .os-action{font-size:8px;min-height:44px;padding:9px 10px;gap:4px}.edition-crate .project-grid{padding:12px}.scene-projects>.panel-heading{min-height:36px}.project-selector button{min-height:44px}.os-action,.pill-link{min-height:44px}.scene-terminal input{font-size:16px}.scene-terminal input::placeholder{font-size:9px}.panel-heading h2{font-size:9px}.panel-heading>a,.panel-heading>span{font-size:8px}}
@media(max-width:360px){.os-shell{width:calc(100% - 12px);padding:6px}.os-logo{font-size:27px}.scene-signature pre{font-size:6px}.signature-copy>p:nth-child(2){font-size:9px}.scene-signature{gap:10px}.spotlight-art img{height:192px}.spotlight-copy h2{font-size:13px}.spotlight-copy{padding:12px 9px}.spotlight-copy .os-action{font-size:7px}.scene-stage{padding:8px}.scene-stamp{font-size:6px}}
@media(min-width:1600px){.scene-stage .os-feature-image img{aspect-ratio:2.35}}

/* Keep decoration on the viewport, independent of document height. */
.os-masthead:before,.scene-splash:before{filter:grayscale(1) sepia(.18)}
.os-nav>a[aria-current],.home .os-nav>a:first-child{box-shadow:inset 0 -3px var(--blue)}
.scene-splash:after{background:var(--blue)}
.scene-stage-projects{border-top:3px solid var(--work-accent);box-shadow:3px 3px 0 #050704}
.spotlight-heading{background:var(--blue);color:#1b2112;font-weight:600}.spotlight-heading>span:last-child{color:#244b35}
.scene-projects>.panel-heading{background:#e7dfb9}.scene-projects>.panel-heading h2,.scene-projects>.panel-heading>span{color:#202819}
.scene-signature pre{background-image:linear-gradient(#faf0bf 10%,#e5d774 46%,#b2d19e 72%,#6ba990)}
.scene-counts a{color:#c3c8ac}.scene-counts a:hover{color:var(--blue)}
.scene-next{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:16px;padding:20px 22px;border:1px solid #7b8668;background:#e7dfb9;color:#202718;box-shadow:4px 4px 0 #050704}.scene-next p{font-size:9px;letter-spacing:.07em;margin-bottom:5px}.scene-next h2{font-size:22px}.scene-next a{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:600;padding:12px 18px;border:1px solid #303a24;background:#253d2d;color:#f2ebcb;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}.scene-next a:hover{background:#142719}.scene-next a:focus-visible{outline-offset:0;outline-color:#fff}
@media(max-width:560px){body:before{background-size:auto 100vh;background-position:center top}.scene-next{display:block;margin:12px;padding:16px}.scene-next h2{font-size:19px}.scene-next a{margin-top:16px;justify-content:space-between;min-height:44px}.scene-stage-projects{box-shadow:2px 2px 0 #050704}}

/* Full document coverage also works in mobile browsers and page captures. */
body{position:relative;min-height:100vh}body:before{position:absolute;min-height:100vh;height:100%;background-size:100% auto;background-position:center top;background-repeat:repeat-y;z-index:0}.os-shell{position:relative;z-index:1}@media(max-width:560px){body:before{background-size:auto 900px;background-position:center top}}
@media(max-width:560px){body:before{background-size:100% auto}}