:root{--ink:#0a0a0b;--paper:#f4f0e9;--acid:#d9ff36;--sub:#aaa69f;--line:rgba(244,240,233,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Alexandria,Arial,sans-serif;overflow-x:hidden}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.09;z-index:7;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.glow{position:fixed;border-radius:50%;filter:blur(120px);opacity:.13;pointer-events:none}.glow-one{background:#7289ff;width:40vw;height:40vw;top:-20vw;right:-14vw}.glow-two{background:var(--acid);width:32vw;height:32vw;bottom:0;left:-22vw}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{color:inherit;text-decoration:none;font-size:18px;font-weight:700}.brand span,.eyebrow,.nav-mail,footer,.hero-line{font:500 10px 'DM Mono',monospace;letter-spacing:.1em}.brand span{color:var(--acid);margin-left:10px}.nav nav{display:flex;gap:30px}.nav nav a{color:var(--sub);font-size:12px;text-decoration:none}.nav nav a:hover{color:var(--paper)}.nav-mail{color:var(--paper);text-decoration:none;direction:ltr}
.hero{padding:105px 0 31px;min-height:620px;position:relative}.eyebrow{color:var(--acid);margin:0;display:flex;align-items:center;gap:9px;direction:ltr}.eyebrow i{width:28px;border-top:1px solid currentColor}.hero h1{font-size:clamp(62px,10.8vw,148px);line-height:.93;letter-spacing:-.09em;margin:38px 0 62px;max-width:1030px}.hero h1 em,.about h2 em{font-family:Georgia,serif;font-weight:400;color:var(--acid);letter-spacing:-.1em}.hero-bottom{display:flex;justify-content:space-between;gap:35px;align-items:end}.hero-bottom p{color:#c1beb8;max-width:365px;margin:0;font-size:14px;line-height:2}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;direction:rtl}.button{border:1px solid var(--line);color:var(--paper);padding:14px 17px;text-decoration:none;font-size:12px;transition:.25s}.button.primary{background:var(--acid);border-color:var(--acid);color:#101010;font-weight:700}.button:hover{transform:translateY(-3px);background:var(--paper);color:var(--ink)}.hero-line{border-top:1px solid var(--line);margin-top:94px;padding-top:15px;display:flex;justify-content:space-between;color:var(--sub);direction:ltr}
.work{padding:112px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:22px;border-bottom:1px solid var(--line)}.section-heading h2,.about h2{margin:0;font-size:clamp(30px,4.2vw,58px);letter-spacing:-.07em}.section-heading h2 span{font:400 13px 'DM Mono';color:var(--acid);letter-spacing:0}.filters{padding:24px 0;display:flex;gap:8px;flex-wrap:wrap}.filter{color:var(--sub);font-family:inherit;font-size:11px;background:transparent;border:1px solid var(--line);padding:9px 15px;cursor:pointer}.filter.active,.filter:hover{color:var(--ink);background:var(--acid);border-color:var(--acid)}
.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 18px}.project-card{min-width:0}.video-trigger{background:#171718;border:0;width:100%;padding:0;cursor:pointer;text-align:inherit;color:inherit}.media{aspect-ratio:9/16;position:relative;overflow:hidden;background:linear-gradient(135deg,#182025,#090909)}.media video{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:transform .7s,filter .4s}.video-trigger:hover video{transform:scale(1.025);filter:saturate(1.15)}.media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 50%);opacity:.6;pointer-events:none}.play{position:absolute;inset:0;margin:auto;z-index:1;width:62px;height:62px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;padding-right:2px;font-size:17px;transition:.25s}.video-trigger:hover .play{background:var(--acid);border-color:var(--acid);color:#111;transform:scale(1.1)}.project-meta{border-top:1px solid var(--line);padding-top:13px;margin-top:13px;display:flex;justify-content:space-between;gap:20px}.project-meta h3{font-size:17px;margin:0 0 7px}.project-meta p{font-size:12px;color:var(--sub);line-height:1.8;margin:0}.project-meta>span{font:400 10px/1.8 'DM Mono';text-align:left;color:var(--acid);white-space:nowrap}.empty-state{grid-column:1/-1;border:1px dashed var(--line);padding:55px 25px;text-align:center;color:var(--sub)}.empty-state span{font:300 36px Georgia;color:var(--acid)}.empty-state h3{color:var(--paper);font-size:17px;margin:10px 0}.empty-state p{font-size:12px;margin:0;line-height:2}.empty-state code{font:11px 'DM Mono';color:var(--acid)}
.about{padding:100px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:50px}.about>div>p{max-width:650px;line-height:2.1;color:#c1beb8;font-size:15px;margin:30px 0}.about strong{color:var(--acid)}.skills{display:flex;gap:8px;flex-wrap:wrap}.skills span{font:500 10px 'DM Mono';border:1px solid var(--line);padding:9px 11px;color:var(--sub)}
.contact{padding:118px 0 92px;border-top:1px solid var(--line)}.contact>a{display:block;width:max-content;max-width:100%;color:var(--paper);text-decoration:none;font-size:clamp(57px,10vw,135px);letter-spacing:-.1em;line-height:1;margin:26px 0 44px}.contact>a span{font-family:Arial;color:var(--acid)}.contact p{font-size:13px;line-height:2;color:var(--sub)}.contact p a{color:var(--paper)}.contact p .whatsapp-text{color:var(--acid);text-decoration:none}footer{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;color:#807e78;font:500 9px 'DM Mono',monospace;letter-spacing:.1em}footer a{color:var(--paper)}
.video-modal{border:1px solid #303030;background:#111;color:var(--paper);width:min(960px,94vw);padding:48px 18px 18px}.video-modal::backdrop{background:#000d}.video-modal video{display:block;width:100%;max-height:73vh}.video-modal p{font-size:12px;margin:14px 3px 2px}.close{position:absolute;top:5px;left:13px;color:white;background:transparent;border:0;font-size:32px;cursor:pointer}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}.nav{height:70px}.nav nav,.nav-mail{display:none}.hero{padding-top:78px;min-height:550px}.hero h1{margin:28px 0 46px;line-height:1}.hero-bottom{display:block}.hero-bottom p{margin-bottom:28px}.hero-line{margin-top:72px;font-size:8px;gap:13px}.section-heading{display:block}.section-heading h2{margin-top:15px}.work{padding:78px 0}.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px}.project-meta{display:block}.project-meta>span{display:block;text-align:right;margin-top:8px}.project-meta h3{font-size:13px}.project-meta p{font-size:10px}.play{width:48px;height:48px}.about{grid-template-columns:1fr;padding:70px 0;gap:22px}.contact{padding:78px 0 65px}.contact>a{margin:20px 0 35px}footer{font-size:7px;gap:7px}.button{padding:12px 14px}}