
:root{--desk:#808080;--sys:Geneva,"Helvetica Neue",Arial,sans-serif;--mono:Monaco,"Courier New",monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:clip;background:var(--desk);color:#000;font-family:var(--sys)}button,a{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px double #000;outline-offset:3px}.menu{position:sticky;top:0;z-index:10;height:29px;display:flex;align-items:center;gap:24px;padding:0 13px;background:#fff;border-bottom:2px solid #000;font-size:12px;font-weight:700}.menu .mark{font-size:16px}.owner{margin-left:auto;font-weight:400}.back{position:fixed;right:18px;bottom:18px;z-index:20;background:#fff;border:2px solid #000;box-shadow:3px 3px 0 #000;padding:8px 11px;text-decoration:none;font-size:11px}.desktop{padding:55px 5vw 90px}.disklabel{position:absolute;right:5vw;top:65px;text-align:center;color:#fff;font-size:11px;text-shadow:1px 1px #000}.disk{width:54px;height:39px;margin:auto;background:#eee;border:2px solid #111;box-shadow:inset -5px -5px #aaa,inset 4px 4px #fff}.window{max-width:1120px;margin:15px auto 0;background:#fff;border:2px solid #000;box-shadow:9px 9px 0 rgba(0,0,0,.45)}.titlebar{height:29px;border-bottom:2px solid #000;display:grid;grid-template-columns:29px 1fr 29px;align-items:center;background:repeating-linear-gradient(#fff 0 2px,#000 2px 3px);padding:3px 5px}.box{width:18px;height:18px;background:#fff;border:2px solid #000}.box:last-child{justify-self:end}.title{justify-self:center;background:#fff;padding:1px 12px;font-size:12px}.tools{display:flex;justify-content:space-between;border-bottom:1px solid #000;padding:7px 12px;font-size:11px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#000}.file{border:0;background:#fff;padding:0;text-align:left}.file:hover,.file:focus-visible,.file[aria-current=true]{background:#000;color:#fff;outline:0}.image{height:145px;overflow:hidden;background:#ddd}.image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}.caption{display:flex;justify-content:space-between;gap:8px;padding:9px;font-size:10px;min-height:50px}.caption strong{display:block;font-size:11px;margin-bottom:2px}.preview{display:grid;grid-template-columns:1.4fr .6fr;border-top:2px solid #000}.previewimage{height:290px;position:relative;overflow:hidden;background:#ddd}.previewimage img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transition:opacity 100ms linear}.previewcopy{border-left:2px solid #000;padding:27px;display:flex;flex-direction:column}.previewcopy h1{font-size:clamp(35px,5vw,68px);line-height:.88;letter-spacing:-.06em;text-transform:uppercase;margin:0}.previewcopy p{font:10px/1.5 var(--mono);text-transform:uppercase;margin-top:auto}.open{border:2px solid #000;box-shadow:2px 2px 0 #000;background:#fff;padding:8px 12px;align-self:start;font-weight:700}.note{max-width:700px;margin:30px auto 0;background:#fff;border:2px solid #000;padding:13px;font-size:11px;line-height:1.55}.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;background:rgba(0,0,0,.88);padding:20px}.modal[aria-hidden=false]{display:grid}.player{width:min(1050px,100%);background:#000;border:2px solid #fff;box-shadow:8px 8px 0 #777}.playerbar{height:35px;background:#fff;border-bottom:2px solid #000;display:grid;place-items:center;font:11px var(--mono)}.video{aspect-ratio:16/9}.video iframe{width:100%;height:100%;border:0}.playerfoot{color:#fff;padding:11px;font:10px var(--mono);text-transform:uppercase}.close{position:fixed;top:18px;right:18px;background:#fff;border:2px solid #000;box-shadow:3px 3px #777;padding:8px 11px}@media(max-width:740px){.menu span:not(.mark):not(.owner){display:none}.desktop{padding:35px 12px 80px}.disklabel{display:none}.grid{grid-template-columns:repeat(2,1fr)}.image{height:34vw}.preview{grid-template-columns:1fr}.previewimage{height:62vw}.previewcopy{border-left:0;border-top:2px solid #000;gap:16px}.previewcopy h1{font-size:11vw}.previewcopy p{margin:0}.owner{font-size:10px}.tools span:last-child{display:none}}


.file,.image{display:block;width:100%}.image{height:162px}.window.is-closed{display:none}.titlebar{cursor:grab;touch-action:none;user-select:none}.window.dragging .titlebar{cursor:grabbing}.closebox{appearance:none;padding:0;cursor:default}.closebox:active{background:#000}.disklabel{appearance:none;border:0;background:transparent;padding:0;cursor:default}.disklabel p{margin:5px 0 0;padding:2px 4px}.disklabel.selected p{background:#000;color:#fff;text-shadow:none}.menu{gap:0;padding:0 9px}.home-mark{display:grid;place-items:center;width:28px;height:27px;text-decoration:none}.menu-group{position:relative}.menu-trigger{height:27px;border:0;background:#fff;padding:0 10px;font-weight:700}.menu-trigger:hover,.menu-trigger[aria-expanded=true]{background:#000;color:#fff}.dropdown{position:absolute;left:0;top:27px;z-index:40;display:none;width:230px;padding:4px 0;background:#fff;border:2px solid #000;box-shadow:4px 4px 0 rgba(0,0,0,.45)}.dropdown[data-open=true]{display:block}.dropdown a,.dropdown button{display:flex;justify-content:space-between;width:100%;border:0;background:#fff;padding:7px 18px;text-align:left;text-decoration:none;font-size:12px;font-weight:400}.dropdown a:hover,.dropdown button:hover,.dropdown a:focus-visible,.dropdown button:focus-visible{background:#000;color:#fff;outline:0}.dropdown .rule{border-top:1px solid #000;margin:4px 0}.dropdown kbd{font:10px var(--mono)}.grid.list{grid-template-columns:1fr}.grid.list .file{display:grid;grid-template-columns:180px 1fr}.grid.list .image{height:95px}.grid.large .image{height:210px}.statement{display:grid;grid-template-columns:1.4fr .6fr;border-top:2px solid #000}.statement h1{font-size:clamp(42px,7vw,84px);line-height:.86;letter-spacing:-.035em;text-transform:uppercase;margin:0;padding:28px}.statement aside{border-left:2px solid #000;padding:28px;font-size:12px;line-height:1.5}.statement .button{display:inline-block;margin-top:16px}@media(max-width:740px){.image{height:34vw}.statement{grid-template-columns:1fr}.statement aside{border-left:0;border-top:2px solid #000}.statement h1{padding:20px;font-size:10.5vw;overflow-wrap:anywhere}.menu-trigger{padding:0 7px}.dropdown{position:fixed;left:8px;right:8px;top:29px;width:auto}.grid.list .file{grid-template-columns:110px 1fr}.grid.list .image{height:78px}}

/* Desktop destinations and recoverable windows. */
[hidden]{display:none!important}
body{min-height:100dvh}
.menu{position:fixed;width:100%;z-index:1000}
.desktop{padding:100px 138px 100px 4vw;min-height:100dvh}
.window{position:relative;transform:translate(var(--x,0px),var(--y,0px))}
.window:not(.front) .titlebar{background:#ddd}
.window:focus{outline:none}
.titlebar{height:32px}
.closebox{width:20px;height:20px;cursor:pointer}
.desktop-items{position:fixed;right:15px;top:61px;display:grid;gap:24px;width:100px}
.desktop-icon{border:0;background:transparent;color:#fff;display:grid;justify-items:center;gap:7px;padding:4px;text-align:center;text-decoration:none;font-size:11px;cursor:pointer}
.desktop-icon svg{width:52px;height:48px;filter:drop-shadow(2px 2px 0 #222);shape-rendering:crispEdges}
.desktop-icon .icon-label{padding:3px 5px;text-shadow:1px 1px #000}
.desktop-icon.selected .icon-label,.desktop-icon:focus-visible .icon-label{background:#000}
.desktop-icon:focus-visible{outline:2px dotted #fff;outline-offset:3px}
.desktop-hint{position:absolute;top:52px;left:4vw;margin:0;color:#fff;font:10px/1.5 var(--mono)}
.touch-hint{display:none}
.utility-window{position:fixed;top:120px;left:max(16px,calc(50% - 240px));width:480px;max-width:calc(100vw - 32px);margin:0}
.utility-content{padding:28px;max-height:calc(100dvh - 210px);overflow:auto}
.utility-content .eyebrow{font:10px var(--mono);text-transform:uppercase;margin:0 0 24px}
.utility-content h2{font-size:36px;line-height:1;letter-spacing:-.045em;margin:0 0 20px}
.utility-content p{font-size:13px;line-height:1.65}
.utility-content .signature{font:11px/1.6 var(--mono);margin-top:26px}
.window-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.window-links a,.window-links button{background:#fff;border:2px solid #000;box-shadow:2px 2px #000;padding:9px 12px;text-decoration:none;font-size:12px;cursor:pointer}
.window-links a:hover,.window-links button:hover{background:#000;color:#fff}
.desktop-footer{position:fixed;bottom:0;left:0;right:0;display:flex;gap:24px;align-items:center;padding:10px 16px;background:#fff;border-top:2px solid #000;z-index:1000;font:10px var(--mono)}
.desktop-footer button{border:0;background:none;padding:4px;text-decoration:underline;cursor:pointer;font:inherit}
.desktop-footer a{margin-left:auto}
.dropdown button:disabled{color:#777;cursor:default;background:#fff}
.grid.list .caption{align-items:center;padding:16px}
.file:focus-visible{box-shadow:inset 0 0 0 3px #000,inset 0 0 0 5px #fff}
.file[aria-pressed=true]{background:#000;color:#fff}
.modal{width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;color:#000}
.modal[open]{display:grid}
.modal::backdrop{background:transparent}
.playerfoot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.playerfoot a{color:#fff}
.close{z-index:1;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(pointer:coarse){.mouse-hint{display:none}.touch-hint{display:inline}}
@media(max-width:740px){
 .desktop{padding:38px 12px 90px}
 .desktop-items{position:static;display:grid;grid-template-columns:repeat(4,1fr);width:auto;gap:4px;margin:8px 0 18px}
 .desktop-icon{font-size:10px;min-height:82px}
 .desktop-icon svg{width:42px;height:40px}
 .desktop-hint{position:static;margin:14px 0 8px}
 .window{transform:none!important;margin-top:0}
 .titlebar{cursor:default;touch-action:auto}
 .utility-window{top:130px;left:12px;width:calc(100% - 24px);max-width:none}
 .utility-content{padding:22px;max-height:calc(100dvh - 215px)}
 .utility-content h2{font-size:30px}
 .desktop-footer{gap:10px;padding:8px 10px;font-size:9px}
 .desktop-footer>span{display:none}
 .owner{font-size:9px;padding-left:4px}
 .menu-trigger{padding:0 6px}
 .close{top:40px;right:12px;min-height:40px}
 .modal{padding:12px}
}
@media(max-width:360px){.owner{display:none}}

@media(pointer:coarse){.titlebar{height:42px;grid-template-columns:36px 1fr 29px}.closebox{width:30px;height:30px}}

button,a{-webkit-tap-highlight-color:transparent}
::selection{background:#000;color:#fff}
.statement h1{display:grid;align-content:start;position:relative}
.statement h1 .ln{grid-area:1/1;display:block;visibility:hidden}
.statement h1 .ln.on{visibility:visible}
.statement h1 .l{display:block;white-space:nowrap;overflow:hidden;padding-bottom:.04em}
.statement h1 .l>span{display:block}
.statement h1 #dz{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.clients{max-width:1120px;margin:28px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 2.2em;font-size:10px;letter-spacing:.08em;text-transform:uppercase;line-height:1.4;color:#000}
#finder-window.is-closed+.clients{display:none}
.rail{position:relative}
.rail .grid:not(.list){grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 3px)/4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.rail .grid:not(.list)::-webkit-scrollbar{display:none}
.rail .grid:not(.list) .file{scroll-snap-align:start}
.arrow{position:absolute;top:calc(81px - 18px);z-index:3;width:30px;height:36px;padding:0;border:2px solid #000;background:#fff;color:#000;font-size:12px;line-height:1;cursor:default;box-shadow:2px 2px 0 rgba(0,0,0,.5)}
.arrow.prev{left:8px}.arrow.next{right:8px}
.arrow:active{background:#000;color:#fff}
.arrow:focus-visible{outline:2px solid #000;outline-offset:2px}
.rail:has(.grid.list) .arrow{display:none}
.rail:has(.grid.large) .arrow{top:calc(105px - 18px)}
@media(max-width:740px){.rail .grid:not(.list){grid-auto-columns:calc((100% - 1px)/2)}.arrow{top:calc(17vw - 18px)}.rail:has(.grid.large) .arrow{top:calc(17vw - 18px)}}
.clients{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;justify-items:center;gap:8px 2.2em;padding:0 12px}
@media(min-width:980px){.clients{grid-template-columns:repeat(7,auto);gap:10px 1.8em}}
