/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V4 */
/* Hallmark · macrostructure: Cinematic opening + single-column films · theme: custom black/silver · reference: ehudlevi.com structural inspiration */
html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--color-paper)}.masthead{position:absolute;inset:0 0 auto;z-index:5;min-height:100px;padding:24px 5vw}.name{font-size:21px;letter-spacing:-.8px}.name span{font-size:9px;letter-spacing:3px}.nav-work{font-size:13px;margin-left:auto;margin-right:48px}#menu{gap:14px}#menu span{font-size:13px}#menu i{display:block;width:22px;height:9px;border-top:1px solid var(--color-text);border-bottom:1px solid var(--color-text)}
.hero{position:relative;height:min(100svh,1100px);min-height:620px;isolation:isolate;display:grid;place-items:center;overflow:hidden}.hero-film{position:absolute;inset:0;z-index:-3;overflow:hidden;background:var(--color-panel)}.hero-film iframe{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100vw,177.78svh);height:max(100svh,56.25vw);border:0;pointer-events:none;opacity:.7}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--color-hero-top),var(--color-hero-middle) 35%,var(--color-paper) 100%)}.hero-copy{text-align:center;padding:80px 24px 30px;width:100%;max-width:1400px}.eyebrow{font-size:10px;letter-spacing:4px;font-weight:500;color:var(--color-muted);margin:0 0 24px}.hero .eyebrow{color:var(--color-text)}.hero h1{font-size:clamp(52px,7.4vw,112px);font-weight:500;line-height:1.12;letter-spacing:-5px;text-wrap:balance;max-width:100%;background:linear-gradient(180deg,var(--color-text) 30%,var(--color-silver));color:var(--color-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:clamp(17px,2vw,26px);font-weight:300;margin:26px 0 42px;color:var(--color-text)}.hero-link{font-size:13px;display:inline-flex;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid var(--color-line)}.hero-link span{font-size:20px}.hero-bottom{position:absolute;bottom:44px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:var(--color-muted)}.hero-pause{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);border:1px solid var(--color-border);border-radius:50%;width:40px;height:40px;font-size:14px;display:grid;place-items:center}
#work{padding-top:100px;outline:none}.work-heading{text-align:center;padding:0 24px 90px}.work-heading h2{font-size:clamp(34px,4.5vw,64px);font-weight:400;letter-spacing:-2px;margin:0;line-height:1.2}.work-heading>p:last-child{font-size:14px;color:var(--color-muted);margin-top:20px}#count{display:inline-block;font-size:11px;letter-spacing:0;vertical-align:top;margin:9px 10px}.gallery{max-width:1120px;padding:0 40px}.film-row{display:block;margin:0 0 140px}.film{display:block;width:100%;margin:auto}.film.portrait{width:min(100%,calc(70svh * var(--ratio)),440px)}.film-meta{height:auto;min-height:0;padding:0 0 22px;gap:8px;align-items:flex-start}.film-meta h2{font-size:clamp(22px,2.5vw,34px);font-weight:400;letter-spacing:-.7px;line-height:1.3}.film-meta p{margin:0;font-size:12px;line-height:1.6;color:var(--color-muted)}.film-meta p:empty{display:none}.film-media{border-radius:12px;isolation:isolate;overflow:visible;background:var(--color-panel)}.film-media:before{content:'';position:absolute;inset:12px -18px;z-index:-1;background:var(--color-glow);filter:blur(38px);border-radius:40px;opacity:.7;transition:opacity var(--dur-cinema) var(--ease-out)}.film:nth-child(even) .film-media:before{background:var(--color-glow-bright)}.film.previewing .film-media:before,.film:focus-within .film-media:before{opacity:1}.film-media iframe{width:calc(100% * var(--frame-scale,1));height:100%;left:50%;top:0;right:auto;bottom:auto;transform:translateX(-50%);border-radius:0}.film-viewport{position:absolute;inset:0;overflow:hidden;border-radius:12px}.film-trigger{border-radius:12px;padding:24px;justify-content:flex-end;align-items:flex-end;border:1px solid var(--color-border)}.watch{display:grid;place-items:center;width:52px;height:52px;padding:0;border-radius:50%;border:1px solid var(--color-line);background:var(--color-control);backdrop-filter:blur(16px);opacity:0;transform:translateY(5px);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.watch svg{width:22px;height:22px;fill:var(--color-text)}.film-trigger:hover .watch,.film-trigger:focus-visible .watch{opacity:1;transform:translateY(0)}.film-trigger:active{opacity:1}.film-trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:6px}.viewer{border-radius:18px;direction:rtl}.viewer::backdrop{background:var(--color-backdrop);backdrop-filter:blur(20px)}.viewer-head button{border:1px solid var(--color-border);border-radius:100px}.viewer-screen{overflow:hidden;border-radius:6px}footer{max-width:1280px;margin:0 auto;padding:20px 40px 48px;align-items:center;border-top:1px solid var(--color-border)}.footer-name{font-size:20px;letter-spacing:-.6px}#categories{direction:rtl}#categories .filter{text-align:right}body:has(dialog[open]){overflow-y:hidden}
@media(max-width:767px){.masthead{padding:22px 24px;min-height:88px}.name{font-size:18px}.nav-work{display:none}#menu span{display:none}.hero{min-height:580px;height:92svh}.hero h1{font-size:clamp(48px,10vw,72px);letter-spacing:-2.8px;max-width:620px;margin:auto}.hero-copy{padding:80px 24px 50px}.hero-sub{font-size:18px;line-height:1.6;margin:24px 0 32px}.hero .eyebrow{font-size:8px;letter-spacing:3px}.hero-bottom{bottom:30px;left:24px;right:24px;font-size:7px;letter-spacing:1px}.hero-bottom span:last-child{max-width:80px;text-align:right;line-height:1.6}.hero-pause{bottom:20px;width:36px;height:36px}#work{padding-top:72px}.work-heading{padding-bottom:56px}.gallery{padding:0 24px}.film-row{margin-bottom:80px}.film.portrait{width:min(100%,calc(65svh * var(--ratio)),360px)}.film-meta{padding-bottom:16px}.film-meta h2{font-size:24px}.film-meta p{font-size:11px}.film-media,.film-viewport,.film-trigger{border-radius:8px}.film-media:before{inset:10px 0;filter:blur(24px)}.film-trigger{padding:14px}.watch{opacity:1;transform:none;width:42px;height:42px}.watch svg{width:18px;height:18px}footer{margin:0 24px;padding:24px 0 36px;gap:20px}.footer-name{font-size:18px}footer>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.watch{transform:none}.hero-film{opacity:.45}}

.viewer-screen{max-height:74dvh;width:min(100%,calc(74dvh * var(--ratio)))}.viewer-screen iframe{width:calc(100% * var(--frame-scale,1));left:50%;right:auto;transform:translateX(-50%)}.viewer-controls{display:flex;align-items:center;gap:16px;padding-top:16px}.viewer-controls button{min-width:40px;min-height:40px;font-size:13px}.viewer-controls button:first-child,.viewer-controls button:last-child{font-size:22px}.viewer-controls input{flex:1;min-width:0;accent-color:var(--color-text);cursor:pointer}.viewer-controls span{font-size:11px;color:var(--color-muted);font-variant-numeric:tabular-nums}.viewer:fullscreen{width:100%;height:100%;max-height:none;border-radius:0;display:flex;flex-direction:column;justify-content:center}.viewer:fullscreen .viewer-screen{flex-shrink:0}@media(max-width:767px){.viewer-controls{gap:6px}.viewer-controls button{font-size:11px}.viewer-screen{max-height:70dvh;width:min(100%,calc(70dvh * var(--ratio)))}}

/* Inline playback and editorial Hebrew typography */
.hero h1,.work-heading h2,.film-meta h2,#category-title{font-family:var(--font-display);font-weight:400;letter-spacing:-.035em}.hero h1{font-size:clamp(60px,8.2vw,124px);line-height:1.16}.hero-sub{font-size:clamp(16px,1.6vw,23px);font-weight:300}.film-meta h2{font-size:clamp(28px,3vw,42px)}.hero-film iframe{opacity:0;transition:opacity 700ms var(--ease-in-out)}.hero-film iframe.is-current{opacity:.72}.film-media iframe{width:calc(100% * var(--frame-x,1));height:calc(100% * var(--frame-y,1));left:50%;top:50%;transform:translate(-50%,-50%)}.film-media:before{opacity:0!important;inset:4px -8px;filter:blur(25px)}.film.previewing .film-media:before,.film.is-playing .film-media:before{opacity:.75!important}.film-trigger{z-index:3}.film.is-playing .watch{opacity:0}.film.is-playing .film-trigger:hover .watch,.film.is-playing .film-trigger:focus-visible .watch{opacity:1}.inline-controls{position:absolute;bottom:0;left:0;right:0;z-index:4;display:none;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(var(--color-clear),var(--color-header));border-radius:0 0 12px 12px}.film.sound-mode .inline-controls{display:flex}.film.sound-mode .film-trigger{padding-bottom:72px}.inline-controls button{min-height:36px;min-width:36px;font-size:12px}.inline-controls input{flex:1;min-width:0;accent-color:var(--color-text);cursor:pointer}.inline-controls span{font-size:10px;font-variant-numeric:tabular-nums}.film-media:fullscreen{width:100%;height:100%;aspect-ratio:auto;background:var(--color-paper)}.film-media:fullscreen .film-viewport{width:min(100vw,calc(100dvh * var(--ratio)));height:min(100dvh,calc(100vw / var(--ratio)));inset:50% auto auto 50%;transform:translate(-50%,-50%)}.film-error{position:absolute;inset:auto 16px 16px;z-index:5;padding:12px;background:var(--color-panel);font-size:12px}.film-error:empty{display:none}@media(max-width:767px){.hero h1{font-size:clamp(54px,12vw,80px);letter-spacing:-.045em}.film-meta h2{font-size:30px}.inline-controls{gap:6px;padding:10px}.inline-controls button{font-size:10px}.hero-copy{padding-inline:22px}}