@font-face{font-family:Karantina;src:url(../fonts/Karantina-Bold.woff2) format('woff2');font-weight:700;font-display:swap}

@font-face{font-family:Karantina;src:url(../fonts/Karantina-Regular.woff2) format('woff2');font-weight:400;font-display:swap}

:root{--coal:#0b0b0a;--bone:#f5f3ee;--lime:#c8f542;--soft:#b9b6ad;--gut:clamp(20px,4.5vw,88px);--display:Karantina,Heebo,sans-serif;--text:Heebo,sans-serif;--line:#373832}

*{box-sizing:border-box}
html{scroll-padding-top:96px}
body{margin:0;background:var(--coal);color:var(--bone);font:400 17px/1.65 var(--text);-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
img,video,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button,a,input,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:wait}
::selection{background:var(--lime);color:var(--coal)}
:focus-visible{outline:3px solid #ff6b35;outline-offset:5px}
p{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
.wrap{max-width:1680px;margin-inline:auto;padding-inline:var(--gut)}
.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.skip:focus{position:fixed;z-index:200;background:var(--lime);color:var(--coal);padding:12px}
.top{position:absolute;inset:0 0 auto;z-index:40;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gut);gap:32px}
.top-mark{width:112px}
.top-links{display:flex;gap:32px;font-size:14px}
.top-links a{padding-block:12px}
.top-links a:hover,.text-link:hover{color:var(--lime)}
.top-cta{font-size:14px;border-bottom:1px solid #8b8c80;padding:8px 0}
.top-cta span{margin-right:14px}
.top-menu{display:none}
.sheet[hidden]{display:none}
.sheet{position:fixed;inset:72px 0 0;background:var(--coal);z-index:45;padding:32px var(--gut);overflow:auto}
.sheet a{font:700 52px/1.5 var(--display)}
.btn{white-space:nowrap;min-height:52px;padding:14px 25px;display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid transparent;border-radius:2px;font:700 15px/1.4 var(--text);transition:background .2s,transform .2s}
.btn:hover{transform:translateY(-3px)}
.btn-lime{background:var(--lime);color:var(--coal)}
.text-link{font-size:14px;border-bottom:1px solid;padding:9px 0}
.hero{overflow:clip}
.hero-stage{position:relative;padding-top:125px;padding-bottom:48px;display:grid;grid-template-columns:1.12fr 1fr;column-gap:4%;align-items:center}
.hero-byline{grid-column:1/-1;color:var(--soft);font-size:13px;margin-bottom:30px}
.hero h1{position:relative;z-index:3;font:700 clamp(86px,10.4vw,168px)/.91 var(--display);letter-spacing:-.018em}
.hero h1 span{color:var(--lime);display:block;margin-top:.05em;white-space:nowrap}
.hero-prints{direction:ltr;position:relative;height:440px;isolation:isolate}
.print{position:absolute;display:block;box-shadow:0 24px 44px #0007;will-change:transform;transform:translateY(var(--dy,0px)) rotate(var(--angle,0deg));transition:box-shadow .3s}
.print img{width:100%;height:100%;object-fit:cover}
.print span{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;color:white;background:#0b0b0ae8;font-size:10px;line-height:1.5;text-align:right;opacity:0;transition:opacity .2s}
.print:hover{z-index:5;box-shadow:0 30px 60px #0009}
.print:hover span,.print:focus-visible span{opacity:1}
.print-golda{width:65%;left:0;top:8%;--angle:-9deg;z-index:1}
.print-skin{width:62%;right:-2%;top:32%;--angle:8deg;z-index:2}
.print-nz{width:39%;left:5%;top:65%;--angle:-6deg;z-index:3}
.hero-bottom{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:40px;margin-top:70px;padding-top:24px;border-top:1px solid var(--line)}
.hero-bottom>p{max-width:490px;color:var(--soft);font-size:17px}
.hero-cta{display:flex;flex-shrink:0;align-items:center;gap:30px}
.clients{padding:45px 0 55px}
.small-h{font:400 12px var(--text);color:var(--soft);margin-bottom:30px}
.logos{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.logos li{flex:0 1 90px}
.logos img{width:100%;height:40px;object-fit:contain;filter:grayscale(1);opacity:.75}

.works{background:var(--bone);color:var(--coal);padding:95px 0 70px}
.works-head{margin-bottom:65px}
.works-h{display:flex;align-items:end;justify-content:space-between;gap:40px}
.wh-big{font:700 clamp(76px,8vw,126px)/.95 var(--display)}
.wh-small{max-width:300px;font:400 16px/1.7 var(--text)}
.bento{display:grid;grid-template-columns:1.15fr 1fr;gap:70px 48px;align-items:start}
.wk{position:relative;min-width:0}
.wk:nth-child(even){margin-top:160px}
.wk-media{position:relative;aspect-ratio:1;overflow:hidden;background:var(--pc)}
.wk-media>img{height:100%;width:100%;object-fit:cover;transition:transform .65s}
.wk-a:hover .wk-media>img{transform:scale(1.035)}
.wk-v{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--pc);opacity:0;transition:opacity .3s}
.wk.playing .wk-v{opacity:1}
.wk-info{position:relative;padding-top:22px;padding-left:40px}
.wk-client{font-size:13px;font-weight:700;margin-bottom:8px}
.wk-h{font:700 clamp(34px,3.3vw,52px)/1.1 var(--display);max-width:500px}
.wk-meta{font-size:12px;color:#595952;margin-top:12px}
.wk-go{position:absolute;left:0;top:26px;font-size:32px}
.work-toggle{position:absolute;top:16px;left:16px;z-index:4;background:var(--bone);color:var(--coal);border:0;min-height:44px;padding:10px 16px;font-size:12px;box-shadow:0 3px 16px #0001}
.work-toggle:hover{background:var(--lime)}
.work-toggle span{margin-right:12px}
.works-more{margin-top:70px;padding-top:25px;display:flex;gap:35px;flex-wrap:wrap}
.works-more a{border-bottom:1px solid #8b8b80;padding-bottom:7px;font-size:14px}

.services{padding:100px 0 65px}
.h2{font:700 clamp(60px,6.3vw,100px)/1.02 var(--display)}
.services .h2{margin-bottom:50px}
.stack{display:grid;gap:0}
.st{border-top:1px solid var(--line);padding:34px 0}
.st-in{display:grid;grid-template-columns:110px .8fr 1.6fr;column-gap:35px;align-items:start}
.st-art{display:none}
.st-k{font-size:12px;color:var(--soft);padding-top:13px}
.st-n{font:700 clamp(56px,6vw,90px)/1 var(--display);grid-column:2;grid-row:1/3}
.st-p{grid-column:3;grid-row:1;max-width:550px;font-size:16px;color:var(--soft)}
.st-out{grid-column:3;grid-row:2;font-size:13px;margin-top:15px;color:var(--lime)}
.st-out b{font-weight:400;margin-left:10px}
.stack-note{font-size:13px;color:var(--soft);margin-top:24px}
.motion{padding:85px 0 0}
.motion-head{display:flex;gap:50px;align-items:end;justify-content:space-between;margin-bottom:45px}
.motion-h{font:700 clamp(64px,7vw,110px)/1 var(--display)}
.jig{color:var(--lime)}
.lead{max-width:420px;color:var(--soft);font-size:17px}
.grow-frame{background:#1b1b18;overflow:hidden}
.grow-frame video{width:100%;max-height:640px;aspect-ratio:16/9;object-fit:contain}
.tc{display:none}
.motion-more{margin-top:20px;font-size:14px}
.motion-more a{border-bottom:1px solid #666;padding-bottom:5px}
.ig{padding:75px 0 85px}
.ig-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:25px}
.ig-h{font-size:16px}
.ig-at{direction:ltr;display:inline-block;color:var(--lime);font-size:22px;margin-left:15px}
.ig-sub{font-weight:400}
.ig-follow{font-size:13px}
.ig-row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.reel{min-width:0}
.reel>a{display:block;position:relative;aspect-ratio:9/14;overflow:hidden;background:#1a1a18}
.reel-v{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.reel a:hover .reel-v{transform:scale(1.03)}
.reel-ui{position:absolute;inset:auto 0 0;padding:45px 15px 18px;background:linear-gradient(transparent,#000b)}
.reel-top,.reel-side{display:none}
.reel-cap{font-size:12px;color:#fff}

.process{background:var(--lime);color:var(--coal);padding:80px 0}
.process .h2{max-width:660px}
.pr{margin-top:50px}
.pr-line,.pr-dot,.pr-ic{display:none}
.pr-list{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.pr-step{border-top:1px solid #758f25;padding-top:18px}
.pr-n{font-size:12px}
.pr-step h3{font:700 48px/1.1 var(--display);margin:22px 0 15px}
.pr-step p{font-size:14px;line-height:1.7}
.pr-step .out{margin-top:20px;font-size:12px}
.out b{display:block}
.kind{padding:90px 0}
.kind-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.kind-copy{align-self:start;position:sticky;top:40px}
.kind-h{font:700 clamp(68px,7vw,112px)/1 var(--display)}
.kind-note{max-width:240px;font-size:14px;color:var(--soft);margin-top:20px}
.nts{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.nt{background:#1a1c16;border:1px solid #33392a;padding:20px;border-radius:2px 14px 14px 14px}
.nt:nth-child(2){grid-row:span 2}
.nt:nth-child(3n){background:#20271a}
.nt-ic{display:none}
.nt-top{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:9px;color:#b8bdaa;margin-bottom:15px}
.nt-top b{font-weight:400}
.nt-top span{flex-basis:100%;order:3}
.nt-top time{margin-right:auto}
.nt-msg{font-size:17px;line-height:1.65}
.about{padding:75px 0 95px;border-top:1px solid var(--line)}
.ab-in{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.ab-vis{position:relative;overflow:hidden;background:#23261d;aspect-ratio:1/1.12;order:2}
.ab-disc{position:absolute;inset:20% 10% -15%;border-radius:50%;background:var(--lime)}
.ab-pic{position:relative;height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:grayscale(1)}
.ab-copy{order:1}
.ab-h{font:700 clamp(65px,6vw,96px)/1 var(--display);margin-bottom:24px}
.ab-copy>p{color:var(--soft);font-size:16px;max-width:480px}
.ab-copy>p+p{margin-top:20px}
.facts{display:flex;gap:60px;margin-top:35px}
.facts dt{font:700 60px var(--display);color:var(--lime)}
.facts dd{font-size:12px;color:var(--soft)}

.contact{padding:85px 0;background:var(--lime);color:var(--coal)}
.contact-in{display:grid;grid-template-columns:1fr 1fr;gap:9%}
.contact .lead{color:#354012;margin-top:25px;max-width:350px;font-size:16px}
.form{align-self:start}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fld{display:block;margin-bottom:22px}
.fld>span{display:block;font-size:12px;margin-bottom:8px}
.fld small{font-size:11px;opacity:.8}
.fld input,.fld textarea{width:100%;border:0;border-bottom:1px solid #607628;background:transparent;color:var(--coal);border-radius:0;padding:10px 0;outline-offset:3px;resize:vertical}
.fld input[aria-invalid=true]{border-bottom:2px solid #9d2019}
.chips{border:0;padding:0;margin:28px 0}
.chips legend{font-size:13px;margin-bottom:12px}
.chips label{display:inline-flex;margin:0 0 8px 5px;position:relative}
.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips span{display:block;font-size:11px;line-height:1.5;border:1px solid #748e32;border-radius:20px;padding:9px 12px;cursor:pointer}
.chips input:checked+span{background:var(--coal);color:var(--bone);border-color:var(--coal)}
.chips input:focus-visible+span{outline:3px solid #9b3516;outline-offset:2px}
.contact .btn{background:var(--coal);color:var(--bone);width:100%}
.form-note{font-size:11px;margin-top:12px;color:#354012}
.form-err{font-size:13px;color:#882119;margin-bottom:15px}
.foot{background:var(--lime);color:var(--coal);padding:0 var(--gut) 24px}
.foot-top{border-top:1px solid #7d9936;padding-top:25px}
.foot-links{display:flex;flex-wrap:wrap;gap:20px 30px;font-size:12px;direction:ltr}
.foot-logo{width:100%;height:auto;margin:65px 0 35px}
.foot-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;flex-wrap:wrap}
.foot a:hover{text-decoration:underline}
.lenis.lenis-smooth{scroll-behavior:auto!important}

@media(min-width:1700px){.hero-stage{padding-top:155px}
.hero-prints{height:530px}
.hero-bottom{margin-top:90px}
}

@media(max-width:1000px){.top-links{gap:18px}
.hero-stage{grid-template-columns:1.15fr 1fr;column-gap:3%}
.hero h1{font-size:11.3vw}
.hero-prints{height:340px}
.hero-bottom{margin-top:75px}
.st-in{grid-template-columns:80px .7fr 1.5fr;gap:20px}
.kind-in{gap:35px;grid-template-columns:.65fr 1.35fr}
.nt{padding:16px}
.contact-in{gap:6%}
.pr-list{gap:20px}
}

@media(max-width:700px){html{scroll-padding-top:80px}
.top{height:76px}
.top-mark{width:94px}
.top-links,.top-cta{display:none}
.top-menu{display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;width:44px;height:44px;background:transparent;border:1px solid #494a43;border-radius:50%;color:var(--bone);z-index:50}
.top-menu i{display:block;width:18px;height:1px;background:currentColor}
.menu-open .top{position:fixed;background:var(--coal)}
.menu-open{overflow:hidden}
.hero-stage{display:flex;flex-direction:column;align-items:stretch;padding-top:100px;padding-bottom:30px}
.hero-byline{order:1}
.hero h1{order:2}
.hero-bottom{order:3}
.hero-prints{order:4}
.hero-byline{font-size:11px;margin-bottom:26px}
.hero h1{font-size:clamp(75px,20vw,136px);line-height:.94}
.hero h1 span{font-size:.94em;margin-top:8px}
.hero-prints{height:335px;margin:32px 8px 0}
.print-golda{width:58%;top:1%;left:1%}
.print-skin{width:55%;top:23%;right:0}
.print-nz{width:37%;left:5%;top:58%}
.hero-bottom{display:block;margin-top:24px;padding-top:20px}
.hero-bottom>p{font-size:15px;max-width:100%}
.hero-cta{margin-top:22px;gap:26px}
.btn{min-height:48px;padding:13px 20px;font-size:13px}
.text-link{font-size:12px}
.clients{padding:25px 0 40px}
.small-h{font-size:11px;margin-bottom:24px}
.logos{display:grid;grid-template-columns:repeat(5,1fr);gap:22px 20px}
.logos li{min-width:0}
.logos img{height:28px}
.works{padding:55px 0 45px}
.works-head{margin-bottom:35px}
.works-h{display:block}
.wh-big{display:block;font-size:74px}
.wh-small{display:block;margin-top:22px;font-size:14px;max-width:280px}
.bento{grid-template-columns:1fr;gap:40px}
.wk:nth-child(even){margin-top:0}
.wk-media{aspect-ratio:1.06}
.wk-h{font-size:37px}
.wk-info{padding-top:16px}
.wk-client{font-size:12px}
.wk-meta{font-size:11px}
.work-toggle{left:12px;top:12px;font-size:11px}
.works-more{margin-top:40px;gap:18px;font-size:12px}
.works-more a{font-size:12px}
.services{padding:55px 0 25px}
.h2{font-size:59px}
.services .h2{margin-bottom:25px}
.st{padding:25px 0}
.st-in{grid-template-columns:1fr 2.1fr;gap:8px 20px}
.st-k{grid-column:1;grid-row:1;font-size:10px;padding:0}
.st-n{grid-column:1;grid-row:2/4;font-size:55px}
.st-p{grid-column:2;grid-row:1/3;font-size:13px}
.st-out{grid-column:2;grid-row:3;font-size:11px;margin-top:8px}
.st-out b{display:block}
.stack-note{font-size:12px}
.motion{padding:50px 0 0}
.motion-head{display:block;margin-bottom:26px}
.motion-h{font-size:62px}
.lead{font-size:14px;margin-top:22px}
.grow{padding-inline:0}
.grow-frame video{aspect-ratio:4/3}
.motion-more{font-size:12px}
.ig{padding:50px 0}
.ig-head{align-items:start}
.ig-h{font-size:13px}
.ig-at{font-size:19px;display:block}
.ig-follow{font-size:11px;white-space:nowrap}
.ig-row{grid-template-columns:repeat(2,1fr);gap:14px}
.reel-cap{font-size:10px}
.reel-ui{padding:35px 10px 12px}
.process{padding:50px 0}
.pr{margin-top:30px}
.pr-list{grid-template-columns:1fr 1fr;gap:30px 22px}
.pr-step h3{font-size:39px;margin:16px 0 10px}
.pr-step p{font-size:12px}
.pr-step .out{font-size:11px}
.kind{padding:55px 0}
.kind-in{display:block}
.kind-copy{position:static;margin-bottom:30px}
.kind-h{font-size:65px}
.kind-note{max-width:100%;font-size:12px}
.nts{gap:12px}
.nt{padding:14px}
.nt-msg{font-size:14px}
.nt-top{font-size:8px;gap:4px}
.about{padding:50px 0}
.ab-in{display:flex;flex-direction:column;gap:32px}
.ab-vis{order:1;width:100%;aspect-ratio:1.15}
.ab-copy{order:2}
.ab-h{font-size:65px}
.ab-copy>p{font-size:14px}
.facts{margin-top:25px}
.facts dt{font-size:52px}
.contact{padding:55px 0}
.contact-in{display:block}
.contact .lead{font-size:14px;margin-top:20px}
.form{margin-top:35px}
.f2{gap:16px}
.fld{margin-bottom:20px}
.chips span{font-size:10px}
.foot-links{gap:17px 22px;font-size:11px}
.foot-logo{margin:40px 0 25px}
.foot-bottom{font-size:9px;gap:12px}
}

@media(max-width:370px){.hero h1{font-size:19.7vw}
.hero-prints{height:290px}
.hero-cta{gap:18px}
.nts{grid-template-columns:1fr}
.nt:nth-child(2){grid-row:auto}
.contact .h2{font-size:54px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.print{transform:none!important}
}

/* Grok 29.09: שום אלמנט (תיקייה פתוחה בתלת־ממד, טקסט מסובב) לא מרחיב את הדף לצדדים */
html { overflow-x: clip; }