/* PotentSpace 2006 / a modern film archive. */
:root{--cyan:#86e2ff;--chrome:#c8d2e0;--line:#738499;--mono:Tahoma,Arial,sans-serif}body{font-family:Tahoma,Arial,sans-serif;font-size:14px}.page{max-width:1080px}.site-header{border-color:#263d5b;font-size:12px}.site-header nav a{color:#a8ddff}.potentspace-logo{width:180px}.identity{margin:16px 0 12px}.title-art{width:min(660px,95%)}.identity p{font-size:11px;color:#c2c8d2;letter-spacing:.12em}.utility-nav{display:flex;justify-content:center;flex-wrap:wrap;border:1px solid #71859a;background:linear-gradient(#344b68,#14243b);margin-bottom:20px;padding:2px}.utility-nav a,.utility-nav button{background:none;border:0;color:#fff;padding:12px 14px;font:700 11px Tahoma,Arial;min-height:44px}.utility-nav a:hover,.utility-nav button:hover{background:#42556d;color:#aaf0ff}.utility-nav>*+*{border-left:1px solid #60728a}.profile-layout{grid-template-columns:280px minmax(0,1fr);gap:18px}.box{border:1px solid #748599;background:#060a10;box-shadow:inset 0 0 0 1px #151f2d}.box-heading{background:linear-gradient(#426187,#203852);border-bottom:1px solid #879bae;color:#fff;font:700 13px Tahoma,Arial;padding:8px 10px}.profile-box{background:#000}.profile-content{padding:12px}.profile-logo{border:1px solid #63768b}.profile-role{font:13px/1.7 Tahoma,Arial}.last-login{font-size:11px;color:#c2c7ce}.contact-content>a{font:12px Tahoma,Arial;gap:8px;min-height:44px}.contact-content{display:grid;grid-template-columns:1fr 1fr;padding:8px 10px;gap:2px 8px}.contact-symbol{width:22px;height:22px;font-size:17px;border:0;color:#93d7ff}.contact-content .email{grid-column:1/-1;font-size:12px}.contact-content .book-link{grid-column:1/-1;justify-content:center;background:linear-gradient(#def1ff,#a6c7e2);color:#10273e;border:2px outset #e1efff;font-weight:bold;margin-top:6px}.browse-controls{padding:12px 12px 0;font-size:11px;color:#bac5d6;scroll-margin-top:15px}.retro-new{font:bold italic 10px Arial;background:#f6df50;color:#151515;padding:2px 4px;border:1px outset #ffffa3}#project-filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}#project-filters button,.archive-toggle,.retro-button{border:2px outset #bed0df;background:#c7d2dc;color:#13283c;padding:7px 10px;min-height:36px;font:700 10px Tahoma,Arial}#project-filters button[aria-pressed=true]{border-style:inset;background:#35597b;color:#fff}#project-filters button:disabled{opacity:.65;background:#83909e;color:#10151b}.video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 12px;padding:16px 12px}.video-card{text-align:center;color:#b3e3ff}.thumb{aspect-ratio:1;border:3px ridge #92a6bc;margin-bottom:7px}.thumb img{transition:filter .18s;object-fit:cover}.play-mark{font:700 10px Tahoma,Arial;left:0;bottom:0;width:100%;padding:6px 0;background:#000b;color:white;opacity:0}.video-card:hover .thumb,.video-card:focus-visible .thumb{outline:1px solid #e5b9ff;box-shadow:0 0 12px #86c6ff66}.video-card:hover .play-mark,.video-card:focus-visible .play-mark{opacity:1}.card-artist{font:bold 11px/1.4 Tahoma,Arial}.card-title{font:11px/1.4 Tahoma,Arial;color:#d5d9e0}.archive-toggle{display:block;margin:0 12px 14px}.videos-heading>div{font:10px Tahoma,Arial;gap:10px}.now-showing{border:2px outset #bdc7d4}.now-heading{background:linear-gradient(#5275a2,#203b60)}.now-heading button{font:10px Tahoma,Arial;padding:5px;background:#c8d2dc;border:2px outset #e4ebf1;color:#152b46}.film-stage{min-height:200px;margin:10px 10px 0;border:2px inset #c3d1de}.film-details{background:#101b2b;padding:12px;font-size:12px}.film-details h3{font:bold 18px/1.3 Tahoma,Arial;letter-spacing:0}.film-artist:before{content:'NOW PLAYING: ';color:#91abc7;font-size:10px}.film-details #film-category{font:10px Tahoma,Arial}.film-credits{font:11px Tahoma,Arial;color:#dde3eb}.about-copy{font:13px/1.6 Tahoma,Arial}.music-controls{background:linear-gradient(#314254,#17202d);gap:8px;padding:12px 10px}.music-controls button{background:#c3cfda;border:2px outset #e3ebf2;color:#152c43}.music-details{font:11px/1.4 Tahoma,Arial}.music-progress{display:none}.music-timeline{display:flex;gap:8px;align-items:center;padding:0 10px 10px;background:#17202d}.music-timeline input{min-width:0;flex:1;accent-color:#79c7ee}.music-timeline output{font:10px 'Courier New',monospace;white-space:nowrap}.interests-table{width:100%;border-collapse:collapse;font-size:12px}.interests-table th,.interests-table td{padding:10px 8px;border:1px solid #455c72;text-align:left;vertical-align:top}.interests-table th{width:34%;font-size:10px;background:#152b43;color:#addef7}.interests-table td{background:#0a111b;color:#e0e7ee}.pending{color:#aaa!important;font-style:italic}.friend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px}.friend-grid a{color:#b3e3ff;text-align:center;font-size:11px}.friend-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:2px ridge #93a8bc;margin-bottom:7px}.friend-note{padding:0 14px 12px;color:#bcc6d3;font-size:11px}.profile-stats{padding:14px;text-align:center;font:11px Tahoma,Arial}.profile-counter{font:bold 24px 'Courier New',monospace;letter-spacing:.14em;color:#9fff83;background:#040904;border:2px inset #687069;padding:4px 8px;display:inline-block;margin:8px}.profile-stats small{display:block;color:#a7b3c1}.comments-content{padding:12px}.comments-box{margin-top:18px}.comment-summary{font:bold 11px Tahoma,Arial;color:#bcdbf4;margin:0 0 14px}.visitor-comment{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px 12px;border:1px solid #475b74;background:#142438}.visitor-comment:nth-child(even){background:#0e1928}.comment-avatar{background:linear-gradient(#c2d2e3,#899cae);border:2px outset #d3e1ef;color:#203650;height:44px;width:44px;display:grid;place-items:center;font:bold 22px Tahoma,Arial}.comment-heading{font:12px Tahoma,Arial;display:block}.comment-heading strong{color:#b1deff;display:block}.comment-heading time{font:10px Tahoma,Arial;color:#c4c9cf;display:block;margin-top:4px}.visitor-comment p{font:14px/1.6 Tahoma,Arial;margin-top:8px}.comment-list{margin-top:16px}#comment-form label{font:12px Tahoma,Arial}#comment-form input,#comment-form textarea{background:#0b111c;border:2px inset #8296ae}#comment-form button,#comments-more{background:#c7d6e6;color:#1c324d;border:2px outset #e9f0f8;font:700 12px Tahoma,Arial}.comment-intro{font:12px Tahoma,Arial}.retro-status{padding:8px 10px;border:1px inset #8392a2;background:#162436;color:#bad1e3;font:10px 'Courier New',monospace}.retro-status span{color:#88df9b}dialog{width:min(380px,calc(100% - 32px));padding:3px;border:3px outset #dbe3ee;background:#c3ccd7;color:#162a43;font:13px Tahoma,Arial}dialog::backdrop{background:#0009}.dialog-title{padding:7px;background:linear-gradient(#526fa6,#213f72);color:white;font-weight:bold}dialog p{padding:18px 15px;margin:0}dialog form{text-align:center;padding:0 0 12px}dialog button{min-width:80px;min-height:38px;border:2px outset #fff;background:#d1d9e3;color:#172a43}.player-toolbar{padding:10px;background:linear-gradient(#c6d2de,#879aaf);color:#172c43;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.player-toolbar button{width:38px;min-height:36px;border:2px outset #e4ecf5;background:#c4d0dd;color:#172c43}.player-toolbar label{font:10px Tahoma,Arial;display:flex;gap:5px;align-items:center}.player-toolbar input{accent-color:#245f94;min-width:0;width:65px}.player-toolbar .seek-label{flex:1;min-width:100px}.player-toolbar .seek-label input{width:100%}.player-toolbar output{font:10px 'Courier New',monospace}.player-note{background:#0b1421;color:#b8cadd;font:11px Tahoma,Arial;padding:8px 12px;margin:0}.player-toolbar[aria-busy=true] button,.player-toolbar[aria-busy=true] input{opacity:.5}footer{font:10px Tahoma,Arial}.skull-decoration{max-width:220px;margin:0 auto 20px}
@media(max-width:1000px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-layout{grid-template-columns:250px minmax(0,1fr)}.videos-heading{gap:6px}.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.page{width:calc(100% - 24px)}.site-header nav{flex-basis:auto;gap:14px;justify-content:end}.potentspace-logo{width:140px}.identity{margin:18px 0 10px}.utility-nav a,.utility-nav button{flex:1 0 30%;font-size:10px;padding:10px 5px;border:0}.profile-layout{display:flex;gap:10px}.profile-sidebar{display:block}.profile-sidebar .box{margin-bottom:14px}.profile-content{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}.profile-logo{grid-row:1/3}.profile-role{font-size:12px}.online-animation{width:120px}.contact-content{gap:4px 12px}.contact-content>a{font-size:13px;min-height:46px}.music-controls{max-width:none}.work-column{margin-top:0}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.play-mark{opacity:1;font-size:11px;padding:7px}.card-title,.card-artist{font-size:12px}.thumb{aspect-ratio:4/3}.film-details h3{font-size:18px}.now-heading{flex-wrap:wrap}.now-heading button{min-height:36px}.film-stage{min-height:200px}.player-toolbar{gap:7px}.player-toolbar .seek-label{order:2;flex-basis:60%}.player-toolbar output{order:3}.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skull-decoration{width:165px}.archive-note{flex-wrap:wrap}.title-art{max-width:100%}.utility-nav{margin-bottom:14px}.comment-heading{display:block}.profile-stats{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.thumb img{transition:none}.video-card:hover .thumb{box-shadow:none}}

.contact-friend{display:flex;align-items:center;gap:8px;min-height:44px;background:none;border:0;padding:0;color:inherit;font:12px Tahoma,Arial;text-align:left}.contact-friend:hover{text-decoration:underline}.volume-label input{accent-color:#9adeff} .player-toolbar{overflow:hidden}@media(max-width:700px){.contact-friend{font-size:13px;min-height:46px}#project-filters button{min-height:44px}.archive-toggle{min-height:44px}}

/* Phone reading order puts films ahead of the longer profile tables. */
@media(max-width:700px){.profile-sidebar,.work-column{display:contents}.profile-layout>.profile-sidebar>.box,.profile-layout>.work-column>.box{width:100%;margin-bottom:14px}.profile-box{order:1}.contact-box{order:2}.music-box{order:3}.top-videos{order:4}.now-showing{order:5}.about-box{order:6}.interests-box{order:7}.skull-decoration{order:8;align-self:center}.friend-space{order:9}.comments-box{order:10}.profile-stats{order:11}.archive-note{order:12;width:100%}.retro-status{order:13;width:100%}#archive-error{order:14}.profile-content{grid-template-columns:100px minmax(0,1fr)}.online-badge{min-width:0}.profile-role{overflow-wrap:anywhere}.film-choice{max-width:33.333%}.title-art{overflow:visible}}

.film-stage{width:calc(100% - 20px)}.film-stage:fullscreen{width:100%}@media(max-width:700px){html{scroll-behavior:auto}.film-stage.instagram{width:calc(100% - 20px)}}

.fullscreen-exit{display:none;position:absolute;right:12px;top:12px;z-index:4;min-height:44px;padding:8px 12px;background:#14263ded;color:white;border:2px outset #c7d5e3;font:12px Tahoma,Arial}.film-stage:fullscreen>.fullscreen-exit{display:block}