.case-page,.projects-page{--proj:var(--accent)}.cs-hero{padding-block:max(110px,16vh) 5vh}.cs-kicker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cs-kicker .sw{background:var(--proj);block-size:10px;inline-size:10px;box-shadow:0 0 0 1px color-mix(in srgb, var(--fg) 12%, transparent);border-radius:3px}.cs-hero h1{letter-spacing:-.045em;overflow-wrap:break-word;margin:18px 0 22px;font-size:clamp(56px,11vw,176px);font-weight:900;line-height:.86}.cs-hero h1.h1-mid{letter-spacing:-.04em;font-size:clamp(46px,8vw,128px);line-height:.9}.cs-hero h1.h1-long{letter-spacing:-.035em;max-width:18ch;font-size:clamp(38px,5.6vw,92px);line-height:.95}:root[lang=he] .cs-hero h1{letter-spacing:-.02em;line-height:.95}:root[lang=he] .cs-hero h1.h1-long{line-height:1.02}.cs-lead{text-wrap:balance;max-width:30ch;margin:0 0 30px;font-size:clamp(20px,2.4vw,32px);line-height:1.3}:root[lang=he] .cs-lead{max-width:34ch;line-height:1.4}.cs-lead .s,.closing .s,.pj-hero h1 .s{color:var(--accent)}.cs-meta{border-block-start:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding-block-start:16px;display:grid}.cs-meta div{align-content:start;gap:4px;font-size:14px;display:grid}.cs-meta dt{margin:0}.cs-meta dd{text-wrap:pretty;margin:0}.cs-team{border-block-start:1px dashed var(--line);grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:6px 18px;margin-block-start:18px;padding-block-start:14px;font-size:14px;display:grid}.cs-team ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.cs-team b{font-weight:700}.cs-team li span{color:var(--muted)}.cs-media{max-width:calc(1240px + 2 * var(--gutter));margin:6vh auto 0}.cs-media .frame{border-radius:var(--radius-l);background:var(--tile);transform-origin:50% 0;overflow:hidden}.cs-media .hero-img{block-size:auto;inline-size:100%;display:block}.hero-diagram{background:var(--bg-2);margin:0}.hero-diagram img,.shot .diagram img{block-size:auto;inline-size:100%;display:block}.hero-diagram figcaption{border-block-start:1px solid var(--line);text-transform:none;letter-spacing:.02em;padding:12px 16px 14px;font-size:12px}.shot .diagram img{border-radius:var(--radius-m);border:1px solid var(--line);background:var(--bg-2)}.hero-swatch{aspect-ratio:16/9;background:linear-gradient(135deg, var(--proj), color-mix(in srgb, var(--proj) 55%, #000));color:#fff;letter-spacing:-.03em;text-align:center;place-items:center;padding:6%;font-size:clamp(28px,5vw,72px);font-weight:900;display:grid}.cta{flex-wrap:wrap;align-items:center;gap:10px;margin-block-start:18px;display:flex}.cta .note{flex-basis:100%}@media (width>=700px){.cta .note{flex-basis:auto;margin-inline-start:6px}}.cta.inline{margin-block-start:26px}.clip{position:relative}.clip video{aspect-ratio:16/9;object-fit:cover;background:var(--tile);block-size:auto;inline-size:100%;display:block}.clip-toggle{font:inherit;color:#fff;cursor:pointer;backdrop-filter:blur(6px);opacity:.82;background:#0a0c1e8c;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:7px;padding:7px 11px 7px 9px;font-size:12px;font-weight:500;line-height:1;transition:opacity .2s,background-color .2s;display:inline-flex;position:absolute;inset-block-end:12px;inset-inline-end:12px}.clip-toggle:hover,.clip-toggle:focus-visible{opacity:1;background:var(--accent);border-color:var(--accent)}.clip-toggle .ico{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;block-size:0;inline-size:0}.clip-toggle.playing .ico{border:0;border-left:3px solid;border-right:3px solid;width:8px;height:10px}:root:not([data-tier]) .clip-toggle{display:none}.master{position:relative}.master video{aspect-ratio:16/9;background:#0b0b0e;block-size:auto;inline-size:100%;display:block}.master-play{display:none}.master.ready .master-play{cursor:pointer;inline-size:100%;font:inherit;color:#fff;text-shadow:0 1px 12px #00000073;background:radial-gradient(46% 52%,#08080e9e,#08080e2e 100%);border:0;align-content:center;place-items:center;gap:14px;padding:0;display:grid;position:absolute;inset:0}.master-play .disc{aspect-ratio:1;background:var(--accent);color:#fff;inline-size:clamp(64px,8vw,96px);transition:transform .3s var(--ease-out);border-radius:50%;place-items:center;display:grid;box-shadow:0 18px 40px #00000059}.master-play .disc svg{margin-left:4px}.master-play .words{text-align:center;justify-items:center;gap:6px;display:grid}.master-play .big{letter-spacing:-.01em;font-size:clamp(18px,2vw,24px);font-weight:700}.master-play .mono{color:#fffc}.master-play:hover .disc,.master-play:focus-visible .disc{transform:scale(1.08)}.master-play:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.master.started .master-play{display:none}.story{grid-template-columns:200px minmax(0,1fr);gap:56px;padding-block:14vh 6vh;display:grid}.story:not(:has(.toc)){grid-template-columns:minmax(0,1fr)}.toc{align-self:start;gap:8px;display:grid;position:sticky;inset-block-start:110px}.toc a{color:var(--muted);gap:8px;font-size:13px;font-weight:700;line-height:1.3;text-decoration:none;transition:color .25s;display:flex}.toc a .n{font-family:var(--mono);padding-block-start:2px;font-size:10px;font-weight:400}.toc a:hover,.toc a.on{color:var(--fg)}.toc a.on .n{color:var(--accent)}@media (width>=1200px){.story:has(.toc){grid-template-columns:minmax(0,1fr);padding-inline-end:256px}.story .toc{display:none}.story .plate-band{margin-inline:0 -236px}}.chapters{min-inline-size:0}.chapter{padding-block-end:12vh;scroll-margin-block-start:90px}.chapter .kicker h2{margin:0;font-weight:400}.chapter>p{max-width:58ch;margin:0 0 16px;font-size:19px}:root[lang=he] .chapter>p{max-width:62ch;font-size:18.5px}.points{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;max-width:72ch;margin:22px 0 0;padding:0;list-style:none;display:grid}.points li{border-block-start:1px solid var(--line);padding-block-start:10px}.points.lines{grid-template-columns:minmax(0,1fr);max-width:62ch;font-size:17px}.timeline{max-width:72ch;margin-block-start:38px}.timeline h3{margin:0 0 12px;font-weight:400}.timeline ol{margin:0;padding:0;list-style:none}.timeline li{border-block-start:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);gap:18px;padding-block:12px;display:grid}.timeline .when{color:var(--accent);padding-block-start:3px}.timeline .what{gap:3px;display:grid}.timeline .what b{font-size:17px}.timeline .what span{color:var(--muted);font-size:15px}.feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;margin-block-start:10px;display:grid}.feat{border-block-start:1px solid var(--line);padding-block-start:14px}.feat h3{letter-spacing:-.01em;margin:6px 0 8px;font-size:22px;line-height:1.2}:root[lang=he] .feat h3{letter-spacing:0}.feat p{color:var(--muted);margin:0;font-size:16px}.design-note{border-inline-start:2px solid var(--accent);gap:6px;max-width:62ch;margin:0 0 30px;padding-inline-start:16px;font-size:17px;display:grid}.plate-band{z-index:2;background:var(--bg);gap:clamp(44px,7vh,72px);margin-block-end:clamp(44px,7vh,72px);margin-inline-start:-256px;padding-block:8px 12px;display:grid;position:relative}.plate-band+.screens{margin-block-start:0}.hero-plate{background:var(--bg)}.hero-plate :global(figcaption),.hero-plate figcaption{padding-inline:2px}.cs-media .frame:has(.hero-plate){background:0 0;border-radius:0;overflow:visible}.screens{grid-template-columns:repeat(6,minmax(0,1fr));gap:26px;display:grid}.shot{min-inline-size:0;margin:0}.shot.s6{grid-column:span 6}.shot.s4{grid-column:span 4}.shot.s3{grid-column:span 3}.shot.s2{grid-column:span 2}.shot[style*=--start]{grid-column:var(--start) / span 2}.shot img{border-radius:var(--radius-m);border:1px solid var(--line);background:var(--tile);block-size:auto;inline-size:100%;display:block}.shot .clip{border-radius:var(--radius-m);border:1px solid var(--line);overflow:hidden}.shot figcaption{color:var(--muted);text-wrap:pretty;max-width:70ch;margin-block-start:10px;font-size:14px}.shot figcaption .mono{color:var(--accent);margin-inline-end:4px}.stats{flex-wrap:wrap;gap:24px 48px;margin-block-end:30px;display:flex}.stat{align-content:start;gap:6px;min-inline-size:0;display:grid}.stat b{letter-spacing:-.04em;color:var(--accent);white-space:nowrap;font-size:clamp(54px,7vw,104px);font-weight:900;line-height:.9;display:block}.stat b.long{font-size:clamp(40px,4.6vw,72px)}.stat span{color:var(--muted);max-inline-size:22ch;font-size:15px}.tech,.how{max-width:72ch;margin-block-start:30px}.tech h3,.how h3{margin:0 0 12px;font-weight:400}.how p{color:var(--muted);margin:0;font-size:16px}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px}.chips li.minor{color:var(--muted);border-style:dashed}.closing-wrap{padding-block:2vh 4vh}.closing{letter-spacing:-.035em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(34px,5.4vw,82px);font-weight:900;line-height:.98}.closing.long{max-width:22ch;font-size:clamp(30px,4vw,58px);line-height:1.04}:root[lang=he] .closing{letter-spacing:-.015em;line-height:1.08}.closing-rest{color:var(--muted);max-width:46ch;margin:22px 0 0;font-size:clamp(18px,1.8vw,23px)}.related{margin-block-start:12vh}.related .kicker h2{margin:0;font-weight:400}.related ul{margin:0;padding:0;list-style:none}.related a{border-block-end:1px solid var(--line);grid-template-columns:120px minmax(0,1fr) auto;align-items:baseline;gap:4px 22px;padding-block:16px;text-decoration:none;display:grid}.related .pt{letter-spacing:-.01em;grid-column:2;font-size:22px;font-weight:700;line-height:1.2}.related .pd{color:var(--muted);grid-column:2;font-size:15px}.related a>.mono:last-child{grid-area:1/3}.related a:hover .pt{color:var(--accent)}.endnav{margin-block-start:12vh;padding-block-end:18vh}.next{border-block-start:1px solid var(--line);grid-template-columns:minmax(0,1fr) clamp(140px,26%,340px);align-items:end;gap:28px;padding-block-start:26px;text-decoration:none;display:grid}.next .txt{grid-template-columns:minmax(0,1fr);gap:10px;min-inline-size:0;display:grid}.next .t{overflow-wrap:break-word;hyphens:manual;text-wrap:balance}.next .t.long{font-size:clamp(26px,3.4vw,50px);line-height:1}.next .t{letter-spacing:-.03em;font-size:clamp(30px,5vw,72px);font-weight:900;line-height:.95;transition:color .25s}:root[lang=he] .next .t{letter-spacing:-.01em;line-height:1.05}.next .tag{color:var(--muted);max-width:52ch}.next .thumb{border-radius:var(--radius-m);aspect-ratio:16/10;background:var(--tile);display:block;overflow:hidden}.next .thumb img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform .7s var(--ease-out);display:block}.next .thumb .swatch{background:var(--proj);block-size:100%;inline-size:100%;display:block}.next:hover .t,.next:focus-visible .t{color:var(--accent)}.next:hover .thumb img{transform:scale(1.04)}.back{border-block-start:1px solid var(--line);align-items:baseline;gap:12px;margin-block-start:22px;padding-block-start:16px;text-decoration:none;display:flex}.back .b{font-size:18px;font-weight:700}.back .arrow{color:var(--accent);margin-inline-start:auto}.back:hover .b{color:var(--accent)}.pj-hero{padding-block:max(120px,17vh) 7vh}.pj-kicker{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.pj-hero h1{letter-spacing:-.04em;max-width:13ch;margin:20px 0 26px;font-size:clamp(46px,8.4vw,136px);font-weight:900;line-height:.9}:root[lang=he] .pj-hero h1{letter-spacing:-.015em;max-width:12ch;line-height:1}.pj-sub{color:var(--muted);max-width:46ch;margin:0;font-size:clamp(18px,1.8vw,23px)}.pj-cases,.pj-shorts{padding-block:6vh 10vh}.pj-cases .kicker h2,.pj-shorts .kicker h2{margin:0;font-weight:400}.pj-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px;display:grid}.pcard{grid-template-columns:minmax(0,1fr);align-content:start;gap:10px;min-inline-size:0;display:grid}.pcard.wide{grid-column:1/-1}.card-link{grid-template-columns:minmax(0,1fr);gap:12px;min-inline-size:0;text-decoration:none;display:grid}.pcard h3,.short h3{overflow-wrap:break-word;text-wrap:balance}.pcard .ph{border-radius:var(--radius-m);aspect-ratio:16/10;background:var(--proj);position:relative;overflow:hidden}@media (width>=861px){.pcard.wide .card-link{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:end;gap:32px}.pcard.wide .body{gap:12px;padding-block-end:4px;display:grid}.pcard.wide .row{flex-direction:column;align-items:flex-start;gap:10px}.pcard.wide .body p{font-size:17px}}.pcard .ph img,.pcard .ph video{object-fit:cover;block-size:100%;inline-size:100%;transition:transform .7s var(--ease-out), opacity .35s;display:block;position:absolute;inset:0}.pcard .ph video{opacity:0}.pcard .ph.playing video{opacity:1}.card-link:hover .ph img,.card-link:focus-visible .ph img{transform:scale(1.04)}.pcard .row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pcard h3{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:700;line-height:1.15;transition:color .25s}.pcard.wide h3{letter-spacing:-.02em;font-size:clamp(26px,3vw,40px)}:root[lang=he] .pcard h3{letter-spacing:0}.pcard .body p{color:var(--muted);max-width:54ch;margin:0}.pcard .go{font-family:var(--mono);color:var(--accent);white-space:nowrap;letter-spacing:var(--mono-tracking);text-transform:var(--mono-case);font-size:11px}.card-link:hover h3,.card-link:focus-visible h3{color:var(--accent)}.card-link:focus-visible{outline:none}.card-link:focus-visible .ph{outline:2px solid var(--accent);outline-offset:3px}.pcard .foot{border-block-start:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding-block-start:10px;display:flex}.pcard .ext{font-size:14px;font-weight:500;text-decoration:none}.pcard .ext:hover{color:var(--accent)}.swatch{text-align:center;background:linear-gradient(135deg, var(--proj), color-mix(in srgb, var(--proj) 55%, #000));color:#fff;letter-spacing:-.02em;place-items:center;padding:8%;font-size:clamp(20px,2.6vw,34px);font-weight:900;display:grid;position:absolute;inset:0}.pj-shorts .sub{margin:-10px 0 30px}.shorts{gap:0;display:grid}.short{border-block-start:1px solid var(--line);grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:start;gap:28px;padding-block:24px;display:grid}.short .ph{border-radius:var(--radius-m);aspect-ratio:16/10;background:var(--tile);position:relative;overflow:hidden}.short .ph img{object-fit:cover;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.short .body{gap:6px;display:grid}.short h3{letter-spacing:-.015em;margin:2px 0 0;font-size:26px;font-weight:700;line-height:1.15}:root[lang=he] .short h3{letter-spacing:0}.short .tag{max-width:60ch;margin:0;font-size:17px}.short .credit{color:var(--muted);max-width:70ch;margin:0;font-size:14px}.short .links{flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin-block-start:6px;display:flex}.short .links a{border-block-end:1px solid var(--line);font-size:14px;font-weight:500;text-decoration:none}.short .links a:hover{color:var(--accent);border-color:var(--accent)}@media (width<=860px){.cs-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-team{grid-template-columns:minmax(0,1fr)}.story{grid-template-columns:minmax(0,1fr);gap:0;padding-block-start:10vh}.toc{display:none}.plate-band{margin-inline-start:0}.points,.feats{grid-template-columns:minmax(0,1fr)}.timeline li{grid-template-columns:minmax(0,1fr);gap:4px}.screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.shot.s6,.shot.s4,.shot.s3,.shot[style*=--start]{grid-column:span 2}.shot.s2,.shot.s2[style*=--start]{grid-column:span 1}.related a{grid-template-columns:minmax(0,1fr)}.related .pt,.related .pd,.related a>.mono:last-child{grid-area:auto/1}.next{grid-template-columns:minmax(0,1fr)}.next .thumb{max-inline-size:320px}.pj-grid{grid-template-columns:minmax(0,1fr);gap:44px}.short{grid-template-columns:minmax(0,1fr);gap:14px}.short .ph{max-inline-size:420px}}@media (width<=420px){.cs-meta{grid-template-columns:minmax(0,1fr);gap:12px}.chapter>p{font-size:17.5px}.clip-toggle .txt{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.clip-toggle{padding:8px}}@media (prefers-reduced-motion:reduce){.card-link .ph img,.next .thumb img,.master-play .disc{transition:none}}