:root{--bg:#101010;--fg:#f5f5f3;--muted:#a0a0a0;--line:#353535}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'Noto Sans Hebrew',Arial,sans-serif}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:5px}header,main,footer{max-width:1600px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:25px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center}.brand img{object-fit:contain}nav{display:flex;gap:35px;font-size:13px}nav a{padding:10px 0}nav a:hover{color:#aaa}.hero{padding:62px 5% 0}.hero-title{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-bottom:56px}h1{font-size:clamp(64px,10.5vw,155px);letter-spacing:-.07em;line-height:1.05;margin:0 0 26px;font-weight:800}.period{font-family:Arial,sans-serif;font-weight:400;margin-right:5px}.hero p{margin:0;font-size:15px;color:#b3b3b3}.hero-logo{width:24%;height:auto;object-fit:contain;max-width:290px}.social-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.social-links a{font-size:clamp(18px,2.5vw,36px);font-weight:500;letter-spacing:-1px;display:flex;align-items:center;justify-content:space-between;padding:25px 28px;transition:background .2s,color .2s}.social-links a+a{border-left:1px solid var(--line)}.social-links a:first-child{padding-left:0}.social-links a:last-child{padding-right:0}.social-links a:hover{color:#a0a0a0}.social-links span{font-family:Arial;font-size:.8em}.project-section{padding:70px 5% 12px}.section-title{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:30px}.section-title h2{font-size:30px;letter-spacing:-1px;margin:0;font-weight:600}.section-title>span{font:11px monospace;color:#999}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 25px}.project-card button{display:block;width:100%;padding:0;border:0;text-align:right;background:none}.project-art{aspect-ratio:16/9;position:relative;background:#1d1d1d;overflow:hidden}.project-art img{height:100%;width:100%;object-fit:cover;filter:none;transition:filter .45s,transform .6s}.project-card button:hover img,.project-card button:focus-visible img{filter:none;transform:scale(1.025)}.project-art.album-art img{object-fit:contain}.project-art.exhibit-art img{object-fit:contain}.card-arrow{position:absolute;bottom:16px;left:16px;width:36px;height:36px;border-radius:50%;background:#101010a8;border:1px solid #ffffff60;display:grid;place-items:center;font:19px Arial;color:#fff}.card-count{position:absolute;right:15px;top:15px;background:#101010ce;padding:6px 10px;font-size:10px;color:#fff}.card-meta{padding-top:15px;display:flex;justify-content:space-between;align-items:start;gap:20px}.card-meta h3{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:0}.card-meta p{font-size:11px;color:#9a9a9a;margin:7px 0 0;line-height:1.7}.card-meta>span{font:10px monospace;color:#999;margin-top:7px}.about{padding:85px 5% 70px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.about .section-title{border:0;align-self:start;padding-left:40px}.about-content>p{font-size:20px;line-height:1.85;margin:0 0 26px;max-width:580px;color:#d4d4d4}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:13px;padding:18px 0}summary::-webkit-details-marker{display:none}.bio{font-size:13px;color:#aaa;line-height:1.9;padding:0 0 15px}.contact-link{display:inline-block;margin-top:28px;font-size:14px;border-bottom:1px solid #888;padding-bottom:7px}footer{display:flex;justify-content:space-between;align-items:center;padding:25px 5%;border-top:1px solid var(--line);font-size:11px;color:#999}footer img{object-fit:contain}dialog{background:#161616;color:#f5f5f3;border:1px solid #444;padding:22px;max-width:960px;width:calc(100% - 28px);max-height:92vh;overflow:auto}dialog::backdrop{background:#000d;backdrop-filter:blur(9px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head img{object-fit:contain}.dialog-head button{border:0;background:transparent;font-size:12px;padding:10px}.dialog-media{display:block;aspect-ratio:16/9;width:100%;border:0;background:#080808}.dialog-image{display:block;width:100%;max-height:50vh;object-fit:contain;background:#0a0a0a}.dialog-body{padding-top:22px}.dialog-body h2{font-size:32px;line-height:1.3;margin:0 0 15px;font-weight:600}.dialog-body p{font-size:14px;color:#aaa;line-height:1.8}.dialog-tags{font-size:12px!important;color:#ccc!important}.external-link{display:inline-block;background:#f3f3f3;color:#111;font-size:13px;padding:12px 20px;margin-top:10px}.embed-note{font-size:10px!important}.skip{position:fixed;top:-100px;right:20px;background:#fff;color:#000;padding:10px;z-index:100}.skip:focus{top:10px}@media(max-width:700px){header{padding:20px 6%}nav{gap:17px;font-size:11px}.brand img{width:47px;height:24px}.hero{padding:45px 6% 0}.hero-title{padding-bottom:35px;gap:15px;align-items:flex-start}.hero-logo{width:19%;margin-top:12px}.hero h1{font-size:clamp(52px,13.5vw,91px);letter-spacing:-.07em;margin-bottom:18px}.hero p{font-size:11px;line-height:1.8;max-width:220px}.social-links a{padding:19px 12px;font-size:17px;letter-spacing:-.5px}.social-links span{font-size:14px}.project-section{padding:45px 6% 5px}.section-title{margin-bottom:22px;padding-bottom:17px}.section-title h2{font-size:25px}.project-grid{grid-template-columns:1fr;gap:29px}.card-meta h3{font-size:20px}.card-meta p{font-size:11px}.about{display:block;padding:60px 6% 45px}.about .section-title{padding:0;margin-bottom:25px}.about-content>p{font-size:18px}.about .section-title>span{display:none}footer{padding:24px 6%}.dialog-body h2{font-size:26px}dialog{padding:15px}.dialog-body p{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:360px){.social-links a{font-size:15px;padding:18px 8px;gap:5px}.social-links span{font-size:12px}}

.social-links a{justify-content:center;padding:24px!important;min-height:91px}.social-links img{width:40px;height:40px;object-fit:contain;filter:invert(1);transition:opacity .2s,transform .2s}.social-links a:hover img{opacity:.7;transform:translateY(-2px)}
.about{padding-top:48px;padding-bottom:6px}.about-content>p{font-size:18px}.brand img,footer img,.dialog-head img{height:auto;aspect-ratio:2048/994;object-fit:contain;flex-shrink:0}
.tools{padding:70px 5%}.tools-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));list-style:none;padding:0;margin:35px 0 0;gap:18px}.tools-grid li{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;font-size:11px;color:#bbb}.tools-grid img{width:48px;height:48px;object-fit:contain}.mono-icon{filter:invert(1)}
@media(max-width:700px){.social-links a{padding:17px!important;min-height:72px}.social-links img{width:30px;height:30px}.about{padding:38px 6% 0}.about-content>p{font-size:16px}.tools{padding:50px 6%}.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 12px}.tools-grid img{width:38px;height:38px}.tools-grid li{font-size:10px;gap:14px}.tools .section-title h2{font-size:23px}}

/* Consistent monochrome software badges. */
.tools-grid li{gap:15px}.tool-logo{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border:1px solid #383838;border-radius:16px;background:#171717}.tools-grid .tool-logo img{width:44px;height:44px;object-fit:contain}.tools-grid .tool-logo .mono-icon{filter:invert(1)}.tools-grid .tool-logo .app-icon{width:56px;height:56px;filter:grayscale(1) brightness(1.35)}
@media(max-width:700px){.tool-logo{width:60px;height:60px;border-radius:13px}.tools-grid .tool-logo img{width:35px;height:35px}.tools-grid .tool-logo .app-icon{width:45px;height:45px}}
.episode-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;gap:2px}.episode-mosaic img{min-height:0;min-width:0;object-fit:cover;width:100%;height:100%}.project-card button:hover .episode-mosaic img{transform:none}.series-dialog{max-width:1160px}.episode-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.episode h3{font-size:15px;font-weight:500;margin:0 0 12px}.series-dialog .dialog-body{padding-top:0}.series-dialog .dialog-tags{margin-bottom:25px}.tools-grid .tool-logo .white-icon{filter:none}@media(max-width:700px){.episode-grid{grid-template-columns:1fr;gap:24px}.episode h3{font-size:14px}}

.hero h1{letter-spacing:-.025em;word-spacing:.07em}.tools-grid .tool-logo img,.tools-grid .tool-logo .mono-icon,.tools-grid .tool-logo .white-icon,.tools-grid .tool-logo .app-icon{width:48px;height:48px;filter:none;object-fit:contain}.tool-logo{background:transparent;border:0}.tools-grid img[src$="aseprite-icon.png"]{image-rendering:pixelated}@media(max-width:700px){.hero h1{font-size:clamp(46px,12vw,84px);letter-spacing:-.025em}.tools-grid .tool-logo img,.tools-grid .tool-logo .mono-icon,.tools-grid .tool-logo .white-icon,.tools-grid .tool-logo .app-icon{width:40px;height:40px}}
.tools-grid .tool-logo img[src$="finalcut.png"],.tools-grid .tool-logo img[src$="logic.png"]{width:60px;height:60px}@media(max-width:700px){.tools-grid .tool-logo img[src$="finalcut.png"],.tools-grid .tool-logo img[src$="logic.png"]{width:50px;height:50px}}

.about .section-title h2{font-size:46px;line-height:1.2;font-weight:600;letter-spacing:-1px}.about .bio{font-size:15px;line-height:1.9}.about details[open] summary span{font-size:0}.about details[open] summary span:after{content:"−";font-size:14px}.project-card button:focus-visible .project-art{outline:2px solid #fff;outline-offset:4px}@media(max-width:700px){.about .section-title h2{font-size:25px}.about .bio{font-size:13px}}