: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}}


/* Independent Magazine  -  first design exploration. Preserves original content and modal logic. */
:root{--bg:#F0E3C7;--fg:#211D1B;--muted:#615C52;--line:#211D1B;--red:#E74734;--blue:#1766B2;--green:#177B56;--yellow:#F9B52D}
body{background:var(--bg);color:var(--fg);font-family:'Noto Sans Hebrew',Arial,sans-serif}
a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:4px}
main{max-width:1600px}
.hero{background:var(--bg);padding:40px 5% 0;min-height:540px}
.editorial-eyebrow{font-size:12px;font-weight:800;letter-spacing:.02em;border-top:2px solid var(--fg);padding-top:15px;display:flex;justify-content:space-between}
.hero-title{min-height:395px;align-items:center;gap:50px;padding:38px 0 52px}
.hero-title>div{max-width:1000px}
.hero h1{font-size:clamp(100px,16vw,245px);font-weight:800;line-height:.94;letter-spacing:-.075em;margin:0 0 30px}
.hero p{color:var(--fg);font-size:clamp(17px,1.65vw,23px);line-height:1.55;max-width:650px;font-weight:500}
.hero-logo{width:18%;max-width:225px;mix-blend-mode:multiply}
.social-links{border-top:2px solid var(--fg);border-bottom:2px solid var(--fg)}
.social-links a{min-height:78px!important;padding:15px!important;transition:background .2s}
.social-links a+a{border-left:2px solid var(--fg)}
.social-links img{filter:none;width:31px;height:31px}
.social-links a:hover{background:var(--yellow)}
.about{max-width:none;background:var(--red);padding:95px max(5%,calc((100vw - 1440px)/2)) 110px;display:grid;grid-template-columns:.85fr 1.15fr;gap:45px}
.about .section-title{display:flex;align-items:baseline;gap:18px;border:0;padding:0;margin:0;justify-content:flex-start}
.about .section-title h2{font-size:clamp(60px,7vw,115px);line-height:1;letter-spacing:-.06em;font-weight:800}
.editorial-index{font-size:13px;font-weight:800;white-space:nowrap;letter-spacing:0}
.about-content{padding-top:5px}
.about-content>p{font-size:clamp(21px,2.1vw,32px);font-weight:700;line-height:1.55;color:var(--fg);max-width:760px;margin:0 0 33px}
.about .bio{border-top:2px solid var(--fg);padding-top:24px;font-size:16px;line-height:1.9;color:var(--fg);max-width:740px}
.about .bio p{margin:0 0 18px}
.project-section{padding:90px 5% 100px;background:var(--bg)}
.project-section#idf{background:var(--blue);color:#FFF2D9}
.project-section#work{background:var(--bg);color:var(--fg)}
.project-section#personal{background:var(--green);color:#FFF2D9}
.section-title{border-bottom:2px solid currentColor;padding-bottom:20px;margin-bottom:33px;justify-content:flex-start;gap:20px}
.section-title h2{font-size:clamp(45px,6.6vw,98px);font-weight:800;letter-spacing:-.055em;line-height:1.06}
.section-count{margin-inline-start:auto;font-size:12px;font-weight:700;align-self:flex-end;white-space:nowrap}
.project-grid{gap:50px 26px}
.project-art{background:#241F1D;aspect-ratio:16/10;overflow:hidden}
.project-card button{color:inherit}
.project-card button:hover .project-art img{transform:scale(1.035)}
.project-card:nth-child(3n + 2) .project-art{aspect-ratio:4/3}
.project-card:nth-child(4n + 3) .project-art{aspect-ratio:16/9}
.card-meta{border-top:2px solid currentColor;margin-top:14px;padding-top:13px}
.card-meta h3{font-size:clamp(24px,2.5vw,38px);font-weight:800;line-height:1.2;letter-spacing:-.035em}
.card-meta p,.card-meta>span{color:inherit;opacity:.8;font-size:13px}
.card-count{background:var(--yellow);color:var(--fg);font-weight:800;font-size:12px}
.tools{background:var(--yellow);padding:90px 5% 105px}
.tools-grid{margin-top:50px;gap:25px}
.tools-grid li{color:var(--fg);font-size:13px;font-weight:700}
.tool-logo{width:90px;height:90px;border:2px solid var(--fg);border-radius:50%;background:rgba(255,255,255,.13)}
footer{max-width:1600px;background:var(--fg);color:var(--bg);padding:38px 5%;border:0;font-size:13px;font-weight:600}
footer img{filter:invert(1);opacity:.9}
dialog{background:var(--bg);color:var(--fg);border:3px solid var(--fg);border-radius:0;box-shadow:12px 12px 0 var(--red)}
dialog::backdrop{background:#171514d9;backdrop-filter:blur(4px)}
.dialog-head{border-bottom:2px solid var(--fg);padding-bottom:14px}
.dialog-body h2{font-size:clamp(32px,5vw,60px);font-weight:800;letter-spacing:-.05em}
.dialog-body p,.dialog-tags{color:var(--fg)!important}
.external-link{background:var(--red);color:#fff;font-weight:800}
@media(min-width:900px){.project-section#work .project-card:first-child{grid-column:span 1}}
@media(max-width:700px){
.hero{padding:25px 6% 0;min-height:0}.editorial-eyebrow{font-size:10px}
.hero-title{min-height:0;gap:12px;padding:55px 0 48px;align-items:flex-start}
.hero h1{font-size:clamp(66px,15.5vw,112px);margin-bottom:24px;letter-spacing:-.07em}
.hero p{font-size:15px;line-height:1.6;max-width:290px}.hero-logo{width:18%;margin-top:8px}
.social-links a{min-height:65px!important}.social-links img{width:27px;height:27px}
.about{display:block;padding:65px 6% 70px}.about .section-title{margin-bottom:35px;gap:12px}
.about .section-title h2{font-size:clamp(55px,12vw,85px)}.about-content>p{font-size:22px;line-height:1.6}
.about .bio{font-size:14px;line-height:1.85}
.project-section{padding:65px 6% 72px}.section-title{gap:12px;align-items:baseline;margin-bottom:26px}
.section-title h2{font-size:clamp(43px,10vw,72px)}.section-count{font-size:10px}
.project-grid{gap:35px}.project-card:nth-child(n) .project-art{aspect-ratio:16/10}
.card-meta h3{font-size:26px}.card-meta p{font-size:12px}
.tools{padding:65px 6% 80px}.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 8px}
.tool-logo{width:65px;height:65px}.tools-grid li{font-size:10px}
footer{padding:30px 6%}
}
@media(max-width:380px){.hero h1{font-size:60px}.hero-logo{width:16%}.section-title h2{font-size:40px}.editorial-index{font-size:10px}}

/* V2 refinements */
.editorial-index,.section-count{display:none!important}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shkolnik-wordmark{display:block;width:min(100%,920px);height:auto;object-fit:contain;object-position:right center;margin:0 0 28px}
.hero-title>div{min-width:0;flex:1}.hero-title{gap:32px}
.hero-logo{background:var(--blue);padding:18px;mix-blend-mode:normal;filter:brightness(0) invert(1)}
footer img,.dialog-head img{filter:brightness(0) invert(1);opacity:1}
.project-section#personal .album-art{aspect-ratio:1/1;background:#fbf9e4}
.project-section#personal .album-art img{object-fit:cover;width:100%;height:100%}
@media(max-width:700px){.shkolnik-wordmark{width:100%;margin:0 0 22px}.hero-title{gap:12px}.hero-logo{width:20%;padding:6px}.project-section#personal .album-art{aspect-ratio:1/1}}

/* V3: minimal masthead */
.hero .editorial-eyebrow{display:none!important}
.hero .hero-byline{font-size:clamp(20px,2.4vw,34px);font-weight:700;letter-spacing:-.02em;max-width:none;margin:0;line-height:1.3}
.shkolnik-wordmark{margin-bottom:12px}

/* V4: centered masthead, editorial year typography */
.hero-title{display:flex;justify-content:center;align-items:center;text-align:center}
.hero-title>div{width:100%;max-width:1100px;display:flex;flex-direction:column;align-items:center}
.shkolnik-wordmark{width:min(100%,1050px);height:auto;object-position:center;margin:0 auto 14px}
.hero .hero-byline{text-align:center;margin:0 auto}
.card-meta>span,.card-meta > div + span{font-family:inherit!important;font-size:clamp(14px,1.1vw,17px)!important;font-weight:650!important;letter-spacing:0!important;opacity:.75}
@media(max-width:700px){.hero-title{padding:45px 0 40px}.shkolnik-wordmark{width:100%;margin-bottom:10px}.hero .hero-byline{font-size:22px}}

/* V5  -  original typographic placeholder for the single (no invented cover art) */
.boi-art{background:#f6b52c;color:#211d1b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;overflow:hidden}
.boi-art-title{font-size:clamp(3.8rem,8vw,7.5rem);font-weight:900;line-height:1;letter-spacing:-.075em;transform:rotate(-5deg)}
.boi-art-caption{font-size:.9rem;font-weight:700}
.boi-dialog-art{min-height:230px;display:grid;place-items:center;background:#f6b52c;color:#211d1b;font-size:clamp(4rem,12vw,8rem);font-weight:900;letter-spacing:-.075em}
.external-link{text-decoration:none}

/* V6: matching square music release covers in a two-column grid */
#personal .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,26px);align-items:start}
#personal .project-card{min-width:0}
#personal .project-card .project-art.music-cover-art{aspect-ratio:1/1!important;width:100%;height:auto;background:transparent}
#personal .project-card .music-cover-art img{width:100%;height:100%;display:block;object-fit:contain!important;object-position:center;filter:none}
#personal .project-card .card-meta{gap:8px}
#personal .project-card .card-meta h3{font-size:clamp(16px,1.65vw,23px)}
#personal .project-card .card-meta p{font-size:clamp(10px,.95vw,13px)}
@media(max-width:520px){#personal .project-grid{gap:12px}#personal .project-card .card-meta{display:block}#personal .project-card .card-meta>span{display:block;margin-top:5px}}

/* V7  -  compact personal portfolio: one film and two equal-size music releases */
@media (min-width: 761px){
  #personal .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(16px,2.1vw,32px)!important;align-items:start}
  #personal .project-card:nth-child(n) .project-art{aspect-ratio:1/1!important}
  #personal .project-card:nth-child(n) .project-art img{width:100%;height:100%;object-fit:contain}
}
@media (max-width: 760px){
  #personal .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  #personal .project-card:first-child{grid-column:1 / -1;max-width:440px;width:100%;justify-self:center}
  #personal .project-card:first-child .project-art{aspect-ratio:16/10!important}
  #personal .project-card:nth-child(n+2) .project-art{aspect-ratio:1/1!important}
}
#personal .project-card .music-cover-art{max-height:420px}
#personal .project-card .music-cover-art img{object-fit:contain!important}

/* V8: Film gets a wider cinematic frame; music releases remain square. */
@media (min-width:761px){
  #personal .project-grid{
    grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr)!important;
    align-items:start;
  }
  #personal .project-card:first-child .project-art{
    aspect-ratio:16/9!important;
    background:transparent!important;
  }
  #personal .project-card:first-child .project-art img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    display:block;
  }
  #personal .project-card:nth-child(n+2) .project-art{aspect-ratio:1/1!important}
}
@media (max-width:760px){
  #personal .project-card:first-child .project-art{
    aspect-ratio:16/9!important;
    background:transparent!important;
  }
  #personal .project-card:first-child .project-art img{
    width:100%!important;height:100%!important;object-fit:cover!important;display:block;
  }
}

/* V9: dialogs inherit the identity of their project group */
#project-dialog{--dialog-accent:var(--yellow);background:var(--dialog-accent);color:var(--fg);box-shadow:12px 12px 0 var(--dialog-accent);border-color:var(--fg)}
#project-dialog[data-group="idf"]{--dialog-accent:var(--blue)}
#project-dialog[data-group="work"]{--dialog-accent:var(--yellow)}
#project-dialog[data-group="personal"]{--dialog-accent:var(--green)}
#project-dialog .dialog-head img{filter:none!important;opacity:1}
#project-dialog .external-link{background:var(--fg);color:var(--bg)}
#project-dialog .dialog-body p,#project-dialog .dialog-tags{color:var(--fg)!important}
.video-wrap{min-width:0}
.video-direct{display:inline-block;margin:9px 0 14px;color:inherit;font-size:14px;font-weight:700;text-underline-offset:3px}
.video-fallback{display:grid;place-items:center;position:relative;aspect-ratio:16/9;background:#171514;color:white;text-decoration:none;overflow:hidden}
.video-fallback img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.48}
.video-fallback span{z-index:1;background:#171514;padding:13px 18px;font-weight:750}

/* V10: cream modal, category-color shadow only, black logo. */
#project-dialog,
#project-dialog[data-group="idf"],
#project-dialog[data-group="work"],
#project-dialog[data-group="personal"] {
  background:#F0E3C7!important;
  color:#211D1B!important;
  box-shadow:12px 12px 0 var(--dialog-accent)!important;
}
#project-dialog .dialog-head img {filter:brightness(0)!important;opacity:1!important}
/* Single-video modals fit inside the viewport without an inner scrollbar. */
#project-dialog.single-video-dialog {
  width:min(760px,calc(100vw - 44px))!important;
  max-height:calc(100dvh - 44px)!important;
  overflow:hidden!important;
  box-sizing:border-box;
}
#project-dialog.single-video-dialog .video-wrap {width:100%;max-width:min(100%,calc(46dvh * 16 / 9));margin-inline:auto}
#project-dialog.single-video-dialog .video-fallback,
#project-dialog.single-video-dialog .dialog-media {aspect-ratio:16/9;width:100%;height:auto;max-height:46dvh}
#project-dialog.single-video-dialog .dialog-body h2{font-size:clamp(25px,4vw,48px);line-height:1.1;margin-block:12px 6px}
#project-dialog.single-video-dialog .dialog-body p{margin-block:5px;font-size:clamp(12px,1.1vw,15px)}
#project-dialog.single-video-dialog .dialog-head{margin-bottom:10px;padding-bottom:8px}
#project-dialog.single-video-dialog .video-direct{margin:5px 0 3px}
@media(max-height:650px){
 #project-dialog.single-video-dialog .video-wrap{max-width:min(100%,calc(36dvh * 16 / 9))}
 #project-dialog.single-video-dialog .video-fallback,
 #project-dialog.single-video-dialog .dialog-media{max-height:36dvh}
}
@media(max-width:600px){
 #project-dialog.single-video-dialog{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;padding:12px!important}
}

/* V11: no extra link under any video. */
.video-direct{display:none!important}
.video-wrap{margin-bottom:0}

/* V12: direct-to-source portfolio cards, no intermediate dialog */
.project-card .project-link{display:block;width:100%;padding:0;border:0;text-align:right;background:none;color:inherit;text-decoration:none;cursor:pointer}
.project-card .project-link:hover .project-art img{transform:scale(1.035)}
.project-card .project-link:hover .episode-mosaic img{transform:none}
.project-card .project-link:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:2px}

/* V13: clean software badges: no milky fill, ChatGPT symbol without square tile. */
.tools-grid .tool-logo{background:transparent!important;box-shadow:none!important}
.tools-grid img[src$="chatgpt-transparent.png"]{width:54px!important;height:54px!important;object-fit:contain;filter:none!important}
@media(max-width:700px){.tools-grid img[src$="chatgpt-transparent.png"]{width:40px!important;height:40px!important}}


/* V14: brighter Work section; charcoal software section; refreshed bio. */
.project-section#work { background:var(--yellow); color:var(--fg); }
.tools { background:var(--fg); color:var(--bg); }
.tools .tools-grid li { color:var(--bg); }
.tools .tools-grid .tool-logo { border-color:var(--bg); background:transparent!important; }

/* V15: White ChatGPT mark on charcoal, preserve transparent background. */
.tools .tools-grid img[src$="chatgpt-transparent.png"]{filter:none!important;}