@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;600;700&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#1C1C1A;--ink:#F4EBD9;--muted:#93938a;--orange:#EE641B;--line:#383832}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:6px}.skip{position:absolute;top:-80px}.skip:focus{top:10px;z-index:100;background:black;padding:15px}header{height:105px;margin:0 4.3%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:36px;letter-spacing:-2px;line-height:.8;position:relative}.brand small{display:block;font-family:monospace;font-size:8px;letter-spacing:3.1px;margin-top:11px}.asterisk{color:var(--orange);font-size:35px;display:inline-block;margin-left:5px}nav{display:flex;gap:42px;align-items:center;font-size:13px}nav sup{color:var(--muted);font-size:9px;margin-left:4px}.contact{padding:13px 20px;border:1px solid #77776c;border-radius:30px;display:flex;gap:35px}.contact:hover{background:var(--orange);border-color:var(--orange);color:#141412}.hero{height:740px;max-height:900px;position:relative;margin:0 4.3%;border-bottom:1px solid var(--line);overflow:hidden}.hero-top{position:relative;z-index:3;padding-top:25px;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px}.location i{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:8px}h1{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(120px,24.9vw,380px);letter-spacing:-.09em;line-height:1;margin:48px 0 0 -.04em;font-weight:700;position:relative;pointer-events:none}.title-dot{font-family:Arial,sans-serif;font-size:28px;position:absolute;top:30px;right:0;letter-spacing:0}#stage{position:absolute;inset:65px 13% 85px;z-index:2;pointer-events:none}#stage canvas{width:100%;height:100%;display:block}.fallback{font-size:230px;color:var(--orange);position:absolute;inset:0;display:grid;place-items:center;text-shadow:10px 25px 0 #923421}.hero-bottom{position:absolute;bottom:67px;left:0;right:0;display:flex;justify-content:space-between;align-items:end;z-index:3;pointer-events:none}.hero-bottom>p{font-size:51px;line-height:1.02;letter-spacing:-2px;margin:0}.hero-bottom em, .about em{font-family:Georgia,serif;font-weight:400}.hero-intro{max-width:310px;pointer-events:auto}.hero-intro p{font-family:Assistant,Arial,sans-serif;font-size:19px;line-height:1.6;margin:0 0 24px}.work-link{font:11px monospace;letter-spacing:1px;display:flex;gap:45px;align-items:center}.work-link span{border:1px solid #68685e;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:17px}.pointer-note{position:absolute;bottom:19px;width:100%;text-align:center;font:9px monospace;letter-spacing:1.6px;color:var(--muted)}.work{padding:72px 4.3% 45px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}h2{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:0}.section-head h2 span{font:10px monospace;color:var(--muted);margin-left:18px}.filters{display:flex;gap:6px}.filters button{border:1px solid transparent;background:none;color:var(--muted);font-size:11px;padding:10px 17px;cursor:pointer;border-radius:25px}.filters button.active{border-color:var(--ink);color:var(--ink)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 24px}.project:first-child{grid-column:span 2}.project[hidden]{display:none}.project button{display:block;text-align:left;width:100%;border:0;padding:0;background:none;color:var(--ink);cursor:pointer}.picture{overflow:hidden;position:relative;aspect-ratio:16/9;background:#24241e}.project:first-child .picture{aspect-ratio:2.1}.picture img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s;filter:saturate(.8)}.project button:hover img{transform:scale(1.035);filter:saturate(1)}.picture:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0006,transparent 50%)}.play{position:absolute;z-index:1;left:24px;bottom:24px;width:53px;height:53px;display:grid;place-items:center;background:#efeee8e8;border-radius:50%;color:#141412;font-size:17px;transition:background .2s,transform .2s}.project button:hover .play{background:var(--orange);transform:rotate(-12deg)}.number{position:absolute;z-index:1;top:20px;left:22px;font:11px monospace;letter-spacing:1px;text-shadow:0 1px 5px #000}.project-meta{display:flex;justify-content:space-between;align-items:start;margin-top:16px;gap:15px}.project-title{font-size:21px;font-family:Assistant,Arial,sans-serif;font-weight:600}.project-type{font:9px monospace;letter-spacing:1px;color:var(--muted);padding-top:7px;white-space:nowrap}.more{display:flex;justify-content:space-between;margin-top:55px;padding-top:27px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.more a{font:10px monospace;color:var(--ink)}.about{padding:95px 4.3% 100px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.eyebrow{font:10px monospace;letter-spacing:1px;padding-top:12px;color:var(--muted)}.about h2{font-size:clamp(40px,5.6vw,85px);line-height:1.02;letter-spacing:-3px}.about p{font-family:Assistant,sans-serif;text-align:left;font-size:20px;line-height:1.7;max-width:520px;margin:35px 0}.services{font:10px monospace;letter-spacing:.5px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.services b{color:var(--orange);font-size:20px}footer{background:var(--orange);color:#171712;padding:50px 4.3% 28px}.footer-top>span{font:10px monospace;letter-spacing:1px}.footer-top>a{font-family:'Space Grotesk',sans-serif;display:block;font-size:clamp(65px,10vw,150px);font-weight:500;line-height:.95;letter-spacing:-6px;position:relative;margin:30px 0 60px}.footer-top em{font-family:Georgia,serif}.footer-top>a>span{position:absolute;right:0;top:0;font-size:1.2em}.footer-bottom{border-top:1px solid #17171266;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font:10px monospace}.footer-bottom>a:first-child{font:14px 'DM Sans',sans-serif}dialog{background:#141412;color:var(--ink);border:1px solid #48483c;padding:20px;width:min(1050px,95vw);max-width:95vw}dialog::backdrop{background:#000e}#close{display:block;margin:0 0 18px auto;border:0;background:none;color:var(--ink);font:12px monospace;cursor:pointer}#embed{aspect-ratio:16/9}#embed iframe{width:100%;height:100%;border:0}.player-footer{display:flex;justify-content:space-between;gap:15px;margin-top:18px;font-size:13px}.player-footer a{color:var(--orange)}@media(min-width:1600px){.hero{height:850px}}@media(max-width:700px){header{height:87px}nav{gap:20px;font-size:11px}nav a:nth-child(2){display:none}.contact{gap:12px;padding:11px 13px}.brand{font-size:30px}.hero{height:650px}.hero-top{font-size:8px}.location{display:none}h1{margin-top:63px;font-size:25vw}.title-dot{font-size:15px;top:0}#stage{inset:72px -18% 120px}.hero-bottom{bottom:55px;gap:20px}.hero-bottom>p{font-size:35px;letter-spacing:-1px}.hero-intro{max-width:185px}.hero-intro p{font-size:15px}.work-link{font-size:9px;gap:13px}.pointer-note{font-size:8px}.work{padding-top:45px}.section-head{align-items:start;gap:20px;flex-direction:column}.section-head h2{font-size:23px}.filters button{padding:8px 13px}.grid{grid-template-columns:1fr;gap:30px}.project:first-child{grid-column:auto}.project:first-child .picture{aspect-ratio:16/9}.project-title{font-size:19px}.project-type{font-size:8px}.play{width:42px;height:42px;bottom:16px;left:16px}.about{padding-top:60px;padding-bottom:60px;grid-template-columns:1fr;gap:25px}.about h2{letter-spacing:-2px;font-size:52px}.about p{font-size:18px}.services{font-size:8px;gap:9px}.footer-top>a{letter-spacing:-3px;font-size:18vw}.footer-bottom{flex-wrap:wrap;font-size:9px}.footer-bottom>a:first-child{width:100%}.more{font-size:10px}.player-footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* TAMID brand palette and floating visor character */
body{font-family:'DejaVu Sans','DM Sans',Arial,sans-serif}h1{font-size:16.2vw;margin-top:110px;width:57%;letter-spacing:-.075em}.title-dot{font-size:18px;right:-5px;top:12px}#stage{inset:65px -4% 75px 52%;pointer-events:none}.hero{height:700px}.hero-bottom{bottom:85px;right:45%;gap:25px;align-items:start}.hero-bottom>p{font-size:49px}.hero-intro{max-width:235px}.hero-intro p{font-family:inherit;font-size:14px;line-height:1.7;text-align:left}.pointer-note{left:56%;width:40%;bottom:42px}.about p,.project-title{font-family:inherit}.project-title{font-size:19px}.clients{background:var(--ink);color:var(--bg);padding:35px 4.3% 24px}.clients-head{display:flex;align-items:center;justify-content:space-between;font:10px monospace;letter-spacing:1px}.clients button{border:0;background:transparent;color:inherit;cursor:pointer;font:10px monospace;padding:10px}.logo-carousel{position:relative;height:150px;margin:25px 0 10px}.logo-slide{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:45px;opacity:0;transition:opacity 1.1s ease;pointer-events:none}.logo-slide.active{opacity:1}.logo-slide img{width:100%;height:72px;object-fit:contain;max-width:220px;justify-self:center;filter:grayscale(1);mix-blend-mode:multiply}.logo-controls{display:flex;align-items:center;justify-content:center;gap:22px;font:10px monospace}.logo-controls button{font-size:21px}#embed video{width:100%;height:100%;background:#000}.filters{flex-wrap:wrap}.fallback{font-size:140px}.project:nth-child(2) .picture{aspect-ratio:16/9}@media(max-width:1000px) and (min-width:701px){.hero-bottom{right:49%;flex-direction:column;gap:20px}.hero{height:750px}.hero-intro{max-width:300px}.hero-intro p{margin-bottom:15px}}@media(max-width:700px){.hero{height:680px}h1{margin-top:70px;font-size:23vw;width:84%}.title-dot{right:-17px}#stage{inset:140px -20% 95px 20%}.hero-bottom{left:0;right:48%;bottom:65px;flex-direction:column;gap:22px}.hero-bottom>p{font-size:34px}.hero-intro p{font-size:12px}.pointer-note{left:50%;width:50%;bottom:27px;font-size:7px}.logo-slide{grid-template-columns:repeat(2,1fr);gap:25px}.logo-carousel{height:180px}.logo-slide img{height:60px;max-width:145px}.clients-head{gap:20px;font-size:8px}.project-title{font-size:17px}.filters{gap:2px}.filters button{font-size:10px;padding:8px 10px}}
.project:first-child{grid-column:auto}.project:first-child .picture{aspect-ratio:16/9}

/* Original TAMID artwork; proportions and pronunciation marks preserved. */
header{height:145px}.brand{width:180px;line-height:0;flex-shrink:0}.brand img{width:100%;height:auto;display:block}h1{width:50%;margin:55px 0 0;font-size:inherit;line-height:0}h1 img{width:100%;height:auto;display:block}.hero{height:740px}.hero-bottom{right:48%;bottom:68px;align-items:flex-start}.hero-bottom>p{font-size:55px;flex-shrink:0}.hero-intro{padding-top:7px}.hero-intro p{font-size:14px}.fallback img{width:90px;height:auto}.services img{width:13px;height:26px;object-fit:contain}.footer-brand{width:180px;display:block;margin-bottom:30px}.project-meta{min-height:45px}.picture img{object-position:center}.picture.vertical-cover img{object-fit:cover}.project a.project-link{display:block}#embed.portrait{aspect-ratio:9/16;max-height:72vh;margin:auto;width:auto;max-width:100%}dialog:has(#embed.portrait){width:min(520px,95vw)}
@media(max-width:1000px) and (min-width:701px){.hero{height:790px}.hero-bottom{right:50%;bottom:50px}h1{margin-top:80px}.hero-bottom>p{font-size:47px}}
@media(max-width:700px){header{height:137px}.brand{width:155px}nav{gap:15px}nav>a:first-child{display:none}.hero{height:720px}h1{width:60%;margin-top:45px}#stage{inset:170px -15% 140px 30%}.hero-bottom{right:48%;bottom:65px}.hero-bottom>p{font-size:38px}.hero-intro p{font-size:12px}.footer-brand{width:180px}}

/* Keep the desktop artwork within the fixed-height hero at wide viewports. */
@media (min-width: 1001px) {
  .hero h1 {
    width: min(50%, 760px);
  }
  .hero-bottom {
    right: auto;
    width: min(52%, 900px);
  }
}

.tamid-whatsapp {
  position: fixed;
  right: max(24px, env(safe-area-inset-right));
  bottom: max(24px, env(safe-area-inset-bottom));
  z-index: 999;
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  box-shadow: 0 4px 20px #0005;
  transition: transform .2s, background .2s;
}
.tamid-whatsapp:hover { background: #128c4a; transform: translateY(-3px); }
.tamid-whatsapp svg { display: block; }
/* Leave room for Hostinger's admin-only assistant launcher. */
body:has(#wpadminbar) .tamid-whatsapp { bottom: 88px; }
@media (max-width: 700px) {
  .tamid-whatsapp { right: 18px; width: 56px; height: 56px; }
}

/* Reveal navigation only once the hero has fully left the viewport. */
body > header{position:fixed;top:0;left:0;right:0;margin:0;padding:0 4.3%;height:88px;background:rgba(28,28,26,.97);z-index:50;visibility:hidden;opacity:0;transform:translateY(-100%);pointer-events:none;transition:opacity .22s,transform .22s,visibility .22s}
body > header.is-visible{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
body > header .brand{width:130px}
html{scroll-padding-top:100px}
@media(max-width:700px){body > header{height:76px}body > header .brand{width:110px}}