@font-face{font-family:Thmanyah;src:url('fonts/thmanyah-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Thmanyah;src:url('fonts/thmanyah-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:ThmanyahDisplay;src:url('fonts/thmanyah-display-bold.woff2') format('woff2');font-weight:700;font-display:swap}

:root{--bg:#050505;--ink:#f0efe9;--muted:#979792;--quiet:#686864;--line:#292927;--soft:#11110f;--signal:#b9ff45;--pad:clamp(22px,4.2vw,72px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Thmanyah,"Segoe UI",Arial,sans-serif;font-weight:400;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{color:inherit}
::selection{background:var(--signal);color:#050505}
.skip-link{position:fixed;z-index:999;top:8px;inset-inline-start:8px;padding:10px 14px;background:var(--signal);color:#050505;transform:translateY(-160%)}
.skip-link:focus{transform:none}

.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:96px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid transparent;transition:.35s var(--ease)}
.site-header.scrolled{height:72px;background:rgba(5,5,5,.86);border-color:var(--line);backdrop-filter:blur(18px)}
.wordmark{font:700 25px/1 Arial,sans-serif;letter-spacing:-.07em;justify-self:start}
.wordmark span{font:400 8px/1 Arial;vertical-align:top;margin-inline-start:3px;color:var(--signal)}
.desktop-nav{display:flex;gap:34px;color:var(--muted);font-size:13px}
.desktop-nav a,.socials a{transition:color .25s}
.desktop-nav a:hover,.socials a:hover{color:var(--ink)}
.header-actions{justify-self:end;display:flex;align-items:center;gap:20px}
.lang-toggle,.menu-toggle{border:0;background:transparent;padding:8px;cursor:pointer;font:11px Arial;color:var(--muted)}
.talk-link{display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--ink);padding:7px 0;font-size:13px}
.talk-link i,.underlined i,.contact-head>a i,.submit i{font-style:normal;transition:transform .3s var(--ease)}
.talk-link:hover i,.contact-head>a:hover i,.submit:hover i{transform:translate(3px,-3px)}
.menu-toggle{display:none;width:34px;height:34px;position:relative}
.menu-toggle span{position:absolute;width:20px;height:1px;background:var(--ink);left:7px;top:13px;transition:.3s}
.menu-toggle span:last-child{top:20px}
.menu-toggle.open span:first-child{top:17px;transform:rotate(45deg)}
.menu-toggle.open span:last-child{top:17px;transform:rotate(-45deg)}
.mobile-nav{display:none}

.hero{min-height:100svh;padding:126px var(--pad) 46px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.tech-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.68;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 86%,transparent 100%)}
.hero-top{position:relative;z-index:2;display:flex;justify-content:space-between;color:var(--muted);font:11px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.hero-top p{margin:0}
.availability{display:flex;align-items:center;gap:9px}
.availability i{width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 5px rgba(185,255,69,.08)}
.hero-copy{position:relative;z-index:2;display:grid;grid-template-columns:1fr minmax(260px,390px);gap:6vw;align-items:end}
.hero h1{font:700 clamp(68px,9vw,144px)/1.08 ThmanyahDisplay,Thmanyah,sans-serif;letter-spacing:-.035em;margin:0;max-width:1100px}
.hero h1>span{display:block}
.hero h1>span+span{margin-top:.08em}
.hero h1 em{font-style:normal;color:var(--signal);-webkit-text-stroke:0}
.hero-note{padding-bottom:1.5vw}
.hero-note>span{display:block;font:9px Arial;letter-spacing:.12em;color:var(--signal);margin-bottom:20px}
.hero-note p{font-size:clamp(17px,1.35vw,22px);line-height:1.75;color:#b8b8b2;margin:0;max-width:370px}
.scroll-mark{position:relative;z-index:2;align-self:flex-start;display:flex;align-items:center;gap:28px;font-size:12px;color:var(--muted)}
.scroll-mark i{font-style:normal;color:var(--ink)}

.section-pad{padding:clamp(100px,12vw,190px) var(--pad);border-bottom:1px solid var(--line)}
.section-index{margin:0 0 clamp(60px,8vw,120px);color:var(--quiet);font:10px Arial;letter-spacing:.11em;text-transform:uppercase}
.section-index span{color:var(--muted)}
.intro-grid,.about-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:10vw;align-items:start}
.intro h2,.about h2,.work-heading h2{font:500 clamp(45px,6.4vw,104px)/1.18 Thmanyah,Arial;letter-spacing:-.025em;margin:0;max-width:1000px}
.intro-copy,.about-body{padding-top:12px}
.intro-copy>p,.about-body>p{font-size:clamp(17px,1.5vw,22px);line-height:1.9;color:#aaa9a3;margin:0 0 50px}
.underlined{width:100%;padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:var(--ink);font-size:13px}
.underlined:hover{border-color:var(--ink)}

.expertise{background:#ebeae4;color:#0a0a09}
.expertise .section-index{color:#777772}
.expertise .section-index span{color:#343432}
.expertise-list{border-top:1px solid #bab9b3}
.expertise-row{display:grid;grid-template-columns:60px minmax(270px,1.05fr) minmax(280px,.75fr) 30px;gap:4vw;align-items:center;min-height:190px;border-bottom:1px solid #bab9b3;transition:.35s var(--ease)}
.expertise-row>span{font:10px Arial;color:#797973}
.expertise-row h3{font:500 clamp(34px,4vw,65px)/1 Arial;margin:0;letter-spacing:-.04em}
.expertise-row p{margin:0;color:#5d5d59;line-height:1.75;font-size:17px;max-width:460px}
.expertise-row>i{font-style:normal;font-size:21px;transition:.3s}
.expertise-row:hover{padding-inline:16px;background:#dfded8}
.expertise-row:hover>i{transform:translate(4px,-4px)}

.work-heading{display:grid;grid-template-columns:.65fr 1.35fr;gap:6vw;align-items:start;margin-bottom:100px}
.work-heading .section-index{margin:15px 0 0}
.work-list{border-top:1px solid var(--line)}
.work-row{display:grid;grid-template-columns:55px minmax(280px,1fr) minmax(240px,.65fr) 25px;gap:3vw;align-items:center;min-height:160px;border-bottom:1px solid var(--line);position:relative;transition:.35s var(--ease)}
.work-row:before{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleY(0);transform-origin:bottom;transition:.4s var(--ease);z-index:-1}
.work-row:hover{color:#090909;padding-inline:20px}
.work-row:hover:before{transform:scaleY(1)}
.work-no{font:10px Arial;color:var(--quiet)}
.work-row>div>p{font:9px Arial;color:var(--quiet);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}
.work-row h3{font-size:clamp(27px,3vw,46px);line-height:1.1;margin:0}
.work-desc{color:var(--muted);margin:0;line-height:1.7}
.work-row>i{font-style:normal;font-size:19px}
.work-row:hover .work-no,.work-row:hover>div>p,.work-row:hover .work-desc{color:#555550}

.about{background:#0b0b0a}
.about h2{font-size:clamp(43px,5.8vw,88px)}
.quiet-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:50px}
.quiet-stats>div{padding:24px 0;display:grid;gap:8px;border-inline-end:1px solid var(--line)}
.quiet-stats>div:last-child{border:0;padding-inline-start:20px}
.quiet-stats strong{font:400 30px/1 Arial;direction:ltr;unicode-bidi:isolate;justify-self:start;font-variant-numeric:tabular-nums}
.quiet-stats span{font-size:12px;line-height:1.6;color:var(--muted)}

.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:end;background:var(--signal);color:#070707}
.contact-head>p{font:10px Arial;letter-spacing:.12em;margin:0 0 65px}
.contact h2{font:700 clamp(52px,6.2vw,100px)/1.12 ThmanyahDisplay,Thmanyah;margin:0 0 55px;letter-spacing:-.025em}
.contact h2>span{display:block}
.contact h2>span+span{margin-top:.08em}
.contact h2 em{font-style:normal;color:#070707;-webkit-text-stroke:0}
.contact-head>a{display:flex;justify-content:space-between;max-width:480px;padding:12px 0;border-bottom:1px solid #070707;font:16px Arial}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:26px 22px;padding-bottom:4px}
.field{display:grid;gap:8px}
.field.full{grid-column:1/-1}
.field label{font-size:12px}
.field input,.field textarea{border:0;border-bottom:1px solid rgba(7,7,7,.4);background:transparent;color:#070707;border-radius:0;padding:12px 0;outline:none;resize:none}
.field input:focus,.field textarea:focus{border-color:#070707}
.submit{grid-column:1/-1;border:1px solid #070707;background:#070707;color:var(--ink);min-height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.submit:disabled{opacity:.6;cursor:wait}
.form-status{grid-column:1/-1;min-height:22px;margin:0;font-size:12px}
.honeypot{display:none!important}

footer{min-height:230px;padding:55px var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;border-top:1px solid var(--line)}
footer>p{margin:0;color:var(--quiet);font-size:11px;text-align:center}
.socials{display:flex;justify-content:flex-end;gap:25px;font:11px Arial;color:var(--muted)}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.visible{opacity:1;transform:none}

/* Case studies */
.case-page{background:var(--bg)}
.case-nav{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);position:sticky;top:0;z-index:20;background:rgba(5,5,5,.9);backdrop-filter:blur(16px)}
.case-nav>div{display:flex;align-items:center;gap:22px}
.case-nav .brand{font:700 23px Arial;letter-spacing:-.06em}
.case-nav .brand img{display:none}
.case-nav .brand span{display:block}
.case-nav .brand small{display:block;font:8px Arial;letter-spacing:.1em;color:var(--quiet);margin-top:4px}
.case-back{font-size:12px;color:var(--muted)}
.case-main{width:min(1380px,calc(100% - (var(--pad) * 2)));margin:auto}
.case-hero{min-height:760px;padding:120px 0 90px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-bottom:1px solid var(--line)}
.case-kicker{font:10px Arial;letter-spacing:.15em;color:var(--signal);margin-bottom:30px;text-transform:uppercase}
.case-hero h1{font:700 clamp(60px,8.5vw,132px)/.94 ThmanyahDisplay,Thmanyah;margin:0;max-width:1100px;letter-spacing:-.04em}
.case-hero>p{font-size:clamp(17px,1.5vw,22px);line-height:1.85;color:var(--muted);max-width:720px;margin:40px 0}
.case-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}
.case-tags span{font:9px Arial;border:1px solid var(--line);padding:7px 10px;color:var(--muted)}
.button{min-height:52px;padding:0 22px;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:13px;transition:.3s}
.button:hover{background:var(--ink);color:#070707}
.case-visual{height:520px;border-bottom:1px solid var(--line);display:grid;place-items:center;overflow:hidden;position:relative}
.case-visual:before,.case-visual:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;width:430px;height:430px}
.case-visual:after{width:240px;height:240px;border-color:#41413d}
.case-system{position:relative;z-index:2;width:min(900px,85%);display:flex;align-items:center;justify-content:space-between;color:var(--quiet);font:9px Arial;letter-spacing:.14em}
.case-system i{width:80px;height:1px;background:var(--line)}
.case-system strong{color:var(--signal)}
.case-details{display:grid;grid-template-columns:repeat(2,1fr);margin:130px 0;border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}
.case-details article{min-height:310px;padding:42px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line)}
.case-details article>span{font:9px Arial;color:var(--signal)}
.case-details h2{font-size:35px;margin:55px 0 16px}
.case-details p{font-size:18px;line-height:1.8;color:var(--muted);margin:0}
.case-cta{border-top:1px solid var(--line);padding:100px 0 140px;display:flex;justify-content:space-between;align-items:center}
.case-cta p{font-size:clamp(38px,5vw,72px);line-height:1.1;margin:0}

[dir=ltr] body{font-family:"Segoe UI",Arial,sans-serif}
[dir=ltr] .hero h1,[dir=ltr] .contact h2,[dir=ltr] .case-hero h1{font-family:"Segoe UI",Arial,sans-serif;letter-spacing:-.07em}
[dir=ltr] .intro h2,[dir=ltr] .about h2,[dir=ltr] .work-heading h2{font-family:"Segoe UI",Arial,sans-serif}

@media(max-width:980px){
  .site-header{height:76px}.desktop-nav,.talk-link{display:none}.site-header{grid-template-columns:1fr 1fr}.header-actions{gap:8px}.menu-toggle{display:block}.mobile-nav{display:flex;position:fixed;inset:76px 0 auto;height:0;overflow:hidden;background:var(--bg);flex-direction:column;padding:0 var(--pad);transition:.45s var(--ease);border-bottom:1px solid var(--line)}.mobile-nav.open{height:calc(100svh - 76px);padding-top:11vh}.mobile-nav a{font-size:clamp(34px,9vw,64px);border-bottom:1px solid var(--line);padding:14px 0}
  .hero-copy{grid-template-columns:1fr}.hero h1{font-size:clamp(64px,12vw,112px)}.hero-note{display:grid;grid-template-columns:60px 1fr;align-items:start}.hero-note>span{margin-top:8px}.hero-note p{max-width:480px}
  .intro-grid,.about-grid,.contact{grid-template-columns:1fr;gap:70px}.intro h2,.about h2{max-width:800px}.intro-copy,.about-body{max-width:600px;margin-inline-start:auto}
  .expertise-row{grid-template-columns:50px 1fr 30px;padding:34px 0}.expertise-row p{grid-column:2/3}.expertise-row>i{grid-column:3;grid-row:1/3}
  .work-heading{grid-template-columns:1fr;gap:40px}.work-row{grid-template-columns:45px 1fr 25px;padding:30px 0}.work-desc{grid-column:2/3}.work-row>i{grid-column:3;grid-row:1/3}
  footer{grid-template-columns:1fr 1fr}.socials{grid-column:1/-1;justify-content:flex-start;margin-top:45px}footer>p{text-align:end}
}

@media(max-width:620px){
  :root{--pad:20px}.site-header{padding:0 20px}.hero{padding-top:100px;min-height:780px}.tech-canvas{opacity:.48;mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 75%,transparent 100%)}.hero-top{font-size:9px}.hero-top>p:first-child{max-width:140px;line-height:1.5}.availability{align-self:start}.hero h1{font-size:clamp(50px,13.5vw,68px);line-height:1.12}.hero h1>span+span{margin-top:.13em}.hero-copy{gap:45px}.hero-note{grid-template-columns:1fr;gap:0}.hero-note p{font-size:17px}.section-pad{padding:95px 20px}.section-index{margin-bottom:55px}.intro h2,.about h2,.work-heading h2{font-size:clamp(38px,10.5vw,56px);line-height:1.22}
  .expertise-row{grid-template-columns:35px 1fr 20px;gap:12px}.expertise-row h3{font-size:31px}.expertise-row p{font-size:15px}.expertise-row:hover,.work-row:hover{padding-inline:0}
  .work-heading{margin-bottom:60px}.work-row{grid-template-columns:34px 1fr 20px;gap:12px;min-height:170px}.work-row h3{font-size:27px}.work-desc{font-size:14px}.quiet-stats strong{font-size:24px}.quiet-stats>div{padding-inline:10px}.quiet-stats>div:first-child{padding-inline-start:0}
  .contact{gap:85px}.contact h2{font-size:clamp(44px,11.5vw,60px);line-height:1.2;letter-spacing:-.015em}.contact h2>span+span{margin-top:.14em}.contact-form{grid-template-columns:1fr}.field.full,.submit,.form-status{grid-column:auto}
  footer{grid-template-columns:1fr;gap:30px;align-items:start}footer>p{text-align:start}.socials{grid-column:auto;margin:0;flex-wrap:wrap}
  .case-main{width:calc(100% - 40px)}.case-nav{padding:0 20px}.case-back{font-size:0}.case-back:after{content:"←";font-size:19px}.case-hero{min-height:620px;padding:90px 0 70px}.case-hero h1{font-size:clamp(50px,14vw,72px)}.case-visual{height:360px}.case-system{display:grid;grid-template-columns:1fr;gap:12px;text-align:center}.case-system i{width:1px;height:20px;justify-self:center}.case-details{grid-template-columns:1fr;margin:80px 0}.case-details article{min-height:250px;padding:28px}.case-details h2{margin-top:38px}.case-cta{align-items:flex-start;flex-direction:column;gap:40px}.case-cta .button{width:100%}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.site-header,.mobile-nav{transition:none}.tech-canvas{display:none}}