:root{--ink:#101112;--bone:#f1ecdf;--coral:#ff8a1f;--line:rgba(241,236,223,.22);--pad:clamp(22px,5vw,82px);--display:"Noto Sans Hebrew",Arial,sans-serif;--body:"Noto Sans Hebrew",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--body);font-size:18px;line-height:1.55}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.skip-link{position:fixed;top:12px;right:12px;z-index:99;transform:translateY(-150%);background:var(--bone);color:var(--ink);padding:10px}.skip-link:focus{transform:none}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{height:112px;padding:0 var(--pad);display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);position:absolute;top:0;width:100%;z-index:10}.brand{margin-left:auto}.brand img,footer img{display:block;width:126px;filter:brightness(0) invert(1)}nav{display:flex;gap:32px;font-size:15px}nav a,.header-cta{transition:color .2s}nav a:hover,nav a:focus-visible,.header-cta:hover,.header-cta:focus-visible{color:var(--coral)}.header-cta{font-weight:600;border-bottom:1px solid currentColor}.hero{min-height:100svh;padding:clamp(160px,18vh,220px) var(--pad) 70px;display:grid;grid-template-columns:minmax(350px,.82fr) 1.3fr;gap:clamp(32px,6vw,100px);align-items:center;overflow:hidden}.hero h1,.section-heading h2,.about h2,.contact h2{font-family:var(--display);font-size:clamp(58px,7.1vw,128px);font-weight:700;line-height:.88;letter-spacing:-.06em;margin:0}.hero h1 em,.about h2 em,.contact h2 em{font-style:normal;color:var(--coral)}.hero-copy p{max-width:430px;margin:32px 0;font-size:clamp(19px,1.5vw,25px)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--coral);color:var(--ink);border:0;padding:17px 25px;font-weight:700;min-width:220px;cursor:pointer;transition:transform .2s,background .2s}.button:hover,.button:focus-visible{transform:translateY(-3px);background:#ff6b60}.hero-media,.project-media{position:relative;border:0;padding:0;background:#242526;color:white;overflow:hidden;cursor:pointer;text-align:right}.hero-media{aspect-ratio:16/11}.hero-media img,.project-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.hero-media:hover img,.project-media:hover img{transform:scale(1.035)}.media-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72))}.play{position:absolute;top:50%;left:50%;translate:-50% -50%;width:74px;height:74px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;padding-right:4px;background:rgba(0,0,0,.18);backdrop-filter:blur(8px)}.media-caption{position:absolute;right:24px;bottom:20px;display:flex;flex-direction:column}.media-caption b{font-family:var(--display);font-size:23px}.media-caption small{opacity:.75}.work{padding:130px var(--pad);border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:end;margin-bottom:80px}.section-heading p{max-width:420px;margin:0 0 10px;font-size:22px}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:70px 28px}.project:nth-child(3),.project:nth-child(4){max-width:80%}.project:nth-child(4){margin-right:auto}.project-media{width:100%;aspect-ratio:16/9}.project-info{padding:18px 0;border-bottom:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between}.project-info h3{font-family:var(--display);font-size:27px;margin:0}.project-info span{color:var(--coral);font-size:14px}.about{background:var(--bone);color:var(--ink);padding:130px var(--pad);display:grid;grid-template-columns:.25fr 1fr .8fr;gap:60px;align-items:start}.about-number{color:var(--coral);font-family:var(--display);font-weight:700;margin:10px 0}.about-copy p{max-width:530px;font-size:24px;margin:38px 0 0}.about-steps{padding-top:90px}.about-steps p{border-top:1px solid rgba(16,17,18,.25);margin:0;padding:20px 0;font-size:20px}.about-steps span{color:var(--coral);display:inline-block;width:48px}.contact{padding:130px var(--pad);display:grid;grid-template-columns:.85fr 1fr;gap:clamp(60px,10vw,180px)}.contact-intro p{max-width:420px;font-size:22px}.contact-intro>a{display:inline-block;margin-top:25px;border-bottom:1px solid var(--coral)}.contact-form{padding-top:12px}.contact-form label{display:block;font-size:15px;color:rgba(241,236,223,.7);margin-bottom:24px}.contact-form input,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid rgba(241,236,223,.45);background:transparent;color:var(--bone);padding:8px 0;outline:none;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--coral)}.contact-form .button{margin-top:12px}.form-status{min-height:28px;color:var(--coral)}footer{border-top:1px solid var(--line);min-height:150px;padding:35px var(--pad);display:flex;align-items:center;gap:36px;font-size:14px}footer p{margin-left:auto}.video-dialog{width:min(1000px,92vw);border:1px solid #444;background:var(--ink);color:var(--bone);padding:50px}.video-dialog::backdrop{background:rgba(0,0,0,.84)}.dialog-close{position:absolute;top:12px;left:15px;border:0;background:transparent;color:var(--bone);font-size:34px;cursor:pointer}.video-dialog h2{font-family:var(--display);margin:0 0 20px}.video-slot{aspect-ratio:16/9;background:#1d1e1f;display:grid;place-items:center}.video-slot iframe{width:100%;height:100%;border:0}.video-dialog p{color:#aaa}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){body{font-size:17px}.site-header{height:82px;gap:20px}.brand img{width:98px}nav{display:none}.hero{padding-top:125px;grid-template-columns:1fr;min-height:auto}.hero h1,.section-heading h2,.about h2,.contact h2{font-size:clamp(52px,16vw,78px)}.hero-copy p{margin:24px 0}.hero-media{aspect-ratio:4/3}.work,.contact{padding-top:90px;padding-bottom:90px}.section-heading,.contact{grid-template-columns:1fr}.section-heading{gap:24px;margin-bottom:50px}.project-list{grid-template-columns:1fr;gap:52px}.project:nth-child(3),.project:nth-child(4){max-width:none}.about{grid-template-columns:1fr;gap:24px;padding-top:90px;padding-bottom:90px}.about-number{display:none}.about-steps{padding-top:28px}.contact{gap:60px}footer{align-items:flex-start;flex-wrap:wrap}footer p{margin-left:0;width:100%}.play{width:58px;height:58px}.video-dialog{padding:42px 18px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Refined orange editorial direction and cinematic still hero. */
.project:nth-child(3),.project:nth-child(4){max-width:none}
.project:nth-child(4){margin-right:0}
.button:hover,.button:focus-visible{background:#ffa144}
.hero-art{position:relative;aspect-ratio:16/11;margin:0;overflow:hidden;background:#242526;color:#fff;box-shadow:0 32px 90px rgba(0,0,0,.35);text-align:right}
.hero-art::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.13);pointer-events:none}
.hero-art img{width:100%;height:112%;display:block;object-fit:cover;transform:translateY(var(--parallax-y,-5%)) scale(1.025);transition:transform .2s linear}
.hero-art figcaption{position:absolute;right:20px;bottom:18px;margin:0;font-size:12px;font-weight:500;letter-spacing:.14em;color:rgba(255,255,255,.72)}

@media(max-width:800px){.hero-art{aspect-ratio:4/3}.hero-art img{height:108%;transform:translateY(-4%) scale(1.02)}}
@media(prefers-reduced-motion:reduce){.hero-art img{transform:translateY(-5%) scale(1.025)}}

/* Softer cinematic refinement. */
.brand img,footer img{width:82px;height:82px;padding:4px;border-radius:50%;background:#fff;object-fit:cover;filter:none;box-shadow:0 8px 30px rgba(0,0,0,.24)}
.button{border-radius:8px}
.hero-copy{position:relative;z-index:2}
.hero-art{overflow:hidden;background:transparent;box-shadow:none;margin-right:clamp(-74px,-5vw,-28px);z-index:1;border-radius:28px}
.hero-art::after{display:block;content:"";position:absolute;inset:-2px;z-index:2;border:0;pointer-events:none;background:linear-gradient(to right,var(--ink) 0%,rgba(16,17,18,.82) 5%,transparent 18%,transparent 66%,rgba(16,17,18,.5) 82%,var(--ink) 100%),linear-gradient(to bottom,var(--ink) 0%,rgba(16,17,18,.58) 7%,transparent 20%,transparent 74%,rgba(16,17,18,.62) 90%,var(--ink) 100%)}
.hero-art img{border-radius:28px;-webkit-mask-image:none;mask-image:none}
.project-media{border-radius:14px;transition:transform .28s ease,box-shadow .28s ease}
.project-media::after{content:"";position:absolute;inset:0;z-index:4;border:2px solid transparent;border-radius:inherit;pointer-events:none;transition:border-color .22s ease,box-shadow .22s ease}
.project-media:hover,.project-media:focus-visible{transform:translateY(-4px)}
.project-media:hover::after,.project-media:focus-visible::after{border-color:var(--coral);box-shadow:inset 0 0 0 1px rgba(255,138,31,.35),0 0 28px rgba(255,138,31,.18)}
.play{z-index:3;width:72px;height:72px;padding:0;border:1px solid rgba(255,255,255,.82);background:rgba(16,17,18,.42);box-shadow:0 12px 34px rgba(0,0,0,.3);transition:transform .25s ease,background .25s ease,border-color .25s ease}
.play svg{width:30px;height:30px;display:block;fill:#fff;transform:translateX(1px)}
.project-media:hover .play,.project-media:focus-visible .play{transform:scale(1.08);background:var(--coral);border-color:var(--coral)}
.video-dialog{border-radius:16px}

@media(max-width:800px){.brand img{width:62px;height:62px}.hero-art{margin-right:0}.hero-art::after{background:linear-gradient(to right,var(--ink) 0%,transparent 16%,transparent 84%,var(--ink) 100%),linear-gradient(to bottom,var(--ink) 0%,transparent 14%,transparent 80%,var(--ink) 100%)}.play{width:60px;height:60px}.play svg{width:25px;height:25px}}
