@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700;800&family=Frank+Ruhl+Libre:wght@500;700;900&display=swap');
@font-face{font-family:Assistant;src:url('assets/fonts/Assistant-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Assistant;src:url('assets/fonts/Assistant-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Assistant;src:url('assets/fonts/Assistant-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Assistant;src:url('assets/fonts/Assistant-800.ttf') format('truetype');font-weight:800 900;font-style:normal;font-display:swap}

:root{--paper:#f3eee4;--ink:#181513;--coral:#e64c35;--wine:#6c1e2d;--petrol:#176f69;--yellow:#f0b62d;--white:#fffaf2;--muted:#6e655d;--line:rgba(24,21,19,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:Assistant,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}.site{direction:rtl;min-height:100vh}.shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}.serif{font-family:"Frank Ruhl Libre",serif}.coral{color:var(--coral)}:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
.nav{position:sticky;top:0;z-index:40;background:rgba(243,238,228,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--ink)}.nav-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:25px;font-weight:800}.brand i{color:var(--coral);font-style:normal}.nav-links{display:flex;gap:24px;font-weight:700;align-items:center}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;right:0;bottom:-8px;height:3px;width:0;background:var(--coral);transition:.2s}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-cta{background:var(--ink);color:var(--white);padding:9px 14px}
.lang-link{font-size:13px;line-height:1;border:1px solid var(--ink);padding:7px 8px;font-weight:900;transition:background .2s,color .2s,transform .2s}.lang-link:hover,.lang-link:focus-visible{background:var(--coral);color:var(--white);transform:translateY(-2px)}.nav-links .lang-link:after{display:none}
.hero{min-height:calc(100vh - 72px);padding:46px 0 30px;display:grid;grid-template-columns:1.25fr .75fr;gap:5vw;align-items:center;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;gap:12px;align-items:center;font-weight:800;font-size:15px}.eyebrow:before{content:"";width:52px;height:5px;background:var(--coral)}.hero h1{font-size:clamp(62px,8vw,122px);line-height:.86;font-weight:900;margin-top:28px;max-width:900px}.hero h1 em{font-style:normal;color:var(--coral)}.hero-lead{font-size:clamp(21px,2vw,29px);line-height:1.45;max-width:760px;margin-top:34px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{border:2px solid var(--ink);padding:12px 20px;font-weight:800;background:transparent;cursor:pointer;display:inline-flex;gap:10px;align-items:center;transition:.18s}.btn:hover{transform:translate(-4px,-4px)}.btn-dark{background:var(--ink);color:var(--white);box-shadow:-6px 6px 0 var(--coral)}
.portrait-stage{position:relative;min-height:560px}.portrait-stage:before{content:"";position:absolute;inset:4% 5% 10% 13%;background:var(--petrol);transform:rotate(4deg)}.portrait{position:absolute;inset:8% 12% 14% 1%;overflow:hidden;border:2px solid var(--ink);background:var(--white);transform:rotate(-2deg)}.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:opacity .28s,transform .4s}.portrait .smile{opacity:0;transform:scale(1.02)}.portrait:hover .glasses{opacity:0}.portrait:hover .smile{opacity:1;transform:none}.portrait-note{position:absolute;left:-2%;bottom:4%;z-index:3;background:var(--white);border:2px solid var(--ink);padding:16px 20px;transform:rotate(2deg);box-shadow:-7px 7px var(--coral);max-width:330px}.portrait-note b{font-size:25px}.scribble{position:absolute;left:-7%;top:4%;font-size:92px;color:var(--coral);font-weight:900;transform:rotate(-15deg)}
.ticker{border-block:1px solid var(--ink);background:var(--yellow);overflow:hidden;white-space:nowrap}.ticker-track{width:max-content;padding:11px 0;font-weight:800;font-size:17px;animation:ticker 22s linear infinite}@keyframes ticker{to{transform:translateX(50%)}}
.signal-strip{background:var(--yellow);border-block:1px solid var(--ink)}
.signal-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);align-items:stretch;direction:rtl}
.signal-intro,.signal-item{min-height:138px;padding:24px 22px;display:flex;flex-direction:column;justify-content:center}
.signal-intro{padding-right:0}
.signal-intro span,.signal-item span{font-size:13px;font-weight:800;color:var(--wine);margin-bottom:8px}
.signal-intro b{font-size:19px;line-height:1.35;max-width:270px}
.signal-item{position:relative;border-right:1px solid rgba(16,13,11,.38);overflow:hidden;transition:color .24s ease}
.signal-item:before{content:"";position:absolute;inset:auto 0 0;height:0;background:var(--ink);transition:height .3s cubic-bezier(.2,.8,.2,1);z-index:0}
.signal-item span,.signal-item strong{position:relative;z-index:1}
.signal-item strong{font-size:19px;line-height:1.35}
.signal-item:hover,.signal-item:focus-within{color:var(--white)}
.signal-item:hover:before,.signal-item:focus-within:before{height:100%}
.signal-item:hover span,.signal-item:focus-within span{color:var(--coral)}
.section{padding:110px 0;border-bottom:1px solid var(--ink)}.section-kicker{font-size:14px;font-weight:800;color:var(--coral);margin-bottom:14px}.section-title{font-size:clamp(48px,6vw,86px);line-height:.94;font-weight:900}.section-intro{font-size:22px;line-height:1.55;max-width:680px;margin-top:22px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:62px}
.work-head{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:center;gap:7vw}.work-head .section-title{max-width:900px}.work-head .section-intro{position:relative;max-width:410px;margin:46px 0 0;padding:22px 0 0;font-size:20px;line-height:1.55;border-top:1px solid var(--ink)}.work-head .section-intro:before{content:"";position:absolute;right:0;top:-5px;width:42%;height:9px;background:var(--coral);transform:rotate(-1deg)}.work-head .section-intro strong{font-weight:800}
.case{display:grid;grid-template-columns:1.1fr .9fr;min-height:650px;border-top:1px solid var(--ink);padding:52px 0;gap:7vw;align-items:center}.case:nth-child(even){grid-template-columns:.9fr 1.1fr}.case:nth-child(even) .case-media{order:2}.case-media{position:relative;min-height:0;aspect-ratio:4/5;overflow:hidden;background:var(--ink)}.case-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;transition:transform .7s}.case:hover .case-media img{transform:scale(1.018)}.case-copy .index{font-weight:800;color:var(--coral)}.case-copy h3{font-size:clamp(48px,5vw,76px);line-height:.95;font-weight:900;margin:20px 0}.case-copy p{font-size:21px;line-height:1.55;max-width:520px}.case-proof{display:flex;gap:28px;margin:28px 0}.case-proof b{font-size:34px;display:block}.case-proof span{font-size:13px;color:var(--muted)}
.case .case-copy .btn{position:relative;transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .22s,color .22s,box-shadow .22s}.case-pushtakim .case-copy .btn:hover,.case-pushtakim .case-copy .btn:focus-visible{background:var(--coral);color:var(--ink);transform:translate(-6px,-6px) rotate(-1deg);box-shadow:7px 7px 0 var(--ink)}.case-mevalim .case-copy .btn:hover,.case-mevalim .case-copy .btn:focus-visible{background:var(--petrol);color:var(--white);transform:translate(-6px,-5px);box-shadow:7px 7px 0 var(--yellow)}
.mevalim-brand{position:absolute;z-index:3;top:49%;left:6%;width:13%;min-width:48px;max-width:68px;aspect-ratio:1;background:var(--white) url('assets/mevalim-logo.jpeg') center/82% auto no-repeat;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--yellow);transform:rotate(-2deg);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.case-mevalim:hover .mevalim-brand{transform:rotate(2deg) scale(1.06)}
.proof-lab{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:start}.proof-nav{position:sticky;top:120px}.proof-tab{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:none;text-align:right;padding:20px 0;font-size:clamp(30px,4vw,55px);font-weight:800;cursor:pointer;color:#8e847b;transition:.2s}.proof-tab.active,.proof-tab:hover{color:var(--ink);padding-right:22px}.proof-tab.active:before{content:"←";color:var(--coral);margin-left:16px}.proof-panel{min-height:560px;padding:8vh 0;display:none}.proof-panel.active{display:block}.proof-panel .big{font-size:clamp(62px,9vw,140px);line-height:.85;font-weight:900;color:var(--coral)}.proof-panel h3{font-size:40px;margin:24px 0 18px}.proof-panel p{font-size:23px;line-height:1.55;max-width:680px}.proof-line{margin-top:35px;border-top:5px solid var(--petrol);padding-top:14px;font-weight:800;font-size:18px}
.desk{position:relative;min-height:720px;background:var(--ink);color:var(--white);overflow:hidden}.desk:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.05),transparent 55%)}.desk-head{position:absolute;right:6%;top:7%;z-index:2}.desk-head h2{font-size:clamp(55px,8vw,110px);line-height:.9}.desk-object{position:absolute;border:0;background:none;color:inherit;cursor:pointer;text-align:right;transition:.25s}.desk-object:hover{transform:translateY(-8px) rotate(1deg)}.desk-object b{display:block;font-size:28px}.desk-object small{opacity:.65}.object-paper{right:7%;bottom:10%;width:280px;background:var(--white);color:var(--ink);padding:28px;transform:rotate(-5deg);box-shadow:12px 12px 0 var(--coral)}.object-mic{left:10%;bottom:14%;width:250px;padding:100px 30px 26px;background:var(--petrol);clip-path:polygon(9% 0,100% 8%,91% 100%,0 92%)}.object-brief{left:36%;top:38%;width:300px;background:var(--yellow);color:var(--ink);padding:35px;transform:rotate(4deg)}.object-folder{left:9%;top:16%;background:var(--wine);padding:30px 44px;transform:rotate(-3deg)}.object-glasses{right:38%;bottom:7%;font-size:75px}.object-glasses b{font-size:18px}.desk-tip{position:absolute;left:4%;bottom:3%;opacity:.5;font-size:13px}
.page-hero{padding:90px 0 70px;min-height:520px;display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:center;border-bottom:1px solid var(--ink)}.page-hero h1{font-size:clamp(68px,10vw,140px);line-height:.82;font-weight:900}.page-hero p{font-size:25px;line-height:1.55;margin-top:30px;max-width:800px}.page-number{font-family:"Frank Ruhl Libre";font-size:clamp(150px,25vw,330px);line-height:.7;color:var(--coral);opacity:.9;text-align:center}
.idea-walk{position:relative;min-height:480px;overflow:hidden;isolation:isolate;background:var(--yellow);border:2px solid var(--ink);box-shadow:12px 12px 0 var(--ink);transform:rotate(-1deg)}.idea-walk:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(16,13,11,.09) 31px 32px);z-index:-1}.idea-line{position:absolute;right:7%;left:7%;bottom:85px;height:3px;background:var(--ink)}.idea-person{position:absolute;right:-90px;bottom:88px;width:72px;height:170px;animation:idea-cross 7.2s cubic-bezier(.55,.05,.45,.95) infinite}.idea-person i{position:absolute;display:block;background:var(--ink);transform-origin:top center}.idea-head{width:48px;height:48px;right:11px;top:0;border-radius:50%;box-shadow:5px 2px 0 var(--coral)}.idea-body{width:8px;height:72px;right:32px;top:44px;transform:rotate(-5deg)}.idea-arm{width:7px;height:61px;right:31px;top:56px;border-radius:5px}.idea-arm-a{animation:idea-arm-a .52s ease-in-out infinite alternate}.idea-arm-b{animation:idea-arm-b .52s ease-in-out infinite alternate}.idea-leg{width:8px;height:72px;right:31px;top:108px;border-radius:5px}.idea-leg-a{animation:idea-leg-a .52s ease-in-out infinite alternate}.idea-leg-b{animation:idea-leg-b .52s ease-in-out infinite alternate}.idea-flash{position:absolute;right:36%;top:62px;min-width:205px;padding:17px 20px 15px;background:var(--coral);color:var(--ink);font-weight:900;line-height:1;opacity:0;transform:scale(.6) rotate(4deg);animation:idea-arrives 7.2s ease infinite}.idea-flash:after{content:"";position:absolute;right:20px;bottom:-22px;border:12px solid transparent;border-top-color:var(--coral);transform:rotate(-10deg)}.idea-flash b{display:block;font-size:35px}.idea-flash span{display:block;margin-top:7px;font-size:20px}.idea-caption{position:absolute;right:26px;bottom:22px!important;margin:0!important;font-size:15px!important;font-weight:800;line-height:1!important}.idea-caption:before{content:"↳";color:var(--coral);font-size:22px;margin-left:7px}@keyframes idea-cross{0%{right:-90px;transform:rotate(0)}25%{right:36%;transform:rotate(0)}31%,58%{right:36%;transform:rotate(-4deg)}76%,100%{right:115%;transform:rotate(0)}}@keyframes idea-arrives{0%,28%,61%,100%{opacity:0;transform:scale(.6) rotate(4deg)}36%,54%{opacity:1;transform:scale(1) rotate(-2deg)}}@keyframes idea-arm-a{from{transform:rotate(35deg)}to{transform:rotate(-35deg)}}@keyframes idea-arm-b{from{transform:rotate(-35deg)}to{transform:rotate(35deg)}}@keyframes idea-leg-a{from{transform:rotate(28deg)}to{transform:rotate(-28deg)}}@keyframes idea-leg-b{from{transform:rotate(-28deg)}to{transform:rotate(28deg)}}
.manifesto{font-family:"Frank Ruhl Libre";font-size:clamp(40px,6vw,82px);line-height:1.15;max-width:1100px}.manifesto span{color:var(--coral)}
.timeline{margin-top:70px}.time-row{display:grid;grid-template-columns:190px 1fr;gap:55px;padding:45px 0;border-top:1px solid var(--ink)}.time-row time{font-weight:800;font-size:20px;color:var(--coral)}.time-row h3{font-size:36px;line-height:1}.time-row p{font-size:20px;line-height:1.55;margin-top:15px;max-width:780px}.time-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.time-tags span{border-bottom:3px solid var(--petrol);font-weight:700}
.operation-stage{background:var(--ink);color:var(--white);padding:110px 0}.before-after{display:grid;grid-template-columns:1fr 140px 1fr;align-items:center;gap:30px;margin-top:60px}.message{padding:35px;font-size:22px;line-height:1.55;min-height:260px}.message.before{border:1px solid #625b56;color:#aaa}.message.after{background:var(--white);color:var(--ink);box-shadow:14px 14px var(--coral)}.switch{width:110px;height:110px;border-radius:50%;background:var(--coral);color:white;border:0;font-size:40px;cursor:pointer}.metric-river{display:flex;align-items:flex-end;gap:4vw;margin-top:75px}.metric{flex:1}.metric b{font-size:clamp(65px,10vw,140px);line-height:.8;display:block}.metric span{font-size:17px}.metric:nth-child(2) b{color:var(--yellow)}.metric:nth-child(3) b{color:#79d3ca}
.gallery-project{padding:100px 0;border-bottom:1px solid var(--ink)}.project-head{display:grid;grid-template-columns:.6fr 1.4fr;gap:50px;align-items:end;margin-bottom:50px}.project-head h2{font-size:clamp(55px,8vw,110px);line-height:.85}.project-head p{font-size:22px;line-height:1.55}.triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.poster{min-height:620px;position:relative;overflow:hidden;cursor:zoom-in;border:1px solid var(--ink);background:var(--white);padding:34px;display:flex;flex-direction:column;justify-content:space-between}.poster h3{font-size:42px;line-height:.95}.poster .scene{font-size:24px;line-height:1.4}.poster-close{font-size:46px;font-weight:900;color:var(--coral);align-self:flex-end}.poster.pink{background:#efbcc9}.poster.yellow{background:var(--yellow)}.poster.chat{background:#d9e4d8}.chat-window{background:#ece5dd;padding:18px;border-radius:0;direction:rtl}.bubble{padding:11px 14px;margin:10px 0;max-width:88%;box-shadow:0 1px 1px #aaa}.bubble.out{background:#d9fdd3;margin-right:auto}.bubble.in{background:white;margin-left:auto}.voice{display:flex;gap:8px;align-items:center}.wave{height:24px;flex:1;background:repeating-linear-gradient(90deg,#777 0 2px,transparent 2px 5px);clip-path:polygon(0 40%,5% 20%,10% 70%,15% 25%,20% 80%,25% 10%,30% 55%,35% 15%,40% 76%,45% 30%,50% 60%,55% 18%,60% 80%,65% 35%,70% 70%,75% 15%,80% 58%,85% 25%,90% 78%,95% 34%,100% 55%,100% 70%,0 70%)}
.gallery-project{padding:100px 0;border-bottom:1px solid var(--ink)}.project-head{display:grid;grid-template-columns:.6fr 1.4fr;gap:50px;align-items:end;margin-bottom:50px}.project-head h2{font-size:clamp(55px,8vw,110px);line-height:.85}.project-head p{font-size:22px;line-height:1.55}.bloody-title{position:relative;display:inline-block;isolation:isolate}.bloody-title:before{content:"";position:absolute;z-index:2;right:20%;bottom:-30px;width:9px;height:45px;border-radius:0 0 9px 9px;background:var(--coral);box-shadow:82px 8px 0 -1px var(--coral),168px -5px 0 -2px var(--coral),235px 14px 0 -3px var(--coral)}.bloody-title:after{content:"";position:absolute;z-index:2;inset:8% 4% 4% 2%;pointer-events:none;background:linear-gradient(48deg,transparent 34%,var(--coral) 35% 38%,transparent 39%) 16% 15%/42px 58px no-repeat,linear-gradient(48deg,transparent 34%,var(--coral) 35% 38%,transparent 39%) 58% 42%/38px 54px no-repeat}.triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.poster{min-height:620px;position:relative;overflow:hidden;cursor:zoom-in;border:1px solid var(--ink);background:var(--white);padding:34px;display:flex;flex-direction:column;justify-content:space-between}.poster h3{font-size:42px;line-height:.95}.poster .scene{font-size:24px;line-height:1.4}.poster-close{font-size:46px;font-weight:900;color:var(--coral);align-self:flex-end}.poster.pink{background:#efbcc9}.poster.yellow{background:var(--yellow)}.poster.chat{background:#d9e4d8}.chat-window{background:#ece5dd;padding:18px;border-radius:0;direction:rtl}.bubble{padding:11px 14px;margin:10px 0;max-width:88%;box-shadow:0 1px 1px #aaa}.bubble.out{background:#d9fdd3;margin-right:auto}.bubble.in{background:white;margin-left:auto}.voice{display:flex;gap:8px;align-items:center}.wave{height:24px;flex:1;background:repeating-linear-gradient(90deg,#777 0 2px,transparent 2px 5px);clip-path:polygon(0 40%,5% 20%,10% 70%,15% 25%,20% 80%,25% 10%,30% 55%,35% 15%,40% 76%,45% 30%,50% 60%,55% 18%,60% 80%,65% 35%,70% 70%,75% 15%,80% 58%,85% 25%,90% 78%,95% 34%,100% 55%,100% 70%,0 70%)}
.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;direction:rtl}.campaign-banner{margin:0;cursor:zoom-in;position:relative;overflow:visible}.campaign-banner img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--ink);transition:transform .3s ease,filter .3s ease}.campaign-banner:hover img{transform:scale(1.018);filter:contrast(1.03)}.campaign-banner:after{content:"↗";position:absolute;left:12px;top:12px;width:38px;height:38px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--ink);font-weight:800;opacity:0;transform:translateY(5px);transition:.2s}.campaign-banner:hover:after{opacity:1;transform:none}.campaign-banner figcaption{padding:17px 2px 0;display:flex;flex-direction:column;gap:5px}.campaign-banner figcaption strong{font-size:22px;line-height:1.1}.campaign-banner figcaption span{font-size:16px;line-height:1.45;color:var(--muted)}.exhibition-invite{margin:46px 0 0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:48px;align-items:center;border-top:1px solid var(--ink);padding-top:36px;cursor:zoom-in}.exhibition-invite img{display:block;width:100%;height:auto;object-fit:contain;background:transparent}.exhibition-invite figcaption{display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:100%;padding-block:24px}.exhibition-invite strong{font-size:34px;line-height:1}.exhibition-invite span{font-size:19px;color:var(--muted)}
.case-spread{display:grid;grid-template-columns:1.25fr .75fr;gap:4vw;align-items:center}.case-image{position:relative;cursor:zoom-in}.case-image img{width:100%;max-height:820px;object-fit:contain}.case-notes h3{font-size:25px;color:var(--coral);margin-top:28px}.case-notes p{font-size:21px;line-height:1.5;margin-top:7px}
.lightbox{position:fixed;inset:0;background:rgba(16,13,11,.96);z-index:100;display:none;place-items:center;padding:30px}.lightbox.open{display:grid}.lightbox img{max-width:94vw;max-height:90vh;object-fit:contain}.lightbox-close{position:absolute;top:18px;left:22px;width:48px;height:48px;border:1px solid white;background:none;color:white;font-size:30px;cursor:pointer}
.issue{padding:90px 0;border-top:1px solid var(--ink);display:grid;grid-template-columns:180px 1fr;gap:50px}.issue-no{font-size:18px;color:var(--coral);font-weight:800}.issue h2{font-size:clamp(48px,7vw,96px);line-height:.9}.issue h2+.issue-content{margin-top:28px}.issue .subtitle{font-size:24px;font-style:italic;color:var(--muted);margin:25px 0}.issue-content{font-size:20px;line-height:1.7;max-width:850px}.comic-intro{margin:28px 0 26px;max-width:720px}.issue details{margin-top:24px}.issue summary{font-weight:800;cursor:pointer;color:var(--coral)}
.sound-stage{min-height:760px;background:var(--ink);color:var(--white);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;padding:80px 7vw}.sound-stage h1{font-size:clamp(72px,11vw,160px);line-height:.8}.waveform{height:210px;display:flex;align-items:center;gap:5px;cursor:pointer;outline:none}.waveform i{width:4px;background:var(--coral);height:calc(20px + var(--h)*1px);display:block;transform-origin:center;transition:transform .22s ease,background .22s ease}.waveform:hover i,.waveform:focus-visible i{transform:scaleY(1.08);background:var(--yellow)}.waveform.is-playing i{animation:voice-pulse .82s ease-in-out infinite alternate}.waveform.is-playing i:nth-child(3n+1){animation-delay:-.22s}.waveform.is-playing i:nth-child(3n+2){animation-delay:-.48s}.waveform.is-playing i:nth-child(4n){animation-duration:1.06s}.player{border-top:1px solid #777;padding-top:25px}.voice-media{display:none}.voice-controls{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:20px;align-items:center}.voice-play{width:68px;height:68px;border-radius:50%;border:1px solid var(--coral);background:var(--coral);color:var(--ink);font-size:26px;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease}.voice-play:hover,.voice-play:focus-visible{transform:translateY(-4px);background:var(--yellow);outline:none}.voice-meta{display:grid;gap:7px}.voice-meta b{font-size:20px}.voice-status{font-size:14px;color:#aaa}.voice-progress{width:100%;height:4px;accent-color:var(--coral);cursor:pointer}.voice-time{font-variant-numeric:tabular-nums;color:#aaa}.sound-copy{font-size:24px;line-height:1.55;margin-top:30px}.sound-manifesto{overflow:hidden}.sound-manifesto .manifesto{opacity:.18;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.sound-manifesto .manifesto.in{opacity:1;transform:none}.voice-aside{width:max-content;max-width:100%;margin:54px 0 0 auto;padding-top:14px;border-top:4px solid var(--coral);color:var(--coral);font-weight:800;font-size:18px}.voice-aside.in{animation:aside-arrive .45s .25s both}
@keyframes voice-pulse{from{transform:scaleY(.72)}to{transform:scaleY(1.08)}}
@keyframes aside-arrive{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.footer{padding:100px 0;background:var(--coral);color:var(--ink);text-align:center}.footer h2{font-size:clamp(60px,9vw,125px);line-height:.85}.footer p{font-size:22px;margin:25px auto}.footer-links{display:flex;justify-content:center;gap:25px;font-weight:800;flex-wrap:wrap}
.reveal{opacity:1;transform:none}.lia-note{font-family:"Frank Ruhl Libre",serif;color:var(--coral);font-size:17px;line-height:1.35;max-width:510px;margin-top:30px;transform:rotate(-1deg)}
@media(max-width:900px){.shell{width:min(100% - 28px,720px)}.nav-inner{min-height:62px}.nav-links{display:none}.hero,.page-hero,.section-head,.proof-lab,.project-head,.case-spread,.sound-stage{grid-template-columns:1fr}.hero{padding-top:50px}.hero h1{font-size:62px}.portrait-stage{min-height:470px}.section{padding:75px 0}.section-head{gap:20px;margin-bottom:35px}.work-head{gap:24px}.work-head .section-intro{max-width:560px;margin:0;padding-top:18px;font-size:19px}.case,.case:nth-child(even){grid-template-columns:1fr;gap:28px;min-height:auto}.case:nth-child(even) .case-media{order:0}.case-media{min-height:430px}.proof-nav{position:static;display:flex;overflow:auto;gap:14px}.proof-tab{font-size:21px;white-space:nowrap;width:auto;padding:12px}.proof-tab.active{padding-right:12px}.desk{min-height:820px}.desk-head{right:25px}.object-paper{right:5%;bottom:8%;width:230px}.object-mic{left:3%;bottom:25%;width:210px}.object-brief{left:13%;top:42%;width:240px}.object-folder{left:5%;top:23%}.object-glasses{right:12%;bottom:38%}.time-row{grid-template-columns:1fr;gap:10px}.before-after{grid-template-columns:1fr}.switch{margin:auto;transform:rotate(90deg)}.metric-river{flex-direction:column;align-items:stretch}.triptych,.campaign-grid{grid-template-columns:1fr}.poster{min-height:560px}.exhibition-invite{grid-template-columns:1fr;gap:18px;margin-top:30px;padding-top:26px}.exhibition-invite strong{font-size:28px}.issue{grid-template-columns:1fr;gap:14px}.sound-stage{padding:80px 22px;gap:44px}.waveform{height:150px}.voice-controls{grid-template-columns:58px minmax(0,1fr) auto;gap:13px}.voice-play{width:58px;height:58px}.voice-aside{width:auto;margin-top:38px}.page-number{display:none}}
.idea-person{right:-110px;width:92px;height:178px}.idea-person:before{content:"";position:absolute;z-index:-1;right:14px;top:-10px;width:18px;height:18px;border-radius:50%;background:var(--coral);box-shadow:15px -7px 0 1px var(--coral),31px -3px 0 2px var(--coral),43px 9px 0 var(--coral),45px 26px 0 1px var(--coral),35px 41px 0 var(--coral),16px 44px 0 2px var(--coral),0 34px 0 var(--coral),-4px 16px 0 1px var(--coral)}.idea-head{width:43px;height:52px;right:24px;top:2px;border-radius:46% 54% 50% 48%;box-shadow:none}.idea-head:after{content:"";position:absolute;left:-8px;top:22px;width:13px;height:5px;background:var(--ink);border-radius:60% 0 0 60%}
.punctuation-stage{position:relative;width:100%;min-height:440px;display:grid;place-items:center;overflow:visible;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.punctuation-stage:focus-visible{outline:3px solid var(--coral);outline-offset:8px}.punctuation-mark{position:relative;width:280px;height:380px;transition:transform .42s cubic-bezier(.2,.8,.2,1)}.punctuation-mark span{position:absolute;inset:0;display:grid;place-items:center;font-size:380px;font-weight:900;line-height:1;letter-spacing:0;transition:opacity .36s ease,transform .5s cubic-bezier(.2,.8,.2,1),color .3s}.punctuation-question{color:var(--ink);text-shadow:12px 12px 0 var(--yellow);opacity:1;transform:rotate(-2deg) scale(1)}.punctuation-answer{color:#c81724;text-shadow:12px 12px 0 var(--yellow);opacity:0;transform:translateY(26px) rotate(8deg) scale(.62)}.punctuation-stage:hover .punctuation-mark,.punctuation-stage:focus-visible .punctuation-mark,.punctuation-stage.is-answer .punctuation-mark{transform:scale(1.05)}.punctuation-stage:hover .punctuation-question,.punctuation-stage:focus-visible .punctuation-question,.punctuation-stage.is-answer .punctuation-question{opacity:0;transform:translateY(-20px) rotate(-8deg) scale(.6)}.punctuation-stage:hover .punctuation-answer,.punctuation-stage:focus-visible .punctuation-answer,.punctuation-stage.is-answer .punctuation-answer{opacity:1;transform:translateY(0) rotate(0) scale(1)}
@media(max-width:900px){.punctuation-stage{min-height:300px}.punctuation-mark{width:210px;height:270px}.punctuation-mark span{font-size:270px;text-shadow:8px 8px 0 var(--yellow)}}
.punctuation-stage:focus-visible{outline:none}
.paper-stage{position:relative;width:100%;min-height:440px;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer;overflow:visible}.paper-stage:focus-visible{outline:3px solid var(--coral);outline-offset:8px}.paper-sequence{position:absolute;inset:6px 0 68px;display:block;overflow:hidden}.paper-frame{position:absolute;inset:0;background-image:url('assets/paper-crumple-sequence.png');background-repeat:no-repeat;background-size:900px auto;background-position-y:center;opacity:0;filter:drop-shadow(8px 10px 0 rgba(24,21,19,.13))}.paper-write{background-position-x:left;animation:paper-write 6.4s infinite}.paper-delete{background-position-x:center;animation:paper-delete 6.4s infinite}.paper-throw{background-position-x:right;animation:paper-throw 6.4s infinite}.paper-copy{position:absolute;right:0;left:0;bottom:12px;height:50px;display:grid;place-items:center;font-size:30px;font-weight:800;line-height:1}.paper-copy span,.paper-copy strong{position:absolute;opacity:0}.paper-copy span:nth-child(1){animation:paper-word-one 6.4s infinite}.paper-copy span:nth-child(2){animation:paper-word-two 6.4s infinite}.paper-copy span:nth-child(3){animation:paper-word-three 6.4s infinite}.paper-copy strong{color:var(--coral);font-size:34px;animation:paper-word-final 6.4s infinite}.paper-stage.is-replaying .paper-write{animation-name:paper-write-replay}.paper-stage.is-replaying .paper-delete{animation-name:paper-delete-replay}.paper-stage.is-replaying .paper-throw{animation-name:paper-throw-replay}.paper-stage.is-replaying .paper-copy span:nth-child(1){animation-name:paper-word-one-replay}.paper-stage.is-replaying .paper-copy span:nth-child(2){animation-name:paper-word-two-replay}.paper-stage.is-replaying .paper-copy span:nth-child(3){animation-name:paper-word-three-replay}.paper-stage.is-replaying .paper-copy strong{animation-name:paper-word-final-replay}@keyframes paper-write{0%,19%{opacity:1;transform:translateX(0) rotate(-2deg) scale(.98)}23%,100%{opacity:0;transform:translateX(-8px) rotate(-4deg) scale(.95)}}@keyframes paper-delete{0%,20%{opacity:0;transform:scale(.9) rotate(2deg)}24%,43%{opacity:1;transform:scale(1) rotate(-1deg)}47%,100%{opacity:0;transform:scale(.86) rotate(4deg)}}@keyframes paper-throw{0%,44%{opacity:0;transform:translateX(0) rotate(-3deg) scale(.86)}49%,69%{opacity:1;transform:translateX(0) rotate(2deg) scale(1)}76%,100%{opacity:0;transform:translateX(-82px) translateY(-25px) rotate(-16deg) scale(.72)}}@keyframes paper-word-one{0%,18%{opacity:1;transform:none}22%,100%{opacity:0;transform:translateY(-5px)}}@keyframes paper-word-two{0%,22%{opacity:0}25%,42%{opacity:1;transform:none}46%,100%{opacity:0;transform:translateY(-5px)}}@keyframes paper-word-three{0%,45%{opacity:0}48%,67%{opacity:1;transform:none}71%,100%{opacity:0;transform:translateY(-5px)}}@keyframes paper-word-final{0%,70%{opacity:0;transform:translateY(7px)}76%,94%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-4px)}}@keyframes paper-write-replay{0%,19%{opacity:1;transform:translateX(0) rotate(-2deg) scale(.98)}23%,100%{opacity:0;transform:translateX(-8px) rotate(-4deg) scale(.95)}}@keyframes paper-delete-replay{0%,20%{opacity:0;transform:scale(.9) rotate(2deg)}24%,43%{opacity:1;transform:scale(1) rotate(-1deg)}47%,100%{opacity:0;transform:scale(.86) rotate(4deg)}}@keyframes paper-throw-replay{0%,44%{opacity:0;transform:translateX(0) rotate(-3deg) scale(.86)}49%,69%{opacity:1;transform:translateX(0) rotate(2deg) scale(1)}76%,100%{opacity:0;transform:translateX(-82px) translateY(-25px) rotate(-16deg) scale(.72)}}@keyframes paper-word-one-replay{0%,18%{opacity:1;transform:none}22%,100%{opacity:0;transform:translateY(-5px)}}@keyframes paper-word-two-replay{0%,22%{opacity:0}25%,42%{opacity:1;transform:none}46%,100%{opacity:0;transform:translateY(-5px)}}@keyframes paper-word-three-replay{0%,45%{opacity:0}48%,67%{opacity:1;transform:none}71%,100%{opacity:0;transform:translateY(-5px)}}@keyframes paper-word-final-replay{0%,70%{opacity:0;transform:translateY(7px)}76%,94%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-4px)}}
@media(max-width:900px){.paper-stage{min-height:330px}.paper-sequence{inset:0 0 62px}.paper-frame{background-size:700px auto}.paper-copy{font-size:25px}.paper-copy strong{font-size:29px}}
.idea-doodle{position:absolute;inset:18px 14px 48px;width:calc(100% - 28px);height:calc(100% - 66px);overflow:visible}.idea-doodle path{fill:none;stroke:var(--ink);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.doodle-ground{stroke-width:4!important;opacity:.8}.doodle-traveller{animation:doodle-cross 7.4s cubic-bezier(.55,.05,.45,.95) infinite}.doodle-hair{stroke:var(--coral)!important;stroke-width:15!important}.doodle-head{fill:var(--paper)!important}.doodle-face{stroke-width:4!important}.doodle-body{fill:var(--paper)!important}.doodle-arm,.doodle-leg{transform-box:fill-box;transform-origin:50% 0}.doodle-arm-one,.doodle-leg-two{animation:doodle-limb-a .46s ease-in-out infinite alternate}.doodle-arm-two,.doodle-leg-one{animation:doodle-limb-b .46s ease-in-out infinite alternate}.doodle-bulb{opacity:0;transform-origin:265px 112px;animation:doodle-light 7.4s ease infinite}.doodle-bulb path{fill:var(--coral);stroke:var(--ink);stroke-width:6}.doodle-bulb .doodle-rays{fill:none;stroke:var(--coral);stroke-width:7}.doodle-aha{opacity:0;fill:var(--ink);font:900 42px Assistant,Arial,sans-serif;animation:doodle-aha 7.4s ease infinite}@keyframes doodle-cross{0%{transform:translateX(-155px) rotate(0)}27%{transform:translateX(175px) rotate(0)}32%,59%{transform:translateX(175px) rotate(-2deg)}78%,100%{transform:translateX(580px) rotate(0)}}@keyframes doodle-light{0%,30%,61%,100%{opacity:0;transform:scale(.35) rotate(-12deg)}38%,55%{opacity:1;transform:scale(1) rotate(0)}}@keyframes doodle-aha{0%,38%,61%,100%{opacity:0;transform:translateY(8px)}44%,56%{opacity:1;transform:translateY(0)}}@keyframes doodle-limb-a{from{transform:rotate(11deg)}to{transform:rotate(-11deg)}}@keyframes doodle-limb-b{from{transform:rotate(-11deg)}to{transform:rotate(11deg)}}
@keyframes doodle-light{0%,30%,61%,100%{opacity:0;transform:translateY(-112px) scale(.35) rotate(-12deg)}38%,55%{opacity:1;transform:translateY(-112px) scale(1) rotate(0)}}
@keyframes doodle-aha{0%,38%,61%,100%{opacity:0;transform:translateY(8px)}44%,56%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.idea-person{right:36%}.idea-flash{opacity:1;transform:scale(1) rotate(-2deg)}.doodle-traveller{transform:translateX(175px)}.doodle-bulb{opacity:1;transform:translateY(-112px)}.doodle-aha{opacity:1;transform:none}}
.brand-case-hero{min-height:760px;position:relative;display:flex;align-items:flex-end;background-size:cover;background-position:center;overflow:hidden;color:var(--white)}.brand-case-hero:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.92))}.brand-case-hero .shell{position:relative;z-index:2;padding-bottom:70px}.brand-case-hero h1{font-size:clamp(72px,11vw,155px);line-height:.78}.brand-case-hero p{font-size:24px;max-width:660px;line-height:1.45;margin-top:30px}.logo-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}.logo-mark{min-height:390px;background:var(--white);border:2px solid var(--ink);display:grid;place-items:center;padding:55px;box-shadow:16px 16px var(--coral);transform:rotate(-1deg)}.logo-story .logo-mark img{width:100%;box-shadow:none;transform:none}.logo-story p{font-size:27px;line-height:1.5}.case-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 34px;align-items:start}.case-page{position:relative;margin:0}.case-page img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--ink);cursor:zoom-in}.case-page figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:12px;font-size:14px;color:var(--muted)}.case-page:nth-child(3){margin-top:60px}.case-page:nth-child(4){margin-top:-10px}.case-page:last-child{grid-column:1/-1;width:min(56%,680px);justify-self:center;margin-top:10px}.margin-note{font-family:"Frank Ruhl Libre";font-size:22px;color:var(--coral)}
@media(max-width:900px){.logo-story,.case-pages{grid-template-columns:1fr}.logo-mark{min-height:250px;padding:32px}.case-page:nth-child(n){margin-top:0}.case-page:last-child{grid-column:auto;width:100%}.brand-case-hero{min-height:680px}.brand-case-hero .shell{padding-bottom:45px}}

/* The voice demo is driven by its actual frequency spectrum. */
.waveform i{height:var(--wave-height,calc(20px + var(--h)*1px));transition:height .075s linear,background .22s ease,opacity .2s ease}
.waveform.is-playing i{animation:none;opacity:calc(.62 + var(--energy,0)*.38)}
.voice-volume{display:flex;align-items:center;gap:12px;margin-top:18px;width:min(260px,100%)}
.voice-mute{width:38px;height:38px;display:grid;place-items:center;border:1px solid #777;border-radius:50%;background:transparent;color:var(--white);cursor:pointer;font-size:17px;transition:border-color .2s ease,transform .2s ease}
.voice-mute:hover,.voice-mute:focus-visible{border-color:var(--yellow);transform:translateY(-2px);outline:none}
.voice-volume-range{flex:1;accent-color:var(--yellow);cursor:pointer}

/* The paper sequence uses three equal source frames. */
.paper-frame{background-size:340% auto}
.paper-sequence:after{content:"";position:absolute;z-index:4;inset:0 auto 0 0;width:18%;background:var(--paper);pointer-events:none}
.paper-copy span,.paper-copy strong{inset:0;display:grid;place-items:center}
@media(max-width:900px){.paper-frame{background-size:340% auto}}

/* Sound page art direction: editorial studio, not a generic player. */
.sound-stage{position:relative;isolation:isolate;overflow:hidden}
.sound-stage:before{content:"";position:absolute;z-index:-1;left:-70px;top:92px;width:210px;height:34px;background:var(--yellow);transform:rotate(-13deg)}
.sound-stage:after{content:"01";position:absolute;z-index:-1;left:4vw;bottom:-34px;font:900 clamp(150px,22vw,330px)/.7 "Frank Ruhl Libre",serif;color:transparent;-webkit-text-stroke:1px rgba(255,250,242,.13)}
.sound-stage>div:first-child{position:relative}
.sound-stage>div:first-child:after{content:"";display:block;width:86px;height:9px;margin-top:38px;background:var(--yellow);transform:rotate(-2deg)}
.sound-copy{max-width:610px}
.sound-console{position:relative;padding-top:30px}
.sound-console-label{position:absolute;top:0;left:0;color:var(--yellow);font-size:13px;font-weight:800;letter-spacing:1.5px;direction:ltr}
.waveform{position:relative;border-block:1px solid rgba(255,250,242,.28);padding-block:18px;justify-content:center}
.waveform:after{content:"";position:absolute;right:0;left:0;top:50%;height:1px;background:rgba(255,250,242,.12);pointer-events:none}
.waveform i{position:relative;z-index:1;width:5px;box-shadow:0 0 0 1px rgba(230,76,53,.08)}
.voice-player{border-top:0;padding-top:28px}
.voice-controls{position:relative}
.voice-meta b{font-size:22px}
.voice-status{color:rgba(255,250,242,.62)}
.voice-progress,.voice-volume-range{height:5px}
.sound-manifesto{background:var(--paper);position:relative}
.sound-manifesto .shell{position:relative}
.sound-manifesto .manifesto{max-width:1180px;line-height:1.08}
.sound-manifesto .manifesto span{position:relative;display:inline;z-index:1;color:var(--ink);white-space:normal}
.sound-manifesto .manifesto span:after{content:"";position:absolute;z-index:-1;right:-2%;left:-2%;bottom:.08em;height:.24em;background:var(--yellow);transform:rotate(-1deg)}
.sound-manifesto .manifesto span:nth-child(2):after{background:var(--coral);transform:none}
.sound-manifesto .manifesto span:nth-child(3):after{background:var(--petrol);height:.28em;transform:rotate(-.5deg)}
.voice-aside{width:min(680px,92%);margin:72px 0 0 auto;padding:26px 30px 24px;border:2px solid var(--ink);border-top:2px solid var(--ink);background:var(--petrol);color:var(--white);font-size:20px;line-height:1.45;box-shadow:-10px 10px 0 var(--ink);transform:rotate(-1deg)}
.voice-aside span{display:block;width:max-content;margin:-45px -12px 14px 0;padding:6px 10px;background:var(--yellow);color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.4px;transform:rotate(1deg)}
.voice-aside.in{animation:aside-arrive .45s .25s both}
@media(max-width:900px){.sound-stage:before{left:-105px;top:80px}.sound-stage:after{left:-18px;bottom:-10px}.sound-console{padding-top:28px}.waveform{gap:4px;padding-block:12px}.waveform i{width:4px}.voice-volume{width:100%;max-width:260px}.sound-manifesto .manifesto{font-size:clamp(38px,10vw,58px);line-height:1.12}.voice-aside{width:100%;margin-top:58px;padding:24px 20px 20px;font-size:18px;box-shadow:-7px 7px 0 var(--ink)}}
@media(max-width:900px){
  .sound-manifesto .manifesto span{
    padding-inline:.04em;
    background:linear-gradient(transparent 72%,var(--yellow) 72%,var(--yellow) 93%,transparent 93%);
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone;
  }
  .sound-manifesto .manifesto span:nth-of-type(2){background-image:linear-gradient(transparent 72%,var(--coral) 72%,var(--coral) 93%,transparent 93%)}
  .sound-manifesto .manifesto span:nth-of-type(3){background-image:linear-gradient(transparent 70%,var(--petrol) 70%,var(--petrol) 94%,transparent 94%)}
  .sound-manifesto .manifesto span:after{display:none}
}

.pushtakim-kids{background:var(--ink);color:var(--white);overflow:hidden}.kids-head{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:end;margin-bottom:58px}.kids-head .section-intro{margin-top:0}.kids-head .margin-note{margin-top:20px;color:var(--yellow)}.kids-editorial{display:grid;grid-template-columns:1.15fr .8fr 1fr;grid-template-rows:420px 350px;gap:18px;position:relative}.kid-shot{margin:0;position:relative;overflow:hidden;border:1px solid rgba(255,250,242,.72);background:#0d0b0a;cursor:zoom-in}.kid-shot:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);pointer-events:none}.kid-shot img{width:100%;height:100%;object-fit:cover;transition:transform .45s,filter .45s}.kid-shot:hover img{transform:scale(1.025);filter:contrast(1.05)}.kid-shot figcaption{position:absolute;right:0;bottom:0;max-width:92%;padding:10px 14px;background:var(--paper);color:var(--ink);font-weight:800;font-size:15px;z-index:2}.kid-omer{grid-row:1/3}.kid-omer img{object-position:center}.kid-aria{transform:translateY(34px) rotate(-1deg)}.kid-tommy{grid-row:1/3}.kid-tommy img{object-position:center}.kid-duo{transform:translateY(-8px) rotate(1deg)}

/* Blood rises inside each glyph, then escapes from selected letters. */
.bloody-title{position:relative;display:inline-flex!important;direction:rtl;align-items:baseline;isolation:isolate;color:var(--ink);overflow:visible;cursor:default;box-shadow:none!important;border-radius:0!important;transition:none!important}
.bloody-title:before,.bloody-title:after{content:none!important}
.title-space{display:inline-block;width:.22em}
.blood-letter{position:relative;display:inline-block;color:var(--ink);line-height:.9;isolation:isolate}
.blood-letter:before{content:attr(data-letter);position:absolute;z-index:1;inset:0;color:#c81724;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);animation:letter-bleeds 10s cubic-bezier(.48,.02,.25,1) infinite;animation-delay:var(--delay);pointer-events:none}
.blood-letter.has-drip i{position:absolute;z-index:0;left:var(--drip-x);top:80%;width:7px;height:var(--drip-h);border-radius:0 0 8px 8px;background:#c81724;transform:translateX(-50%) scaleY(0);transform-origin:top;opacity:0;animation:letter-drips 10s cubic-bezier(.48,.02,.25,1) infinite;animation-delay:var(--delay)}
.blood-letter.has-drip i:before{content:"";position:absolute;left:-3px;top:-5px;width:13px;height:17px;border-radius:50% 45% 35% 50%;background:#c81724}
.blood-letter.has-drip i:after{content:"";position:absolute;left:50%;bottom:-4px;width:11px;height:11px;border-radius:50%;background:#c81724;transform:translateX(-50%) scale(.65)}
@keyframes letter-bleeds{0%,12%{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}48%,88%{clip-path:polygon(0 57%,18% 48%,35% 61%,52% 45%,68% 55%,84% 43%,100% 58%,100% 100%,0 100%)}95%,100%{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}}
@keyframes letter-drips{0%,32%{opacity:0;transform:translateX(-50%) scaleY(0)}49%{opacity:1;transform:translateX(-50%) scaleY(.18)}66%,91%{opacity:1;transform:translateX(-50%) scaleY(1)}96%,100%{opacity:0;transform:translateX(-50%) scaleY(1.06)}}
.campaign-banner{transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.campaign-banner img{box-shadow:0 0 0 var(--ink);transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .3s ease,box-shadow .38s ease}
.campaign-banner:nth-child(1):hover{transform:translateY(-12px) rotate(.7deg)}
.campaign-banner:nth-child(2):hover{transform:translateY(-18px) rotate(-.55deg)}
.campaign-banner:nth-child(3):hover{transform:translateY(-10px) rotate(.45deg)}
.campaign-banner:hover img{transform:scale(1.012);filter:contrast(1.04);box-shadow:10px 10px 0 var(--ink)}
.campaign-banner figcaption{transition:transform .3s ease}
.campaign-banner:hover figcaption{transform:translateX(-8px)}
.campaign-banner figcaption strong{transition:color .2s}
.campaign-banner:hover figcaption strong{color:var(--coral)}
.exhibition-invite{perspective:1000px}
.exhibition-invite img{transform-origin:50% 100%;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .35s}
.exhibition-invite figcaption{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.exhibition-invite:hover img{transform:translateY(-10px) rotate(-1deg) rotateX(2deg);filter:drop-shadow(14px 18px 0 rgba(16,13,11,.13))}
.exhibition-invite:hover figcaption{transform:translateX(-10px)}
@media(max-width:900px){.kids-head{grid-template-columns:1fr;gap:18px;margin-bottom:34px}.kids-editorial{grid-template-columns:1fr 1fr;grid-template-rows:360px 300px 280px;gap:10px}.kid-omer{grid-column:1/3;grid-row:1}.kid-aria,.kid-tommy,.kid-duo{transform:none}.kid-aria{grid-column:1;grid-row:2}.kid-tommy{grid-column:2;grid-row:2}.kid-duo{grid-column:1/3;grid-row:3}.kid-shot figcaption{font-size:13px;padding:8px 10px}}

/* Pushtakim: one typographic voice, with hierarchy carried by scale and color. */
.brand-case-hero,.logo-story,.case-pages,.pushtakim-kids{font-family:Assistant,Arial,sans-serif}
.logo-story .margin-note,.kids-head .margin-note{font-family:Assistant,Arial,sans-serif;font-weight:800}
.case-page:nth-child(3),.case-page:nth-child(4){margin-top:0}
.mevalim-case-pages .case-page:last-child{grid-column:auto;width:100%;justify-self:stretch;margin-top:0}
.mevalim-built .section-intro{max-width:820px}
.mevalim-built-list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-block:1px solid var(--ink)}
.mevalim-built-list span{padding:26px 18px;border-left:1px solid var(--ink);font-size:18px;line-height:1.45}
.mevalim-built-list span:last-child{border-left:0}
.mevalim-built-list b{display:block;margin-bottom:7px;color:var(--coral);font-size:28px}
@media(max-width:900px){.mevalim-built-list{grid-template-columns:1fr 1fr}.mevalim-built-list span:nth-child(2){border-left:0}.mevalim-built-list span:nth-child(-n+2){border-bottom:1px solid var(--ink)}}
@media(max-width:560px){.mevalim-built-list{grid-template-columns:1fr}.mevalim-built-list span{border-left:0;border-bottom:1px solid var(--ink)}.mevalim-built-list span:last-child{border-bottom:0}}
.kid-shot figcaption{right:12px;bottom:12px;width:calc(100% - 24px);max-width:520px;padding:11px 14px;font-family:Assistant,Arial,sans-serif;line-height:1.35;overflow-wrap:anywhere}
.kid-aria{transform:none}
.kid-aria img{object-position:center 42%}
.kid-omer{display:block}
.kid-omer img{height:110%;min-height:0;transform:translateY(-9%)}
.kid-omer:hover img{transform:translateY(-9%) scale(1.025)}
.kid-omer figcaption{position:absolute;right:12px;bottom:12px;width:calc(100% - 24px);max-width:520px;padding:11px 14px}
@media(max-width:900px){.kid-shot figcaption{right:8px;bottom:8px;width:calc(100% - 16px);padding:9px 10px}}

.pushtakim-press{font-family:Assistant,Arial,sans-serif;background:var(--paper)}
.pushtakim-social{background:var(--yellow);color:var(--ink);font-family:Assistant,Arial,sans-serif;overflow:hidden}
.social-noise{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;position:relative}
.social-noise-head .section-title{margin-top:10px}
.social-noise-copy{align-self:end;max-width:680px;padding-bottom:12px;font-size:21px;font-weight:600;line-height:1.55}
.social-noise-copy p+p{margin-top:24px}
.social-noise-punch{grid-column:1/-1;margin-top:70px;padding-top:30px;border-top:2px solid var(--ink);font-size:clamp(44px,6.4vw,94px);font-weight:900;line-height:.92}
.social-noise-punch span{color:var(--coral)}
@media(max-width:900px){.social-noise{grid-template-columns:1fr;gap:28px}.social-noise-copy{font-size:19px}.social-noise-punch{margin-top:36px}}
.press-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:end;margin-bottom:58px}
.press-head .section-intro{margin:0 0 8px;font-size:24px;line-height:1.55;max-width:650px}
.press-list{border-top:2px solid var(--ink)}
.press-row{display:grid;grid-template-columns:180px 1fr 48px;gap:28px;align-items:center;padding:28px 4px;border-bottom:1px solid var(--ink);transition:background .2s,color .2s,padding .2s}
.press-row strong{font-size:18px;color:var(--coral)}
.press-row span{font-size:clamp(24px,3vw,40px);font-weight:800;line-height:1.05}
.press-row i{font-style:normal;font-size:32px;text-align:left}
.press-row:hover{background:var(--coral);color:var(--ink);padding-inline:18px}
.press-row:hover strong{color:var(--ink)}
@media(max-width:900px){.press-head{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.press-head .section-intro{font-size:20px}.press-row{grid-template-columns:92px 1fr 28px;gap:12px;padding:20px 2px}.press-row span{font-size:22px}.press-row i{font-size:24px}.press-row:hover{padding-inline:8px}}

.logo-play{position:relative;width:100%;font:inherit;color:var(--ink);cursor:pointer;overflow:hidden;isolation:isolate;background:var(--white);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s}
.logo-play:before{content:"";position:absolute;inset:0;z-index:0;background:var(--coral);transform:translateX(108%) skewX(-9deg);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.logo-play:after{content:"";position:absolute;inset:55px;z-index:3;background:url('assets/pushtakim-logo.png') center/contain no-repeat;filter:invert(1) sepia(.18) saturate(.6);opacity:0;pointer-events:none}
.logo-play img{position:relative;z-index:2;transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s}
.logo-play:hover,.logo-play:focus-visible,.logo-play.is-awake{transform:rotate(.7deg) translate(-5px,-7px);box-shadow:18px 18px 0 var(--ink)}
.logo-play:hover:before,.logo-play:focus-visible:before,.logo-play.is-awake:before{transform:translateX(0) skewX(0)}
.logo-play:hover:after,.logo-play:focus-visible:after,.logo-play.is-awake:after{opacity:.72;animation:logo-misprint .42s steps(2,end) both}
.logo-play:hover img,.logo-play:focus-visible img,.logo-play.is-awake img{animation:logo-kick .42s steps(2,end) both}
.logo-reveal{position:absolute;left:18px;bottom:16px;z-index:5;padding:10px 15px;background:var(--ink);color:var(--white);font-weight:800;font-size:16px;line-height:1;opacity:0;transform:translateY(12px) rotate(-2deg);transition:opacity .16s ease .12s,transform .2s ease .12s;pointer-events:none}
.logo-play:hover .logo-reveal,.logo-play:focus-visible .logo-reveal,.logo-play.is-awake .logo-reveal{opacity:1;transform:translateY(0) rotate(-2deg)}
@keyframes logo-kick{0%{transform:translate(0) rotate(0)}35%{transform:translate(10px,-4px) rotate(-1.3deg)}65%{transform:translate(-7px,3px) rotate(.8deg)}100%{transform:translate(0) rotate(0)}}
@keyframes logo-misprint{0%{transform:translate(0);opacity:0}35%{transform:translate(-12px,7px);opacity:.78}65%{transform:translate(9px,-5px);opacity:.48}100%{transform:translate(-5px,3px);opacity:.68}}
@media(max-width:900px){.logo-play:after{inset:32px}.logo-reveal{left:8px;bottom:8px;font-size:13px}.logo-play:hover,.logo-play:focus-visible,.logo-play.is-awake{box-shadow:12px 12px var(--ink)}}

.rhythm-list{list-style:none;margin:25px 0 0;padding:0;counter-reset:item}.rhythm-list li{position:relative;padding:12px 54px 12px 0;border-bottom:1px solid var(--line);font-size:20px;line-height:1.55}.rhythm-list li:before{content:attr(data-num);position:absolute;right:0;top:14px;color:var(--coral);font-weight:800}.issue details[open]{padding-bottom:15px}.issue details>div,.issue details>p{margin-top:24px}.story-copy p{margin:0 0 24px}.story-quote{background:var(--ink);color:var(--white);padding:28px;border-right:8px solid var(--coral);margin:28px 0;font-family:"Frank Ruhl Libre",serif;font-size:22px;line-height:1.6}

@media(max-width:900px){.nav-inner{flex-wrap:wrap;padding-top:8px;gap:8px 14px}.brand{order:1}.nav-cta{order:2}.nav-links{order:3;display:flex;width:100%;overflow-x:auto;gap:20px;padding:5px 0 12px;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{white-space:nowrap}.nav-links a:after{bottom:-4px}.scribble{left:4px;font-size:78px}.proof-nav{max-width:100%;padding-bottom:5px}.proof-tab.active:before{display:none}.ticker-track{padding-inline:18px}.desk-tip{max-width:180px}.lia-note{font-size:15px}.rhythm-list li{font-size:18px;padding-right:44px}.issue h2{overflow-wrap:anywhere}}
@media(max-width:900px){.signal-grid{grid-template-columns:1fr 1fr}.signal-intro{grid-column:1/-1;min-height:auto;padding:22px 0}.signal-intro b{max-width:none}.signal-item{min-height:120px;padding:20px 14px;border-top:1px solid rgba(16,13,11,.38)}.signal-item:nth-child(2),.signal-item:nth-child(4){border-right:0}.case-media{width:min(100%,560px);justify-self:center;min-height:0!important}.case-media img{object-fit:contain}.portrait-note{left:0;max-width:min(330px,88%)}.portrait-note p{line-height:1.35}}
@media(max-width:560px){.signal-grid{grid-template-columns:1fr}.signal-item{min-height:auto;padding:18px 0;border-right:0}.signal-item:before{display:none}.signal-item:hover,.signal-item:focus-within{color:var(--ink)}.signal-item:hover span,.signal-item:focus-within span{color:var(--wine)}.hero{min-height:auto}.hero h1{font-size:54px}.portrait-stage{min-height:440px}.case-media{width:100%}.case-proof{gap:18px;justify-content:space-between}.case-proof b{font-size:29px}.proof-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:8px}.proof-tab{width:100%;padding:12px 8px;text-align:center}.proof-tab.active{padding-right:8px}}
@media(prefers-reduced-motion:reduce){.bloody-title:before,.bloody-title:after,.campaign-banner,.campaign-banner img,.campaign-banner figcaption,.exhibition-invite img,.exhibition-invite figcaption{transition:none!important}.campaign-banner:hover,.campaign-banner:hover img,.campaign-banner:hover figcaption,.exhibition-invite:hover img,.exhibition-invite:hover figcaption{transform:none!important}}

/* About: a different portrait language from the home page. */
.about-hero{grid-template-columns:1.06fr .94fr;min-height:690px;overflow:visible}
.about-coda{display:inline;color:var(--coral);font-weight:900}
.about-portrait{position:relative;min-height:570px;isolation:isolate;margin:0}
.about-portrait:before{content:"";position:absolute;inset:3% 1% 8% 18%;background:var(--coral);clip-path:polygon(8% 0,100% 6%,91% 100%,0 88%);z-index:-2;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.about-photo{position:absolute;inset:8% 9% 10% 5%;overflow:hidden;background:var(--ink);clip-path:polygon(5% 0,100% 3%,95% 97%,0 100%);transform:rotate(1.2deg);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:saturate(.92) contrast(1.02);transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s}
.about-portrait:hover:before{transform:rotate(-2deg) translate(-7px,6px)}
.about-portrait:hover .about-photo{transform:rotate(-.5deg) translateY(-6px)}
.about-portrait:hover .about-photo img{transform:scale(1.025);filter:saturate(1.04) contrast(1.03)}
.about-portrait-echo{position:absolute;left:-1%;top:1%;z-index:-1;display:flex;gap:2px;align-items:flex-start;font-size:clamp(78px,8vw,122px);font-weight:900;line-height:.72;transform:rotate(-7deg);opacity:.98}.about-portrait-echo span:first-child{color:var(--yellow)}.about-portrait-echo span:last-child{color:var(--petrol);transform:translateY(30px)}
.about-photo-note{position:absolute;right:12%;bottom:13%;z-index:3;max-width:350px;padding:10px 14px 9px;background:rgba(24,21,19,.94);border-right:6px solid var(--yellow);font-size:16px;font-weight:800;line-height:1.35;color:var(--white);transform:rotate(-1deg)}
.education{margin-top:90px;border-top:2px solid var(--ink);padding-top:34px}
.education-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:34px}
.education-head h2{font-size:clamp(48px,6vw,78px);line-height:.9;font-weight:900}
.education-head>p{font-size:18px;font-weight:700;color:var(--muted);text-align:left}
.education-deck{display:grid;grid-template-columns:1fr 1fr;gap:18px;direction:rtl}
.education-card{position:relative;min-height:340px;padding:0;border:2px solid var(--ink);overflow:hidden;text-align:right;cursor:pointer;background:var(--ink);color:var(--ink);isolation:isolate}
.education-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x,75%) var(--y,30%),rgba(255,255,255,.32),transparent 38%);opacity:0;transition:opacity .25s;z-index:3;pointer-events:none}
.education-card:hover:before,.education-card:focus-visible:before{opacity:1}
.education-face{position:absolute;inset:0;padding:32px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;transition:transform .5s cubic-bezier(.2,.8,.2,1);font-family:Assistant,Arial,sans-serif}
.education-front{transform:translateY(0)}
.education-back{transform:translateY(100%);background:var(--ink);color:var(--white);justify-content:center}
.education-card.is-open .education-front{transform:translateY(-100%)}
.education-card.is-open .education-back{transform:translateY(0)}
.education-face small{font-size:14px;font-weight:800;margin-bottom:auto;letter-spacing:0}
.education-face b{font-size:clamp(38px,4vw,61px);line-height:.88;font-weight:900;letter-spacing:0}
.education-front em{font-style:normal;font-size:18px;font-weight:800;margin-top:20px}
.education-face i{position:absolute;left:25px;top:21px;font-style:normal;font-size:36px;font-weight:500;line-height:1}
.education-back b{font-size:clamp(28px,3vw,43px);line-height:1;margin-bottom:20px;color:var(--yellow)}
.education-back>span{font-size:21px;line-height:1.45;max-width:510px;font-weight:600}
.education-back small{color:var(--coral);margin-bottom:20px}
.education-acc .education-front{background:var(--coral)}
.education-tau .education-front{background:var(--yellow)}
.education-card:hover .education-front{transform:translateY(-8px)}
.education-card.is-open:hover .education-front{transform:translateY(-100%)}
@media(max-width:900px){.about-hero{grid-template-columns:1fr;min-height:auto}.about-portrait{min-height:580px;margin-top:20px}.about-photo{inset:7% 7% 10% 3%}.about-portrait-echo{left:1%;top:0}.about-photo-note{right:9%;bottom:14%}.education{margin-top:70px}.education-head{grid-template-columns:1fr;gap:12px}.education-head>p{text-align:right}.education-deck{grid-template-columns:1fr}.education-card{min-height:310px}}
@media(max-width:560px){.about-portrait{min-height:500px}.about-photo{inset:8% 3% 12% 2%}.about-portrait-echo{font-size:76px}.about-photo-note{right:6%;bottom:15%;max-width:82%;font-size:14px;padding:9px 11px 8px}.education{margin-top:55px}.education-card{min-height:290px}.education-face{padding:25px 24px}.education-face b{font-size:38px}.education-back b{font-size:29px}.education-back>span{font-size:18px}.education-face i{left:20px;top:18px}}

/* Mobile home: orderly hierarchy without overlapping the work itself. */
@media(max-width:900px){
  .case-mevalim .mevalim-brand{top:49%;bottom:auto;left:6%;width:13%;min-width:46px;max-width:58px;box-shadow:4px 4px 0 var(--yellow)}
  .proof-lab{display:block}
  .proof-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding-bottom:0}
  .proof-nav .section-kicker{grid-column:1/-1;margin-bottom:8px}
  .proof-tab{width:100%;min-height:58px;padding:12px 8px;border:1px solid var(--ink);background:var(--white);color:var(--ink);text-align:center;white-space:normal}
  .proof-tab.active,.proof-tab:hover{padding:12px 8px;background:var(--coral);color:var(--ink)}
  .proof-panels{margin-top:26px}
  .proof-panel{min-height:0;padding:36px 0 12px}
  .desk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;padding:68px 18px 46px}
  .desk-head,.desk-object,.desk-tip{position:relative;inset:auto;right:auto;left:auto;top:auto;bottom:auto;transform:none}
  .desk-head{grid-column:1/-1;margin-bottom:22px}
  .desk-head h2{font-size:clamp(48px,13vw,72px)}
  .desk-object{display:flex;min-width:0;min-height:178px;width:auto;padding:22px;flex-direction:column;justify-content:flex-end;clip-path:none;text-align:right}
  .desk-object:hover{transform:translateY(-5px)}
  .desk-object b{font-size:25px}
  .desk-object small{font-size:15px;line-height:1.4}
  .object-paper{background:var(--white);color:var(--ink);box-shadow:7px 7px 0 var(--coral)}
  .object-mic{background:var(--petrol)}
  .object-brief{background:var(--yellow);color:var(--ink)}
  .object-glasses{background:var(--wine);font-size:50px}
  .object-glasses b{font-size:20px}
  .desk-tip{grid-column:1/-1;max-width:none;margin-top:8px;opacity:.62}
}